:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eae6de;--bg-soft:#f6f2ea;--card:#fffdf8;--card-strong:#f1ece2;--line:#c9d6e3;--text:#143d5e;--muted:#3d6a8c;--accent:#f96900;--accent-ink:#143d5e;--lilac:#98065a;--orange-ink:#a33f00;--red:#d30c7b;--blue:#226192;--yellow:#f6b73c;--green:#0e8a8a;--pink:#ff88dc;--magenta:#d30c7b;--magenta-soft:#f45fae;--magenta-deep:#98065a;--ink-on-orange:#0b2a42;--pink-soft:#ffc2ec;--pink-deep:#e85bc0;--orange-soft:#ff9a4d;--orange-deep:#c24e00;--blue-soft:#4a86b4;--blue-deep:#164a70;--ink-strong:#143d5e;--cream-soft:#f6f2ea;--cream-deep:#d9d2c6;--gold:#f6b73c;--teal:#0e8a8a;--shadow:0 22px 60px #22619224;--ring:0 0 0 4px #f9690033}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 4%, #ff88dc33, transparent 38%), radial-gradient(circle at 92% 10%, #ff9a4d2b, transparent 42%), radial-gradient(circle at 50% 100%, #4a86b421, transparent 48%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}button{border:1px solid var(--line);background:var(--card-strong);color:var(--text);cursor:pointer;border-radius:999px;min-height:46px;padding:12px 22px;font-weight:700;transition:background .12s,transform .12s,border-color .12s}button:hover:not(:disabled){background:#e7eef5;border-color:#9fb9cf;transform:translateY(-2px);box-shadow:0 10px 26px #22619273}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.ghost{background:0 0}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#f1ece2;border-radius:14px;padding:14px 20px;font-size:16px;transition:border-color .14s,box-shadow .14s,background .14s}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--ring);outline:none}button:focus-visible{box-shadow:var(--ring);outline:none}.app{flex-direction:column;gap:22px;width:min(1040px,100%);margin:0 auto;padding:28px 20px 56px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.brand{color:var(--text);letter-spacing:-.03em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:10px;place-items:center;font-size:.9rem;display:grid}.nav{color:var(--muted);gap:16px;font-size:.9rem;display:flex}.hero{padding:34px 0 10px}.hero h1{letter-spacing:-.06em;margin:0 0 10px;font-size:clamp(2.3rem,7vw,4.6rem);line-height:.98}.hero p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.card{background:color-mix(in srgb, var(--card) 92%, transparent);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;flex-direction:column;gap:14px;padding:24px;display:flex}.card h2,.card h3{letter-spacing:-.03em;margin:0}.eyebrow{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.muted{color:var(--muted)}.pin{letter-spacing:.2em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.4rem,9vw,4.4rem);line-height:1}.code-card{border:1px solid var(--line);background:linear-gradient(120deg,#f6f2ea,#fffdf8);border-radius:26px;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;display:flex}.code-card .field{flex:220px}.code-card button{flex:none}.field{color:var(--muted);flex-direction:column;gap:7px;font-size:.9rem;display:flex}.game-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.game-card{justify-content:space-between;min-height:190px;position:relative;overflow:hidden}.game-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#f969002e,#0000 68%);border-radius:999px;width:170px;height:170px;position:absolute;inset:auto -30px -60px auto}.game-card.quiz{border-color:#f9690066}.game-card.mood{opacity:.62}.game-card.mood:after{background:radial-gradient(circle,#f6b73c29,#0000 68%)}.badge{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.72rem;font-weight:700}.badge.live{color:var(--accent);border-color:#f9690073}.layout{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:start;gap:18px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list li,.player-row{border:1px solid var(--line);background:#fffdf8;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.player-row .dot{background:var(--green);border-radius:999px;width:8px;height:8px}.player-row.offline{opacity:.55}.player-row.offline .dot{background:var(--muted)}.timer{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}.progress{background:#f1ece2;border-radius:999px;height:8px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .2s linear;display:block}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}button.answer{text-align:left;border-width:2px;align-items:center;gap:12px;min-height:76px;font-size:1rem;display:flex}button.answer .letter{background:#22619224;border-radius:999px;place-items:center;width:32px;height:32px;font-size:.85rem;display:inline-grid}button.answer.wrong{opacity:.5}.score-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.score-row:last-child{border-bottom:0}.score-row .rank{width:28px;color:var(--muted);font-variant-numeric:tabular-nums}.score-row .score{font-variant-numeric:tabular-nums}.score-row.you{color:var(--accent)}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin-top:8px;display:grid}.podium-place{border:1px solid var(--line);text-align:center;background:#fffdf8;border-radius:26px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;display:flex}.podium-place.first{border-color:var(--yellow);padding-block:26px}.error{color:#fff0e2;background:#d30c7b1a;border:1px solid #d30c7b80;border-radius:18px;padding:12px 16px}.status{border-top:1px solid var(--line);color:var(--muted);margin-top:8px;padding-top:14px;font-size:.9rem}.center{text-align:center}@media (width<=760px){.layout,.answer-grid,.podium{grid-template-columns:1fr}.podium-place.first{order:-1}}button.brand{background:0 0;border:0;padding:0}button.brand:hover:not(:disabled){background:0 0;border-color:#0000;transform:none}.answer-card{border:2px solid var(--line);background:var(--card-strong);border-radius:22px;align-items:center;gap:12px;min-height:70px;padding:14px 16px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:flex}.answer-card .letter{background:#22619224;border-radius:999px;place-items:center;width:32px;height:32px;font-size:.85rem;display:inline-grid}.answer-card.orange{border-color:var(--red)}.answer-card.blue{border-color:var(--blue)}.answer-card.magenta{border-color:var(--yellow)}.answer-card.teal{border-color:var(--green)}.score-row .score,.score-row .rank{font-variant-numeric:tabular-nums}.podium-place .place{color:var(--muted);letter-spacing:.14em;font-size:.72rem;font-weight:800}.podium-place .name{font-weight:800}.podium-place .pts{color:var(--accent);font-variant-numeric:tabular-nums}body{position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;filter:blur(80px);opacity:.28;pointer-events:none;border-radius:999px;width:46vmax;height:46vmax;animation:18s ease-in-out infinite alternate drift;position:fixed}body:before{background:#d30c7b;top:-22vmax;left:-12vmax}body:after{background:#d30c7b;animation-delay:-7s;bottom:-24vmax;right:-16vmax}.app{animation:.55s both fade-up}.hero h1{background:linear-gradient(110deg,#fffdf8 20%,#ff9a4d 60%,#d30c7b 100%);color:#0000;-webkit-background-clip:text;background-clip:text;animation:.6s 50ms both fade-up}.hero p{animation:.6s .12s both fade-up}.card{animation:.45s both fade-up}.game-grid>:first-child{animation-delay:50ms}.game-grid>:nth-child(2){animation-delay:.12s}.game-grid>:nth-child(3){animation-delay:.19s}.game-card{transition:transform .18s,border-color .18s,box-shadow .18s}.game-card:hover{transform:translateY(-4px)rotate(-.3deg);box-shadow:0 28px 90px #22619261}.game-card.create{border-color:#d30c7b6b}.pin{animation:.45s cubic-bezier(.2,1.4,.4,1) both pop-in}button:active:not(:disabled){transform:scale(.98)}.timer-track{background:#f1ece2;border-radius:999px;height:10px;overflow:hidden}.timer-fill{border-radius:inherit;background:linear-gradient(90deg,#ff9a4d,#d30c7b);height:100%;transition:width .25s linear}.timer.low{color:var(--yellow);animation:.9s ease-in-out infinite pulse}.live-answers{color:var(--accent);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-weight:800;display:flex}.live-dot{background:var(--accent);border-radius:999px;width:10px;height:10px;animation:1.4s ease-out infinite live-ping;box-shadow:0 0 #f96900b3}.question-text{letter-spacing:-.04em;font-size:clamp(1.7rem,4.4vw,3.2rem);line-height:1.08}.question-text.player{font-size:clamp(1.15rem,4vw,1.55rem)}.look-up{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:800}.answer-grid.large .answer-card{min-height:96px;font-size:1.05rem}.answer.selected{border-color:var(--accent);animation:.32s selected-pop;box-shadow:0 0 0 3px #f969002e,0 0 34px #f969002e}.answer.correct{animation:.45s cubic-bezier(.2,1.5,.4,1) correct-pop;box-shadow:0 0 0 4px #f969003d,0 0 42px #f9690059;border-color:var(--accent)!important}.answer.wrong{animation:.45s shake;border-color:var(--red)!important}.answer-card.correct{animation:.45s cubic-bezier(.2,1.5,.4,1) correct-pop;box-shadow:0 0 0 4px #f9690033;border-color:var(--accent)!important}.answer-card.dimmed{opacity:.42}.dist-list{flex-direction:column;gap:12px;display:flex}.dist-row{border:1px solid var(--line);background:#fffdf8;border-radius:20px;flex-direction:column;gap:6px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.dist-row.correct{border-color:var(--accent);background:#f9690014}.dist-track{background:#f1ece2;border-radius:999px;height:10px;overflow:hidden}.dist-fill{border-radius:inherit;background:linear-gradient(90deg,#d30c7b,#ff9a4d);height:100%;transition:width .65s cubic-bezier(.2,.8,.2,1)}.dist-row.correct .dist-fill{background:linear-gradient(90deg,#ff9a4d,#f6b73c)}.leaderboard{flex-direction:column;gap:0;display:flex;position:relative}.score-row{transition:transform .5s cubic-bezier(.2,.8,.2,1),background .3s}.score-row.you{background:linear-gradient(90deg,#f969001f,#0000);border-radius:10px;padding-inline:8px}.score-row .player-name{flex:1}.podium-place{animation:.55s cubic-bezier(.2,1.4,.4,1) both podium-in}.podium-place:nth-child(2){animation-delay:80ms}.podium-place:nth-child(3){animation-delay:.16s}.feedback{border:1px solid var(--line);border-radius:28px;padding:22px;animation:.4s cubic-bezier(.2,1.3,.4,1) both feedback-in;position:relative;overflow:hidden}.wrong-feedback{background:linear-gradient(135deg,#d30c7b33,#f6b73c0f);border-color:#d30c7b80;animation:.4s cubic-bezier(.2,1.3,.4,1) both feedback-in,.45s .15s shake}.neutral-feedback{background:#4a86b41a}.feedback-copy{z-index:2;align-items:center;gap:16px;display:flex;position:relative}.feedback-icon{background:#2261921f;border-radius:999px;place-items:center;width:58px;height:58px;font-size:1.8rem;font-weight:800;animation:.5s cubic-bezier(.2,1.5,.4,1) icon-pop;display:inline-grid}.feedback h2{margin:0;font-size:clamp(1.5rem,5vw,2.2rem)}.player-result{color:var(--accent);font-weight:800}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{top:-12px;left:calc(4% + var(--i) * 6.4%);background:var(--accent);opacity:0;width:9px;height:14px;animation:confetti-fall 1.15s calc(var(--i) * 35ms) ease-in forwards;border-radius:2px;position:absolute}.confetti-piece:nth-child(3n){background:var(--yellow)}.confetti-piece:nth-child(3n+1){background:var(--blue)}.confetti-piece:nth-child(4n){border-radius:999px;width:6px;height:6px}.draft-question{gap:16px}.draft-answer-row{align-items:center;gap:10px;display:flex}.draft-answer-row input{flex:1}.correct-pick{border-radius:999px;flex:0 0 42px;width:42px;height:42px;padding:0;font-size:.9rem}.correct-pick.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);animation:.25s selected-pop}.pill{border-radius:999px;padding:7px 12px;font-size:.8rem}.pill.selected{border-color:var(--accent);color:var(--accent);background:#f969001a}.ghost.small{border-radius:999px;min-height:36px;padding:7px 14px;font-size:.78rem}.row.tight{gap:6px}button.brand:hover:not(:disabled) .brand-mark{transform:rotate(-8deg)scale(1.05)}.brand-mark{transition:transform .18s}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes selected-pop{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes correct-pop{0%{transform:scale(.92)}55%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes icon-pop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}70%{opacity:1;transform:scale(1.15)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes live-ping{0%{box-shadow:0 0 #f9690099}70%{box-shadow:0 0 0 12px #f9690000}to{box-shadow:0 0 #f9690000}}@keyframes feedback-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes podium-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(190px)rotate(620deg)}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(4vmax,3vmax)scale(1.12)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.qr-card{background:#fffdf8;border-radius:24px;flex-direction:column;align-self:flex-start;align-items:center;gap:6px;padding:10px 10px 8px;animation:.45s cubic-bezier(.2,1.4,.4,1) both pop-in;display:inline-flex;box-shadow:0 18px 60px #22619240}.qr-card img{width:180px;height:180px;display:block}.qr-card p{color:#143d5e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.share-url{border:1px solid var(--line);color:var(--muted);word-break:break-all;background:#f1ece2;border-radius:10px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;line-height:1.4}.type-row{border:1px solid var(--line);background:#f1ece2;border-radius:999px;flex-wrap:nowrap;gap:4px;padding:4px;display:flex}.type-row button{min-height:38px;color:var(--muted);white-space:nowrap;background:0 0;border:0;flex:1 1 0;padding:6px 10px;font-size:.82rem}.type-row button:hover:not(:disabled){box-shadow:none;background:#2261920f;transform:none}.type-row button.pill.selected{background:#f9690024;box-shadow:inset 0 0 0 1px #f9690066}button.add-question{border-style:dashed;align-self:flex-start}@media (width<=560px){.type-row{border-radius:24px;flex-wrap:wrap}.type-row button{flex:auto;min-width:0;padding-inline:8px;font-size:.76rem}}.hint,.small{font-size:.76rem;line-height:1.4}.answer-card.true-false{letter-spacing:.04em;text-transform:uppercase;cursor:pointer;justify-content:center;min-height:64px;font-size:1.1rem}.answer-card.true-false.selected{outline-offset:2px;outline:3px solid #226192e6;transform:translateY(-2px)}.typed-prompt{background:#2261920d;border:1px dashed #22619259;border-radius:22px;align-items:center;gap:14px;padding:18px 20px;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop-in;display:flex}.typed-icon{background:#2261921f;border-radius:12px;place-items:center;width:46px;height:46px;font-size:1.5rem;display:grid}.typed-answer{flex-direction:column;gap:12px;display:flex}.typed-answer input{font-size:1.15rem}.topbar{z-index:30;-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#226192bd;border:1px solid #22619217;border-radius:999px;padding:10px 12px 10px 18px;position:sticky;top:14px;box-shadow:0 18px 50px #22619261}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--lilac));border-radius:999px;box-shadow:0 6px 18px #f9690040}button.primary{background:linear-gradient(135deg, var(--accent), #ffd4b8);color:var(--accent-ink);border-color:#0000;box-shadow:0 14px 34px #f9690038}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#ff9a4d,#ffe1cc);box-shadow:0 18px 42px #f969004d}button.ghost{color:color-mix(in srgb, var(--text) 88%, var(--muted));border-color:#2261921a}button.answer,.answer-card{border-radius:24px}button.answer:hover:not(:disabled){transform:translateY(-2px)scale(1.01)}.badge{background:#2261920a;border-color:#22619224}.badge.live{background:#f9690014;border-color:#f9690073}.card{background:linear-gradient(160deg, #22619209, transparent 42%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#22619214}.game-card{border-radius:32px}.game-card.quiz{background:radial-gradient(circle at 100% 0%, #f969001f, transparent 45%), linear-gradient(160deg, #2261920a, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#f9690066}.game-card.create{background:radial-gradient(circle at 100% 0%, #d30c7b24, transparent 45%), color-mix(in srgb, var(--card) 94%, transparent)}.eyebrow,.look-up{color:var(--lilac)}.player-result,.score-row.you,.player-row .dot,.live-answers,.timer{color:var(--accent)}.ghost.danger{color:#d30c7b}.field span{letter-spacing:.02em;padding-left:2px;font-weight:700}@media (width<=640px){.topbar{border-radius:28px;position:static}.nav{gap:8px}.nav span{display:none}.ghost.small,.pill,.type-row button{min-height:44px}.pill{justify-content:center;align-items:center;display:inline-flex}}@media (width<=380px){.app{padding:18px 12px 44px}.topbar{border-radius:22px;flex-wrap:wrap;gap:10px;padding:10px 12px}.brand{flex:auto;min-width:0}.nav{flex-wrap:wrap;justify-content:space-between;width:100%}}.shelf-head h2{letter-spacing:-.04em;margin:4px 0 6px}.shelf-head p{margin:0}.game-card.who{background:radial-gradient(circle at 100% 0%, #d30c7b2e, transparent 48%), linear-gradient(160deg, #2261920b, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#d30c7b73}.game-card.who:after{background:radial-gradient(circle,#d30c7b38,#0000 68%)}.stack.right{text-align:right;align-items:flex-end}.tight-stack{gap:8px}.team-badge{white-space:nowrap;background:#2261920d;border:1px solid #22619224;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px 5px 8px;font-size:.82rem;font-weight:800;display:inline-flex}.team-dot{border-radius:999px;flex:0 0 12px;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 3px #22619214}.team-group{border:1px solid var(--line);background:#fffdf8;border-radius:22px;flex-direction:column;gap:10px;padding:14px;display:flex}.team-row{border:1px solid var(--line);background:#fffdf8;border-radius:18px;align-items:center;gap:10px;padding:11px 14px;display:flex}.team-row .player-name{flex:1}.team-row .score{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}.anon-label{color:var(--lilac);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}.reveal-row{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#d30c7b1f,#0000 55%),#fffdf8;border-radius:22px;flex-direction:column;gap:6px;padding:16px 18px;animation:.4s both fade-up;display:flex}.reveal-quote{letter-spacing:-.02em;margin:0;font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:700}.reveal-author{color:var(--accent);font-weight:800}button.player-pick{text-align:left;border-radius:999px;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 20px;display:flex}button.player-pick:hover:not(:disabled){border-color:#d30c7b99}.reveal-answer{color:#143d5e}.stack.right .team-badge{align-self:flex-end}button.player-pick .offline-tag{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.7rem;font-weight:700}.game-card.spectrum{background:radial-gradient(circle at 100% 0%, #f9690029, transparent 48%), linear-gradient(160deg, #2261920b, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#f9690073}.game-card.spectrum:after{background:radial-gradient(circle,#f9690033,#0000 68%)}.spectrum-poles{color:var(--lilac);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:14px;font-size:.86rem;font-weight:800;display:flex}.spectrum-poles span:last-child{text-align:right}.spectrum-stage{border:1px solid var(--line);background:radial-gradient(circle at 50% 0,#d30c7b1a,#0000 60%),#f1ece2;border-radius:24px;padding:34px 12px 8px}.spectrum-track{border:1px solid var(--line);background:linear-gradient(90deg,#e7eef5,#f1ece2 50%,#e7eef5);border-radius:999px;height:64px;margin:14px 10px 0;position:relative}.spectrum-band{z-index:1;background:#f9690021;border-left:1px dashed #f969008c;border-right:1px dashed #f969008c;position:absolute;top:0;bottom:0}.spectrum-dot{left:clamp(48px, var(--pos,50%), calc(100% - 48px));z-index:3;background:var(--accent);border-radius:999px;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.35s cubic-bezier(.2,1.4,.4,1) both pop-in;position:absolute;top:50%;box-shadow:0 0 0 4px #f969002e,0 8px 18px #22619280}.spectrum-dot.named{border:2px solid #2261928c;width:20px;height:20px;margin:-10px 0 0 -10px}.spectrum-dot-label{text-overflow:ellipsis;max-width:96px;color:var(--text);white-space:nowrap;background:#226192d1;border-radius:999px;padding:2px 6px;font-size:.68rem;font-weight:800;position:absolute;top:26px;left:50%;overflow:hidden;transform:translate(-50%)}.spectrum-dot:nth-of-type(2n) .spectrum-dot-label{top:-24px}.spectrum-flag{left:clamp(44px, var(--pos,50%), calc(100% - 44px));z-index:4;border:1px solid var(--line);white-space:nowrap;background:#226192eb;border-radius:999px;align-items:center;gap:5px;max-width:88px;padding:3px 8px;font-size:.66rem;font-weight:800;display:inline-flex;position:absolute;top:-34px;overflow:hidden;transform:translate(-50%)}.spectrum-flag-dot{border-radius:999px;flex:none;width:8px;height:8px}.spectrum-flag span:last-child{text-overflow:ellipsis;overflow:hidden}.spectrum-scale{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding:12px 14px 2px;font-size:.68rem;display:flex}.spectrum-slider-box{border:1px solid var(--line);background:#f1ece2;border-radius:24px;flex-direction:column;gap:6px;padding:18px 18px 12px;display:flex}input.spectrum-slider{appearance:none;width:100%;height:34px;box-shadow:none;background:0 0;border:0;padding:0}input.spectrum-slider:focus-visible{box-shadow:none}input.spectrum-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--lilac), var(--accent));border-radius:999px;height:12px}input.spectrum-slider::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--accent);cursor:grab;background:#fffdf8;border-radius:999px;width:28px;height:28px;margin-top:-8px;box-shadow:0 6px 20px #2261928c}input.spectrum-slider::-moz-range-track{background:linear-gradient(90deg, var(--lilac), var(--accent));border-radius:999px;height:12px}input.spectrum-slider::-moz-range-thumb{border:4px solid var(--accent);cursor:grab;background:#fffdf8;border-radius:999px;width:20px;height:20px}.spectrum-readout{color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:2.1rem;font-weight:800}.spectrum-placements{flex-direction:column;gap:8px;display:flex}.spectrum-place-row{border:1px solid var(--line);background:#fffdf8;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;display:flex}.spectrum-place-row .player-name{flex:1;font-weight:700}.spectrum-place-row .score{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:800}.game-card.room-says{background:radial-gradient(circle at 100% 0%, #f6b73c21, transparent 48%), linear-gradient(160deg, #2261920b, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#d30c7b73}.game-card.room-says:after{background:radial-gradient(circle,#f6b73c33,#0000 68%)}.room-says-group{border:1px solid var(--line);color:var(--text);text-align:center;background:#fffdf8;border-radius:999px;padding:14px 18px;font-weight:700}.room-says-top{background:radial-gradient(circle at 100% 0,#f9690029,#0000 60%),#f9690012;border:1px solid #f9690073;border-radius:24px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.room-says-top h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,4vw,2.4rem)}.top-badge{vertical-align:middle;margin-left:8px;padding:2px 8px;font-size:.64rem}button.player-pick.selected{border-color:var(--accent);background:#f969001f;box-shadow:0 0 0 3px #f969001f}button.player-pick.selected:after{content:"✓";color:var(--accent);margin-left:auto;font-weight:800}.game-card.two-truths{background:radial-gradient(circle at 100% 0%, #d30c7b2e, transparent 48%), linear-gradient(160deg, #2261920b, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#f6b73c73}.game-card.two-truths:after{background:radial-gradient(circle,#d30c7b3d,#0000 68%)}.statement-grid{gap:10px;display:grid}.statement-card{border:1px solid var(--line);color:var(--text);background:#fffdf8;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;font-weight:700;display:flex}.statement-card.lie{background:radial-gradient(circle at 100% 0,#f969001f,#0000 62%),#f969000f;border-color:#f969008c}.statement-number{width:28px;height:28px;color:var(--lilac,#d30c7b);background:#d30c7b2e;border-radius:999px;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:inline-grid}.lie-badge{margin-left:auto;padding:2px 10px;font-size:.64rem}.statement-form{gap:12px;margin:16px 0;display:grid}button.statement-pick{text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 18px;display:flex}button.statement-pick:hover:not(:disabled){border-color:#d30c7b99}button.statement-pick.selected{border-color:var(--accent);background:#f969001f;box-shadow:0 0 0 3px #f969001f}button.statement-pick.selected:after{content:"✓";color:var(--accent);margin-left:auto;font-weight:800}.game-card.most-likely{background:radial-gradient(circle at 100% 0%, #ff88dc29, transparent 48%), linear-gradient(160deg, #2261920b, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#ff88dc73}.game-card.most-likely:after{background:radial-gradient(circle,#ff88dc33,#0000 68%)}.most-likely-picker{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0;display:grid}.most-likely-picker button.player-pick{border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:14px 16px;position:relative}.most-likely-picker button.player-pick.selected:after{margin:0;position:absolute;top:12px;right:14px}.game-card.find-someone{background:radial-gradient(circle at 100% 0%, #0e8a8a26, transparent 48%), linear-gradient(160deg, #2261920b, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#0e8a8a73}.game-card.find-someone:after{background:radial-gradient(circle,#0e8a8a33,#0000 68%)}.find-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}button.find-cell{text-align:left;white-space:normal;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;min-height:108px;padding:12px;display:flex}button.find-cell:hover:not(:disabled){border-color:#f969008c}button.find-cell.selected{border-color:var(--accent);background:#f969001a;box-shadow:0 0 0 3px #f969001f}button.find-cell.marked{background:radial-gradient(circle at 100% 0,#f9690024,#0000 65%),#f969000f;border-color:#f9690080}button.find-cell.pending{background:#d30c7b12;border-color:#d30c7b80}button.find-cell:disabled{opacity:1;cursor:default}.find-cell-prompt{color:var(--text);font-size:.8rem;font-weight:750;line-height:1.25}.find-cell-state{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800}.find-cell.marked .find-cell-state{color:var(--accent)}.find-requests{gap:10px;margin:14px 0;display:grid}.find-request{background:radial-gradient(circle at 100% 0,#d30c7b1f,#0000 62%),#fffdf8;border:1px solid #d30c7b73;border-radius:18px;padding:16px}.find-request h3{margin:6px 0 10px}.find-target-picker{border:1px solid var(--line);background:#fffdf8;border-radius:18px;margin:16px 0;padding:16px}.find-winner{background:radial-gradient(circle at 100% 0,#f6b73c29,#0000 62%),#f6b73c0f;border:1px solid #f6b73c80;border-radius:22px;margin:14px 0;padding:18px 20px}.find-winner h3{margin:4px 0 8px;font-size:clamp(1.3rem,3vw,2rem)}.find-confirmation{border-bottom:1px solid var(--line);margin:0;padding:8px 0}.find-confirmation:last-child{border-bottom:0}button.player-pick.capped{background:#f6b73c0d;border-color:#f6b73c59}button.player-pick.capped .badge{color:#f6b73c;margin-left:auto;font-size:.62rem}button.answer:disabled.correct,button.answer:disabled.wrong{opacity:1}.answer-glyph{margin-left:auto;font-weight:800}.answer-glyph.correct{color:var(--accent)}.answer-glyph.wrong{color:var(--red)}.answer-glyph.dimmed{color:var(--muted)}@media (width<=560px){.spectrum-stage{padding:32px 6px 8px}.spectrum-track{margin-inline:10px}.spectrum-dot{left:clamp(30px, var(--pos,50%), calc(100% - 30px))}.spectrum-dot-label{max-width:60px}.spectrum-poles{gap:8px;font-size:.76rem}.spectrum-poles span{max-width:45%}}.common-ground-choices{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.common-ground-choice{border:1px solid var(--line);min-height:96px;color:var(--text);text-align:center;background:#f1ece2;border-radius:999px;padding:18px 16px;font-size:1rem;font-weight:800;line-height:1.25}.common-ground-choice.left{border-color:#f9690059}.common-ground-choice.right{border-color:#d30c7b59}.common-ground-choice.selected{transform:translateY(-2px);box-shadow:0 0 0 3px #2261921f}.common-ground-choice.left.selected{border-color:var(--accent);background:#f9690024}.common-ground-choice.right.selected{border-color:var(--lilac);background:#d30c7b29}.common-ground-split{border:1px solid var(--line);background:#f1ece2;border-radius:999px;min-height:56px;margin:18px 0;display:flex;overflow:hidden}.common-ground-side{align-items:center;min-width:0;padding-inline:12px;transition:width .35s;display:flex}.common-ground-side.left{background:linear-gradient(90deg,#f9690047,#f9690014);justify-content:flex-start}.common-ground-side.right{background:linear-gradient(90deg,#d30c7b14,#d30c7b47);justify-content:flex-end;margin-left:auto}.common-ground-side-label{white-space:nowrap;font-size:.82rem;font-weight:800}.common-ground-team-row{flex-direction:column;gap:7px;display:flex}.common-ground-team-bar{background:#f1ece2;border-radius:999px;height:10px;display:flex;overflow:hidden}.common-ground-team-left{background:var(--accent)}.common-ground-team-right{background:var(--lilac)}@media (width<=560px){.common-ground-choices{grid-template-columns:1fr}.common-ground-choice{border-radius:24px;min-height:64px}}.game-card.common-ground{background:radial-gradient(circle at 100% 0%, #f9690029, transparent 50%), linear-gradient(160deg, #2261920a, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#f9690059}.game-card.exquisite-corpse{background:radial-gradient(circle at 100% 0%, #d30c7b29, transparent 50%), linear-gradient(160deg, #2261920a, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#d30c7b59}.story-previous,.story-opening{border-left:3px solid var(--lilac);color:var(--text);background:#d30c7b14;border-radius:0 18px 18px 0;margin:10px 0 16px;padding:16px 18px;font-size:1.02rem;line-height:1.55}.story-opening{border-left-color:var(--accent);color:color-mix(in srgb, var(--text) 86%, var(--muted));background:#f9690012;font-style:italic}.story-line{border-bottom:1px solid var(--line);padding:10px 0}.story-line:last-child{border-bottom:0}.story-line p:first-child{margin:0 0 4px;line-height:1.55}.game-card.appreciation{background:radial-gradient(circle at 100% 0%, #ff88dc29, transparent 50%), linear-gradient(160deg, #2261920a, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#ff88dc59}.recipient-grid{flex-wrap:wrap;gap:8px;margin:10px 0 16px;display:flex}.game-card.mood-check{background:radial-gradient(circle at 100% 0%, #ff88dc2e, transparent 50%), linear-gradient(160deg, #2261920a, transparent 40%), color-mix(in srgb, var(--card) 94%, transparent);border-color:#ff88dc61}.mood-family-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mood-family-chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:700}.mood-wheel-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.mood-mini-disk{transform-origin:50%;flex:none;width:92px;height:92px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.game-card.mood-check:hover .mood-mini-disk{transform:rotate(18deg)scale(1.04)}.mood-path{color:var(--accent);background:#f9690014;border:1px solid #f9690052;border-radius:999px;margin:4px 0 0;padding:7px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.mood-disk-block,.mood-wheel-shell{justify-content:center;display:flex}.mood-wheel-svg{width:100%;height:auto;display:block;overflow:visible}.mood-reveal-disk{width:min(560px,100%);margin:18px auto 4px}.mood-disk-wedge{transform-box:view-box;transform-origin:300px 300px;cursor:pointer;transition:transform .18s ease-out,filter .18s ease-out,opacity .18s ease-out}.mood-player-disk .mood-disk-wedge{transform-origin:210px 210px}.mood-disk-wedge:hover,.mood-disk-wedge:focus-visible{transform:translate(var(--lift-x,0px), var(--lift-y,0px)) scale(1.045);filter:brightness(1.32)saturate(1.12)}.mood-disk-wedge.selected{transform:translate(var(--lift-x,0px), var(--lift-y,0px)) scale(1.05);filter:brightness(1.3);stroke:#fffdf8;stroke-width:2.5px}.mood-disk-wedge.inactive{opacity:.16;pointer-events:none;cursor:default}.mood-reveal-family-wedge.empty{opacity:.5}.mood-wheel-label,.mood-wheel-rim-count,.mood-wheel-center-total,.mood-wheel-chip{pointer-events:none}.mood-wheel-fallback{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 16px;display:flex}.mood-pick-row{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 2px;display:flex}.mood-pick{color:var(--accent);background:#f9690014;border:1px solid #f9690052;border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:800}.mood-disk-fallback{border:1px solid var(--line);background:#f6f2ea;border-radius:18px;flex-direction:column;gap:8px;margin:12px 0 4px;padding:10px 12px;display:flex}.mood-disk-fallback-summary{cursor:pointer;color:var(--muted);font-size:.76rem;font-weight:800}.mood-disk-fallback[open] .mood-disk-fallback-summary{margin-bottom:6px}.mood-fallback-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mood-wheel-fallback-item{border:1px solid var(--line);color:var(--text);background:#f1ece2;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:700}.mood-wheel-fallback-item.selected{color:var(--accent);border-color:#f9690080}.mood-anonymity-hint{color:var(--accent);background:#f9690014;border:1px solid #f9690052;border-radius:999px;align-items:center;gap:8px;margin:10px 0 0;padding:6px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.mood-wheel-choices{flex-wrap:wrap;gap:8px;display:flex}.mood-wheel-choice{border:1px solid var(--line);color:var(--text);background:#f1ece2;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800}.mood-wheel-choice.current{color:var(--accent);border-color:#f969008c}.mood-top-feelings{flex-wrap:wrap;gap:8px;margin:16px 0 22px;display:flex}.mood-top-chip{border:1px solid var(--line);background:#f1ece2;border-radius:999px;align-items:baseline;gap:6px;padding:8px 12px;display:inline-flex}.mood-top-name{font-weight:800}.mood-top-count{color:var(--accent);font-weight:800}.mood-family-card .mood-feeling-row{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;font-size:.82rem;display:grid}.mood-subfamily-row{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:6px;font-size:.72rem;font-weight:800;display:flex}.mood-feeling-track{background:#f1ece2;border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.mood-feeling-fill{border-radius:999px;height:100%}@media (width<=640px){.mood-wheel-card-top{align-items:flex-start}.mood-mini-disk{width:74px;height:74px}.mood-reveal-disk{margin-top:12px}.mood-pick-row{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 2px;display:flex}.mood-pick{color:var(--accent);background:#f9690014;border:1px solid #f9690052;border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:800}.mood-pick.selected{color:#fffdf8;background:#f969002e;border-color:#f96900}.mood-disk-fallback{padding:10px}.mood-wheel-fallback{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.mood-mini-disk,.game-card.mood-check:hover .mood-mini-disk,.mood-disk-wedge,.mood-disk-wedge:hover,.mood-disk-wedge.selected{transition:none;transform:none}.mood-disk-wedge:hover,.mood-disk-wedge.selected{filter:brightness(1.2)}}a{color:var(--blue)}a:hover{color:var(--magenta)}.topbar{z-index:30;background:linear-gradient(#226192,#164a70);border:1px solid #fffdf829;border-radius:999px;padding:10px 12px 10px 16px;position:sticky;top:12px;box-shadow:0 18px 44px #164a703d}.brand{color:#fffdf8;text-shadow:0 1px #0000002e}.brand-mark{color:#fffdf8;background:linear-gradient(135deg,#f96900,#d30c7b 58%,#ff88dc);border-radius:999px;font-weight:900;box-shadow:0 8px 20px #d30c7b47,inset 0 1px #ffffff8c}.nav{color:#c9d6e3}.nav .ghost,.topbar .ghost{color:#fffdf8;background:#fffdf81f;border-color:#fffdf83d}.topbar .ghost:hover:not(:disabled){background:#fffdf833;border-color:#fffdf85c}.hero{background:var(--card);border:1px solid #22619229;border-radius:34px;padding:30px 30px 26px;box-shadow:0 18px 44px #2261921a}.hero h1{background:linear-gradient(100deg,#143d5e 0%,#98065a 52%,#d30c7b 100%) 0 0/100% 100% no-repeat;color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero .eyebrow{color:var(--magenta-deep);letter-spacing:.17em;font-size:.72rem;font-weight:800}.eyebrow{color:var(--magenta-deep)}.card{background:linear-gradient(180deg, #ffffffb8, #fffdf847 22%, transparent 46%), var(--card);border-color:#22619238;box-shadow:0 20px 50px #2261921f,inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff59}.card.flat{box-shadow:none}.game-card{background:linear-gradient(180deg, #ffffffbf, transparent 42%), var(--card);border-color:#22619238;transition:transform .18s,box-shadow .18s,border-color .18s}.game-card:after{opacity:.75}button{color:#fffdf8;background:linear-gradient(#2f709f,#226192);border-color:#226192;position:relative;overflow:hidden;box-shadow:0 10px 22px #22619229,inset 0 1px #ffffff3d}button.primary{color:var(--ink-on-orange);background:linear-gradient(#ff8a2b,#f96900);border-color:#f96900;box-shadow:0 12px 28px #f9690042,inset 0 1px #ffffff6b}button.primary:hover:not(:disabled){background:linear-gradient(#ff9a4d,#ff7a17);border-color:#ff7a17}button.secondary{color:#fffdf8;background:linear-gradient(#e82c96,#d30c7b);border-color:#d30c7b}button.ghost,button.brand{color:var(--blue-deep);box-shadow:none;background:#fffdf88c;border-color:#22619238}button.ghost:hover:not(:disabled){background:#ffffffe6;border-color:#22619257;box-shadow:0 8px 18px #2261921a}button.ghost.danger{color:var(--magenta-deep);border-color:#d30c7b4d}button.answer{color:var(--ink-strong)}button.primary:after,button.secondary:after,button.ghost:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:42%;transition:transform .52s;position:absolute;top:-60%;bottom:-60%;left:-70%;transform:skew(-18deg)translate(-160%)}button.primary:hover:after,button.secondary:hover:after,button.ghost:hover:after{transform:skew(-18deg)translate(420%)}input,textarea,select{color:var(--text);background:#fffdf8;border-color:#22619233;box-shadow:inset 0 1px 2px #2261920f}input:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#4a86b48c}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px #f9690029}button:focus-visible{box-shadow:0 0 0 4px #f9690047}.badge{color:var(--blue);background:#fffdf8b3;border-color:#2261922e}.badge.live{color:var(--magenta-deep);background:linear-gradient(135deg,#ffe1cc,#ffc2ec);border-color:#d30c7b3d}button.answer .letter,.answer-card .letter{background:#2261921f}.answer-card{background:var(--card)}.answer-card.orange,.answer-card.blue,.answer-card.magenta,.answer-card.teal{background-blend-mode:normal}.team-dot{box-shadow:0 0 0 2px #fffdf8e6}::selection{color:var(--ink-strong);background:#d30c7b33}@media (prefers-reduced-motion:reduce){.game-card:hover{transform:none}button.primary:after,button.secondary:after,button.ghost:after{display:none}}.live-answers,.timer,.player-result,.score-row.you,.mood-top-count,.podium-place .pts{color:var(--orange-ink)}.timer.low{color:var(--magenta-deep)}.error{color:var(--magenta-deep);background:#d30c7b14;border-color:#d30c7b59}.pill.selected{border-color:var(--orange-ink);background:#f969001f;box-shadow:0 0 0 3px #f9690024}button.answer.correct{box-shadow:0 0 0 3px var(--orange-ink) inset}@media (width<=640px){.topbar{gap:8px;padding:8px 10px 8px 12px}.brand{gap:8px;font-size:.95rem}.nav{gap:8px;font-size:.78rem}.nav span{display:none}}@media (prefers-reduced-motion:reduce){.app,.hero h1,.hero p,.card,.pin{animation:none!important}}.team-row .score,.reveal-author,.spectrum-readout,.spectrum-place-row .score,.pill.selected,.mood-path,.mood-pick,.mood-anonymity-hint,.mood-wheel-choice.current,.mood-top-count,.mood-wheel-fallback-item.selected,.answer-glyph.correct,.find-cell.marked .find-cell-state{color:var(--orange-ink)}.mood-pick.selected{color:var(--magenta-deep);background:#d30c7b1a;border-color:#d30c7b80}footer.status p{color:var(--ink-strong)}@media (width<=640px){.hero{border-radius:26px;padding:22px 20px 20px}}.guest-banner{background:linear-gradient(120deg, #ffc2ec47, transparent 60%), var(--card);border-color:#d30c7b38}.claim-banner{background:linear-gradient(120deg, #0e8a8a1a, transparent 65%), var(--card);border-color:#0e8a8a4d}.account-room-row{border:1px solid var(--line);background:var(--bg-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.usage-meter{background:var(--cream-deep);height:10px}.usage-meter .fill{border-radius:inherit;background:linear-gradient(90deg,#f96900,#d30c7b);height:100%}.nav-account{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}@media (width<=640px){.nav-games{display:none}.nav-account{max-width:96px}}:root{--bg:#f8f5ed;--card:#fffef9;--text:#25334a;--muted:#5e6878;--line:#d9d9cf;--shadow:0 5px 0 #25334a0a}body{background:radial-gradient(#25334a12 .8px, transparent .8px) 0 0 / 20px 20px, var(--bg);color:var(--text)}body:before,body:after{display:none}.app{gap:24px;width:min(1140px,100%)}.topbar{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:0 0 20px;position:relative;top:0}button.brand,button.brand:hover:not(:disabled){color:var(--text);box-shadow:none;text-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.brand-mark{border:2px solid var(--text);width:38px;height:38px;color:var(--text);box-shadow:2px 2px 0 var(--text);background:#ff9b62;border-radius:12px 12px 12px 3px;transform:rotate(-7deg)}.nav{align-items:center}.nav span{color:var(--muted)}.topbar .ghost,.nav .ghost{color:var(--text);background:var(--card);border-color:var(--line)}.topbar .ghost:hover:not(:disabled){border-color:var(--text);background:#e8e4f8}.topbar button[aria-pressed=true]:before{content:"♫ ";color:#79447b}.topbar button[aria-pressed=false]:before{content:"♪ ";color:var(--muted)}.hero{box-shadow:none;border:1px solid var(--line);background:var(--card)}.hero h1{color:var(--text);-webkit-text-fill-color:currentColor;background:0 0}.hero p{color:var(--muted)}.hero .eyebrow,.eyebrow{color:#79513a}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}button{color:var(--text);box-shadow:none;background:#e9e4f7;border:1px solid #c5b9df}button:hover:not(:disabled){background:#ddd4f3;border-color:#7d6a9b;box-shadow:0 3px #25334a18}button.primary{background:var(--text);border:1px solid var(--text);color:#fffef9;box-shadow:0 3px #101c2b}button.primary:hover:not(:disabled){border-color:var(--text);background:#3d4b63;box-shadow:0 5px #101c2b}button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}button.primary:after,button.secondary:after,button.ghost:after{display:none}button:focus-visible{outline-offset:4px;box-shadow:none;outline:3px solid #7353ad}button.ghost{color:var(--text);border-color:var(--line);background:0 0}button.ghost:hover:not(:disabled){background:#eeebdf;border-color:#8d938f}button:disabled{box-shadow:none}input,textarea,select{color:var(--text);background:#fffef9}.playroom-hero{background:#ede9fa;border:1px solid #d8cfee;grid-template-columns:1.3fr 1fr;align-items:center;gap:20px;min-height:350px;padding:44px;display:grid;position:relative;overflow:hidden}.playroom-intro{z-index:1;position:relative}.playroom-hero h1{letter-spacing:-.065em;max-width:600px;margin:18px 0;font-size:clamp(3rem,6vw,5.1rem);line-height:.99}.playroom-hero p:not(.eyebrow){max-width:440px;font-size:1.05rem}.playroom-hero .eyebrow{color:#615077;font-size:.66rem}.playroom-note{color:#675776;align-self:center;font-size:.85rem;transform:rotate(-5deg)}.playroom-art{min-height:265px;position:relative}.art-friend{position:absolute}.art-friend .mood-character{width:140px;height:145px}.friend-one{top:10px;left:8%;transform:rotate(-13deg)}.friend-two{top:30px;right:0;transform:rotate(12deg)}.friend-three{top:130px;left:33%;transform:rotate(-4deg)}.art-caption{color:#5f4b77;font-size:.85rem;position:absolute;bottom:-5px;left:3%;transform:rotate(-8deg)}.art-spark{color:#795da2;font-size:44px;position:absolute}.spark-one{top:-28px;right:3%}.spark-two{color:#c16b40;bottom:2px;right:0}.mood-character{--face-color:#ffc06e;background:var(--face-color);color:#25334a;border:2px solid;border-radius:44% 46% 42% 45%;flex-shrink:0;width:64px;height:64px;display:inline-block;position:relative;box-shadow:3px 4px #25334a16}.mood-eyes{justify-content:space-between;height:12%;display:flex;position:absolute;top:36%;left:27%;right:27%}.mood-eyes span{background:currentColor;border-radius:50%;width:14%;min-width:3px;height:100%;display:block}.mood-mouth{border:2px solid;border-top:0;border-radius:0 0 99px 99px;width:30%;height:17%;position:absolute;top:56%;left:35%}.mood-character-1{--face-color:#9fc7e8;border-radius:50% 50% 18% 18%}.mood-character-1 .mood-eyes span{background:0 0;border-bottom:2px solid;border-radius:0 0 99px 99px;width:28%;height:50%}.mood-character-1 .mood-mouth{border-bottom:2px solid;border-radius:50%;width:18%;height:5%;left:41%}.mood-character-2{--face-color:#e4adcf;border-radius:25% 42%}.mood-character-2 .mood-mouth{border:2px solid;border-radius:50%;width:14%;height:12%;left:43%}.mood-character-3{--face-color:#a4d0bd;border-radius:40% 40% 24% 24%}.mood-character-3 .mood-mouth{border-bottom:2px solid;border-radius:0;height:0;top:62%}.mood-character-4{--face-color:#f5d46c;border-radius:30% 50%}.mood-character-4 .mood-eyes{transform:rotate(-8deg)}.mood-character-4 .mood-mouth{border:2px solid;border-radius:50%;width:20%;height:9%;left:40%}.mood-character-5{--face-color:#d4bdeb;border-radius:50% 35% 45% 30%}.mood-character-5 .mood-mouth{width:20%;height:0;top:60%;left:40%;transform:rotate(-12deg)}.home-code-card{background:var(--card);border:1px solid var(--line);border-radius:18px;gap:20px;padding:18px 24px}.join-intro{flex:1;align-self:center;gap:3px;min-width:150px;display:grid}.join-intro strong{letter-spacing:-.03em;font-size:1.1rem}.home-code-card .field{flex:0 270px;gap:5px}.home-code-card .field>span{font-size:.7rem}.home-code-card input{text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;font-weight:700}.home-code-card input::placeholder{text-transform:none;letter-spacing:0;font-weight:400}.featured-games{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-games .game-card{padding:28px}.featured-games .game-card h2{font-size:2.3rem;line-height:1.05}.featured-games .mood-check{background:#f5dccb;border-color:#e3bfa6}.featured-games .quiz{background:#dfece4;border-color:#bcd4c5}.featured-games .game-card:after{display:none}.featured-games .mood-character{width:72px;height:72px;transform:rotate(9deg)}.game-sticker{color:#47735f;font-size:3rem;line-height:1}.game-meta{color:#705443;margin:0;font-size:.76rem}.featured-games .badge.live{color:#704329;letter-spacing:.08em;background:#fffef98c;border-color:#b78c70}.featured-games .stack{gap:12px}.game-card{min-height:225px;padding:24px}.game-card h2{font-size:1.45rem}.game-card p{margin:0}.game-card .primary{align-self:flex-start;margin-top:12px}.game-card:not(.quiz):not(.mood-check){border-top:5px solid #c9b5e8}.game-card.spectrum,.game-card.common-ground,.game-card.most-likely{border-top-color:#f2bf76}.game-card.room-says,.game-card.find-someone,.game-card.appreciation{border-top-color:#a1cbbb}.game-card:after{display:none}.game-card:hover{border-color:#a19caa;transform:translateY(-3px)rotate(-.3deg);box-shadow:0 7px #25334a0c}.shelf-head{padding:18px 0 0}.shelf-head h2{font-size:clamp(1.8rem,4vw,2.6rem)}.mood-setup-hero{background:#f5dccb;padding:36px}.mood-setup-hero h1{max-width:760px;font-size:clamp(2.5rem,6vw,4.5rem)}.mood-privacy-note{background:#edf3ea;padding:20px 24px}.mood-privacy-note .stack{gap:6px}.mood-privacy-note p{margin:0}.mood-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mood-setup-grid .game-card.mood-check{border-color:var(--line);background:#fffef9}.mood-setup-grid .game-card:nth-child(2n){background:#f0edf8}.mood-setup-grid .game-card:nth-child(3n){background:#edf3ed}.mood-setup-grid .mood-wheel-card-top{flex-direction:column-reverse;align-items:flex-start;gap:20px}.mood-setup-grid .mood-mini-disk{align-self:center;width:140px;height:140px}.mood-setup-grid .stack{gap:8px}.mood-setup-grid .badge{font-size:.6rem}.mood-family-chip{color:var(--text);border-color:var(--line);background:0 0}.mood-family-chip:before{content:"";background:var(--family-color);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.mood-player-header{gap:4px;padding:16px 22px}.mood-player-header .stack{gap:2px}.mood-player-header p{margin:0;font-size:.8rem}.mood-player-header h2{font-size:1.1rem}.mood-player-header .eyebrow{font-size:.6rem}.mood-check-stage{gap:18px;padding:30px}.mood-check-stage>h2{font-size:clamp(1.8rem,4vw,2.5rem)}.mood-check-stage p{margin:0}.mood-steps{gap:8px;display:flex}.mood-step{color:var(--muted);border-top:3px solid #e4e3dc;flex:1;padding-top:8px;font-size:.75rem}.mood-step.current{color:#80502e;border-color:#b87746;font-weight:800}.mood-step.done{color:#3d6654;border-color:#578773}.mood-choice-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.mood-choice-controls{flex-direction:column;gap:18px;display:flex}.mood-choice-heading{text-align:center;justify-items:center;gap:10px;display:grid}.mood-choice-heading .mood-character{width:82px;height:82px;transform:rotate(-5deg)}.mood-choice-heading h3{font-size:1.2rem}.mood-family-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}button.mood-family-option{border:1px solid var(--line);border-bottom:3px solid var(--family-color);background:var(--card);min-width:0;color:var(--text);border-radius:16px;justify-items:center;gap:8px;padding:12px 6px;font-size:.77rem;display:grid}.mood-family-option .mood-character{border-width:1.5px;width:38px;height:38px}button.mood-family-option:hover:not(:disabled){border-color:var(--family-color);background:#f0edf8}.mood-family-picker+.row{justify-content:center}.mood-player-disk{width:min(420px,100%);margin:8px auto}.mood-path{color:#70513b;background:#faf0e4;border-color:#ddc7af;border-radius:12px;align-self:flex-start}.mood-pick-row{justify-content:center;margin:0}button.mood-pick{color:#543c77;background:#ede6f8;border-color:#c4b3de;min-width:100px;box-shadow:0 3px #d1c2e3}button.mood-pick.selected{color:#fffef9;background:#675080;border-color:#675080}button.mood-pick:hover:not(:disabled){color:#44325e;background:#ddd0f0;border-color:#8973a4}.mood-saved{color:#365b41;background:#e7f1e7;border:1px solid #b2cbb4;border-radius:16px;gap:4px;padding:16px 20px;animation:.25s ease-out mood-arrive;display:grid}.mood-saved p{font-size:.84rem}.mood-disk-fallback{border-color:var(--line);background:#f5f3eb;border-radius:14px;margin:0;padding:12px 16px}.mood-disk-fallback-summary{color:var(--muted)}button.mood-wheel-fallback-item{color:var(--text);border-color:var(--line);background:#fffef9}button.mood-wheel-fallback-item.selected{color:#543c77;background:#ede6f8;border-color:#8973a4}.mood-timer{color:var(--muted);background:#f0eee5;border-radius:99px;padding:5px 12px;font-size:.85rem}.mood-check-stage .timer-fill{background:#9bbda8}.mood-anonymity-hint{color:#5a6251;background:#eef1e6;border-color:#d3dbc3}.mood-check-stage .live-answers{color:#52735f;font-size:.9rem}.mood-check-stage .look-up{display:none}.mood-reveal-card{background:#f5f1fa}.mood-reveal-card>h2{font-size:clamp(1.7rem,4vw,2.4rem)}.mood-reveal-card .mood-family-card{background:#fffef9;padding:18px}.mood-top-chip{background:#fffef9;border-color:#d8cde7}.mood-top-count{color:#62467f}@keyframes mood-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.featured-games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.playroom-hero{grid-template-columns:1.2fr 1fr;padding:30px}.art-friend .mood-character{width:108px;height:115px}.friend-one{left:0}.friend-three{top:115px}.mood-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app{gap:18px;padding:18px 16px 36px}.topbar{flex-wrap:wrap;gap:12px;padding-bottom:14px}.nav{gap:6px}.nav .ghost{min-height:40px;padding:8px 12px;font-size:.73rem}.brand{font-size:.95rem}.brand-mark{width:30px;height:30px}.nav-account{display:none}.playroom-hero{flex-direction:column;align-items:stretch;gap:26px;padding:28px 24px;display:flex}.playroom-hero h1{margin:16px 0;font-size:clamp(2.8rem,11vw,4.4rem)}.playroom-art{align-self:center;width:min(310px,100%);min-height:235px}.art-friend .mood-character{width:115px;height:120px}.friend-one{left:4%}.friend-two{top:16px;right:1%}.friend-three{top:107px}.playroom-note{display:none}.hero-actions{margin-top:20px}.home-code-card{gap:12px;padding:18px}.join-intro{flex-basis:100%}.home-code-card .field{flex:140px;min-width:0}.home-code-card button{flex:none}.featured-games{grid-template-columns:1fr}.featured-games .mood-check{order:-1}.featured-games .game-card{padding:24px}.mood-setup-hero{padding:28px 24px}.mood-setup-grid{grid-template-columns:1fr}.mood-setup-grid .mood-wheel-card-top{flex-direction:row;align-items:center;gap:12px}.mood-setup-grid .mood-mini-disk{width:100px;height:100px}.mood-check-stage{gap:16px;padding:20px 16px}.mood-choice-layout{flex-direction:column;gap:20px;display:flex}.mood-choice-controls{width:100%}.mood-choice-heading{text-align:left;grid-template-columns:48px 1fr;justify-items:start;gap:3px 14px}.mood-choice-heading .mood-character{grid-row:span 2;width:44px;height:44px}.mood-choice-heading h3{font-size:1rem}.mood-choice-heading p{font-size:.72rem}.mood-player-disk{width:min(290px,100%);margin:0 auto}.mood-disk-block{width:100%}.mood-step{font-size:.65rem}.mood-saved{padding:14px}.mood-saved strong{font-size:.92rem}.mood-saved p{font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.game-card:hover{transform:none}}@media (width<=640px){.topbar{flex-wrap:nowrap}.topbar .nav{flex-wrap:nowrap;justify-content:flex-end;width:auto}.topbar .nav-account{align-items:center;max-width:88px;display:inline-flex}}.mood-host-stage{text-align:center;background:#edf3ed;align-items:center;padding:36px}.mood-host-stage .row,.mood-host-stage .timer-track{width:100%}.mood-gathering{justify-items:center;gap:18px;padding:20px 0;display:grid}.mood-gathering .mood-character{width:112px;height:112px;transform:rotate(-6deg)}.mood-gathering p{color:#5e7767;font-size:1rem}.mood-host-stage .live-answers{color:#41644d;font-size:1.4rem}.mood-host-stage .timer-fill{background:#9bbda8}.app{--page-tint:#ede9fa;--page-edge:#d8cfee;--page-symbol:"✳"}.theme-quiz{--page-tint:#e0ece2;--page-edge:#bfd3c2;--page-symbol:"✷"}.theme-who,.theme-room-says{--page-tint:#ede6f6;--page-edge:#d1bfeb;--page-symbol:"“ ”"}.theme-spectrum,.theme-common-ground{--page-tint:#faebc9;--page-edge:#e5c984;--page-symbol:"↔"}.theme-two-truths,.theme-most-likely{--page-tint:#f4e0dd;--page-edge:#dfb9b5;--page-symbol:"!?"}.theme-find-someone{--page-tint:#dfeee6;--page-edge:#b8d5c5;--page-symbol:"✣"}.theme-exquisite-corpse{--page-tint:#e2eaf5;--page-edge:#c1d0e8;--page-symbol:"✎"}.theme-appreciation{--page-tint:#f5e1e9;--page-edge:#e7bdce;--page-symbol:"♡"}.theme-mood{--page-tint:#f5dccb;--page-edge:#e3bfa6;--page-symbol:"☼"}.theme-account,.theme-join{--page-tint:#ede9fa;--page-symbol:"✦"}.app>.hero:not(.playroom-hero){background:var(--page-tint);border-color:var(--page-edge);padding:36px;position:relative;overflow:hidden}.app>.hero:not(.playroom-hero):after{content:var(--page-symbol);color:#25334a0c;pointer-events:none;font-size:160px;line-height:1;position:absolute;bottom:-30px;right:32px;transform:rotate(-12deg)}.hero>*{z-index:1;position:relative}.app>.hero:not(.playroom-hero) h1{max-width:850px;margin:12px 0 18px;font-size:clamp(2.5rem,5.5vw,4.4rem)}.app>.hero:not(.playroom-hero) p:not(.eyebrow){max-width:690px}.app>.game-grid:not(.featured-games)>.game-card{border-top:5px solid var(--page-edge)}.badge,.badge.live{color:#604a70;background:#eee7f6;border-color:#d8cce3}.pill{color:var(--text);border-color:var(--line);background:#fffef9}.pill.selected{color:#57406f;background:#e9e0f4;border-color:#9d82bf;box-shadow:0 0 0 2px #d1c0e740}.type-row{border:1px solid var(--line);background:#f4f1e9;border-radius:18px;padding:8px}.player-row,.score-row,.team-row,.account-room-row{border-color:#dfdfd4;border-radius:14px}.player-row:hover,.score-row.you{background:#f0eaf8}.player-row .dot,.live-dot{background:#6d9c82;box-shadow:0 0 0 4px #6d9c8214}.score-row .score,.team-row .score{color:#675080}.question-text{color:var(--text);letter-spacing:-.035em}.timer{color:#68527e}.timer-track{background:#e6e3d9;height:8px}.timer-fill{background:#b59bd2;transition:width .25s linear}button.answer.orange,.answer-card.orange{background:#f9dfc6;border-color:#ddb48b}button.answer.blue,.answer-card.blue{background:#dbe8f3;border-color:#a8c5dd}button.answer.magenta,.answer-card.magenta{background:#eee0f2;border-color:#d2b4da}button.answer.teal,.answer-card.teal{background:#ddecdf;border-color:#b3ccb8}button.answer{color:var(--text);border-radius:22px;box-shadow:0 4px #25334a12}button.answer:hover:not(:disabled){transform:translateY(-3px)rotate(-.5deg);box-shadow:0 7px #25334a18}button.answer.selected{border:2px solid #675080;box-shadow:0 0 0 3px #6750801a}button.answer.correct{background:#d2e9d5;border-color:#719e77;box-shadow:inset 0 0 0 2px #719e77}button.answer.wrong{background:#f0dddd;border-color:#bd9191}.feedback{box-shadow:var(--shadow);border-radius:24px}.correct-feedback{background:#e1efdf;border-color:#accaa8}.wrong-feedback{background:#f2e3dd;border-color:#d4b4a6}.neutral-feedback{background:#eae6f4;border-color:#cfc4e2}.podium-place{background:#e4eaf6;border-color:#c2cce0;border-radius:22px;box-shadow:0 5px #25334a10}.podium-place.first{background:#f9e9b9;border-color:#dfc47b}.podium-place .pts{color:#765a25}.story-line,.story-opening,.story-previous,.statement-card,.statement-form{border-color:var(--line);background:#fffef9;border-radius:18px}.story-opening,.story-previous{background:#eaf0f8;border-left:4px solid #adc3df}.appreciation-note{background:#fcf0df;border-color:#e6cda8;transform:rotate(-1deg);box-shadow:4px 5px #25334a0c}.room-says-top{background:#eee6f8;border-color:#cab5e1}.room-says-group{border-color:var(--line);background:#fffef9}button.player-pick,button.find-cell,button.most-likely-pick{color:var(--text);border-color:var(--line);background:#fffef9;border-radius:18px}button.player-pick.selected{color:#57406f;background:#e9e1f5;border-color:#ab8ec9}.spectrum-stage,.spectrum-slider-box{background:#fbf2da;border-color:#e5d29e;border-radius:24px}.spectrum-readout{color:#765629}.spectrum-track{background:#e7dac3}.spectrum-dot{box-shadow:0 0 0 3px #fffef9,0 4px 10px #25334a16}.find-cell.marked{background:#e2efdf;border-color:#acc59f}.guest-banner,.claim-banner{background:#eaf1e6;border-color:#c4d4b9}.limit-banner{background:#faf0d8;border-color:#dbc895}.draft-question{border-left:5px solid #c1d3bf}.draft-answer-row{border-radius:14px}.draft-answer-row.correct{background:#e8f0e4;border-color:#bacfae}.usage-meter .fill{background:#ab94c9}.error{color:#804b35;background:#f7e8e1;border-color:#d9b4a2;border-radius:16px}.auth-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px}.auth-card{gap:16px;padding:32px}.auth-card h3{font-size:2rem}.auth-card>p{margin:0}.auth-signup{background:#fff4e6;border-color:#e7cfad}.auth-login{background:#edf0f9;border-color:#c9d0e5}.auth-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.auth-card-top .mood-character{width:76px;height:76px;transform:rotate(-7deg)}.auth-sticker{color:#6f5d79;letter-spacing:.1em;background:#fffef9;border:1px solid #25334a24;border-radius:6px;padding:6px 12px;font-size:.64rem;font-weight:800;transform:rotate(5deg)}.auth-card .field>span{color:var(--text);font-size:.8rem;font-weight:700}.auth-card input{border-color:#cfc9cb;border-radius:12px;padding:13px 16px}.auth-card .primary{margin-top:8px}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:76px}.password-field button{background:#f2efe7;border:0;min-height:36px;padding:6px 12px;font-size:.75rem;position:absolute;right:6px}.join-room-card{align-self:center;width:min(560px,100%);padding:32px}.join-welcome{align-items:center;gap:20px;margin-bottom:10px;display:flex}.join-welcome p{color:#675080;max-width:220px;font-size:1.15rem;font-weight:700}.theme-join>.hero{text-align:center}.theme-join>.hero p{margin-inline:auto}.theme-join>button.ghost{align-self:center}.room-invite{background:#f4f1e9;border:1px dashed #bbb5a7;border-radius:20px;align-items:center;gap:24px;padding:18px;display:flex}.room-invite img{background:#fff;border-radius:12px;width:140px;height:140px;padding:10px}.invite-copy{gap:8px;display:grid}.invite-copy p{margin:0;font-size:.85rem}.invite-copy .eyebrow{font-size:.6rem}.invite-copy button{background:#fffef9;justify-self:start}.room-host-header{background:#fffef9}.room-host-header>.row>p{overflow-wrap:anywhere}.room-presentation{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);background:#f8f5ed;border:0;margin:0;padding:0;overflow:auto}.room-presentation:not([open]){display:none}.room-presentation::backdrop{background:#25334a}.presentation-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100%;display:grid;overflow:clip}.presentation-scan{text-align:center;background:#fffef9;flex-direction:column;justify-content:center;align-items:center;padding:48px 28px 80px;display:flex}.presentation-scan .eyebrow{font-size:clamp(.65rem,1vw,.85rem)}.presentation-qr{background:#fff;border:1px solid #e4e1d7;border-radius:24px;width:100%;max-width:100%;margin:14px 0 10px;padding:24px}.presentation-qr img{aspect-ratio:1;image-rendering:auto;width:min(44vw,62vh);max-width:100%;height:auto;display:block}.presentation-scan h2{letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(1.7rem,3vw,2.8rem)}.presentation-scan p:not(.eyebrow){color:var(--muted);margin:5px 0}.presentation-link{overflow-wrap:anywhere;max-width:100%;font-size:.75rem}.presentation-poster{background:#eae3f6;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px 8% 90px;display:flex;position:relative;overflow:hidden}.presentation-brand{letter-spacing:-.045em;align-items:center;gap:14px;margin-bottom:40px;font-size:clamp(1.4rem,2.5vw,2.2rem);display:flex}.presentation-brand .brand-mark{width:46px;height:46px;font-size:1.4rem}.presentation-poster>.eyebrow{color:#6a5285}.presentation-poster h2{white-space:pre-line;letter-spacing:-.065em;margin:16px 0 28px;font-size:clamp(2.5rem,4.4vw,4.6rem);line-height:1.05}.presentation-friends{align-items:center;padding:12px 0 26px;display:flex}.presentation-friends .mood-character{width:clamp(65px,9vw,140px);height:clamp(65px,9vw,140px);transform:rotate(-9deg)}.presentation-friends .mood-character:nth-child(2){margin-left:-8px;transform:rotate(8deg)translateY(12px)}.presentation-friends .mood-character:nth-child(3){margin-left:-8px;transform:rotate(-5deg)}.presentation-code{gap:8px;margin-top:14px;display:grid}.presentation-code span{letter-spacing:.12em;color:#695779;font-size:.65rem;font-weight:800}.presentation-code strong{letter-spacing:.1em;font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.2}.presentation-tagline{color:#695779;font-size:.85rem}.presentation-controls{z-index:2;background:#fffef9e8;border:1px solid #d8cfdf;border-radius:99px;align-items:center;gap:10px;padding:8px;display:flex;position:fixed;bottom:18px;right:22px}.presentation-controls p{max-width:180px;margin:0 10px;font-size:.75rem}.presentation-controls .small{min-height:40px}@media (prefers-reduced-motion:no-preference){.hero{animation:.46s cubic-bezier(.2,.7,.2,1) both page-arrive}.card{animation:.42s cubic-bezier(.2,.7,.2,1) both page-arrive}.game-grid>:nth-child(2),.auth-grid>:nth-child(2){animation-delay:70ms}.game-grid>:nth-child(3){animation-delay:.14s}.game-grid>:nth-child(n+4){animation-delay:.18s}.mood-eyes{animation:6s 1.4s infinite friendly-blink}.art-friend,.presentation-friends .mood-character{animation:4.5s ease-in-out infinite alternate friend-float}.friend-two,.presentation-friends .mood-character:nth-child(2){animation-delay:-1.8s}.friend-three,.presentation-friends .mood-character:nth-child(3){animation-delay:-3s}.mood-family-option:hover .mood-character,.game-card:hover .mood-character{animation:.5s ease-in-out character-wiggle}.mood-pick.selected,.answer.selected,.player-pick.selected,.pill.selected{animation:.26s ease-out selection-land}.player-row,.score-row,.story-line,.room-says-group,.statement-card{animation:.34s ease-out both row-arrive}.podium-place{animation:.7s cubic-bezier(.2,.8,.2,1) both podium-rise}.podium-place:nth-child(2){animation-delay:.1s}.podium-place:nth-child(3){animation-delay:.2s}.appreciation-note{animation:.65s cubic-bezier(.2,.8,.2,1) both note-unfold}.room-presentation[open] .presentation-poster{animation:.45s ease-out both poster-arrive}html[data-playroom-beat=a] .topbar .brand-mark{animation:cue-a var(--cue-duration,.4s) ease-out}html[data-playroom-beat=b] .topbar .brand-mark{animation:cue-b var(--cue-duration,.4s) ease-out}html[data-playroom-cue=tick] .topbar .brand-mark{animation:none}html[data-playroom-cue=tick][data-playroom-beat=a] .timer{animation:.12s ease-out cue-a}html[data-playroom-cue=tick][data-playroom-beat=b] .timer{animation:.12s ease-out cue-b}html:is([data-playroom-cue=mood-note],[data-playroom-cue=mood-saved])[data-playroom-beat=a] .mood-choice-heading .mood-character{animation:cue-a var(--cue-duration) ease-out}html:is([data-playroom-cue=mood-note],[data-playroom-cue=mood-saved])[data-playroom-beat=b] .mood-choice-heading .mood-character{animation:cue-b var(--cue-duration) ease-out}html:is([data-playroom-cue=correct],[data-playroom-cue=podium],[data-playroom-cue=mood-reveal])[data-playroom-beat=a] :is(.feedback,.mood-wheel-shell){animation:reveal-a var(--cue-duration) ease-out}html:is([data-playroom-cue=correct],[data-playroom-cue=podium],[data-playroom-cue=mood-reveal])[data-playroom-beat=b] :is(.feedback,.mood-wheel-shell){animation:reveal-b var(--cue-duration) ease-out}}@keyframes page-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes row-arrive{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes friendly-blink{0%,91%,96%,to{scale:1}94%{scale:1 .12}}@keyframes friend-float{0%{translate:0}to{translate:0 -9px}}@keyframes character-wiggle{0%,to{rotate:0deg}35%{rotate:-7deg}70%{rotate:5deg}}@keyframes selection-land{0%{scale:.96}60%{scale:1.025}to{scale:1}}@keyframes podium-rise{0%{opacity:0;translate:0 28px;scale:.95}to{opacity:1;translate:0;scale:1}}@keyframes note-unfold{0%{opacity:0;translate:0 20px;rotate:-4deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes poster-arrive{0%{opacity:0;translate:16px}to{opacity:1;translate:0}}@keyframes cue-a{0%,to{scale:1}25%{scale:1.12}60%{scale:.98}}@keyframes cue-b{0%,to{scale:1}25%{scale:1.12}60%{scale:.98}}@keyframes reveal-a{0%{opacity:.65;scale:.98}50%{scale:1.015}to{opacity:1;scale:1}}@keyframes reveal-b{0%{opacity:.65;scale:.98}50%{scale:1.015}to{opacity:1;scale:1}}@media (width<=700px){.app>.hero:not(.playroom-hero){padding:28px 24px}.auth-grid{grid-template-columns:1fr}.auth-card{padding:24px}.auth-card h3{font-size:1.7rem}.join-room-card{padding:24px}.room-invite{gap:16px;padding:14px}.room-invite img{width:110px;height:110px}.invite-copy h3{font-size:1rem}.invite-copy .eyebrow{display:none}.invite-copy p{font-size:.75rem}.invite-copy button{padding:8px 12px;font-size:.7rem}.presentation-layout{grid-template-columns:1fr}.presentation-scan{padding:32px 20px}.presentation-qr img{width:min(76vw,46vh);height:auto}.presentation-poster{text-align:center;align-items:center;padding:32px 28px 110px}.presentation-brand{margin-bottom:20px}.presentation-poster h2{font-size:2.5rem}.presentation-code strong{font-size:2.8rem}.presentation-friends .mood-character{width:80px;height:80px}.presentation-controls{border-radius:18px;justify-content:center;bottom:10px;left:10px;right:10px}.presentation-controls p{display:none}}@media (height<=650px) and (width>=701px){.presentation-brand{margin-bottom:16px}.presentation-poster h2{margin:12px 0;font-size:2.7rem}.presentation-friends{padding:6px 0 12px}.presentation-friends .mood-character{width:80px;height:80px}.presentation-code strong{font-size:3.3rem}.presentation-scan{padding-top:24px}}.loading{align-items:center;gap:12px;padding:18px 0;display:flex}.loading:before{content:"";border:2px solid #d9cde6;border-top-color:#81669d;border-radius:50%;flex:none;width:18px;height:18px}@media (prefers-reduced-motion:no-preference){.loading:before{animation:.9s linear infinite loading-turn}}@keyframes loading-turn{to{rotate:360deg}}.presentation-scan,.presentation-poster{min-width:0}.presentation-qr img{aspect-ratio:1;height:auto}.mood-zoom-wheel{width:min(480px,100%)}.mood-zoom-block{min-width:0}.mood-radial-option{cursor:pointer;transform-origin:210px 210px;outline:none}.mood-radial-sector{transform-origin:210px 210px;transition:transform .18s,filter .18s,stroke-width .18s}.mood-radial-label{pointer-events:none}.mood-radial-option:hover .mood-radial-sector,.mood-radial-option:focus-visible .mood-radial-sector{filter:brightness(1.08);stroke:#25334a;stroke-width:3px;transform:scale(1.025)}.mood-radial-sector.selected{stroke:#25334a;stroke-width:4px;filter:brightness(1.08)}.mood-radial-hub{transition:fill .36s}.mood-check-stage .mood-choice-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}@media (prefers-reduced-motion:no-preference){.mood-radial-option{animation:.46s cubic-bezier(.16,1,.3,1) both mood-ring-grow;animation-delay:var(--slice-delay,0s)}@keyframes mood-ring-grow{0%{opacity:0;transform:scale(.58)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}}@media (width<=640px){.mood-zoom-wheel{width:min(390px,100%)}.mood-check-stage .mood-choice-layout{gap:18px}}.host-room-header-wrap{display:contents}.host-header-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:center;gap:22px;display:grid}.host-code-block{flex-direction:column;gap:8px;min-width:0;display:flex}.host-header-actions{flex-wrap:wrap;row-gap:8px}.host-share-link{color:var(--muted);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.host-qr-block.qr-card{place-self:center end;gap:6px;width:100%;padding:16px 16px 12px}.host-qr-block.qr-card img{aspect-ratio:1;width:100%;height:auto}.host-code-block .room-invite{width:100%;margin-top:4px}.invite-joined{color:var(--ink-strong);align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:flex}.host-qr-block .eyebrow{font-size:.6rem}.room-host-ended .ended-pin{letter-spacing:-.04em;font-size:clamp(1.6rem,4vw,2.6rem)}.copy-status{margin:0}.room-connecting{align-self:flex-start}.player-room-strip{border-color:color-mix(in srgb, var(--page-edge,#d9cde6) 55%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--page-tint,#f4f1e9) 78%, white), #fffdf8 72%);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--page-edge,var(--accent)) 88%, transparent), 0 10px 24px #2261920f;border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.player-strip-identity{align-items:center;gap:8px;min-width:0;display:flex}.player-strip-avatar{background:linear-gradient(135deg, var(--accent), var(--lilac));color:#fffdf8;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;font-size:.78rem;font-weight:900;display:grid;box-shadow:0 4px 12px #f9690038}.player-strip-copy{flex-direction:column;gap:0;min-width:0;display:flex}.player-strip-top{align-items:center;gap:7px;min-width:0;display:flex}.player-strip-code{color:color-mix(in srgb, var(--muted) 82%, var(--ink-strong));letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:800}.player-strip-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-strong);font-size:.82rem;font-weight:800;line-height:1.1;overflow:hidden}.player-strip-status{color:var(--muted);font-size:.6rem;font-weight:700;line-height:1.2}.player-strip-dot{background:#0e8a8a;border-radius:999px;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #0e8a8a1f}.player-strip-dot.offline{background:#d30c7b;box-shadow:0 0 0 3px #d30c7b1f}.player-room-strip .badge{padding:2px 7px;font-size:.58rem}.app.is-player{gap:12px;padding:10px 12px 26px}.app.is-player .topbar{border-radius:18px;padding:6px 8px 6px 10px;position:static}.app.is-player .brand span:not(.brand-mark){display:none}.app.is-player .nav{gap:6px;font-size:.72rem}.app.is-player .nav .ghost{padding:7px 9px}.app.is-player .player-question{border-radius:22px;gap:10px;padding:14px}.app.is-player .player-question .question-text.player{font-size:clamp(1.02rem,4.5vw,1.3rem);line-height:1.14}.app.is-player .answer-grid{gap:8px}.app.is-player button.answer{border-radius:18px;gap:8px;min-height:58px;padding:8px 10px;font-size:.9rem}.app.is-player button.answer .letter{width:26px;height:26px;font-size:.72rem}.app.is-player .feedback{border-radius:20px;padding:14px}.app.is-player .feedback-copy{gap:10px}.app.is-player .feedback-icon{width:42px;height:42px;font-size:1.2rem}.app.is-player .feedback h2{font-size:clamp(1.1rem,4.4vw,1.4rem)}.app.is-player .look-up{font-size:.7rem}.app.is-presenting{gap:10px;width:100%;max-width:none;height:100dvh;padding:10px 14px;overflow:hidden}.app.is-presenting>.topbar,.app.is-presenting>footer.status,.app.is-presenting .room-host-header,.app.is-presenting .room-invite,.app.is-presenting .room-connecting{display:none}.app.is-presenting>.card,.app.is-presenting .host-question,.app.is-presenting .mood-host-stage{box-shadow:none;background:0 0;border:0;gap:14px;padding:10px 16px}.app.is-presenting>.card{justify-content:center;min-height:calc(100dvh - 24px)}.app.is-presenting .question-text{font-size:clamp(2.2rem,6vw,5rem);line-height:1.02}.app.is-presenting .answer-grid{gap:14px;width:100%}.app.is-presenting .answer-card{min-height:96px;font-size:clamp(1.05rem,1.9vw,1.6rem)}.app.is-presenting .look-up,.app.is-presenting .live-answers,.app.is-presenting .timer-track{font-size:.8rem}.presentation-exit{z-index:60;position:fixed;bottom:14px;right:14px;box-shadow:0 10px 28px #22619233}.score-row .rank-change{min-width:42px;color:var(--muted);font-size:.72rem;font-weight:800}.score-row .rank-change.rise{color:#0e8a8a}.score-row .rank-change.fall{color:#d30c7b}.score-row .point-gain{text-align:right;color:#0e8a8a;min-width:52px;font-size:.76rem;font-weight:800}.score-row .score-note{color:var(--muted);font-size:.68rem;font-weight:700}.score-row.riser{animation:.52s cubic-bezier(.2,.8,.2,1) both rank-rise}.score-row.faller{animation:.52s cubic-bezier(.2,.8,.2,1) both rank-fall}@keyframes rank-rise{0%{opacity:.55;translate:0 12px}to{opacity:1;translate:0}}@keyframes rank-fall{0%{opacity:.55;translate:0 -10px}to{opacity:1;translate:0}}.mood-host-lobby{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;display:grid}.mood-host-lobby .mood-mini-disk{flex:none;width:148px;height:148px}.mood-host-lobby-copy{gap:8px;min-width:0;display:grid}.mood-host-lobby-copy h3,.mood-host-lobby-copy p{margin:0}.mood-host-lobby-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mood-disk-fallback{padding:14px 16px}.mood-disk-fallback-summary{padding:4px 0}.mood-fallback-group{padding:4px 0 2px}.presentation-link{color:#143d5e;background:#fff;border:1px solid #e4e1d7;border-radius:12px;padding:10px 14px;font-size:clamp(1.05rem,1.8vw,1.55rem);font-weight:800;line-height:1.3}@media (width<=700px){.host-header-grid{grid-template-columns:1fr}.host-qr-block.qr-card{justify-self:center;width:280px}.host-qr-block.qr-card img{width:252px;height:252px}.mood-host-lobby{grid-template-columns:1fr}.mood-host-lobby .mood-mini-disk{width:112px;height:112px}}@media (prefers-reduced-motion:reduce){.score-row.riser,.score-row.faller{animation:none!important}}.auth-single{align-self:center;width:min(560px,100%);animation:.26s cubic-bezier(.2,.8,.2,1) both auth-swap-in}.auth-switch{min-height:40px;box-shadow:none;color:var(--blue);text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:6px 10px;font-size:.84rem;font-weight:800;text-decoration:underline}.auth-switch:hover:not(:disabled){color:var(--magenta);box-shadow:none;background:0 0;transform:none}@keyframes auth-swap-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.auth-single{animation:none!important}}.player-status-note{text-align:left;margin:0;padding:0 4px}.presentation-poster .presentation-joined{background:#fffdf8c7;border-color:#25334a29;margin-top:14px}.presentation-joined{color:var(--ink-strong);background:#0e8a8a14;border:1px solid #0e8a8a40;border-radius:999px;align-items:center;gap:10px;margin:8px 0 4px;padding:8px 16px;font-weight:800;display:inline-flex}.presentation-joined strong{font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1}.presentation-joined span:last-child{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.presentation-joined-poster{color:#25334a;margin:8px 0 0;font-weight:800}.answer-locked{background:#0e8a8a14;border:1px solid #0e8a8a38;border-radius:12px;align-items:baseline;gap:7px;padding:7px 10px;display:flex}.answer-locked-label{color:#0e8a8a;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.62rem;font-weight:900}.answer-locked-value{overflow-wrap:anywhere;color:var(--ink-strong);font-size:.82rem;font-weight:800}.app.is-player .answer-locked{padding:6px 9px}@media (width<=820px){.host-header-grid{grid-template-columns:1fr}.host-qr-block.qr-card{justify-self:center;width:280px}.host-qr-block.qr-card img{width:252px;height:252px}}.mood-mode-card{border-color:#d30c7b2e}.mood-duration-row{flex-wrap:wrap}.mood-duration-row .pill{min-height:38px}.mood-duration-row .pill.selected{border-color:var(--orange-ink)}.survey-open{gap:16px}.survey-count{flex-wrap:wrap;gap:14px;display:flex}.survey-count>div{background:#fffdf8b8;border:1px solid #d30c7b2e;border-radius:18px;align-items:baseline;gap:6px;padding:10px 16px;display:flex}.survey-count strong{letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1}.survey-count span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.mood-saved button.ghost.small{justify-self:start;margin-top:4px}.mood-custom-duration{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.mood-custom-input{flex:180px}.mood-custom-input input{width:100%}.mood-custom-unit{flex:0 220px}.night-mood-ribbon{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.night-mood-dot{width:20px;height:20px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%;display:inline-block}.night-mood-dot.suppressed{border-style:dashed;box-shadow:0 0 0 1px #b9b9b2}
