:root{--signal:#ffd75e;--accent:#f2e2b8;--surface:14 24 21;--surface-2:24 38 33;--ink:#f4f7f3;--ink-dim:#f4f7f39e;--danger:#ff6b6b;--good:#6fe3a0;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--pad:clamp(10px, 2.2vmin, 20px);--radius:14px;--font:"Inter", "SF Pro Text", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Georgia", serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#070b0a;margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{padding:calc(var(--safe-t) + var(--pad)) calc(var(--safe-r) + var(--pad)) calc(var(--safe-b) + var(--pad)) calc(var(--safe-l) + var(--pad));pointer-events:none;opacity:0;flex-direction:column;transition:opacity .3s;display:flex;position:absolute;inset:0}#hud.is-live{opacity:1}.hud-row{justify-content:space-between;align-items:flex-start;gap:var(--pad);display:flex}.hud-row--bottom{padding-right:calc(3 * 44px + 2 * 8px + var(--pad));align-items:flex-end;margin-top:auto}.plate{background:linear-gradient(180deg, rgb(var(--surface-2) / .82), rgb(var(--surface) / .9));border-left:3px solid var(--signal);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);border-radius:4px;flex-direction:column;gap:2px;min-width:0;padding:8px 14px 9px;display:flex;position:relative;box-shadow:0 10px 26px #00000059}.plate--round{border-left:none;border-right:3px solid var(--signal);text-align:right;flex:none;align-items:flex-end}.plate__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;font-size:clamp(9px,1.5vmin,11px)}.plate__title{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:44vw;font-size:clamp(15px,2.9vmin,23px);line-height:1.15;overflow:hidden}.plate__meta{color:var(--ink-dim);align-items:center;gap:8px;font-size:clamp(10px,1.7vmin,13px);display:flex}.pip b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;min-width:1.1em;font-weight:700;display:inline-block}.pip--divider{background:#fff3;width:1px;height:11px}.num{font-variant-numeric:tabular-nums}.scorepips{align-self:flex-start;gap:5px;margin:10px 0 0;display:flex}.scorepips .sp{background:#ffffff47;border-radius:2px;width:clamp(18px,3.4vmin,26px);height:4px;position:relative;overflow:visible;box-shadow:0 1px 4px #00000073}.scorepips .sp.is-done{background:var(--signal)}.scorepips .sp.is-current{background:#ffffff80;box-shadow:0 0 0 1px #ffffff59}.scorepips .sp .sp__score{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:9px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.scorepips .sp.is-under .sp__score{color:var(--good)}.scorepips .sp.is-over .sp__score{color:var(--danger)}.banner{background:rgb(var(--surface) / .9);letter-spacing:.02em;white-space:nowrap;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff24;border-radius:999px;padding:7px 18px;font-size:clamp(12px,2.1vmin,15px);font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:clamp(84px,16vh,150px);left:50%;transform:translate(-50%,-6px)}.banner.is-show{opacity:1;transform:translate(-50%)}.banner.is-danger{color:var(--danger);border-color:#ff6b6b99}.banner.is-good{color:var(--good);border-color:#6fe3a099}.power{opacity:0;flex-direction:column;gap:5px;width:clamp(120px,26vw,210px);transition:opacity .14s,transform .14s;display:flex;transform:translateY(6px)}.power.is-active{opacity:1;transform:translateY(0)}.power__track{background:rgb(var(--surface) / .85);border:1px solid #ffffff29;border-radius:999px;height:9px;overflow:hidden}.power__fill{background:linear-gradient(90deg, var(--good), var(--signal) 55%, var(--danger));border-radius:999px;width:0%;height:100%;transition:width 40ms linear}.power__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.hint{text-align:right;max-width:min(46ch,52vw);color:var(--ink-dim);text-shadow:0 1px 6px #000000b3;margin:0 0 12px;font-size:clamp(11px,1.8vmin,13px);line-height:1.45}.controls{right:calc(var(--safe-r) + var(--pad));bottom:calc(var(--safe-b) + var(--pad));pointer-events:auto;gap:8px;display:flex;position:absolute}.icon-btn{background:rgb(var(--surface) / .82);width:44px;height:44px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff29;border-radius:12px;place-items:center;font-size:16px;line-height:1;transition:transform .12s,background .12s,border-color .12s;display:grid}.icon-btn:hover{background:rgb(var(--surface-2) / .92);border-color:var(--signal)}.icon-btn:active{transform:scale(.93)}.icon-btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.icon-btn.is-off .icon-btn__glyph{opacity:.4;text-decoration:line-through}.overlay{padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:5;background:radial-gradient(120% 80% at 50% 40%,#060c0ab3,#040807ed);place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.overlay--hidden{display:none}.card{width:min(92vw,400px);max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 32px);background:linear-gradient(180deg, rgb(var(--surface-2) / .96), rgb(var(--surface) / .98));text-align:center;border:1px solid #ffffff1a;border-radius:20px;padding:clamp(20px,4vmin,30px);overflow-y:auto;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff12}.card__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--signal);margin:0 0 6px;font-size:11px}.card__logo{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 12px;line-height:.92}.card__logo span{color:var(--ink-dim);font-size:clamp(22px,5vmin,30px);font-weight:400;display:block}.card__logo em{color:var(--signal);font-size:clamp(46px,11vmin,68px);font-style:normal;display:block}.card__title{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(26px,6vmin,36px);font-weight:600}.card__lede{color:var(--ink-dim);margin:0 0 20px;font-size:clamp(13px,2.2vmin,15px);line-height:1.55}.card__note{color:var(--ink-dim);margin:12px 0 0;font-size:12px}.btn{letter-spacing:.02em;cursor:pointer;border:0;border-radius:12px;width:100%;margin-top:10px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .12s,filter .12s;display:block}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.btn--primary{background:var(--signal);color:#12180f}.btn:disabled{opacity:.45;cursor:progress}.btn--primary:hover{filter:brightness(1.08)}.btn--ghost{color:var(--ink);background:#ffffff12;border:1px solid #ffffff24}.btn--ghost:hover{background:#ffffff1f}.legend{color:var(--ink-dim);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:18px 0 0;padding:14px 0 0;font-size:11px;list-style:none;display:flex}.legend b{color:var(--ink);font-weight:600}.result-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.result-grid div{background:#ffffff0d;border-radius:10px;padding:10px 6px}.result-grid span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;display:block}.result-grid strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:clamp(18px,3.6vmin,23px);display:block}.scorecard{text-align:left;flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.scorecard__row{background:#ffffff0b;border-radius:9px;grid-template-columns:1.6rem 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.scorecard__row i{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:11px;font-style:normal}.scorecard__row b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.scorecard__row .sc-strokes{font-variant-numeric:tabular-nums;text-align:right;min-width:2.2ch;font-weight:700}.scorecard__row .sc-diff{font-variant-numeric:tabular-nums;text-align:right;min-width:3.4ch;color:var(--ink-dim);font-size:11px}.sc-diff.is-under{color:var(--good)}.sc-diff.is-over{color:var(--danger)}.scorecard__totals{border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.scorecard__totals span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;display:block}.scorecard__totals strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:clamp(17px,3.4vmin,22px);display:block}@media (height<=520px){.hint{display:none}.scorepips{margin-top:6px}}@media (width<=480px){.hint{display:none}.plate__title{max-width:52vw}.power{width:44vw}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}