:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#120a05;--letterbox:#0b0705;--felt:#157249;--felt-dark:#0b4a30;--wood:#4f2811;--wood-light:#82491f;--brass:#e2be62;--brass-deep:#a87d2a;--text:#f6efe0;--muted:#c4b89e;--danger:#ff7a6b;--overlay:#0805039e;--display:"Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--letterbox);color:var(--text);place-items:center;line-height:1.4;display:grid;overflow:hidden}#root{place-items:center;width:100%;display:grid}.stage{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;width:min(100vw,177.778dvh);position:relative;overflow:hidden;container-type:inline-size}canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.overlay{background:radial-gradient(circle at 50% 50%, #0805034d, var(--overlay) 75%);place-items:center;padding:3cqw;animation:.16s ease-out fade-in;display:grid;position:absolute;inset:0;overflow-y:auto}.panel{text-align:center;background:radial-gradient(circle at 50% 0%, #ffffff1f, transparent 60%), linear-gradient(var(--felt), var(--felt-dark));border:max(3px, .45cqw) solid var(--wood-light);width:min(100%,52cqw);box-shadow:0 0 0 max(2px, .25cqw) var(--ink), inset 0 0 0 max(1px, .15cqw) var(--brass-deep), 0 1.2cqw 2.4cqw #00000080;border-radius:1.4cqw;flex-direction:column;align-items:center;gap:1.2cqw;padding:2.6cqw 3cqw;font-size:clamp(11px,1.7cqw,17px);animation:.22s cubic-bezier(.2,1.3,.4,1) pop-in;display:flex}.panel h1,.panel h2{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:800}.panel h1{background:linear-gradient(#fff4c8 10%, var(--brass) 50%, var(--brass-deep));-webkit-text-fill-color:transparent;filter:drop-shadow(0 .3cqw 0 var(--ink));-webkit-background-clip:text;background-clip:text;font-size:3.4em;line-height:1}.panel h2{color:var(--brass);font-size:2em}.panel p{max-width:36em;margin:0}.muted,.keys{color:var(--muted)}.highlight{font-family:var(--display);color:var(--brass);font-size:1.3em;font-weight:800}kbd{font-family:var(--display);color:var(--ink);background:var(--text);border:1px solid var(--ink);border-bottom-width:3px;border-radius:.35em;padding:0 .4em;font-size:.9em;font-weight:700}.button{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--text);background:linear-gradient(var(--wood-light), var(--wood));border:max(2px, .2cqw) solid var(--ink);box-shadow:0 .22em 0 var(--ink);cursor:pointer;border-radius:.6em;padding:.35em 1.4em;font-size:1.15em;font-weight:700;transition:transform 80ms,box-shadow 80ms}.button.primary{color:var(--ink);background:linear-gradient(#fff1bd, var(--brass) 50%, var(--brass-deep));font-size:1.35em}.button:hover{filter:brightness(1.08)}.button:active{box-shadow:0 .04em 0 var(--ink);transform:translateY(.18em)}.button:focus-visible,.control:focus-visible,.spin-ball:focus-visible,.elevation:focus-visible{outline:3px solid var(--text);outline-offset:3px}.hud{pointer-events:none;justify-content:space-between;align-items:center;height:12.5%;padding:0 6.25cqw;display:flex;position:absolute;inset:0 0 auto}.hud-left,.hud-right{pointer-events:auto;align-items:center;gap:1.4cqw;display:flex}.hud-left{max-width:25cqw}.clock{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--brass);text-shadow:0 .12em 0 var(--ink);font-size:clamp(18px,3.6cqw,46px);font-weight:800;line-height:1}.clock.low{color:var(--danger)}.status{color:var(--text);flex-direction:column;font-size:clamp(9px,1.15cqw,14px);display:flex}.hint{color:var(--muted)}.foul{color:var(--danger);font-weight:700}.control{font-family:var(--display);letter-spacing:.03em;color:var(--text);background:linear-gradient(var(--wood-light), var(--wood));border:2px solid var(--ink);box-shadow:0 .18em 0 var(--ink);cursor:pointer;border-radius:.5em;padding:.3em .8em;font-size:clamp(10px,1.3cqw,15px);font-weight:700}.control:active:not(:disabled){box-shadow:0 .04em 0 var(--ink);transform:translateY(.12em)}.control:disabled{opacity:.45;cursor:default}.spin{flex-direction:column;align-items:center;gap:.8cqw;width:6.25%;display:flex;position:absolute;top:22%;left:0}.spin-ball{aspect-ratio:1;cursor:pointer;touch-action:none;background:radial-gradient(circle at 35% 30%,#fff,#e8e2d2 45%,#9c968a);border:none;border-radius:50%;width:4.8cqw;padding:0;display:block;position:relative;box-shadow:0 .3cqw .6cqw #00000080}.spin-limit{border:1px dashed #00000059;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-dot{aspect-ratio:1;background:#c8282e;border-radius:50%;width:22%;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.spin-label,.power-label{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:clamp(8px,1cqw,13px);font-weight:700}.elevation{writing-mode:vertical-lr;width:2cqw;height:12cqw;accent-color:var(--brass);direction:rtl;margin:0}.power{flex-direction:column;align-items:center;gap:.8cqw;width:6.25%;display:flex;position:absolute;top:18%;right:0}.power-bar{border:2px solid var(--ink);cursor:ns-resize;touch-action:none;background:linear-gradient(90deg,#2a1608,#3d2010);border-radius:.6cqw;width:2.6cqw;height:18cqw;position:relative;overflow:hidden;box-shadow:inset 0 0 .6cqw #0009}.power-bar.disabled{opacity:.45;cursor:default}.power-fill{background:linear-gradient(#ffe9a6, var(--brass) 40%, #e0643c);position:absolute;inset:0 0 auto}.fine-aim{flex-direction:column;gap:.6cqw;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.88)}}@media (prefers-reduced-motion:reduce){.overlay,.panel{animation:none}}.camera-control{position:absolute;bottom:2%;left:8%}.ball-tray{pointer-events:none;gap:.35cqw;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%)}.tray-ball{opacity:.24;border-radius:50%;place-items:center;width:1.8cqw;height:1.8cqw;display:grid;box-shadow:inset -.15cqw -.2cqw .4cqw #0006}.tray-ball.potted{opacity:1}.tray-ball.striped{background-image:linear-gradient(#efece0 20%,#0000 20% 80%,#efece0 80%)}.tray-ball span{color:#17191c;background:#f5f1e5;border-radius:50%;place-items:center;width:1.05cqw;height:1.05cqw;font:700 .75cqw Arial,sans-serif;display:grid}.strength-value{color:var(--brass);font-variant-numeric:tabular-nums;font-size:1.6cqw}.charge-button{touch-action:none;-webkit-user-select:none;user-select:none;min-height:max(3.5cqw,44px)}.charge-hint{color:var(--brass);font-size:.9cqw}