*{box-sizing:border-box} :root{--ink:#292d35;--cream:#f6edda;--yellow:#f7c85a;--muted:#a2b7bc}body{margin:0;background:#25343d;color:var(--cream);font:14px system-ui,sans-serif;background-image:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:32px 32px}main{width:1246px;margin:0 auto;padding:8px 20px}header{display:flex;align-items:center;justify-content:space-between;height:44px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-size:39px;color:var(--yellow)}h1{font-size:24px;letter-spacing:2px;margin:0}.brand small{color:var(--muted);font-size:11px;letter-spacing:1.5px}.room-controls{display:flex;gap:8px;align-items:center}button,input,select{font:inherit;border:1px solid #697b80;border-radius:5px;padding:7px 10px;background:#354850;color:var(--cream)}button{cursor:pointer}button:disabled{opacity:.38;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #f7c85a;outline-offset:2px}#create,#start:not(:disabled){background:var(--yellow);color:var(--ink);border-color:#d5a542;font-weight:700}.connection-line{min-height:26px;display:flex;gap:14px;align-items:center;font-size:11px;color:var(--muted)}#room-settings{margin-left:auto;white-space:nowrap}#share-panel{display:flex;gap:6px}#share-panel[hidden]{display:none}#share{width:250px;font-size:10px}#copy{font-size:11px}.arena-shell{border:3px solid #18252d;border-radius:10px;overflow:hidden;box-shadow:0 7px 0 #17252d,0 14px 28px #0003}.hud{min-height:48px;background:#192a32;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 18px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#91a8ab}#result{display:block;font-size:13px;color:var(--yellow);margin-top:3px}#clock{margin:0;font-size:13px;font-weight:bold;white-space:nowrap}#players{display:flex;gap:8px;list-style:none;margin:0;padding:0}#players li{border-bottom:3px solid var(--color);padding:6px 9px;background:#31454b;border-radius:4px;font-size:12px;white-space:nowrap}.stage{position:relative}#arena{display:block;width:1200px;height:440px;background:#a8c3c2;cursor:crosshair}#phase-banner{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:#f6edda;color:#29363d;border:2px solid #29363d;border-radius:5px;padding:7px 22px;font-size:15px;font-weight:800;box-shadow:0 3px 0 #29363d;pointer-events:none;white-space:nowrap}.stage-footer{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;background:#192a32;font-size:11px;color:#bed0cc}kbd{font:10px system-ui;background:#34484d;border:1px solid #6f8586;border-radius:3px;padding:1px 4px;margin-right:3px}#preview-status{color:#f7c85a}#build{margin-top:12px}.tool-heading{height:26px;display:flex;justify-content:space-between;align-items:center}.tool-heading b{font-size:13px}.tool-heading small{font-weight:400;color:var(--muted);margin-left:10px}#direction-label{font-size:12px}#direction{padding:3px 8px}.tool-cards{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.tool-cards button{height:82px;display:flex;flex-direction:column;align-items:center;padding:4px;background:#eee5d1;color:#28363c;border:2px solid #182a32;box-shadow:0 3px 0 #14232b;transition:transform .1s}.tool-cards button:hover:not(:disabled){transform:translateY(-2px)}.tool-cards button[aria-pressed=true]{background:#ffdc83;border-color:#ffdc83;box-shadow:0 0 0 2px #182a32,0 4px 0 #14232b}.tool-art{display:block;width:80px;height:34px;flex-shrink:0}.tool-cards b{font-size:12px}.tool-cards small{font-size:10px;color:#69716b;margin-top:2px}.tool-cards button:disabled{opacity:.5}details{margin-top:8px;color:#a2b7bc;font-size:11px}summary{cursor:pointer}details p{line-height:1.8;max-width:1050px}.controls{display:none}[hidden]{display:none!important}body[data-phase=running] #phase-banner{background:#f7c85a}body[data-phase=build] #phase-banner{background:#d7edcf}@media(min-width:1600px){main{padding-top:35px}.connection-line{min-height:50px}#build{margin-top:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}