.touch-layer{display:flex;gap:8px;touch-action:none;z-index:8;padding:8px;height:210px}.touch-zone{position:relative;flex:1;min-width:0;border:1px solid #35412f;border-radius:6px;touch-action:none}.touch-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:10px;color:#839679;pointer-events:none}.stick-base{position:absolute;left:50%;top:50%;width:calc(var(--stick-r,48px)*2);height:calc(var(--stick-r,48px)*2);margin-left:calc(var(--stick-r,48px)*-1);margin-top:calc(var(--stick-r,48px)*-1);display:grid;place-items:center;border:1px solid #61784d;border-radius:50%;pointer-events:none}.stick-base.idle{opacity:.4}.stick-knob{width:var(--stick-r,48px);height:var(--stick-r,48px);border-radius:50%;background:#a6d27533;border:1px solid #91b172}.touch-actions{display:flex;flex-direction:column;gap:6px;justify-content:center}.touch-btn{position:relative;width:52px;height:52px;border-radius:50%;padding:0;background:#162110c9;color:#c2dfaa;display:grid;place-items:center;font-size:10px;touch-action:none}.touch-btn-dodge{width:60px;height:60px}.touch-btn.held{background:#536e38}.touch-btn.dim{opacity:.6}.touch-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.ring-track,.ring-fill{fill:none;stroke-width:2}.ring-track{stroke:#334529}.ring-fill{stroke:#baff71}.touch-btn:not(.cooling) .ring-fill{stroke:transparent}#arena:not(.touch-band) .touch-layer{position:absolute;left:0;right:0;bottom:0;height:160px;pointer-events:none}#arena:not(.touch-band) .touch-zone{max-width:34%;pointer-events:auto;background:#0b100b44}#arena:not(.touch-band) .touch-actions{flex-direction:row;align-items:flex-end;margin:auto;pointer-events:auto}#arena:not(.touch-band) .touch-hint{display:none}#arena:has(#welcome:not([hidden])) .touch-layer,#arena:has(#decision:not([hidden])) .touch-layer{visibility:hidden}#game{max-height:60dvh}.home-link{color:#c6ff7c;font-size:12px;margin-left:auto;margin-right:18px;white-space:nowrap}header{gap:12px;flex-wrap:wrap}:root{color-scheme:dark;font-family:ui-monospace,Consolas,monospace;color:#eee9d8;background:#0c0e0c}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #738569;background:#bdff67;color:#16210b;padding:12px 18px;border-radius:3px;font-weight:700}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #ffdf83;outline-offset:4px}[hidden]{display:none!important}.practice-shell{max-width:1050px;margin:auto;padding:24px 28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{font-size:26px;font-weight:900;color:#bdff67;text-decoration:none;letter-spacing:3px}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#8d9d85;margin-top:5px}#sound{background:transparent;color:#acb7a5;border-color:#394435;font-size:12px;padding:8px 13px}.practice-notice{font-size:12px;color:#afc998;border:1px solid #34472a;padding:12px 16px;background:#172011}.practice-toolbar{display:flex;justify-content:space-between;gap:10px;padding:15px 0;font-size:12px;color:#b4bcab}#status{color:#baff71}#stats{text-align:right}#arena{position:relative;background:#090b09;border:1px solid #35412f;isolation:isolate}#game{width:100%;aspect-ratio:5/3;position:relative;outline:none}canvas{image-rendering:pixelated;touch-action:none}#welcome,#decision{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0b100bea;text-align:center;padding:22px;z-index:10}h1{font-size:clamp(22px,4vw,40px);letter-spacing:-1.5px;margin:10px 0}h2{font-size:22px}#welcome p{color:#a0ad94;line-height:1.7;font-size:13px}#welcome .eyebrow{color:#c6ff7c;letter-spacing:3px;font-size:10px}#welcome button{margin-top:15px}#decision div{display:flex;gap:12px}#continue{background:transparent;color:#ccff93}#decision-detail{color:#c4cab9;font-size:14px;line-height:1.7}.controls{font-size:10px;color:#8b9781;line-height:1.7}.practice-results{margin-top:32px;border-top:1px solid #2c3826;padding-top:10px}.practice-results h2{font-size:16px}.practice-results p{color:#8b9781;font-size:12px}.practice-results ol{padding:0;list-style:none}.practice-results li{padding:11px 0;border-bottom:1px solid #222b1e;color:#c1cbbb;font-size:12px}#start-error{color:#ffc27d!important;max-width:550px}@media (max-width:600px){.practice-shell{padding:14px 10px}.brand{font-size:21px}.practice-toolbar,.practice-notice{font-size:10px}.controls{font-size:9px}#welcome p{font-size:11px}#welcome h1{font-size:22px}#welcome button{font-size:12px;padding:10px}#arena.touch-portrait{padding-bottom:0}.practice-results{margin-top:20px}}