:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fffdf9;--paper:#fff;--soft:#f6f1e9;--ink:#111;--muted:#6d6a64;--rule:#d8d1c6;--selected:#1f5fbf;--success:#267247;--warning:#9b6b00;--danger:#b42318}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{border:1px solid var(--rule);background:var(--paper);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:0}button:focus-visible{outline:2px solid var(--selected);outline-offset:2px}.shell{width:min(1240px,100vw - 28px);margin:18px auto}.topbar,.workspace,.panel,.game-frame{border:1px solid var(--rule);background:var(--paper)}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}h1,h2,p{margin:0}h1{font-size:22px;font-weight:650}h2{font-size:14px;font-weight:650}p,dd,dt,small{font-size:13px}.topbar p,.note,small,dd{color:var(--muted)}.metrics{grid-template-columns:repeat(4,minmax(68px,1fr));gap:8px;display:grid}.metrics div{border-left:1px solid var(--rule);min-width:68px;padding:8px 10px}.metrics span{font-size:19px;font-weight:700;display:block}.metrics small{display:block}.workspace{border-top:0;grid-template-columns:minmax(0,1fr) 280px;gap:0;display:grid}.game-frame{background:#dfe9f2;border-width:0 1px 0 0;min-height:540px;position:relative}#game{width:100%;min-height:540px}#game canvas{width:100%;height:auto;display:block}.message{border:1px solid var(--rule);background:#fffffff0;padding:12px 14px;font-weight:650;position:absolute;inset:auto 18px 18px}.panel{border:0;padding:16px}dl{gap:8px;margin:12px 0 14px;display:grid}dl div{border-bottom:1px solid var(--rule);grid-template-columns:76px 1fr;gap:10px;padding-bottom:8px;display:grid}dt{font-weight:650}dd{margin:0}.note{line-height:1.45}.touch-controls{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.touch-controls button[data-control=fire],.touch-controls button[data-control=rotate]{grid-column:span 3}@media (width<=860px){.topbar,.workspace{display:block}.metrics{margin-top:12px}.game-frame{border-right:0;border-bottom:1px solid var(--rule);min-height:auto}#game{min-height:0}}@media (width<=560px){.shell{width:100vw;margin:0}.topbar,.panel{padding:12px}.metrics{grid-template-columns:repeat(2,1fr)}}