:root{color:#f3eadb;background:#100e0d;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;--ink: #f3eadb;--muted: #a89783;--dim: #766454;--line: #4a372c;--line-soft: rgba(215, 169, 109, .2);--walnut: #171210;--walnut-panel: rgba(31, 24, 20, .82);--walnut-raised: #2a201a;--cream: #f2e8d5;--brass: #d7a96d;--red-brown: #8b3a2f}*{box-sizing:border-box}html{min-width:320px;background:#100e0d}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 54% 43%,rgba(82,55,38,.42),transparent 39rem),radial-gradient(circle at 12% 100%,rgba(91,42,31,.16),transparent 28rem),#100e0d}button,select{font:inherit}button,select{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,1500px);min-height:100vh;margin:0 auto;padding:clamp(18px,3vw,38px) clamp(16px,5vw,72px) 28px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,2.5vw,36px);min-height:58px;padding-bottom:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;min-width:0;gap:11px;color:var(--cream);font-size:clamp(.93rem,1.45vw,1.15rem);font-weight:750;letter-spacing:-.025em;white-space:nowrap}.brand-mark{color:var(--brass);font-size:1.65rem;line-height:1;filter:drop-shadow(0 0 12px rgba(215,169,109,.2))}.match-meta,.eyebrow,small{color:var(--muted);font:.64rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.match-meta{display:flex;align-items:center;gap:9px;white-space:nowrap}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--brass);box-shadow:0 0 0 4px #d7a96d14,0 0 14px var(--brass)}.clocks{display:flex;justify-content:flex-end;gap:clamp(16px,3vw,32px)}.clocks div{display:grid;gap:5px;min-width:62px;text-align:right}.clocks strong{color:var(--cream);font:500 clamp(1rem,2vw,1.2rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.game-layout{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:calc(100vh - 112px)}.panel{align-self:stretch;min-width:0;padding:31px 22px 20px 0;border-right:1px solid var(--line)}.panel .eyebrow{margin:0}label{display:grid;gap:8px;margin:20px 0;color:#c7b8a7;font-size:.78rem;line-height:1.25}select,button{min-height:40px;color:var(--ink);background:var(--walnut-raised);border:1px solid #634936;border-radius:4px;padding:9px 11px;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}select{width:100%;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%);background-position:calc(100% - 15px) 17px,calc(100% - 10px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}select:hover,button:hover{border-color:var(--brass);background-color:#35271e}button{cursor:pointer;text-align:left}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.actions{display:grid;gap:8px;margin-top:27px}.actions button:first-child{color:#2a1b12;background:var(--brass);border-color:var(--brass);font-weight:700}.actions button:first-child:hover{background:#e3bd88}.history{margin-top:38px;padding-top:18px;border-top:1px solid var(--line-soft)}#move-list{max-height:280px;margin:14px 0 0;overflow:auto;padding-left:0;list-style:none;color:#c7b8a7;font:.72rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;scrollbar-color:#634936 transparent}.board-stage{position:relative;display:grid;min-width:0;min-height:0;place-items:center;isolation:isolate}.board-stage:before{position:absolute;width:min(76vw,900px);height:min(76vw,900px);content:"";border-radius:50%;background:radial-gradient(circle,rgba(127,74,43,.16),transparent 67%);filter:blur(18px);pointer-events:none;z-index:-1}.scene{width:min(74vw,850px);height:min(75vh,700px);min-height:480px;outline:none}.scene canvas{display:block;width:100%;height:100%;border-radius:8px;filter:drop-shadow(0 26px 32px rgba(0,0,0,.28))}.game-banner{position:absolute;top:8%;max-width:min(90%,360px);padding:12px 20px;color:#2a1b12;background:var(--brass);border:1px solid #f0ca91;border-radius:4px;box-shadow:0 9px 30px #0000008c;font-weight:750;letter-spacing:.01em;text-align:center}@media(max-width:900px){.topbar{grid-template-columns:minmax(0,1fr) auto}.match-meta{display:none}.game-layout{grid-template-columns:184px minmax(0,1fr)}.panel{padding-right:16px}}@media(max-width:760px){.app-shell{padding:17px 14px 22px}.topbar{min-height:52px;padding-bottom:14px}.brand{gap:8px}.brand-mark{font-size:1.4rem}.game-layout{display:flex;flex-direction:column;min-height:0}.board-stage{order:1;min-height:0;padding:12px 0 3px}.panel{order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:17px 0 0;border-top:1px solid var(--line);border-right:0}.panel .eyebrow,.history{grid-column:1 / -1}.panel label,.actions{margin:0}.history{margin-top:2px}#move-list{max-height:150px}.scene{width:100%;height:min(68vw,520px);min-height:330px}.board-stage:before{width:100vw;height:100vw}}@media(max-width:430px){.clocks{gap:12px}.clocks div{min-width:52px}.clocks small{font-size:.56rem;letter-spacing:.08em}.panel{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}.actions button:first-child{grid-column:1 / -1}.scene{height:76vw;min-height:290px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}