*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Righteous;src:url(/fonts/righteous-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #14161f;--bg-soft: #1e2230;--bg-card: #262b3d;--fg: #eef0f6;--muted: #9aa1b5;--accent: #4aa3ff;--accent-soft: #2b4a6e;--good: #2ecc71;--warn: #ffd54f;--bad: #e74c3c;--font-display: "Righteous", system-ui, sans-serif;--c-dominoes: #34d399;--c-dominoes-glow: #34d39955;--c-uno: #ff5340;--c-uno-glow: #ff534055;--c-scrabble: #f2a33c;--c-scrabble-glow: #f2a33c55;--c-party: #4aa3ff;--c-party-glow: #4aa3ff55}[data-game=dominoes],[data-game=train],[data-game=draw]{--glow: var(--c-dominoes);--glow-soft: var(--c-dominoes-glow)}[data-game=uno]{--glow: var(--c-uno);--glow-soft: var(--c-uno-glow)}[data-game=scrabble]{--glow: var(--c-scrabble);--glow-soft: var(--c-scrabble-glow)}[data-game=party]{--glow: var(--c-party);--glow-soft: var(--c-party-glow)}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.muted{color:var(--muted)}.center-note{display:flex;align-items:center;justify-content:center;min-height:40vh;color:var(--muted);font-size:1.2rem;text-align:center;padding:1rem}.btn{background:var(--bg-card);border:1px solid #3a4158;border-radius:10px;padding:.6rem 1rem;color:var(--fg);display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;transition:transform .1s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn small{color:var(--muted);font-size:.72rem}.btn-primary{background:var(--accent-soft);border-color:var(--accent)}.btn-primary:disabled{opacity:.45}.btn-big{width:100%;padding:.9rem;font-size:1.1rem;font-weight:600}.btn-small{padding:.25rem .6rem;font-size:.8rem;border-radius:6px}.glow-card{position:relative;border-radius:18px;border:1px solid color-mix(in srgb,var(--glow, var(--accent)) 45%,transparent);background:var(--bg-card);box-shadow:0 0 0 1px #0006,0 12px 32px -12px #000c,0 0 24px -6px var(--glow-soft, transparent);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .25s ease}.glow-card:hover{transform:translateY(-4px) scale(1.015);border-color:var(--glow, var(--accent));box-shadow:0 18px 44px -14px #000d,0 0 42px -4px var(--glow-soft, transparent),0 0 0 1px var(--glow, var(--accent))}.glow-card:focus-visible{outline:3px solid var(--glow, var(--accent));outline-offset:3px}@keyframes card-rise{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}@keyframes cta-sheen{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(240%) skew(-18deg)}}.btn-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--glow, var(--accent)),var(--accent));border:none;color:#fff;font-family:var(--font-display);font-weight:400;letter-spacing:.03em;text-shadow:0 1px 2px #0008}.btn-cta:not(:disabled):after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);animation:cta-sheen 3.2s ease-in-out infinite}.btn-cta:disabled{filter:grayscale(.8);opacity:.5}.dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;margin-right:.5em}.dot-on{background:var(--good)}.dot-off{background:var(--bad)}.host-badge{background:var(--accent-soft);border:1px solid var(--accent);color:var(--fg);font-size:.6em;font-weight:700;border-radius:6px;padding:.15em .5em;margin-left:.6em;vertical-align:middle}.player-offline{opacity:.55}.pip-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;height:1.5em;padding:0 .3em;border-radius:50%;color:#fff;font-weight:700;font-size:.9em}.toasts{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.4rem;z-index:50;pointer-events:none}.toast{background:#000c;border:1px solid #3a4158;border-radius:10px;padding:.5rem 1rem;font-size:1rem;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.phone .toasts{bottom:auto;top:3.6rem}.conn-banner{position:fixed;top:0;left:0;right:0;background:var(--bad);color:#fff;text-align:center;padding:.3rem;font-weight:600;z-index:60}.double-banner{background:#5b4a12;border:1px solid var(--warn);border-radius:10px;margin:.5rem auto;padding:.5rem 1rem;text-align:center;max-width:40rem}.tv{position:relative;height:100%;display:flex;flex-direction:column;padding:3vh 3.5vw}.tv-lobby{flex:1;display:flex;flex-direction:column;gap:2vh}.tv-ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(120% 100% at 50% 30%,transparent 40%,#0b0d13ee 100%),radial-gradient(60% 50% at 50% 0%,var(--glow-soft, transparent),transparent 70%),linear-gradient(#14161fb0,#14161fb0),url(/art/ambient-table.webp),linear-gradient(var(--bg),var(--bg));background-size:cover;background-position:center}.tv-wordmark{font-size:5vw}.tv-qr-panel{padding:2vw;border-radius:24px;box-shadow:0 0 0 1px #0006,0 12px 32px -12px #000c,0 0 60px -10px var(--glow-soft, transparent)}.tv-qr-panel:hover{transform:none}.tv-chip-list{display:flex;flex-direction:column;gap:1vh}.tv-chip{animation:slam-in .35s ease both;animation-delay:calc(var(--i, 0) * 60ms)}.tv-chip .player-chip{background:#ffffff0d;border:1px solid #ffffff14;padding:.6vw 1.2vw;gap:1vw;font-size:2vw}.tv-chip .player-avatar{width:2.4vw;height:2.4vw;font-size:1.3vw}.tv-lobby-head{text-align:center}.tv-lobby-head h1{font-size:4vw}.tv-lobby-head p{color:var(--muted);font-size:1.8vw}.tv-lobby-main{flex:1;display:flex;gap:3vw;align-items:center;justify-content:center}.tv-lobby-qr{text-align:center}.tv-lobby-qr img{width:26vw;max-width:44vh;border-radius:12px;background:#fff;padding:.6vw}.tv-lobby-code{margin-top:1.5vh;display:flex;flex-direction:column}.tv-lobby-code span{color:var(--muted);font-size:1.4vw}.tv-lobby-code strong{font-family:var(--font-display);font-weight:400;font-size:7vw;letter-spacing:.35em;margin-right:-.35em;text-shadow:0 0 30px var(--glow-soft, transparent)}.tv-lobby-url{color:var(--muted);font-size:1.3vw}.tv-lobby-players{min-width:30vw;background:var(--bg-soft);border-radius:16px;padding:2vw}.tv-lobby-players h2{font-size:2vw;margin-bottom:1vh}.tv-lobby-players ul{list-style:none;font-size:2.2vw;line-height:1.7}.tv-lobby-players .muted{font-size:1.3vw;margin-top:1vh}.tv-board{flex:1;display:flex;flex-direction:column;gap:1vh;min-height:0}.tv-board-head{display:flex;justify-content:space-between;align-items:center;gap:1vw;flex-wrap:wrap;font-size:1.5vw}.tv-end-btn,.tv-end-confirm .btn{font-size:1vw;min-height:0}.tv-end-confirm{display:inline-flex;align-items:center;gap:.6vw;color:var(--warn)}.btn-danger{background:#5c1f1f;border-color:var(--bad)}.tv-qr-corner{position:fixed;right:3.5vw;bottom:3vh;display:flex;flex-direction:column;align-items:center;gap:.3vh;background:#0008;border-radius:10px;padding:.6vw;z-index:20}.tv-qr-corner img{width:9vh;height:9vh;border-radius:6px;background:#fff;padding:.25vh}.tv-qr-corner span{color:#cfd6e4;font-size:1vw}.tv-board-mode{font-weight:700}.tv-board-turn{color:var(--warn);font-weight:700;font-size:2vw}.tv-board-code{color:var(--muted)}.players-rail{display:flex;gap:1vw;flex-wrap:wrap;justify-content:center}.player-card{background:var(--bg-soft);border:2px solid transparent;border-radius:12px;padding:.6vw 1.2vw;text-align:center;min-width:9vw}.player-card-turn{border-color:var(--warn);background:#2c2a1d}.player-card-name{font-size:1.6vw;font-weight:600}.player-card-info{display:flex;gap:1vw;justify-content:center;color:var(--muted);font-size:1.3vw}.tv-board-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;min-height:0}.board-empty{color:var(--muted);font-size:2vw;padding:4vh}.ends-readout{font-size:1.6vw;display:flex;align-items:center;gap:.6em}.tv-results{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh}.tv-results h1{font-size:4vw;text-align:center}.score-table{border-collapse:collapse;font-size:clamp(1rem,2vw,1.6rem);min-width:min(34rem,90vw)}.score-table th,.score-table td{padding:.45em 1em;text-align:left;border-bottom:1px solid #3a4158}.score-table th{color:var(--muted);font-weight:600}.score-winner{color:var(--warn);font-weight:700}.train-board{width:100%;max-width:70vw;display:flex;flex-direction:column;gap:.6vh;min-height:0;overflow-y:auto}.phone .train-board{max-width:100%}.train-engine{display:flex;align-items:center;justify-content:center;gap:1em}.train-engine-label{color:var(--muted);font-size:clamp(.8rem,1.3vw,1.1rem)}.train-rows{display:flex;flex-direction:column;gap:.5vh}.train-row{display:grid;grid-template-columns:minmax(7rem,14rem) 1fr auto;align-items:center;gap:.8rem;background:var(--bg-soft);border:2px solid transparent;border-radius:10px;padding:.35rem .7rem;min-height:3rem}.phone .train-row{grid-template-columns:minmax(5.5rem,8rem) 1fr auto;gap:.4rem}.train-row-tappable{border-color:var(--accent);background:var(--accent-soft);cursor:pointer}.train-row-active{border-color:var(--warn)}.train-row-gated{opacity:.55}.train-label{display:flex;align-items:center;gap:.4rem;overflow:hidden}.train-name{font-size:clamp(.85rem,1.5vw,1.3rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.train-name-mine{color:var(--accent)}.train-tiles{display:flex;align-items:center;gap:.4rem;justify-content:flex-end;min-width:0;overflow:hidden}.train-empty,.train-more{color:var(--muted);font-size:.85rem}.train-open{display:flex;align-items:center;gap:.35em;color:var(--muted);font-size:clamp(.8rem,1.2vw,1.05rem);white-space:nowrap}.phone{min-height:100%;display:flex;flex-direction:column;padding:.8rem;max-width:42rem;margin:0 auto;font-size:1.05rem}.phone .btn{min-height:52px}.phone .btn-small,.phone .kick-btn,.phone .nudge-dismiss{min-height:0}.phone-head{display:flex;justify-content:space-between;font-size:.9rem;color:var(--fg);padding-bottom:.5rem}.join-form{display:flex;flex-direction:column;gap:1rem;margin-top:12vh}.join-form h1{text-align:center;font-size:1.8rem;margin-bottom:1rem}.join-form label{display:flex;flex-direction:column;gap:.3rem;color:var(--muted)}.join-form input{font-size:1.3rem;padding:.7rem;border-radius:10px;border:1px solid #3a4158;background:var(--bg-soft);color:var(--fg)}.join-form input::placeholder{color:#565d73}.join-error{color:var(--bad);text-align:center}.phone-lobby{display:flex;flex-direction:column;gap:1rem;flex:1}.lobby-list{list-style:none;font-size:1.05rem;display:flex;flex-direction:column;gap:.5rem}.lobby-list li{animation:toast-in .3s ease both;animation-delay:calc(var(--i, 0) * 60ms)}.player-chip{display:flex;align-items:center;gap:.7rem;background:var(--bg-soft);border:1px solid #ffffff10;border-radius:999px;padding:.45rem .8rem}.player-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0;text-shadow:0 1px 2px #0006}.player-chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip .kick-btn{margin-left:auto}.kick-btn{margin-left:auto;color:var(--bad);font-size:1rem;padding:.2rem .6rem}.host-controls{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-bottom:.5rem}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.mode-mini{display:flex;flex-direction:column;align-items:center;gap:.15rem;overflow:hidden;padding:0 0 .7rem;color:var(--fg)}.mode-mini-art{width:100%;aspect-ratio:2 / 1;margin-bottom:.4rem;background-image:linear-gradient(180deg,transparent 40%,#262b3dee 100%),var(--art, linear-gradient(transparent, transparent)),radial-gradient(100% 100% at 50% 0%,var(--glow-soft, transparent),transparent 70%),linear-gradient(160deg,var(--bg-card),var(--bg-soft));background-size:cover;background-position:center;transition:filter .25s ease}[data-game=train] .mode-mini-art{--art: url(/art/mode-train.webp)}[data-game=draw] .mode-mini-art{--art: url(/art/mode-draw.webp)}.mode-mini:not(.mode-mini-on) .mode-mini-art{filter:saturate(.4) brightness(.7)}.mode-mini:not(.mode-mini-on){border-color:#3a4158;box-shadow:none}.mode-mini-on{transform:scale(1.02)}.mode-mini-title{font-size:1.05rem;font-weight:600}.mode-mini small{color:var(--muted);font-size:.72rem}.setting-col{flex-direction:column;align-items:stretch;gap:.4rem}.setting-label{font-size:.95rem}.seg{display:flex;gap:4px;background:var(--bg-soft);border-radius:999px;padding:4px}.seg-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;border-radius:999px;padding:.45rem .2rem;color:var(--muted);line-height:1.15;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.seg-btn small{font-size:.68rem;color:inherit;opacity:.75}.seg-locked{opacity:.55}.seg-on{background:var(--glow-soft, var(--accent-soft));color:var(--fg);box-shadow:inset 0 0 0 1px var(--glow, var(--accent));font-weight:600}.setting-toggle small{color:var(--muted);font-size:.8rem;line-height:1.3}.toggle-row{display:flex;align-items:center;gap:.6rem;color:var(--fg);text-align:left;padding:0}.toggle-track{display:inline-flex;align-items:center;width:2.5rem;height:1.4rem;border-radius:999px;background:var(--bg-soft);border:1px solid #3a4158;padding:2px;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.toggle-knob{width:1rem;height:1rem;border-radius:50%;background:var(--muted);transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease}.toggle-on{background:var(--glow-soft, var(--accent-soft));border-color:var(--glow, var(--accent))}.toggle-on .toggle-knob{transform:translate(1.1rem);background:var(--glow, var(--accent))}.lobby-waiting{animation:banner-pulse 2.4s ease-in-out infinite;border-radius:12px}.setting{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted)}.setting select{font-size:1rem;padding:.5rem;border-radius:8px;background:var(--bg-soft);color:var(--fg);border:1px solid #3a4158}.phone-game{display:flex;flex-direction:column;gap:.6rem;flex:1;min-height:0}.turn-banner{background:var(--bg-soft);border-radius:10px;padding:.6rem 1rem;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap}.turn-banner-me{background:#234323;border:1px solid var(--good);font-size:1.2rem;animation:banner-pulse 2.2s ease-in-out infinite}@keyframes banner-pulse{50%{box-shadow:0 0 20px #2ecc7155}}.phone-board{flex:0 1 auto;max-height:22vh;min-height:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.sortable-tile{display:flex}.seat-picker{display:flex;flex-direction:column;gap:.7rem;background:var(--bg-soft);border:1px solid var(--accent);border-radius:14px;padding:1rem}.seat-picker p{text-align:center;font-size:1.15rem;font-weight:600}.seat-picker-note{font-size:.9rem;font-weight:400}.end-confirm{display:inline-flex;align-items:center;gap:.4rem}.phone-board .ends-readout{font-size:1rem;justify-content:center;display:flex}.pick-hint{text-align:center;font-size:.9rem}.end-buttons{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.rack-area{display:flex;flex-direction:column;gap:.6rem;padding-top:.4rem;border-top:1px solid #3a4158}.rack-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px 2px;overflow-y:auto}.rack-count{text-align:center;font-size:.85rem}.game-surface{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem}.surface-locked .thumb-zone,.surface-locked .phone-board{pointer-events:none;opacity:.85}.thumb-zone{margin-top:auto;display:flex;flex-direction:column;gap:.7rem;border-top:1px solid #3a4158;padding-top:.7rem}.target-buttons{display:flex;flex-direction:column;gap:.6rem}.target-title{text-align:center;color:var(--muted);font-size:1.05rem}.target-title strong{color:var(--fg);font-size:1.15rem}.btn-target{flex-direction:row;justify-content:center;align-items:center;gap:.7rem;min-height:64px;font-size:1.2rem;font-weight:700}.target-needs{display:inline-flex;align-items:center;gap:.35em;color:#c8d0e2;font-size:.9rem;font-weight:500}.btn-cancel{min-height:52px;color:var(--muted)}.btn-action{min-height:64px;font-size:1.25rem}.tile{transition:transform .12s ease,opacity .15s ease;border-radius:6px}.tile-playable{filter:drop-shadow(0 0 9px #ffd54fcc);transform:translateY(-4px)}.tile-selected{transform:translateY(-10px) scale(1.06)}.tile-dimmed{opacity:.45}.phone-results{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:8vh}.phone-results h1{font-size:1.6rem;text-align:center}.draw-board{display:block;margin:0 auto}@keyframes tile-in{0%{opacity:0}}.draw-board g,.train-tiles g{animation:tile-in .3s ease}@keyframes tile-breathe{50%{opacity:.75}}.tile-pulse{animation:tile-breathe 1.6s ease-in-out infinite}.felt{background:radial-gradient(ellipse at center,#1d5c3c,#164a30 60%,#0f3823);border:.55vw solid #43301f;border-radius:26px;box-shadow:inset 0 0 70px #00000070;padding:1.2vw}.train-radial{width:100%;height:100%;max-height:72vh;flex:1;min-height:0}.tv-train-meta{color:#cfe4d6aa;font-size:1.2vw;text-align:center}.coach-card{background:var(--bg-card);border:2px solid var(--accent);border-radius:14px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem}.coach-hint{font-size:1.25rem;font-weight:700;line-height:1.3}.coach-sub{color:var(--muted);font-size:1rem;line-height:1.45}.coach-wiggle{animation:wiggle .4s ease}@keyframes wiggle{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-4px)}90%{transform:translate(2px)}}.coach-glow{animation:coach-glow-pulse 1.3s ease-in-out infinite}@keyframes coach-glow-pulse{0%,to{filter:drop-shadow(0 0 5px #ffd54f)}50%{filter:drop-shadow(0 0 16px #ffd54f)}}.practice,.practice-pick{gap:.8rem}.practice-pick{display:flex;flex-direction:column;justify-content:center;text-align:center}.practice-pick h1{font-size:2rem}.practice-pick .btn{text-decoration:none;display:inline-flex;justify-content:center}.practice-link{text-align:center;color:var(--accent);margin-top:.5rem}.practice-btn{font-size:1.05rem}.practice-nudge{display:flex;align-items:center;justify-content:center;gap:.7rem;background:#203049;border:1px solid var(--accent);border-radius:12px;padding:.6rem;flex-wrap:wrap}.nudge-dismiss{color:var(--muted)}.logo{display:flex;align-items:center;justify-content:center;gap:.45em;font-family:var(--font-display);font-weight:400}.logo-tile{display:inline-flex;transform:rotate(-8deg)}.landing-option:focus,.landing-option:focus-visible{outline:3px solid var(--accent, #ffd54f);outline-offset:3px;transform:scale(1.02)}.landing-links a:focus,.landing-links a:focus-visible{outline:2px solid var(--accent, #ffd54f);outline-offset:2px;border-radius:4px}.landing{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.2rem;text-align:center}.landing h1{font-size:2.2rem}.landing-options{display:flex;flex-direction:column;gap:.9rem;width:100%;max-width:460px}.landing-option{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.2rem;text-align:left;text-decoration:none}.landing-option-title{font-size:1.25rem;font-weight:700}.landing-option-sub{color:var(--muted);font-size:.9rem;font-weight:400}.hub-title{font-family:var(--font-display);font-weight:400;font-size:2.2rem}.landing-option-disabled{opacity:.45;cursor:default}.landing-option-disabled:active{transform:none}.landing-links{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.landing-links a{color:var(--muted)}.hub-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(120% 100% at 50% 20%,transparent 30%,var(--bg) 90%),url(/art/ambient-table.webp),linear-gradient(var(--bg),var(--bg));background-size:cover;background-position:center;opacity:.5}.hub-banner{position:relative;width:100%;max-width:1100px;border-radius:24px;overflow:hidden;aspect-ratio:21 / 7;min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 20px 60px -20px #000d,0 0 60px -10px #4aa3ff33;animation:card-rise .48s cubic-bezier(.22,1,.36,1) both}.hub-banner-art{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,#14161f33,#14161fee 96%),url(/art/hub-banner.webp),radial-gradient(120% 100% at 50% 30%,#4aa3ff33,transparent 65%),linear-gradient(160deg,var(--bg-card),var(--bg));background-size:cover;background-position:center}.hub-banner-body{position:relative;padding:1rem 1.2rem}.brand-wordmark{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.1;background:linear-gradient(90deg,var(--c-dominoes),var(--c-uno),var(--c-scrabble));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.85);paint-order:stroke fill;filter:drop-shadow(0 2px 10px #000a) drop-shadow(0 0 16px #ffffff66)}.brand-tagline{color:var(--muted);font-size:.95rem;margin-top:.2rem;-webkit-text-stroke:.6px rgba(255,255,255,.75);paint-order:stroke fill;text-shadow:0 0 10px #ffffff66,0 1px 3px #000}.hub-sub{margin-top:-.4rem}.hub-grid{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:460px}@media(min-width:760px){.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;gap:1.4rem}}.hero-card{display:flex;align-items:flex-end;aspect-ratio:16 / 10;overflow:hidden;text-decoration:none;color:var(--fg);text-align:left;animation:card-rise .48s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 70ms)}.hero-card-art,.mode-card-art{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(180deg,transparent 30%,#14161fee 96%),var(--art, linear-gradient(transparent, transparent)),radial-gradient(120% 90% at 30% 20%,var(--glow-soft, transparent),transparent 60%),linear-gradient(160deg,var(--bg-card),var(--bg));background-size:cover;background-position:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}[data-game=dominoes] .hero-card-art{--art: url(/art/hero-dominoes.webp)}[data-game=uno] .hero-card-art{--art: url(/art/hero-uno.webp)}[data-game=scrabble] .hero-card-art{--art: url(/art/hero-scrabble.webp)}.hero-card:hover .hero-card-art{transform:scale(1.05)}.hero-card-body{position:relative;display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.1rem;width:100%}.hero-card-title{font-family:var(--font-display);font-size:1.6rem;color:#fff;text-shadow:0 2px 8px #000c}.hero-card-tag{color:var(--muted);font-size:.9rem;text-shadow:0 1px 4px #000}.player-pill{align-self:flex-start;margin-top:.35rem;padding:.2rem .65rem;border-radius:999px;border:1px solid #ffffff2e;background:#ffffff14;font-size:.78rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-card-disabled{opacity:.45;cursor:default}.join-cta{display:inline-block;padding:.5rem 1.1rem;border:1px solid #3a4158;border-radius:999px;text-decoration:none;transition:border-color .2s ease,color .2s ease}.join-cta:hover,.join-cta:focus-visible{border-color:var(--accent);color:var(--fg)}.join-cta strong{color:var(--fg)}.game-landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(180deg,#14161f66,var(--bg) 78%),var(--art, linear-gradient(transparent, transparent)),radial-gradient(100% 80% at 50% 0%,var(--glow-soft, transparent),transparent 65%),linear-gradient(var(--bg),var(--bg));background-size:cover;background-position:center top;filter:blur(14px) brightness(.55);transform:scale(1.1)}[data-game=dominoes] .game-landing-bg{--art: url(/art/hero-dominoes.webp)}[data-game=uno] .game-landing-bg{--art: url(/art/hero-uno.webp)}[data-game=scrabble] .game-landing-bg{--art: url(/art/hero-scrabble.webp)}.game-wordmark{font-family:var(--font-display);font-weight:400;font-size:2.6rem;color:#fff;letter-spacing:.02em;text-shadow:0 0 24px var(--glow-soft, transparent),0 2px 0 #0008}.mode-options{max-width:560px}.mode-card{display:flex;align-items:flex-end;overflow:hidden;min-height:130px;text-align:left;text-decoration:none;color:var(--fg);animation:card-rise .48s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 70ms)}.mode-card:hover .mode-card-art{transform:scale(1.05)}.mode-card-hero{min-height:190px;box-shadow:0 0 0 1px #0006,0 12px 32px -12px #000c,0 0 32px -6px var(--glow-soft, transparent)}.mode-card-body{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.2rem;width:100%}.mode-card-hero .mode-card-body{padding:1.4rem}.mode-card-kicker{align-self:flex-start;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .55rem;border-radius:999px;background:var(--glow-soft, var(--accent-soft));color:var(--fg);margin-bottom:.2rem}[data-game=dominoes] [data-mode=party] .mode-card-art{--art: url(/art/mode-dominoes-party.webp)}[data-game=dominoes] [data-mode=classic] .mode-card-art{--art: url(/art/mode-dominoes-classic.webp)}[data-game=dominoes] [data-mode=mobile] .mode-card-art{--art: url(/art/mode-dominoes-mobile.webp)}[data-game=uno] [data-mode=party] .mode-card-art{--art: url(/art/mode-uno-party.webp)}[data-game=uno] [data-mode=classic] .mode-card-art{--art: url(/art/mode-uno-classic.webp)}[data-game=uno] [data-mode=mobile] .mode-card-art{--art: url(/art/mode-uno-mobile.webp)}[data-game=scrabble] [data-mode=party] .mode-card-art{--art: url(/art/mode-scrabble-party.webp)}[data-game=scrabble] [data-mode=classic] .mode-card-art{--art: url(/art/mode-scrabble-classic.webp)}[data-game=scrabble] [data-mode=mobile] .mode-card-art{--art: url(/art/mode-scrabble-mobile.webp)}.mode-card-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}@media(max-width:560px){.mode-card-row{grid-template-columns:1fr}}.mode-card-row .landing-option-title{font-size:1.05rem}.mode-rejoin{background:none;border:none;color:var(--muted);text-align:center;padding:.5rem;font-size:.92rem;animation:card-rise .48s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 70ms)}.mode-rejoin:hover,.mode-rejoin:focus-visible{color:var(--fg);text-decoration:underline}.mode-rejoin:focus,.mode-rejoin:focus-visible{outline:3px solid var(--glow, var(--accent));outline-offset:3px;border-radius:8px}.join-note{background:#2e7d3222;border:1px solid #2e7d32;border-radius:8px;padding:.6rem .8rem;color:#a5d6a7}.mobile-share{display:flex;align-items:center;gap:.9rem;background:#ffffff0d;border-radius:12px;padding:.7rem}.mobile-share img{width:96px;height:96px;border-radius:8px}.mobile-share-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.mobile-share-code{font-family:var(--font-display);font-weight:400;font-size:1.6rem;letter-spacing:.15em}.mobile-share-info .muted{font-size:.8rem;word-break:break-all}.mobile-share-info .btn{align-self:flex-start}.party-strip{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem;background:#ffffff0d;border-radius:12px;text-align:center}.party-strip-eye{font-size:1.05rem;font-weight:600}.tv-mode-tag{color:var(--muted)}.tv-results-actions{margin-top:1.2rem}.setting-check{flex-direction:column;align-items:flex-start;gap:.25rem}.setting-check input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent, #ffd54f);vertical-align:-.2rem}.setting-check small{color:var(--muted);font-size:.8rem;line-height:1.3}.action-row{display:flex;gap:.6rem}.action-row .btn-action{flex:1}.train-marker{display:inline-flex;justify-content:center;min-width:1.3em}.tv-party .player-card-name{font-size:1.2vw}.tv-party .player-card-info{font-size:1vw}.slam-in{transform-box:fill-box;transform-origin:center;animation:slam-in .35s cubic-bezier(.3,0,.7,.4)}@keyframes slam-in{0%{transform:scale(2.4);opacity:.4}75%{transform:scale(.94);opacity:1}to{transform:scale(1)}}.board-shake{animation:board-shake .45s ease-out}@keyframes board-shake{0%{transform:translate(0)}15%{transform:translate(-9px,5px) rotate(-.4deg)}30%{transform:translate(8px,-4px) rotate(.35deg)}45%{transform:translate(-6px,3px) rotate(-.25deg)}60%{transform:translate(4px,-2px) rotate(.15deg)}80%{transform:translate(-2px,1px)}to{transform:translate(0)}}.gold-ring{animation:gold-ring 1.2s ease-in-out infinite}@keyframes gold-ring{0%,to{stroke-opacity:1;filter:drop-shadow(0 0 .25px #ffd54f)}50%{stroke-opacity:.35;filter:none}}.intro-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1c2233ee,#0e1220f5 75%);overflow:hidden;animation:intro-in .3s ease-out}.intro-splash-out{opacity:0;transition:opacity .3s ease-in}@keyframes intro-in{0%{opacity:0}to{opacity:1}}.intro-center{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.intro-title{font-size:clamp(1.6rem,5vw,3.2rem);font-weight:800}.intro-sub{color:var(--muted);font-size:clamp(1rem,2.2vw,1.4rem)}.intro-tile{position:absolute;top:-140px;animation-name:intro-tumble;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes intro-tumble{0%{transform:translateY(0) rotate(-30deg)}to{transform:translateY(130vh) rotate(390deg)}}.uno-card{position:relative;border-radius:10px;border:3px solid #ffffffd0;box-shadow:0 2px 6px #0005;color:#fff;font-weight:800;flex:0 0 auto;transition:transform .12s ease,opacity .15s ease,box-shadow .15s ease;cursor:pointer}.uno-card-wild{background:conic-gradient(from 180deg,#e53935,#fdd835,#43a047,#1e88e5,#e53935)}.uno-card-corner{position:absolute;font-size:.85rem;line-height:1;text-shadow:0 1px 2px #00000080}.uno-card-corner-tl{top:.35em;left:.45em}.uno-card-corner-br{bottom:.35em;right:.45em;transform:rotate(180deg)}.uno-card-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.8rem;text-shadow:0 2px 4px #00000080}.uno-card-playable{filter:drop-shadow(0 0 9px #ffd54fcc);transform:translateY(-4px)}.uno-card-selected{box-shadow:0 0 0 3px var(--warn),0 2px 6px #0005}.uno-card-dimmed{opacity:.55}.uno-card-glow{box-shadow:0 0 0 3px var(--warn),0 0 14px #ffd54fcc}.uno-color-chip{display:inline-block;width:1.1em;height:1.1em;border-radius:50%;border:2px solid #ffffffa0;vertical-align:middle}.uno-color-red{background:#e53935}.uno-color-yellow{background:#fdd835}.uno-color-green{background:#43a047}.uno-color-blue{background:#1e88e5}.uno-color-bg-red{background:#e53935;color:#fff}.uno-color-bg-yellow{background:#fdd835;color:#2a2200}.uno-color-bg-green{background:#43a047;color:#fff}.uno-color-bg-blue{background:#1e88e5;color:#fff}.uno-color-btn{text-transform:capitalize}.uno-board-strip{display:flex;align-items:center;justify-content:center;gap:1rem}.uno-board-meta{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.95rem}.uno-direction{font-size:1.3rem}.uno-rack{justify-content:center}.uno-call-btn{background:var(--good);color:#06210f}.uno-catch-btn{background:var(--bad);color:#2a0a06}.uno-tv-board{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.uno-discard-pile{position:relative;display:flex;align-items:center;justify-content:center}.uno-card-back{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:#1a1e2b}.uno-tv-meta{display:flex;align-items:center;gap:1.2rem;font-size:1.3rem}.uno-vulnerable-banner{background:var(--good);color:#06210f}.scrabble-surface{align-items:stretch}.scrabble-board-wrap{width:min(92vw,58vh,480px);aspect-ratio:1;margin:0 auto;overflow:auto;border-radius:8px;flex:0 0 auto}.scrabble-board-wrap-zoomed .scrabble-board-grid{width:170%;height:170%}.scrabble-board-grid{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);width:100%;height:100%;gap:1px;background:#0d0f17;border:1px solid #0d0f17;border-radius:6px;overflow:hidden}.scrabble-cell{position:relative;display:flex;align-items:center;justify-content:center;background:#232838}.scrabble-cell-clickable{cursor:pointer}.scrabble-cell-TW{background:#b5423d}.scrabble-cell-DW{background:#a24f6b}.scrabble-cell-TL{background:#2c6ea3}.scrabble-cell-DL{background:#4f89b8}.scrabble-cell-highlight{box-shadow:inset 0 0 0 2px var(--warn)}.scrabble-cell-pending{box-shadow:inset 0 0 0 2px var(--accent)}.scrabble-cell-premium-label{font-size:clamp(5px,1.6vw,9px);font-weight:700;color:#ffffffb0;letter-spacing:.02em}.scrabble-cell-tile{position:absolute;top:4%;right:4%;bottom:4%;left:4%;background:#e8c88a;color:#2a2000;border-radius:2px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(8px,2.4vw,15px);line-height:1}.scrabble-cell-tile sub{font-size:.55em;margin-left:1px}.scrabble-cell-tile-blank{background:#f2ecd8;font-style:italic}.scrabble-cell-tile-pending{background:#e8c88a99;border:1px dashed var(--accent)}.scrabble-warning{text-align:center;font-size:.85rem}.scrabble-rack{justify-content:center}.scrabble-tile{position:relative;border-radius:6px;background:#e8c88a;color:#2a2000;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 2px 4px #0005;cursor:pointer;flex:0 0 auto;transition:transform .12s ease,opacity .15s ease,box-shadow .15s ease}.scrabble-tile-letter{line-height:1}.scrabble-tile-points{position:absolute;bottom:.12em;right:.22em;font-size:.35em;font-weight:700}.scrabble-tile-blank{background:#f2ecd8;font-style:italic;outline:2px dashed #b9ad8a;outline-offset:-5px}.scrabble-tile-selected{box-shadow:0 0 0 3px var(--warn),0 2px 6px #0005;transform:translateY(-4px)}.scrabble-tile-dimmed{opacity:.6}.scrabble-blank-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.scrabble-blank-btn{min-height:44px;font-weight:700}.scrabble-preview-error{text-align:center;font-size:.85rem}.scrabble-action-row{flex-wrap:wrap}.scrabble-tv-board{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem}.scrabble-tv-board .scrabble-board-wrap{width:min(78vmin,640px)}.scrabble-tv-side{display:flex;flex-direction:column;gap:.8rem;min-width:220px;padding-top:.5rem}.scrabble-tv-scores{display:flex;flex-direction:column;gap:.4rem}.scrabble-scores-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.scrabble-score-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-soft);border:1px solid transparent;border-radius:999px;padding:.2rem .7rem;font-size:.85rem}.scrabble-score-chip-turn{border-color:var(--good)}.scrabble-tv-score{display:flex;justify-content:space-between;gap:1rem;background:var(--bg-soft);border-radius:8px;padding:.4rem .7rem;font-size:1.1rem}.scrabble-tv-score-turn{border:1px solid var(--good)}.scrabble-tv-lastplay{font-size:1rem;color:var(--fg)}.scrabble-scoreless-banner{background:var(--warn);color:#2a2200}.seo-content{width:100%;max-width:640px;margin:3rem auto 2rem;text-align:left;display:flex;flex-direction:column;gap:1.8rem}.seo-section h2{font-family:var(--font-display);font-weight:400;font-size:1.25rem;color:var(--fg);margin-bottom:.5rem}.seo-section h3{font-size:1rem;margin:.8rem 0 .15rem}.seo-section p,.seo-section li{color:var(--muted);line-height:1.55;font-size:.95rem}.seo-section p+p{margin-top:.6rem}.seo-section ol,.seo-section ul{padding-left:1.3rem;display:flex;flex-direction:column;gap:.35rem}.privacy-cookie-list li strong{color:var(--fg)}.seo-section a{color:var(--accent)}.seo-faq{background:var(--bg-soft);border:1px solid #ffffff10;border-radius:12px;padding:.7rem 1rem;margin-bottom:.5rem}.seo-faq summary{cursor:pointer;font-weight:600}.seo-faq summary:focus-visible{outline:3px solid var(--glow, var(--accent));outline-offset:3px;border-radius:6px}.seo-faq-a{margin-top:.5rem}.seo-faq-a p{color:var(--muted);line-height:1.5;font-size:.92rem}.seo-more{font-size:.92rem;text-align:center;padding-top:.4rem;border-top:1px solid #ffffff10}.seo-more a{color:var(--accent)}.rules-page{justify-content:flex-start;padding-top:3rem}.rules-title{font-size:2.2rem}.rules-article{margin-top:1.2rem}.rules-article .seo-section p strong{color:var(--fg)}.rules-cta{text-align:center}.rules-cta-btn{display:inline-flex;width:auto;padding:.9rem 2rem;text-decoration:none}.ad-slot{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:.7rem .9rem .6rem;border:1px solid #ffffff14;border-radius:12px;background:#ffffff08;color:var(--fg);text-decoration:none;font-size:.9rem}.ad-slot-tag{position:absolute;top:.35rem;right:.7rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ad-slot-body{color:var(--muted);font-size:.85rem}.ad-slot-tv-lobby,.ad-slot-tv-interstitial{font-size:1.3vw;padding:.8vw 1.2vw;margin-top:1.5vh}.ad-slot-tv-lobby .ad-slot-body,.ad-slot-tv-interstitial .ad-slot-body{font-size:1.1vw}.ad-slot-tv-interstitial{max-width:42vw;margin:2vh auto 0}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:90;max-width:480px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1.1rem;font-size:.88rem}.cookie-banner a{color:var(--accent)}.cookie-banner-actions{display:flex;gap:.5rem;flex-shrink:0}.upsell-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000a8;display:flex;align-items:center;justify-content:center;padding:1.2rem}.upsell-modal{width:100%;max-width:380px;display:flex;flex-direction:column;gap:.8rem;padding:1.4rem;text-align:left}.upsell-perks{list-style:none;display:flex;flex-direction:column;gap:.3rem;color:var(--muted)}.upsell-perks li:before{content:"★ ";color:var(--warn)}.upsell-close{align-self:center}.games-remaining-pill{align-self:center;padding:.3rem .9rem;border-radius:999px;background:#5b4a12;border:1px solid var(--warn);font-size:.85rem;text-align:center}.tv-host-signin{display:flex;align-items:center;gap:1vw;margin-top:1.5vh;padding:.8vw 1vw;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px}.tv-host-signin img{width:8vw;border-radius:8px;background:#fff;padding:.3vw}.tv-host-signin strong{font-size:1.3vw}.tv-host-signin p{font-size:1vw;margin-top:.3vh}.tv-hosted-by{margin-top:1vh;font-size:1.4vw}.account-chip{position:absolute;top:1rem;right:1.2rem;padding:.35rem .9rem;border:1px solid #3a4158;border-radius:999px;background:#14161fb0;color:var(--fg);text-decoration:none;font-size:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .2s ease;z-index:5}.account-chip:hover,.account-chip:focus-visible{border-color:var(--accent)}.account-chip-star{color:var(--warn)}.auth-page{justify-content:flex-start;padding-top:4rem}.auth-title{font-size:2rem}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.9rem;padding:1.4rem;text-align:left}.auth-tabs{display:flex;gap:4px;background:var(--bg-soft);border-radius:999px;padding:4px}.auth-tabs .seg-btn{padding:.45rem .6rem}.auth-google{flex-direction:row;gap:.6rem;justify-content:center;padding:.7rem}.auth-google-mark{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#fff;color:#4285f4;font-weight:700;font-size:.9rem}.auth-divider{text-align:center;font-size:.8rem}.auth-field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted)}.auth-field input{font:inherit;padding:.6rem .8rem;border-radius:10px;border:1px solid #3a4158;background:var(--bg-soft);color:var(--fg)}.auth-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-error{color:var(--bad);font-size:.88rem}.account-card{gap:.6rem}.account-row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;flex-wrap:wrap}.account-upsell-title{font-family:var(--font-display);font-weight:400;font-size:1.3rem}.account-price-row{display:flex;gap:.8rem}.account-price-row .btn{flex:1}.account-actions{display:flex;gap:.8rem}@media(prefers-reduced-motion:reduce){.hero-card,.mode-card,.mode-rejoin,.player-chip,.tv-chip,.lobby-list li{animation:none!important}.btn-cta:not(:disabled):after{animation:none;display:none}}