*{box-sizing:border-box}:root{color-scheme:dark;--ink:#e9e8e2;--muted:#7d8490;--line:#242a33;--orange:#ff642e;--blue:#4ca8d8;--bg:#070a0f}html,body,#scene{margin:0;width:100%;height:100%}body{overflow:hidden;background:var(--bg);color:var(--ink);font-family:DM Mono,monospace}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}main{height:100dvh;display:grid;grid-template-rows:76px minmax(0,1fr) 74px;padding:0 34px}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.14em}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-family:Syne,sans-serif;font-weight:600;font-size:13px;letter-spacing:.04em}.brand b{color:var(--orange)}.brand-icon{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(45deg);border:1px solid #555b64;padding:4px}.brand-icon i{background:#d7d5cd}.brand-icon i:nth-child(2),.brand-icon i:nth-child(3){background:var(--orange)}.round{color:#89909b}.round span{color:var(--orange);margin:0 8px}.live{justify-self:end;color:#a9afb7}.live i,.system i{display:inline-block;width:6px;height:6px;background:#60d193;border-radius:50%;margin-right:9px;box-shadow:0 0 9px #60d193;animation:pulse 1.7s infinite}.arena{display:grid;grid-template-columns:150px minmax(400px,1fr) 150px;gap:22px;min-height:0;padding:20px 0}.player{position:relative;border:1px solid var(--line);padding:20px 18px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.player:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange)}.player-b:after{background:var(--blue)}.number{position:absolute;top:11px;right:12px;color:#4d535d;font-size:10px}.portrait{width:76px;height:88px;margin-top:20px;border:1px solid #343a44;display:grid;place-items:center;clip-path:polygon(16% 0,84% 0,100% 15%,100% 85%,84% 100%,16% 100%,0 85%,0 15%);background:radial-gradient(circle at 50% 35%,#3f454d 0 16%,#161b21 17% 35%,#0b0f14 36%)}.portrait:before,.portrait:after{content:"";position:absolute;width:9px;height:4px;top:82px;box-shadow:0 0 8px currentColor;background:currentColor}.portrait:before{margin-left:-20px}.portrait:after{margin-left:20px}.portrait.orange{color:var(--orange)}.portrait.blue{color:var(--blue)}.portrait span{margin-top:48px;font-size:9px;letter-spacing:.2em}.player p{font-size:8px;color:#6f7680;letter-spacing:.16em;margin:19px 0 7px}.player h2{font:600 18px Syne,sans-serif;letter-spacing:.09em;margin:0}.rating{width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#6f7680}.rating b{font-size:11px;color:#c8cbd0}.clock{font:500 clamp(22px,3vw,36px) "DM Mono";margin-top:auto;letter-spacing:-.08em}#scene{position:relative;overflow:hidden;border:1px solid #282e37;background:radial-gradient(circle at 50% 40%,#17202a,#080b10 65%)}#scene canvas{display:block;width:100%;height:100%;cursor:grab}#scene canvas:active{cursor:grabbing}.scanlines{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.09;background:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px)}.corner{position:absolute;z-index:3;width:28px;height:28px;pointer-events:none}.corner:before,.corner:after{content:"";position:absolute;background:#737a84}.corner:before{width:28px;height:1px}.corner:after{width:1px;height:28px}.tl{top:13px;left:13px}.tr{top:13px;right:13px;transform:rotate(90deg)}.bl{bottom:13px;left:13px;transform:rotate(-90deg)}.br{bottom:13px;right:13px;transform:rotate(180deg)}.move-badge{position:absolute;z-index:4;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;border:1px solid #353c46;background:#06090ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.13em}.move-badge span{padding:8px 12px;color:#737b87}.move-badge b{padding:8px 12px;border-left:1px solid #353c46;color:#f0eee8}.hint{position:absolute;z-index:4;bottom:15px;left:50%;transform:translate(-50%);font-size:8px;color:#747b85;letter-spacing:.13em;pointer-events:none}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);font-size:9px;letter-spacing:.1em}.evaluation{display:flex;align-items:center;gap:12px}.evaluation span{color:var(--orange)}.evaluation div{width:100px;height:4px;background:var(--blue)}.evaluation div i{display:block;background:var(--orange);width:58%;height:100%}.evaluation b{font-weight:400;color:#abb0b7}.controls{display:flex;gap:8px}.controls button{border:1px solid #343a43;background:transparent;color:#9ea4ad;padding:9px 13px;font:9px DM Mono;letter-spacing:.1em;cursor:pointer}.controls button:hover{border-color:#737b86;color:#fff}.controls button span{color:var(--orange);margin-right:6px}.system{justify-self:end;display:flex;align-items:center;gap:12px}.system span{color:#626a75}.system b{font-weight:400}.system i{margin:0 0 0 2px;width:5px;height:5px}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 2px currentColor}}@media(max-width:900px){main{padding:0 14px;grid-template-rows:58px minmax(0,1fr) 62px}.round{display:none}.arena{grid-template-columns:1fr;padding:10px 0}.player{position:absolute;z-index:5;top:76px;width:100px;height:108px;padding:9px;pointer-events:none;background:#070a0fbf}.player-a{left:24px}.player-b{right:24px}.portrait,.player p,.rating{display:none}.player h2{margin-top:32px;font-size:12px}.clock{font-size:17px}.number{top:9px}.player:after{height:2px}header{grid-template-columns:1fr 1fr}.live{font-size:8px}.evaluation,.system{display:none}footer{display:flex;justify-content:center}.hint{display:none}}@media(max-width:520px){.brand{font-size:11px}.brand-icon{width:22px;height:22px}.live{font-size:0}.arena{grid-template-columns:minmax(0,1fr)}.player{top:65px}.move-badge{top:12px}.controls button{padding:8px;font-size:8px}}body,#scene,.player,.controls button,.move-badge{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body.light-mode{color-scheme:light;--ink:#171b20;--muted:#626a73;--line:#cbd0d5;--bg:#f2f1ed}body.light-mode:before{opacity:.55;background-image:linear-gradient(rgba(18,25,31,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,25,31,.055) 1px,transparent 1px)}body.light-mode .round,body.light-mode .live{color:#59616a}body.light-mode .brand-icon{border-color:#8e959c}body.light-mode .brand-icon i{background:#353a40}body.light-mode .brand-icon i:nth-child(2),body.light-mode .brand-icon i:nth-child(3){background:var(--orange)}body.light-mode .player{background:linear-gradient(180deg,#ffffffb8,#dfe1df47);box-shadow:0 10px 28px #1c22270f}body.light-mode .number,body.light-mode .player p,body.light-mode .rating{color:#69717a}body.light-mode .rating b{color:#282e34}body.light-mode #scene{border-color:#aeb5bb;background:radial-gradient(circle at 50% 38%,#f9faf8,#d9dfe1 72%);box-shadow:0 12px 35px #1b242a1a}body.light-mode .scanlines{opacity:.045;background:repeating-linear-gradient(0deg,transparent 0 4px,#111 5px)}body.light-mode .corner:before,body.light-mode .corner:after{background:#5e6770}body.light-mode .move-badge{border-color:#aeb5bc;background:#f6f7f4d6;box-shadow:0 5px 18px #1e262b1a}body.light-mode .move-badge span{color:#68717a}body.light-mode .move-badge b{border-color:#b9bfc5;color:#171b20}body.light-mode .hint,body.light-mode .evaluation b,body.light-mode .system span{color:#606871}body.light-mode .controls button{border-color:#aeb4ba;color:#41484f;background:#ffffff61}body.light-mode .controls button:hover{border-color:#4f5962;color:#11161a;background:#fff}body.light-mode .system b{color:#30363c}@media(max-width:900px){body.light-mode .player{background:#f2f1eddb}}