@import"https://fonts.googleapis.com/css2?family=Lexend:wght@500;600;700;800&display=swap";:root{--red-1: #f14666;--red-2: #ee8980;--red-3: #ffcdaa;--red-4: #9cb898;--yellow-1: #f5c542;--yellow-2: #f7d76a;--yellow-3: #fbe6a4;--green-1: #028174;--green-2: #0ab68b;--green-3: #92de8b;--green-4: #ffe3b3;--blue-1: #3b5bdb;--blue-2: #5c7cfa;--blue-3: #b3c7ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--app-dock-height: 76px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--landing-single-max-width: 960px;--landing-stagger-step: 90ms;--landing-stagger-duration: .3s;--landing-stagger-x-distance: 12px;--motion-fast: .19s;--motion-base: .24s;--motion-slow: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--page-bg: #090515;--bg-top: #140a27;--bg-mid: #0e061e;--bg-bottom: #070311;--bg-glow-a: color-mix(in srgb, #9b6dff 12%, transparent);--bg-glow-b: color-mix(in srgb, #4f7dff 10%, transparent);--bg-texture-image: url(/assets/bg-loop01-black-CzpcDmgN.png);--bg-texture-size: 640px auto;--bg-texture-opacity: .24;--bg-texture-blend: soft-light;--bg-texture-speed: 198s;--header-stripe-speed: calc((var(--bg-texture-speed) * 2) / 3);--scratch-texture-image: url(/assets/scratch-texture-CY1BcEi5.png);--scratch-blend-mode: screen;--scratch-opacity-body: .12;--scratch-opacity-header: .08;--scratch-opacity-tile: .07;--scratch-opacity-game-banner: .1;--scratch-size-body: 980px auto;--scratch-size-surface: 420px auto;--scratch-scroll-speed: 220s;--surface: #1b1034;--surface-2: #221242;--surface-3: #2a1852;--text: #f3ebff;--muted: #bdaedd;--border: #41336b;--shadow-sm: 0 8px 18px rgba(0, 0, 0, .28);--shadow-md: 0 18px 35px rgba(0, 0, 0, .38);--shadow-lg: 0 30px 56px rgba(0, 0, 0, .48);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--cta) 45%, transparent);--cta: #f14666;--cta-text: #ffffff;--title-font: "Lexend", "ITC Kabel Std", "Trebuchet MS", sans-serif;--icon-badge-local: #9dd9c2;--icon-badge-online: #a7c7fa;--icon-local-fg: #18895f;--icon-online-fg: #325ac6;--shell-bg: linear-gradient(165deg, #25134a 0%, #190d36 100%);--shell-border: color-mix(in srgb, #8e72d6 56%, #3d2f64);--shell-top-border: color-mix(in srgb, #e4dcff 46%, #8e7ac6);--shell-bottom-border: color-mix(in srgb, #5c4a8f 56%, #2c214d);--shell-shadow: 0 20px 34px rgba(5, 2, 18, .52), 0 0 14px rgba(98, 84, 176, .18);--tile-bg: linear-gradient(170deg, #2c1a58 0%, #1f113f 100%);--tile-border: color-mix(in srgb, #8c7dd2 30%, #4a3a78);--tile-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);--tile-hover-border: color-mix(in srgb, #b495ff 44%, #5a4a8a);--tile-hover-shadow: 0 14px 24px rgba(11, 5, 30, .52), 0 0 0 1px color-mix(in srgb, #b092ff 18%, transparent) inset;--tile-selected-bg: linear-gradient(170deg, color-mix(in srgb, var(--theme-soft, var(--surface-2)) 35%, var(--surface)) 0%, color-mix(in srgb, var(--theme-mid, var(--surface-3)) 28%, var(--surface-2)) 100%);--tile-locked-bg: linear-gradient(160deg, color-mix(in srgb, var(--theme-soft, var(--surface-3)) 16%, var(--surface-2)) 0%, color-mix(in srgb, var(--surface-3) 82%, var(--surface-2)) 100%);--tile-locked-border: color-mix(in srgb, var(--theme-strong, var(--cta)) 30%, var(--border));--tile-locked-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-strong, var(--cta)) 18%, transparent);--tile-locked-overlay: repeating-linear-gradient( -35deg, color-mix(in srgb, var(--theme-strong, var(--cta)) 10%, transparent) 0 8px, transparent 8px 16px );--pattern-image-dots: url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_28_1196)'%3e%3ccircle%20cx='3'%20cy='92'%20r='49'%20fill='white'/%3e%3ccircle%20cx='175'%20cy='92'%20r='49'%20fill='white'/%3e%3ccircle%20cx='347'%20cy='92'%20r='49'%20fill='white'/%3e%3ccircle%20cx='519'%20cy='92'%20r='49'%20fill='white'/%3e%3ccircle%20cx='3'%20cy='418'%20r='49'%20fill='white'/%3e%3ccircle%20cx='175'%20cy='418'%20r='49'%20fill='white'/%3e%3ccircle%20cx='347'%20cy='418'%20r='49'%20fill='white'/%3e%3ccircle%20cx='519'%20cy='418'%20r='49'%20fill='white'/%3e%3ccircle%20cx='85'%20cy='255'%20r='49'%20fill='white'/%3e%3ccircle%20cx='257'%20cy='255'%20r='49'%20fill='white'/%3e%3ccircle%20cx='429'%20cy='255'%20r='49'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_28_1196'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");--pattern-image-diagonal: url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_28_1195)'%3e%3crect%20x='290.161'%20y='-288'%20width='49'%20height='1092'%20transform='rotate(45%20290.161%20-288)'%20fill='white'/%3e%3crect%20x='375.367'%20y='-202.794'%20width='49'%20height='1092'%20transform='rotate(45%20375.367%20-202.794)'%20fill='white'/%3e%3crect%20x='460.573'%20y='-117.587'%20width='49'%20height='1092'%20transform='rotate(45%20460.573%20-117.587)'%20fill='white'/%3e%3crect%20x='545.78'%20y='-32.3809'%20width='49'%20height='1092'%20transform='rotate(45%20545.78%20-32.3809)'%20fill='white'/%3e%3crect%20x='630.986'%20y='52.8254'%20width='49'%20height='1092'%20transform='rotate(45%20630.986%2052.8254)'%20fill='white'/%3e%3crect%20x='716.192'%20y='138.032'%20width='49'%20height='1092'%20transform='rotate(45%20716.192%20138.032)'%20fill='white'/%3e%3crect%20x='801.399'%20y='223.238'%20width='49'%20height='1092'%20transform='rotate(45%20801.399%20223.238)'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_28_1195'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");--pattern-image-zig: url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_29_1284)'%3e%3cpath%20d='M544%2095.5L481%2031L416.5%2095.5L352%2031L288%2095.5L223.5%2031L160%2095.5L96%2031L32%2095.5L-32%2031'%20stroke='white'%20stroke-width='30'/%3e%3cpath%20d='M544%20224L481%20159.5L416.5%20224L352%20159.5L288%20224L223.5%20159.5L160%20224L96%20159.5L32%20224L-32%20159.5'%20stroke='white'%20stroke-width='30'/%3e%3cpath%20d='M544%20352.5L481%20288L416.5%20352.5L352%20288L288%20352.5L223.5%20288L160%20352.5L96%20288L32%20352.5L-32%20288'%20stroke='white'%20stroke-width='30'/%3e%3cpath%20d='M544%20481L481%20416.5L416.5%20481L352%20416.5L288%20481L223.5%20416.5L160%20481L96%20416.5L32%20481L-32%20416.5'%20stroke='white'%20stroke-width='30'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_29_1284'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");--pattern-image-vertical: url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_28_1198)'%3e%3crect%20y='-275'%20width='64'%20height='1092'%20fill='white'/%3e%3crect%20x='128'%20y='-275'%20width='64'%20height='1092'%20fill='white'/%3e%3crect%20x='256'%20y='-275'%20width='64'%20height='1092'%20fill='white'/%3e%3crect%20x='384'%20y='-275'%20width='64'%20height='1092'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_28_1198'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");--pattern-default-image: var(--pattern-image-diagonal);--theme-pattern-image: var(--pattern-default-image);--pattern-size-default: 88px 88px;--pattern-opacity-default: .22;--pattern-speed-default: calc(var(--bg-texture-speed) / 2);--pattern-size-default-avatar: var(--pattern-size-default);--pattern-opacity-default-avatar: var(--pattern-opacity-default);--pattern-speed-default-avatar: calc(var(--pattern-speed-default) / 4);--pattern-size-default-score: var(--pattern-size-default);--pattern-opacity-default-score: var(--pattern-opacity-default);--pattern-speed-default-score: calc(var(--pattern-speed-default) / 4);--pattern-size-default-turn: var(--pattern-size-default);--pattern-opacity-default-turn: var(--pattern-opacity-default);--pattern-speed-default-turn: var(--pattern-speed-default-avatar);--pattern-size-default-header: 110px auto;--pattern-opacity-default-header: .05;--pattern-speed-default-header: calc(var(--header-stripe-speed) / 2);--pattern-animated: running;--player-pattern-image: var(--theme-pattern-image)}@font-face{font-family:ITC Kabel Std;src:url(/assets/ITCKabelStdBook-CFoo25ek.TTF) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:ITC Kabel Std;src:url(/assets/ITCKabelStdMedium-Bj8JI4d8.TTF) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:ITC Kabel Std;src:url(/assets/ITCKabelStdDemi-DtcMv8rJ.TTF) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:ITC Kabel Std;src:url(/assets/ITCKabelStdBold--TGUxXBy.TTF) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:ITC Kabel Std;src:url(/assets/ITCKabelStdUltra-BfV9wXf6.TTF) format("truetype");font-style:normal;font-weight:800;font-display:swap}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;font-family:OfficeCodeProRegular,Office Code Pro,Space Grotesk,monospace;color:var(--text);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 52%,var(--bg-bottom) 100%);position:relative;isolation:isolate;overflow-x:hidden;scrollbar-gutter:stable both-edges;overscroll-behavior-y:contain}#root{min-height:100vh;min-height:100dvh}body:before{content:"";position:fixed;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;pointer-events:none;background-image:var(--bg-texture-image);background-repeat:repeat;background-size:var(--bg-texture-size);opacity:var(--bg-texture-opacity);mix-blend-mode:var(--bg-texture-blend);animation:bg-texture-scroll var(--bg-texture-speed) linear infinite;transform:rotate(-3deg);transform-origin:center;will-change:background-position,transform;-webkit-mask-image:radial-gradient(ellipse 118% 96% at 50% 46%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 24%,rgba(0,0,0,.5) 43%,rgba(0,0,0,.06) 58%,transparent 74%);mask-image:radial-gradient(ellipse 118% 96% at 50% 46%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 24%,rgba(0,0,0,.5) 43%,rgba(0,0,0,.06) 58%,transparent 74%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(1200px 520px at 10% -15%,var(--bg-glow-a),transparent 60%),radial-gradient(1000px 500px at 100% -10%,var(--bg-glow-b),transparent 62%),radial-gradient(ellipse 120% 98% at 50% 46%,transparent 0%,transparent 29%,color-mix(in srgb,var(--page-bg) 63%,transparent) 47%,color-mix(in srgb,var(--page-bg) 91%,transparent) 63%,var(--page-bg) 100%)}@keyframes bg-texture-scroll{0%{background-position:0 0}to{background-position:960px 0}}@keyframes header-stripe-scroll{0%{background-position:0 0}to{background-position:420px 0}}@keyframes scratch-scroll{0%{background-position:0 0}to{background-position:960px 0}}@keyframes avatar-pattern-scroll{0%{background-position:0 0}to{background-position:176px 88px}}@media(prefers-reduced-motion:reduce){body{--pattern-animated: paused;--pattern-animated-avatar: paused;--pattern-animated-score: paused;--pattern-animated-turn: paused;--pattern-animated-header: paused}body:before{animation:none}.landing-card-header:before,.setup-card-header:before{animation:none}#app:after{animation:none}.score-column-waiting .skeleton-name-bar,.score-column-waiting .skeleton-value-bar,.score-column-waiting .score-avatar-spinner,.cta-main.is-waiting-copy:after{animation:none}.cta-main.is-waiting-copy:after{content:"..."}.landing-panel.is-staggering>*,.landing-panel.is-staggering>.is-entered{transition:none;transform:none;opacity:1}.logo-image{animation:none}.ttt-cell.is-win-reason,.dots-edge.is-scoring-opportunity:before,.dots-box.is-hot-box,.dots-box.is-win-reason,.dots-box.is-win-reason:before{animation:none}.turn-indicator,.turn-indicator .turn-pane,.turn-indicator .turn-pane>*{transition:none;animation:none}}#app{--layout-max-width: 1180px;--app-edge-padding: 24px;position:relative;z-index:2;isolation:isolate;max-width:var(--layout-max-width);margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-6) var(--app-edge-padding) calc(var(--space-6) + var(--safe-bottom))}#app:after{content:none}#app>*{position:relative;z-index:1}.hero{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-6)}body[data-screen=lobby] .hero{margin-bottom:0}body[data-screen=lobby] .hero-top{width:100%;max-width:1100px;margin-inline:auto}.lobby-hero-bg{display:none}.nav-bar{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-6)}.nav-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:100%;max-width:var(--layout-max-width);margin-inline:auto}.nav-bar-left{justify-self:start}.nav-bar-center{justify-self:center;text-align:center}.nav-bar-right{justify-self:end}.nav-bar-action{display:inline-flex;align-items:center;gap:8px;min-height:46px;min-width:56px;justify-content:center;color:var(--muted);transition:color .18s var(--ease-out)}.nav-bar-action:hover{color:var(--text)}.nav-bar-icon{width:18px;height:18px;display:block;flex-shrink:0}.nav-bar-action-label{font-size:inherit;white-space:nowrap}.nav-bar-below{display:grid;justify-items:center;gap:8px}.nav-bar--lobby .nav-bar-row{max-width:1100px}.hero-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:min(100%,var(--layout-max-width));margin-inline:auto}.logo{text-align:center;justify-self:center}.logo .hero-action,.logo button{display:none}.logo-image{display:inline-block;width:var(--logo-width, clamp(210px, 34vw, 340px));max-width:100%;height:auto}#dev-build-tag{position:fixed;top:10px;right:12px;z-index:120;pointer-events:none;padding:5px 10px;border-radius:999px;font-family:var(--title-font);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--cta) 74%,var(--text));background:color-mix(in srgb,var(--surface) 85%,var(--cta) 15%);border:1px solid color-mix(in srgb,var(--cta) 42%,var(--border));box-shadow:var(--shadow-sm)}body[data-screen=landing]{--logo-width: clamp(210px, 34vw, 340px)}body:not([data-screen=landing]){--logo-width: clamp(156px, 25vw, 250px)}body[data-layer=home],body[data-layer=setup-sheet]{--logo-width: clamp(210px, 34vw, 340px)}body[data-layer=game-space],body[data-layer=game-sheet]{--logo-width: clamp(110px, 24vw, 168px)}.hero-room{display:grid;justify-items:center;gap:8px}.hero-room-main{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.hero-action{min-width:100px;min-height:46px;justify-self:start;justify-content:center}.hero-action-home{display:inline-flex;align-items:center;gap:8px}.hero-home-icon{width:16px;height:16px;display:block}.hero-left-actions{display:inline-flex;align-items:center;gap:8px;min-width:0}.hero-left-actions .hero-action.hidden{display:none}#open-settings{display:inline-flex;align-items:center;gap:8px;justify-self:end;min-width:56px;color:var(--muted)}#open-settings:hover{color:var(--text)}.settings-icon{width:20px;height:20px;display:block}.settings-label,#open-settings.hero-nav-link .settings-icon{display:none}#open-settings.hero-nav-link{min-width:0;padding-inline:18px;color:var(--text)}#open-settings.hero-nav-link .settings-label{display:inline;font-weight:700}.hero-center-title{margin:0;font-family:var(--title-font);font-size:clamp(1.22rem,1.9vw,1.45rem);font-weight:700;letter-spacing:.01em;color:color-mix(in srgb,#ffffff 94%,var(--text));white-space:nowrap}.hero-room .room-label{color:var(--muted)}.code-pill{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;background:var(--surface);border:2px solid var(--cta);box-shadow:var(--shadow-sm)}.hero-share-action{min-height:40px;padding:8px 16px;font-size:.9rem;letter-spacing:.01em;box-shadow:none}.hero-share-action:hover{box-shadow:var(--shadow-sm)}.code-hero{font-family:var(--title-font);font-size:1.4rem;letter-spacing:.3em;font-weight:700;color:var(--text)}main{display:grid;gap:var(--space-5);flex:1 1 auto;min-height:0}.screen{display:none}.screen.active{display:block}h1,h2,h3,h4,h5{font-family:var(--title-font);letter-spacing:.02em;margin:0}@media(max-width:720px){body:is([data-screen=lobby],[data-screen=pick],[data-screen=wait],[data-screen=game],[data-screen=pass],[data-screen=winner]) #app{padding-top:calc(var(--space-2) + var(--safe-top))}body:is([data-screen=lobby],[data-screen=pick],[data-screen=wait],[data-screen=game],[data-screen=pass],[data-screen=winner]) #app>.hero{position:sticky;top:0;z-index:24;margin-bottom:var(--space-3);padding:4px 0 8px;gap:var(--space-2)}body:is([data-screen=lobby],[data-screen=pick],[data-screen=wait],[data-screen=game],[data-screen=pass],[data-screen=winner]) .logo-image{width:var(--logo-width, clamp(110px, 30vw, 150px))}}body[data-screen=game] #app{padding-top:calc(var(--space-2) + var(--safe-top))}body[data-screen=game] #app>.hero{display:none}.card,.panel,.game-panel,.game-card{display:grid;gap:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--shell-bg);border:1px solid var(--shell-border);box-shadow:inset 0 1px 0 var(--shell-top-border),inset 0 -1px 0 var(--shell-bottom-border),var(--shell-shadow);color:var(--text)}label{display:grid;gap:8px;font-weight:600;color:var(--text)}input{padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:1rem;background:var(--surface-2);color:var(--text)}input:focus{outline:none;border-color:var(--cta);box-shadow:var(--focus-ring)}.join-code-group{display:grid;gap:10px}.join-code-label{margin:0;font-weight:600;color:var(--text)}.join-code-cluster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,420px)}.join-code-slot{height:72px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 88%,#ffffff 12%);background:color-mix(in srgb,var(--surface-2) 92%,var(--surface));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 20%,transparent),0 10px 20px color-mix(in srgb,var(--cta) 12%,transparent);color:var(--text);text-align:center;font-family:var(--title-font);font-size:clamp(1.75rem,2.3vw,2.15rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:0;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.join-code-slot.is-filled{border-color:color-mix(in srgb,var(--cta) 44%,var(--border))}.join-code-slot:focus-visible,.join-code-slot.is-active{outline:none;border-color:color-mix(in srgb,var(--cta) 70%,#ffffff 30%);box-shadow:var(--focus-ring),0 14px 26px color-mix(in srgb,var(--cta) 20%,transparent);transform:translateY(-1px)}.join-code-slot:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 12%,transparent)}.join-code-canonical{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.join-code-status{margin-top:2px;min-height:1.3em}button{border:none;border-radius:12px;min-height:46px;padding:10px 22px;font-size:1rem;font-weight:700;cursor:pointer;transform:translateY(0);transition:transform 80ms var(--ease-out),box-shadow 80ms var(--ease-out),background .12s var(--ease-out),opacity var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}button:hover{transform:translateY(-1px)}button:active:not(:disabled){transition-duration:40ms}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.glow-button{background:var(--cta);color:var(--cta-text);border:1px solid color-mix(in srgb,var(--cta) 52%,white);box-shadow:0 4px color-mix(in srgb,var(--cta) 45%,black),inset 0 1px color-mix(in srgb,var(--cta) 40%,white)}.glow-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px color-mix(in srgb,var(--cta) 45%,black),inset 0 1px color-mix(in srgb,var(--cta) 40%,white)}.glow-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 color-mix(in srgb,var(--cta) 45%,black),inset 0 2px 6px #00000040}.ghost{background:color-mix(in srgb,var(--surface) 58%,transparent);border:1px solid var(--border);color:var(--text);box-shadow:0 4px color-mix(in srgb,var(--border) 60%,transparent),inset 0 1px color-mix(in srgb,#ffffff 6%,transparent)}.ghost:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px color-mix(in srgb,var(--border) 60%,transparent),inset 0 1px color-mix(in srgb,#ffffff 8%,transparent)}.ghost:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 color-mix(in srgb,var(--border) 60%,transparent),inset 0 2px 4px #0003}.glow-button:focus-visible,.ghost:focus-visible,.avatar-option:focus-visible,.game-card:focus-visible,.ttt-cell:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.button-row>button{width:100%;justify-content:center}.compact-action{width:fit-content;min-width:0;padding-inline:18px;justify-self:start}.room-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--muted)}.home-mode-grid{width:min(100%,640px);margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,18px);align-items:stretch;perspective:900px}.home-mode-card{--card-color: #3dba78;--card-color-dark: #163828;--card-rx: 0deg;--card-ry: 0deg;--card-shine-x: 50%;--card-shine-y: 50%;position:relative;overflow:hidden;height:clamp(160px,22vw,240px);border:3px solid var(--card-color)!important;border-radius:16px!important;background:var(--card-color-dark)!important;padding:0!important;gap:0!important;box-shadow:0 4px 16px #00000080,0 0 0 1px #0000004d,inset 0 1px color-mix(in srgb,var(--card-color) 60%,white)!important;transform-style:preserve-3d;will-change:transform;cursor:pointer;transition:transform .4s cubic-bezier(.03,.98,.52,.99),box-shadow .4s var(--ease-out);transform:perspective(800px) rotateX(var(--card-rx)) rotateY(var(--card-ry))}.home-mode-card:hover{box-shadow:0 20px 40px #00000080,0 0 20px color-mix(in srgb,var(--card-color) 25%,transparent),0 0 0 1px #0003,inset 0 1px color-mix(in srgb,var(--card-color) 80%,white)!important}.home-mode-card:active{transform:perspective(800px) scale(.97);transition-duration:.1s}.home-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--card-shine-x) var(--card-shine-y),rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 40%,transparent 70%);opacity:0;transition:opacity .4s var(--ease-out)}.home-mode-card:hover:before{opacity:1}.home-main-action{min-height:34px;padding:0 18px;justify-content:center;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;width:auto;justify-self:auto}.landing-rejoin-stack{width:min(100%,640px);margin:18px auto 0;display:grid;gap:12px}.screen.sheet-screen{display:none}.screen.sheet-screen.active{--sheet-translate-y: 0px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:block;pointer-events:none}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;padding:0;margin:0;background:color-mix(in srgb,#050814 52%,transparent);opacity:1;transition:opacity .28s var(--ease-out);box-shadow:none;transform:none;pointer-events:auto}.sheet-tray{position:absolute;left:0;right:0;bottom:0;width:min(100%,860px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;max-height:min(92vh,980px);pointer-events:none;--sheet-translate-y: 0px;transform:translateY(var(--sheet-translate-y));will-change:transform,opacity;transition:transform .34s cubic-bezier(.32,.72,0,1),opacity .28s var(--ease-out)}.sheet-panel{width:100%;border-radius:36px 36px 0 0;border:1px solid color-mix(in srgb,var(--border) 84%,#ffffff);border-bottom:0;background:color-mix(in srgb,var(--surface) 96%,#ffffff 4%);box-shadow:0 -12px 32px color-mix(in srgb,#060b18 35%,transparent);padding:8px 16px calc(16px + var(--safe-bottom));overflow:auto;pointer-events:auto;flex:1 1 auto;min-height:0}.screen.sheet-screen.active .sheet-tray{animation:sheet-enter-from-bottom .42s cubic-bezier(.32,.72,0,1)}.screen.sheet-screen.active.is-closing{pointer-events:none}.screen.sheet-screen.active.is-closing .sheet-backdrop{opacity:0;transition:opacity .32s var(--ease-out)}.screen.sheet-screen.active.is-closing .sheet-tray{animation:sheet-exit-to-bottom .36s cubic-bezier(.32,.72,0,1) forwards}.setup-sheet-panel{width:min(100%,760px);padding:0 0 calc(16px + var(--safe-bottom))}.setup-sheet-panel>.setup-card{border:0;box-shadow:none;background:transparent;padding:0}.setup-card>:not(.setup-card-header){padding-inline:20px}.setup-card>:last-child{padding-bottom:16px}.game-sheet-panel{width:min(100%,1120px);border-radius:32px 32px 0 0}@keyframes sheet-enter-from-bottom{0%{transform:translateY(100%);opacity:0}60%{opacity:1}to{transform:translateY(0);opacity:1}}@keyframes sheet-exit-to-bottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media(prefers-reduced-motion:reduce){.sheet-backdrop,.sheet-tray{transition-duration:1ms}.screen.sheet-screen.active .sheet-tray{animation:none}}.landing-segmented-wrap{display:grid;justify-items:center;margin-bottom:calc(var(--space-6) * 2)}#screen-landing>.landing-segmented-wrap,#screen-landing>.landing-carousel{width:min(100%,var(--landing-single-max-width));margin-left:auto;margin-right:auto}.landing-segmented{--landing-mode-progress: 0;--landing-local-active-pct: 100%;--landing-online-active-pct: 0%;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,640px);padding:6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--cta) 28%,var(--border));background:color-mix(in srgb,var(--surface-2) 90%,var(--surface));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 72%,transparent),0 10px 26px color-mix(in srgb,var(--cta) 12%,transparent)}.landing-segmented.has-alert{box-shadow:inset 0 1px color-mix(in srgb,#ffffff 72%,transparent),0 10px 26px color-mix(in srgb,var(--cta) 12%,transparent),0 0 0 1px color-mix(in srgb,var(--cta) 38%,transparent)}.landing-segmented:before{content:"";position:absolute;inset:6px auto 6px 6px;width:calc(50% - 6px);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--cta) 96%,#ffffff 4%),color-mix(in srgb,var(--cta) 86%,#000000 14%));box-shadow:0 8px 18px color-mix(in srgb,var(--cta) 26%,transparent),inset 0 1px color-mix(in srgb,#ffffff 35%,transparent);transform:translate(calc(var(--landing-mode-progress, 0) * 100%));transition:transform var(--motion-base) var(--ease-out)}.landing-segment{position:relative;min-height:56px;border-radius:999px;background:transparent;border:none;box-shadow:none;font-family:var(--title-font);font-size:1.22rem;letter-spacing:.02em;color:var(--muted);transition:color var(--motion-fast) linear;z-index:1}#landing-tab-local{color:color-mix(in srgb,var(--cta-text) var(--landing-local-active-pct, 100%),var(--muted))}#landing-tab-online{color:color-mix(in srgb,var(--cta-text) var(--landing-online-active-pct, 0%),var(--muted))}.landing-segment.has-alert:after{content:"";position:absolute;left:50%;top:50%;transform:translate(24px,-16px);width:10px;height:10px;border-radius:50%;background:var(--cta);border:2px solid color-mix(in srgb,#ffffff 92%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--cta) 24%,transparent)}.landing-segment:hover{transform:none;box-shadow:none}.landing-segment.active{color:var(--cta-text)}.landing-segment:focus-visible{outline:none;box-shadow:var(--focus-ring)}.landing-carousel{--landing-swipe-gap: clamp(12px, 2vw, 22px);width:100%;overflow:hidden;touch-action:pan-y}.landing-track{display:flex;gap:var(--landing-swipe-gap);width:calc(200% + var(--landing-swipe-gap));transition:transform var(--motion-slow) var(--ease-out);transform:translate(0);will-change:transform;touch-action:pan-y}.landing-track[data-mode=online]{transform:translate(calc(-50% - (var(--landing-swipe-gap) / 2)))}.landing-track.is-dragging{transition:none;-webkit-user-select:none;user-select:none;cursor:grabbing}.landing-track .landing-card{width:100%}.landing-panel{flex:0 0 calc((100% - var(--landing-swipe-gap)) / 2);max-width:calc((100% - var(--landing-swipe-gap)) / 2);display:grid;gap:var(--space-4);align-content:start}.landing-panel.is-staggering>*{opacity:1;transform:none}.landing-panel.is-staggering>.is-entered{opacity:1;transform:none;transition:none;transition-delay:0ms}.landing-card{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 72px;gap:0;padding:0;overflow:hidden}.landing-card.local-card{--card-color: #3dba78;--card-color-dark: #163828}.landing-card.online-card{--card-color: #4a7ee0;--card-color-dark: #152050}.landing-rejoin-card{position:relative;margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px 16px}.landing-rejoin-card.has-alert{grid-template-columns:auto minmax(0,1fr) auto}.landing-rejoin-card.has-alert .landing-rejoin-content{grid-column:2}.landing-rejoin-card.has-alert .landing-rejoin-actions{grid-column:3}.landing-rejoin-content{display:grid;gap:8px;min-width:0}.landing-rejoin-content h3{font-size:clamp(1rem,1.6vw,1.25rem)}.landing-rejoin-content .subtext{margin:0}.landing-rejoin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:start;justify-self:end;gap:10px;width:auto}.landing-rejoin-actions>button{width:auto}.banner-action{min-height:40px;padding:8px 18px;font-size:.95rem;font-weight:700}.banner-action.glow-button{box-shadow:0 3px color-mix(in srgb,var(--cta) 45%,black),inset 0 1px color-mix(in srgb,var(--cta) 40%,white)}.landing-rejoin-card.has-alert:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--cta);border:2px solid color-mix(in srgb,#ffffff 92%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--cta) 20%,transparent),0 0 0 11px color-mix(in srgb,var(--cta) 0%,transparent);animation:notification-ring-wave 2.6s var(--ease-out) infinite;align-self:start;justify-self:start;margin-top:8px}#local-rejoin-summary{font-weight:600;line-height:1.35}.landing-card-header{grid-row:1;grid-column:1;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-bottom:none;position:relative;overflow:hidden;border-radius:12px 12px 0 0}.landing-card-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var( --pattern-image-override-header, var(--pattern-image-override, var(--theme-pattern-image, var(--pattern-default-image))) );background-size:var( --pattern-size-override-header, var(--pattern-size-override, var(--pattern-size-default-header)) );background-position:0 0;background-repeat:repeat;opacity:var( --pattern-opacity-override-header, var(--pattern-opacity-override, var(--pattern-opacity-default-header)) );pointer-events:none;animation-name:header-stripe-scroll;animation-duration:var( --pattern-speed-override-header, var(--pattern-speed-override, var(--pattern-speed-default-header)) );animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:var(--pattern-animated-header, var(--pattern-animated, running))}.landing-card-header .landing-card-icon~*{display:none}.landing-card-header:after{position:absolute;top:12px;left:12px}.landing-card-header:after,.setup-card-tag{z-index:2;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-family:var(--title-font);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,#ffffff 92%,transparent);background:color-mix(in srgb,#101426 34%,transparent);border:1px solid color-mix(in srgb,#ffffff 28%,transparent)}.landing-card-header-local{background:linear-gradient(160deg,#5ee0a0,#38b870 40%,#1a6838)}.landing-card-header-local:after{display:none}.landing-card-header-online{background:linear-gradient(160deg,#6b9af8,#3860d0 40%,#1a3078)}.landing-card-header-online:after{display:none}.landing-card-icon{width:clamp(80px,24vw,168px);aspect-ratio:1;max-height:70%;display:block;position:relative;z-index:1;background-color:#ffffff8c;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.landing-card-icon-local{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='593'%20height='355'%20viewBox='0%200%20593%20355'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M137.022%20177.672C131.706%20178.008%20126.35%20178.052%20121.087%20178.776C117.087%20179.325%20115.457%20178.257%20114.926%20174.137C112.413%20154.645%20109.168%20135.235%20107.205%20115.694C106.436%20108.038%20103.947%20103.711%2096.4606%20101.817C90.6758%20100.353%2085.1653%2097.8374%2079.4382%2096.1013C76.2062%2095.1215%2074.8544%2093.5196%2075.1669%2090.047C77.3453%2065.8449%2079.2724%2041.6195%2081.5874%2017.431C82.1877%2011.1582%2086.291%207.68516%2092.6834%207.25693C119.768%205.44248%20146.84%202.9466%20173.957%202.22507C224.413%200.882606%20274.896%200.136695%20325.37%200.00760615C381.691%20-0.136468%20437.97%201.75434%20494.109%206.69422C501.563%207.35017%20505.933%2010.354%20506.53%2017.2479C508.698%2042.2781%20510.362%2067.3522%20512.164%2092.4134C512.218%2093.1611%20511.7%2093.9499%20510.813%2095.1264C501.117%2098.839%20492.088%20102.24%20482.973%20105.392C480.29%20106.32%20479.153%20107.5%20478.851%20110.556C477.064%20128.607%20474.983%20146.63%20472.912%20164.652C472.371%20169.358%20471.511%20174.027%20470.778%20178.845C465.237%20178.15%20460.31%20177.177%20455.351%20176.968C419.27%20175.451%20383.186%20173.068%20347.095%20172.913C292.663%20172.68%20238.221%20173.864%20183.79%20174.825C168.189%20175.101%20152.611%20176.687%20137.022%20177.672Z'%20fill='black'/%3e%3cpath%20d='M115.998%20242.444C115.998%20242.444%20115.831%20242.645%20115.901%20243.148C116.487%20245.683%20117.004%20247.716%20117.446%20249.452C237.123%20256.91%20356.191%20258.019%20475.338%20249.34C475.584%20248.229%20475.814%20247.439%20475.928%20246.633C482.248%20202.127%20488.613%20157.628%20494.748%20113.097C495.178%20109.978%20496.275%20108.757%20499.054%20108.148C503.432%20107.188%20507.765%20106.022%20512.117%20104.943C533.583%20101.34%20555.177%20100.765%20576.849%20102.313C580.497%20102.573%20584.121%20103.171%20587.753%20103.635C591.254%20104.083%20592.671%20105.601%20592.453%20109.586C590.638%20142.736%20586.102%20175.542%20580.584%20208.239C575.785%20236.676%20569.615%20264.788%20561.277%20292.422C559.932%20296.881%20558.04%20299.265%20553.18%20299.312C541.526%20299.425%20529.874%20299.804%20518.221%20300.09C516.764%20300.126%20515.308%20300.253%20513.263%20300.372C518.745%20317.864%20524.095%20334.936%20529.772%20353.052C524.036%20353.589%20519.007%20354.352%20513.965%20354.459C507.812%20354.59%20501.625%20354.415%20495.504%20353.831C493.787%20353.667%20491.682%20351.942%20490.72%20350.35C482.116%20336.099%20473.395%20321.897%20465.45%20307.278C462.539%20301.923%20459.559%20299.885%20453.343%20299.9C361.019%20300.114%20268.696%20300.031%20176.372%20300.027C165.04%20300.027%20153.705%20300.234%20142.378%20300.007C138.712%20299.934%20136.806%20301.129%20135.029%20304.34C126.812%20319.195%20118.227%20333.847%20109.898%20348.641C107.789%20352.387%20104.921%20354.1%20100.618%20354.04C91.177%20353.907%2081.7326%20353.999%2071.4449%20353.999C76.0669%20335.772%2080.4585%20318.454%2085.0902%20300.189C80.4081%20300.189%2076.3323%20300.147%2072.2577%20300.198C64.595%20300.292%2056.927%20300.298%2049.273%20300.621C45.173%20300.794%2042.8308%20299.198%2041.2637%20295.426C25.2878%20256.976%2013.1839%20217.38%207.18855%20176.139C4.1009%20154.899%202.45852%20133.45%200.074903%20112.105C-0.257372%20109.13%200.445112%20107.356%203.61636%20106.741C29.6121%20101.705%2055.6594%2099.2056%2082.0149%20104.116C86.1172%20104.881%2087.146%20106.938%2087.9001%20110.598C96.702%20153.318%20105.683%20196.002%20114.622%20238.694C114.724%20239.182%20114.901%20239.653%20115.191%20240.802C115.559%20241.796%20115.778%20242.12%20115.998%20242.444Z'%20fill='black'/%3e%3cpath%20d='M123.21%20241.789C123.12%20241.331%20123.029%20240.873%20122.843%20239.807C122.561%20238.879%20122.374%20238.559%20122.188%20238.238C120.006%20224.314%20117.783%20210.395%20115.707%20196.455C115.495%20195.036%20116.166%20193.485%20117.21%20191.851C156.732%20189.787%20195.454%20186.88%20234.216%20186.16C304.334%20184.859%20374.48%20184.759%20444.502%20189.951C453.388%20190.609%20462.25%20191.587%20471.652%20192.467C469.001%20208.167%20466.408%20222.902%20464.092%20237.68C463.528%20241.283%20462.118%20242.718%20458.407%20242.835C446.423%20243.213%20434.453%20244.248%20422.47%20244.415C377.161%20245.047%20331.841%20246.188%20286.54%20245.724C232.089%20245.166%20177.653%20243.165%20123.21%20241.789Z'%20fill='black'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='593'%20height='355'%20viewBox='0%200%20593%20355'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M137.022%20177.672C131.706%20178.008%20126.35%20178.052%20121.087%20178.776C117.087%20179.325%20115.457%20178.257%20114.926%20174.137C112.413%20154.645%20109.168%20135.235%20107.205%20115.694C106.436%20108.038%20103.947%20103.711%2096.4606%20101.817C90.6758%20100.353%2085.1653%2097.8374%2079.4382%2096.1013C76.2062%2095.1215%2074.8544%2093.5196%2075.1669%2090.047C77.3453%2065.8449%2079.2724%2041.6195%2081.5874%2017.431C82.1877%2011.1582%2086.291%207.68516%2092.6834%207.25693C119.768%205.44248%20146.84%202.9466%20173.957%202.22507C224.413%200.882606%20274.896%200.136695%20325.37%200.00760615C381.691%20-0.136468%20437.97%201.75434%20494.109%206.69422C501.563%207.35017%20505.933%2010.354%20506.53%2017.2479C508.698%2042.2781%20510.362%2067.3522%20512.164%2092.4134C512.218%2093.1611%20511.7%2093.9499%20510.813%2095.1264C501.117%2098.839%20492.088%20102.24%20482.973%20105.392C480.29%20106.32%20479.153%20107.5%20478.851%20110.556C477.064%20128.607%20474.983%20146.63%20472.912%20164.652C472.371%20169.358%20471.511%20174.027%20470.778%20178.845C465.237%20178.15%20460.31%20177.177%20455.351%20176.968C419.27%20175.451%20383.186%20173.068%20347.095%20172.913C292.663%20172.68%20238.221%20173.864%20183.79%20174.825C168.189%20175.101%20152.611%20176.687%20137.022%20177.672Z'%20fill='black'/%3e%3cpath%20d='M115.998%20242.444C115.998%20242.444%20115.831%20242.645%20115.901%20243.148C116.487%20245.683%20117.004%20247.716%20117.446%20249.452C237.123%20256.91%20356.191%20258.019%20475.338%20249.34C475.584%20248.229%20475.814%20247.439%20475.928%20246.633C482.248%20202.127%20488.613%20157.628%20494.748%20113.097C495.178%20109.978%20496.275%20108.757%20499.054%20108.148C503.432%20107.188%20507.765%20106.022%20512.117%20104.943C533.583%20101.34%20555.177%20100.765%20576.849%20102.313C580.497%20102.573%20584.121%20103.171%20587.753%20103.635C591.254%20104.083%20592.671%20105.601%20592.453%20109.586C590.638%20142.736%20586.102%20175.542%20580.584%20208.239C575.785%20236.676%20569.615%20264.788%20561.277%20292.422C559.932%20296.881%20558.04%20299.265%20553.18%20299.312C541.526%20299.425%20529.874%20299.804%20518.221%20300.09C516.764%20300.126%20515.308%20300.253%20513.263%20300.372C518.745%20317.864%20524.095%20334.936%20529.772%20353.052C524.036%20353.589%20519.007%20354.352%20513.965%20354.459C507.812%20354.59%20501.625%20354.415%20495.504%20353.831C493.787%20353.667%20491.682%20351.942%20490.72%20350.35C482.116%20336.099%20473.395%20321.897%20465.45%20307.278C462.539%20301.923%20459.559%20299.885%20453.343%20299.9C361.019%20300.114%20268.696%20300.031%20176.372%20300.027C165.04%20300.027%20153.705%20300.234%20142.378%20300.007C138.712%20299.934%20136.806%20301.129%20135.029%20304.34C126.812%20319.195%20118.227%20333.847%20109.898%20348.641C107.789%20352.387%20104.921%20354.1%20100.618%20354.04C91.177%20353.907%2081.7326%20353.999%2071.4449%20353.999C76.0669%20335.772%2080.4585%20318.454%2085.0902%20300.189C80.4081%20300.189%2076.3323%20300.147%2072.2577%20300.198C64.595%20300.292%2056.927%20300.298%2049.273%20300.621C45.173%20300.794%2042.8308%20299.198%2041.2637%20295.426C25.2878%20256.976%2013.1839%20217.38%207.18855%20176.139C4.1009%20154.899%202.45852%20133.45%200.074903%20112.105C-0.257372%20109.13%200.445112%20107.356%203.61636%20106.741C29.6121%20101.705%2055.6594%2099.2056%2082.0149%20104.116C86.1172%20104.881%2087.146%20106.938%2087.9001%20110.598C96.702%20153.318%20105.683%20196.002%20114.622%20238.694C114.724%20239.182%20114.901%20239.653%20115.191%20240.802C115.559%20241.796%20115.778%20242.12%20115.998%20242.444Z'%20fill='black'/%3e%3cpath%20d='M123.21%20241.789C123.12%20241.331%20123.029%20240.873%20122.843%20239.807C122.561%20238.879%20122.374%20238.559%20122.188%20238.238C120.006%20224.314%20117.783%20210.395%20115.707%20196.455C115.495%20195.036%20116.166%20193.485%20117.21%20191.851C156.732%20189.787%20195.454%20186.88%20234.216%20186.16C304.334%20184.859%20374.48%20184.759%20444.502%20189.951C453.388%20190.609%20462.25%20191.587%20471.652%20192.467C469.001%20208.167%20466.408%20222.902%20464.092%20237.68C463.528%20241.283%20462.118%20242.718%20458.407%20242.835C446.423%20243.213%20434.453%20244.248%20422.47%20244.415C377.161%20245.047%20331.841%20246.188%20286.54%20245.724C232.089%20245.166%20177.653%20243.165%20123.21%20241.789Z'%20fill='black'/%3e%3c/svg%3e")}.landing-card-icon-online{-webkit-mask-image:url(/assets/online-C0LaUQ_Z.svg);mask-image:url(/assets/online-C0LaUQ_Z.svg)}.landing-card .landing-title,.landing-card .subtext,.landing-card .home-main-action{position:relative;z-index:3}.landing-card .landing-title{grid-row:2;grid-column:1;align-self:start;z-index:3;margin:0;padding:10px 12px 0;font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);line-height:1}.landing-card .subtext{display:none}.landing-card .home-main-action{grid-row:2;grid-column:1;align-self:end;justify-self:end;width:auto;margin:0 12px 10px 0;z-index:3;border:1px solid color-mix(in srgb,var(--card-color) 60%,white);background:var(--card-color);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px color-mix(in srgb,var(--card-color) 45%,black),inset 0 1px color-mix(in srgb,var(--card-color) 50%,white)}.landing-card .home-main-action:hover:not(:disabled){background:color-mix(in srgb,var(--card-color) 80%,white);box-shadow:0 5px color-mix(in srgb,var(--card-color) 45%,black),inset 0 1px color-mix(in srgb,var(--card-color) 40%,white)}.landing-card .home-main-action:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 color-mix(in srgb,var(--card-color) 45%,black),inset 0 2px 6px #0000004d}.landing-card:after{content:"";grid-row:2;grid-column:1;background:var(--card-color-dark);border-top:2px solid color-mix(in srgb,var(--card-color) 50%,var(--card-color-dark));z-index:2}.landing-title{font-size:clamp(1.9rem,2.8vw,2.2rem);line-height:1}.setup-card-header{margin:0 0 14px;min-height:44px;padding:14px 24px;border-bottom:1px solid color-mix(in srgb,var(--shell-border) 78%,transparent);position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:36px 36px 0 0;overflow:hidden}.setup-card-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-30deg,color-mix(in srgb,#ffffff 12%,transparent) 0 9px,transparent 9px 18px);background-size:180px 180px;background-position:0 0;opacity:.34;pointer-events:none;animation:header-stripe-scroll var(--header-stripe-speed) linear infinite}.setup-card-header-local{background:linear-gradient(135deg,color-mix(in srgb,var(--icon-local-fg) 58%,#7cc7ab),color-mix(in srgb,var(--icon-local-fg) 78%,#4a9e7f))}.setup-card-header-online{background:linear-gradient(135deg,color-mix(in srgb,var(--icon-online-fg) 58%,#7ca5e6),color-mix(in srgb,var(--icon-online-fg) 78%,#4a78bf))}.setup-card-tag{position:relative;z-index:1;padding:4px 11px}.setup-header-close{position:relative;z-index:1;min-height:36px;padding:6px 14px;border-color:color-mix(in srgb,#ffffff 34%,transparent);color:color-mix(in srgb,#ffffff 92%,var(--text));background:color-mix(in srgb,#140d34 26%,transparent);box-shadow:0 2px #00000024,inset 0 1px #ffffff1a}.setup-header-close:hover{transform:translateY(-1px);box-shadow:0 3px #00000024,inset 0 1px #ffffff1f}.setup-header-close:active{transform:translateY(2px);box-shadow:0 0 #00000024,inset 0 2px 4px #0000002e}.avatar-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));--avatar-option-gap: clamp(14px, 1.4vw, 20px);gap:var(--avatar-option-gap)}.avatar-picker-stack{display:grid;gap:10px}.avatar-picker-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:6px 4px 12px}.avatar-picker-header-row>.avatar-picker-toolbar{margin-left:auto}.avatar-picker-header-row .honorific-segmented{padding:3px}.player-picker-title{font-size:2rem;line-height:1}.host-setup-cta-row,.join-setup-cta-row{grid-template-columns:minmax(0,1fr);margin-top:clamp(10px,1.5vw,18px)}.avatar-picker-toolbar{display:flex;justify-content:flex-end}.honorific-segmented{position:relative;display:inline-flex;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 80%,transparent);padding:3px;gap:0}.honorific-segmented-input{position:absolute;opacity:0;pointer-events:none}.honorific-seg{position:relative;z-index:1;border:none;background:none;padding:8px 20px;border-radius:9px;font-family:var(--title-font);font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--muted);cursor:pointer;transition:color .2s var(--ease-out);min-width:56px;text-align:center}.honorific-seg--active{color:#fff}.honorific-seg:not(.honorific-seg--active):hover{color:var(--text)}.honorific-seg-indicator{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:9px;background:color-mix(in srgb,var(--cta) 85%,#ffffff 15%);box-shadow:0 2px 8px color-mix(in srgb,var(--cta) 35%,transparent),inset 0 1px color-mix(in srgb,#ffffff 15%,transparent);transition:transform .28s cubic-bezier(.32,.72,0,1);z-index:0}.honorific-segmented--mrs .honorific-seg-indicator{transform:translate(100%)}@media(max-width:720px){.avatar-picker-header-row{flex-direction:column;align-items:stretch}.avatar-picker-header-row>.avatar-picker-toolbar{margin-left:0}.avatar-picker-header-row .honorific-segmented{display:flex;width:100%}.avatar-picker-header-row .honorific-seg{flex:1;padding:10px 20px}}.local-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--avatar-option-gap, 12px)}.avatar-option{position:relative;isolation:isolate;z-index:0;border:none;background:none;padding:0;border-radius:16px;display:block;min-width:0;color:var(--text);box-shadow:none;overflow:visible;cursor:pointer;transition:transform .26s cubic-bezier(.32,.72,0,1),opacity .18s var(--ease-out),filter .18s var(--ease-out)}.avatar-option:active:not(:disabled):not(.p1-locked){transform:scale(.96);transition-duration:80ms}@keyframes avatar-border-stripe-scroll{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,220px 0}}.square-option{aspect-ratio:1 / 1;border-radius:14px}.square-option .avatar-shell,.square-option .player-card-shell{height:100%}.avatar-shell,.player-card-shell{--tile-shell-padding: 0px;position:relative;display:block;min-height:100%;border-radius:inherit;border:none;overflow:hidden;isolation:isolate;padding:var(--tile-shell-padding);background-image:linear-gradient(140deg,color-mix(in srgb,var(--theme-strong, var(--cta)) 85%,#ffffff 10%),color-mix(in srgb,var(--theme-mid, var(--border)) 92%,#1b1630 8%));background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 32%,transparent),0 10px 18px color-mix(in srgb,var(--theme-strong, var(--cta)) 16%,transparent)}.player-card-shell--score{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:18px;border:none;padding:0;background-image:linear-gradient(140deg,color-mix(in srgb,var(--theme-strong, var(--cta)) 85%,#ffffff 10%),color-mix(in srgb,var(--theme-mid, var(--border)) 92%,#1b1630 8%));background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;box-shadow:none}.avatar-shell:before,.player-card-shell:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:inherit;background-image:var( --pattern-image-override-avatar, var(--pattern-image-override, var(--theme-pattern-image, var(--pattern-default-image))) );background-repeat:repeat;background-size:var( --pattern-size-override-avatar, var(--pattern-size-override, var(--pattern-size-default-avatar)) );background-position:0 0;opacity:var( --pattern-opacity-override-avatar, var(--pattern-opacity-override, var(--pattern-opacity-default-avatar)) );transform:rotate(var(--avatar-pattern-rotation, 0deg));transform-origin:center;animation-name:avatar-pattern-scroll;animation-duration:var( --pattern-speed-override-avatar, var(--pattern-speed-override, var(--pattern-speed-default-avatar)) );animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:var(--pattern-animated-avatar, var(--pattern-animated, running));pointer-events:none;z-index:0}.avatar-shell:after,.player-card-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--scratch-texture-image);background-repeat:repeat;background-size:var(--scratch-size-surface);background-position:0 0;transform:rotate(var(--avatar-pattern-rotation, 0deg));transform-origin:center;mix-blend-mode:plus-lighter;opacity:clamp(.16,calc(var(--scratch-opacity-tile) * 3),.3);pointer-events:none;z-index:2}.avatar-inner,.player-card-inner{position:relative;z-index:1;height:100%;min-height:100%;border-radius:10px;background:transparent;box-shadow:none;overflow:hidden;display:block;padding:0}.player-card-inner--score{border-radius:18px}.avatar-picker:not(.local-avatar-grid) .avatar-option{min-height:208px}.player-art,.player-card-art{position:relative;display:grid;place-items:center;padding:0;width:100%;height:100%;z-index:1;border-radius:8px;overflow:hidden}.player-card-art--score{border-radius:18px}.player-art img,.player-card-art img,.player-card-art-image{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:none}#local-stage[data-local-step=p2] .avatar-option:not(.p1-locked) .player-art img,#local-stage[data-local-step=p2] .avatar-option:not(.p1-locked) .player-card-art img{transform:scaleX(-1)}#local-stage[data-local-step=p2] .avatar-option:not(.p1-locked) .avatar-lower-third,#local-stage[data-local-step=p2] .avatar-option:not(.p1-locked) .player-card-lower-third{justify-content:flex-end;text-align:right}.avatar-lower-third,.player-card-lower-third{position:absolute;left:8px;bottom:8px;z-index:1;display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:8px;background:color-mix(in srgb,var(--theme-strong, var(--cta)) 94%,#000000 6%);box-shadow:0 4px 12px color-mix(in srgb,#000000 25%,transparent)}.player-card-lower-third--score{left:0;bottom:0;min-height:48px;max-width:calc(100% - 14px);padding:8px 14px;border-radius:0 14px 0 0;box-shadow:none}.avatar-option .avatar-name,.player-card-name{font-family:var(--title-font);font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:700;line-height:1;letter-spacing:.01em;color:#fff;white-space:nowrap}.player-card-name--score{font-size:clamp(1.08rem,1.95vw,1.4rem)}.avatar-option:hover:not(:disabled):not(.p1-locked):not(.selected){transform:translateY(-4px);z-index:2}.avatar-option:hover:not(:disabled):not(.p1-locked):not(.selected) .avatar-shell,.avatar-option:hover:not(:disabled):not(.p1-locked):not(.selected) .player-card-shell{box-shadow:0 0 0 2px color-mix(in srgb,#ffffff 60%,transparent),0 14px 28px color-mix(in srgb,#000000 28%,transparent),0 0 20px color-mix(in srgb,var(--theme-strong, var(--cta)) 30%,transparent)}.avatar-option.selected{transform:scale(1.04);z-index:3}.avatar-option.selected .avatar-shell,.avatar-option.selected .player-card-shell{box-shadow:0 0 0 3px #fff,0 0 0 6px color-mix(in srgb,var(--theme-strong, var(--cta)) 90%,#ffffff 10%),0 0 24px color-mix(in srgb,var(--theme-strong, var(--cta)) 50%,transparent),0 16px 24px color-mix(in srgb,#000000 22%,transparent)}.avatar-option.selected .avatar-inner,.avatar-option.selected .player-card-inner{filter:saturate(1.1) brightness(1.05)}.avatar-picker:has(.avatar-option.selected) .avatar-option:not(.selected):not(:hover),.local-avatar-grid:has(.avatar-option.selected) .avatar-option:not(.selected):not(:hover){opacity:.65;filter:saturate(.85)}.avatar-picker:has(.avatar-option.selected) .avatar-option:not(.selected):hover,.local-avatar-grid:has(.avatar-option.selected) .avatar-option:not(.selected):hover{opacity:.9;filter:none}.avatar-selected-badge,.player-card-badge.player-card-badge--selected{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;background:#fff;border:2px solid color-mix(in srgb,var(--theme-strong, var(--cta)) 80%,#ffffff 20%);box-shadow:0 4px 12px color-mix(in srgb,#000000 30%,transparent);color:color-mix(in srgb,var(--theme-strong, var(--cta)) 90%,#000000 10%);font-size:0;pointer-events:none;z-index:5}.avatar-selected-check,.player-card-badge-check{display:grid;place-items:center;font-size:.82rem;font-weight:900;line-height:1}.avatar-selected-label,.player-card-badge-label{display:none}.avatar-option.disabled,.avatar-option:disabled{opacity:.64;filter:saturate(.7);cursor:not-allowed;transform:none}.avatar-option.p1-locked,.avatar-option.p1-locked:disabled{opacity:1;filter:none;cursor:not-allowed;transform:none}.avatar-option.p1-locked .avatar-inner:after,.avatar-option.p1-locked .player-card-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(165deg,color-mix(in srgb,var(--theme-strong, var(--cta)) 44%,rgba(10,8,21,.58)),color-mix(in srgb,var(--theme-mid, var(--cta)) 36%,rgba(8,6,16,.68)));pointer-events:none;z-index:2}.local-avatar-grid .avatar-lower-third,.local-avatar-grid .player-card-lower-third{left:6px;bottom:6px;min-height:28px;padding:5px 10px}.lock-badge,.player-card-badge.player-card-badge--lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;z-index:4}.lock-badge:before,.player-card-badge.player-card-badge--lock:before{content:"";width:clamp(75px,45%,110px);aspect-ratio:1 / 1;background:color-mix(in srgb,#ffffff 90%,var(--theme-strong, var(--cta)) 10%);-webkit-mask:url("data:image/svg+xml,%3csvg%20width='380'%20height='380'%20viewBox='0%200%20380%20380'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M130.67%2015L99.4972%2039L75.3631%2073L66.3129%20108V153L118.603%20151L117.598%20112L120.615%2098L130.67%2079L143.743%2066L161.844%2057L198.045%2052L216.145%2055L232.235%2062L251.341%2083L263.408%20120L262.402%20165L257.374%20168L81.3967%20166L13.0168%20174L10%20179L13.0168%20228L36.1453%20366L41.1732%20370L243.296%20380H302.626L351.899%20375L355.922%20370L366.983%20265L370%20210L367.989%20175L310.67%20165L311.676%20118L301.62%2073L284.525%2043L261.397%2020L237.263%207L203.073%200L162.849%203L130.67%2015ZM188.994%20196H203.073L218.156%20201L230.223%20214L236.257%20229L232.235%20251L213.128%20269L228.212%20338L223.184%20341L167.877%20342L162.849%20339L177.933%20269L169.888%20265L156.816%20249L153.799%20229L158.827%20216L168.883%20205L188.994%20196Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='380'%20height='380'%20viewBox='0%200%20380%20380'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M130.67%2015L99.4972%2039L75.3631%2073L66.3129%20108V153L118.603%20151L117.598%20112L120.615%2098L130.67%2079L143.743%2066L161.844%2057L198.045%2052L216.145%2055L232.235%2062L251.341%2083L263.408%20120L262.402%20165L257.374%20168L81.3967%20166L13.0168%20174L10%20179L13.0168%20228L36.1453%20366L41.1732%20370L243.296%20380H302.626L351.899%20375L355.922%20370L366.983%20265L370%20210L367.989%20175L310.67%20165L311.676%20118L301.62%2073L284.525%2043L261.397%2020L237.263%207L203.073%200L162.849%203L130.67%2015ZM188.994%20196H203.073L218.156%20201L230.223%20214L236.257%20229L232.235%20251L213.128%20269L228.212%20338L223.184%20341L167.877%20342L162.849%20339L177.933%20269L169.888%20265L156.816%20249L153.799%20229L158.827%20216L168.883%20205L188.994%20196Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat;filter:drop-shadow(0 4px 10px color-mix(in srgb,#000000 28%,transparent))}.avatar-option.p1-locked .lock-badge{opacity:1;visibility:visible}.player-card-badge.player-card-badge--leader{position:absolute;top:12px;right:12px;width:clamp(42px,17%,56px);aspect-ratio:1 / 1;background:#fff;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='380'%20height='380'%20viewBox='0%200%20380%20380'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M95.1935%20335.787L96.7413%20340L294.868%20339.157L284.807%20304.607L281.711%20302.079L263.136%20300.393L192.709%20302.079L107.576%20299.551L95.1935%20335.787ZM0%2071.1798L3.09572%20100.674L10.835%20125.955L26.3136%20152.079L37.1487%20163.876L66.558%20179.888L109.124%20183.258L133.116%20203.483L170.265%20226.236L167.169%20262.472L143.177%20269.213L139.308%20274.27L136.986%20285.225L138.534%20288.595L164.073%20290.281L253.075%20289.438L249.98%20273.427L246.884%20270.056L225.988%20265.843L221.344%20262.472L215.927%20225.393L245.336%20206.854L269.328%20184.944L305.703%20182.416L327.373%20173.989L341.303%20164.719L358.33%20147.865L369.165%20130.169L375.356%20115.843L380%2091.4045V70.3371L377.678%2066.9663L369.165%2064.4382L320.407%2063.5955L316.538%2061.0674L315.764%2047.5843L303.381%2044.2135L153.238%2040L66.558%2043.3708L59.5927%2046.7416L60.3666%2062.7528L56.4969%2065.2809L6.96538%2066.9663L0%2071.1798ZM30.9572%2094.7753L44.888%2091.4045L61.9145%2093.0899L70.4277%20118.371L85.9063%20147.022V151.236L82.0367%20153.764L74.2973%20152.079L54.9491%20141.124L38.6965%20120.056L30.9572%20100.674V94.7753ZM347.495%2090.5618L349.043%2095.618L345.947%20109.944L335.886%20130.169L318.086%20147.022L297.189%20155.449L292.546%20153.764L291.772%20149.551L304.155%20122.584L313.442%2091.4045L318.086%2088.0337L347.495%2090.5618ZM132.342%20105.73L171.813%2094.7753L184.196%2064.4382L188.839%2061.0674L193.483%2064.4382L207.413%2095.618L242.24%20101.517L246.11%20104.045V108.258L219.796%20131.854L226.762%20173.146L222.892%20174.831L188.839%20154.607L157.882%20174.831L153.238%20171.461L161.752%20131.854L133.89%20111.629L132.342%20105.73Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='380'%20height='380'%20viewBox='0%200%20380%20380'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M95.1935%20335.787L96.7413%20340L294.868%20339.157L284.807%20304.607L281.711%20302.079L263.136%20300.393L192.709%20302.079L107.576%20299.551L95.1935%20335.787ZM0%2071.1798L3.09572%20100.674L10.835%20125.955L26.3136%20152.079L37.1487%20163.876L66.558%20179.888L109.124%20183.258L133.116%20203.483L170.265%20226.236L167.169%20262.472L143.177%20269.213L139.308%20274.27L136.986%20285.225L138.534%20288.595L164.073%20290.281L253.075%20289.438L249.98%20273.427L246.884%20270.056L225.988%20265.843L221.344%20262.472L215.927%20225.393L245.336%20206.854L269.328%20184.944L305.703%20182.416L327.373%20173.989L341.303%20164.719L358.33%20147.865L369.165%20130.169L375.356%20115.843L380%2091.4045V70.3371L377.678%2066.9663L369.165%2064.4382L320.407%2063.5955L316.538%2061.0674L315.764%2047.5843L303.381%2044.2135L153.238%2040L66.558%2043.3708L59.5927%2046.7416L60.3666%2062.7528L56.4969%2065.2809L6.96538%2066.9663L0%2071.1798ZM30.9572%2094.7753L44.888%2091.4045L61.9145%2093.0899L70.4277%20118.371L85.9063%20147.022V151.236L82.0367%20153.764L74.2973%20152.079L54.9491%20141.124L38.6965%20120.056L30.9572%20100.674V94.7753ZM347.495%2090.5618L349.043%2095.618L345.947%20109.944L335.886%20130.169L318.086%20147.022L297.189%20155.449L292.546%20153.764L291.772%20149.551L304.155%20122.584L313.442%2091.4045L318.086%2088.0337L347.495%2090.5618ZM132.342%20105.73L171.813%2094.7753L184.196%2064.4382L188.839%2061.0674L193.483%2064.4382L207.413%2095.618L242.24%20101.517L246.11%20104.045V108.258L219.796%20131.854L226.762%20173.146L222.892%20174.831L188.839%20154.607L157.882%20174.831L153.238%20171.461L161.752%20131.854L133.89%20111.629L132.342%20105.73Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat;filter:drop-shadow(0 2px 0 color-mix(in srgb,#ffffff 16%,transparent)) drop-shadow(0 8px 10px color-mix(in srgb,#000000 34%,transparent));pointer-events:none;z-index:4}.local-wizard{display:grid;gap:var(--space-4);width:min(100%,980px);margin:0 auto}.local-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.local-context{display:grid;gap:var(--space-2)}.local-choices{display:grid;gap:var(--space-4);padding-top:2px}.local-setup-cta-row{grid-template-columns:minmax(0,1fr);margin-top:clamp(10px,1.5vw,18px)}.local-wizard.step-transition-enter{animation:localStepIn .22s ease-out}@keyframes localStepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rejoin-card{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--surface-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 66%,transparent)}.rejoin-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.lobby-panel{max-width:1100px;margin:0 auto;display:grid;grid-template-rows:auto 1fr;gap:clamp(16px,2vw,24px);padding:0;border:0;background:transparent;box-shadow:none}.lobby-games-panel{display:grid;gap:clamp(10px,1.4vw,16px);align-content:start;padding:0;border:0;background:transparent;box-shadow:none}.lobby-games-title{margin:0;font-family:var(--title-font);font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#f3ebff;text-shadow:0 2px 0 #3a1d6e,0 4px 0 #2a1250,0 6px 10px rgba(0,0,0,.35)}.lobby-pick-head{margin-bottom:0;justify-content:flex-start}.lobby-pick-head>div{justify-items:start;text-align:left;width:100%}.lobby-pick-head h2{font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:.02em}.lobby-pick-head .pick-status{margin-top:8px}.shuffle-display{display:grid;gap:12px;justify-items:center;padding:6px 0 0}.shuffle-panel{max-width:860px;margin:0 auto;text-align:center;gap:8px}.shuffle-panel .shuffle-display{margin-top:0;text-align:center}.shuffle-name{font-family:var(--title-font);font-weight:700;font-size:1.08rem;letter-spacing:.02em;min-height:1.4em;margin:0;opacity:0;transform:translateY(4px);transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}.shuffle-name.show{opacity:1;transform:translateY(0)}.wheel-stage{min-height:490px;align-content:center}.shuffle-strip-wrap{position:relative;width:min(86vw,860px);margin:6px auto 0;display:grid;justify-items:center;gap:20px}.shuffle-strip-stage{--shuffle-cell-size: clamp(112px, 11vw, 156px);--shuffle-gap: clamp(8px, 1.3vw, 14px);position:relative;width:max-content;max-width:100%;min-height:0;border-radius:calc(var(--radius-md) + 2px);overflow:visible;border:1px solid color-mix(in srgb,var(--shell-top-border) 68%,var(--border));background:transparent;box-shadow:0 10px 24px color-mix(in srgb,#000000 30%,transparent),inset 0 1px color-mix(in srgb,#ffffff 18%,transparent)}.shuffle-grid{display:grid;grid-template-columns:repeat(2,var(--shuffle-cell-size));grid-template-rows:repeat(2,var(--shuffle-cell-size));gap:var(--shuffle-gap);padding:var(--shuffle-gap)}.shuffle-card{position:relative;width:var(--shuffle-cell-size);height:var(--shuffle-cell-size);border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 22%,transparent),inset 0 -10px 16px color-mix(in srgb,#000000 26%,transparent);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),border-color .16s var(--ease-out)}.shuffle-card.player-a{background:linear-gradient(148deg,color-mix(in srgb,var(--red-1) 76%,#42203f),color-mix(in srgb,var(--red-2) 80%,#1c112f))}.shuffle-card.player-b{background:linear-gradient(148deg,color-mix(in srgb,var(--green-1) 74%,#10293c),color-mix(in srgb,var(--green-2) 78%,#0a1830))}.shuffle-card-avatar{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:saturate(.92) contrast(1.02);transform:none}.shuffle-card.is-right .shuffle-card-avatar{transform:scaleX(-1)}.shuffle-card.is-active{transform:translateY(-2px);border-color:color-mix(in srgb,#ffffff 62%,var(--cta));box-shadow:0 0 0 2px color-mix(in srgb,var(--cta) 62%,transparent),0 0 24px color-mix(in srgb,var(--cta) 34%,transparent),inset 0 1px color-mix(in srgb,#ffffff 34%,transparent),inset 0 -10px 16px color-mix(in srgb,#000000 20%,transparent)}.shuffle-card.is-final{border-color:color-mix(in srgb,#ffffff 78%,var(--cta));box-shadow:0 0 0 3px color-mix(in srgb,var(--cta) 68%,transparent),0 0 32px color-mix(in srgb,var(--cta) 44%,transparent),0 10px 22px color-mix(in srgb,#000000 28%,transparent),inset 0 1px color-mix(in srgb,#ffffff 38%,transparent),inset 0 -10px 16px color-mix(in srgb,#000000 18%,transparent)}.wheel-spin-label{position:relative;z-index:1}.score-columns{display:grid;gap:0;background:linear-gradient(180deg,#ffffff0e,#ffffff06);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:clamp(12px,2vw,20px);box-shadow:0 8px 32px #00000040}.theme-red{--theme-strong: var(--red-1);--theme-mid: var(--red-2);--theme-soft: var(--red-3);--theme-pattern-image: var(--pattern-image-dots);--player-pattern-image: var(--theme-pattern-image);--avatar-pattern-rotation: 90deg}.theme-yellow{--theme-strong: var(--yellow-1);--theme-mid: var(--yellow-2);--theme-soft: var(--yellow-3);--theme-pattern-image: var(--pattern-image-diagonal);--player-pattern-image: var(--theme-pattern-image);--avatar-pattern-rotation: 0deg}.theme-green{--theme-strong: var(--green-1);--theme-mid: var(--green-2);--theme-soft: var(--green-3);--theme-pattern-image: var(--pattern-image-zig);--player-pattern-image: var(--theme-pattern-image);--avatar-pattern-rotation: 180deg}.theme-blue{--theme-strong: var(--blue-1);--theme-mid: var(--blue-2);--theme-soft: var(--blue-3);--theme-pattern-image: var(--pattern-image-vertical);--player-pattern-image: var(--theme-pattern-image);--avatar-pattern-rotation: 270deg}.end-game{width:100%;justify-content:center}.screen-head .ghost{min-width:130px}.score-duel-panel{position:relative;border-radius:0;border:none;background:transparent;padding:0;overflow:visible}.score-duel-panel:before{content:none}.score-duel-sides{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:0;max-width:580px;margin-inline:auto}.score-duel-divider{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(48px,6vw,64px);z-index:2}.score-duel-divider:before{content:"VS";font-family:var(--title-font);font-weight:900;font-size:clamp(1rem,1.6vw,1.3rem);letter-spacing:.06em;color:color-mix(in srgb,#ffffff 60%,var(--muted));text-shadow:0 0 20px color-mix(in srgb,var(--cta) 30%,transparent);background:color-mix(in srgb,var(--surface-2) 50%,var(--surface-3));border:1px solid color-mix(in srgb,#ffffff 14%,transparent);border-radius:999px;padding:6px 0;width:clamp(40px,5vw,52px);text-align:center;box-shadow:0 4px 16px color-mix(in srgb,#000000 30%,transparent),inset 0 1px color-mix(in srgb,#ffffff 12%,transparent)}.score-duel-side{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(8px,1.2vw,14px);min-width:0;flex:1 1 0;padding:0;position:relative}.score-duel-side-waiting{--theme-strong: #bdb7ff;--theme-mid: #8f87d8;--theme-soft: #4d457c}.score-duel-top{position:relative;width:clamp(120px,14vw,172px);min-width:clamp(120px,14vw,172px);flex:0 0 auto;display:block}.score-duel-top:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-strong, var(--cta)) 18%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1}.score-duel-top .player-card-shell--score{width:100%;aspect-ratio:1 / 1;border-radius:18px;border:none;overflow:hidden;box-shadow:0 8px 20px color-mix(in srgb,#060412 30%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 8%,transparent)}.score-duel-top .player-card-inner--score,.score-duel-top .player-card-art--score{border-radius:0}.score-duel-top .player-card-lower-third--score{display:none}.score-duel-meta{min-width:0;display:grid;align-content:center;justify-items:center;text-align:center;gap:2px;flex:0 1 auto}.score-duel-name{margin:0;font-family:var(--title-font);font-weight:900;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.1;letter-spacing:.01em;color:color-mix(in srgb,#ffffff 94%,var(--text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-duel-points{margin:0;font-family:var(--title-font);font-weight:900;font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1;letter-spacing:.02em;color:#fff;text-shadow:0 0 24px color-mix(in srgb,var(--theme-strong, var(--cta)) 40%,transparent)}.score-duel-name-waiting,.score-duel-points-waiting{color:color-mix(in srgb,var(--muted) 88%,#ffffff 12%);text-shadow:none}.player-card-shell--score:before{top:0;right:0;bottom:0;left:0;transform:none;background-image:var( --pattern-image-override-score, var(--pattern-image-override, var(--theme-pattern-image, var(--pattern-default-image))) );background-repeat:repeat;background-size:var( --pattern-size-override-score, var(--pattern-size-override, var(--pattern-size-default-score)) );opacity:var( --pattern-opacity-override-score, var(--pattern-opacity-override, var(--pattern-opacity-default-score)) );animation-duration:var( --pattern-speed-override-score, var(--pattern-speed-override, var(--pattern-speed-default-score)) );animation-play-state:var(--pattern-animated-score, var(--pattern-animated, running))}.score-duel-side-guest .player-card-art img{transform:scaleX(-1)}.score-duel-side-guest{flex-direction:column}.score-duel-side-guest .score-duel-meta{justify-items:center;text-align:center}.score-duel-side .player-card-badge.player-card-badge--leader{top:8px;right:8px;left:auto;width:34px;height:34px;border-radius:999px;background:linear-gradient(155deg,color-mix(in srgb,#ffffff 92%,var(--theme-strong, var(--cta)) 8%),color-mix(in srgb,#f4e7a2 78%,#ffffff 22%));border:1px solid color-mix(in srgb,#ffffff 42%,transparent);box-shadow:0 6px 14px color-mix(in srgb,#000000 30%,transparent),inset 0 1px color-mix(in srgb,#ffffff 74%,transparent);-webkit-mask:none;mask:none;display:grid;place-items:center}.score-duel-side .player-card-badge.player-card-badge--leader:before{content:"";width:18px;height:18px;background:color-mix(in srgb,#20153a 86%,#ffffff 14%);-webkit-mask:url("data:image/svg+xml,%3csvg%20width='380'%20height='380'%20viewBox='0%200%20380%20380'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M95.1935%20335.787L96.7413%20340L294.868%20339.157L284.807%20304.607L281.711%20302.079L263.136%20300.393L192.709%20302.079L107.576%20299.551L95.1935%20335.787ZM0%2071.1798L3.09572%20100.674L10.835%20125.955L26.3136%20152.079L37.1487%20163.876L66.558%20179.888L109.124%20183.258L133.116%20203.483L170.265%20226.236L167.169%20262.472L143.177%20269.213L139.308%20274.27L136.986%20285.225L138.534%20288.595L164.073%20290.281L253.075%20289.438L249.98%20273.427L246.884%20270.056L225.988%20265.843L221.344%20262.472L215.927%20225.393L245.336%20206.854L269.328%20184.944L305.703%20182.416L327.373%20173.989L341.303%20164.719L358.33%20147.865L369.165%20130.169L375.356%20115.843L380%2091.4045V70.3371L377.678%2066.9663L369.165%2064.4382L320.407%2063.5955L316.538%2061.0674L315.764%2047.5843L303.381%2044.2135L153.238%2040L66.558%2043.3708L59.5927%2046.7416L60.3666%2062.7528L56.4969%2065.2809L6.96538%2066.9663L0%2071.1798ZM30.9572%2094.7753L44.888%2091.4045L61.9145%2093.0899L70.4277%20118.371L85.9063%20147.022V151.236L82.0367%20153.764L74.2973%20152.079L54.9491%20141.124L38.6965%20120.056L30.9572%20100.674V94.7753ZM347.495%2090.5618L349.043%2095.618L345.947%20109.944L335.886%20130.169L318.086%20147.022L297.189%20155.449L292.546%20153.764L291.772%20149.551L304.155%20122.584L313.442%2091.4045L318.086%2088.0337L347.495%2090.5618ZM132.342%20105.73L171.813%2094.7753L184.196%2064.4382L188.839%2061.0674L193.483%2064.4382L207.413%2095.618L242.24%20101.517L246.11%20104.045V108.258L219.796%20131.854L226.762%20173.146L222.892%20174.831L188.839%20154.607L157.882%20174.831L153.238%20171.461L161.752%20131.854L133.89%20111.629L132.342%20105.73Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='380'%20height='380'%20viewBox='0%200%20380%20380'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M95.1935%20335.787L96.7413%20340L294.868%20339.157L284.807%20304.607L281.711%20302.079L263.136%20300.393L192.709%20302.079L107.576%20299.551L95.1935%20335.787ZM0%2071.1798L3.09572%20100.674L10.835%20125.955L26.3136%20152.079L37.1487%20163.876L66.558%20179.888L109.124%20183.258L133.116%20203.483L170.265%20226.236L167.169%20262.472L143.177%20269.213L139.308%20274.27L136.986%20285.225L138.534%20288.595L164.073%20290.281L253.075%20289.438L249.98%20273.427L246.884%20270.056L225.988%20265.843L221.344%20262.472L215.927%20225.393L245.336%20206.854L269.328%20184.944L305.703%20182.416L327.373%20173.989L341.303%20164.719L358.33%20147.865L369.165%20130.169L375.356%20115.843L380%2091.4045V70.3371L377.678%2066.9663L369.165%2064.4382L320.407%2063.5955L316.538%2061.0674L315.764%2047.5843L303.381%2044.2135L153.238%2040L66.558%2043.3708L59.5927%2046.7416L60.3666%2062.7528L56.4969%2065.2809L6.96538%2066.9663L0%2071.1798ZM30.9572%2094.7753L44.888%2091.4045L61.9145%2093.0899L70.4277%20118.371L85.9063%20147.022V151.236L82.0367%20153.764L74.2973%20152.079L54.9491%20141.124L38.6965%20120.056L30.9572%20100.674V94.7753ZM347.495%2090.5618L349.043%2095.618L345.947%20109.944L335.886%20130.169L318.086%20147.022L297.189%20155.449L292.546%20153.764L291.772%20149.551L304.155%20122.584L313.442%2091.4045L318.086%2088.0337L347.495%2090.5618ZM132.342%20105.73L171.813%2094.7753L184.196%2064.4382L188.839%2061.0674L193.483%2064.4382L207.413%2095.618L242.24%20101.517L246.11%20104.045V108.258L219.796%20131.854L226.762%20173.146L222.892%20174.831L188.839%20154.607L157.882%20174.831L153.238%20171.461L161.752%20131.854L133.89%20111.629L132.342%20105.73Z'%20fill='black'/%3e%3c/svg%3e") center / contain no-repeat}.score-duel-side-guest .player-card-badge.player-card-badge--leader{left:8px;right:auto}.score-duel-scorebar-wrap,.score-broadcast-row,.score-broadcast-score,.score-duel-side-guest .player-card-lower-third--score{display:none}@media(min-width:1024px){.score-duel-sides{max-width:640px}.score-duel-top{width:clamp(130px,12vw,160px);min-width:clamp(130px,12vw,160px)}}.player-card-art-placeholder{background:radial-gradient(circle at 35% 28%,color-mix(in srgb,#ffffff 38%,transparent) 0%,transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--theme-soft, var(--surface)) 72%,#ffffff 16%),color-mix(in srgb,var(--theme-mid, var(--border)) 84%,#0f0d22 16%))}.score-avatar-spinner,.player-card-spinner{position:absolute;left:50%;top:50%;width:22px;height:22px;margin-left:-11px;margin-top:-11px;border-radius:50%;border:2px solid color-mix(in srgb,#ffffff 34%,transparent);border-top-color:#fff;z-index:3;animation:spinner-rotate .9s linear infinite}.score-name{font-weight:700;font-size:1.5rem;font-family:var(--title-font);line-height:1.04;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}.score-skeleton-name{width:min(100%,220px);min-height:1.7rem;display:flex;align-items:center}.skeleton-name-bar,.skeleton-value-bar{display:inline-block;border-radius:999px;background:linear-gradient(100deg,color-mix(in srgb,var(--surface) 84%,#ffffff10),color-mix(in srgb,#ffffff 22%,var(--surface)),color-mix(in srgb,var(--surface) 84%,#ffffff10));background-size:220% 100%;animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton-name-bar{width:clamp(120px,36%,196px);height:1.26rem}.score-role{display:none}.cta-main{width:100%;justify-content:center;min-width:250px}.cta-main.is-waiting-copy:after{content:".";display:inline-block;width:2.2ch;text-align:left;animation:loading-dots 1.2s steps(3,end) infinite}.app-action-dock{position:fixed;left:0;right:0;bottom:0;z-index:26;display:none;pointer-events:none}.app-dock-slot{width:min(100%,720px);margin:0 auto;padding:0 calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left));display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.app-dock-slot-landing{grid-template-columns:repeat(2,minmax(0,1fr))}.app-dock-btn{width:100%;min-height:50px;justify-content:center;pointer-events:auto;border-radius:16px}.app-dock-slot .app-dock-btn{box-shadow:0 14px 24px color-mix(in srgb,var(--cta) 18%,transparent)}.app-dock-slot .app-dock-btn.ghost{box-shadow:0 10px 20px color-mix(in srgb,#0b1120 10%,transparent)}@media(max-width:720px){.app-action-dock{display:block}body[data-fixed-footer-active=true] main{padding-bottom:calc(var(--app-dock-height) + var(--safe-bottom))}}.screen-head{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:var(--space-4)}.pick-head{justify-content:center;margin-bottom:var(--space-5)}.pick-head>div{display:grid;gap:0;justify-items:center;text-align:center}@keyframes skeleton-pulse{0%{background-position:200% 0;opacity:.78}50%{opacity:1}to{background-position:-40% 0;opacity:.78}}@keyframes skeleton-shimmer{0%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes loading-dots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}@keyframes notification-ring-wave{0%{box-shadow:0 0 color-mix(in srgb,var(--cta) 42%,transparent),0 0 color-mix(in srgb,var(--cta) 30%,transparent)}65%{box-shadow:0 0 0 9px color-mix(in srgb,var(--cta) 0%,transparent),0 0 0 15px color-mix(in srgb,var(--cta) 0%,transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb,var(--cta) 0%,transparent),0 0 0 15px color-mix(in srgb,var(--cta) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.landing-rejoin-card.has-alert:before{animation:none;box-shadow:0 0 0 5px color-mix(in srgb,var(--cta) 20%,transparent)}}.pick-head h2{font-size:clamp(2.05rem,4.4vw,3rem);letter-spacing:.03em}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:#fff;background:var(--error, #c0392b);animation:connection-banner-slide-in .3s ease-out}.connection-banner[data-status=reconnecting]{background:var(--warning, #e67e22)}.connection-banner-action{padding:3px 12px;font-size:.8rem;font-weight:700;color:inherit;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:4px;cursor:pointer;transition:background .15s}.connection-banner-action:hover{background:#ffffff59}@keyframes connection-banner-slide-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,14px);perspective:900px}.game-card{--card-color: #5b7af0;--card-color-dark: #2a3880;--card-rx: 0deg;--card-ry: 0deg;--card-shine-x: 50%;--card-shine-y: 50%;position:relative;overflow:hidden;border-radius:16px;aspect-ratio:5 / 4;cursor:pointer;padding:0;border:3px solid var(--card-color);background:var(--card-color-dark);box-shadow:0 4px 16px #00000080,0 0 0 1px #0000004d,inset 0 1px color-mix(in srgb,var(--card-color) 60%,white);transition:transform .4s cubic-bezier(.03,.98,.52,.99),box-shadow .4s var(--ease-out);transform-style:preserve-3d;will-change:transform;transform:perspective(800px) rotateX(var(--card-rx)) rotateY(var(--card-ry))}.game-card:hover{box-shadow:0 20px 40px #00000080,0 0 20px color-mix(in srgb,var(--card-color) 25%,transparent),0 0 0 1px #0003,inset 0 1px color-mix(in srgb,var(--card-color) 80%,white)}.game-card:active{transform:perspective(800px) scale(.97);transition-duration:.1s}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--card-shine-x) var(--card-shine-y),rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 40%,transparent 70%);opacity:0;transition:opacity .4s var(--ease-out)}.game-card:hover:before{opacity:1}.game-banner{position:absolute;top:0;right:0;left:0;bottom:56px;display:flex;align-items:center;justify-content:center;background-image:var(--game-banner-gradient);background-size:100% 100%;border-radius:12px 12px 0 0;overflow:hidden}.game-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff8c;-webkit-mask-image:var(--game-banner-image);-webkit-mask-repeat:no-repeat;-webkit-mask-size:64% auto;-webkit-mask-position:center center;mask-image:var(--game-banner-image);mask-repeat:no-repeat;mask-size:64% auto;mask-position:center center;pointer-events:none;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .32s var(--ease-out)}.game-card:hover .game-banner:after{transform:scale(1.1) translateY(-2px);opacity:1;background-color:#ffffff47}.game-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 25% 15%,rgba(255,255,255,.22),transparent 55%),radial-gradient(ellipse 40% 50% at 80% 85%,rgba(0,0,0,.15),transparent 50%);pointer-events:none;z-index:2}.game-banner-label{display:none}.game-banner-tic-tac-toe{--game-banner-gradient: linear-gradient(160deg, #6b8af8 0%, #3b55d0 45%, #1e2e78 100%);--game-banner-image: url(/assets/game-ttt-CBiQOJv-.svg)}.game-card:has(.game-banner-tic-tac-toe){--card-color: #5b7af0;--card-color-dark: #1a2668}.game-banner-dots-and-boxes{--game-banner-gradient: linear-gradient(160deg, #f0a840 0%, #d06028 45%, #702820 100%);--game-banner-image: url("data:image/svg+xml,%3csvg%20width='512'%20height='256'%20viewBox='0%200%20512%20256'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M275.429%2081.721C283.402%2081.7478%20290.832%2081.8466%20298.259%2081.7562C301.651%2081.7149%20303.007%2082.8693%20303%2085.897C302.928%20115.555%20302.926%20145.213%20302.977%20174.871C302.982%20177.913%20301.492%20179.013%20298.155%20179C268.821%20178.881%20239.487%20178.811%20210.152%20178.768C206.617%20178.763%20205.012%20177.544%20205.02%20174.275C205.09%20144.617%20205.105%20114.958%20205%2085.3004C204.985%2080.928%20208.133%2080.9937%20211.476%2081.018C232.613%2081.1718%20253.761%2080.5856%20275.429%2081.721Z'%20fill='black'/%3e%3cpath%20d='M312.922%2061.3246C304.674%2043.9311%20315.435%2030.1117%20325.998%2026.4685C338.647%2022.1056%20352.554%2027.7545%20357.95%2039.5652C363.158%2050.9629%20358.263%2065.0618%20346.946%2071.2587C335.324%2077.6229%20320.836%2073.5225%20312.922%2061.3246Z'%20fill='black'/%3e%3cpath%20d='M193.535%20218.856C184.119%20234.58%20164.155%20231.587%20156.667%20222.253C150.531%20214.604%20149.189%20205.588%20153.569%20197.175C157.805%20189.037%20166.828%20184.678%20177.194%20185.761C186.01%20186.681%20193.063%20192.84%20195.712%20201.657C197.504%20207.623%20196.345%20213.134%20193.535%20218.856Z'%20fill='black'/%3e%3cpath%20d='M355.66%20202.912C357.978%20217.085%20350.607%20227.86%20337.482%20230.098C325.066%20232.215%20313.759%20224.248%20311.359%20211.691C309.424%20201.564%20315.498%20190.867%20324.956%20187.746C336.558%20183.916%20349.343%20188.733%20354.135%20198.775C354.705%20199.969%20355.06%20201.266%20355.66%20202.912Z'%20fill='black'/%3e%3cpath%20d='M166.581%20154.403C166.424%20131.985%20166.235%20110.051%20166.15%2088.1175C166.141%2085.8524%20165.203%2082.5179%20168.133%2081.7872C171.859%2080.858%20176.056%2080.5121%20179.698%2082.1027C181.543%2082.9084%20180.885%2085.6075%20180.889%2087.5007C180.932%20107.513%20180.94%20127.524%20180.936%20147.536C180.934%20155.928%20180.741%20164.323%20180.904%20172.711C180.991%20177.158%20179.519%20179.477%20174.68%20178.918C173.227%20178.75%20171.731%20178.831%20170.262%20178.924C167.53%20179.097%20166.492%20177.951%20166.545%20175.221C166.677%20168.446%20166.583%20161.666%20166.581%20154.403Z'%20fill='black'/%3e%3cpath%20d='M341.876%2099.7821C341.877%20123.838%20341.914%20147.386%20341.851%20170.932C341.844%20173.502%20342.806%20177.242%20339.931%20178.165C336.322%20179.324%20332.2%20179.269%20328.48%20178.046C326.456%20177.381%20327.098%20174.844%20327.093%20173.07C327.047%20156.119%20327.062%20139.168%20327.062%20122.217C327.062%20110.352%20327.185%2098.4844%20327.004%2086.6219C326.942%2082.54%20328.076%2080.8124%20332.202%2081.016C341.875%2081.4935%20341.808%2078.8596%20341.942%2091.1371C341.971%2093.8484%20341.905%2096.5609%20341.876%2099.7821Z'%20fill='black'/%3e%3cpath%20d='M160.146%2064.1953C153.222%2056.6624%20151.649%2047.3572%20155.767%2039.642C159.764%2032.1537%20168.755%2027.8203%20177.26%2029.2821C186.371%2030.8481%20193.687%2037.7337%20194.8%2046.6397C195.799%2054.635%20192.857%2061.444%20186.3%2066.2121C179.201%2071.3742%20171.612%2070.4744%20164.106%2066.9615C162.775%2066.3381%20161.64%2065.2929%20160.146%2064.1953Z'%20fill='black'/%3e%3cpath%20d='M276.806%2056.8982C255.495%2056.8787%20234.888%2056.7134%20214.29%2056.9284C207.673%2056.9975%20204.371%2055.724%20205.162%2050.9411C205.347%2049.822%20205.32%2048.661%20205.119%2047.5422C204.436%2043.7551%20206.682%2042.3999%20212.321%2042.4535C231.026%2042.6313%20249.738%2042.5655%20268.446%2042.4893C277.198%2042.4537%20285.949%2042.2002%20294.698%2042.0071C300.584%2041.8771%20303.07%2043.5303%20302.999%2047.7941C302.814%2058.8695%20302.82%2056.8325%20290.303%2056.8834C286.04%2056.9007%20281.777%2056.895%20276.806%2056.8982Z'%20fill='black'/%3e%3cpath%20d='M231.194%20217.898C252.505%20217.879%20273.112%20217.713%20293.71%20217.928C300.327%20217.998%20303.629%20216.724%20302.838%20211.941C302.653%20210.822%20302.68%20209.661%20302.881%20208.542C303.564%20204.755%20301.318%20203.4%20295.679%20203.453C276.974%20203.631%20258.262%20203.566%20239.554%20203.489C230.802%20203.454%20222.051%20203.2%20213.302%20203.007C207.416%20202.877%20204.93%20204.53%20205.001%20208.794C205.186%20219.87%20205.18%20217.833%20217.697%20217.883C221.96%20217.901%20226.223%20217.895%20231.194%20217.898Z'%20fill='black'/%3e%3c/svg%3e")}.game-card:has(.game-banner-dots-and-boxes){--card-color: #e09940;--card-color-dark: #5a2218}.game-banner-word-fight{--game-banner-gradient: linear-gradient(160deg, #b06ef0 0%, #7838c0 45%, #3a1870 100%);--game-banner-image: url(/assets/game-words-DvEB_EQR.svg)}.game-card:has(.game-banner-word-fight){--card-color: #9b5ee0;--card-color-dark: #2a1050}.game-banner-poker-dice{--game-banner-gradient: linear-gradient(160deg, #60b858 0%, #388840 45%, #1a4020 100%);--game-banner-image: url(/assets/game-poker-z7R-Apxg.svg)}.game-card:has(.game-banner-poker-dice){--card-color: #50a048;--card-color-dark: #163818}.game-meta{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;height:56px;background:var(--card-color-dark);border-top:2px solid color-mix(in srgb,var(--card-color) 50%,var(--card-color-dark))}.game-name-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.game-name{margin:0;font-size:clamp(.85rem,1.3vw,1.05rem);font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.pick-status{margin:6px 0 0;font-size:1rem;font-weight:600;color:var(--muted);text-transform:none}.game-cta-row{display:flex;flex-shrink:0}.game-cta{min-height:30px;border-radius:10px;padding:0 14px;border:1px solid color-mix(in srgb,var(--card-color) 60%,white);background:var(--card-color);color:#fff;font-family:var(--title-font);font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px color-mix(in srgb,var(--card-color) 45%,black),inset 0 1px color-mix(in srgb,var(--card-color) 50%,white);transform:translateY(0);transition:background .12s var(--ease-out),transform 80ms var(--ease-out),box-shadow 80ms var(--ease-out)}.game-cta:hover:not(:disabled){background:color-mix(in srgb,var(--card-color) 80%,white);box-shadow:0 5px color-mix(in srgb,var(--card-color) 45%,black),inset 0 1px color-mix(in srgb,var(--card-color) 40%,white);transform:translateY(-1px)}.game-cta:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 color-mix(in srgb,var(--card-color) 45%,black),inset 0 2px 6px #0000004d}.game-cta.is-agree{background:#d8a517;border-color:#f4d77b;color:#2b2200;text-shadow:none}.game-cta:disabled{cursor:not-allowed;background:#ffffff14;border-color:#ffffff1f;color:#ffffff59;box-shadow:none;text-shadow:none}.game-chip{border-radius:6px;padding:2px 7px;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:color-mix(in srgb,var(--card-color) 40%,transparent);border:1px solid color-mix(in srgb,var(--card-color) 60%,white);color:#fff}.choice-chip{background:color-mix(in srgb,var(--card-color) 50%,transparent);border-color:color-mix(in srgb,var(--card-color) 70%,white)}.waiting-chip{background:#f4d77b4d;border-color:#f4d77b;color:#fff}.blocked-chip{background:color-mix(in srgb,#f57b90 34%,var(--surface));border-color:color-mix(in srgb,#d43958 65%,transparent);color:color-mix(in srgb,#4d0c1b 72%,var(--text))}.agree-chip{background:color-mix(in srgb,#f4d77b 35%,var(--surface));border-color:color-mix(in srgb,#d8a517 60%,transparent);color:color-mix(in srgb,#3a2a00 75%,var(--text))}.game-card.active{border-color:color-mix(in srgb,var(--card-color) 70%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-color) 50%,transparent),0 0 20px color-mix(in srgb,var(--card-color) 40%,transparent),0 12px 32px #00000080}.game-card.awaiting-agree{border-color:#f4d77b;box-shadow:0 0 0 3px #f4d77b66,0 0 20px #f4d77b33,0 12px 32px #0006}.game-card.coming-soon{opacity:.5;filter:saturate(.4) brightness(.7)}.game-card.coming-soon:hover{opacity:.65;filter:saturate(.6) brightness(.8)}.game-panel{display:grid;gap:16px;overflow:hidden}.game-surface-shell{position:relative;display:grid;gap:14px;border-width:4px;border-radius:var(--radius-lg);overflow:hidden;border-color:color-mix(in srgb,var(--shell-border) 84%,#ffffff2e);box-shadow:0 18px 34px color-mix(in srgb,#0a071a 30%,transparent);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.game-surface-shell.game-shell-highlight{border-color:color-mix(in srgb,var(--theme-strong, var(--cta)) 66%,#ffffff2e);box-shadow:0 0 30px color-mix(in srgb,var(--theme-strong, var(--cta)) 34%,transparent),0 20px 34px color-mix(in srgb,var(--theme-strong, var(--cta)) 26%,transparent)}.game-surface-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-surface-strip{margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) 8px}.game-surface-strip>.turn-indicator{margin:0;border-radius:0;border:0}.game-surface-title{margin:0;font-size:clamp(1.1rem,2vw,1.35rem)}.game-surface-status.state-waiting{background:color-mix(in srgb,#f4d77b 35%,var(--surface));border-color:color-mix(in srgb,#d8a517 60%,transparent)}.game-surface-status.state-error{background:color-mix(in srgb,#f57b90 34%,var(--surface));border-color:color-mix(in srgb,#d43958 65%,transparent)}.game-surface-body{display:grid;gap:12px}.game-surface-actions{display:grid;gap:10px;align-self:start}#screen-game .game-screen-layout{display:grid;gap:6px;min-height:0;position:relative}body[data-screen=game] #screen-game{display:flex;flex-direction:column;min-height:0}body[data-screen=game] #screen-game .game-screen-layout{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr) auto}body[data-screen=game] #screen-game .game-surface-shell{display:grid;min-height:0;width:100%;max-width:min(980px,100%);margin-inline:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}body[data-screen=game] #screen-game .game-surface-shell:has(.word-fight-layout){max-width:min(420px,100%)}body[data-screen=game] #screen-game .game-surface-shell.game-shell-highlight{border-color:transparent;box-shadow:none}body[data-screen=game] #screen-game .game-surface-body{min-height:0;overflow:auto;justify-items:center;align-content:start;padding-inline:0;padding-bottom:calc(120px + var(--safe-bottom, 0px))}body[data-screen=game] #screen-game .game-surface-body>:not(.modal){max-width:920px;justify-self:stretch}body[data-screen=game] #screen-game .game-surface-actions{width:min(100%,920px);margin-inline:auto}.game-turn-footer{position:sticky;top:0;z-index:36;width:100%;max-width:none;margin-inline:0;padding:var(--safe-top) 8px 6px}.game-turn-footer .turn-indicator{width:min(100%,920px);margin-inline:auto;border-radius:16px}.game-board-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#05031073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out)}.game-board-overlay.is-active{opacity:1;pointer-events:auto}.game-info-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;width:100%;max-width:440px;margin-inline:auto;padding:20px 24px calc(20px + var(--safe-bottom, 0px));border-radius:20px 20px 0 0;background:var(--surface-2, #1a1528);border:2px solid color-mix(in srgb,var(--border) 60%,transparent);border-bottom:none;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 6%,transparent),0 -6px 30px #00000080;transition:transform .3s var(--ease-out)}.game-info-panel[data-mode=intro]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-top:0;overflow:hidden}.game-info-panel-banner{position:relative;width:calc(100% + 48px);margin-inline:-24px;height:72px;border-radius:0;overflow:hidden}.game-info-panel-banner:after{-webkit-mask-size:auto 80%;mask-size:auto 80%}.game-info-panel-title{margin:0;font-family:var(--title-font);font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.game-info-panel-blurb{margin:0;font-size:.88rem;color:var(--muted);line-height:1.5}.game-info-panel-cta{min-width:140px}.game-info-panel[data-mode=turn],.game-info-panel[data-mode=winner],.game-info-panel[data-mode=draw]{border-top:4px solid var(--theme-strong, var(--border))}.game-info-panel[data-mode=turn]{display:flex;flex-direction:column;gap:0}.game-info-panel-menu-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:10px;padding:0;transition:color .18s var(--ease-out),background .18s var(--ease-out)}.game-info-panel-menu-btn:hover{color:var(--text);background:color-mix(in srgb,var(--theme-strong, var(--cta)) 12%,transparent)}.game-info-panel-bar{display:flex;align-items:center;gap:10px}.game-info-panel-drawer{display:grid;gap:12px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s cubic-bezier(.32,.72,0,1),opacity .2s var(--ease-out),padding .3s cubic-bezier(.32,.72,0,1);padding-bottom:0}.game-info-panel.is-drawer-open .game-info-panel-drawer{max-height:240px;opacity:1;padding-bottom:14px}.game-info-panel-drawer-player{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.game-info-panel-drawer-player .game-info-panel-avatar{width:36px;height:36px;border-radius:10px}.game-info-panel-drawer-player .game-info-panel-label{font-size:.88rem}.game-info-panel-drawer-player .game-info-panel-score{font-size:1.1rem}.game-info-panel-drawer-actions{display:grid;gap:6px}.game-info-panel-drawer-action{width:100%;text-align:left;padding:10px 14px;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--text);background:none;border:1px solid color-mix(in srgb,var(--border) 30%,transparent);cursor:pointer;transition:background .15s var(--ease-out)}.game-info-panel-drawer-action:hover{background:color-mix(in srgb,var(--theme-strong, var(--cta)) 10%,transparent)}.game-info-panel-drawer-action.is-destructive{color:var(--red, #f87171)}.game-info-panel-drawer-action.is-destructive:hover{background:color-mix(in srgb,var(--red, #f87171) 10%,transparent)}.game-info-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#00000059;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out)}.game-info-panel-backdrop.is-active{opacity:1;pointer-events:auto}.game-info-panel-avatar{flex-shrink:0;width:48px;height:48px;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--theme-strong, var(--cta)) 25%,var(--surface));border:2px solid color-mix(in srgb,var(--theme-strong, #ffffff) 30%,transparent)}.game-info-panel-avatar img{width:100%;height:100%;object-fit:cover}.game-info-panel-label{font-family:var(--title-font);font-size:1rem;font-weight:700;color:var(--text)}.game-info-panel-score{margin-left:auto;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--theme-strong, var(--text))}.game-info-panel[data-mode=winner],.game-info-panel[data-mode=draw]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.game-info-panel[data-mode=winner] .game-info-panel-avatar,.game-info-panel[data-mode=draw] .game-info-panel-avatar{width:64px;height:64px;border-radius:14px}.game-info-panel-next-cta{animation:panel-cta-slide-up .4s var(--ease-out) both;animation-delay:.3s}@keyframes panel-cta-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.turn-compact.turn-indicator,.turn-compact{position:relative;display:flex;width:min(100%,440px);margin-inline:auto;height:52px;max-height:52px;grid-template-columns:none;border-radius:14px;border:2px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--surface) 50%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 5%,transparent),0 3px 10px #00000040;overflow:hidden}.turn-compact-side{display:flex;align-items:center;gap:6px;padding:0 24px 0 0;flex:1 1 50%;height:100%;min-width:0;overflow:hidden;background-image:linear-gradient(140deg,color-mix(in srgb,var(--theme-strong, var(--cta)) 20%,transparent),color-mix(in srgb,var(--theme-mid, var(--border)) 12%,transparent));transition:opacity .2s var(--ease-out)}.turn-compact-side[data-side=guest]{flex-direction:row-reverse;padding:0 0 0 24px;text-align:right}.turn-compact-side[data-active=true]{background-image:linear-gradient(140deg,color-mix(in srgb,var(--theme-strong, var(--cta)) 35%,transparent),color-mix(in srgb,var(--theme-mid, var(--border)) 20%,transparent))}.turn-compact-side[data-active=false]{opacity:.38;filter:grayscale(.35) brightness(.75)}.turn-compact-avatar{flex-shrink:0;width:48px;height:48px;border-radius:12px 0 0 12px;overflow:hidden;background:color-mix(in srgb,var(--theme-strong, var(--cta)) 30%,var(--surface))}.turn-compact-side[data-side=guest] .turn-compact-avatar{border-radius:0 12px 12px 0}.turn-compact-avatar img{width:100%;height:100%;object-fit:cover}.turn-compact-side[data-side=host] .turn-compact-avatar img{object-position:left bottom}.turn-compact-side[data-side=guest] .turn-compact-avatar img{object-position:right bottom;transform:scaleX(-1)}.turn-compact-name{flex:1;min-width:0;font-family:var(--title-font);font-size:.88rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3)}.turn-compact-score{font-family:var(--title-font);font-size:1rem;font-weight:800;color:#fff;margin-left:auto;text-shadow:0 1px 2px rgba(0,0,0,.3)}.turn-compact-side[data-side=guest] .turn-compact-score{margin-left:0;margin-right:auto}.turn-compact-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:34px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--surface) 90%,#0a071a);border:1.5px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:0 2px 6px #0000004d;font-family:var(--title-font);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.game-action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:start}.game-action-row>button{align-self:start}.game-module{border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 92%,var(--surface));padding:14px;display:grid;gap:12px}.game-module-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-module-head h4{margin:0;font-size:1rem}.game-module-actions{display:flex}.game-module-actions .game-cta{min-width:150px}.game-module-unavailable{opacity:.88}.wait-panel{max-width:620px;margin:0 auto;text-align:center;gap:16px}.wait-card{display:inline-flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:var(--surface-3);border:1px solid var(--border)}.player-status-strip{width:min(560px,100%);margin:0 auto;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 88%,var(--surface));display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.player-status-strip.compact{max-width:420px}.player-status-col{display:grid;gap:4px;padding:10px 12px;text-align:left}.player-status-col+.player-status-col{border-left:1px solid var(--border)}.player-status-col strong{font-family:var(--title-font);font-size:.86rem;letter-spacing:.04em;text-transform:uppercase}.player-status-col span{color:var(--muted);font-size:.84rem}.wait-emoji{font-size:2rem;background:var(--surface);border-radius:16px;padding:8px 12px;border:1px solid var(--border)}.wait-name{font-family:var(--title-font);font-size:1.2rem;font-weight:700}.turn-indicator{--turn-bar-height: clamp(72px, 10vw, 88px);--turn-avatar-size: clamp(72px, 10vw, 88px);--turn-gap: clamp(10px, 1.2vw, 14px);margin:0;height:var(--turn-bar-height);max-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;padding:0;border-radius:16px;overflow:hidden;border:2px solid color-mix(in srgb,var(--shell-border) 84%,#ffffff2e);box-shadow:0 4px color-mix(in srgb,#070512 50%,transparent),0 12px 28px color-mix(in srgb,#070512 36%,transparent)}.turn-indicator-vs{display:flex;align-items:center;justify-content:center;width:40px;background:color-mix(in srgb,#0d0a1d 85%,transparent);font-family:var(--title-font);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,#ffffff 60%,transparent);border-inline:1px solid color-mix(in srgb,#ffffff 12%,transparent);z-index:3}.turn-pane{--turn-pane-bg: linear-gradient( 140deg, color-mix(in srgb, var(--theme-strong, var(--cta)) 85%, #ffffff 10%) 0%, color-mix(in srgb, var(--theme-mid, var(--border)) 92%, #1b1630 8%) 100% );position:relative;height:100%;display:flex;align-items:stretch;background-image:var(--turn-pane-bg);background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;overflow:hidden;isolation:isolate;min-width:0}.turn-pane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var( --pattern-image-override-turn, var(--pattern-image-override, var(--theme-pattern-image, var(--pattern-default-image))) );background-repeat:repeat;background-size:var( --pattern-size-override-turn, var(--pattern-size-override, var(--pattern-size-default-turn)) );background-position:0 0;opacity:var( --pattern-opacity-override-turn, var(--pattern-opacity-override, var(--pattern-opacity-default-turn)) );pointer-events:none;z-index:0}.turn-pane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:color-mix(in srgb,#060914 80%,transparent);pointer-events:none;z-index:1}.turn-pane>*{position:relative;z-index:2}.turn-pane[data-side=guest]{flex-direction:row-reverse}.turn-pane{gap:var(--turn-gap);padding:0 12px 0 0}.turn-pane[data-side=guest]{padding:0 0 0 12px}.turn-pane[data-active=true]{filter:saturate(1.06) contrast(1.08) brightness(1.01)}.turn-pane[data-active=true]:after{opacity:0}.turn-pane[data-active=false]{filter:saturate(.74) grayscale(.08) brightness(.86)}.turn-pane[data-active=false]:after{opacity:.28}.turn-indicator[data-mode=idle] .turn-pane[data-active=false],.turn-indicator[data-mode=draw] .turn-pane[data-active=false]{filter:saturate(.94) contrast(1) brightness(.98)}.turn-indicator[data-mode=idle] .turn-pane[data-active=false]:after,.turn-indicator[data-mode=draw] .turn-pane[data-active=false]:after{opacity:.08}.turn-avatar{flex:0 0 var(--turn-avatar-size);width:var(--turn-avatar-size);height:auto;align-self:stretch;display:inline-flex;align-items:flex-end;justify-content:center}.turn-avatar img{width:100%;height:100%;object-fit:cover}.turn-pane[data-side=host] .turn-avatar img{object-position:left bottom;transform:none}.turn-pane[data-side=guest] .turn-avatar img{object-position:right bottom;transform:scaleX(-1)}.turn-meta{min-width:0;align-self:center;padding-block:4px;display:grid;gap:2px}.turn-pane[data-side=guest] .turn-meta{text-align:right;justify-items:end}.turn-name{font-family:var(--title-font);font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:700;line-height:1.1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.4)}.turn-state{width:fit-content;display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;border:1px solid color-mix(in srgb,#ffffff 48%,transparent);background:color-mix(in srgb,#ffffff 92%,var(--theme-strong, var(--cta)) 8%);color:color-mix(in srgb,#17142b 92%,var(--theme-strong, var(--cta)) 8%);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.turn-meta-row{display:inline-flex;align-items:center;gap:6px}.turn-pane[data-side=guest] .turn-meta-row{justify-content:flex-end}.turn-indicator[data-mode=draw] .turn-state,.turn-indicator[data-mode=idle] .turn-state{background:color-mix(in srgb,var(--theme-strong, var(--cta)) 58%,#120f25 42%);border-color:color-mix(in srgb,#ffffff 30%,transparent);color:color-mix(in srgb,#ffffff 74%,#111111 26%)}.turn-score-game{align-self:center;min-width:clamp(26px,3vw,42px);display:inline-flex;align-items:center;justify-content:center;font-family:var(--title-font);font-size:clamp(1.46rem,2.5vw,1.98rem);font-weight:800;line-height:1;color:color-mix(in srgb,#ffffff 92%,#111111 8%);text-shadow:none}.turn-pane[data-side=host] .turn-score-game{margin-left:auto;margin-right:8px}.turn-pane[data-side=guest] .turn-score-game{margin-right:auto;margin-left:8px}.winner-panel{max-width:920px;margin:0 auto;text-align:center;gap:18px}.winner-hero-emoji{font-size:3rem}.winner-columns{margin-top:8px}.winner-actions{justify-content:center}.game-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.game-players{display:flex;flex-wrap:wrap;gap:8px}.player-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.9rem}.player-chip.theme-red{border-color:var(--red-1);background:var(--red-3);color:#1f1f1d}.player-chip.theme-green{border-color:var(--green-1);background:var(--green-3);color:#0c2d27}.ttt-board{--ttt-gap: clamp(6px, 1vw, 10px);display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:var(--ttt-gap);padding:var(--ttt-gap);width:min(100%,440px);margin-inline:auto;border-radius:20px;border:2px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--surface) 40%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 6%,transparent),0 8px 32px #00000040;position:relative;overflow:visible;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out);touch-action:none}.ttt-board:before{display:none}.ttt-board.game-board-highlight{border-color:color-mix(in srgb,var(--border) 80%,transparent)}.ttt-board.game-board-passive{border-color:color-mix(in srgb,var(--border) 40%,transparent)}.unsupported-game-layout{display:grid;place-items:center}.unsupported-game-card{width:min(100%,520px);padding:18px 20px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 78%,#ffffff26);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 82%,var(--surface-2) 18%),color-mix(in srgb,var(--surface-2) 86%,var(--surface-3) 14%));box-shadow:0 16px 30px color-mix(in srgb,#0a071a 30%,transparent);text-align:center}.unsupported-game-card h3{margin:0}.unsupported-game-card .subtext{margin-top:8px}.word-fight-layout{display:grid;gap:12px}.word-fight-layout .word-fight-board-card{order:1}.word-fight-controls{display:grid;gap:8px;justify-items:center;order:2}.word-fight-actions{display:flex;justify-content:center;width:100%}.word-fight-keyboard{width:min(100%,520px);display:grid;gap:8px}.word-fight-keyboard-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.word-fight-keyboard-row:nth-child(2){grid-template-columns:repeat(9,minmax(0,1fr));width:90%;margin:0 auto}.word-fight-keyboard-row:nth-child(3){grid-template-columns:1.5fr repeat(7,minmax(0,1fr)) 1.5fr}.word-fight-key{width:100%;min-width:0;min-height:42px;padding:0;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 80%,#ffffff18);background:color-mix(in srgb,var(--surface-2) 84%,var(--surface));color:var(--text);font-weight:700;font-size:.9rem;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 3px color-mix(in srgb,var(--surface-3) 80%,#000000),inset 0 1px color-mix(in srgb,#ffffff 8%,transparent);transform:translateY(0);transition:transform 80ms var(--ease-out),box-shadow 80ms var(--ease-out)}.word-fight-key:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px color-mix(in srgb,var(--surface-3) 80%,#000000),inset 0 1px color-mix(in srgb,#ffffff 10%,transparent)}.word-fight-key:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 color-mix(in srgb,var(--surface-3) 80%,#000000),inset 0 2px 4px #0003}.word-fight-key:disabled{opacity:.6;cursor:default}.word-fight-key.is-action{font-size:.8rem}.word-fight-key.is-exact{background:color-mix(in srgb,#2f8f46 50%,var(--surface));border-color:color-mix(in srgb,#2f8f46 74%,var(--border))}.word-fight-key.is-present{background:color-mix(in srgb,#cf9b2a 50%,var(--surface));border-color:color-mix(in srgb,#cf9b2a 74%,var(--border))}.word-fight-key.is-ready{background:var(--cta);color:var(--cta-text);border-color:color-mix(in srgb,var(--cta) 52%,white);box-shadow:0 4px color-mix(in srgb,var(--cta) 45%,black),inset 0 1px color-mix(in srgb,var(--cta) 40%,white);font-weight:800}.word-fight-key.is-ready:hover:not(:disabled){background:color-mix(in srgb,var(--cta) 85%,white)}.word-fight-key.is-absent{background:color-mix(in srgb,var(--surface-3) 94%,#000000);border-color:color-mix(in srgb,var(--border) 34%,transparent);color:color-mix(in srgb,var(--muted) 82%,#000000);opacity:.52}.word-fight-board-card{border:2px solid color-mix(in srgb,var(--border) 60%,#ffffff20);border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 80%,#1a1530 20%),color-mix(in srgb,var(--surface-2) 85%,#0d0a1d 15%));padding:clamp(12px,1.6vw,18px);box-shadow:0 4px color-mix(in srgb,#05030f 60%,transparent),inset 0 1px color-mix(in srgb,#ffffff20 48%,transparent),0 16px 28px color-mix(in srgb,#05030f 38%,transparent)}.word-fight-board-card-single{width:100%}.word-fight-board-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.word-fight-board-header h3{margin:0}.word-fight-turn-timer{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 84%,#ffffff);font-variant-numeric:tabular-nums;white-space:nowrap}.word-fight-turn-timer.is-expiring{color:color-mix(in srgb,#ffb34f 76%,#ffffff)}.word-fight-board-card h3{margin:0 0 8px;font-size:.95rem}.word-fight-board-grid{display:grid;gap:6px;justify-content:center}.word-fight-row{display:grid;grid-template-columns:repeat(4,62px);gap:6px;justify-content:center}.word-fight-tile{width:62px;height:62px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 70%,#ffffff14);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(1.1rem,2vw,1.4rem);letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--surface-2) 84%,var(--surface));box-shadow:0 2px color-mix(in srgb,#05030f 30%,transparent),inset 0 1px color-mix(in srgb,#ffffff 6%,transparent)}.word-fight-tile.is-exact{background:color-mix(in srgb,#2f8f46 50%,var(--surface));border-color:color-mix(in srgb,#2f8f46 74%,var(--border))}.word-fight-tile.is-present{background:color-mix(in srgb,#cf9b2a 50%,var(--surface));border-color:color-mix(in srgb,#cf9b2a 74%,var(--border))}.word-fight-tile.is-absent{background:color-mix(in srgb,var(--surface-3) 84%,var(--surface))}.word-fight-status{display:none;margin:0;font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,#f4d28f 74%,var(--text))}.word-fight-status.is-visible{display:block}@media(max-width:720px){.word-fight-keyboard{width:100%;gap:6px}.word-fight-keyboard-row{gap:4px}.word-fight-key{min-height:40px;font-size:.82rem;letter-spacing:.02em}.word-fight-key.is-action{font-size:.72rem}}.poker-dice-layout{display:grid;gap:14px;width:min(100%,400px);margin-inline:auto;padding:clamp(16px,3vw,24px);border-radius:20px;border:2px solid color-mix(in srgb,var(--border) 60%,#ffffff20);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 80%,#1a1530 20%),color-mix(in srgb,var(--surface-2) 85%,#0d0a1d 15%));box-shadow:0 4px color-mix(in srgb,#05030f 60%,transparent),inset 0 1px color-mix(in srgb,#ffffff20 48%,transparent),0 16px 28px color-mix(in srgb,#05030f 38%,transparent)}.poker-dice-round-title{margin:0;font-size:.9rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 90%,#ffffff)}.poker-dice-preroll-status{margin:0;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 86%,#ffffff22);background:color-mix(in srgb,var(--surface-2) 78%,var(--surface));font-size:.86rem;font-weight:700;letter-spacing:.01em;color:color-mix(in srgb,var(--text) 88%,#ffffff)}.poker-dice-preroll-status[data-state=ready_to_roll]{border-color:color-mix(in srgb,var(--cta) 54%,var(--border));background:color-mix(in srgb,var(--cta) 14%,var(--surface-2) 86%)}.poker-dice-dice{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);justify-items:center;perspective:1000px}.poker-die{position:relative;isolation:isolate;border:2px solid transparent;border-radius:14px;width:clamp(72px,20vw,96px);aspect-ratio:1 / 1;background:transparent!important;color:#181424;opacity:1!important;perspective:860px;overflow:visible;padding:0;transform:none!important;box-shadow:none!important;display:grid;place-items:center;transition:border-color .18s var(--ease-out);cursor:pointer}.poker-die:hover,.poker-die:focus-visible,.poker-die:active{background:transparent!important;opacity:1!important;transform:none!important;box-shadow:none!important}.poker-die.is-hold{opacity:1!important;border-color:var(--cta);box-shadow:0 0 0 2px color-mix(in srgb,var(--cta) 36%,transparent),0 0 14px color-mix(in srgb,var(--cta) 22%,transparent)!important}.poker-die.is-hold:after{content:"HELD";position:absolute;bottom:-10px;left:50%;translate:-50% 0;padding:2px 10px;font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--cta);border-radius:999px;box-shadow:0 2px 6px color-mix(in srgb,var(--cta) 40%,transparent);pointer-events:none;z-index:3}.poker-die:disabled{opacity:1!important;cursor:default}.poker-cube{--poker-cube-size: clamp(54px, 14vw, 72px);--poker-cube-depth: calc(var(--poker-cube-size) / 2);display:block;position:relative;width:var(--poker-cube-size);height:var(--poker-cube-size);transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(20deg) translateZ(0);transform-origin:50% 50%;transition:transform .22s var(--ease-out)}.poker-die.is-settling .poker-cube{transition-duration:.26s}.poker-cube-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border-radius:10px;border:2px solid color-mix(in srgb,#d6dbf0 84%,#ffffff1a);background:#fff;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 96%,transparent),inset 0 -2px color-mix(in srgb,#d7dff7 36%,transparent),0 6px 10px color-mix(in srgb,#000000 14%,transparent);background-image:var(--poker-cube-face-image);background-repeat:no-repeat;background-position:center;background-size:64% auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.poker-cube.is-empty{transform:none!important}.poker-cube.is-empty .poker-cube-face{background-image:none!important;border-color:color-mix(in srgb,var(--border) 44%,transparent);background:color-mix(in srgb,var(--surface-2) 60%,var(--surface));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 6%,transparent)}.poker-cube-face.face-1{transform:rotateY(0) translateZ(var(--poker-cube-depth))}.poker-cube-face.face-2{transform:rotateY(90deg) translateZ(var(--poker-cube-depth))}.poker-cube-face.face-3{transform:rotateY(180deg) translateZ(var(--poker-cube-depth))}.poker-cube-face.face-4{transform:rotateY(-90deg) translateZ(var(--poker-cube-depth))}.poker-cube-face.face-5{transform:rotateX(90deg) translateZ(var(--poker-cube-depth))}.poker-cube-face.face-6{transform:rotateX(-90deg) translateZ(var(--poker-cube-depth))}.poker-cube.show-1{transform:rotateX(0) rotateY(0)}.poker-cube.show-2{transform:rotateX(0) rotateY(-90deg)}.poker-cube.show-3{transform:rotateX(0) rotateY(-180deg)}.poker-cube.show-4{transform:rotateX(0) rotateY(90deg)}.poker-cube.show-5{transform:rotateX(-90deg) rotateY(0)}.poker-cube.show-6{transform:rotateX(90deg) rotateY(0)}.poker-die.is-rolling .poker-cube{animation-name:poker-cube-roll;animation-duration:var(--pd-roll-speed-ms, .55s);animation-delay:var(--pd-roll-delay-ms, 0ms);animation-timing-function:linear;animation-iteration-count:infinite;transition:none}.poker-die.is-settling{animation:poker-cube-settle .22s var(--ease-out) 1}.poker-dice-actions{display:flex;flex-wrap:wrap;gap:8px}.poker-dice-actions .compact-action.is-preroll-cta{box-shadow:0 0 0 1px color-mix(in srgb,var(--cta) 48%,transparent),0 0 color-mix(in srgb,var(--cta) 26%,transparent);animation:poker-roll-cta-pulse 1.8s var(--ease-out) infinite}.poker-dice-actions.is-pass-only{display:grid}.poker-dice-actions.is-pass-only #poker-dice-pass-play{width:100%}.poker-dice-score-guide{display:grid;gap:8px;width:100%}.poker-dice-score-guide-title{margin:0;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 88%,#ffffff)}.poker-dice-score-rows{display:grid;gap:6px}.poker-dice-score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--border) 70%,#ffffff14);border-radius:10px;padding:8px 12px;background:color-mix(in srgb,var(--surface-2) 74%,var(--surface));box-shadow:0 2px color-mix(in srgb,#05030f 20%,transparent);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.poker-dice-score-row strong{font-size:.94rem;letter-spacing:.01em}.poker-dice-score-row span{font-size:.9rem;font-weight:700;color:color-mix(in srgb,var(--text) 84%,#ffffff)}.poker-dice-score-row.is-projected{border-color:color-mix(in srgb,var(--cta) 62%,#ffffff24);background:color-mix(in srgb,var(--cta) 18%,var(--surface-2) 82%);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 18%,transparent),0 8px 16px color-mix(in srgb,var(--cta) 16%,transparent)}@keyframes poker-cube-roll{0%{transform:rotateX(0) rotateY(0)}33%{transform:rotateX(180deg) rotateY(120deg)}66%{transform:rotateX(300deg) rotateY(240deg)}to{transform:rotateX(420deg) rotateY(360deg)}}@keyframes poker-cube-settle{0%{filter:brightness(1.06)}to{filter:brightness(1)}}@keyframes poker-roll-cta-pulse{0%{box-shadow:0 0 0 1px color-mix(in srgb,var(--cta) 48%,transparent),0 0 color-mix(in srgb,var(--cta) 26%,transparent)}70%{box-shadow:0 0 0 1px color-mix(in srgb,var(--cta) 40%,transparent),0 0 0 10px color-mix(in srgb,var(--cta) 0%,transparent)}to{box-shadow:0 0 0 1px color-mix(in srgb,var(--cta) 36%,transparent),0 0 color-mix(in srgb,var(--cta) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.poker-die.is-rolling .poker-cube{animation:none}.poker-die.is-rolling .poker-cube-face{animation:poker-cube-face-fade .16s ease-in-out infinite}.poker-die.is-settling,.poker-dice-actions .compact-action.is-preroll-cta{animation:none}}@keyframes poker-cube-face-fade{0%{opacity:.7}to{opacity:1}}.dots-layout{display:grid;gap:8px;width:min(100%,480px);margin-inline:auto;padding:clamp(14px,2vw,20px);border-radius:20px;border:2px solid color-mix(in srgb,var(--border) 60%,#ffffff20);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 80%,#1a1530 20%),color-mix(in srgb,var(--surface-2) 85%,#0d0a1d 15%));box-shadow:0 4px color-mix(in srgb,#05030f 60%,transparent),inset 0 1px color-mix(in srgb,#ffffff20 48%,transparent),0 16px 28px color-mix(in srgb,#05030f 38%,transparent)}.dots-board{--dots-grid-size: 11;--dots-dot-size: clamp(12px, 1.95vw, 16px);--dots-edge-thickness: clamp(4px, .72vw, 6px);--dots-edge-hit-size: clamp(28px, 4.8vw, 36px);--dots-dot-color: #ffffff;--dots-idle-line-color: color-mix(in srgb, #ffffff 92%, transparent);--dots-playable-line-color: color-mix(in srgb, #ffffff 98%, transparent);--dots-last-move-ring-color: color-mix(in srgb, #ffffff 74%, transparent);width:100%;aspect-ratio:1 / 1;margin-inline:auto;display:grid;grid-template-columns:repeat(var(--dots-grid-size),minmax(0,1fr));grid-template-rows:repeat(var(--dots-grid-size),minmax(0,1fr));gap:0;padding:0;border:0;position:relative;overflow:visible}.dots-dot{width:var(--dots-dot-size);height:var(--dots-dot-size);border-radius:999px;align-self:center;justify-self:center;background:var(--dots-dot-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--dots-dot-color) 24%,transparent);position:relative;z-index:3}.dots-edge{position:relative;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;touch-action:manipulation;z-index:1;transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.dots-edge:hover,.dots-edge:focus,.dots-edge:focus-visible{transform:none;box-shadow:none;outline:none}.dots-edge:disabled{cursor:default;opacity:1}.dots-edge:before{content:"";position:absolute;left:0;top:0;border-radius:999px;border:0;background:var(--dots-idle-line-color);box-shadow:none;opacity:.05;transition:background var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out)}.dots-edge:after{content:none}.dots-edge.dots-edge-h{width:100%;min-height:var(--dots-edge-hit-size);align-self:center}.dots-edge.dots-edge-v{min-width:var(--dots-edge-hit-size);height:100%;justify-self:center}.dots-edge.dots-edge-h:before{left:-50%;top:50%;transform:translateY(-50%);width:200%;height:var(--dots-edge-thickness)}.dots-edge.dots-edge-v:before{left:50%;top:-50%;transform:translate(-50%);width:var(--dots-edge-thickness);height:200%}.dots-edge:disabled:not(.is-claimed):before{opacity:.05;background:var(--dots-idle-line-color)}.dots-edge.is-playable:before,.dots-edge.is-scoring-opportunity:before{opacity:.05;background:var(--dots-playable-line-color);box-shadow:none;animation:none}.dots-edge.is-playable:hover:before,.dots-edge.is-scoring-opportunity:hover:before{opacity:.5;box-shadow:none}.dots-edge.is-last-move:after{content:none}.dots-edge.is-last-move:before{box-shadow:0 0 0 1px color-mix(in srgb,var(--dots-last-move-ring-color) 46%,transparent),0 0 6px color-mix(in srgb,var(--dots-last-move-ring-color) 20%,transparent)}.dots-edge.is-claimed{transform:none}.dots-edge.is-claimed:before{opacity:1;background:var(--theme-strong, var(--cta));box-shadow:inset 0 1px color-mix(in srgb,#ffffff1f 36%,transparent)}.dots-edge:disabled.is-claimed:before{opacity:1}.dots-box{position:relative;border-radius:0;border:0;background:transparent;box-shadow:none}.dots-box:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border-radius:0;opacity:0;border:0;background:transparent;transition:opacity var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.dots-box.is-hot-box,.dots-box.is-claimed{border:0;background:transparent;box-shadow:none}.dots-box.is-claimed:before{opacity:1;background:linear-gradient(150deg,color-mix(in srgb,var(--theme-soft, var(--surface-2)) 78%,var(--surface) 22%),color-mix(in srgb,var(--theme-mid, var(--surface-3)) 82%,var(--surface-2) 18%));box-shadow:inset 0 1px color-mix(in srgb,#ffffff1c 44%,transparent)}@keyframes dots-box-reason-pulse{0%{transform:none;box-shadow:0 0 color-mix(in srgb,var(--theme-strong, var(--cta)) 22%,transparent)}45%{transform:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-strong, var(--cta)) 28%,transparent),0 0 10px color-mix(in srgb,var(--theme-strong, var(--cta)) 16%,transparent)}to{transform:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-strong, var(--cta)) 20%,transparent),0 0 6px color-mix(in srgb,var(--theme-strong, var(--cta)) 12%,transparent)}}.dots-box.is-win-reason:before{animation:dots-box-reason-pulse var(--win-reason-cell-ms, .7s) var(--ease-out) 1 both}@media(min-width:721px){.dots-board{width:min(100%,620px)}}@media(min-width:721px){.ttt-board{width:min(100%,640px);max-width:640px;margin-inline:auto}}.ttt-cell{aspect-ratio:1 / 1;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-height:0;padding:0;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--surface-2) 70%,transparent),color-mix(in srgb,var(--surface) 50%,transparent));color:var(--text);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 5%,transparent),0 2px 4px #00000026;position:relative;z-index:1;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform 80ms var(--ease-out)}.ttt-cell:not(:disabled):hover{background:linear-gradient(165deg,color-mix(in srgb,var(--surface-2) 85%,transparent),color-mix(in srgb,var(--surface) 65%,transparent));border-color:color-mix(in srgb,var(--border) 70%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 8%,transparent),0 4px 12px #0003}.ttt-board.has-winning-line.is-finished .ttt-cell:not(.is-winning){opacity:.35}.ttt-cell.is-winning{background:color-mix(in srgb,var(--theme-soft, var(--cta)) 18%,var(--surface-2));border-color:color-mix(in srgb,var(--theme-strong, var(--cta)) 40%,var(--border))}.ttt-cell.is-winning .ttt-mark{filter:drop-shadow(0 2px 4px rgba(8,12,22,.34)) drop-shadow(0 0 12px color-mix(in srgb,var(--theme-strong, var(--cta)) 45%,transparent))}@keyframes ttt-win-reason-pulse{0%{background:color-mix(in srgb,var(--theme-soft, var(--surface)) 18%,transparent)}42%{background:color-mix(in srgb,var(--theme-soft, var(--surface)) 30%,transparent)}to{background:color-mix(in srgb,var(--theme-soft, var(--surface)) 24%,transparent)}}.ttt-cell.is-win-reason{animation:ttt-win-reason-pulse var(--win-reason-cell-ms, .7s) var(--ease-out) 1 both}.ttt-cell.is-win-reason .ttt-mark{filter:drop-shadow(0 2px 4px rgba(8,12,22,.34)) drop-shadow(0 0 14px color-mix(in srgb,var(--theme-strong, var(--cta)) 50%,transparent))}.ttt-cell.is-preview{background:color-mix(in srgb,var(--theme-soft, var(--cta)) 14%,var(--surface-2));border-color:color-mix(in srgb,var(--theme-strong, var(--cta)) 30%,var(--border))}.ttt-cell.is-pressing{transform:scale(.94);background:color-mix(in srgb,var(--theme-soft, var(--cta)) 22%,var(--surface-2));box-shadow:inset 0 2px 6px #0003}.ttt-cell:disabled{opacity:1;cursor:default}.pass-panel{max-width:560px;margin-inline:auto;text-align:center}.ttt-mark{--ttt-mark-size: 62%;--ttt-mark-stroke: clamp(10px, 1.4vw, 16px);width:var(--ttt-mark-size);height:var(--ttt-mark-size);display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--text) 86%,#0f1320);filter:drop-shadow(0 2px 4px rgba(8,12,22,.4))}.ttt-mark.theme-red{color:color-mix(in srgb,var(--red-1) 88%,#f16680)}.ttt-mark.theme-yellow{color:color-mix(in srgb,var(--yellow-1) 86%,#ffda67)}.ttt-mark.theme-green{color:color-mix(in srgb,var(--green-1) 88%,#2dcf9f)}.ttt-mark.theme-blue{color:color-mix(in srgb,var(--blue-1) 88%,#6f89ff)}.ttt-mark-x{position:relative}.ttt-mark-x span{position:absolute;width:108%;height:var(--ttt-mark-stroke);border-radius:999px;background:linear-gradient(180deg,currentColor 0%,color-mix(in srgb,currentColor 80%,#000) 100%);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 18%,transparent),0 2px 3px color-mix(in srgb,#05070c 40%,transparent)}.ttt-mark-x span:first-child{transform:rotate(45deg)}.ttt-mark-x span:last-child{transform:rotate(-45deg)}.ttt-mark-o span{width:92%;aspect-ratio:1 / 1;height:auto;box-sizing:border-box;border-radius:50%;border:var(--ttt-mark-stroke) solid currentColor;box-shadow:inset 0 2px color-mix(in srgb,#ffffff 16%,transparent),0 2px 3px color-mix(in srgb,#05070c 40%,transparent)}.subtext{color:var(--muted);margin:0;line-height:1.45}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--text);color:var(--page-bg);padding:10px 16px;border-radius:999px;box-shadow:var(--shadow-sm);z-index:5}.action-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text);padding:12px 16px;border-radius:999px;border:1px solid var(--border);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:12px;z-index:6}.glow-button.small{padding:8px 14px;font-size:.85rem}.hidden{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;border:0;padding:0;margin:0;background:#00000059;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:default}.modal-content{position:relative;max-width:480px;margin:12vh auto 0;padding:20px;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);display:grid;gap:16px}.modal-head{display:flex;align-items:center;justify-content:space-between}.setting-row{border:1px solid var(--border);border-radius:14px;padding:14px 16px;background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;gap:12px}.devkit-layout{display:grid;gap:var(--space-5)}.devkit-title{font-size:clamp(1.55rem,2.8vw,2.15rem);letter-spacing:.03em}.devkit-subtitle{margin-top:8px;color:var(--muted)}.devkit-section{display:grid;gap:var(--space-3)}.devkit-section>h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.devkit-grid{display:grid;gap:var(--space-3)}.devkit-grid-buttons{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.devkit-grid-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.devkit-grid-avatars{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.devkit-grid-games{grid-template-columns:minmax(260px,420px)}@keyframes mobile-screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){body:is([data-screen=lobby],[data-screen=pick],[data-screen=wait],[data-screen=game],[data-screen=pass],[data-screen=winner]) main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:10px}body:is([data-screen=lobby],[data-screen=pick],[data-screen=wait],[data-screen=game],[data-screen=pass],[data-screen=winner]) .screen.active{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:auto}body:is([data-screen=lobby],[data-screen=pick],[data-screen=wait],[data-screen=game],[data-screen=pass],[data-screen=winner]) .screen.active>*{width:100%}body[data-screen=game] #screen-game.screen.active{overflow:hidden}body[data-screen=game] #screen-game .game-screen-layout{gap:8px}body[data-screen=game] #screen-game .game-surface-body{align-content:start;padding-bottom:calc(120px + var(--safe-bottom, 0px))}body[data-screen=game] #screen-game .game-turn-footer{position:sticky;top:0}body[data-screen=lobby] #screen-lobby .lobby-panel,body[data-screen=pick] #screen-pick,body[data-screen=wait] #screen-wait .wait-panel,body[data-screen=pass] #screen-pass .pass-panel,body[data-screen=winner] #screen-winner .winner-panel{flex:1 1 auto}@media(prefers-reduced-motion:no-preference){body:is([data-screen=lobby],[data-screen=pick],[data-screen=wait],[data-screen=game],[data-screen=pass],[data-screen=winner]) .screen.active{animation:mobile-screen-enter var(--motion-base) var(--ease-out)}}.score-duel-panel{padding:0}.score-duel-sides{gap:6px;justify-content:flex-start;max-width:none}.score-duel-side{flex-direction:column;align-items:center;gap:8px;padding:0;flex:0 1 calc((100% - 6px)/2);max-width:calc((100% - 6px)/2);min-width:0}.score-duel-top{width:clamp(102px,28vw,128px);min-width:clamp(102px,28vw,128px)}.score-duel-top .player-card-shell--score{aspect-ratio:1 / 1}.score-duel-meta{gap:2px;justify-items:center;text-align:center}.score-duel-name{font-size:clamp(1rem,3.2vw,1.2rem)}.score-duel-points{font-size:clamp(1.42rem,4.6vw,1.74rem)}.score-duel-side-guest .score-duel-meta{justify-items:center;text-align:center}#app{--app-edge-padding: 14px;padding:var(--space-5) var(--app-edge-padding) var(--space-5)}body[data-screen=game] #app{--app-edge-padding: 8px}.hero-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.hero-left-actions{gap:6px}.hero-action{min-width:62px;min-height:42px;padding:9px 10px;font-size:.8rem}#open-settings{min-width:42px}.settings-icon{width:18px;height:18px}.hero-center-title{font-size:1rem}#dev-build-tag{top:8px;right:8px;font-size:.62rem;padding:4px 8px}.logo-image{width:var(--logo-width, clamp(156px, 46vw, 220px))}body[data-screen=landing]{--logo-width: clamp(156px, 46vw, 220px)}body:not([data-screen=landing]){--logo-width: clamp(126px, 34vw, 176px)}body[data-layer=setup-sheet]{--logo-width: clamp(156px, 46vw, 220px)}.landing-card{padding:18px}.landing-rejoin-card{grid-template-columns:1fr;align-items:start;gap:12px}.landing-rejoin-card.has-alert{grid-template-columns:auto 1fr}.landing-rejoin-card.has-alert:before{grid-column:1;grid-row:1;margin-top:6px}.landing-rejoin-card.has-alert .landing-rejoin-content{grid-column:2}.landing-rejoin-actions{justify-content:flex-start}.landing-rejoin-card.has-alert .landing-rejoin-actions{grid-column:1 / -1}.landing-segmented{width:100%}#screen-landing>.landing-carousel{width:100%}.landing-segment{min-height:52px;font-size:1.12rem}.landing-card-header{min-height:0}.landing-card-header:after{top:10px;left:10px}.setup-card-header{margin-bottom:12px;min-height:40px;padding:10px 16px}.setup-card-tag{font-size:.6rem;padding:3px 8px}.setup-header-close{min-height:32px;padding:5px 12px;font-size:.95rem}.avatar-picker-stack,.join-code-group{gap:8px}.join-code-cluster{width:100%;gap:8px}.join-code-slot{height:60px;border-radius:14px;font-size:clamp(1.35rem,6vw,1.8rem)}.join-code-status{font-size:.98rem}.honorific-toggle{padding:5px 8px;gap:8px}.honorific-label{font-size:.72rem}.avatar-selected-badge{top:8px;right:8px;padding:6px 8px;gap:5px}.avatar-selected-check{width:14px;height:14px;font-size:.65rem}.avatar-selected-label{display:none}.local-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.local-avatar-grid .avatar-option{padding-bottom:0}.local-avatar-grid .avatar-shell,.local-avatar-grid .avatar-inner{overflow:hidden}.local-avatar-grid .avatar-lower-third{left:5px;bottom:5px;min-height:26px;padding:4px 8px}.local-avatar-grid .avatar-option .avatar-name{font-size:clamp(.85rem,3.8vw,1.1rem)}.local-header-row{flex-wrap:wrap;align-items:center;gap:var(--space-2)}.avatar-picker-toolbar{justify-content:flex-start;width:100%}.button-row{grid-template-columns:minmax(0,1fr)}.screen-head{justify-content:stretch}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{aspect-ratio:5 / 4;border-width:2px}.game-banner{bottom:62px}.game-meta{height:62px;padding:8px 10px;flex-wrap:wrap;align-content:center;gap:4px 8px}.game-name-row{flex-basis:100%}.game-name{font-size:.68rem}.game-cta{min-height:24px;padding:0 10px;font-size:.6rem;border-width:1px;border-radius:8px;box-shadow:0 2px color-mix(in srgb,var(--card-color) 45%,black),inset 0 1px color-mix(in srgb,var(--card-color) 50%,white)}.dots-board{--dots-edge-hit-size: clamp(28px, 8.6vw, 34px);gap:0;padding:0}.wheel-stage{min-height:380px}.shuffle-strip-wrap{width:min(94vw,560px);gap:16px}.shuffle-strip-stage{--shuffle-cell-size: clamp(96px, 20vw, 128px);--shuffle-gap: clamp(6px, 2vw, 10px)}.game-top{flex-direction:column;align-items:flex-start}body[data-screen=game] #screen-game .game-turn-footer .turn-indicator{--turn-avatar-size: clamp(58px, 20vw, 64px);--turn-bar-height: var(--turn-avatar-size);margin:0;min-height:0;padding:0;border-radius:0 0 12px 12px;gap:0}body[data-screen=game] #screen-game .game-turn-footer .turn-name{font-size:1.27rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-screen=game] #screen-game .game-turn-footer .turn-score-game{font-size:clamp(1.26rem,5.1vw,1.66rem);min-width:24px}.code-pill{flex-direction:column}.hero-room-main{width:100%;justify-content:center}.hero-share-action{min-height:38px;padding-inline:14px}.modal-content{margin:10vh 12px 0}.devkit-grid-games{grid-template-columns:1fr}}@media(max-height:540px)and (orientation:landscape){.game-surface-strip{margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) 6px}body[data-screen=game] #screen-game .game-turn-footer .turn-indicator{--turn-avatar-size: clamp(58px, 14vw, 64px);--turn-bar-height: var(--turn-avatar-size);margin:0;min-height:0;padding:0;border-radius:0 0 12px 12px;gap:0}body[data-screen=game] #screen-game .game-turn-footer .turn-name{font-size:clamp(1.05rem,2.2vw,1.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-screen=game] #screen-game .game-turn-footer .turn-score-game{font-size:clamp(1.1rem,2.4vw,1.45rem);min-width:22px}}@keyframes game-space-enter-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}body[data-layer=game-space] #screen-lobby.screen.active,body[data-layer=game-space] #screen-wait.screen.active,body[data-layer=game-space] #screen-pass.screen.active,body[data-layer=game-space] #screen-winner.screen.active,body[data-layer=game-space] #screen-game.screen.active{animation:game-space-enter-up var(--motion-base) var(--ease-out)}#screen-game .game-screen-layout{min-height:min(72vh,760px)}#screen-online .setup-card,#screen-local .setup-card,#screen-host .setup-card,#screen-join .setup-card{min-height:0}@media(max-width:720px){.home-mode-grid{grid-template-columns:minmax(0,1fr);max-width:400px;gap:14px}.home-mode-card{height:clamp(140px,38vw,180px)}#screen-game .game-screen-layout{min-height:min(72vh,760px)}}