@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&display=swap";:root{--navy-950:#0b1220;--navy-900:#0f172a;--navy-850:#16233b;--navy-800:#1e293b;--navy-700:#273449;--navy-600:#334155;--navy-500:#475569;--navy-400:#64748b;--slate-300:#94a3b8;--slate-200:#cbd5e1;--slate-100:#e2e8f0;--slate-50:#f1f5f9;--white:#fff;--cyan-300:#7dd3fc;--cyan-400:#38bdf8;--cyan-500:#0ea5e9;--cyan-600:#0284c7;--cyan-700:#0369a1;--gold-400:#fbbf24;--gold-500:#f59e0b;--red-400:#f87171;--red-500:#ef4444;--red-700:#7f1d1d;--green-400:#4ade80;--green-500:#22c55e;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs:.72rem;--fs-sm:.85rem;--fs-md:1rem;--fs-lg:1.15rem;--fs-xl:1.4rem;--fs-2xl:clamp(1.5rem, 3vw, 2rem);--fs-3xl:clamp(2.2rem, 5vw, 3rem);--lh-tight:1.1;--lh-snug:1.3;--lh-normal:1.5;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--sh-sm:0 1px 3px #0003;--sh-md:0 8px 24px #00000047;--sh-lg:0 20px 60px #00000080;--grad-accent:linear-gradient(135deg, var(--accent), var(--accent-strong));--grad-surface:linear-gradient(180deg, var(--panel), var(--panel-2));--glow-accent:0 12px 34px -10px var(--accent-a35);--glow-accent-hover:0 18px 46px -10px var(--accent-a35);--ring-accent:0 0 0 1px var(--accent-a25);--t-fast:.12s ease;--t-base:.2s ease;--t-spring:.32s cubic-bezier(.22, 1, .36, 1);--z-overlay:50;--z-toast:60;--cell:30px;font-family:var(--font-sans)}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef4fb;--bg-glow:#dcebfb;--panel:#fff;--panel-2:#f1f5f9;--line:#d6e0ee;--text:#0f1f33;--muted:#55677e;--accent:var(--cyan-600);--accent-strong:var(--cyan-700);--on-accent:#fff;--accent-a10:#0284c71a;--accent-a15:#0284c726;--accent-a25:#0284c738;--accent-a35:#0284c766;--ship:#64748b;--hit:var(--red-500);--miss:#94a3b8;--sunk:#b91c1c;--ok:#16a34a;--warn:#b45309;--cell-bg:#dce9f7;--cell-line:#b9cbe2;--overlay-bg:#0f1f3373;--focus-ring:0 0 0 3px var(--accent-a35)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--bg-glow:#16233b;--panel:#1e293b;--panel-2:#273449;--line:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--accent-strong:#0ea5e9;--on-accent:#06263a;--accent-a10:#38bdf81a;--accent-a15:#38bdf826;--accent-a25:#38bdf838;--accent-a35:#38bdf866;--ship:#64748b;--hit:#ef4444;--miss:#475569;--sunk:#7f1d1d;--ok:#4ade80;--warn:#fbbf24;--cell-bg:#0b1a2e;--cell-line:#22344c;--overlay-bg:#020617b3;--focus-ring:0 0 0 3px var(--accent-a35)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--bg-glow:#16233b;--panel:#1e293b;--panel-2:#273449;--line:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--accent-strong:#0ea5e9;--on-accent:#06263a;--accent-a10:#38bdf81a;--accent-a15:#38bdf826;--accent-a25:#38bdf838;--accent-a35:#38bdf866;--ship:#64748b;--hit:#ef4444;--miss:#475569;--sunk:#7f1d1d;--ok:#4ade80;--warn:#fbbf24;--cell-bg:#0b1a2e;--cell-line:#22344c;--overlay-bg:#020617b3;--focus-ring:0 0 0 3px var(--accent-a35)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, var(--bg-glow), var(--bg));min-height:100vh;color:var(--text);font-size:var(--fs-md);line-height:var(--lh-normal);margin:0}h1,h2,h3,h4,.logo,.hero-title,.section-title,.cta-title{font-family:var(--font-display);line-height:var(--lh-snug)}#app{max-width:900px;padding:1rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:max(1rem, env(safe-area-inset-bottom));margin:0 auto}.app-header{justify-content:space-between;align-items:center;padding:.5rem .25rem 1rem;display:flex}.logo{letter-spacing:.5px;margin:0;font-size:1.6rem}.conn{background:var(--panel);color:var(--muted);border-radius:999px;margin-left:auto;padding:.2rem .6rem;font-size:.85rem}.conn-online{color:var(--ok)}.conn-reconnecting,.conn-connecting{color:var(--warn)}.conn-offline{color:var(--hit)}.mute-btn{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;margin-left:.5rem;padding:.25rem .5rem;font-size:1rem;line-height:1}.mute-btn:hover{border-color:var(--muted)}.lang-btn{background:var(--panel);border:1px solid var(--line);color:var(--text);letter-spacing:.5px;cursor:pointer;border-radius:999px;margin-left:.5rem;padding:.3rem .55rem;font-size:.8rem;font-weight:700;line-height:1}.lang-btn:hover{border-color:var(--muted)}.bell-btn{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;opacity:.6;border-radius:999px;margin-left:.4rem;padding:.25rem .5rem;font-size:1rem;line-height:1}.bell-btn.on{opacity:1;border-color:var(--accent-strong)}.bell-btn:hover{border-color:var(--muted)}.screen{flex-direction:column;align-items:center;gap:1rem;display:flex}.card{background:radial-gradient(120% 120% at 50% -20%, var(--accent-a10), transparent 60%), var(--grad-surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--sh-md), var(--ring-accent);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.card.wide{max-width:100%}.card h2{margin:0 0 .25rem}.muted{color:var(--muted);margin:0}.support-row{border-top:1px solid var(--line);justify-content:center;margin-top:.15rem;padding-top:.85rem;display:flex}.support-row--lead{flex-direction:column;align-items:center;gap:.5rem}.support-lead,.support-link{font-size:.9rem}.code{letter-spacing:6px;color:var(--accent);background:var(--panel-2);border-radius:10px;margin:0;padding:.5rem;font-size:2rem;font-weight:700}.btn{appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:10px;padding:.7rem 1rem;font-size:1rem;transition:transform 50ms,background .15s,border-color .15s}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad-accent);color:var(--on-accent);box-shadow:var(--glow-accent);transition:transform var(--t-fast), box-shadow var(--t-base);border:none;font-weight:700}.btn-primary:hover{box-shadow:var(--glow-accent-hover);transform:translateY(-1px)}.btn-ghost{background:0 0}.input{border:1px solid var(--line);background:var(--panel-2);color:var(--text);letter-spacing:3px;text-transform:uppercase;border-radius:10px;flex:1;padding:.7rem .8rem;font-size:1.1rem}.join-row,.invite-row{gap:.5rem;display:flex}.bot-hint{margin-top:.25rem}.bot-row{flex-wrap:wrap;gap:.5rem;display:flex}.bot-row .btn{flex:1;min-width:0}.invite-input{letter-spacing:0;text-transform:none;min-width:0;font-size:.8rem}.board{grid-template-columns:20px repeat(10, var(--cell));grid-auto-rows:var(--cell);-webkit-user-select:none;user-select:none;justify-content:center;gap:2px;display:grid}.board .coord{grid-row:auto}.coord{color:var(--muted);width:20px;height:var(--cell);place-items:center;font-size:.72rem;display:grid}.board .coord:not(.corner){width:auto}.cell{width:var(--cell);height:var(--cell);background:var(--cell-bg);border:1px solid var(--cell-line);border-radius:4px;position:relative}.board-interactive .cell{cursor:crosshair}.board-interactive .cell:hover{border-color:var(--accent)}.cell.ship{background:linear-gradient(150deg, var(--ship), color-mix(in srgb, var(--ship) 70%, #000))}.cell.preview-ok{background:color-mix(in srgb, var(--ok) 55%, transparent)}.cell.preview-bad{background:color-mix(in srgb, var(--hit) 50%, transparent)}.cell.miss{background:color-mix(in srgb, var(--cell-bg) 45%, var(--panel-2))}.cell.miss:after{content:"";background:var(--slate-300);box-shadow:0 0 5px var(--slate-300);border-radius:50%;position:absolute;inset:34%}.cell.hit{background:var(--hit);box-shadow:0 0 12px var(--hit)}.cell.hit:after,.cell.sunk:after{content:"✕";color:#fff;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.cell.sunk{background:var(--sunk)}.cell.salvo-sel{box-shadow:inset 0 0 0 3px var(--accent);background:var(--accent-a25)}.mode-picker{flex-direction:column;align-items:center;gap:.4rem;display:flex}.mode-label{font-size:.8rem}.mode-chips{gap:.5rem;display:flex}.mode-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:.35rem .9rem;font-size:.9rem}.mode-chip.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 2px var(--accent-a25)}.mode-hint{text-align:center;max-width:340px;font-size:.8rem}.salvo-fire{width:100%;max-width:720px}.placement-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.25rem;display:flex}.dock{flex-direction:column;gap:.5rem;min-width:130px;display:flex}.dock-ship{border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.dock-ship.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-a25)}.dock-ship.done{opacity:.4;cursor:default}.dock-ship-cells{letter-spacing:2px;color:var(--accent)}.dock-ship-count{color:var(--muted);font-size:.85rem}.placement-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.hint{color:var(--muted);text-align:center;max-width:520px;font-size:.85rem}.turn-banner{border-radius:var(--r-md);text-align:center;width:100%;max-width:720px;padding:.6rem 1rem;font-weight:600}.your-turn{background:var(--accent-a15);color:var(--accent);border:1px solid var(--accent-strong);box-shadow:var(--glow-accent)}.their-turn{background:var(--panel);color:var(--muted);border:1px solid var(--line)}.warn{color:var(--warn)}.battle{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.board-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}.board-wrap h3{color:var(--muted);margin:0;font-weight:500}.ship-counter{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent);margin-top:-.25rem}.battle-tabs{gap:.5rem;width:100%;max-width:720px;display:none}.battle-tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:10px;flex:1;padding:.55rem .75rem;font-weight:600}.battle-tab.active{border-color:var(--accent-strong);background:var(--accent-a15);color:var(--accent)}@media (width<=720px){:root{--cell:clamp(24px, calc((100vw - 2rem - 20px - 24px) / 10), 40px)}.battle-tabs{display:flex}.battle{gap:.75rem}.battle.show-enemy .own-wrap,.battle.show-own .enemy-wrap{display:none}}.emote-bar{flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%;max-width:720px;margin-top:.25rem;display:flex}.emote-btn{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.3rem .55rem;font-size:1.35rem;line-height:1;transition:transform 50ms,border-color .15s,background .15s}.emote-btn:hover{border-color:var(--accent);background:var(--panel-2)}.emote-btn:active{transform:translateY(1px)scale(1.1)}.emote-bubble{z-index:20;background:var(--panel-2);border:1px solid var(--line);box-shadow:var(--sh-md);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;animation:.25s ease-out emotePop;display:flex;position:fixed;bottom:5rem}.emote-bubble.you{border-color:var(--accent-strong);right:1.5rem}.emote-bubble.opponent{border-color:var(--hit);left:1.5rem}.emote-bubble-char{font-size:1.6rem;line-height:1}.emote-bubble-who{color:var(--muted);font-size:.8rem}@keyframes emotePop{0%{opacity:0;transform:translateY(8px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.emote-bubble{animation:none}}.win{color:var(--ok)}.lose{color:var(--hit)}.toast{background:var(--sunk);color:#fff;border-radius:var(--r-md);cursor:pointer;box-shadow:var(--sh-md);z-index:60;max-width:90vw;padding:.7rem 1.1rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.theme-fab{left:max(1rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom));z-index:var(--z-toast);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);width:2.75rem;height:2.75rem;color:var(--text);box-shadow:var(--sh-md);cursor:pointer;transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);place-items:center;display:grid;position:fixed}.theme-fab:hover{border-color:var(--accent);background:var(--panel-2)}.theme-fab:active{transform:translateY(1px)}.install-banner{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:var(--z-toast);justify-content:center;align-items:center;gap:var(--sp-3);max-width:min(32rem,100vw - 2rem);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--sh-md);flex-wrap:wrap;display:flex;position:fixed;transform:translate(-50%)}.install-banner__accept,.install-banner__dismiss{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast)}.install-banner__accept{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#06263a);font-weight:600}.install-banner__dismiss{color:var(--muted);background:0 0}.install-banner__dismiss:hover{border-color:var(--accent);color:var(--text)}.auth-badge{align-items:center;gap:.4rem;display:flex}.auth-badge__email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.8rem;overflow:hidden}.auth-badge__in,.auth-badge__out{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.auth-badge__in:hover,.auth-badge__out:hover{border-color:var(--accent)}.auth-overlay{background:var(--overlay-bg);z-index:var(--z-overlay);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-card{background:radial-gradient(120% 120% at 50% -10%, var(--accent-a15), transparent 55%), var(--grad-surface);border:1px solid var(--accent-a25);border-radius:var(--r-lg);width:min(24rem,100%);box-shadow:var(--sh-lg), var(--ring-accent);padding:1.5rem;position:relative}.auth-card__close{border:1px solid var(--line);background:var(--panel-2);width:2rem;height:2rem;color:var(--muted);cursor:pointer;border-radius:8px;line-height:1;position:absolute;top:.6rem;right:.6rem}.auth-card__close:hover{border-color:var(--muted);color:var(--text)}.auth-card__title{margin:0 0 .5rem;font-size:1.25rem}.auth-card__subtitle,.auth-card__body{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.auth-card__email{box-sizing:border-box;border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);border-radius:8px;margin-bottom:.75rem;padding:.6rem .8rem;font-size:1rem}.auth-card__email:focus{border-color:var(--accent);outline:none}.auth-card__send,.auth-card__dev{border-radius:var(--r-sm);background:var(--grad-accent);width:100%;color:var(--on-accent);cursor:pointer;box-shadow:var(--glow-accent);transition:transform var(--t-fast), box-shadow var(--t-base);border:none;padding:.65rem;font-size:1rem;font-weight:700}.auth-card__send:hover,.auth-card__dev:hover{box-shadow:var(--glow-accent-hover);transform:translateY(-1px)}.auth-card__dev{background:var(--panel-2);color:var(--text);border-color:var(--line);margin-top:.75rem;font-weight:600}.auth-card__error{color:var(--hit);margin:.75rem 0 0;font-size:.9rem}.account-controls{align-items:center;gap:.4rem;display:flex}.profile-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.profile-btn:hover{border-color:var(--accent)}.profile-overlay{background:var(--overlay-bg);z-index:var(--z-overlay);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profile-card{background:radial-gradient(110% 90% at 50% -5%, var(--accent-a15), transparent 50%), var(--grad-surface);border:1px solid var(--accent-a25);border-radius:var(--r-lg);width:min(30rem,100%);max-height:90vh;box-shadow:var(--sh-lg), var(--ring-accent);padding:1.5rem;position:relative;overflow-y:auto}.profile-card__close{border:1px solid var(--line);background:var(--panel-2);width:2rem;height:2rem;color:var(--muted);cursor:pointer;border-radius:8px;line-height:1;position:absolute;top:.6rem;right:.6rem}.profile-card__close:hover{border-color:var(--muted);color:var(--text)}.profile-card__title{margin:0 0 1rem;font-size:1.25rem}.profile-body{color:var(--muted);font-size:.9rem}.profile-error{flex-direction:column;gap:.75rem;display:flex}.profile-edit{border:1px solid var(--line);border-radius:var(--r-md);background:var(--grad-surface);flex-direction:column;gap:.9rem;margin-bottom:1rem;padding:.9rem;display:flex}.profile-edit__head{align-items:flex-start;gap:.9rem;display:flex}.profile-edit__who{flex-direction:column;gap:.35rem;min-width:0;display:flex}.profile-edit__name{font-family:var(--font-display);font-size:1.1rem;font-weight:var(--fw-bold);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-edit__sub{font-size:var(--fs-xs);color:var(--muted)}.profile-edit__status{font-size:var(--fs-xs);margin:0}.profile-edit__status.is-ok{color:var(--green-400)}.profile-edit__status.is-error{color:var(--red-400)}.profile-avatar{border:1px solid var(--accent-a25);background:var(--panel-2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;overflow:hidden}.profile-avatar__img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar__placeholder{font-family:var(--font-display);font-size:1.6rem;font-weight:var(--fw-bold);color:var(--accent)}.profile-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile-avatar__actions{flex-wrap:wrap;gap:.4rem;display:flex}.profile-nick{flex-direction:column;gap:.3rem;display:flex}.profile-nick__label{font-size:var(--fs-xs);color:var(--muted)}.profile-nick__row{gap:.5rem;display:flex}.profile-nick__input{border:1px solid var(--line);background:var(--panel-2);min-width:0;color:var(--text);font:inherit;border-radius:8px;flex:auto;padding:.5rem .65rem}.profile-nick__input:focus-visible{border-color:var(--accent-strong);box-shadow:var(--ring-accent);outline:none}.profile-nick__input:disabled{opacity:.6;cursor:not-allowed}.profile-nick__meta{font-size:var(--fs-xs);color:var(--muted);justify-content:space-between;gap:.5rem;display:flex}.profile-nick__hint.is-error{color:var(--red-400)}.profile-nick__counter{font-variant-numeric:tabular-nums;flex:none}.profile-nick__locked{font-size:var(--fs-xs);color:var(--muted);margin:.1rem 0 0}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.profile-stat{border:1px solid var(--line);border-radius:var(--r-md);background:var(--grad-surface);flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem;display:flex}.profile-stat__value{font-family:var(--font-display);font-size:1.3rem;font-weight:var(--fw-bold);color:var(--accent)}.profile-stat__label{color:var(--muted);text-align:center;font-size:.72rem}.profile-empty{color:var(--muted);text-align:center;margin:.5rem 0;font-size:.9rem}.profile-recent__title{color:var(--text);margin:0 0 .5rem;font-size:1rem}.profile-recent__list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.profile-recent__row{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.45rem .6rem;font-size:.85rem;display:grid}.profile-recent__row.win{border-left:3px solid var(--accent-strong)}.profile-recent__row.loss{border-left:3px solid var(--hit)}.profile-recent__mode{color:var(--muted);font-size:.78rem}.profile-recent__delta{font-variant-numeric:tabular-nums;color:var(--text)}.profile-streak{border:1px solid color-mix(in srgb, var(--warn) 40%, var(--line));border-radius:var(--r-md);background:linear-gradient(120deg, color-mix(in srgb, var(--warn) 14%, transparent), transparent 70%), var(--panel-2);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .8rem;display:flex}.profile-streak__icon{font-size:1.2rem;line-height:1}.profile-streak__current{color:var(--text);font-size:.9rem;font-weight:700}.profile-streak__best{color:var(--muted);margin-left:auto;font-size:.78rem}.profile-badges{margin-bottom:1rem}.profile-badges__title{color:var(--text);margin:0 0 .5rem;font-size:1rem}.profile-badges__list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.profile-badge{border:1px solid var(--accent-a25);border-radius:var(--r-pill);background:var(--accent-a10);align-items:center;gap:.35rem;padding:.4rem .65rem;display:flex}.profile-badge__icon{font-size:1rem;line-height:1}.profile-badge__name{color:var(--text);font-size:.78rem}.leaderboard-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.leaderboard-btn:hover{border-color:var(--accent)}.lb-overlay{background:var(--overlay-bg);z-index:var(--z-overlay);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lb-card{background:radial-gradient(110% 90% at 50% -5%, var(--accent-a15), transparent 50%), var(--grad-surface);border:1px solid var(--accent-a25);border-radius:var(--r-lg);width:min(32rem,100%);max-height:90vh;box-shadow:var(--sh-lg), var(--ring-accent);padding:1.5rem;position:relative;overflow-y:auto}.lb-card__close{border:1px solid var(--line);background:var(--panel-2);width:2rem;height:2rem;color:var(--muted);cursor:pointer;border-radius:8px;line-height:1;position:absolute;top:.6rem;right:.6rem}.lb-card__close:hover{border-color:var(--muted);color:var(--text)}.lb-card__title{margin:0 0 .8rem;font-size:1.25rem}.lb-body{color:var(--muted);font-size:.9rem}.lb-error{flex-direction:column;gap:.75rem;display:flex}.lb-toggle{gap:.4rem;margin-bottom:.9rem;display:flex}.lb-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:8px;padding:.4rem .8rem;font-size:.85rem}.lb-chip.active{border-color:var(--accent-strong);color:var(--text);background:var(--accent-a15)}.lb-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.lb-row{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;grid-template-columns:1.6rem 1.75rem 1.6rem 1fr auto;align-items:center;gap:.6rem;padding:.45rem .6rem;display:grid}.lb-avatar{border:1px solid var(--line);background:var(--panel);border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;overflow:hidden}.lb-avatar__img{object-fit:cover;width:100%;height:100%;display:block}.lb-avatar__stub{font-size:.75rem;font-weight:var(--fw-bold);color:var(--muted)}.lb-row.self{border-color:var(--accent-strong);background:var(--accent-a15);box-shadow:var(--ring-accent)}.lb-place{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}.lb-rank-icon{text-align:center}.lb-name{flex-direction:column;min-width:0;display:flex}.lb-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-you{color:var(--accent);font-size:.75rem}.lb-rank-name{color:var(--muted);font-size:.72rem}.lb-metric{font-variant-numeric:tabular-nums;font-weight:600}.lb-empty{color:var(--muted);text-align:center;margin:.5rem 0}.lb-hint{margin:.8rem 0 0;font-size:.78rem}.profile-quests{margin-top:1rem}.profile-quests__head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.profile-quests__title{color:var(--text);margin:0;font-size:.95rem}.profile-quests__coins{color:var(--text);border-radius:var(--r-pill);border:1px solid color-mix(in srgb, var(--warn) 40%, var(--line));background:color-mix(in srgb, var(--warn) 12%, transparent);padding:.2rem .5rem;font-size:.85rem;font-weight:700}.profile-quests__list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.profile-quest{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);grid-template-columns:1fr auto;align-items:center;gap:.35rem .6rem;padding:.55rem .7rem;display:grid}.profile-quest__head{grid-column:1/-1;justify-content:space-between;gap:.5rem;display:flex}.profile-quest__title{color:var(--text);font-size:.85rem}.profile-quest__reward{color:var(--muted);white-space:nowrap;font-size:.78rem}.profile-quest__bar{border-radius:var(--r-pill);background:color-mix(in srgb, var(--line) 60%, transparent);height:6px;overflow:hidden}.profile-quest__fill{background:var(--accent);border-radius:inherit;width:0;height:100%}.profile-quest__fill.p0{width:0}.profile-quest__fill.p10{width:10%}.profile-quest__fill.p20{width:20%}.profile-quest__fill.p30{width:30%}.profile-quest__fill.p40{width:40%}.profile-quest__fill.p50{width:50%}.profile-quest__fill.p60{width:60%}.profile-quest__fill.p70{width:70%}.profile-quest__fill.p80{width:80%}.profile-quest__fill.p90{width:90%}.profile-quest__fill.p100{width:100%}.profile-quest__progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.profile-quest.done{border-color:color-mix(in srgb, var(--ok,var(--accent)) 45%, var(--line))}.profile-quest.done .profile-quest__fill{background:var(--ok,var(--accent))}.profile-quest.done .profile-quest__reward{color:var(--ok,var(--accent));font-weight:700}.profile-push{border:1px dashed var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.6rem;padding:.5rem .7rem;display:flex}.profile-push--blocked{color:var(--muted);font-size:.78rem;display:block}.profile-push__label{color:var(--text);font-size:.85rem}.profile-push__btn{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel-2);color:var(--muted);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast);padding:.25rem .7rem;font-size:.78rem}.profile-push__btn:hover{border-color:var(--accent);color:var(--text)}.profile-push__btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#06263a);font-weight:600}.profile-push__btn[disabled]{opacity:.6;cursor:default}.app-header.on-landing{padding-bottom:var(--sp-2)}.app-header.on-landing .logo{cursor:default}.logo{cursor:pointer}.landing{width:100%;padding-bottom:var(--sp-10);flex-direction:column;gap:clamp(3rem,7vw,5rem);display:flex}.section{gap:var(--sp-6);flex-direction:column;display:flex}.section-head{text-align:center;gap:var(--sp-2);flex-direction:column;align-items:center;display:flex}.section-title{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:-.5px;margin:0;font-size:clamp(1.6rem,3.4vw,2.3rem)}.section-sub{max-width:40rem;font-size:var(--fs-lg);margin:0}.hero{border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(130% 130% at 85% -20%, var(--accent-a15), transparent 55%), radial-gradient(90% 90% at 10% 120%, var(--accent-a10), transparent 60%), var(--grad-surface);box-shadow:var(--sh-lg), var(--ring-accent);padding:clamp(1.5rem,4vw,3.5rem);position:relative;overflow:hidden}.hero-bg{pointer-events:none;opacity:.55;background-image:linear-gradient(var(--accent-a10) 1px, transparent 1px), linear-gradient(90deg, var(--accent-a10) 1px, transparent 1px);background-size:34px 34px;animation:22s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 70% 0,#000 30%,#0000 75%);mask-image:radial-gradient(120% 90% at 70% 0,#000 30%,#0000 75%)}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.hero-text{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.badge{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent);background:var(--accent-a10);border:1px solid var(--accent-a25);border-radius:var(--r-pill);box-shadow:var(--ring-accent);align-self:flex-start;padding:.4rem .9rem}.hero-title{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:-1.5px;background:linear-gradient(135deg, var(--text) 25%, var(--accent) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.8rem,7.5vw,4.6rem);line-height:.96}.hero-tagline{font-size:clamp(1rem,2vw,1.2rem);line-height:var(--lh-normal);color:var(--muted);max-width:34rem;margin:0}.hero-cta{gap:var(--sp-3);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.btn-hero{font-size:var(--fs-lg);border-radius:var(--r-md);justify-content:center;align-items:center;padding:.9rem 1.8rem;text-decoration:none;display:inline-flex}.btn-primary.btn-hero{background:var(--grad-accent);color:var(--on-accent);box-shadow:var(--glow-accent);transition:transform var(--t-spring), box-shadow var(--t-base);border:none}.btn-primary.btn-hero:hover{box-shadow:var(--glow-accent-hover);transform:translateY(-2px)}.btn-primary.btn-hero:active{transform:translateY(0)}.hero-stats{gap:var(--sp-5);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat__value{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-xl);color:var(--text)}.hero-stat__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px}.hero-visual{place-items:center;display:grid}.hero-board{filter:drop-shadow(0 24px 40px #00000073);animation:7s ease-in-out infinite boardFloat}.mini-board{aspect-ratio:1;border-radius:var(--r-md);background:radial-gradient(120% 120% at 30% 20%, var(--accent-a15), transparent 55%), var(--bg);border:1px solid var(--accent-a25);grid-template-columns:repeat(7,1fr);gap:5px;width:min(330px,78vw);padding:10px;display:grid}.mb-cell{background:var(--cell-bg);border:1px solid var(--cell-line);border-radius:4px;position:relative}.mb-cell.ship{background:var(--accent-a25);box-shadow:inset 0 0 0 1px var(--accent-a35)}.mb-cell.miss:after{content:"";background:var(--muted);border-radius:50%;position:absolute;inset:40%}.mb-cell.hit{background:var(--hit);box-shadow:0 0 12px var(--hit)}.mb-cell.hit:after{content:"✕";color:#fff;font-weight:var(--fw-bold);place-items:center;font-size:.8rem;display:grid;position:absolute;inset:0}.killer-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.k-card{gap:var(--sp-2);padding:var(--sp-5);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--grad-surface);transition:transform var(--t-spring), border-color var(--t-base), box-shadow var(--t-base);flex-direction:column;display:flex}.k-card:hover{border-color:var(--accent-a35);box-shadow:var(--glow-accent);transform:translateY(-5px)}.k-ic{border-radius:var(--r-md);background:var(--accent-a15);border:1px solid var(--accent-a25);place-items:center;width:2.9rem;height:2.9rem;font-size:1.5rem;display:grid}.k-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.k-card p{font-size:var(--fs-sm);margin:0}.register{border-radius:var(--r-xl);border:1px solid var(--accent-a25);background:radial-gradient(110% 120% at 100% 0%, var(--accent-a15), transparent 55%), var(--grad-surface);box-shadow:var(--sh-md);padding:clamp(1.5rem,4vw,3rem)}.register-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.register-text{gap:var(--sp-3);flex-direction:column;align-items:flex-start;display:flex}.register-text .section-title{text-align:left}.register-note{font-size:var(--fs-sm)}.perks{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.perk{align-items:center;gap:var(--sp-3);font-size:var(--fs-md);display:flex}.perk-ic{border-radius:var(--r-md);background:var(--accent-a15);border:1px solid var(--accent-a25);flex:none;place-items:center;width:2.4rem;height:2.4rem;font-size:1.15rem;display:grid}.how{text-align:center}.how-steps{gap:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.how-step{gap:var(--sp-3);text-align:left;background:var(--grad-surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);max-width:300px;transition:transform var(--t-spring), border-color var(--t-base), box-shadow var(--t-base);flex:250px;align-items:flex-start;display:flex}.how-step:hover{border-color:var(--accent-a35);box-shadow:var(--glow-accent);transform:translateY(-5px)}.how-step h4{font-size:var(--fs-lg);margin:0 0 .3rem}.how-step p{font-size:var(--fs-sm);margin:0}.how-num{width:2.4rem;height:2.4rem;font-family:var(--font-display);font-weight:var(--fw-black);background:var(--grad-accent);color:var(--on-accent);box-shadow:var(--glow-accent);border-radius:50%;flex:none;place-items:center;display:grid}.faq-section{align-items:center}.faq-list{gap:var(--sp-2);flex-direction:column;width:100%;max-width:46rem;display:flex}.faq-item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);transition:border-color var(--t-base);overflow:hidden}.faq-item[open]{border-color:var(--accent-a35)}.faq-item summary{cursor:pointer;padding:var(--sp-4);font-weight:var(--fw-semibold);justify-content:space-between;align-items:center;gap:var(--sp-3);list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);transition:transform var(--t-base);flex:none;font-size:1.3rem;line-height:1}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 var(--sp-4) var(--sp-4);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}.support-card{text-align:center;align-items:center;gap:var(--sp-3);border-radius:var(--r-xl);border:1px solid var(--accent-a25);background:radial-gradient(120% 130% at 50% -20%, var(--accent-a25), transparent 60%), var(--grad-surface);box-shadow:var(--glow-accent), var(--ring-accent);flex-direction:column;padding:clamp(2rem,5vw,3.5rem);display:flex;position:relative;overflow:hidden}.support-card .cta-title{margin:0}.support-card p{max-width:40rem;margin:0}.cta-band{text-align:center;align-items:center;gap:var(--sp-3);border-radius:var(--r-xl);border:1px solid var(--line);background:radial-gradient(120% 130% at 50% -10%, var(--accent-a15), transparent 60%), var(--grad-surface);box-shadow:var(--sh-md);flex-direction:column;padding:clamp(2rem,5vw,3.25rem);display:flex;position:relative;overflow:hidden}.cta-title{font-family:var(--font-display);font-weight:var(--fw-bold);margin:0;font-size:clamp(1.6rem,3.4vw,2.2rem)}.landing-footer{text-align:center;font-size:var(--fs-sm);align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.footer-contact{color:var(--accent);font-weight:var(--fw-semibold);text-decoration:none}.footer-contact:hover{text-decoration:underline}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes boardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes gridDrift{to{background-position:34px 34px,34px 34px}}@media (width<=820px){.register-inner{grid-template-columns:1fr}}@media (width<=760px){.hero-inner{gap:var(--sp-6);grid-template-columns:1fr}.hero-visual{order:-1}.btn-hero{flex:auto}}@media (prefers-reduced-motion:reduce){.hero-bg,.hero-board{animation:none}.k-card,.how-step,.btn-primary.btn-hero,.faq-item,.faq-item summary:after,.donate-link{transition:none}}