:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101f1b;color:#eef2e7;font:14px/1.5 system-ui,sans-serif}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #4d675c;border-radius:4px;padding:10px 12px;background:#dfeacb;color:#182f25;font-weight:650;touch-action:manipulation}button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:default}.quiet{background:#23372f;color:#dce4d7}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #efb977;outline-offset:3px}header{padding:17px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #36483c;font-size:12px}header>b{font-size:14px}header b{font-size:9px;letter-spacing:.12em;background:#a9432f;padding:4px 7px;border-radius:3px;margin-left:8px}#network-status{color:#bed1ad;font-size:10px}main{max-width:1520px;margin:auto;padding:26px}.intro{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:25px}h1{font-size:25px;margin:0;letter-spacing:-.03em}.intro p{font-size:11px;color:#a4b6a8;margin:0}#workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px}.desk,.stage{border:1px solid #405449;border-radius:6px;overflow:hidden;background:#162a21}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #405449}.panel-title h2{font-size:14px;margin:0}.panel-title>span{font-size:11px;color:#bfd0b4}.panel-title a{font-size:11px}.discipline-label{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 18px;font-size:11px}select{background:#23372f;color:#eef2e7;border:1px solid #4d675c;padding:6px;font-size:11px;border-radius:3px}.timer{display:flex;flex-direction:column;align-items:center;padding:7px}.timer output{font-size:54px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.timer span{font-size:10px;color:#bed1ad}.timer-actions{padding:14px;display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.timer-actions button{padding:8px 10px;font-size:11px}.sides{display:grid;grid-template-columns:1fr 1fr;margin:0 14px 15px;gap:8px}.side{padding:13px 10px;background:#e9eee2;color:#1b3029;display:flex;align-items:center;flex-direction:column;gap:6px;border-radius:4px}.side.aka{background:#aa3e2a;color:white}.side small{font-size:9px;letter-spacing:.15em;font-weight:800}.side h3{font-size:13px;margin:0;line-height:1.4}.side>span{font-size:9px}.side output{font-weight:800;font-size:36px;line-height:1.2;margin:8px 0}.side button{width:100%;padding:8px;font-size:12px;background:#fff;color:#1d3228}.side button.quiet{background:transparent;color:inherit;border-color:currentColor;font-size:10px;padding:5px}.finish-actions{display:flex;gap:8px;padding:0 14px}.finish-actions button{font-size:10px;padding:7px}.help{font-size:10px;color:#adc1af;margin:13px 17px}.view-tabs{display:flex;gap:8px}.view-tabs button{background:transparent;color:#b9cbb7;font-size:11px;padding:6px 9px}.view-tabs button[aria-pressed=true]{background:#dfeacb;color:#182f25}.canvas-wrap{position:relative;aspect-ratio:16/9;background:#0b1713}.canvas-wrap canvas{display:block;width:100%;height:100%;object-fit:contain}.demo-watermark{position:absolute;right:12px;top:11px;font-size:8px;letter-spacing:.12em;color:#fff;background:#183b35d9;padding:4px 6px;border-radius:2px}.scene-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 18px}.scene-controls span{font-size:10px;color:#b1c2ad;margin-right:7px}.scene-controls button{font-size:10px;padding:6px 10px;background:transparent;color:#e3ead9}.scene-controls button[aria-pressed=true]{background:#dfeacb;color:#182f25}.explanation{padding:0 18px 17px}.explanation b{font-size:12px}.explanation p{font-size:11px;color:#adc1af;margin-bottom:0;max-width:630px}.offline-note{display:flex;gap:25px;padding:20px;background:#20372a;margin-top:20px;border-radius:5px;font-size:11px}.offline-note b{min-width:200px}.outside-link{font-size:11px}.offline-note span{color:#bacab4}#accessible-score{padding:7px 18px;font-size:11px;color:#bed1ad}#notice{font-size:11px;color:#efbb83;min-height:18px;margin:12px 0}.judges{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.judges label{font-size:9px}.judges input{width:100%;padding:8px 2px;background:#e9eee2;color:#183b35;border:0;border-radius:3px;margin-top:5px;text-align:center}#kata-controls{padding:0 16px 18px}#kata-controls p{font-size:11px}#save-kata{margin:16px 0;font-size:12px}#kata-total{display:block;font-size:23px}body.read-only .desk,body.read-only .intro,body.read-only .offline-note,body.read-only .outside-link,body.read-only #notice{display:none}body.read-only #workspace{display:block}body.read-only main{padding:18px}body.read-only .explanation{display:none}body.embedded>header{display:none}body.embedded main{padding:20px}body.embedded .intro{margin-bottom:15px}body.embedded .intro h1{font-size:19px}body.embedded .offline-note{margin-top:15px;padding:13px}body.embedded .outside-link{display:none}[hidden]{display:none!important}
@media(max-width:1000px){#workspace{grid-template-columns:300px minmax(0,1fr)}.intro{display:block}.intro p{margin-top:5px}.panel-title{flex-wrap:wrap}.view-tabs button{padding:5px}.offline-note{display:block}.offline-note b{display:block;margin-bottom:7px}}@media(max-width:700px){header{padding:13px 16px;flex-wrap:wrap;gap:10px}main,body.embedded main{padding:15px}#workspace{display:flex;flex-direction:column}.stage{order:-1}.intro{display:block}h1{font-size:23px}.intro p{margin-top:7px}.panel-title{padding:12px}.timer output{font-size:44px}.sides{margin-bottom:15px}.side{padding:10px}.side h3{font-size:15px}.side button{font-size:14px}.help{font-size:11px}.timer-actions button{font-size:12px}.explanation{display:none}.scene-controls{padding:10px}.offline-note{font-size:11px}.canvas-wrap{aspect-ratio:16/9}}
.demo-logo{width:195px;height:auto;max-width:42vw;background:#fff;border-radius:3px;padding:4px}.match-status{text-align:center;font-size:11px;color:#bed1ad;margin:6px}.full-demo-link{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#203d34;padding:18px;border:1px solid #527263;border-radius:6px;margin-bottom:20px}.full-demo-link p{font-size:12px;margin:5px 0 0;color:#c6d6be}.full-demo-link>a{background:#e5ebd7;color:#17372c;font-weight:700;padding:12px 16px;border-radius:4px;white-space:nowrap;text-decoration:none}body.embedded .full-demo-link{padding:12px}body.read-only .full-demo-link{display:none}@media(max-width:700px){.full-demo-link{align-items:stretch;flex-direction:column;gap:12px}.full-demo-link>a{text-align:center}.demo-logo{width:170px;max-width:45vw}}