:root{--plum-950: #170b1f;--plum-900: #1f1029;--plum-800: #2b1637;--plum-700: #3b2049;--plum-600: #52306a;--cream: #f8ecd9;--cream-dim: #dccab8;--amber: #f6bb52;--amber-glow: rgba(246, 187, 82, .45);--terracotta: #c4623d;--terracotta-deep: #8f4024;--ink: #2a1533;--safe-x: 96px;--safe-y: 54px;--ease: cubic-bezier(.22, .8, .24, 1);--display: "Fraunces", Georgia, serif;--sans: "Nunito Sans", "Avenir Next", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--plum-950);overflow:hidden}body{font-family:var(--sans);color:var(--cream);font-size:28px;-webkit-font-smoothing:antialiased}h1,h2,p,figure{margin:0}.viewport{position:fixed;inset:0;display:grid;place-items:center;background:var(--plum-950)}.stage{position:relative;width:1920px;height:1080px;flex:none;overflow:hidden;transform-origin:center;background:radial-gradient(1200px 700px at 30% 30%,rgba(122,64,120,.35),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 48px),linear-gradient(180deg,var(--plum-800) 0%,var(--plum-900) 78%,#2a1720 100%)}.launcher,.screen{position:absolute;inset:0}.eyebrow{font-family:var(--sans);font-weight:800;font-size:24px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.topbar{position:absolute;top:var(--safe-y);left:var(--safe-x);right:var(--safe-x);height:56px;display:flex;align-items:center;justify-content:space-between;z-index:3}.room-name{font-family:var(--display);font-weight:600;font-size:32px;color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.6)}.clock{display:flex;align-items:baseline;gap:14px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.clock-time{font-family:var(--display);font-weight:600;font-size:40px}.clock-day{font-size:26px;font-weight:700;color:var(--cream-dim)}.room{position:absolute;inset:0;overflow:hidden;background:var(--plum-950)}.room-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-art.captured:not([style]){transform:scale(1.16);transform-origin:50% 0%}.room-art.in{animation:room-in .24s ease-out both}@keyframes room-in{0%{opacity:0;transform:scale(1.015)}}.room-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#120818c7,#12081880 30%,#12081800 52%),linear-gradient(180deg,#120818c7,#12081866 22%,#12081800 34%),linear-gradient(0deg,#120818db,#12081866 24%,#12081800 40%)}.room[data-captured=true] .room-scrim{background:linear-gradient(90deg,#120818c7,#12081880 30%,#12081800 52%),linear-gradient(180deg,#120818c7,#12081866 22%,#12081800 34%),linear-gradient(0deg,#120818f5,#120818d9 26%,#12081800 50%)}@keyframes hero-text-in{0%{opacity:0;transform:translateY(12px)}}.icon-row{position:absolute;left:var(--safe-x);top:124px;height:196px;display:flex;align-items:center;gap:20px;z-index:3}.game-icon{display:flex;align-items:center;gap:28px}.game-icon-art{position:relative;flex:none;width:116px;height:116px;border-radius:24px;overflow:hidden;background:var(--plum-700);box-shadow:0 10px 24px #00000073,inset 0 0 0 2px #ffffff1f;transition:width .24s var(--ease),height .24s var(--ease),border-radius .24s var(--ease)}.game-icon-art img{width:100%;height:100%;object-fit:cover;display:block}.game-icon-dot{position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #170b1fb3,0 0 14px var(--amber-glow)}.game-icon-name{display:none;font-family:var(--display);font-weight:700;font-size:40px;white-space:nowrap;text-shadow:0 2px 14px rgba(0,0,0,.7)}.game-icon.focused .game-icon-art{width:176px;height:176px;border-radius:34px;outline:6px solid var(--cream);outline-offset:6px;box-shadow:0 0 0 18px #f8ecd929,0 20px 44px #0009}.game-icon.focused .game-icon-name{display:block;animation:name-in .26s ease-out both}.game-icon.current .game-icon-art{width:176px;height:176px;border-radius:34px;opacity:1}.game-icon.current .game-icon-name{display:block;color:var(--cream-dim)}@keyframes name-in{0%{opacity:0;transform:translate(-10px)}}.home[data-zone=cards] .game-icon-art{opacity:.7}.spotlight{position:absolute;left:var(--safe-x);top:356px;width:760px;z-index:2;animation:hero-text-in .24s ease-out both}.spot-logo{display:block;max-width:600px;height:228px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 26px rgba(0,0,0,.55))}.spot-wordmark{font-family:var(--display);font-weight:700;font-size:96px;line-height:1.02;text-shadow:0 4px 24px rgba(0,0,0,.6)}.spot-line{margin-top:22px;display:flex;align-items:center;gap:18px;font-size:34px;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.7)}.spot-tag{flex:none;font-size:26px;font-weight:800;color:var(--ink);background:var(--cream);border-radius:999px;padding:5px 20px;text-shadow:none}.spot-resume{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2}.spot-tagline{margin-top:12px;font-size:28px;font-weight:700;color:var(--cream-dim);white-space:nowrap;text-shadow:0 2px 14px rgba(0,0,0,.7)}.spot-players{margin-top:18px;display:flex;align-items:center;gap:6px;font-size:26px;font-weight:700;color:var(--cream-dim);text-shadow:0 2px 12px rgba(0,0,0,.7)}.spot-players img{height:60px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}.spot-players span{margin-left:12px}.spotlight.empty{top:300px}.cards{position:absolute;left:var(--safe-x);bottom:var(--safe-y);display:flex;align-items:flex-end;gap:26px;z-index:3}.card{--w: 400px;--h: 225px;width:var(--w);display:flex;flex-direction:column;transition:width .26s var(--ease),opacity .22s,filter .22s}.card-art{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:22px;overflow:hidden;background:var(--plum-700);box-shadow:0 12px 28px #00000080,inset 0 0 0 2px #ffffff1a;transition:border-radius .26s var(--ease)}.card-art>img{width:100%;height:100%;object-fit:cover;display:block}.card-tag{position:absolute;left:12px;top:12px;max-width:calc(var(--w) - 24px);font-size:24px;line-height:1.2;font-weight:800;color:var(--ink);background:var(--cream);border-radius:999px;padding:3px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #00000059}.play-mark{position:absolute;right:14px;bottom:14px;width:72px;height:72px;color:var(--cream)}.card-name{margin-top:14px;max-width:var(--w);font-family:var(--display);font-weight:700;font-size:30px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.6)}.card-resume{max-width:var(--w);font-size:24px;font-weight:700;color:var(--cream-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.6)}.home[data-zone=cards] .card{width:344px}.home[data-zone=cards] .card:not(.focused){opacity:.6;filter:saturate(.75)}.home[data-zone=cards] .card.focused{width:516px}.card.focused .card-art{border-radius:30px;outline:6px solid var(--cream);outline-offset:6px;box-shadow:0 0 0 18px #f8ecd929,0 20px 44px #0009}.card.focused .card-name{font-size:40px;animation:name-in .26s ease-out both}.card.focused .card-resume{font-size:30px;color:var(--amber)}.home[data-zone=cards] .spotlight{top:300px}.card.surprise.focused .card-art img{animation:gift-bob 1.6s ease-in-out infinite}@keyframes gift-bob{50%{transform:scale(1.05) translateY(-4px)}}.people{position:absolute;right:var(--safe-x);top:132px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 18px;border-radius:26px;background:#1208186b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3}.couch-back{display:none}.couch-seat{display:flex;gap:4px}.people:not(:has(.sitter)){display:none}.sitter{width:100px;display:flex;flex-direction:column;align-items:center}.sitter img{height:72px;width:auto;max-width:92px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.sitter figcaption{margin-top:4px;font-size:24px;line-height:1.1;font-weight:800;color:var(--cream);white-space:nowrap}.sitter.arriving{animation:sitter-in .52s cubic-bezier(.3,1.4,.5,1) both}@keyframes sitter-in{0%{opacity:0;transform:translateY(24px) scale(.9)}}.remote-chip{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--cream-dim)}.remote-icon{width:16px;height:26px}.game-page{z-index:4;background:var(--plum-950);animation:page-in .32s cubic-bezier(.22,.8,.24,1) both}@keyframes page-in{0%{opacity:0}}.page-art{position:absolute;inset:0;overflow:hidden}.page-art img{width:100%;height:100%;object-fit:cover;display:block;animation:page-art-in .9s var(--ease) both}@keyframes page-art-in{0%{transform:scale(1.06)}}.page-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#120818e6,#120818a8 34%,#12081800 60%),linear-gradient(0deg,#120818cc,#12081800 34%)}.page-card{position:absolute;left:var(--safe-x);top:120px;width:860px;animation:hero-text-in .42s .12s ease-out both}.page-logo{display:block;max-width:640px;height:280px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 26px rgba(0,0,0,.55))}.page-title{font-family:var(--display);font-weight:700;font-size:104px;line-height:1.02;text-shadow:0 4px 24px rgba(0,0,0,.6)}.page-status{margin-top:28px;display:flex;align-items:center;gap:18px}.page-resume{font-size:36px;font-weight:800;color:var(--cream);text-shadow:0 2px 14px rgba(0,0,0,.7)}.page-actions{margin-top:44px;display:flex;gap:28px}.action{display:inline-flex;align-items:center;gap:14px;font-size:34px;font-weight:800;border-radius:999px;padding:18px 44px;border:3px solid rgba(248,236,217,.5);background:#170b1f8c;color:var(--cream);transition:transform .2s var(--ease)}.action.primary{background:var(--cream);color:var(--ink);border-color:var(--cream)}.action.focused{outline:6px solid var(--cream);outline-offset:6px;box-shadow:0 0 0 18px #f8ecd929;transform:scale(1.04)}.play-glyph{width:30px;height:30px}.page-hint{margin-top:30px;font-size:26px;font-weight:700;color:var(--cream-dim);text-shadow:0 2px 10px rgba(0,0,0,.7)}.page-players{position:absolute;left:var(--safe-x);bottom:var(--safe-y)}.page-stickers{display:flex;gap:18px;margin-top:14px}.page-sticker{width:132px;height:160px;border-radius:22px;background:#170b1f99;border:2px solid rgba(248,236,217,.14);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px}.page-sticker img{height:96px;width:auto;object-fit:contain}.page-sticker figcaption{font-size:24px;font-weight:800}.surprise-page{z-index:7;background:var(--plum-950);animation:page-in .24s ease-out both}.surprise-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .26s ease-out}.surprise-room.in{opacity:1}.surprise-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#120818d9,#1208188c 34%,#12081833 60%)}.reel{position:absolute;left:0;top:300px;display:flex;gap:36px;transition:transform 1.6s cubic-bezier(.12,.7,.18,1)}.surprise-page[data-phase=ready] .reel{transition:none}.reel-icon{flex:none;width:220px;height:220px;border-radius:40px;overflow:hidden;box-shadow:0 16px 36px #0000008c;transition:transform .3s var(--ease),opacity .3s}.reel-icon img{width:100%;height:100%;object-fit:cover;display:block}.surprise-page[data-phase=landed] .reel-icon:not(.picked){opacity:0}.reel-icon.picked{transform:scale(1.25);transform-origin:0 50%;outline:6px solid var(--cream);outline-offset:8px}.surprise-title{position:absolute;left:var(--safe-x);top:600px;animation:hero-text-in .36s ease-out both}.surprise-logo{height:200px;max-width:720px;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(0,0,0,.6))}.player{position:absolute;inset:0;z-index:6;overflow:hidden;transform-origin:0 0;background:var(--plum-950)}.player[data-phase=hidden]{visibility:hidden}.launcher:has(.player:not([data-phase=hidden])) :is(.game-icon-art,.card,.card-art){transition:none}.player-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .5s ease-out .7s}.player.waiting .player-art{filter:brightness(.62) saturate(.9)}.player:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#120818b8,#12081800 55%),linear-gradient(0deg,#12081899,#12081800 40%);opacity:0;transition:opacity .4s ease-out .3s}.player.waiting:after{opacity:1}.home{transition:opacity .56s ease-in-out,filter .56s ease-in-out}.launcher:has(.player:is([data-phase=entering],[data-phase=shown])) .home{opacity:.35;filter:blur(6px)}.player-tile{position:absolute;z-index:3;object-fit:cover;opacity:0;pointer-events:none}.game-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .7s ease-out,transform .9s var(--ease),visibility 0s .7s}.game-frame.live{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease-out,transform .9s var(--ease)}.player-card{position:absolute;left:var(--safe-x);bottom:calc(var(--safe-y) + 40px);max-width:1100px;z-index:2;animation:card-in .42s .56s ease-out both}.player-logo{display:block;height:200px;max-width:560px;object-fit:contain;object-position:left bottom;margin-bottom:26px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.6))}.player-card .eyebrow{display:flex;align-items:center;gap:12px}.player-card .eyebrow .pulse{background:var(--amber)}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}}.player-line{margin-top:10px;font-family:var(--display);font-weight:600;font-size:48px;line-height:1.15;white-space:nowrap;text-shadow:0 2px 16px rgba(0,0,0,.7)}.player-sub{margin-top:12px;font-size:30px;font-weight:700;color:var(--cream-dim)}.connection-chip{position:absolute;top:var(--safe-y);right:var(--safe-x);z-index:8;display:flex;align-items:center;gap:14px;font-size:26px;font-weight:800;color:var(--ink);background:var(--cream);padding:12px 26px;border-radius:999px;box-shadow:0 8px 24px #0006}.pulse{width:16px;height:16px;border-radius:50%;background:var(--terracotta);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}.launcher:not([data-screen=game]) .connection-chip{right:auto;left:50%;transform:translate(-50%)}.assembling-room .room-art{filter:blur(16px) brightness(.66) saturate(1.1);transform:scale(1.08);animation:warm-up 2.4s ease-out both}@keyframes warm-up{0%{filter:blur(34px) brightness(.18) saturate(.6);transform:scale(1.14)}}.assembling-glow{position:absolute;inset:0;background:radial-gradient(900px 640px at 72% 46%,rgba(246,187,82,.34),transparent 70%),radial-gradient(700px 520px at 18% 86%,rgba(196,98,61,.26),transparent 70%);animation:glow 3.2s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.6}}.assembling-hero{width:1200px}.assembling-line{margin-top:16px;white-space:nowrap;font-family:var(--display);font-weight:600;font-size:72px;line-height:1.1;text-shadow:0 4px 24px rgba(0,0,0,.6);animation:hero-text-in .6s ease-out both}.assembling-hero .eyebrow{display:flex;align-items:center;gap:12px}.assembling-hero .pulse{background:var(--amber)}.game-icon-art.arriving{animation:icon-arrive .52s var(--ease) both}@keyframes icon-arrive{0%{opacity:0;transform:translateY(18px) scale(.86)}}.card-art.glass{background:linear-gradient(110deg,#f6bb521a 30%,#ffe4b442,#f6bb521a 70%);background-size:300% 100%;box-shadow:0 12px 28px #00000059,inset 0 0 0 2px #ffe4b438;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:icon-arrive .52s var(--ease) both,shimmer 2.4s linear infinite}@keyframes shimmer{to{background-position:-150% 0}}.calm{display:grid;place-items:center}.calm-card{max-width:1100px;text-align:center}.calm-card h1{font-family:var(--display);font-size:64px;margin:16px 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.join-code{position:absolute;right:var(--safe-x);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);bottom:var(--safe-y);display:flex;flex-direction:column;gap:6px;padding:14px 26px 16px;background:#1208186b;border-radius:26px;z-index:3;text-align:right}.join-code-line{font-size:24px;font-weight:700;color:var(--cream-dim)}.join-code-value{font-family:var(--display);font-size:44px;font-weight:700;letter-spacing:.18em;color:var(--amber);line-height:1}.surprise-scrim{transition:opacity .5s ease-out}.surprise-page[data-phase=landed] .surprise-scrim{opacity:.8}.surprise-logo{object-position:left center}.surprise-ready{margin-top:22px;display:flex;align-items:center;gap:12px}.surprise-ready .pulse{background:var(--amber)}.surprise-page{transition:opacity .4s ease-out}.surprise-page[data-phase=leaving]{opacity:0}