@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Fallback;src:local("Segoe UI Bold"),local("SegoeUI-Bold"),local("Roboto Bold"),local("Roboto-Bold"),local("Arial Bold"),local("Arial-BoldMT");font-weight:800;size-adjust:98%;ascent-override:103%;descent-override:36%;line-gap-override:0%}:root{color-scheme:dark;--bg: #13111c;--surface: #1f1b2e;--surface-2: #2c2742;--surface-3: #3a3456;--line: #3a3456;--scrim: rgba(8, 7, 14, .72);--text: #f5f2ff;--text-dim: #b3adcc;--text-faint: #8a84a6;--accent: #ffd447;--accent-text: #1a1400;--accent-ink: #ffd447;--accent-shade: #c99a12;--brand-pink: #ff5c8a;--brand-mint: #33e0c0;--focus: #8fb8ff;--good: #4ade80;--bad: #ff7a7a;--warn: #ffb547;--cat-board: #8b6cff;--cat-board-soft: rgba(139, 108, 255, .18);--cat-arcade: #ff7a45;--cat-arcade-soft: rgba(255, 122, 69, .18);--cat-puzzle: #2fd6a8;--cat-puzzle-soft: rgba(47, 214, 168, .18);--cat-word: #4cc3ff;--cat-word-soft: rgba(76, 195, 255, .18);--cat-text: #14111d;--cat-board-glow: rgba(139, 108, 255, .55);--cat-board-faint: rgba(139, 108, 255, .14);--cat-arcade-glow: rgba(255, 122, 69, .5);--cat-arcade-faint: rgba(255, 122, 69, .12);--cat-puzzle-glow: rgba(47, 214, 168, .45);--cat-puzzle-faint: rgba(47, 214, 168, .11);--cat-word-glow: rgba(76, 195, 255, .48);--cat-word-faint: rgba(76, 195, 255, .12);--cover-dots: rgba(255, 255, 255, .06);--cover-shade: linear-gradient(180deg, rgba(10, 8, 18, 0) 40%, rgba(10, 8, 18, .78) 100%);--badge-bg: rgba(10, 8, 18, .62);--shadow-thumb: drop-shadow(0 10px 18px rgba(0, 0, 0, .45));--duo-glow: rgba(255, 92, 138, .5);--duo-faint: rgba(255, 92, 138, .12);--hero-glow-1: rgba(255, 212, 71, .16);--hero-glow-2: rgba(139, 108, 255, .3);--hero-glow-3: rgba(255, 92, 138, .14);--bar-bg: rgba(19, 17, 28, .86);--c-yellow: #ffd447;--c-pink: #ff5c8a;--c-mint: #33e0c0;--c-violet: #8b6cff;--c-orange: #ff7a45;--c-sky: #4cc3ff;--c-red: #ff4d5e;--c-cream: #fff3d6;--c-tea: #c2410c;--c-tea-light: #f08a3c;--c-simit: #d99a4e;--c-sesame: #f6e2b3;--c-glass: rgba(255, 255, 255, .16);--c-asphalt: #2a2838;--c-sea: #1d5fa8;--c-sea-deep: #143f73;--p1: #ff5c8a;--p2: #33e0c0;--board: #5a3ff0;--board-shade: #3f28c4;--hole: #0c0a14;--win-ring: #ffffff;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Nunito", "Nunito Fallback", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num: ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: 13px;--fs-sm: 14px;--fs-body: 16px;--fs-md: 18px;--fs-lg: 22px;--fs-xl: 28px;--fs-2xl: 36px;--fs-display: clamp(40px, 11vw, 56px);--fs-hero: clamp(32px, 23px + 2.29vw, 56px);--fs-h1: clamp(28px, 22px + 1.52vw, 44px);--fs-h2: clamp(20px, 17px + .76vw, 28px);--fs-card: clamp(17px, 15.9px + .29vw, 20px);--fs-sm-body: 15px;--fw-regular: 500;--fw-bold: 700;--fw-black: 850;--lh-tight: 1.1;--lh-body: 1.45;--ls-tight: -.02em;--ls-caps: .06em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--gutter: 16px;--content-max: 480px;--page-max: 1200px;--grid-gap: 12px;--grid-cols: 2;--shelf-card: 42%;--bar-h: 56px;--side-w: 340px;--read-max: 68ch;--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--press-depth: 4px;--shadow-press: 0 var(--press-depth) 0 rgba(0, 0, 0, .45);--shadow-press-accent: 0 var(--press-depth) 0 var(--accent-shade);--shadow-card: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 28px rgba(0, 0, 0, .35);--shadow-pop: 0 18px 48px rgba(0, 0, 0, .55);--glow-accent: 0 0 0 3px rgba(255, 212, 71, .28);--ring: inset 0 0 0 2px var(--line);--ring-accent: inset 0 0 0 2px var(--accent);--dur-tap: 90ms;--dur-fast: .15s;--dur-base: .22s;--dur-slow: .32s;--dur-celebrate: .6s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--press-scale: .96;--tap-min: 48px;--tap-lg: 56px;--tap-gap: 8px;--z-header: 10;--z-sheet: 50;--z-toast: 80;--z-modal: 100}@media(prefers-reduced-motion:reduce){:root{--dur-tap: 1ms;--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-celebrate: 1ms;--press-scale: 1}}@media(min-width:600px){:root{--gutter: 24px;--grid-gap: 16px;--grid-cols: 3;--shelf-card: 220px}}@media(min-width:1024px){:root{--gutter: 32px;--grid-gap: 20px;--grid-cols: 4;--shelf-card: 240px;--bar-h: 64px;--side-w: 320px}}@media(min-width:1440px){:root{--gutter: 40px;--grid-gap: 24px;--grid-cols: 5;--shelf-card: 248px;--page-max: 1320px;--side-w: 360px}}@media(min-width:1760px){:root{--gutter: 48px;--grid-cols: 6;--page-max: 1640px;--shelf-card: 264px;--side-w: 380px}}:root[data-theme=light]{color-scheme:light;--bg: #f4f2fa;--surface: #ffffff;--surface-2: #ebe7f5;--surface-3: #ddd7ee;--line: #d4cde6;--scrim: rgba(20, 17, 31, .5);--text: #16131f;--text-dim: #565070;--text-faint: #7c7695;--accent: #ffd447;--accent-text: #1a1400;--accent-ink: #8a6500;--accent-shade: #d4a516;--brand-pink: #e8336b;--brand-mint: #0fae94;--focus: #2f6fe0;--good: #15803d;--bad: #d02c3c;--warn: #b45309;--cat-board: #6a4ae6;--cat-board-soft: rgba(106, 74, 230, .12);--cat-arcade: #c2410c;--cat-arcade-soft: rgba(194, 65, 12, .12);--cat-puzzle: #0b7a5e;--cat-puzzle-soft: rgba(11, 122, 94, .12);--cat-word: #0369a1;--cat-word-soft: rgba(3, 105, 161, .12);--cat-text: #ffffff;--cat-board-glow: rgba(106, 74, 230, .4);--cat-board-faint: rgba(106, 74, 230, .1);--cat-arcade-glow: rgba(194, 65, 12, .36);--cat-arcade-faint: rgba(194, 65, 12, .09);--cat-puzzle-glow: rgba(11, 122, 94, .36);--cat-puzzle-faint: rgba(11, 122, 94, .09);--cat-word-glow: rgba(3, 105, 161, .36);--cat-word-faint: rgba(3, 105, 161, .09);--cover-dots: rgba(20, 17, 31, .06);--duo-glow: rgba(232, 51, 107, .36);--duo-faint: rgba(232, 51, 107, .09);--hero-glow-1: rgba(212, 165, 22, .18);--hero-glow-2: rgba(106, 74, 230, .16);--hero-glow-3: rgba(232, 51, 107, .1);--bar-bg: rgba(244, 242, 250, .88);--shadow-thumb: drop-shadow(0 8px 14px rgba(40, 30, 80, .3));--p1: #e8336b;--p2: #0fae94;--hole: #f4f2fa;--shadow-press: 0 var(--press-depth) 0 rgba(40, 30, 80, .22);--shadow-card: 0 1px 2px rgba(40, 30, 80, .08), 0 8px 24px rgba(40, 30, 80, .1);--shadow-pop: 0 18px 48px rgba(40, 30, 80, .25)}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%}body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{height:100%}*{box-sizing:border-box}.screen{height:100%;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}button{font:inherit;color:inherit;border:0;margin:0;background:none;cursor:pointer;touch-action:manipulation}.btn{min-height:48px;min-width:48px;padding:10px 18px;border-radius:var(--radius);background:var(--surface-2);font-size:17px;font-weight:700;transition:transform .08s ease,filter .12s ease}.btn:active,.chip:active{transform:scale(.96);filter:brightness(1.15)}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-big{min-height:56px;font-size:19px;flex:1}.btn-ghost{background:transparent;padding:8px 10px}.btn-icon{display:grid;place-items:center;padding:0;width:48px}.chip{min-height:44px;min-width:64px;padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--text-dim);font-weight:700;font-size:15px;box-shadow:inset 0 0 0 2px var(--surface-2);transition:transform .08s ease}.chip.selected{color:var(--text);box-shadow:inset 0 0 0 2px var(--accent)}.dot{display:inline-block;width:14px;height:14px;border-radius:50%;flex:none}.dot.p1{background:var(--p1)}.dot.p2{background:var(--p2)}:focus-visible{outline:3px solid var(--focus, #8fb8ff);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.sb-site{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:calc(var(--bar-h) + env(safe-area-inset-top) + var(--space-3))}.sb-site a{color:inherit;text-decoration:none;-webkit-touch-callout:default}.sb-wrap{width:100%;max-width:var(--page-max);margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.sb-main:focus{outline:none}.sb-skip{position:absolute;z-index:calc(var(--z-header) + 1);top:var(--space-2);left:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--accent);color:var(--accent-text)!important;font-weight:var(--fw-bold);transform:translateY(-200%)}.sb-skip:focus{transform:none}.sb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sb-bar{position:sticky;top:0;z-index:var(--z-header);padding-top:env(safe-area-inset-top);background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 transparent;transition:box-shadow var(--dur-fast) var(--ease-out)}.sb-bar-scrolled{box-shadow:0 1px 0 var(--line)}.sb-bar-in{display:flex;align-items:center;gap:var(--space-2);height:var(--bar-h);max-width:var(--page-max);margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(calc(var(--gutter) - var(--space-2)),env(safe-area-inset-right))}.sb-bar-logo{display:flex;align-items:center;min-height:var(--tap-min);padding:0 var(--space-1);margin-left:calc(-1 * var(--space-1));border-radius:var(--radius-sm)}.sb-logo{display:block;height:28px;width:auto}.sb-bar-back{margin-left:calc(-1 * var(--space-3))}.sb-bar-nav{display:none;align-items:center;gap:var(--space-1);margin-left:var(--space-5)}.sb-bar-link{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-dim)!important;font-size:var(--fs-body);font-weight:var(--fw-bold);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.sb-bar-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.sb-icon-btn{flex:none;width:var(--tap-min);height:var(--tap-min);display:grid;place-items:center;border-radius:var(--radius-pill);background:transparent;color:var(--text-dim);transition:transform var(--dur-tap) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sb-icon-btn:active{transform:scale(var(--press-scale))}.sb-barbtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text);font-size:var(--fs-body);font-weight:var(--fw-bold);transition:transform var(--dur-tap) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.sb-barbtn:active{transform:scale(var(--press-scale))}.sb-barbtn-txt{display:none}@media(min-width:600px){.sb-barbtn{padding:0 var(--space-4);box-shadow:var(--ring)}.sb-barbtn-txt{display:inline}}@media(min-width:1024px){.sb-logo{height:32px}.sb-bar-nav{display:flex}}.sb-hero{position:relative;background:radial-gradient(55% 70% at 10% 0%,var(--hero-glow-1),transparent 70%),radial-gradient(50% 80% at 92% 8%,var(--hero-glow-2),transparent 70%),radial-gradient(45% 60% at 55% 100%,var(--hero-glow-3),transparent 70%)}.sb-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--cover-dots) 1.2px,transparent 1.6px) 0 0 / 18px 18px;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent);pointer-events:none}.sb-hero-in{position:relative;display:flex;flex-direction:column;gap:var(--space-5);max-width:var(--page-max);margin:0 auto;padding:var(--space-5) max(var(--gutter),env(safe-area-inset-right)) var(--space-6) max(var(--gutter),env(safe-area-inset-left))}.sb-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0}.sb-hero-eyebrow{margin:0;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-ink);font-size:var(--fs-body);font-weight:var(--fw-bold)}.sb-hero-brand{color:var(--text);font-family:var(--font-display);font-weight:var(--fw-black)}.sb-hero-brand:after{content:"\b7";margin-left:var(--space-2);color:var(--text-faint)}.sb-hero-eyebrow:before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 2px 0 var(--accent-shade)}.sb-hero-title{margin:0;font-family:var(--font-display);font-size:var(--fs-hero);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);line-height:1.02;text-wrap:balance}.sb-hero-title em{font-style:normal;color:var(--accent-ink)}.sb-hero-text{margin:0;max-width:46ch;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.sb-hero-actions>*{flex:1 1 0;min-width:0;padding:0 var(--space-3);font-size:var(--fs-body)}.sb-cta,.sb-cta-2{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-lg);padding:0 var(--space-5);border-radius:var(--radius);font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black);white-space:nowrap;margin-bottom:var(--press-depth);transition:transform var(--dur-tap) var(--ease-out),box-shadow var(--dur-tap) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.sb-cta{background:var(--accent);color:var(--accent-text)!important;box-shadow:var(--shadow-press-accent)}.sb-cta-2{background:var(--surface-2);color:var(--text)!important;box-shadow:var(--shadow-press)}.sb-cta:active,.sb-cta-2:active{transform:translateY(var(--press-depth));box-shadow:none}.sb-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);min-width:0}.sb-tile{position:relative;display:block;min-width:0;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.sb-tile .sb-cover{aspect-ratio:4 / 3;border-radius:inherit}.sb-tile-big{grid-column:1 / -1}.sb-tile-big .sb-cover{aspect-ratio:16 / 10}.sb-tile .sb-cover-art{padding-bottom:22%}.sb-tile .sb-cover-art svg{width:50%}.sb-tile-big .sb-cover-art{padding-bottom:24%}.sb-tile-big .sb-cover-art svg{width:40%}.sb-tile-cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:var(--space-6) var(--space-3) var(--space-2);background:var(--cover-shade);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.sb-tile-name{font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-black);line-height:var(--lh-tight);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-tile-big .sb-tile-cap{padding:var(--space-7) var(--space-4) var(--space-3)}.sb-tile-big .sb-tile-name{font-size:var(--fs-xl)}.sb-tile-pitch{color:var(--text);opacity:.86;font-size:var(--fs-body);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:600px){.sb-hero-in{padding-top:var(--space-6);padding-bottom:var(--space-7)}.sb-hero-actions{width:auto}.sb-hero-actions>*{flex:0 0 auto;padding:0 var(--space-5);font-size:var(--fs-md)}.sb-collage{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:var(--space-3)}.sb-tile-big{grid-column:span 2;grid-row:span 2}.sb-tile .sb-cover{aspect-ratio:1}.sb-tile-big .sb-cover{aspect-ratio:auto;height:100%}.sb-tile-big .sb-cover-art svg{width:52%}.sb-tile .sb-cover-art svg{width:54%}}@media(min-width:1024px){.sb-hero-in{display:grid;grid-template-columns:minmax(340px,5fr) 7fr;align-items:center;gap:var(--space-7);padding-top:var(--space-7);padding-bottom:var(--space-7)}.sb-hero-text{font-size:var(--fs-md)}.sb-tile-big .sb-tile-name{font-size:var(--fs-2xl)}}@media(min-width:1440px){.sb-hero-in{padding-top:var(--space-8);padding-bottom:var(--space-8)}.sb-collage{gap:var(--space-4)}}.sb-cat-board{--cv-glow: var(--cat-board-glow);--cv-faint: var(--cat-board-faint)}.sb-cat-arcade{--cv-glow: var(--cat-arcade-glow);--cv-faint: var(--cat-arcade-faint)}.sb-cat-puzzle{--cv-glow: var(--cat-puzzle-glow);--cv-faint: var(--cat-puzzle-faint)}.sb-cat-word{--cv-glow: var(--cat-word-glow);--cv-faint: var(--cat-word-faint)}.sb-cover{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:radial-gradient(circle,var(--cover-dots) 1px,transparent 1.5px) 0 0 / 14px 14px,radial-gradient(120% 95% at 30% 12%,var(--cv-glow, var(--surface-3)) 0%,var(--cv-faint, transparent) 58%,transparent 100%),var(--surface)}.sb-cover-art{position:absolute;inset:0;display:grid;place-items:center}.sb-cover-art svg{display:block;width:56%;height:auto;max-height:80%;filter:var(--shadow-thumb);transition:transform var(--dur-base) var(--ease-out)}.sb-cbadges{position:absolute;top:var(--space-2);left:var(--space-2);right:var(--space-2);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-1);pointer-events:none}.sb-cbadge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:24px;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--badge-bg);color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);line-height:1.3;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sb-cbadge-duo svg{flex:none;color:var(--brand-pink)}.sb-cbadge-duo{padding:2px 6px}.sb-cbadge-duo-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sb-tile:not(.sb-tile-big) .sb-cbadge:not(.sb-cbadge-duo):not(.sb-cbadge-tag){display:none}.sb-cover-play{position:absolute;right:var(--space-2);bottom:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-bold);box-shadow:var(--shadow-card);opacity:0;transform:translateY(6px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-out)}.sb-gcard{display:flex;flex-direction:column;min-width:0;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.sb-gcard:active,.sb-tile:active{transform:scale(var(--press-scale));transition-duration:var(--dur-tap)}.sb-gcard-body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-4);min-width:0}.sb-gcard-name{font-family:var(--font-display);font-size:var(--fs-card);font-weight:var(--fw-black);letter-spacing:-.01em;line-height:var(--lh-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-players{display:flex;align-items:center;gap:4px;min-width:0;color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.3}.sb-players svg{flex:none;width:16px;height:16px}.sb-players-duo svg{color:var(--brand-pink)}.sb-players-txt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-players-tile{color:var(--text);opacity:.9}.sb-gcard-pitch{display:none;color:var(--text-dim);font-size:var(--fs-sm-body);line-height:1.35}@media(min-width:600px){.sb-gcard-body{padding:var(--space-3) var(--space-4) var(--space-4)}.sb-gcard-pitch{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.sb-gcard:focus-visible,.sb-tile:focus-visible,.sb-mood:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(hover:hover)and (pointer:fine){.sb-gcard:hover,.sb-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-pop)}.sb-gcard:hover .sb-cover-art svg,.sb-tile:hover .sb-cover-art svg{transform:scale(1.06)}.sb-gcard:hover .sb-cover-play,.sb-gcard:focus-visible .sb-cover-play{opacity:1;transform:none}.sb-bar-link:hover,.sb-barbtn:hover{color:var(--text)!important;background:var(--surface-2)}.sb-icon-btn:hover{color:var(--text);background:var(--surface-2)}.sb-cta:hover{background:var(--c-yellow);filter:brightness(1.06)}.sb-cta-2:hover,.sb-mood:hover{background-color:var(--surface-3)}.sb-more:hover{color:var(--text)!important}}.sb-sec{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-6)}.sb-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.sb-sec-titles{min-width:0}.sb-h2{margin:0;font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.sb-sec-sub{margin:var(--space-1) 0 0;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-sec-tools{flex:none;display:flex;align-items:center;gap:var(--space-2)}.sb-more{display:inline-flex;align-items:center;gap:2px;min-height:var(--tap-min);padding:0 var(--space-1) 0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-dim)!important;font-size:var(--fs-body);font-weight:var(--fw-bold)}.sb-more svg{width:18px;height:18px}@media(min-width:1024px){.sb-sec{gap:var(--space-4);padding-top:var(--space-7)}}.sb-moods{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(168px,44%);gap:var(--space-3);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) var(--space-2);scrollbar-width:none}.sb-moods::-webkit-scrollbar{display:none}.sb-mood{--cv-glow: var(--duo-glow);--cv-faint: var(--duo-faint);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);overflow:hidden;text-align:left;scroll-snap-align:start;background:radial-gradient(110% 120% at 100% 100%,var(--cv-glow) 0%,var(--cv-faint) 55%,transparent 100%),var(--surface);box-shadow:var(--shadow-card);transition:transform var(--dur-tap) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.sb-mood:active{transform:scale(var(--press-scale))}.sb-mood-board{--cv-glow: var(--cat-board-glow);--cv-faint: var(--cat-board-faint)}.sb-mood-arcade{--cv-glow: var(--cat-arcade-glow);--cv-faint: var(--cat-arcade-faint)}.sb-mood-puzzle{--cv-glow: var(--cat-puzzle-glow);--cv-faint: var(--cat-puzzle-faint)}.sb-mood-word{--cv-glow: var(--cat-word-glow);--cv-faint: var(--cat-word-faint)}.sb-mood-txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px}.sb-mood-name{font-family:var(--font-display);font-size:var(--fs-card);font-weight:var(--fw-black);line-height:var(--lh-tight);color:var(--text)}.sb-mood-count{color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.sb-mood-art{position:relative;align-self:flex-end;display:flex;margin-top:var(--space-2)}.sb-mood-thumb{width:48px;margin-left:-12px;filter:var(--shadow-thumb)}.sb-mood-thumb:nth-child(1){transform:rotate(-8deg) translateY(4px)}.sb-mood-thumb:nth-child(3){transform:rotate(8deg) translateY(4px)}.sb-mood-thumb svg{display:block;width:100%;height:auto}@media(min-width:600px){.sb-moods{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin:0;padding:0}}@media(min-width:1024px){.sb-mood{min-height:140px;padding:var(--space-4) var(--space-5)}.sb-mood-thumb{width:68px;margin-left:-16px}}.sb-shelf-track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--shelf-card);gap:var(--grid-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);margin:0 calc(-1 * var(--gutter));padding:var(--space-1) var(--gutter) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.sb-shelf-track>*{scroll-snap-align:start}@media(min-width:1024px){.sb-shelf-track{margin:0;padding:var(--space-1) 0 var(--space-3);scroll-padding-inline:0}}@media(prefers-reduced-motion:no-preference){.sb-shelf-track{scroll-behavior:smooth}}.sb-shelf-ctrl{display:none;gap:var(--space-1)}.sb-shelf-btn{box-shadow:var(--ring)}.sb-shelf-btn[aria-disabled=true]{opacity:.4;cursor:default}@media(hover:hover)and (pointer:fine){.sb-shelf-ctrl{display:flex}.sb-shelf-ctrl-none{display:none}}.sb-filters{position:sticky;top:calc(var(--bar-h) + env(safe-area-inset-top));z-index:calc(var(--z-header) - 1);margin:0 calc(-1 * var(--gutter));padding:var(--space-2) 0;background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sb-filters-track{display:flex;gap:var(--tap-gap);overflow-x:auto;padding:0 var(--gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent)}.sb-filters-track::-webkit-scrollbar{display:none}.sb-filters .chip{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--fs-body);box-shadow:var(--ring)}.chip-n{min-width:22px;padding:0 6px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-xs);line-height:20px;font-variant-numeric:tabular-nums}.sb-filters .chip.selected{box-shadow:var(--ring-accent)}.sb-filters .chip.selected .chip-n{background:var(--accent);color:var(--accent-text)}.sb-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));gap:var(--grid-gap)}.sb-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);color:var(--text-dim)}.sb-empty p{margin:0}@media(max-width:339px){.sb-grid{grid-template-columns:minmax(0,1fr)}}.sb-foot{margin-top:var(--space-7);padding:var(--space-5) 0 max(var(--space-5),env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-foot-in{max-width:var(--page-max);margin:0 auto;padding:0 max(var(--gutter),env(safe-area-inset-right)) 0 max(var(--gutter),env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--space-1)}.sb-foot p{margin:0}.sb-foot .sb-foot-2{color:var(--text-faint);font-size:var(--fs-sm)}@media(min-width:1024px){.sb-foot-in{flex-direction:row;justify-content:space-between;align-items:baseline;gap:var(--space-5)}}@keyframes sb-up{0%{opacity:0;transform:translateY(10px)}}.sb-animate .sb-hero-copy,.sb-animate .sb-tile,.sb-animate .sb-sec,.sb-refresh .sb-gcard{animation:sb-up var(--dur-base) var(--ease-out) both}.sb-animate .sb-tile:nth-child(n+2){animation-delay:calc(40ms * var(--k, 1))}.sb-animate .sb-tile:nth-child(2){--k: 1}.sb-animate .sb-tile:nth-child(3){--k: 2}.sb-animate .sb-tile:nth-child(4){--k: 3}.sb-animate .sb-tile:nth-child(5){--k: 4}.sb-animate .sb-sec{animation-delay:.16s}.sb-refresh .sb-gcard{animation-delay:calc(var(--i, 0) * 35ms)}@keyframes sb-sheet-in{0%{transform:translateY(32px);opacity:0}}@keyframes sb-fade{0%{opacity:0}}.sb-sheet-wrap{position:fixed;inset:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center;background:var(--scrim);animation:sb-fade var(--dur-base) var(--ease-out) both}.sb-sheet{position:relative;width:100%;max-height:85dvh;display:flex;flex-direction:column;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface);box-shadow:var(--shadow-pop);animation:sb-sheet-in var(--dur-base) var(--ease-out) both}.sb-sheet-grip{align-self:center;width:40px;height:4px;margin-top:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-3)}.sb-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2) 0 var(--space-5)}.sb-sheet-title{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:var(--ls-tight)}.sb-sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2) var(--space-5) max(var(--space-5),env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text}.sb-sheet-text{margin:0 0 var(--space-3);color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-sheet .sb-joinbox{padding:0;background:none;box-shadow:none}.sb-sheet .sb-joinbox-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(min-width:600px){.sb-sheet-wrap{align-items:center;padding:var(--space-5)}.sb-sheet{max-width:440px;max-height:min(760px,88dvh);border-radius:var(--radius-xl)}.sb-sheet-wide{max-width:720px}.sb-sheet-grip{display:none}.sb-sheet-head{padding-top:var(--space-4)}}.sb-joinbox{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-3);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.sb-joinbox-title{font-weight:var(--fw-bold);font-size:var(--fs-body)}.sb-joinbox-row{display:flex;gap:var(--tap-gap)}.sb-joinbox-input{flex:1 1 auto;min-width:0;min-height:var(--tap-lg);padding:0 var(--space-4);border:2px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:.32em;text-transform:uppercase;-webkit-user-select:text;user-select:text}.sb-joinbox-input::placeholder{color:var(--text-faint);opacity:.5}.sb-joinbox-input:focus-visible{outline:none;border-color:var(--focus)}.sb-joinbox-go{flex:0 0 auto;min-height:var(--tap-lg);min-width:96px}.sb-joinbox-go:not([aria-disabled=true]){background:var(--accent);color:var(--accent-text)}.sb-joinbox-go[aria-disabled=true]{opacity:.45}.sb-joinbox-hint{margin:0;color:var(--warn);font-size:var(--fs-sm)}.sb-joinbox-hint:empty{display:none}.sb-joinbox-bad .sb-joinbox-input{border-color:var(--warn)}.sb-ico{flex:none;width:60px;height:60px;display:grid;place-items:center;padding:var(--space-2);border-radius:var(--radius);background:var(--surface-2)}.sb-ico svg,.sb-load-thumb svg{display:block;width:100%;height:auto;max-height:100%}.sb-ico-board{background:var(--cat-board-soft)}.sb-ico-arcade{background:var(--cat-arcade-soft)}.sb-ico-puzzle{background:var(--cat-puzzle-soft)}.sb-ico-word{background:var(--cat-word-soft)}.sb-recent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tap-gap)}.sb-mini{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--dur-tap) var(--ease-out)}.sb-mini:active{transform:scale(var(--press-scale))}.sb-mini .sb-ico{width:56px;height:56px}.sb-mini-name{max-width:100%;font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:600px){.sb-recent{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@keyframes sb-bob{50%{transform:translateY(-6px)}}@keyframes sb-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.sb-load{align-items:center;justify-content:center;text-align:center;gap:var(--space-2);animation:sb-fade var(--dur-base) var(--ease-out) .12s both}.sb-load-thumb{width:112px;height:112px;display:grid;place-items:center;padding:var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-2);animation:sb-bob 1.4s var(--ease-inout) infinite}.sb-load-thumb.sb-cover{aspect-ratio:auto}.sb-load-thumb svg{filter:var(--shadow-thumb)}.sb-load-name{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:var(--ls-tight)}.sb-load-text{margin:0;max-width:300px;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-load-bar{position:relative;width:140px;height:6px;margin-top:var(--space-3);border-radius:var(--radius-pill);overflow:hidden;background:var(--surface-2)}.sb-load-bar>span{position:absolute;inset:0;width:40%;border-radius:inherit;background:var(--accent);animation:sb-slide 1s var(--ease-inout) infinite}.sb-load-error{animation:none}.sb-load-actions{display:flex;gap:var(--tap-gap);margin-top:var(--space-4)}.sb-load-actions .btn{min-height:var(--tap-lg)}.sb-load-actions .btn-primary{box-shadow:var(--shadow-press-accent)}.sb-load-actions .btn-primary:active{transform:translateY(var(--press-depth));box-shadow:none;filter:none}@media(prefers-reduced-motion:reduce){.sb-animate .sb-hero-copy,.sb-animate .sb-tile,.sb-animate .sb-sec,.sb-refresh .sb-gcard,.sb-load,.sb-load-thumb,.sb-sheet,.sb-sheet-wrap{animation:none}.sb-load-bar>span{animation:none;width:100%;opacity:.6}.sb-gcard:hover,.sb-tile:hover{transform:none}.sb-gcard:hover .sb-cover-art svg,.sb-tile:hover .sb-cover-art svg{transform:none}}.sb-bar-logo{flex:0 1 124px;min-width:72px}.sb-bar-logo .sb-logo{width:100%;height:auto;max-height:28px}.sb-bar-acct{display:contents}.sb-bar-acct[hidden]{display:none}.sb-bar-login svg{flex:none}.sb-bar-user{padding:0 var(--space-1)}.sb-bar-user-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-avatar{flex:none;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brand-pink);color:var(--cat-text);font-family:var(--font-display);font-size:16px;font-weight:var(--fw-black);line-height:1}.sb-avatar-lg{width:64px;height:64px;font-size:30px}@media(max-width:599px){.sb-bar-sound{display:none}}@media(min-width:600px){.sb-bar-user{padding:0 var(--space-3) 0 var(--space-1)}}@media(min-width:1024px){.sb-bar-logo{flex-basis:142px}.sb-bar-logo .sb-logo{max-height:32px}.sb-bar-menu{display:none}}.sb-bar-link[aria-current=page]{color:var(--text)!important;box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}.sb-menu{display:flex;flex-direction:column;margin:0 calc(-1 * var(--space-2))}.sb-menu-link{display:flex;align-items:center;min-height:56px;padding:0 var(--space-2);border-bottom:1px solid var(--line);color:var(--text)!important;text-decoration:none;font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black)}.sb-menu-sound{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;margin-top:var(--space-2);padding:0;color:var(--text);font-size:var(--fs-body);font-weight:var(--fw-bold)}.sb-menu-sound-v{margin-left:auto;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-sm)}.sb-menu-sound[aria-checked=true] .sb-menu-sound-v{background:var(--accent);color:var(--accent-text)}.sb-menu-small{display:flex;flex-wrap:wrap;gap:0 var(--space-4);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--line)}.sb-menu-sub{display:inline-flex;align-items:center;min-height:var(--tap-min);color:var(--text-dim)!important;text-decoration:none;font-size:var(--fs-sm);font-weight:var(--fw-bold)}.sb-menu-login{width:100%;margin-bottom:calc(var(--space-3) + var(--press-depth));text-decoration:none}.sb-menu-user{display:flex;align-items:center;gap:var(--space-3);min-height:64px;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface-2);color:var(--text)!important;text-decoration:none}.sb-menu-user-txt{display:flex;flex-direction:column;min-width:0}.sb-menu-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black)}.sb-menu-user-sub{color:var(--text-dim);font-size:var(--fs-sm)}.sb-foot{padding-bottom:0}.sb-foot .sb-foot-in{gap:var(--space-5)}.sb-foot-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);max-width:40ch}.sb-foot-logo{display:inline-flex;align-items:center;min-height:var(--tap-min);color:var(--text)!important}.sb-foot-logo .sb-logo{height:26px}.sb-foot-tag{color:var(--text)}.sb-foot .sb-foot-note{color:var(--text-faint);font-size:var(--fs-sm)}.sb-foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-5)}.sb-foot-h{margin:0 0 var(--space-1);color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.sb-foot-list{margin:0;padding:0;list-style:none}.sb-foot-a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--text-dim)!important;text-decoration:none}.sb-foot-base{margin-top:var(--space-5);padding:var(--space-4) 0 max(var(--space-4),env(safe-area-inset-bottom));border-top:1px solid var(--line)}.sb-foot-base-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-4);max-width:var(--page-max);margin:0 auto;padding:0 max(var(--gutter),env(safe-area-inset-right)) 0 max(var(--gutter),env(safe-area-inset-left));color:var(--text-faint);font-size:var(--fs-sm)}@media(min-width:600px){.sb-foot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.sb-foot .sb-foot-in{align-items:flex-start}.sb-foot-cols{flex:0 1 640px}}@media(hover:hover)and (pointer:fine){.sb-foot-a:hover,.sb-menu-sub:hover{color:var(--text)!important}}.sb-gp{padding-bottom:calc(var(--tap-lg) + var(--space-6) + env(safe-area-inset-bottom))}.sb-gp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding-top:var(--space-3)}.sb-gp-cover{aspect-ratio:16 / 10;max-height:42svh;width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.sb-gp-cover .sb-cover-art svg{width:44%}.sb-gp-panel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.sb-gp-title{margin:0;font-family:var(--font-display);font-size:var(--fs-hero);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);line-height:1.05;overflow-wrap:anywhere}.sb-gp-pitch{margin:0;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-gp-info{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.sb-gp-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.sb-gp-chip svg{width:18px;height:18px}.sb-gp-modes{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.sb-gp-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.sb-gp-tools .sb-lobby-namerow{justify-content:flex-start;min-width:0;flex:1 1 auto}.sb-gp-share{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--radius-pill);box-shadow:var(--ring);color:var(--text);font-size:var(--fs-body);font-weight:var(--fw-bold)}.sb-gp-share:active{transform:scale(var(--press-scale))}.sb-gp-feedback{margin:0;color:var(--text-dim);font-size:var(--fs-sm);overflow-wrap:anywhere}.sb-gp-feedback:empty{display:none}.sb-gp-how{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding-top:var(--space-3)}.sb-gp-dock{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);padding:var(--space-3) max(var(--gutter),env(safe-area-inset-right)) max(var(--space-3),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -1px 0 var(--line);transform:translateY(110%);visibility:hidden;transition:transform var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base)}.sb-gp-dock-on{transform:none;visibility:visible;transition:transform var(--dur-base) var(--ease-out),visibility 0s}.sb-gp-dock-btn{width:100%;overflow:hidden;text-overflow:ellipsis}@media(min-width:600px){.sb-gp-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-5);padding-top:var(--space-5)}.sb-gp-cover{max-height:none;align-self:start}.sb-gp-how{grid-column:1 / -1}}@media(min-width:1024px){.sb-gp{padding-bottom:var(--space-7)}.sb-gp-grid{grid-template-columns:minmax(0,7fr) minmax(320px,5fr);grid-template-rows:auto 1fr;column-gap:var(--space-7);row-gap:var(--space-5)}.sb-gp-cover{grid-column:1;grid-row:1}.sb-gp-how{grid-column:1;grid-row:2}.sb-gp-panel{grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:calc(var(--bar-h) + var(--space-5))}.sb-gp-dock{display:none}}@media(hover:hover)and (pointer:fine){.sb-gp-share:hover{background:var(--surface-2)}}.sb-howto{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--read-max);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-user-select:text;user-select:text}.sb-ht-goal{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-2)}.sb-ht-goal-label{color:var(--accent-ink);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.sb-ht-goal-text{margin:0;font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:1.4}.sb-ht-block{display:flex;flex-direction:column;gap:var(--space-2)}.sb-ht-h{margin:0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black)}.sb-ht-steps,.sb-ht-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.sb-ht-steps{counter-reset:sb-step}.sb-ht-steps>li{position:relative;min-height:28px;padding-left:40px;counter-increment:sb-step}.sb-ht-steps>li:before{content:counter(sb-step);position:absolute;left:0;top:-2px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent);box-shadow:0 2px 0 var(--accent-shade);color:var(--accent-text);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-black)}.sb-ht-list>li{position:relative;padding-left:20px}.sb-ht-list>li:before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.sb-ht-ctrl{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.sb-ht-ctrl-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);box-shadow:var(--ring)}.sb-ht-ctrl-label{margin:0 0 var(--space-1);color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.sb-ht-ctrl-text{margin:0}.sb-kbd{display:inline-grid;place-items:center;min-width:28px;min-height:28px;margin:0 2px;padding:0 var(--space-2);border-radius:6px;background:var(--surface-2);box-shadow:0 2px 0 var(--line);font-family:var(--font);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1;vertical-align:1px}.sb-ht-fold{border-radius:var(--radius);background:var(--surface);box-shadow:var(--ring)}.sb-ht-sum{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap-min);padding:0 var(--space-4);cursor:pointer;list-style:none;font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black)}.sb-ht-sum::-webkit-details-marker{display:none}.sb-ht-sum:after{content:"";width:10px;height:10px;margin-left:var(--space-3);border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform var(--dur-fast) var(--ease-out)}.sb-ht-fold[open]>.sb-ht-sum:after{transform:translateY(2px) rotate(-135deg)}.sb-ht-fold>:not(summary){padding:0 var(--space-4) var(--space-4)}.sb-ht-wait{margin:0;color:var(--text-dim)}.sb-howto-compact{gap:var(--space-3);font-size:var(--fs-sm-body)}.sb-howto-compact .sb-ht-goal-text{font-size:var(--fs-body)}@media(min-width:600px){.sb-ht-ctrl{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-howto-compact .sb-ht-ctrl{grid-template-columns:minmax(0,1fr)}}@media(min-width:1024px){.sb-howto:not(.sb-howto-compact){font-size:17px}}.sb-frame{height:100%;display:flex}.sb-frame-area{position:relative;flex:1 1 auto;min-width:0;height:100%}.sb-stage{position:relative;width:100%;height:100%}.sb-side{display:none}@media(min-width:1024px)and (min-height:500px)and (orientation:landscape){.sb-frame{background:radial-gradient(60% 70% at 35% 15%,var(--cv-faint, transparent),transparent 70%),var(--bg)}.sb-frame-area{display:flex;align-items:center;justify-content:center;padding:var(--space-4);container-type:size}.sb-stage{width:min(100%,var(--stage-max, 720px));overflow:hidden;border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-card)}@supports (width: 1cqh){.sb-frame[style*=--stage-aspect] .sb-stage{width:min(100cqw,var(--stage-max, 720px),calc(100cqh * var(--stage-aspect)));height:auto;max-height:100cqh;aspect-ratio:var(--stage-aspect)}}.sb-side{flex:none;display:flex;flex-direction:column;gap:var(--space-4);width:var(--side-w);height:100%;overflow-y:auto;overscroll-behavior:contain;padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--space-5),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) var(--space-5);background:var(--surface);box-shadow:-1px 0 0 var(--line)}:fullscreen .sb-side{display:none}}.sb-side-head{display:flex;align-items:center;gap:var(--space-3)}.sb-side-thumb{flex:none;width:56px;height:56px;aspect-ratio:auto;display:grid;place-items:center;padding:var(--space-2);border-radius:var(--radius-sm)}.sb-side-thumb svg{display:block;width:100%;height:auto}.sb-side-titles{min-width:0}.sb-side-name{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);line-height:var(--lh-tight)}.sb-side-cat{margin:2px 0 0;color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.sb-side-match{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-2)}.sb-side-row{display:flex;justify-content:space-between;gap:var(--space-3)}.sb-side-row dt{color:var(--text-dim);font-size:var(--fs-sm)}.sb-side-row dd{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-bold)}.sb-side-code dd{font-family:var(--font-display);letter-spacing:.2em}.sb-side-how{display:flex;flex-direction:column;gap:var(--space-3);border-radius:var(--radius)}.sb-side-h{margin:0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black)}.sb-side-h:focus{outline:none}.sb-side-all{align-self:flex-start}.sb-side-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.sb-side-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%}@keyframes sb-flash{0%{box-shadow:0 0 0 3px var(--accent)}}.sb-flash{animation:sb-flash .9s var(--ease-out)}.sb-sheet-howto .sb-howto{padding-bottom:var(--space-2)}@media(prefers-reduced-motion:reduce){.sb-gp-dock,.sb-gp-dock-on,.sb-ht-sum:after{transition:none}.sb-flash{animation:none}}.sb-linkbtn{padding:0;background:none;text-align:left;font:inherit;cursor:pointer}.sb-consent{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-sheet) - 1);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) max(var(--gutter),env(safe-area-inset-right)) max(var(--space-3),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:var(--surface);box-shadow:0 -1px 0 var(--line),0 -10px 30px #00000059;animation:sb-sheet-in var(--dur-base) var(--ease-out) both}.sb-consent-copy{min-width:0}.sb-consent-text{display:inline;margin:0;color:var(--text);font-size:var(--fs-sm-body);line-height:1.4}.sb-consent-more{display:inline-flex;align-items:center;min-height:44px;margin-left:var(--space-2);color:var(--accent-ink)!important;font-size:var(--fs-sm-body);font-weight:var(--fw-bold);text-decoration:underline!important;text-underline-offset:3px}.sb-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--tap-gap)}.sb-consent-btn{min-height:var(--tap-min);background:var(--surface-2);color:var(--text);box-shadow:var(--ring)}:root.sb-consent-on .sb-site{padding-bottom:var(--consent-h, 0px)}:root.sb-consent-on .sb-gp-dock{bottom:var(--consent-h, 0px)}:root.sb-consent-on .sb-toast{bottom:calc(var(--consent-h, 0px) + var(--space-4))}@media(min-width:600px){.sb-consent{left:50%;right:auto;bottom:var(--space-4);width:min(720px,calc(100% - 2 * var(--gutter)));flex-direction:row;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transform:translate(-50%);box-shadow:var(--shadow-pop),var(--ring);animation-name:sb-fade}.sb-consent-copy{flex:1 1 auto}.sb-consent-actions{flex:none;grid-template-columns:repeat(2,minmax(108px,auto))}}@media(hover:hover)and (pointer:fine){.sb-consent-btn:hover{background:var(--surface-3)}}@media(prefers-reduced-motion:reduce){.sb-consent{animation:none}}.sb-install{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3) var(--space-1) var(--space-3) var(--space-3);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card),var(--ring)}.sb-install[hidden]{display:none}.sb-install-icon{flex:none;width:44px;height:44px;border-radius:10px}.sb-install-txt{flex:1 1 auto;min-width:0}.sb-install-title{margin:0;font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-black)}.sb-install-how{margin:2px 0 0;color:var(--text-dim);font-size:var(--fs-sm);line-height:1.4}.sb-install-share{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--surface-2);color:var(--focus);vertical-align:-5px}.sb-install-add{flex:none;min-height:var(--tap-min);padding:0 var(--space-4)}.sb-install-x{flex:none}.sb-nudge{position:fixed;z-index:var(--z-toast);top:max(var(--space-3),env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:var(--space-2);width:min(440px,calc(100% - 2 * var(--gutter)));padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop),var(--ring);opacity:0;transform:translate(-50%,-12px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.sb-nudge-in{opacity:1;transform:translate(-50%)}.sb-nudge-icon{flex:none;width:32px;height:32px;border-radius:8px}.sb-nudge-txt{flex:1 1 auto;min-width:0;margin:0;font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.35}.sb-nudge-how{flex:none;min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-text);font-weight:var(--fw-black)}.sb-nudge-x{flex:none}@media(prefers-reduced-motion:reduce){.sb-nudge{transition:none}}.sb-page{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:max(var(--space-2),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));animation:sb-up var(--dur-slow) var(--ease-out) both}.sb-page-inner{width:100%;max-width:var(--content-max);min-height:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.sb-top{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap-min)}.sb-back{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-3) 0 var(--space-1);margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-pill);color:var(--text-dim);font-size:var(--fs-body);font-weight:var(--fw-bold);transition:transform var(--dur-tap) var(--ease-out)}.sb-back:active{transform:scale(var(--press-scale))}.btn.sb-btn-press,.sb-actions .btn{box-shadow:var(--shadow-press);margin-bottom:var(--press-depth);transition:transform var(--dur-tap) var(--ease-out),box-shadow var(--dur-tap) var(--ease-out)}.btn-primary.sb-btn-press{box-shadow:var(--shadow-press-accent)}.btn.sb-btn-press:active,.sb-actions .btn:active{transform:translateY(var(--press-depth));box-shadow:none;filter:none}.sb-page .btn-big,.sb-modal .btn-big{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black)}.sb-btn-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.sb-btn-danger{color:var(--bad)}.sb-actions{display:flex;gap:var(--tap-gap)}.sb-actions>*{flex:1 1 0;min-width:0}.sb-actions-bottom{margin-top:auto;padding-top:var(--space-3)}.sb-ico-xl{width:96px;height:96px;padding:var(--space-3);border-radius:var(--radius-lg)}.sb-ico-sm{width:36px;height:36px;padding:var(--space-1);border-radius:var(--radius-sm)}.sb-lobby-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding-top:var(--space-2)}.sb-lobby-name{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.sb-lobby-pitch{margin:0;max-width:340px;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-lobby-modes{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3)}.sb-modebtn{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:68px;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-2);color:var(--text);text-align:left;box-shadow:var(--shadow-press);margin-bottom:var(--press-depth);transition:transform var(--dur-tap) var(--ease-out),box-shadow var(--dur-tap) var(--ease-out)}.sb-modebtn:active{transform:translateY(var(--press-depth));box-shadow:none}.sb-modebtn-primary{background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-press-accent)}.sb-modebtn-ico{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-3)}.sb-modebtn-primary .sb-modebtn-ico{background:transparent;box-shadow:inset 0 0 0 2px currentColor}.sb-modebtn-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.sb-modebtn-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black);line-height:var(--lh-tight)}.sb-modebtn-desc{font-size:var(--fs-body);line-height:1.3;color:var(--text-dim)}.sb-modebtn-primary .sb-modebtn-desc{color:var(--accent-text);opacity:.8}.sb-lobby-namerow{display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--tap-min);color:var(--text-dim);font-size:var(--fs-body)}.sb-lobby-namelabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-lobby-namebtn{flex:none;color:var(--accent-ink);font-size:var(--fs-body);text-decoration:underline;text-underline-offset:3px}@media(max-height:680px){.sb-lobby .sb-ico-xl{width:64px;height:64px;padding:var(--space-2)}.sb-lobby-name{font-size:var(--fs-lg);margin-top:0}.sb-lobby-pitch{display:none}}.sb-pill{display:inline-flex;align-items:center;gap:var(--space-2);align-self:center;margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.5}.sb-pill-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--warn)}.sb-pill[data-state=connected] .sb-pill-dot{background:var(--good)}.sb-pill[data-state=offline] .sb-pill-dot,.sb-pill[data-state=failed] .sb-pill-dot{background:var(--bad)}.sb-pill[data-state=connecting] .sb-pill-dot,.sb-pill[data-state=offline] .sb-pill-dot{animation:sb-pulse 1.2s var(--ease-inout) infinite}@keyframes sb-pulse{50%{opacity:.3}}.sb-room-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.sb-gametag{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.sb-gametag-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-room-body{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.sb-room-loading{margin:auto 0;text-align:center;color:var(--text-dim);font-size:var(--fs-md)}.sb-codebox{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card),var(--ring-accent)}.sb-code-label{margin:0;color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.sb-code{display:flex;justify-content:center;gap:var(--space-2);width:100%;margin:0}.sb-code>span{flex:0 1 46px;min-width:0;height:60px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:var(--shadow-press);font-family:var(--font-num);font-size:var(--fs-2xl);font-weight:var(--fw-black);font-variant-numeric:tabular-nums;color:var(--accent-ink)}.sb-room-wait{text-align:center}.sb-room-title{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);text-align:center}.sb-dots:after{content:"\2026";display:inline-block;animation:sb-pulse 1.2s var(--ease-inout) infinite}.sb-room-hint{margin:var(--space-2) 0 0;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body);text-align:center}.sb-link{margin:0;padding:var(--space-3);border-radius:var(--radius);background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-body);text-align:center;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;-webkit-touch-callout:default}.sb-feedback{margin:0;min-height:1.45em;color:var(--good);font-size:var(--fs-body);text-align:center}.sb-feedback:empty{min-height:0}.sb-err{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-5);text-align:center}.sb-err-title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:var(--ls-tight)}.sb-err-text{margin:0;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-join-bot{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.sb-join .sb-mini{color:var(--text)}.sb-match-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:var(--space-4)}.sb-radar{position:relative;width:168px;height:168px;display:grid;place-items:center;margin-bottom:var(--space-3)}.sb-radar-ring{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 3px var(--accent);opacity:0;animation:sb-radar 2.4s var(--ease-out) infinite}.sb-radar-ring-2{animation-delay:1.2s}.sb-radar .sb-ico{position:relative;width:80px;height:80px;border-radius:50%;padding:var(--space-3)}@keyframes sb-radar{0%{transform:scale(.45);opacity:.9}to{transform:scale(1);opacity:0}}.sb-match-suggesting .sb-radar{width:112px;height:112px;margin-bottom:0}.sb-match-suggesting .sb-radar .sb-ico{width:60px;height:60px;padding:var(--space-2)}.sb-match-suggesting .sb-room-hint{display:none}.sb-match-failed .sb-radar-ring{animation:none;opacity:0}.sb-timer{display:flex;align-items:baseline;gap:var(--space-2);margin:var(--space-1) 0 0;color:var(--text-dim);font-size:var(--fs-sm)}.sb-timer-val{font-family:var(--font-num);font-size:var(--fs-md);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--text)}.sb-suggest{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card),var(--ring);animation:sb-up var(--dur-base) var(--ease-out) both}.sb-suggest-text{margin:0;font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:1.35}.sb-suggest-note{margin:0 0 var(--space-2);color:var(--text-dim);font-size:var(--fs-body)}.sb-suggest:not([hidden])+.sb-actions-bottom{margin-top:0}.sb-page [hidden]{display:none!important}.sb-online{position:relative;height:100%}.sb-online-game{height:100%}.sb-banner{position:absolute;z-index:var(--z-toast);top:max(var(--space-2),env(safe-area-inset-top));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 2 * var(--gutter));padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--warn);color:var(--cat-text);font-size:var(--fs-body);font-weight:var(--fw-bold);text-align:center;box-shadow:var(--shadow-pop);pointer-events:none}.sb-banner[data-kind=bad]{background:var(--bad)}.sb-banner[data-kind=good]{background:var(--good)}.sb-toast{position:fixed;z-index:var(--z-toast);left:50%;bottom:max(var(--space-7),calc(env(safe-area-inset-bottom) + var(--space-6)));width:max-content;max-width:calc(100% - 2 * var(--gutter));padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);font-size:var(--fs-body);font-weight:var(--fw-bold);text-align:center;box-shadow:var(--shadow-pop);pointer-events:none;opacity:0;transform:translate(-50%,12px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.sb-toast-in{opacity:1;transform:translate(-50%)}.sb-modal-wrap{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:var(--scrim);animation:sb-fade var(--dur-base) var(--ease-out) both}.sb-name-wrap{align-items:start;padding-top:max(12vh,env(safe-area-inset-top))}.sb-modal{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);animation:sb-up var(--dur-base) var(--ease-out) both}.sb-modal-title{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.sb-modal-text{margin:0;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-modal .sb-actions{margin-top:var(--space-2)}.sb-name-label{color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.sb-name-input{width:100%;min-height:var(--tap-lg);padding:0 var(--space-4);border:0;border-radius:var(--radius);background:var(--surface-2);color:var(--text);box-shadow:var(--ring);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-bold);-webkit-user-select:text;user-select:text}.sb-name-input:focus{outline:none;box-shadow:var(--ring-accent)}.sb-name-hint{margin:0;color:var(--text-dim);font-size:var(--fs-body);line-height:var(--lh-body)}.sb-lb{height:100%;display:flex;flex-direction:column}.sb-lb-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:max(var(--space-1),env(safe-area-inset-top)) var(--space-3) var(--space-1);background:var(--surface);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.sb-lb-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-lb-restart{min-height:var(--tap-min);font-size:var(--fs-sm)}.sb-lb-panes{flex:1;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(560px,1fr));overflow-y:auto;gap:2px;background:var(--line)}@media(min-aspect-ratio:1/1){.sb-lb-panes{grid-template-rows:none;grid-template-columns:1fr 1fr;overflow:hidden}}.sb-lb-pane{position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);transform:translateZ(0)}.sb-lb-seat{flex:none;margin:0;padding:2px var(--space-3);background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.sb-lb-game{flex:1;min-height:0;position:relative}.sb-lb-list a{color:var(--accent-ink)}.sb-lb-list li{min-height:var(--tap-min);font-size:var(--fs-body)}@media(prefers-reduced-motion:reduce){.sb-page,.sb-suggest,.sb-modal,.sb-modal-wrap{animation:none}.sb-pill-dot,.sb-dots:after{animation:none!important}.sb-radar-ring{animation:none;opacity:.5;transform:none}.sb-radar-ring-2{display:none}}@media(hover:hover){.sb-modebtn:not(.sb-modebtn-primary):hover{background:var(--surface-3)}}