@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#000;--panel:#1c1c1e;--raised:#2c2c2e;--raised-hi:#3a3a3c;--border:#38383a;--border-strong:#545458;--border-soft:#5454585c;--text:#fff;--text-2:#ebebf59e;--text-3:#ebebf56b;--accent:#0a84ff;--accent-ink:#fff;--fill:#7676803d;--fill-hi:#76768057;--seg-on:#636366;--go:#30d158;--go-ink:#000;--stop:#ff453a;--cone:#ff9f0a;--miss:#8e8e93;--violet:#bf5af2;--marker:#ffd60a;--marker-edge:#1c1c1e;--warn:#ffd60a;--warn-ink:#1d1d1f;--material:#1e1e20b8;--blur:saturate(180%) blur(20px);--scrim:#000;--void:#00000080;--water:#0e0e10;--land:#2c2c2e;--land-line:#48484a;--shadow:0 8px 28px #00000073;--shadow-float:0 12px 36px #0000008c;--lane:var(--accent);--lane-ink:var(--accent-ink);--mint:var(--go);--mint-ink:var(--go-ink);--surface:var(--panel);--surface-2:var(--raised);--line:var(--border);--line-soft:var(--border-soft);--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Variable", "Segoe UI", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter Variable", "Segoe UI", system-ui, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-btn:0;--r-ctl:0;--r-panel:0;--r-chip:0;--topbar:56px;--ease:cubic-bezier(.25, .1, .25, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f5f7;--panel:#fff;--raised:#f2f2f7;--raised-hi:#e5e5ea;--border:#d2d2d7;--border-strong:#b0b0b5;--border-soft:#0000000f;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#86868b;--accent:#0071e3;--fill:#7878801f;--fill-hi:#78788033;--seg-on:#fff;--go:#28a745;--go-ink:#fff;--stop:#ff3b30;--cone:#ff9500;--violet:#af52de;--marker:#fc0;--marker-edge:#1d1d1f;--warn:#fc0;--material:#ffffffc2;--void:#78788029;--water:#e8e8ed;--land:#fff;--land-line:#c7c7cc;--shadow:0 4px 18px #00000012, 0 1px 2px #0000000a;--shadow-float:0 10px 34px #00000024;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:700;line-height:1.1}p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--lane);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-2)}.small{font-size:14px;line-height:1.45}.icon{flex:none}.panel-heading{font-size:20px}.inst-label,.hud-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600;line-height:1.2}.btn{border-radius:var(--r-btn);min-height:44px;font-family:var(--font-ui);letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ease), color .2s var(--ease), opacity .2s var(--ease), filter .2s var(--ease), transform .2s var(--ease);border:0;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){opacity:.7;transition-duration:50ms;transform:scale(.98)}.btn:disabled{opacity:.35}.btn:focus-visible,.icon-btn:focus-visible,.tab:focus-visible,.nav-link:focus-visible,.inv-btn:focus-visible,.mini-btn:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent);outline:none}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){filter:brightness(1.1)}.btn--secondary{background:var(--fill);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--fill-hi)}.btn--ghost{color:var(--accent);background:0 0;padding:0 12px}.btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 12%, transparent)}.btn--danger{background:var(--stop);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.btn--lg{min-height:50px;padding:0 26px;font-size:17px}.btn--sm{min-height:34px;padding:0 14px;font-size:14px}.btn--xs{min-height:28px;padding:0 12px;font-size:13px}.btn--block{width:100%}.icon-btn{background:var(--fill);width:36px;height:36px;color:var(--text);transition:background-color .2s var(--ease), opacity .2s var(--ease), transform .2s var(--ease);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--fill-hi)}.icon-btn:active{opacity:.7;transform:scale(.94)}.icon-btn[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.icon-btn--text{width:auto;padding:0 var(--s3);border-radius:var(--r-btn);font-size:14px}.chip{border-radius:var(--r-chip);background:var(--raised);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip--atk{color:var(--stop);border-color:color-mix(in srgb, var(--stop) 45%, transparent)}.chip--def,.chip--locked{color:var(--go);border-color:color-mix(in srgb, var(--go) 45%, transparent)}.field{gap:6px;display:grid}.field--grow{flex:1}.field-label{color:var(--text-2);font-size:14px;font-weight:600}.field input,.mode-input{height:48px;padding:0 var(--s4);border-radius:var(--r-btn);border:1px solid var(--border);background:var(--bg);outline:none;width:100%;font-size:16px;transition:border-color .15s,box-shadow .15s}.field input:focus,.mode-input:focus{border-color:var(--lane);box-shadow:0 0 0 3px color-mix(in srgb, var(--lane) 18%, transparent)}.code-input{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:20px;font-weight:600}.code-input::placeholder{letter-spacing:.04em;text-transform:none;color:var(--text-3);font-size:16px}.form-error{color:var(--stop);font-size:14px;font-weight:500}.code-chip{font-family:var(--font-display);letter-spacing:.1em;border-radius:var(--r-chip);background:var(--panel);border:1px solid var(--border);color:var(--text-2);align-items:center;gap:6px;padding:3px 10px;font-size:15px;font-weight:600;display:inline-flex}.tag{margin-left:var(--s2);border-radius:var(--r-chip);background:var(--raised);color:var(--text-2);padding:1px 8px;font-size:12px;font-weight:600}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot--on{background:var(--go)}.dot--off{background:var(--cone)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.9s linear infinite spin;display:inline-block}.spinner--lg{width:32px;height:32px;color:var(--go);border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.logo{color:var(--text);align-items:center;gap:10px;display:inline-flex}.logo-name{font-family:var(--font-display);font-size:22px;font-weight:700}.avatar{color:#0b1422;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar--empty{border:2px dashed var(--border);background:0 0;width:40px;height:40px}.pips{gap:3px;display:inline-flex}.pip{border-radius:2px;width:10px;height:10px}.pip--afloat{background:var(--go)}.pip--sunk{box-shadow:inset 0 0 0 1.5px var(--stop);background:0 0;position:relative}.pip--sunk:after{content:"";background:var(--stop);height:1.5px;position:absolute;inset:4px -1px auto;transform:rotate(-45deg)}.divider{align-items:center;gap:var(--s3);color:var(--text-3);font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);padding:var(--s4);gap:var(--s3);box-shadow:var(--shadow);display:grid}.panel-title{font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:var(--s2);font-size:20px;font-weight:700;display:flex}.panel-title .muted{font-family:var(--font-ui);font-size:14px;font-weight:500}.panel-title-row{justify-content:space-between;align-items:center;display:flex}.instrument{background:var(--material);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);align-items:stretch;display:flex;overflow:hidden}.inst-seg{color:var(--text-2);align-items:center;gap:10px;padding:8px 16px;display:flex;position:relative}.inst-seg+.inst-seg{border-left:1px solid var(--border)}.inst-text{gap:1px;display:grid}.inst-value{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-size:24px;font-weight:700;line-height:1.05}.inst-seg--ok .inst-value{color:var(--go)}.instrument--bar .inst-seg{padding:5px 14px}.instrument--bar .inst-label{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.instrument--bar .pips{margin-top:4px}.home{grid-template-rows:auto 1fr auto;min-height:100%;display:grid}.home-bar{height:64px;padding:0 var(--s6);border-bottom:1px solid var(--border-soft);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.home-nav{gap:var(--s1);border-radius:var(--r-btn);background:var(--panel);border:1px solid var(--border);padding:4px;display:flex}.nav-link{font-family:var(--font-display);color:var(--text-2);background:0 0;border:0;border-radius:7px;padding:6px 14px;font-size:17px;font-weight:600}.nav-link:hover{color:var(--text)}.nav-link--on{background:var(--raised);color:var(--text);box-shadow:inset 0 -2px 0 var(--lane)}.home-account{justify-self:end;gap:var(--s2);display:flex}.home-main{gap:var(--s7);padding:var(--s6);grid-template-columns:minmax(0,1fr) 400px;align-items:center;width:100%;max-width:1360px;margin:0 auto;display:grid}.home-hero{gap:var(--s5);display:grid}.home-visual{border-radius:var(--r-panel);border:1px solid var(--border);background:var(--water);box-shadow:var(--shadow);position:relative;overflow:hidden}.home-visual .board svg{border-radius:0}.route-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route-art-casing{fill:none;stroke:var(--material);stroke-width:9px;stroke-linecap:round}.route-art-line{fill:none;stroke:var(--lane);stroke-width:4px;stroke-dasharray:18 14;stroke-linecap:round;animation:1.6s linear infinite route-dash}@keyframes route-dash{to{stroke-dashoffset:-32px}}.route-art-dot{fill:var(--bg);stroke:var(--lane);stroke-width:3px}.route-art-core{fill:var(--lane)}.route-art-tag{fill:var(--material);stroke:var(--border)}.route-art-name{fill:var(--text);font-family:var(--font-display);font-size:27px;font-weight:700}.route-art-coord{fill:var(--lane);font-family:var(--font-ui);font-size:19px;font-weight:600}.home-copy{gap:var(--s3);max-width:720px;display:grid}.home-lede{color:var(--text-2);max-width:62ch;font-size:18px}.home-facts{margin:var(--s1) 0 0;gap:var(--s2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.home-facts li{border-radius:var(--r-chip);background:var(--panel);border:1px solid var(--border);color:var(--text-2);align-items:center;gap:6px;padding:5px 10px;font-size:14px;font-weight:600;display:inline-flex}.home-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);padding:var(--s5);gap:var(--s4);box-shadow:var(--shadow);align-self:center;display:grid}.join-row{gap:var(--s2);display:flex}.join-row .mode-input{flex:1;min-width:0;height:52px}.home-foot{justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s6) var(--s5);color:var(--text-3);border-top:1px solid var(--border-soft);flex-wrap:wrap;font-size:14px;display:flex}.rules{gap:var(--s3);color:var(--text-2);display:grid}.rules strong{color:var(--text)}.rules-steps{gap:var(--s2);margin:0;padding-left:20px;display:grid}.tradeoff{padding:var(--s3) var(--s4);border-radius:var(--r-btn);background:var(--raised);border-left:3px solid var(--lane)}.tradeoff h3{color:var(--text);margin-bottom:4px;font-size:18px}.notice{text-align:center;place-content:center;justify-items:center;gap:var(--s4);min-height:100%;padding:var(--s6);display:grid}.notice-title{max-width:20ch;font-size:40px}.join-gate{gap:var(--s3);text-align:left;width:min(360px,90vw);display:grid}.room{flex-direction:column;min-height:100%;display:flex}.topbar{min-height:var(--topbar);justify-content:space-between;align-items:center;gap:var(--s3);padding:6px var(--s5);z-index:20;background:var(--bg);border-bottom:1px solid var(--border-soft);flex:none;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:var(--s2);min-width:0;display:flex}.phase-nav{margin-left:var(--s3);align-items:center;gap:2px;display:flex}.phase-step{font-family:var(--font-display);color:var(--text-3);border-radius:7px;padding:4px 10px;font-size:16px;font-weight:600}.phase-step+.phase-step:before{content:"";background:var(--border);vertical-align:middle;width:10px;height:2px;margin:0 10px 0 -12px;display:inline-block}.phase-step--on{color:var(--text);box-shadow:inset 0 -2px 0 var(--lane);border-radius:0}.account-chip{align-items:center;gap:var(--s2);border-radius:var(--r-btn);background:var(--panel);border:1px solid var(--border);padding:4px 12px 4px 4px;display:inline-flex}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;font-size:14px;font-weight:600;overflow:hidden}.sb-name{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}.banner{padding:var(--s2) var(--s4);z-index:30;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.banner--warn{background:var(--warn);color:var(--warn-ink)}.room--duel .banner,.room--resolution .banner{z-index:60;position:fixed;top:0;left:0;right:0}.board{border-radius:var(--r-panel);outline:none;width:100%;position:relative}.board svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.board--main{width:min(100%, calc((100dvh - var(--chrome,236px)) * var(--ratio,1.6)));margin-inline:auto}.board--main svg{border-radius:var(--r-panel)}.board--interactive:focus-visible{outline:2px solid var(--lane);outline-offset:4px}.board-zoom{right:var(--s3);bottom:var(--s3);gap:6px;display:flex;position:absolute}.board-zoom .icon-btn{background:var(--material);width:36px;height:36px}.water{fill:var(--water)}.land{fill:var(--land)}.borders{fill:none;stroke:var(--land-line);stroke-linejoin:round}.rail-label{fill:var(--text-3);font-family:var(--font-display);font-size:18px;font-weight:600}.void-bg{fill:var(--void)}.void-hatch{stroke:color-mix(in srgb, var(--text-2) 8%, transparent);stroke-width:3px}.cell{fill:#0000;stroke:color-mix(in srgb, var(--text-2) 18%, transparent);transition:fill .12s}.cell--open{cursor:pointer}.cell--blocked{cursor:not-allowed}.cell--open.cell--hover{fill:color-mix(in srgb, var(--text) 10%, transparent)}.cell--ship{fill:color-mix(in srgb, var(--go) 16%, transparent)}.cell--miss{fill:color-mix(in srgb, var(--miss) 12%, transparent)}.cell--found{fill:color-mix(in srgb, var(--cone) 20%, transparent);stroke:color-mix(in srgb, var(--cone) 70%, transparent)}.cell--sunk{fill:color-mix(in srgb, var(--stop) 22%, transparent);stroke:color-mix(in srgb, var(--stop) 65%, transparent)}.selection-ring{fill:color-mix(in srgb, var(--lane) 12%, transparent);stroke:var(--lane)}.cursor-ring{fill:none;stroke:var(--text);stroke-dasharray:5 4}.g-ship{fill:var(--go)}.g-ship--exposed,.g-found{fill:var(--cone)}.g-found-mark{fill:var(--cone);font-family:var(--font-display);font-weight:700}.g-sunk-ship{fill:color-mix(in srgb, var(--stop) 45%, transparent)}.g-sunk path:not(.g-sunk-ship){stroke:var(--stop);stroke-linecap:round;fill:none}.g-miss circle{fill:none;stroke:var(--miss);stroke-width:2.4px}.g-miss circle.g-miss-dot{fill:var(--miss);stroke:none}.g-fav-mine{fill:var(--violet)}.g-fav-theirs{fill:none;stroke:var(--violet);stroke-width:2.2px}.flash{fill:none;stroke-width:6px;animation:flash 1.4s var(--ease) forwards;transform-box:fill-box;transform-origin:50%}.flash--miss{stroke:var(--miss)}.flash--found{stroke:var(--cone)}.flash--sunk{stroke:var(--stop)}.flash--defended{stroke:var(--go)}@keyframes flash{0%{opacity:1;transform:scale(1.6)}60%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1)}}.legend{color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.legend li{align-items:center;gap:7px;display:inline-flex}.lg{border:1.5px solid color-mix(in srgb, var(--text-2) 35%, transparent);border-radius:3px;width:16px;height:12px;position:relative}.lg--void{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--text-2) 20%, transparent) 0 2px, transparent 2px 5px);border-color:color-mix(in srgb, var(--text-2) 12%, transparent)}.lg--ship{background:var(--go);border-color:var(--go)}.lg--miss{border:2px solid var(--miss);border-radius:50%;width:12px}.lg--found{background:color-mix(in srgb, var(--cone) 35%, transparent);border-color:var(--cone)}.lg--sunk{background:color-mix(in srgb, var(--stop) 30%, transparent);border-color:var(--stop)}.lg--sunk:after{content:"×";text-align:center;color:var(--stop);font-size:14px;font-weight:800;position:absolute;inset:-6px 0 0}.lg--fav-mine,.lg--fav-theirs{clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%);background:var(--violet);border:0;width:13px;height:13px}.lg--fav-theirs{box-shadow:inset 0 0 0 2px var(--violet);background:0 0}.lobby{gap:var(--s6);padding:var(--s6);flex:1;grid-template-columns:minmax(0,1fr) 400px;align-items:start;width:100%;max-width:1360px;margin:0 auto;display:grid}.lobby-stage{gap:var(--s5);text-align:center;justify-items:center;display:grid}.lobby-head{gap:var(--s2);justify-items:center;display:grid}.invite{align-items:center;gap:var(--s3);padding:6px 6px 6px var(--s4);border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--border);display:inline-flex}.invite-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600}.invite-code{font-family:var(--font-display);letter-spacing:.1em;color:var(--lane);font-size:32px;font-weight:700;line-height:1}.invite-link{word-break:break-all}.slots{margin:0;padding:0;list-style:none}.versus{align-items:center;gap:var(--s4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:min(720px,100%);display:grid}.slot{justify-items:center;gap:var(--s2);padding:var(--s5) var(--s4);border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);min-width:0;display:grid}.slot--ready{border-color:color-mix(in srgb, var(--go) 70%, transparent)}.slot--empty{box-shadow:none;background:0 0;border-style:dashed}.slot .avatar--empty{width:72px;height:72px}.slot-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:24px;font-weight:700;overflow:hidden}.slot-meta{color:var(--text-2);align-items:center;gap:6px;font-size:14px;display:inline-flex}.ready{color:var(--text-3);border-radius:var(--r-chip);background:var(--raised);border:1px solid var(--border);padding:3px 10px;font-size:13px;font-weight:600}.ready--on{color:var(--go-ink);background:var(--go);border-color:var(--go)}.vs{font-family:var(--font-display);color:var(--text-3);font-size:28px;font-weight:700}.lobby-cta{gap:var(--s2);justify-items:center;width:min(420px,100%);display:grid}.lobby-cta .btn{width:100%}.lobby-note{text-align:left;width:min(600px,100%);padding:var(--s3) var(--s4);border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--lane);justify-items:start;gap:6px;display:grid}.lobby-settings{gap:var(--s5);padding:var(--s5);border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);display:grid}.settings-title{align-items:baseline;gap:var(--s2);font-size:28px;display:flex}.settings-title .muted{font-family:var(--font-ui);font-size:14px;font-weight:500}.setting{gap:var(--s2);border:0;min-width:0;margin:0;padding:0;display:grid}.setting legend,.setting-name{font-family:var(--font-display);color:var(--text);margin-bottom:var(--s2);padding:0;font-size:18px;font-weight:600;display:block}.setting:disabled{opacity:.8}.map-tiles{gap:var(--s2);grid-template-columns:1fr 1fr;display:grid}.map-tile{padding:var(--s2) var(--s2) var(--s3);border-radius:var(--r-btn);background:var(--bg);border:1px solid var(--border);cursor:pointer;gap:2px;transition:border-color .15s;display:grid;position:relative}.map-tile input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.map-tile--on{border-color:var(--lane);box-shadow:inset 0 0 0 1px var(--lane)}.map-tile:has(input:focus-visible){outline:2px solid var(--lane);outline-offset:2px}fieldset:disabled .map-tile{cursor:default}.map-tile-thumb{pointer-events:none;border-radius:6px;margin-bottom:6px;display:block;overflow:hidden}.map-tile-name{font-family:var(--font-display);padding:0 4px;font-size:18px;font-weight:700}.map-tile-meta{color:var(--text-3);padding:0 4px;font-size:12px}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-btn);justify-self:start;gap:2px;padding:3px;display:inline-flex}.seg{font-family:var(--font-display);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:7px;padding:6px 14px;font-size:17px;font-weight:600;position:relative}.seg input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.seg--on{background:var(--raised);color:var(--text);box-shadow:inset 0 -2px 0 var(--lane)}.seg:has(input:focus-visible){outline:2px solid var(--lane);outline-offset:2px}fieldset:disabled .seg{cursor:default}.switch-row{justify-content:space-between;align-items:flex-start;gap:var(--s4);cursor:pointer;display:flex}.switch-row>span{gap:4px;display:grid}.switch-row .setting-name{margin:0}.switch{appearance:none;background:var(--raised);border:1px solid var(--border);cursor:pointer;border-radius:99px;flex:none;width:44px;height:26px;margin-top:2px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--text-2);width:18px;height:18px;transition:transform .15s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--go);border-color:var(--go)}.switch:disabled{opacity:.6;cursor:default}.play{gap:var(--s5);padding:var(--s4) var(--s5) var(--s5);flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.play-main{gap:var(--s3);--chrome:240px;flex-direction:column;min-width:0;display:flex}.play-head{gap:2px;display:grid}.play-head .h-display{font-size:28px}.rail{gap:var(--s3);flex-direction:column;align-self:start;min-width:0;display:flex}.rail>.panel,.rail>.cell-card,.rail>.turn,.rail>.feed,.rail>.attack-box{margin:0}.board-stage{position:relative}.board-tabs{border-radius:var(--r-btn);background:var(--panel);border:1px solid var(--border);align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.tab{font-family:var(--font-display);color:var(--text-2);gap:var(--s2);background:0 0;border:0;border-radius:7px;align-items:baseline;padding:6px 14px;font-size:17px;font-weight:600;display:inline-flex}.tab--on{background:var(--raised);color:var(--text);box-shadow:inset 0 -2px 0 var(--lane)}.tab-count{font-family:var(--font-ui);color:var(--text-3);font-size:13px;font-weight:500}.cell-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);padding:var(--s4);gap:var(--s2);min-height:128px;box-shadow:var(--shadow);align-content:start;display:grid}.cell-card-head{align-items:center;gap:var(--s3);display:flex}.cell-label{font-family:var(--font-display);min-width:2ch;color:var(--lane);font-size:44px;font-weight:700;line-height:.9}.cell-coords{line-height:1.35}.cell-countries{font-weight:600}.cell-card-empty{align-self:center}.cell-status p{font-size:15px}.rule-callout{padding:var(--s2) var(--s3);background:var(--raised);border-left:3px solid var(--cone);border-radius:var(--r-chip);color:var(--text-2);gap:4px;font-size:14px;display:grid}.rule-callout strong{color:var(--cone)}.inventory{grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.inv{border-radius:var(--r-btn);border:1px dashed var(--border);min-height:56px;display:grid}.inv--placed{border-style:solid;border-color:color-mix(in srgb, var(--go) 50%, transparent);background:color-mix(in srgb, var(--go) 8%, transparent)}.inv-btn{font-family:var(--font-display);border-radius:inherit;background:0 0;border:0;place-items:center;gap:2px;padding:6px 2px;font-size:17px;font-weight:700;display:grid}.inv-empty{color:var(--text-3);text-align:center;place-items:center;padding:2px;font-size:11px;line-height:1.2;display:grid}.inv-ship{background:var(--go);clip-path:polygon(0 55%,100% 55%,86% 100%,14% 100%,0 55%,22% 55%,22% 22%,48% 22%,48% 0,70% 30%,70% 55%);width:20px;height:14px}.inv-star{background:var(--violet);clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%);width:16px;height:16px}.row-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.fav-line{align-items:center;gap:var(--s2);font-size:15px;display:flex}.fav-star{clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%);background:var(--violet);width:13px;height:13px}.fav-star--theirs{box-shadow:inset 0 0 0 2px var(--violet);background:0 0}.opp-status{color:var(--text-2);align-items:center;gap:10px;font-size:15px;display:flex}.opp-status strong{color:var(--text)}.locked-note{padding:var(--s3);border-radius:var(--r-btn);background:color-mix(in srgb, var(--go) 10%, transparent);border:1px solid color-mix(in srgb, var(--go) 40%, transparent);gap:2px;display:grid}.locked-note strong{color:var(--go)}.turn{padding:var(--s4);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow);gap:2px;display:grid}.turn-label{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.1}.turn--mine .turn-label{color:var(--lane)}.turn-sub{color:var(--text-2);font-size:15px}.attack-box{gap:var(--s2);display:grid}.mini-fleet{gap:10px}.mini-btn{border-radius:var(--r-btn);background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.feed{padding:var(--s4);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);gap:10px;display:grid}.feed ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.feed-item{color:var(--text-2);padding-left:14px;font-size:14px;position:relative}.feed-item:before{content:"";background:var(--text-3);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.feed-item--sunk:before{background:var(--stop)}.feed-item--found:before{background:var(--cone)}.feed-item--defended:before,.feed-item--win:before{background:var(--go)}.feed-item:first-child{color:var(--text)}.result-toast{min-width:min(380px,90%);max-width:460px;padding:var(--s5);gap:var(--s2);background:var(--material);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-float);animation:pop .22s var(--ease);justify-items:start;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-toast-title{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.1}.result-toast--miss .result-toast-title{color:var(--miss)}.result-toast--sunk .result-toast-title{color:var(--stop)}.result-toast .btn{justify-self:end}.progress{background:var(--raised);border-radius:4px;width:100%;height:4px;overflow:hidden}.progress span{background:var(--lane);height:100%;transition:width .1s linear;display:block}@keyframes pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}}.duel{background:var(--bg);position:fixed;inset:0;overflow:hidden}.duel-scene,.pano,.pano-surface{width:100%;height:100%;position:absolute;inset:0}.pano{outline:none}.pano:focus-visible{outline:2px solid var(--lane);outline-offset:-4px}.pano--fixture canvas{cursor:grab;touch-action:none}.pano--fixture canvas:active{cursor:grabbing}.pano--empty{background:var(--bg)}.fixture-badge{left:76px;bottom:var(--s4);border-radius:var(--r-chip);background:var(--warn);color:var(--warn-ink);z-index:3;padding:4px 10px;font-size:12px;font-weight:700;position:absolute}.duel>.instrument{top:var(--s4);z-index:5;position:absolute;left:50%;transform:translate(-50%)}.timer{min-width:128px}.timer-bar{background:color-mix(in srgb, var(--text-2) 14%, transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.timer-bar span{background:var(--go);height:100%;transition:width .1s linear;display:block}.timer-ready{font-size:22px}.timer--warn .timer-num{color:var(--lane)}.timer--warn .timer-bar span{background:var(--lane)}.timer--crit .timer-num{color:var(--stop)}.timer--crit .timer-bar span{background:var(--stop)}.timer--crit{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{background:color-mix(in srgb, var(--stop) 14%, transparent)}}.duel-brief{z-index:5;justify-content:center;align-items:center;gap:var(--s2);flex-wrap:wrap;max-width:min(900px,100vw - 32px);display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.duel-brief .chip{background:var(--material)}.duel-goal{border-radius:var(--r-chip);background:var(--material);color:var(--text-2);padding:4px 10px;font-size:14px;font-weight:500}.duel-players{gap:6px;display:inline-flex}.duel-rail{left:var(--s4);z-index:5;gap:var(--s2);border-radius:var(--r-panel);background:var(--material);border:1px solid var(--border);box-shadow:var(--shadow-float);padding:6px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.duel-note{bottom:var(--s5);border-radius:var(--r-chip);background:var(--material);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);z-index:4;padding:6px 12px;font-size:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.duel-loading{text-align:center;background:color-mix(in srgb, var(--bg) 94%, transparent);z-index:4;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.duel-loading strong{font-family:var(--font-display);font-size:28px;font-weight:700}.load-list{gap:var(--s4);color:var(--text-3);font-size:14px;font-weight:600;display:flex}.load-list .ok{color:var(--go)}.guess{right:var(--s4);bottom:var(--s4);z-index:6;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);width:400px;box-shadow:var(--shadow-float);transition:width .22s var(--ease);grid-template-rows:auto 1fr auto;display:grid;position:absolute;overflow:hidden}.guess-head{align-items:center;gap:var(--s2);padding:6px 6px 6px var(--s3);border-bottom:1px solid var(--border);display:flex}.guess-title{font-family:var(--font-display);align-items:center;gap:6px;font-size:18px;font-weight:700;display:inline-flex}.guess-title .icon{color:var(--lane)}.guess-coords{color:var(--text-3);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.guess-head .icon-btn{width:34px;height:34px}.guess-map{background:var(--water);height:260px;transition:height .22s var(--ease);position:relative}.guess--large{width:min(880px,100vw - 112px)}.guess--large .guess-map{height:min(560px,100vh - 260px)}.guess-actions{text-align:center;padding:var(--s3);border-top:1px solid var(--border);justify-items:center;gap:6px;display:grid}.btn--guess{min-height:48px;font-size:20px}.opp-locked{color:var(--go);font-weight:600}.guess-back,.duel-actionbar,.sheet-backdrop{display:none}.gm{position:absolute;inset:0}.gm-svg{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block}.gm-svg--disabled{cursor:default}.gm-svg:focus-visible{outline:2px solid var(--lane);outline-offset:-3px}.gm-water{fill:var(--water)}.gm-country{fill:var(--land);stroke:none}.gm-borders{fill:none;stroke:var(--land-line);stroke-width:.6px;vector-effect:non-scaling-stroke}.gm-grat{fill:none;stroke:color-mix(in srgb, var(--text-2) 7%, transparent);stroke-width:.5px;vector-effect:non-scaling-stroke}.gm-marker path{fill:var(--lane);stroke:var(--lane-ink);stroke-width:1.5px}.gm-marker-dot{fill:var(--lane-ink)}.gm-crosshair path{stroke:color-mix(in srgb, var(--text) 45%, transparent);stroke-width:1.2px;opacity:0}.gm-svg:focus-visible .gm-crosshair path{opacity:1}.gm-tools{right:var(--s2);top:var(--s2);gap:4px;display:grid;position:absolute}.gm-tools .icon-btn{background:var(--material);width:32px;height:32px}.gm-hover{left:var(--s2);top:var(--s2);border-radius:var(--r-chip);background:var(--material);pointer-events:none;padding:2px 8px;font-size:13px;font-weight:600;position:absolute}.gm--google .gm-svg{cursor:default}.duel-result{background:var(--bg);grid-template-columns:420px minmax(0,1fr);display:grid;position:fixed;inset:0}.dr-map{border-left:1px solid var(--border);min-height:0;position:relative}.rm-wrap{position:absolute;inset:0}.rm{width:100%;height:100%;display:block}.rm--google{position:absolute;inset:0}.rm-line{fill:none;stroke-width:3px;stroke-dasharray:10 7;stroke-linecap:round}.rm-line--attacker{stroke:var(--stop)}.rm-line--defender{stroke:var(--go)}.rm-pin circle{stroke:var(--bg);stroke-width:3px}.rm-pin text{fill:#0b1422;font-size:12px;font-weight:700}.rm-pin--attacker>circle{fill:var(--stop)}.rm-pin--defender>circle{fill:var(--go)}.rm-tag{fill:var(--material);stroke:var(--border)}.rm-pin .rm-tag-text{fill:var(--text);font-size:13px;font-weight:600}.rm-answer path{fill:var(--marker);stroke:var(--marker-edge);stroke-width:2.4px;stroke-linejoin:round}.rm-answer circle{fill:var(--marker)}.rm-answer .rm-answer-halo{fill:color-mix(in srgb, var(--marker) 18%, transparent);stroke:var(--marker-edge);stroke-width:1.5px}.dr-card{gap:var(--s4);padding:var(--s6) var(--s5);background:var(--panel);animation:slide .25s var(--ease);flex-direction:column;display:flex;overflow:auto}@keyframes slide{0%{opacity:0;transform:translate(-12px)}}.dr-cell{color:var(--text-2);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.dr-cell .icon{color:var(--lane)}.dr-headline{font-size:40px;line-height:1.05}.dr-card--good .dr-headline{color:var(--go)}.dr-card--bad .dr-headline{color:var(--stop)}.dr-reason{font-size:17px}.dr-dist{gap:var(--s2);margin:0;display:grid}.dr-row{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-btn);background:var(--bg);border:1px solid var(--border);display:flex}.dr-row--won{border-color:color-mix(in srgb, var(--go) 70%, transparent);box-shadow:inset 3px 0 0 var(--go)}.dr-row dt{align-items:center;gap:10px;display:flex}.dr-who{font-weight:600;line-height:1.2;display:grid}.dr-role{font-size:12px;font-weight:600}.role--atk{color:var(--stop)}.role--def{color:var(--go)}.dr-row dd{font-family:var(--font-display);justify-items:end;margin:0;font-size:28px;font-weight:700;line-height:1.05;display:grid}.dr-progress{gap:var(--s3);padding:var(--s3);border-radius:var(--r-btn);background:var(--raised);grid-template-columns:1fr 1fr;display:grid}.dr-progress>div{gap:6px;display:grid}.dr-place{color:var(--text-2);align-items:center;gap:6px;font-size:15px;display:flex}.dr-place .icon{color:var(--lane)}.dr-foot{gap:var(--s2);margin-top:auto;display:grid}.finished{width:100%;max-width:1120px;padding:var(--s6) var(--s5) var(--s7);gap:var(--s5);text-align:center;flex:1;align-content:start;justify-items:center;margin:0 auto;display:grid}.fin-hero{gap:var(--s2);justify-items:center;display:grid}.fin-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600}.fin-title{font-size:56px;line-height:1}.fin-hero--won .fin-title{color:var(--lane)}.fin-reason{color:var(--text-2);font-size:18px}.fin-statrow{border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);grid-template-columns:auto repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.fin-players,.fin-stat{padding:var(--s4) var(--s5);grid-template-rows:20px 40px 40px;align-items:center;display:grid}.fin-players:before{content:""}.fin-players>span{text-align:left;white-space:nowrap;align-items:center;gap:10px;font-weight:600;display:flex}.fin-stat{border-left:1px solid var(--border);justify-items:center}.fin-stat-values{display:contents}.fin-stat-values>span{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1}.fin-stat-values>.fin-best{color:var(--lane)}.fin-actions{justify-content:center;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.fin-actions [role=status],.fin-actions .form-error{flex-basis:100%}.fin-fleets{gap:var(--s4);text-align:left;grid-template-columns:1fr 1fr;width:100%;display:grid}.fin-fleets figure{gap:var(--s2);padding:var(--s3);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);margin:0;display:grid}.fin-fleets figcaption{font-family:var(--font-display);font-size:20px;font-weight:700}.modal-backdrop{background:color-mix(in srgb, var(--scrim) 70%, transparent);z-index:100;padding:var(--s5);place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);width:min(560px,100%);max-height:86vh;box-shadow:var(--shadow-float);overflow:auto}.modal-head{padding:var(--s4) var(--s4) var(--s2) var(--s5);background:inherit;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-body{padding:var(--s2) var(--s5) var(--s5);gap:var(--s3);display:grid}.modal-actions{justify-content:flex-end;gap:10px;display:flex}@keyframes fade{0%{opacity:0}}@media (width<=1180px){.phase-nav{display:none}.home-main{grid-template-columns:1fr}.home-panel{justify-self:center;width:min(520px,100%)}}@media (width<=1100px){.lobby{grid-template-columns:1fr}.lobby-settings{justify-self:center;width:min(720px,100%)}.account-name{display:none}}@media (width<=900px){.play{padding:var(--s3);grid-template-columns:1fr}.board--main{width:100%}.cell-card:has(.cell-card-empty){display:none}.ready-panel{z-index:5;position:sticky;bottom:0}.duel-result{grid-template-rows:42vh auto;grid-template-columns:1fr;overflow:auto}.dr-map{border-left:0;border-bottom:1px solid var(--border);grid-row:1}.dr-card{padding:var(--s5) var(--s4) calc(var(--s5) + env(safe-area-inset-bottom));grid-row:2;animation:none;overflow:visible}.dr-headline{font-size:32px}}@media (width<=820px){:root{--topbar:auto}.h-display{font-size:32px}.topbar{padding:var(--s2) var(--s3);flex-wrap:wrap;row-gap:6px}.topbar .logo-name{display:none}.instrument--bar{order:3;width:100%}.instrument--bar .inst-seg{flex:1;gap:6px;min-width:0;padding:4px 8px}.instrument--bar .icon{display:none}.home-bar{padding:0 var(--s4);gap:var(--s2);grid-template-columns:auto 1fr auto}.home-nav{justify-self:center}.nav-link{padding:6px 10px;font-size:16px}.home-main{padding:var(--s4);gap:var(--s5)}.home-hero{display:contents}.home-copy{order:1}.home-panel{order:2}.home-visual{order:3}.home-title{font-size:32px}.home-lede{font-size:16px}.route-art-tag,.route-art-name,.route-art-coord{display:none}.home-foot,.lobby{padding:var(--s4)}.versus{gap:var(--s2);grid-template-columns:1fr}.vs{font-size:20px}.invite{flex-wrap:wrap;justify-content:center}.fin-title{font-size:40px}.fin-fleets{grid-template-columns:1fr}.fin-statrow{grid-template-columns:auto repeat(4,minmax(64px,1fr));overflow-x:auto}.fin-players,.fin-stat{padding:var(--s3) var(--s2)}.fin-stat-values>span{font-size:20px}.duel>.instrument{top:var(--s2);left:var(--s2);right:var(--s2);transform:none}.duel>.instrument .inst-seg{flex:1;justify-content:center;gap:6px;min-width:0;padding:6px 8px}.duel>.instrument .icon,.inst-seg--round{display:none!important}.inst-value{font-size:20px}.timer{min-width:0}.duel-brief{top:72px;left:var(--s2);right:var(--s2);justify-content:flex-start;transform:none}.duel-goal{display:none}.duel-rail{top:auto;bottom:calc(96px + env(safe-area-inset-bottom));left:var(--s2);transform:none}.rail-map{display:none}.fixture-badge{left:auto;right:var(--s2);bottom:calc(150px + env(safe-area-inset-bottom))}.duel-note{bottom:calc(96px + env(safe-area-inset-bottom));left:72px;right:var(--s2);text-align:center;transform:none}.duel-actionbar{z-index:7;padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));background:var(--material);border-top:1px solid var(--border);display:block;position:absolute;bottom:0;left:0;right:0}.duel-actionbar .btn{min-height:52px;font-size:20px}.sheet-backdrop{z-index:7;background:color-mix(in srgb, var(--scrim) 60%, transparent);animation:.25s fade;display:block;position:absolute;inset:0}.guess{z-index:8;border-radius:var(--r-panel) var(--r-panel) 0 0;padding-bottom:env(safe-area-inset-bottom);transition:transform .3s var(--ease);border-bottom:0;max-height:90dvh;bottom:0;left:0;right:0;transform:translateY(105%);width:100%!important}.guess--open{transform:none}.guess-map,.guess--large .guess-map{height:52vh!important}.guess-size{display:none}.guess-back{display:inline-grid;width:44px!important;height:44px!important}.btn--guess{min-height:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.flash{display:none}.route-art-line{animation:none}}h1,h2,h3,.h-display{letter-spacing:-.022em;font-weight:700}.h-display{font-size:34px}.panel-heading,.panel-title{letter-spacing:-.01em;font-size:17px;font-weight:600}.inst-label,.hud-label,.invite-label,.fin-kicker{letter-spacing:.06em;font-size:11px;font-weight:600}.inst-value{letter-spacing:-.01em;font-size:22px;font-weight:600}.instrument--bar .inst-value{font-size:17px}.cell-label{letter-spacing:-.03em;font-size:40px}.turn-label{font-size:24px}.home-title{font-size:40px;line-height:1.08}.dr-headline{font-size:34px}.dr-row dd{font-size:24px;font-weight:600}.fin-title{font-size:48px}.fin-stat-values>span{font-size:22px;font-weight:600}.slot-name{font-size:20px;font-weight:600}.invite-code{letter-spacing:.06em;font-size:26px;font-weight:600}.settings-title{font-size:22px}.setting legend,.setting-name,.map-tile-name,.guess-title{font-size:15px;font-weight:600}.result-toast-title{font-size:22px}.inv-btn{font-family:var(--font-ui);font-size:14px;font-weight:600}.modal-head h2{font-size:20px}.logo-name{letter-spacing:-.02em;font-size:19px;font-weight:700}.code-chip,.code-input{font-family:var(--font-ui)}.code-chip{letter-spacing:.06em;background:var(--fill);border-radius:var(--r-btn);border:0;padding:4px 10px;font-size:13px}.vs{color:var(--text-3);font-size:20px;font-weight:600}.route-art-name{font-family:var(--font-ui);font-size:22px;font-weight:600}.rail-label{font-family:var(--font-ui);font-size:15px;font-weight:600}.dev-pill{color:var(--cone)}.panel,.cell-card,.turn,.feed,.home-panel,.lobby-settings,.slot,.fin-statrow,.fin-fleets figure,.modal,.result-toast,.guess,.instrument,.duel-rail{border-color:var(--border-soft)}.chip{background:var(--fill);color:var(--text);border-radius:var(--r-btn);border:0;padding:5px 12px;font-weight:600}.chip--atk{background:color-mix(in srgb, var(--stop) 16%, transparent);color:var(--stop)}.chip--def,.chip--locked{background:color-mix(in srgb, var(--go) 16%, transparent);color:var(--go)}.duel-brief .chip{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.tag,.ready{border-radius:var(--r-btn);background:var(--fill);border:0}.ready--on{background:var(--go);color:var(--go-ink)}.field input,.mode-input{background:var(--fill);border-radius:var(--r-ctl);border:0;height:44px;font-size:16px}.field input:focus,.mode-input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 40%, transparent);border:0}.join-row .mode-input{height:50px}.code-input{letter-spacing:.12em;font-size:17px;font-weight:600}.segmented,.board-tabs,.home-nav{background:var(--fill);border:0;border-radius:10px;gap:0;padding:2px}.seg,.tab,.nav-link{font-family:var(--font-ui);letter-spacing:-.01em;color:var(--text);box-shadow:none;transition:background-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600}.seg--on,.tab--on,.nav-link--on{background:var(--seg-on);color:var(--text);box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.tab-count{font-size:12px}.seg:has(input:focus-visible){box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent);outline:none}.phase-step{font-family:var(--font-ui);font-size:13px;font-weight:500}.phase-step--on{color:var(--text);box-shadow:none;font-weight:600}.phase-step+.phase-step:before{background:var(--border)}.map-tile{background:var(--fill);border-radius:var(--r-ctl);border:0}.map-tile--on{box-shadow:0 0 0 2px var(--accent)}.map-tile:has(input:focus-visible){box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent);outline:none}.switch{background:var(--fill-hi);border:0;width:51px;height:31px}.switch:after{background:#fff;width:27px;height:27px;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.switch:checked{background:var(--go)}.switch:checked:after{background:#fff;transform:translate(20px)}.inv{border-radius:var(--r-ctl);border-style:solid;border-color:var(--border-soft)}.inv--placed{background:color-mix(in srgb, var(--go) 14%, transparent);border-color:#0000}.inv--picked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.account-chip{background:var(--fill);border-radius:var(--r-btn);border:0}.home-facts li{background:var(--fill);border-radius:var(--r-btn);color:var(--text);border:0}.home-facts .icon{color:var(--accent)}.instrument,.duel-rail,.guess,.board-zoom .icon-btn,.gm-tools .icon-btn{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.instrument,.duel-rail,.board-zoom .icon-btn,.gm-tools .icon-btn{background:var(--material)}.inst-seg--active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.inst-seg--active .inst-label{color:var(--accent)}.turn--mine{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:var(--shadow)}.progress{background:var(--fill);height:4px}.timer-bar span{background:var(--accent)}.rule-callout{background:color-mix(in srgb, var(--cone) 12%, transparent);border-radius:var(--r-ctl);border-left:0}.tradeoff{background:var(--fill);border-radius:var(--r-ctl);border-left:0}.dr-row{background:var(--fill);border:0}.dr-row--won{box-shadow:inset 0 0 0 2px var(--go)}.dr-progress{background:var(--fill)}.result-toast--sunk{border-left:0}.locked-note{background:color-mix(in srgb, var(--go) 12%, transparent);border-radius:var(--r-ctl);border:0}.slot--ready{box-shadow:0 0 0 2px var(--go), var(--shadow)}.mini-btn,.dr-row,.dr-progress,.inv,.map-tile,.mini-btn .board svg{border-radius:var(--r-ctl)}.board--interactive .cell--open{fill:color-mix(in srgb, var(--accent) 10%, transparent);stroke:color-mix(in srgb, var(--accent) 42%, transparent)}.board--interactive .cell--open.cell--hover{fill:color-mix(in srgb, var(--accent) 26%, transparent);stroke:var(--accent)}.board--interactive .cell--blocked{fill:color-mix(in srgb, var(--bg) 40%, transparent);stroke:color-mix(in srgb, var(--text) 7%, transparent)}.board--interactive .cell--void{cursor:not-allowed}.board--interactive .cell--ship{fill:color-mix(in srgb, var(--go) 26%, transparent);stroke:color-mix(in srgb, var(--go) 75%, transparent)}.board--interactive .cell--ship.cell--hover{fill:color-mix(in srgb, var(--go) 38%, transparent);stroke:var(--go)}.board--interactive .cell--found{fill:color-mix(in srgb, var(--cone) 22%, transparent);stroke:color-mix(in srgb, var(--cone) 80%, transparent)}.board--interactive .cell--found.cell--hover{fill:color-mix(in srgb, var(--cone) 34%, transparent);stroke:var(--cone)}.board--interactive .cell--miss{fill:color-mix(in srgb, var(--miss) 16%, transparent)}.board--interactive .cell--sunk{fill:color-mix(in srgb, var(--stop) 22%, transparent)}.selection-ring{fill:color-mix(in srgb, var(--accent) 22%, transparent);stroke:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 70%, transparent));transform-box:fill-box;transform-origin:50%;animation:.28s cubic-bezier(.2,.9,.3,1.2) select-pop}@keyframes select-pop{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.lg--open{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.lg--void{background-color:color-mix(in srgb, var(--bg) 40%, transparent)}.board--main:not(.board--interactive){cursor:default}.logo-name{font-size:19px}.cell{fill:color-mix(in srgb, var(--text) 5%, transparent);stroke:color-mix(in srgb, var(--text) 9%, transparent);transform-box:fill-box;transform-origin:50%;transition:fill .18s var(--ease), stroke .18s var(--ease), transform .18s var(--ease)}.cell--void{stroke:none}.board--interactive .cell--open.cell--hover,.board--interactive .cell--ship.cell--hover,.board--interactive .cell--found.cell--hover{transform:scale(1.04)}.board--interactive .cell--open:active{transition-duration:50ms;transform:scale(.97)}.board--mini .cell{stroke:none}.board--mini .cell:not(.cell--void):not(.cell--ship):not(.cell--miss):not(.cell--found):not(.cell--sunk){fill:color-mix(in srgb, var(--text) 7%, transparent)}.selection-ring,.flash{stroke-linejoin:round}.lg{border-radius:4px}@media (prefers-reduced-motion:reduce){.cell{transition:none}.board--interactive .cell--open.cell--hover{transform:none}}.cell{transition:fill .18s var(--ease), stroke .18s var(--ease)}.cell-hit{fill:#0000;stroke:none}.cell-hit--open{cursor:pointer}.cell-hit--blocked{cursor:not-allowed}.board--interactive .cell--open{stroke-width:1.2px}*,:before,:after{border-radius:0!important}.spinner,.dot{border-radius:50%!important}.bp{z-index:0;pointer-events:none;position:fixed;inset:0}.bp-layer{display:block;position:absolute;inset:0}.bp-grain{image-rendering:pixelated;background-repeat:repeat}.w-page,.room,.notice{z-index:1;position:relative}.topbar{background:color-mix(in srgb, var(--bg) 66%, transparent);-webkit-backdrop-filter:var(--blur)}.gm-region-box{fill:color-mix(in srgb, var(--marker) 10%, transparent);stroke:var(--marker);stroke-width:2px;vector-effect:non-scaling-stroke}.gm-region-tag{fill:var(--marker);stroke:none!important}.gm-region-text{fill:#1d1d1f;font-size:28px;font-weight:800}.rm-region{fill:color-mix(in srgb, var(--marker) 7%, transparent);stroke:var(--marker);stroke-width:2px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.gm-ov{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.gm-ov--closed{fill-opacity:.16}.gm-ov--mine,.gm-ov--draft{stroke:var(--accent);fill:var(--accent)}.gm-ov--draft:not(.gm-ov--closed){stroke-dasharray:6 5;fill:none}.gm-ov--theirs{stroke:var(--cone);fill:var(--cone)}.gm-ov--hit{stroke:var(--go);fill:var(--go)}.gm-ov--miss{stroke:var(--stop);fill:var(--stop)}.gm-ov--worm{stroke:var(--marker);stroke-width:3.5px;fill:none}.pg-page .home-bar{z-index:20;background:var(--bg);position:sticky;top:0}.pg-logo-link{color:inherit;text-decoration:none;display:inline-flex}a.nav-link{align-items:center;text-decoration:none;display:inline-flex}.pg-label{letter-spacing:.06em;text-transform:uppercase;border:1px solid;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.pg-label--violet,.pg-art--violet{color:var(--violet)}.pg-label--blue,.pg-art--blue{color:var(--accent)}.pg-label--orange,.pg-art--orange{color:var(--cone)}.pg-label--green,.pg-art--green{color:var(--go)}.pg-art{width:100%;height:auto;display:block}.pg-art .pg-art-dim{stroke:var(--text-3)}.pg-art .pg-art-hi{stroke:currentColor}.pg-meta{gap:var(--s4);color:var(--text-2);flex-wrap:wrap;margin:0;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.pg-meta li{align-items:center;gap:6px;display:inline-flex}.pg-warn{color:var(--cone);font-weight:600}.tag--host{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.pg-hub{width:100%;max-width:1240px;padding:var(--s6) var(--s5) var(--s7);gap:var(--s6);margin:0 auto;display:grid}.pg-hub-head{gap:var(--s3);display:grid}.pg-hub-title{font-size:48px}.pg-hub-lede{color:var(--text-2);max-width:46ch;font-size:19px}.pg-join{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;max-width:420px;display:flex}.pg-join .mode-input{flex:1;min-width:160px}.pg-join .form-error{flex-basis:100%}.pg-grid{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pg-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);transition:border-color .2s var(--ease), transform .2s var(--ease);grid-template-rows:auto 1fr auto;display:grid}.pg-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.pg-card-art{padding:var(--s4) var(--s5) var(--s2);background:color-mix(in srgb, var(--raised) 60%, transparent);border-bottom:1px solid var(--border);display:block}.pg-card-art .pg-art{max-height:128px}.pg-card-body{padding:var(--s4) var(--s4) var(--s3);gap:var(--s2);align-content:start;display:grid}.pg-card-name{font-size:22px}.pg-card-line{color:var(--text-2);font-size:15px}.pg-card-actions{gap:var(--s2);padding:0 var(--s4) var(--s4);display:flex}.pg-card-actions .btn{flex:1}.pg-night-promo{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s5);background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);display:flex}.pg-night-promo h2{margin-bottom:4px;font-size:24px}.pg-game{width:100%;max-width:1240px;padding:var(--s5) var(--s5) var(--s7);gap:var(--s6);grid-template-columns:minmax(0,1fr) 380px;align-items:start;margin:0 auto;display:grid}.pg-back{color:var(--accent);grid-column:1/-1;font-size:15px;font-weight:600;text-decoration:none}.pg-game-main{gap:var(--s5);display:grid}.pg-game-head{gap:var(--s5);grid-template-columns:220px minmax(0,1fr);align-items:center;display:grid}.pg-game-art{padding:var(--s3);background:var(--panel);border:1px solid var(--border)}.pg-game-titles{gap:var(--s2);justify-items:start;display:grid}.pg-game-title{font-size:44px}.pg-game-line{color:var(--text-2);font-size:18px}.pg-section{gap:var(--s2);padding-top:var(--s4);border-top:1px solid var(--border-soft);display:grid}.pg-section-title{font-size:20px}.pg-section p{color:var(--text-2);max-width:64ch;font-size:17px}.pg-flow{gap:var(--s2);counter-reset:none;margin:0;padding:0;list-style:none;display:grid}.pg-flow li{gap:var(--s3);align-items:baseline;font-size:16px;display:flex}.pg-flow-n{background:var(--fill);width:26px;height:26px;color:var(--text);flex:none;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.pg-game-side{gap:var(--s3);padding:var(--s5);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);display:grid;position:sticky;top:88px}.pg-topbar .pg-crumbs{gap:2px;display:flex}.pg-topbar .nav-link{padding:4px 10px;font-size:15px}.pg-topbar-game{font-family:var(--font-display);margin-left:var(--s2);white-space:nowrap;font-size:17px;font-weight:700}.pg-me{background:var(--panel);border:1px solid var(--border);align-items:center;gap:8px;padding:2px 10px 2px 2px;display:inline-flex}.pg-banner{background:var(--panel);color:var(--text-2);border-bottom:1px solid var(--border)}.pg-modal-actions{justify-content:flex-end;gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}:is(.modal-backdrop .modal:has(.pg-modal-scene),.modal-backdrop .modal:has(.pg-pick),.modal-backdrop .modal:has(.pg-night)){width:min(920px,100%)}.pg-lobby{width:100%;max-width:1240px;padding:var(--s5);gap:var(--s5);flex:1;grid-template-columns:minmax(0,1fr) 420px;align-items:start;margin:0 auto;display:grid}.pg-lobby-main,.pg-lobby-side{gap:var(--s4);min-width:0;display:grid}.pg-invite{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);flex-wrap:wrap;display:flex}.pg-invite>div:first-child{gap:4px;display:grid}.pg-invite-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.pg-player-list{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pg-player{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--bg);border:1px solid var(--border);min-width:0;display:flex}.pg-player--away{opacity:.6}.pg-player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.pg-player-state{flex:none;align-items:center;gap:8px;display:inline-flex}.ready--host{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:0 0}.pg-selected{gap:var(--s4)}.pg-selected-head{gap:var(--s3);grid-template-columns:112px minmax(0,1fr);align-items:center;display:grid}.pg-selected-art{background:var(--bg);border:1px solid var(--border);padding:6px}.pg-selected-name{margin:4px 0 2px;font-size:22px}.pg-reqs{gap:var(--s2) var(--s4);color:var(--text-2);flex-wrap:wrap;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.pg-reqs li{align-items:center;gap:6px;display:inline-flex}.pg-reqs .ok{color:var(--go)}.pg-reqs .bad{color:var(--cone)}.pg-settings{gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--border-soft);display:grid}.pg-setting{gap:6px;display:grid}.pg-setting-name{color:var(--text-2);font-size:14px;font-weight:600}.pg-setting-value{font-weight:600}.pg-settings .segmented{flex-wrap:wrap}.pg-settings .seg{padding:5px 12px;font-size:15px}.pg-more{justify-self:start;padding:0}.pg-host-row{gap:var(--s2);display:flex}.pg-host-row .btn{flex:1}.pg-cta{gap:var(--s2);text-align:center;padding:var(--s4);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);justify-items:center;display:grid}.pg-pick{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pg-pick-item{gap:var(--s3);width:100%;padding:var(--s2);background:var(--bg);border:1px solid var(--border);text-align:left;grid-template-columns:96px minmax(0,1fr);align-items:center;transition:border-color .15s;display:grid}.pg-pick-item:hover{border-color:var(--border-strong)}.pg-pick-item.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pg-pick-text{gap:2px;display:grid}.pg-night{gap:var(--s4);grid-template-columns:1fr 1fr;display:grid}.pg-night-pick{border:0;gap:6px;margin:0;padding:0;display:grid}.pg-check{gap:var(--s2);padding:8px var(--s3);background:var(--bg);border:1px solid var(--border);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.pg-check.is-on{border-color:var(--accent)}.pg-check input{accent-color:var(--accent);width:18px;height:18px}.pg-night-order{align-content:start;gap:6px;display:grid}.pg-night-order ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pg-night-order li{align-items:center;gap:var(--s2);padding:6px 6px 6px var(--s2);background:var(--raised);border:1px solid var(--border);display:flex}.pg-night-order li.bad{border-color:var(--cone)}.pg-night-name{flex:1;font-weight:600}.pg-night-order .icon-btn{width:30px;height:30px}.pg-intro{padding:var(--s5);flex:1;place-items:center;display:grid}.pg-intro-card{gap:var(--s3);text-align:center;width:min(680px,100%);padding:var(--s6) var(--s5);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-float);animation:fade .3s var(--ease);justify-items:center;display:grid}.pg-intro-top{justify-content:space-between;align-items:center;gap:var(--s2);width:100%;display:flex}.pg-intro-top .pg-timer{margin-left:auto}.pg-intro-art{width:180px}.pg-intro-title{font-size:40px}.pg-intro-objective{color:var(--text-2);max-width:46ch;font-size:18px}.pg-intro-card .pg-flow{text-align:left;width:100%;max-width:480px}.pg-intro-scoring{color:var(--text-2);max-width:52ch;font-size:15px}.pg-intro-go{min-width:220px}.pg-timer{background:var(--raised);border:1px solid var(--border);align-items:center;gap:8px;min-width:96px;padding:6px 12px 9px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.pg-timer-num{font-family:var(--font-display);font-size:20px;line-height:1}.pg-timer-bar{background:var(--fill);height:3px;position:absolute;bottom:0;left:0;right:0}.pg-timer-bar span{background:var(--go);height:100%;transition:width .2s linear;display:block}.pg-timer--warn{color:var(--cone)}.pg-timer--warn .pg-timer-bar span{background:var(--cone)}.pg-timer--crit{color:var(--stop)}.pg-timer--crit .pg-timer-bar span{background:var(--stop)}.pg-hud{align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);display:flex}.pg-hud-text{flex:1;gap:2px;min-width:0;display:grid}.pg-hud-title{font-size:24px;line-height:1.15}.pg-hud-status{color:var(--text-2);white-space:nowrap;font-size:14px;font-weight:600}.pg-accent{color:var(--accent)}.pg-spectate{padding:var(--s3) var(--s4);background:var(--panel);border:1px dashed var(--border-strong);color:var(--text-2);text-align:center;font-weight:600}.pg-stage{width:100%;max-width:1240px;padding:var(--s4) var(--s5) var(--s6);gap:var(--s4);flex:1;align-content:start;margin:0 auto;display:grid}.pg-play{width:100%;padding:var(--s3) var(--s4) var(--s4);gap:var(--s3);flex-direction:column;flex:1;min-height:0;display:flex}.pg-play-body{gap:var(--s3);flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.pg-side{gap:var(--s3);min-width:0;padding:var(--s3);background:var(--panel);border:1px solid var(--border);flex-direction:column;max-height:calc(100dvh - 170px);display:flex;overflow:auto}.pg-side-actions{gap:var(--s2);display:grid}.pg-wait{align-items:center;gap:var(--s2);color:var(--text-2);padding:var(--s6) 0;justify-self:center;font-size:17px;display:inline-flex}.pg-own{padding:var(--s3);background:var(--raised);color:var(--text-2);font-weight:500}.pg-locked{color:var(--go);align-items:center;gap:6px;font-weight:600;display:inline-flex}.pg-gain{color:var(--go);font-size:18px;font-weight:700}.pg-rule{border-left:3px solid var(--cone);background:var(--raised);padding:6px 10px}.pg-scene{background:var(--water);min-height:160px;position:relative;overflow:hidden}.pg-scene .pano{position:absolute;inset:0}.pg-scene-state{place-content:center;justify-items:center;gap:var(--s2);background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--text-2);z-index:4;font-weight:600;display:grid;position:absolute;inset:0}.pg-scene-state--bad strong{color:var(--text)}.pg-scene-label{left:var(--s2);top:var(--s2);z-index:3;letter-spacing:.06em;text-transform:uppercase;background:var(--material);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);padding:3px 8px;font-size:12px;font-weight:700;position:absolute}.pg-scene .fixture-badge{padding:2px 6px;font-size:10px;bottom:6px;left:auto;right:6px}.pg-big{height:min(62vh,640px)}.pg-main-scene{min-height:420px}.pg-modal-scene{height:min(64vh,560px)}.pg-sub-scene{height:150px;min-height:0}.pg-side-ref{flex:none;height:180px;min-height:0}.pg-explorer{border:1px solid var(--border);background:var(--panel);grid-template-columns:minmax(0,1fr) 340px;gap:0;min-height:440px;display:grid;position:relative}.pg-explorer-view{background:var(--water);min-height:440px;position:relative}.pg-explorer-view .pano,.pg-explorer-view .pano-surface{position:absolute;inset:0}.pg-explorer-tools{top:var(--s2);left:var(--s2);z-index:5;gap:var(--s2);display:flex;position:absolute}.pg-glass{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);background:var(--material)!important}.pg-map-toggle{display:none}.pg-explorer-hint{right:var(--s2);top:var(--s2);z-index:3;background:var(--material);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);white-space:nowrap;padding:4px 10px;font-size:13px;font-weight:600;position:absolute}.pg-explorer-hint--bad{color:var(--stop)}.pg-explorer-map{border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.pg-explorer-map-head{padding:8px var(--s3);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.pg-explorer-map-head .muted{width:100%;font-weight:500}.pg-explorer-map-body{background:var(--water);flex:1;min-height:220px;position:relative}.pg-mini-map{border:1px solid var(--border);background:var(--water);flex:none;height:220px;position:relative}.pg-tel-map{border:1px solid var(--border);background:var(--water);height:min(52vh,480px);position:relative}.pg-cands ol{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.pg-cands li{padding:4px 4px 4px var(--s2);background:var(--bg);border:1px solid var(--border);align-items:center;gap:4px;display:flex}.pg-cands li>span{flex:1;font-size:14px;font-weight:600}.pg-cands .icon-btn{width:28px;height:28px}.pg-submission{gap:var(--s2);padding:var(--s3);background:var(--bg);border:1px dashed var(--border-strong);display:grid}.pg-submission.has{border-style:solid;border-color:color-mix(in srgb, var(--go) 60%, transparent)}.pg-prompt{text-align:center;padding-top:var(--s7);justify-items:center}.pg-prompt-kicker{color:var(--text-2);font-size:18px}.pg-prompt-text{max-width:22ch;animation:fade .4s var(--ease);font-size:clamp(32px,5vw,60px)}.pg-prompt-ref{width:min(900px,100%);height:52vh}.pg-vote-scenes{gap:var(--s3);display:grid}.pg-vote-scenes--pair{grid-template-columns:1fr 1fr}.pg-vote-scenes--pair .pg-big{height:min(54vh,560px)}.pg-vote-bar{justify-content:center;align-items:center;gap:var(--s3);padding:var(--s3);background:var(--panel);border:1px solid var(--border);flex-wrap:wrap;min-height:76px;display:flex}.pg-stars{gap:4px;display:inline-flex}.pg-star{color:var(--text-3);transition:transform .12s var(--ease), color .12s;background:0 0;border:0;padding:2px}.pg-star svg{fill:none;stroke:currentColor;stroke-width:1.6px}.pg-star--on{color:var(--marker)}.pg-star--on svg{fill:currentColor}.pg-star:hover:not(:disabled){transform:scale(1.12)}.pg-avg{color:var(--marker);align-items:center;gap:4px;font-weight:700;display:inline-flex}.pg-avg svg{fill:currentColor}.pg-reveal{align-items:baseline;gap:var(--s3);animation:.3s fade;display:flex}.pg-reveal-name{font-family:var(--font-display);font-size:26px}.pg-standings{gap:4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.pg-standings li{align-items:center;gap:var(--s3);padding:10px var(--s3);background:var(--bg);border:1px solid var(--border);grid-template-columns:36px minmax(0,1fr) auto;display:grid}.pg-standings li.is-first{border-color:color-mix(in srgb, var(--marker) 70%, transparent);box-shadow:inset 3px 0 0 var(--marker)}.pg-place{font-family:var(--font-display);color:var(--text-3);text-align:center;font-size:20px;font-weight:700}.is-first .pg-place{color:var(--marker)}.pg-st-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pg-st-score{font-weight:700}.pg-podium{text-align:center;justify-items:center;max-width:640px}.pg-results{width:100%;max-width:1240px;padding:var(--s5) var(--s5) var(--s7);gap:var(--s4);flex:1;align-content:start;margin:0 auto;display:grid}.pg-results-head{gap:var(--s2);text-align:center;justify-items:center;display:grid}.pg-results-title{font-size:48px}.pg-results-body{gap:var(--s4);grid-template-columns:380px minmax(0,1fr);align-items:start;display:grid}.pg-highlights{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pg-highlights--compact{grid-template-columns:1fr;gap:4px}.pg-hl{background:var(--panel);border:1px solid var(--border);display:grid}.pg-hl-scene{height:200px;min-height:0}.pg-hl-text{padding:var(--s3);gap:4px;display:grid}.pg-highlights--compact .pg-hl-text{padding:6px var(--s2)}.pg-coop{padding:var(--s3);color:var(--text-2)}.pg-results-actions{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.pg-results-actions [role=status],.pg-results-actions .form-error{text-align:center;flex-basis:100%}.pg-recap-list{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pg-recap-item{align-content:start}.pg-recap-head{gap:var(--s3);grid-template-columns:96px minmax(0,1fr);align-items:center;display:grid}.pg-recap-head h2{font-size:22px}.pg-recap-art{background:var(--bg);border:1px solid var(--border);padding:4px}.pg-react{justify-content:center;gap:6px;display:flex}.pg-react-btn{border:1px solid var(--border);background:var(--panel);width:44px;height:44px;transition:transform .12s var(--ease);font-size:22px}.pg-react-btn:hover{background:var(--raised);transform:translateY(-2px)}.pg-react-btn:active{transform:scale(.92)}.pg-react-layer{pointer-events:none;z-index:90;height:0;position:fixed;inset:auto 0 0}.pg-react-float{animation:floatup 2.6s var(--ease) forwards;justify-items:center;font-size:34px;display:grid;position:absolute;bottom:24px}.pg-react-float small{background:var(--material);color:var(--text);padding:1px 6px;font-size:11px;font-weight:700}@keyframes floatup{0%{opacity:0;transform:translateY(0)scale(.6)}12%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-46vh)}}.pg-tiles{gap:var(--s2);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;min-height:520px;display:grid}.pg-tile{border:2px solid var(--tone);background:var(--panel);flex-direction:column;min-height:0;display:flex;position:relative}.pg-tile--red{--tone:#ff453a}.pg-tile--blue{--tone:#0a84ff}.pg-tile--green{--tone:#30d158}.pg-tile--yellow{--tone:#ffd60a}.pg-tile-scene{flex:1;min-height:180px}.pg-tile-bar{align-items:center;gap:var(--s2);padding:4px 4px 4px var(--s2);border-top:1px solid var(--border);display:flex}.pg-tile-name{align-items:center;gap:6px;font-weight:700;display:inline-flex}.pg-swatch{background:var(--tone);width:12px;height:12px}.pg-tile-country{color:var(--text-2);text-align:right;flex:1;font-size:14px;font-weight:600}.pg-tile .icon-btn{width:30px;height:30px;margin-left:auto}.pg-tile.is-picked{box-shadow:0 0 0 3px color-mix(in srgb, var(--tone) 45%, transparent)}.pg-tile.is-imposter{box-shadow:0 0 0 4px var(--tone)}.pg-tile.is-imposter .pg-tile-country{color:var(--text)}.pg-colors{gap:6px;display:grid}.pg-color-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.pg-color{border:1px solid var(--border);background:var(--bg);justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:700;display:inline-flex}.pg-color:before{content:"";background:var(--tone);width:10px;height:10px}.pg-color--red{--tone:#ff453a}.pg-color--blue{--tone:#0a84ff}.pg-color--green{--tone:#30d158}.pg-color--yellow{--tone:#ffd60a}.pg-color.is-on{border-color:var(--tone);box-shadow:inset 0 0 0 1px var(--tone);background:color-mix(in srgb, var(--tone) 14%, var(--bg))}.pg-answer{gap:4px;margin:0;display:grid}.pg-answer div{justify-content:space-between;gap:var(--s2);padding:6px var(--s2);background:var(--bg);border:1px solid var(--border);display:flex}.pg-answer dt{color:var(--text-2)}.pg-answer dd{margin:0;font-weight:700}.pg-table{border-collapse:collapse;width:100%;font-size:14px}.pg-table th,.pg-table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:5px 6px}.pg-table th{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.pg-table .ok{color:var(--go);font-weight:600}.pg-table .bad{color:var(--text-3)}.pg-totals ol{gap:2px;margin:6px 0 0;padding:0;list-style:none;display:grid}.pg-totals li{padding:4px var(--s2);background:var(--bg);justify-content:space-between;font-size:14px;display:flex}.pg-imp-reveal{gap:var(--s3);display:grid}.pg-combo{gap:6px;display:grid;position:relative}.pg-combo-row{align-items:center;gap:6px;display:flex}.pg-combo-row .mode-input{height:44px}.pg-combo-list{z-index:30;background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow-float);max-height:280px;margin:2px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.pg-combo-list li{cursor:pointer;padding:8px 10px}.pg-combo-list li.is-hi{background:color-mix(in srgb, var(--accent) 18%, transparent)}.pg-combo-empty{color:var(--text-3);cursor:default!important}.pg-choose{text-align:center;justify-items:center}.pg-offers{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,220px));display:grid}.pg-offer{min-height:120px;font-family:var(--font-display);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);font-size:24px;font-weight:700;transition:border-color .15s,transform .15s}.pg-offer:hover{border-color:var(--accent);transform:translateY(-2px)}.pg-attempts ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.pg-attempts li{padding:4px var(--s2);background:var(--bg);align-items:center;gap:6px;font-weight:600;display:flex}.pg-attempts li.ok{color:var(--go)}.pg-attempts li.bad{color:var(--text-3);text-decoration:line-through}.pg-sk-reveal{gap:var(--s2);display:grid}.pg-outcome{padding:8px var(--s4);background:var(--raised);border-left:3px solid var(--cone);font-weight:500}.pg-card9{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pg-sq{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);text-align:center;place-items:center;padding:6px;font-size:13px;font-weight:600;line-height:1.2;transition:border-color .15s,background .15s;display:grid;position:relative}.pg-sq:hover:not(:disabled){border-color:var(--border-strong)}.pg-sq.is-sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pg-sq.is-filled{background:color-mix(in srgb, var(--go) 16%, var(--bg));border-color:color-mix(in srgb, var(--go) 60%, transparent)}.pg-sq.is-claimed{box-shadow:inset 0 0 0 2px var(--marker)}.pg-sq-check{color:var(--go);position:absolute;top:4px;right:4px}.pg-sq-actions{padding:var(--s2);background:var(--raised);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pg-sq-actions .inst-label{color:var(--text);flex-basis:100%}.pg-review{z-index:80;padding:var(--s4);background:color-mix(in srgb, var(--scrim) 72%, transparent);place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.pg-review-inner{gap:var(--s3);width:min(1200px,100%);max-height:92dvh;padding:var(--s5);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-float);display:grid;overflow:auto}.pg-review-inner h2{font-size:28px}.pg-review-grid{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-review-item{border:1px solid var(--border);background:var(--bg);display:grid}.pg-review-scene{height:260px;min-height:0}.pg-review-bar{padding:var(--s2) var(--s3);gap:6px;display:grid}.pg-yesno{gap:6px;display:flex}.pg-yesno .btn{flex:1}.pg-steps{flex-wrap:wrap;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pg-steps li{text-align:center;background:var(--panel);min-width:72px;color:var(--text-3);border-bottom:2px solid var(--border);flex:1;padding:6px 4px;font-size:13px;font-weight:600}.pg-steps li.is-done{color:var(--text-2);border-bottom-color:var(--go)}.pg-steps li.is-on{color:var(--text);border-bottom-color:var(--accent);background:var(--raised)}.pg-tel-card{justify-self:center;gap:var(--s3);width:min(760px,100%);padding:var(--s5);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);display:grid}.pg-quote{padding:var(--s3) var(--s4);background:var(--bg);border-left:3px solid var(--accent);margin:0;font-size:20px;line-height:1.45}.pg-textarea{width:100%;padding:var(--s3);font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;outline:none;font-size:17px}.pg-textarea:focus{border-color:var(--lane);box-shadow:0 0 0 3px color-mix(in srgb, var(--lane) 18%, transparent)}.pg-tel-row{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.pg-tel-bar{justify-content:center;display:flex}.pg-tel-guess{gap:var(--s3);display:grid}.pg-tel-guess .pg-tel-card{width:100%;padding:var(--s3) var(--s4)}.pg-tel-reveal-body{gap:var(--s4);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.pg-tel-reveal-media{gap:var(--s3);grid-template-rows:320px 280px;display:grid}.pg-tel-scene{min-height:0}.pg-tel-result-map{border:1px solid var(--border);background:var(--water);position:relative}.pg-chain{gap:var(--s2);align-content:start;margin:0;padding:0;list-style:none;display:grid}.pg-chain li{padding:var(--s3);background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);gap:4px;animation:.3s fade;display:grid}.pg-chain li.is-skipped,.pg-chain li.is-carried{border-left-color:var(--text-3)}.pg-chain li.is-skipped p{color:var(--text-3);font-style:italic}.pg-chain-final{border-left-color:var(--marker)!important}.pg-chain-by{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:12px;font-weight:700}.pg-chain p{font-size:16px}@media (width<=1100px){.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-game,.pg-lobby{grid-template-columns:1fr}.pg-game-side{position:static}.pg-play-body{grid-template-columns:1fr}.pg-side{max-height:none}.pg-results-body,.pg-tel-reveal-body,.pg-explorer{grid-template-columns:1fr}.pg-explorer-map{z-index:6;background:var(--panel);border:1px solid var(--border);width:min(360px,100% - 16px);box-shadow:var(--shadow-float);display:none;position:absolute;inset:52px 8px 8px auto}.pg-explorer--map .pg-explorer-map{display:flex}.pg-map-toggle{display:inline-flex}.pg-topbar .pg-crumbs{display:none}}@media (width<=820px){.home-nav{gap:0}.home-nav .nav-link{padding:6px 8px;font-size:14px}.pg-hub{padding:var(--s4);gap:var(--s5)}.pg-hub-title{font-size:34px}.pg-hub-lede{font-size:16px}.pg-grid,.pg-highlights,.pg-recap-list,.pg-pick,.pg-night,.pg-player-list,.pg-review-grid{grid-template-columns:1fr}.pg-night-promo{flex-direction:column;align-items:stretch}.pg-game{padding:var(--s4);gap:var(--s4)}.pg-game-head{grid-template-columns:1fr}.pg-game-art{max-width:240px}.pg-game-title{font-size:32px}.pg-lobby,.pg-stage,.pg-results{padding:var(--s3)}.pg-play{padding:var(--s2)}.pg-hud{gap:var(--s2);padding:var(--s2) var(--s3);flex-wrap:wrap}.pg-hud-text{flex-basis:100%}.pg-hud-title{font-size:19px}.pg-topbar-game,.pg-me .account-name{display:none}.pg-explorer,.pg-explorer-view{min-height:56dvh}.pg-tiles{grid-template-rows:auto;min-height:0}.pg-tile-scene{height:28vh;min-height:160px}.pg-vote-scenes--pair{grid-template-columns:1fr}.pg-vote-scenes--pair .pg-big,.pg-big{height:44vh}.pg-offers{grid-template-columns:1fr;width:100%}.pg-offer{min-height:72px}.pg-results-title{font-size:34px}.pg-intro-card{padding:var(--s5) var(--s3)}.pg-intro-title{font-size:30px}.pg-tel-reveal-media{grid-template-rows:260px 240px}.pg-review-scene{height:200px}.pg-explorer-hint{display:none}.pg-main-scene{min-height:46vh}}@media (width<=420px){.home-bar .logo-name{font-size:18px}.home-account .icon-btn:last-child{display:none}.pg-invite-actions .btn{flex:1}}@media (width<=820px){.pg-topbar{flex-wrap:nowrap}.pg-topbar .logo-name{font-size:18px;display:inline}.pg-topbar .chip,.pg-topbar .code-chip{display:none}.pg-topbar .topbar-right{gap:6px}}.w-page{flex-direction:column;min-height:100%;display:flex}.w-bar{z-index:30;height:52px;padding:0 var(--s5);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.w-bar-right{gap:var(--s2);display:flex}.w-bar .logo-name,.pg-logo-link .logo-name{letter-spacing:-.02em;font-size:21px}.w-art{width:100%;height:100%;display:block}a.btn{text-decoration:none}.w-hub{width:100%;max-width:1180px;padding:var(--s7) var(--s5) 96px;gap:var(--s6);margin:0 auto;display:grid}.w-hero{text-align:center;justify-items:center;gap:var(--s3);padding:var(--s4) 0 var(--s2);display:grid}.w-hero-title{letter-spacing:-.035em;max-width:14ch;font-size:clamp(40px,6vw,72px);line-height:1.04}.w-hero-line{color:var(--text-2);font-size:21px}.w-join{justify-content:center;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;width:min(360px,100%);display:flex}.w-join .mode-input{text-align:center;flex:1;min-width:0}.w-join .form-error{text-align:center;flex-basis:100%}.w-feature-art,.w-card-art,.w-game-art,.w-sheet-art{background:0 0;border:0;padding:0;display:block;overflow:hidden}.w-feature-art,.w-card-art{cursor:pointer}.w-feature-art .w-art,.w-card-art .w-art{transition:transform .6s var(--ease)}.w-feature:hover .w-art,.w-card:hover .w-art{transform:scale(1.03)}.w-feature{background:var(--panel);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid;overflow:hidden}.w-feature-art{aspect-ratio:16/10}.w-feature-body{align-content:center;gap:var(--s2);padding:var(--s6);display:grid}.w-feature-name{letter-spacing:-.03em;font-size:40px}.w-grid{gap:var(--s5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.w-card{background:var(--panel);box-shadow:var(--shadow);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.w-card-art{aspect-ratio:16/10}.w-card-body{padding:var(--s4) var(--s4) var(--s2);align-content:start;gap:6px;display:grid}.w-card-name{letter-spacing:-.02em;font-size:22px}.w-card-line{color:var(--text-2);font-size:15px;line-height:1.45}.w-meta{color:var(--text-3);font-size:13px;font-weight:500}.w-actions{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4) var(--s4);display:flex}.w-feature-body .w-actions{padding:var(--s3) 0 0}.w-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.w-steps li{align-items:center;gap:var(--s3);font-size:17px;font-weight:500;display:flex}.w-step-n{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);flex:none;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.w-steps--center{width:fit-content;margin:var(--s2) auto;text-align:left}.w-game{width:100%;max-width:1080px;padding:var(--s5) var(--s5) 96px;gap:var(--s5) var(--s6);grid-template-columns:minmax(0,1fr) 360px;align-items:start;margin:0 auto;display:grid}.w-back{color:var(--accent);grid-column:1/-1;font-size:15px;font-weight:600;text-decoration:none}.w-game-art{aspect-ratio:21/8;box-shadow:var(--shadow);grid-column:1/-1}.w-game-main{gap:var(--s2);align-content:start;display:grid}.w-game-title{letter-spacing:-.035em;font-size:48px}.w-game-line{color:var(--text-2);font-size:21px;line-height:1.35}.w-game-main .w-steps{margin-top:var(--s4)}.w-play{gap:var(--s3);padding:var(--s5);background:var(--panel);box-shadow:var(--shadow);display:grid;position:sticky;top:72px}.w-sheet{gap:var(--s4);display:grid}.w-sheet-art{aspect-ratio:16/7;margin:0 calc(-1 * var(--s5))}.w-sheet-foot{text-align:center;color:var(--text-3);font-size:13px}.pg-selected-art,.pg-pick-art,.pg-recap-art{aspect-ratio:16/10;border:0;width:100%;height:auto;padding:0;display:block}.pg-intro-art{aspect-ratio:16/8;width:100%;max-width:440px;height:auto;display:block}.pg-intro-goal{color:var(--text-2);font-size:16px}@media (width<=1000px){.w-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.w-feature{grid-template-columns:1fr}.w-feature-body{padding:var(--s5)}.w-game{grid-template-columns:1fr}.w-play{position:static}}@media (width<=640px){.w-bar{padding:0 var(--s4)}.w-hub{padding:var(--s5) var(--s4) var(--s7);gap:var(--s5)}.w-hero-line{font-size:17px}.w-grid{gap:var(--s4);grid-template-columns:1fr}.w-feature-name{font-size:30px}.w-game{padding:var(--s4);gap:var(--s4)}.w-game-art{aspect-ratio:16/9}.w-game-title{font-size:34px}.w-game-line{font-size:18px}}.w-actions,.pg-invite-actions,.pg-host-row,.pg-modal-actions,.modal-actions,.fin-actions,.pg-results-actions,.join-row,.w-join,.topbar-right,.w-bar-right,.home-account,.pg-yesno,.row-actions,.pg-intro-top{column-gap:14px!important}.pg-cands li{column-gap:8px}.pg-play-body--full{grid-template-columns:minmax(0,1fr)}.ex{background:var(--water);min-height:max(460px,100dvh - 190px);display:block;overflow:hidden}.ex-view{position:absolute;inset:0}.ex-view .pano,.ex-view .pano-surface{width:100%;height:100%;position:absolute;inset:0}.ex-top{top:var(--s3);left:var(--s3);right:var(--s3);z-index:6;pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute}.ex-top>*{pointer-events:auto}.ex-map-toggle{margin-left:auto;display:none}.ex-hint{top:var(--s3);z-index:5;background:var(--material);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);pointer-events:none;white-space:nowrap;padding:6px 12px;font-size:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.ex-actions{left:var(--s3);bottom:var(--s4);z-index:6;max-width:calc(100% - 2 * var(--s3));flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:absolute}.ex-actions .btn{min-height:48px;box-shadow:var(--shadow-float);padding:0 22px;font-size:16px}.ex-actions .btn--lg{min-height:54px;padding:0 30px;font-size:18px}.ex-count{color:var(--text-2);margin-left:4px;font-weight:600}.ex-note{background:var(--material);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);padding:8px 12px;font-size:14px;font-weight:600}.ex-note--bad{color:var(--stop)}.ex-map{--mw:400px;--mh:280px;right:var(--s3);bottom:var(--s3);z-index:7;width:var(--mw);height:var(--mh);max-width:calc(100% - 2 * var(--s3));background:var(--panel);border:1px solid var(--border);max-height:calc(100% - 72px);box-shadow:var(--shadow-float);transition:width .2s var(--ease), height .2s var(--ease), opacity .2s var(--ease);flex-direction:column;display:flex;position:absolute}.ex-map[data-size="1"]{--mw:260px;--mh:180px}.ex-map[data-size="2"]{--mw:400px;--mh:280px}.ex-map[data-size="3"]{--mw:600px;--mh:420px}.ex-map[data-size="4"]{--mw:62%;--mh:74%}.ex-map:not(.is-pinned):not(:hover):not(:focus-within){--mw:240px;--mh:160px;opacity:.72}.ex-map-head{align-items:center;gap:var(--s2);border-bottom:1px solid var(--border);min-height:36px;padding:0 4px 0 10px;display:flex}.ex-map-title{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.ex-map-tools{gap:2px;display:flex}.ex-tool{width:30px;height:30px;color:var(--text-2);background:0 0;border:0;place-items:center;display:inline-grid}.ex-tool:hover:not(:disabled){background:var(--fill);color:var(--text)}.ex-tool:disabled{opacity:.35}.ex-tool.is-on{color:var(--accent)}.ex-tool--close{display:none}.ex-map-body{background:var(--water);flex:1;min-height:0;position:relative}.ex-map:not(.is-pinned):not(:hover):not(:focus-within) .ex-map-tools{display:none}.gm-pin{cursor:pointer}.gm-pin circle{fill:var(--violet);stroke:#fff;stroke-width:2px}.gm-pin text{fill:#fff;pointer-events:none;font-size:12px;font-weight:700}.gm-pin:hover circle{fill:var(--accent)}@media (width<=820px){.ex{min-height:64dvh}.ex-map-toggle{display:inline-flex}.ex-map{border-width:1px 0 0;max-width:none;max-height:none;display:none;bottom:0;left:0;right:0;opacity:1!important;width:100%!important;height:58%!important}.ex--map-open .ex-map{display:flex}.ex-map .ex-tool:not(.ex-tool--close){display:none}.ex-tool--close{display:inline-grid}.ex-map:not(.is-pinned) .ex-map-tools{display:flex!important}.ex--map-open .ex-actions{display:none}.ex-actions{left:var(--s2);right:var(--s2);bottom:var(--s2)}.ex-actions .btn{flex:1}.ex-hint{top:auto;bottom:84px}}@media (prefers-reduced-motion:reduce){.ex-map{transition:none}}.ex .fixture-badge{bottom:auto;left:auto;right:var(--s3);top:64px}.pg-player-link{color:inherit;text-decoration:none}.pg-player-link:hover{text-decoration:underline}.chat{gap:6px;min-height:0;display:grid}.chat-list{background:var(--bg);border:1px solid var(--border);align-content:start;gap:6px;min-height:120px;max-height:240px;margin:0;padding:8px;list-style:none;display:grid;overflow:auto}.chat-list li{font-size:14px;line-height:1.35;display:grid}.chat-list li strong{color:var(--text-3);font-size:12px}.chat-list li.is-me strong{color:var(--accent)}.chat-empty{color:var(--text-3)}.chat-form{gap:10px;display:flex}.chat-form .mode-input{flex:1;min-width:0;height:40px}.ca{gap:8px;display:grid}.ca-current{color:var(--text-2);font-size:14px}.ca-options{gap:8px;display:grid}.w-variant{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.w-variant .segmented{flex-wrap:wrap}.w-variant-blurb{margin:0}.w-presets{margin-top:var(--s3);flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.w-presets a{color:var(--accent);font-weight:600;text-decoration:none}.w-presets a[aria-current=true]{text-underline-offset:3px;text-decoration:underline}.pg-setting-help{flex-basis:100%;margin:2px 0 0}.pg-variant{flex-wrap:wrap}.pg-lineup,.pg-roles{gap:var(--s2);display:grid}.pg-lineup-list,.pg-role-list,.pg-role-defs{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pg-lineup-name{background:var(--raised);justify-content:space-between;padding:8px 10px;display:flex}.pg-lineup-name.is-on{font-weight:600}.pg-role-defs li{font-size:14px}.pg-role-list li{justify-content:space-between;align-items:center;gap:var(--s2);background:var(--raised);padding:6px 10px;display:flex}.pg-role-list select{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:0;padding:6px 8px}.pg-check.is-off{opacity:.55}.pg-active-settings{text-align:center;gap:4px;max-width:520px;margin:0 auto;padding:0;font-size:15px;list-style:none;display:grid}.pg-intro-role{color:var(--accent);max-width:520px;margin:0 auto;font-weight:600}.pg-intro-variant{color:var(--text-2);font-weight:500}.poly-reason{margin:0;font-size:17px;font-weight:600}.poly-scene{min-width:0;display:flex}.poly-scene .pg-scene{flex:1}.poly-map{height:min(46vh,420px)}.poly-tools{flex-wrap:wrap}.poly-help{margin:0}.poly-area{font-size:15px}.poly-done{gap:6px;display:grid}.poly-failed{inset:auto var(--s3) var(--s3) var(--s3);z-index:5;gap:var(--s2);padding:var(--s3);background:var(--panel);border:1px solid var(--border);display:grid;position:absolute}.poly-failed p{margin:0}.poly-reveal-map{height:min(64vh,560px)}.poly-side-card{border-left:4px solid var(--border);background:var(--raised);gap:2px;padding:10px 12px;display:grid}.poly-side-card.is-hit{border-left-color:var(--go)}.poly-side-card.is-miss{border-left-color:var(--stop)}.ang-back{gap:var(--s3);text-align:center;max-width:560px;margin:var(--s6) auto;justify-items:center;display:grid}.ang-slot{background:var(--raised);border-left:4px solid #0000;gap:4px;padding:10px 12px;display:grid}.ang-slot.is-backed{border-left-color:var(--accent)}.ang-slot em{color:var(--accent);font-style:normal;font-weight:600}.ang-master-watch{gap:var(--s2);display:grid}.ang-reveal{gap:var(--s3);flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:0;display:grid}.ang-views{gap:var(--s3);grid-template-rows:1fr 1fr;min-height:0;display:grid}.ang-views figure{grid-template-rows:1fr auto;gap:6px;min-height:220px;margin:0;display:grid}.ang-views figure .pg-scene{min-height:200px}.ang-views figure.is-win figcaption{color:var(--go)}.ang-map{align-content:start;gap:var(--s2);display:grid}.ang-result-map{height:min(52vh,460px)}.ang-secret{background:var(--raised);border-left:4px solid var(--accent);margin:0;padding:10px 12px}.coop-mapmain{border:1px solid var(--border);background:var(--water);min-height:420px;position:relative}.coop-mapmain>*{position:absolute;inset:0}.coop-side .chat{flex:1}.coop-reveal-map{height:min(60vh,520px)}.coop-history{gap:4px;margin:0;padding:0;list-style:none;display:grid}.coop-history li{background:var(--raised);justify-content:space-between;padding:6px 10px;display:flex}.tm-board{justify-self:center;gap:6px;width:100%;max-width:720px;margin:0;padding:0;list-style:none;display:grid}.tm-row{align-items:center;gap:var(--s2);background:var(--raised);grid-template-columns:minmax(90px,1fr) auto auto;padding:8px 10px;display:grid}.tm-row.is-escaped{border-left:4px solid var(--go)}.tm-row.is-trapped{opacity:.6;border-left:4px solid var(--stop)}.tm-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.tm-rooms{align-items:center;gap:3px;display:inline-flex}.tm-rooms i{border:1px solid var(--border);background:var(--panel);width:14px;height:14px}.tm-rooms i.is-done{background:var(--go);border-color:var(--go)}.tm-rooms i.is-here{background:var(--accent);border-color:var(--accent)}.tm-rooms b{border:1px solid var(--border);color:var(--text-3);margin-left:3px;padding:1px 5px;font-size:11px}.tm-rooms b.is-done{background:var(--go);color:#fff;border-color:var(--go)}.tm-lives{color:var(--stop);letter-spacing:1px}.tm-reveal{gap:var(--s3);justify-self:center;width:100%;max-width:720px;display:grid}.tm-trap{padding:var(--s3);background:color-mix(in srgb, var(--stop) 14%, var(--panel));border-left:4px solid var(--stop);margin:0;font-weight:600}.tm-results{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tm-results li{gap:var(--s2);background:var(--raised);border-left:4px solid #0000;grid-template-columns:1fr 1fr auto;padding:8px 10px;display:grid}.tm-results li.is-right{border-left-color:var(--go)}.tm-results li.is-wrong{border-left-color:var(--stop)}.relay-reveal{gap:var(--s3);flex:1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:0;display:grid}.relay-left,.relay-right{align-content:start;gap:var(--s2);min-width:0;display:grid}.relay-timelapse{align-items:center}.relay-map{height:min(46vh,420px)}.relay-hops{gap:4px;margin:0;padding:0;list-style:none;display:grid}.relay-hops li{justify-content:space-between;gap:var(--s2);background:var(--raised);padding:6px 10px;display:flex}.relay-hops li.is-carried{color:var(--text-3)}@media (width<=860px){.ang-reveal,.relay-reveal,.tm-row,.tm-results li{grid-template-columns:1fr}}.dem-tally,.dem-history{gap:var(--s2);display:grid}.dem-tally ul,.dem-wrong{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dem-tally li{justify-content:space-between;gap:var(--s2);background:var(--raised);border-left:4px solid #0000;padding:6px 10px;display:flex}.dem-tally li.ok{border-left-color:var(--go)}.dem-tally li.bad{border-left-color:var(--stop)}.dem-tally p{margin:0}.dem-wrong{flex-wrap:wrap;gap:6px;display:flex}.dem-wrong li{background:var(--raised);color:var(--stop);align-items:center;gap:4px;padding:4px 8px;font-size:14px;font-weight:600;display:inline-flex}:root{--b-sec-bg:#27272a;--b-sec-border:#3f3f46;--b-sec-text:#e4e4e7;--b-sweep:#e4e4e7;--b-sweep-text:#18181b;--b-ring:#3b82f680}:root[data-theme=light]{--b-sec-bg:#f4f4f5;--b-sec-border:#d4d4d8;--b-sec-text:#27272a;--b-sweep:#27272a;--b-sweep-text:#f4f4f5}.btn,.icon-btn{isolation:isolate;transition:transform .3s var(--ease), outline-color .3s var(--ease), color .5s var(--ease), background-color .3s var(--ease), opacity .2s var(--ease), filter .2s;position:relative}.btn:active:not(:disabled),.icon-btn:active{opacity:1}.btn:focus-visible,.icon-btn:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #3b82f6}.btn--primary{color:#fafafa;outline:2px solid var(--b-ring);outline-offset:2px;background:linear-gradient(to bottom right,#60a5fa,#1d4ed8)}.btn--primary:hover:not(:disabled){filter:none;outline-color:#0000;transform:scale(1.02)}.btn--primary:active:not(:disabled){outline-color:#3b82f6b3;transform:scale(.98)}.btn--danger{color:#fff;outline-offset:2px;background:linear-gradient(to bottom right,#f87171,#b91c1c);outline:2px solid #ef444480}.btn--danger:hover:not(:disabled){filter:none;outline-color:#0000;transform:scale(1.02)}.btn--danger:active:not(:disabled){outline-color:#ef4444b3;transform:scale(.98)}.btn--secondary,.icon-btn{background:var(--b-sec-bg);border:1px solid var(--b-sec-border);color:var(--b-sec-text);overflow:hidden}.btn--secondary:before,.icon-btn:before{content:"";z-index:-1;pointer-events:none;background:var(--b-sweep);transition:transform 1s var(--ease);position:absolute;inset:0;transform:translate(150%,150%)scale(2.5);border-radius:100%!important}.btn--secondary:hover:not(:disabled),.icon-btn:hover{background:var(--b-sec-bg);color:var(--b-sweep-text);transform:scale(1.05)}.btn--secondary:hover:not(:disabled):before,.icon-btn:hover:before{transform:translate(0)scale(2.5)}.btn--secondary:active:not(:disabled),.icon-btn:active{transform:scale(.95)}.btn--block.btn--secondary:hover:not(:disabled),.ex-actions .btn--secondary:hover:not(:disabled){transform:scale(1.02)}.btn--secondary.pg-glass{background:color-mix(in srgb, var(--b-sec-bg) 78%, transparent)!important}.icon-btn[aria-pressed=true]{color:var(--accent)}.icon-btn[aria-pressed=true]:hover{color:var(--b-sweep-text)}.btn--ghost:hover:not(:disabled){transform:none}@media (prefers-reduced-motion:reduce){.btn,.icon-btn,.btn:before,.icon-btn:before{transition:none!important}.btn:hover,.icon-btn:hover,.btn:active,.icon-btn:active{transform:none!important}}.af{min-height:100dvh;padding:80px var(--s4) var(--s7);position:relative;overflow:hidden}.af-back{top:var(--s4);left:var(--s4);z-index:2;position:absolute}.af-card{z-index:1;width:100%;max-width:560px;padding:var(--s4);margin:0 auto;animation:1.25s ease-in-out both af-in;position:relative}@keyframes af-in{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.af-logo{margin-bottom:var(--s5);justify-content:center;display:flex}.af-logo .logo-name{font-size:26px}.af-head{text-align:center;margin-bottom:var(--s5)}.af-head h1{letter-spacing:-.02em;font-size:26px;font-weight:600}.af-head p{margin-top:var(--s2);color:var(--text-2)}.af-head a{color:#60a5fa;text-decoration:none}:root[data-theme=light] .af-head a{color:#2563eb}.af-head a:hover{text-decoration:underline}.af-social{gap:var(--s3);margin-bottom:var(--s5);display:grid}.af-social .btn{min-height:44px;font-weight:600}.af-divider{align-items:center;gap:var(--s3);margin:var(--s5) 0;color:var(--text-2);display:flex}.af-divider span{background:var(--b-sec-border);flex:1;height:1px}.af-divider b{font-size:14px;font-weight:500}.af-field{margin-bottom:var(--s3)}.af-label-row{color:var(--text-2);justify-content:space-between;align-items:flex-end;margin-bottom:6px;display:flex}.af-label-row label{color:var(--text-2)}.af-link{color:#60a5fa;background:0 0;border:0;padding:0;font-size:14px}:root[data-theme=light] .af-link{color:#2563eb}.af-input{width:100%;height:46px;padding:0 var(--s3);color:var(--text);border:1px solid var(--b-sec-border);background:#18181b;outline:none;font-size:16px;transition:box-shadow .15s,border-color .15s;box-shadow:0 0 0 1px #0000}:root[data-theme=light] .af-input{background:#fff}.af-input::placeholder{color:#71717a}.af-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed8}.af-input[aria-invalid=true]{border-color:var(--stop)}.af-error{color:var(--stop);margin-top:6px;font-size:14px;font-weight:500}.af-error--form{margin:0 0 var(--s3)}.af-submit{margin-top:var(--s3);font-size:18px}.af-note{color:var(--text-2);margin-top:36px;font-size:12px}.af-deco{z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke-width='2' stroke='rgb(30 58 138 / 0.5)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e");width:50vw;height:50vw;position:absolute;top:0;right:0}.af-deco-fade{display:none}.af-deco{-webkit-mask-image:radial-gradient(100% 100% at 100% 0,#000,#0000);mask-image:radial-gradient(100% 100% at 100% 0,#000,#0000)}:root[data-theme=light] .af-deco{filter:brightness(1.6)}@media (prefers-reduced-motion:reduce){.af-card{animation:none}}.u-avatar{object-fit:cover;color:#0b1422;background:var(--raised);flex:none;place-items:center;font-weight:700;display:inline-grid}.u-signin{white-space:nowrap}.u-menu{position:relative}.u-menu-btn{align-items:center;gap:var(--s2);border:1px solid var(--b-sec-border);background:var(--b-sec-bg);height:38px;color:var(--text);padding:0 10px 0 4px;display:inline-flex}.u-menu-btn:hover{border-color:var(--border-strong)}.u-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-size:14px;font-weight:600;overflow:hidden}.u-menu-pop{z-index:60;background:var(--panel);border:1px solid var(--border);width:230px;box-shadow:var(--shadow-float);padding:6px;animation:.15s fade;display:grid;position:absolute;top:calc(100% + 8px);right:0}.u-menu-who{border-bottom:1px solid var(--border);margin-bottom:4px;padding:8px 10px 10px;display:grid}.u-menu-who span{color:var(--text-2);font-size:13px}.u-menu-pop a,.u-menu-pop button{color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;font-size:15px;text-decoration:none;display:flex}.u-menu-pop a:hover,.u-menu-pop button:hover,.u-menu-pop a:focus-visible,.u-menu-pop button:focus-visible{background:var(--fill);outline:none}.u-page{width:100%;max-width:980px;padding:var(--s6) var(--s5) 96px;gap:var(--s5);align-content:start;margin:0 auto;display:grid}.u-empty{gap:var(--s3);text-align:center;padding:var(--s7) 0;justify-items:center;display:grid}.u-hero{gap:var(--s5);padding:var(--s5);background:var(--panel);box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.u-hero-avatar{box-shadow:0 0 0 4px var(--panel), 0 0 0 6px color-mix(in srgb, var(--accent) 60%, transparent)}.u-hero-text{justify-items:start;gap:6px;display:grid}.u-hero-text h1{letter-spacing:-.03em;font-size:40px}.u-handle{color:var(--text-2);font-size:17px}.u-bio{white-space:pre-line;max-width:56ch;font-size:17px}.u-since{color:var(--text-3);font-size:14px}.u-hero-text .btn{margin-top:var(--s2)}.u-stats{background:var(--panel);box-shadow:var(--shadow);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.u-stats div{padding:var(--s4);justify-items:center;gap:2px;display:grid}.u-stats div+div{border-left:1px solid var(--border)}.u-stats strong{letter-spacing:-.02em;font-size:32px;font-weight:700}.u-stats span{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.u-grid{gap:var(--s5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.u-games,.u-recent{gap:4px;margin:0;padding:0;list-style:none;display:grid}.u-games li{gap:var(--s3);background:var(--bg);grid-template-columns:minmax(0,1fr) auto auto;padding:8px 10px;display:grid}.u-recent li{gap:var(--s3);background:var(--bg);border-left:3px solid #0000;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;padding:8px 10px;display:grid}.u-recent li.is-win{border-left-color:var(--go)}.u-recent-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.u-recent-place{color:var(--text-2)}.u-recent li.is-win .u-recent-place{color:var(--go);font-weight:600}.u-settings{max-width:760px}.u-settings-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.u-settings-head h1{letter-spacing:-.03em;font-size:40px}.u-section{gap:var(--s4);padding:var(--s5)}.u-photo{align-items:center;gap:var(--s4);display:flex}.u-photo-actions{align-items:center;column-gap:14px;row-gap:var(--s2);flex-wrap:wrap;display:flex}.u-photo-actions p{flex-basis:100%}.u-form{gap:var(--s3) var(--s4);grid-template-columns:1fr 1fr;display:grid}.u-wide{grid-column:1/-1}.u-row{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.u-row-btns{gap:14px;margin-left:auto;display:flex}.u-row>.btn,.u-row>.u-row-btns{margin-left:auto}.u-prefix{border:1px solid var(--border);background:var(--bg);align-items:center;display:flex}.u-prefix span{padding:0 0 0 var(--s3);color:var(--text-3);font-weight:600}.u-prefix input{box-shadow:none!important;border:0!important;padding-left:4px!important}.u-prefix:focus-within{border-color:var(--lane);box-shadow:0 0 0 3px color-mix(in srgb, var(--lane) 18%, transparent)}.u-textarea{width:100%;padding:var(--s3);font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;outline:none;font-size:16px}.u-textarea:focus{border-color:var(--lane);box-shadow:0 0 0 3px color-mix(in srgb, var(--lane) 18%, transparent)}.u-ok{color:var(--go);align-items:center;gap:6px;font-weight:600;display:inline-flex}.pg-player .u-avatar,.pg-me .u-avatar{box-shadow:0 0 0 2px var(--panel)}.snd{gap:var(--s3);display:grid}.snd-row{align-items:center;gap:var(--s3);grid-template-columns:96px minmax(0,1fr) 34px;display:grid}.snd-row.is-off{opacity:.45}.snd-label{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.snd-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2);font-size:13px}.snd-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.snd-range::-webkit-slider-runnable-track{background:linear-gradient(to right, #3b82f6 var(--fill), var(--b-sec-border) var(--fill));height:4px}.snd-range::-moz-range-track{background:linear-gradient(to right, #3b82f6 var(--fill), var(--b-sec-border) var(--fill));height:4px}.snd-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fafafa;border:2px solid #3b82f6;width:18px;height:18px;margin-top:-7px}.snd-range::-moz-range-thumb{background:#fafafa;border:2px solid #3b82f6;width:14px;height:14px}.snd-range:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.snd-range:disabled{cursor:default}.snd-mute{padding-bottom:var(--s2);border-bottom:1px solid var(--border)}.snd-pop-wrap{position:relative}.snd-pop{z-index:60;width:320px;padding:var(--s4);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-float);animation:.15s fade;position:absolute;top:calc(100% + 8px);right:0}.snd-pop-title{margin-bottom:var(--s3);font-size:17px;font-weight:700}@media (width<=760px){.u-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.u-hero-text{justify-items:center}.u-hero-text h1,.u-settings-head h1{font-size:30px}.u-grid,.u-form{grid-template-columns:1fr}.u-page{padding:var(--s4) var(--s4) var(--s7)}.u-menu-name{display:none}.snd-pop{left:var(--s3);right:var(--s3);width:auto;position:fixed;top:64px}.af{padding-top:72px}}.snd-toggle{padding-top:4px}.snd-toggle .setting-name{font-size:15px;font-weight:600}