:root{--sky:#d4eafb;--ink:#12324e;--ink-soft:#2d5480;--rule:#2d548038;--frost:#f7fbffdb;--hud-halo:0 0 .5em #f7fbffeb, 0 .03em .12em #f7fbffe6;--hud-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--edge:clamp(.85rem, 2.6vw, 1.9rem);--track-title:.1em;--track-label:.06em;--track-ui:.04em}*{box-sizing:border-box}html,body{background:var(--sky);width:100%;height:100%;color:var(--ink);font-family:var(--hud-font);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{z-index:1;pointer-events:none;position:fixed;inset:0}.gate__hud{position:absolute;inset:0}.gate__clock,.gate__panel{top:var(--edge);text-shadow:var(--hud-halo);position:absolute}.gate__clock{left:50%;transform:translate(-50%)}.gate__panel{left:var(--edge);text-align:left}.gate__label{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-soft);font-size:clamp(.68rem,2vw,.8rem);font-weight:600}.gate__clock .gate__value{font-size:clamp(1.8rem,6vw,2.6rem)}.gate__panel .gate__value{font-size:clamp(1.6rem,5vw,2.3rem)}.gate__value{font-variant-numeric:tabular-nums;letter-spacing:var(--track-ui);font-weight:700;line-height:1.15}.gate__combo{min-height:1.3em;letter-spacing:var(--track-ui);font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:clamp(.85rem,2.6vw,1.05rem);font-weight:700}.gate__card{border:1px solid var(--rule);background:var(--frost);-webkit-backdrop-filter:blur(14px);text-align:center;border-radius:1rem;min-width:min(34rem,88vw);padding:clamp(1.4rem,4vw,2.4rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gate__card[hidden]{display:none}.gate__title{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-soft);margin:0 0 .6em;font-size:clamp(.7rem,2vw,.85rem);font-weight:600}.gate__total-row{margin:0 0 .2em}.gate__total{font-variant-numeric:tabular-nums;letter-spacing:var(--track-ui);font-size:clamp(2.8rem,10vw,4.4rem);font-weight:700;line-height:1}.gate__total-label{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-soft);margin-top:.35em;font-size:clamp(.62rem,1.9vw,.72rem);font-weight:600}.gate__stats{border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(4.6rem,1fr));gap:clamp(.4rem,2vw,.9rem);margin:1.1em 0 0;padding:.95em 0 0;list-style:none;display:grid}.gate__stat{flex-direction:column;align-items:center;gap:.3em;display:flex}.gate__stat-value{font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(1.05rem,3.4vw,1.35rem);font-weight:700;line-height:1}.gate__stat-label{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-soft);font-size:clamp(.56rem,1.8vw,.66rem);font-weight:600}.gate__again{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-soft);margin:1.2em 0 0;font-size:clamp(.68rem,2vw,.8rem)}.gate__fatal{max-width:min(28rem,86vw);padding:var(--edge);text-align:center;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gate__board{top:var(--edge);right:var(--edge);text-align:right;min-width:11rem;text-shadow:var(--hud-halo);position:absolute}.gate__board-rows{margin:.25rem 0 0;padding:0;list-style:none}.gate__board-row{color:var(--ink-soft);grid-template-columns:1.4rem 1fr auto;align-items:baseline;gap:.45rem;font-size:clamp(.68rem,1.9vw,.82rem);line-height:1.5;display:grid}.gate__board-row.is-self{color:var(--ink);font-weight:700}.gate__board-rank{text-align:right;font-variant-numeric:tabular-nums}.gate__board-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.gate__board-points{font-variant-numeric:tabular-nums}.gate__placement{color:var(--ink);margin:.35rem 0 0;font-size:clamp(.7rem,2vw,.85rem);font-weight:600}.gate__hint{left:50%;bottom:calc(var(--edge) * 1.6);color:#fff;letter-spacing:var(--track-ui);text-align:center;white-space:nowrap;text-shadow:var(--hud-halo);background:#0e1a2b6b;border-radius:.6rem;margin:0;padding:.45rem .9rem;font-size:clamp(.82rem,2.4vw,1rem);font-weight:600;transition:opacity .5s;position:absolute;transform:translate(-50%)}.gate__hint.is-gone{opacity:0}