:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#ededed;background:#050505;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden;background:#050505}button{font:inherit}.app-shell{width:100vw;height:100vh;padding:1rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem}.select-shell{place-items:center}.select-card{width:min(720px,calc(100vw - 2rem));border:1px solid #262626;background:#0d0d0d;padding:1.25rem}.select-card h1{margin:.35rem 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar h1{margin:0;font-size:clamp(1.5rem,2vw,2.4rem);line-height:1.1}.top-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.eyebrow{margin:0;color:#a3a3a3;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.lede,.muted,.status-text,.chaos-line{color:#a3a3a3}button{border:1px solid #262626;border-radius:0;padding:.85rem 1rem;background:#0d0d0d;color:#ededed;cursor:pointer}button:hover{background:#151515}button.secondary{background:#111}.side-buttons{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1rem}.content-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.72fr);gap:1rem}.board-panel,.sidebar{min-height:0}.board-panel{display:flex;align-items:center;justify-content:center}.board-frame{width:min(100%,calc(100vh - 10rem));aspect-ratio:1;min-width:0;border:1px solid #262626;background:#0d0d0d;padding:.75rem}.board{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:hidden;border:1px solid #262626}.square{aspect-ratio:1;border-radius:0;background:transparent;color:inherit;font-size:clamp(2rem,4vmin,3.6rem);position:relative;padding:0}.square.dark{background:#191919}.square.light{background:#e5e5e5;color:#050505}.square.selected{outline:2px solid #ededed;outline-offset:-2px}.square.target:after{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:1px solid #262626}.square span,.square small{position:relative;z-index:1}.square span{display:block;transform:translateY(.05em)}.square small{position:absolute;left:.35rem;top:.3rem;font-size:.7rem;opacity:.7}.sidebar{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:1rem;overflow-y:auto;padding-right:.25rem;overscroll-behavior:contain}.panel{min-height:0;border:1px solid #262626;background:#0d0d0d;padding:1rem}.panel-label{margin:0 0 .5rem;color:#a3a3a3;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.status-panel{display:grid;gap:.85rem}.status-text{margin:0}.chaos-line{margin:-.15rem 0 0}.clock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.clock{padding:.85rem;border:1px solid #262626;background:#111}.clock.active{background:#151515}.clock span{display:block;color:#a3a3a3;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.clock strong{display:block;margin-top:.25rem;font-size:1.35rem}.mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mini-stats div{padding:.85rem;border:1px solid #262626;background:#111}.mini-stats span{display:block;color:#a3a3a3;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.mini-stats strong{display:block;margin-top:.25rem;font-size:1.05rem}.instructions-panel ul{margin:.25rem 0 0;padding-left:1.1rem;color:#a3a3a3}.move-log{overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.move-log ol{margin:.25rem 0 0;padding-left:1.1rem;overflow:auto}.plain-footer{margin-top:-.4rem;color:#a3a3a3;font-size:.85rem}.plain-footer a{color:#ededed}@media (max-width: 980px){body{overflow:auto}.app-shell{height:auto;min-height:100%}.topbar,.content-grid{grid-template-columns:1fr;display:grid;align-items:start}.topbar{gap:.75rem}.board-frame{width:min(100%,calc(100vw - 2rem))}}