.surf-game[data-v-3cd98456]{width:100%;display:flex;flex-direction:column;gap:.75rem}.sg-bar[data-v-3cd98456]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.sg-field[data-v-3cd98456]{display:flex;flex-direction:column;gap:.3rem;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted, #9aa3c7);font-weight:700}.sg-input[data-v-3cd98456]{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:10px;padding:.6rem .8rem;font-size:1rem;font-weight:700;text-transform:uppercase;width:13rem;max-width:100%}.sg-input[data-v-3cd98456]:focus{outline:2px solid var(--accent, #0fb5ff);border-color:transparent}.sg-tf[data-v-3cd98456]{display:flex;gap:.3rem}.sg-tf-btn[data-v-3cd98456]{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#cfd6f5;border-radius:8px;padding:.55rem .6rem;font-weight:800;font-size:.78rem;cursor:pointer}.sg-tf-btn.active[data-v-3cd98456]{background:var(--accent, #0fb5ff);color:#04122a;border-color:transparent}.sg-surf[data-v-3cd98456]{background:linear-gradient(135deg,#22e6a8,#0fb5ff);color:#04122a;border:none;border-radius:10px;padding:.7rem 1.2rem;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 6px 20px #0fb5ff59}.sg-surf.big[data-v-3cd98456]{font-size:1.15rem;padding:.85rem 1.6rem}.sg-ghost[data-v-3cd98456]{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.7rem 1.2rem;font-weight:800;cursor:pointer}.sg-popular[data-v-3cd98456]{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.85rem}.sg-popular-label[data-v-3cd98456]{color:var(--muted, #9aa3c7);font-weight:700}.sg-chip[data-v-3cd98456]{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#cfd6f5;border-radius:999px;padding:.3rem .7rem;font-weight:700;font-size:.8rem;cursor:pointer}.sg-chip[data-v-3cd98456]:hover{border-color:var(--accent, #0fb5ff);color:#fff}.sg-stage[data-v-3cd98456]{position:relative;width:100%;aspect-ratio:16 / 9;min-height:320px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0a0a23}.sg-canvas[data-v-3cd98456]{width:100%;height:100%;display:block;touch-action:none}.sg-hud[data-v-3cd98456]{position:absolute;top:.6rem;left:.6rem;right:.6rem;display:flex;gap:.5rem;pointer-events:none}.sg-stat[data-v-3cd98456]{background:#0408188c;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.3rem .6rem;display:flex;flex-direction:column;line-height:1.1}.sg-stat b[data-v-3cd98456]{font-size:1.1rem;color:#fff}.sg-stat span[data-v-3cd98456]{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted, #9aa3c7)}.sg-ticker[data-v-3cd98456]{margin-left:auto;text-align:right}.sg-ticker b[data-v-3cd98456]{color:#22e6a8}.sg-overlay[data-v-3cd98456]{position:absolute;inset:0;display:grid;place-items:center;background:#0408188c;backdrop-filter:blur(3px)}.sg-card[data-v-3cd98456]{text-align:center;padding:1.5rem 2rem;max-width:90%}.sg-card h3[data-v-3cd98456]{font-size:1.6rem;margin:0 0 .5rem}.sg-card .wipeout[data-v-3cd98456]{color:#ff5d73}.sg-card .finished[data-v-3cd98456]{color:#22e6a8}.sg-card p[data-v-3cd98456]{margin:.25rem 0;color:#cfd6f5}.sg-best[data-v-3cd98456]{color:#ffd23f!important;font-weight:700}.sg-actions[data-v-3cd98456]{display:flex;gap:.6rem;justify-content:center;margin-top:1rem}kbd[data-v-3cd98456]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:.05rem .4rem;font-size:.85em;font-family:inherit}.sg-touch[data-v-3cd98456]{display:none;gap:.5rem}.sg-touch .tc[data-v-3cd98456]{flex:1;padding:1rem 0;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-weight:800;font-size:1rem;user-select:none}.sg-touch .jump[data-v-3cd98456]{background:#ffd23f33}.sg-touch .throttle[data-v-3cd98456]{background:#22e6a833}.sg-controls-hint[data-v-3cd98456]{text-align:center;color:var(--muted, #9aa3c7);font-size:.82rem;margin:0}@media(hover:none)and (pointer:coarse){.sg-touch[data-v-3cd98456]{display:flex}.sg-controls-hint[data-v-3cd98456]{display:none}}@media(max-width:560px){.sg-input[data-v-3cd98456]{width:100%}.sg-bar[data-v-3cd98456]{gap:.5rem}}