body.games-page{min-height:100dvh}body.gplaying{overscroll-behavior:none;overflow:hidden}.ghero{max-width:620px;padding:calc(14px + env(safe-area-inset-top,0px)) max(18px, env(safe-area-inset-right,0px)) 0 max(18px, env(safe-area-inset-left,0px));text-align:center;margin:0 auto}.ghero__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.gback{color:var(--muted);border:1px solid var(--line);background:var(--surface);touch-action:manipulation;border-radius:999px;align-items:center;gap:5px;padding:8px 12px 8px 8px;font-size:.86rem;text-decoration:none;display:inline-flex}.gback:active{background:var(--surface-2)}.ghero h1{font-family:var(--serif);letter-spacing:.06em;color:var(--gold-soft);margin:22px 0 4px;font-size:clamp(2rem,9vw,2.9rem);font-weight:600}.ghero__sub{color:var(--faint);margin:0 0 6px;font-size:.9rem}.ghub{max-width:620px;padding:18px max(16px, env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));margin:0 auto}.gcards{gap:12px;display:grid}.gcard{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(100deg, color-mix(in srgb, var(--h) 16%, transparent) 0%, transparent 58%), var(--surface);width:100%;color:var(--cream);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;padding:14px 16px;transition:transform .14s,border-color .14s;display:flex}.gcard:active{border-color:var(--h);transform:scale(.978)}.gcard--hero{border-color:color-mix(in srgb, var(--h) 55%, var(--line));background:radial-gradient(120% 140% at 8% 0%, color-mix(in srgb, var(--h) 30%, transparent) 0%, transparent 62%), linear-gradient(160deg, #16233f 0%, var(--surface) 70%);padding:20px 18px;position:relative;box-shadow:0 10px 30px #0006}.gcard--hero .gcard__ic{width:64px;height:64px;font-size:2.4rem}.gcard--hero .gcard__name{font-size:1.34rem;line-height:1.18}.gcard--hero{flex-wrap:wrap;row-gap:10px}.gcard--hero .gcard__body{flex:55%}.gcard--hero .gcard__best{order:3;margin-left:64px}.gcard--hero .gcard__go{order:4;margin-left:auto}.gcard__ribbon{letter-spacing:.16em;background:var(--h);color:#14203c;border-radius:0 0 7px 7px;padding:3px 9px 4px;font-size:.56rem;font-weight:700;position:absolute;top:-1px;right:14px}.gcard__ic{background:color-mix(in srgb, var(--h) 20%, #0000);border:1px solid color-mix(in srgb, var(--h) 42%, #0000);border-radius:12px;flex:none;place-items:center;width:50px;height:50px;font-size:1.9rem;line-height:1;display:grid}.gcard__body{flex:1;min-width:0}.gcard__name{font-family:var(--serif);letter-spacing:.02em;font-size:1.32rem;font-weight:600;display:block}.gcard__tag{color:var(--faint);text-transform:uppercase;letter-spacing:.09em;margin-top:2px;font-size:.76rem;display:block}.gcard__best{color:var(--gold);border:1px solid var(--line);white-space:nowrap;background:#0003;border-radius:999px;flex:none;padding:3px 9px;font-size:.78rem}.gcard__go{color:var(--h);opacity:.75;flex:none;font-size:.8rem}.gnote{text-align:center;color:var(--faint);margin:22px 0 0;font-size:.78rem}.gios{border:1px dashed color-mix(in srgb, var(--gold) 45%, transparent);color:var(--muted);background:#0003;border-radius:12px;align-items:center;gap:10px;margin:18px 0 0;padding:10px 12px;font-size:.78rem;line-height:1.45;display:flex}.gios[hidden]{display:none}.gios__txt{flex:1}.gios b{color:var(--gold-soft);font-weight:600}.gios button{border:1px solid var(--line);width:26px;height:26px;color:var(--faint);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:50%;flex:none;line-height:1}.gplay{z-index:90;background:var(--bg);overscroll-behavior:contain;position:fixed;inset:0}.gplay[hidden]{display:none}.gplay:fullscreen,.gplay:-webkit-full-screen{background:var(--bg);width:100%;height:100%}.gplay:fullscreen,.gplay:fullscreen{background:var(--bg);width:100%;height:100%}.gplay::backdrop{background:var(--bg)}.gstage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.gstage .g-canvas{width:100%;height:100%;display:block}.goverlay{pointer-events:none;z-index:1;position:absolute;inset:0}.goverlay>*{pointer-events:none}.ghud{z-index:2;pointer-events:none;padding:calc(10px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;inset:0}.ghud__row{align-items:center;gap:8px;display:flex}.gspacer{flex:1}.gicon{pointer-events:auto;border:1px solid var(--line);width:40px;height:40px;color:var(--cream);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1a140fcc;border-radius:50%;place-items:center;font-size:1.05rem;display:grid}.gicon:active{background:var(--surface-2)}.gscore{border:1px solid var(--line);background:#1a140fcc;border-radius:999px;align-items:baseline;gap:6px;padding:4px 12px;display:flex}.gscore b{font-family:var(--serif);color:var(--gold-soft);font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1.1}.gscore i{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-size:.66rem;font-style:normal}.gbestpill{color:var(--gold);border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#1a140fcc;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;display:flex}.glives{letter-spacing:1px;gap:3px;font-size:.95rem;display:flex}.glives[hidden]{display:none}.glives .off{opacity:.26;filter:grayscale()}.ghud.lean .gscore,.ghud.lean .gbestpill,.ghud.lean .glives,.ghud.lean .gstatus,.ghud.lean .gpower,.ghud.lean .ghint{display:none}.gstatus{color:var(--muted);border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#1a140fcc;border-radius:999px;gap:8px;margin:10px auto 0;padding:5px 14px;font-size:.86rem;display:flex}.gstatus[hidden]{display:none}.gstatus b{opacity:.5;font-weight:500;transition:opacity .2s}.gstatus b.on{opacity:1;color:var(--gold-soft)}.gpower{border:1px solid var(--line);background:#0006;border-radius:999px;width:min(66vw,260px);height:12px;margin:auto auto 12px;overflow:hidden}.gpower[hidden]{display:none}.gpower i{background:linear-gradient(90deg, #6aa84f, var(--gold), #d9553a);border-radius:999px;width:0;height:100%;display:block}.ghint{text-align:center;max-width:30ch;color:var(--faint);background:#14100caa;border-radius:10px;margin:auto auto 0;padding:6px 12px;font-size:.78rem;line-height:1.45}.gpower:not([hidden])~.ghint{margin-top:0}.gflash{font-family:var(--serif);letter-spacing:.05em;color:var(--gold-soft);text-shadow:0 2px 18px #000a;pointer-events:none;opacity:0;font-size:clamp(1.7rem,8vw,2.6rem);font-weight:700;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.gflash.on{animation:.85s ease-out gflash}@keyframes gflash{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}.gpanel{-webkit-backdrop-filter:blur(6px);z-index:3;background:#0f0b08d9;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.gpanel[hidden]{display:none}.gplay.paneled .ghud{opacity:.1}.gsheet{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(380px,100%);padding:24px 20px;box-shadow:0 18px 50px #000a}.gsheet__ic{font-size:2.7rem;line-height:1}.gsheet h2{font-family:var(--serif);color:var(--gold-soft);margin:10px 0 6px;font-size:1.75rem;font-weight:600}.gsheet p{color:var(--muted);margin:0 0 16px;font-size:.86rem;line-height:1.5}.gbtn{border:1px solid var(--line);width:100%;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;margin-top:10px;padding:13px 18px;font-size:.9rem;display:block}.gbtn--go{background:linear-gradient(180deg, var(--gold), var(--gold-deep));border-color:var(--gold-deep);color:#17110a;letter-spacing:.08em;font-size:1rem;font-weight:600}.gbtn:active{transform:scale(.985)}.gmodes{gap:8px;margin:0 0 16px;display:flex}.gmodes[hidden]{display:none}.gmodes button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:#0003;border-radius:10px;flex:1;padding:10px;font-size:.85rem}.gmodes button[aria-pressed=true]{background:color-mix(in srgb, var(--gold) 22%, transparent);border-color:var(--gold);color:var(--gold-soft)}.gfinal{justify-content:center;align-items:baseline;gap:8px;margin:4px 0 8px;display:flex}.gfinal b{font-family:var(--serif);color:var(--gold-soft);font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.gfinal i{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.72rem;font-style:normal}.grecord{letter-spacing:.08em;color:var(--gold);margin-bottom:6px;font-size:.85rem}.grecord[hidden]{display:none}.gbestline{color:var(--faint);margin-bottom:14px;font-size:.8rem}.gbestline b{color:var(--muted);margin-left:4px}.gload{z-index:4;background:#0f0b08;place-items:center;display:grid;position:absolute;inset:0}.gload[hidden]{display:none}.gload i{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite gspin}@keyframes gspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.gflash.on{animation-duration:10ms}.gload i{animation:none}}