.gp{--ink:#eef3ff;--mute:#a9b6d6;--line:rgba(143,211,255,0.14);--panel:#121b3f;--go:#3b6cff;--good:#2ee6a6;--bad:#ff6a5c;--gold:#ffc94d;--w:min(calc(100vw - 24px),calc(100dvh - 318px),540px);position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:max(6px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden;color:var(--ink);background:radial-gradient(90% 60% at 50% 35%,#142050,#0a1028 70%,#060a1c);touch-action:none;overscroll-behavior:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-family:var(--font,ui-sans-serif,system-ui,sans-serif);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gp>*{width:var(--w);min-width:0;flex:none}@media (min-height:760px){.gp{--w:min(calc(100vw - 24px),calc(100dvh - 330px),560px);gap:10px}}.gp-bar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:44px}.gp-title{margin:0;overflow:hidden;font-size:16px;font-weight:800;text-align:center;white-space:nowrap;text-overflow:ellipsis}.gp-icon{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:14px;color:var(--ink);background:rgba(255,255,255,.06);cursor:pointer}.gp-icon:hover{background:rgba(255,255,255,.1)}.gp-modes{grid-template-columns:1fr 1fr;padding:3px;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px var(--line)}.gp-modes,.gp-modes a{display:grid;border-radius:999px}.gp-modes a{place-items:center;min-height:36px;color:var(--mute);font-size:13.5px;font-weight:750;text-decoration:none}.gp-modes a[aria-current=page]{color:#fff;background:var(--go)}.gp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.gp-stat{position:relative;display:grid;justify-items:center;padding:6px 4px 7px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.gp-stat small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.gp-stat b{font-size:22px;font-weight:850;line-height:1.15}.gp-stat.is-hot small{color:var(--gold)}.gp-gain{position:absolute;top:2px;right:8px;font-size:14px;font-weight:850;color:var(--good);pointer-events:none;animation:gp-gain .7s ease-out both}@keyframes gp-gain{0%{transform:translateY(8px);opacity:1}to{transform:translateY(-14px);opacity:0}}.gp-line{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;font-size:13px;color:var(--mute);text-align:center}.gp-line b{color:var(--ink)}.gp-good{color:var(--good)!important}.gp-bad{color:var(--bad)!important}.gp-race{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;grid-gap:8px;gap:8px}.gp-side{display:grid;align-content:center;padding:6px 10px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.gp-side.is-right{text-align:right}.gp-side small{overflow:hidden;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--mute)}.gp-side__score{font-size:22px;font-weight:850;line-height:1.15}.gp-side span{font-size:12px;color:var(--mute)}.gp-side.is-done{opacity:.75}.gp-clock{display:grid;justify-items:center;align-content:center;min-width:92px;padding:6px 10px;border-radius:14px;background:#e9eefb;color:#0b1330}.gp-clock b{font-size:26px;font-weight:900;line-height:1}.gp-clock small{margin-top:3px;font-size:11px;font-weight:750;color:#3a4670}.gp-clock.is-low{background:var(--bad);color:#1d0302}.gp-clock.is-low small{color:#3d0905}.gp-play{position:relative}.gp-card{display:grid;justify-items:center;grid-gap:8px;gap:8px;width:min(100%,360px);padding:18px 16px;border-radius:18px;background:rgba(10,16,40,.92);box-shadow:0 0 0 1px var(--line),0 16px 40px rgba(0,0,0,.5);animation:gp-card .24s ease-out both}@keyframes gp-card{0%{transform:translateY(8px) scale(.98);opacity:0}}@media (prefers-reduced-motion:reduce){.gp-card,.gp-gain{animation:none}}.gp-card p{margin:0;font-size:14px;line-height:1.45;color:var(--mute)}.gp-card p b{color:var(--ink)}.gp-card__kicker{font-size:11.5px!important;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)!important}.gp-card__big{margin:0;font-size:44px;font-weight:900;line-height:1}.gp-card.is-win .gp-card__big{padding:10px 18px;border-radius:14px;color:#fff;background:#3b6cff;box-shadow:0 0 0 2px #ffc94d,0 0 28px rgba(255,201,77,.45)}.gp-card__title{margin:0;font-size:24px;font-weight:850}.gp-card__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.gp-card.is-setup{gap:10px;width:min(100%,380px)}.gp-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;width:100%}.gp-levels button{display:grid;grid-gap:2px;gap:2px;padding:8px 6px;border:0;border-radius:12px;color:var(--ink);font:inherit;text-align:center;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.gp-levels button.is-on{background:rgba(59,108,255,.22);box-shadow:inset 0 0 0 2px #5b85ff}.gp-levels strong{font-size:14px}.gp-levels small{font-size:11px;line-height:1.25;color:var(--mute)}@media (max-width:380px){.gp-levels small{display:none}}.gp-seal{font-size:11.5px!important}.gp-proof code,.gp-seal code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--ink);word-break:break-all}.gp-controls{display:flex;gap:10px}.gp-btn,.gp-controls{align-items:center;justify-content:center}.gp-btn{position:relative;display:inline-flex;gap:8px;min-height:46px;padding:0 18px;border:0;border-radius:14px;color:var(--ink);font:inherit;font-size:15px;font-weight:750;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.gp-btn:hover:not(:disabled){background:rgba(255,255,255,.13)}.gp-btn:disabled{opacity:.4;cursor:default}.gp-btn.is-go{color:#fff;background:var(--go);box-shadow:none}.gp-btn.is-go:hover{background:#5b85ff}.gp-btn.is-warn{color:#1d0302;background:var(--bad)}.gp-btn.is-wide{width:100%}.gp-btn:focus-visible,.gp-icon:focus-visible,.gp-levels button:focus-visible,.gp-modes a:focus-visible{outline:2px solid #8fd3ff;outline-offset:2px}.gp-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;font-size:12px;color:#0b1330;background:var(--gold)}.gp-best{font-size:13px;color:var(--mute)}.gp-best b{color:var(--ink)}.gp-hint{margin:0;font-size:12px;line-height:1.4;text-align:center;color:var(--mute);opacity:.85}@media (max-height:700px){.gp-hint{display:none}.gp{--w:min(calc(100vw - 24px),calc(100dvh - 286px),540px)}}.gp-proof{display:grid;grid-gap:10px;gap:10px;margin-top:4px}.gp-proof__boards{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;max-width:300px;margin:0 auto}.gp-proof figure{margin:0}.gp-proof figcaption{margin-top:4px;font-weight:750;text-align:center}.gp-proof figcaption,.gp-proof__seal{font-size:12px;color:var(--mute,#a9b6d6)}.gp-proof__seal{margin:0;line-height:1.5}@media (orientation:landscape) and (max-height:560px){.gp{--w:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom)));display:grid;grid-template-columns:var(--w) minmax(220px,320px);grid-template-areas:"play bar" "play modes" "play stats" "play line" "play controls";grid-auto-rows:min-content;align-content:center;justify-content:center;grid-column-gap:18px;column-gap:18px;grid-row-gap:8px;row-gap:8px}.gp>*{width:auto}.gp-play{grid-area:play;width:var(--w)}.gp-bar{grid-area:bar}.gp-modes{grid-area:modes}.gp-race,.gp-stats{grid-area:stats}.gp-line{grid-area:line}.gp-controls{grid-area:controls}.gp-hint{display:none}}