.play-shell{--play-bg:#e9edf8;--play-card:#fff;--play-ink:#17181d;--play-muted:#8b90a5;--play-black:#111;--play-lilac:#e4e0ff;--play-peach:#ffe0cc;--play-mint:#d5f3e8;--play-yellow:#ffe8a3;--play-danger:#c45c5c;--play-radius:12px;background:var(--brand-bg,var(--play-bg));color:var(--brand-text,var(--play-ink));color-scheme:light;font-family:DM Sans,Source Sans\ 3,ui-sans-serif,sans-serif;letter-spacing:-.01em;min-height:100vh;min-height:100dvh}.play-shell,.play-shell .font-display,.play-shell h1,.play-shell h2,.play-shell h3{font-family:var(--brand-font,"DM Sans","Source Sans 3",ui-sans-serif,sans-serif)}html[dir=rtl] .play-shell,html[dir=rtl] .play-shell .font-display,html[dir=rtl] .play-shell h1,html[dir=rtl] .play-shell h2,html[dir=rtl] .play-shell h3{font-family:"Vazirmatn",var(--brand-font,"DM Sans","Source Sans 3"),ui-sans-serif,sans-serif;letter-spacing:0}.play-nav{padding:.75rem 1.25rem .25rem}.play-nav__row{gap:.75rem;justify-content:space-between;margin:0 auto;max-width:56rem;min-height:2.75rem}.play-nav a,.play-nav__row{align-items:center;display:flex}.play-nav a{color:var(--brand-text,var(--play-ink));font-size:.95rem;font-weight:700;gap:.65rem;letter-spacing:-.02em;min-width:0}.play-nav img{background:var(--play-card);border-radius:10px;height:2rem;-o-object-fit:cover;object-fit:cover;width:2rem}.play-main{margin:0 auto;max-width:56rem;padding:1rem 1.25rem 2.5rem}.play-main.is-embed{padding-top:.35rem}.play-kicker{color:var(--brand-muted,var(--play-muted));font-size:.8125rem;font-weight:500;margin:0}.play-title{color:var(--brand-text,var(--play-ink));font-size:1.375rem;font-weight:700;letter-spacing:-.04em;line-height:1.15;margin:.2rem 0 0}.play-sub{color:var(--brand-muted,var(--play-muted));font-size:.8125rem;font-weight:500;line-height:1.35;margin:.35rem 0 0}.play-card{background:var(--brand-panel,var(--play-card));border-radius:var(--play-radius);box-shadow:none}.play-arena{background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--play-lilac) 70%,transparent),transparent 55%),radial-gradient(90% 70% at 0 100%,color-mix(in srgb,var(--play-peach) 55%,transparent),transparent 50%),var(--brand-panel,var(--play-card));border:1px solid color-mix(in srgb,var(--brand-text,var(--play-ink)) 8%,transparent);border-radius:20px;overflow:hidden;padding:1.5rem 1.25rem 1.35rem;position:relative}.play-arena__badge{align-items:center;background:color-mix(in srgb,var(--brand-text,var(--play-ink)) 6%,transparent);border-radius:999px;color:var(--brand-muted,var(--play-muted));display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.04em;margin:0;padding:.35rem .7rem;text-transform:uppercase}.play-arena__clock{font-size:clamp(2.75rem,12vw,4rem);font-weight:800;letter-spacing:-.06em;line-height:.95;margin:1rem 0 0;tabular-nums:true;color:var(--brand-text,var(--play-ink));font-variant-numeric:tabular-nums}.play-arena__clock .is-urgent,.play-arena__clock.is-urgent{animation:play-pulse 1s ease-in-out infinite;color:var(--play-danger)}.play-arena__meta{display:grid;gap:.65rem;margin-top:1.15rem}.play-arena__meta-row{align-items:baseline;display:flex;font-size:.9rem;gap:1rem;justify-content:space-between}.play-arena__meta-row span:first-child{color:var(--brand-muted,var(--play-muted));font-weight:500}.play-arena__meta-row span:last-child{font-weight:700;text-align:end}.play-arena__cta{border-radius:16px;box-shadow:0 10px 24px color-mix(in srgb,var(--play-black) 18%,transparent);font-size:1.05rem;height:auto;letter-spacing:-.02em;margin-top:1.25rem;min-height:3.75rem;padding:.95rem 1.1rem}.play-arena__cta:disabled{background:color-mix(in srgb,var(--brand-text,var(--play-ink)) 12%,var(--play-card));box-shadow:none;color:var(--brand-muted,var(--play-muted));opacity:1}.play-arena__hint{color:var(--brand-muted,var(--play-muted));font-size:.8125rem;margin:.85rem 0 0;text-align:center}.play-locked{align-items:center;animation:play-locked-in .42s cubic-bezier(.22,1,.36,1) both;background:linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--play-lilac) 42%,#fff) 52%,color-mix(in srgb,var(--play-mint) 55%,#fff));border:1px solid color-mix(in srgb,var(--brand-text,var(--play-ink)) 8%,transparent);border-radius:24px;box-shadow:0 14px 36px color-mix(in srgb,#cfc7ff 45%,transparent);display:flex;flex-direction:column;justify-content:center;min-height:min(72vh,34rem);overflow:hidden;padding:2rem 1.35rem 1.75rem;position:relative;text-align:center}.play-locked.is-ended{background:linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--play-peach) 40%,#fff) 55%,color-mix(in srgb,var(--play-yellow) 50%,#fff));box-shadow:0 14px 36px color-mix(in srgb,#ffc9a8 40%,transparent)}.play-locked__glow{background:radial-gradient(circle,color-mix(in srgb,var(--play-lilac) 70%,transparent),transparent 70%);border-radius:50%;height:14rem;inset:auto -20% -35% auto;pointer-events:none;position:absolute;width:14rem}.play-locked.is-ended .play-locked__glow{background:radial-gradient(circle,color-mix(in srgb,var(--play-peach) 70%,transparent),transparent 70%)}.play-locked__icon{animation:play-locked-pop .52s cubic-bezier(.22,1,.36,1) 80ms both;background:var(--brand-button,var(--play-black));border-radius:1.25rem;box-shadow:0 12px 28px color-mix(in srgb,var(--play-black) 22%,transparent);color:var(--brand-button-text,#fff);display:grid;height:4.25rem;margin-bottom:1.15rem;place-items:center;position:relative;width:4.25rem;z-index:1}.play-locked__icon svg{height:1.85rem;width:1.85rem}.play-locked__badge{background:color-mix(in srgb,var(--brand-text,var(--play-ink)) 7%,transparent);border-radius:999px;color:var(--brand-muted,var(--play-muted));display:inline-flex;font-size:.75rem;letter-spacing:.05em;margin:0;padding:.4rem .85rem;text-transform:uppercase}.play-locked__badge,.play-locked__title{font-weight:800;position:relative;z-index:1}.play-locked__title{color:var(--brand-text,var(--play-ink));font-size:clamp(1.35rem,5.2vw,1.75rem);letter-spacing:-.04em;line-height:1.2;margin:1rem 0 0;max-width:18rem}.play-locked__hint{color:var(--brand-muted,var(--play-muted));font-size:.875rem;font-weight:500;line-height:1.4;margin:.75rem 0 0;max-width:17rem;position:relative;z-index:1}.play-locked__track{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:1.65rem 0 0;max-width:22rem;padding:0;position:relative;width:100%;z-index:1}.play-locked__track li{align-items:center;background:color-mix(in srgb,#fff 72%,transparent);border-radius:14px;color:var(--brand-muted,var(--play-muted));display:flex;flex-direction:column;font-size:.68rem;font-weight:700;gap:.45rem;letter-spacing:-.01em;line-height:1.25;padding:.75rem .4rem}.play-locked__track li.is-done{background:color-mix(in srgb,var(--play-mint) 70%,#fff);color:var(--brand-text,var(--play-ink))}.play-locked__track li.is-active{animation:play-pulse 1.4s ease-in-out infinite;background:color-mix(in srgb,var(--play-yellow) 75%,#fff);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--play-black) 10%,transparent);color:var(--brand-text,var(--play-ink))}.play-locked__dot{background:currentColor;border-radius:999px;height:.55rem;opacity:.45;width:.55rem}.play-locked__track li.is-active .play-locked__dot,.play-locked__track li.is-done .play-locked__dot{opacity:1}@keyframes play-locked-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes play-locked-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.trivia-action{align-items:center;background:var(--brand-button,var(--play-black));border:0;border-radius:18px;box-shadow:0 12px 28px color-mix(in srgb,var(--play-black) 22%,transparent);color:var(--brand-button-text,#fff);cursor:pointer;display:flex;flex-direction:column;gap:.2rem;justify-content:center;min-height:4.75rem;padding:.85rem 1.1rem;transition:transform .15s ease,background .15s ease;width:100%}.trivia-action:active:not(:disabled){transform:scale(.985)}.trivia-action:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.trivia-action.is-submit{background:linear-gradient(135deg,#111,#2a2a32)}.trivia-action.is-urgent{background:linear-gradient(135deg,#c45c5c,#a94444)}.trivia-action__label{font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.trivia-action__xp{font-size:clamp(1.65rem,7vw,2.15rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.05em;line-height:1}.trivia-action__sub{font-size:.8rem;font-weight:600;margin-top:.15rem;opacity:.8}.trivia-progress{align-items:center;background:color-mix(in srgb,var(--play-lilac) 55%,var(--play-card));border-radius:14px;display:flex;gap:.75rem;justify-content:space-between;margin:0 0 .35rem;padding:.65rem .85rem}.trivia-progress__bar{background:color-mix(in srgb,var(--brand-text,var(--play-ink)) 10%,transparent);border-radius:999px;flex:1;height:.45rem;overflow:hidden}.trivia-progress__bar>span{background:var(--brand-text,var(--play-ink));border-radius:inherit;display:block;height:100%;transition:width .25s ease}.trivia-progress__count{color:var(--brand-text,var(--play-ink));flex-shrink:0;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:800}.trivia-question{font-size:clamp(1.2rem,4.6vw,1.55rem)!important;font-weight:800!important;letter-spacing:-.03em;line-height:1.25!important;margin:.35rem 0 0}.trivia-meter{background:color-mix(in srgb,var(--brand-text,var(--play-ink)) 8%,transparent);border-radius:999px;height:.35rem;overflow:hidden}.trivia-meter>span{background:var(--play-mint);border-radius:inherit;display:block;height:100%;transition:width .2s linear}.trivia-meter.is-urgent>span{background:var(--play-danger)}.trivia-result{animation:play-locked-in .42s cubic-bezier(.22,1,.36,1) both;background:linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--play-mint) 38%,#fff) 48%,color-mix(in srgb,var(--play-yellow) 48%,#fff));border:1px solid color-mix(in srgb,var(--brand-text,var(--play-ink)) 8%,transparent);border-radius:24px;box-shadow:0 14px 36px color-mix(in srgb,#b6ebd8 42%,transparent);overflow:hidden;padding:1.65rem 1.25rem 1.5rem;position:relative;text-align:center}.trivia-result__badge{background:color-mix(in srgb,var(--brand-text,var(--play-ink)) 7%,transparent);border-radius:999px;color:var(--brand-muted,var(--play-muted));display:inline-flex;font-size:.75rem;font-weight:800;letter-spacing:.04em;margin:0;padding:.35rem .75rem;text-transform:uppercase}.trivia-result__title{color:var(--brand-text,var(--play-ink));font-size:1.35rem;font-weight:800;letter-spacing:-.03em;margin:.9rem 0 0}.trivia-result__grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:1.25rem}.trivia-result__stat{background:color-mix(in srgb,var(--play-lilac) 55%,var(--play-card));border-radius:16px;padding:1rem .75rem}.trivia-result__stat.is-xp{background:color-mix(in srgb,var(--play-peach) 60%,var(--play-card))}.trivia-result__label{color:var(--brand-muted,var(--play-muted));font-size:.8rem;font-weight:700;letter-spacing:.02em;margin:0;text-transform:uppercase}.trivia-result__value{color:var(--brand-text,var(--play-ink));font-size:clamp(1.75rem,7vw,2.25rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.05em;margin:.35rem 0 0}.trivia-result__total{background:var(--brand-button,var(--play-black));border-radius:18px;color:var(--brand-button-text,#fff);margin-top:.85rem;padding:1.1rem 1rem}.trivia-result__total .trivia-result__label{color:color-mix(in srgb,#fff 70%,transparent)}.trivia-result__total-value{font-size:clamp(2.4rem,10vw,3.25rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.06em;line-height:1;margin:.25rem 0 0}.trivia-result__formula{color:color-mix(in srgb,#fff 72%,transparent);font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:600;margin:.55rem 0 0}.trivia-result__hint{color:var(--brand-text,var(--play-ink));font-size:.95rem;font-weight:600;margin:1rem 0 0}.trivia-result__locked{color:var(--brand-muted,var(--play-muted));font-size:.8125rem;margin:.45rem 0 0}.play-btn{align-items:center;background:var(--brand-button,var(--play-black));border:0;border-radius:12px;color:var(--brand-button-text,#fff);display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;height:3.25rem;justify-content:center;padding:0 1rem;width:100%}.play-btn:disabled{cursor:not-allowed;opacity:.35}.play-btn.is-sm{font-size:.875rem;height:2.5rem;padding:0 .9rem;width:auto}.play-btn.is-ghost{background:transparent;color:var(--brand-muted,var(--play-muted));font-size:.875rem;font-weight:600;height:auto;padding:.65rem .2rem;width:auto}.play-btn.is-outline{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-text,var(--play-ink)) 13%,transparent);color:var(--brand-text,var(--play-ink))}.play-chip{align-items:center;background:var(--play-lilac);border-radius:8px;color:var(--play-ink);display:inline-flex;font-size:.7rem;font-weight:700;height:1.5rem;padding:0 .55rem}.play-event{align-items:center;color:inherit;display:flex;gap:.85rem;padding:1rem}.play-event__tile{background:var(--play-mint);border-radius:10px;display:grid;flex-shrink:0;height:3.25rem;overflow:hidden;place-items:center;width:3.25rem}.play-event__tile.is-predict{background:var(--play-peach)}.play-event__tile.is-trivia{background:var(--play-lilac)}.play-row{align-items:center;display:flex;font-size:.9rem;gap:.75rem;justify-content:space-between;padding:.85rem 0}.play-row+.play-row{border-top:1px solid color-mix(in srgb,var(--brand-text,var(--play-ink)) 8%,transparent)}.play-row.is-me{background:var(--play-lilac);border-radius:12px;border-top-color:transparent;margin-inline:-.5rem;padding-inline:.75rem}.play-input,.play-shell input:not([type=checkbox]):not([type=radio]),.play-shell select,.play-shell textarea{background:var(--play-bg);border:0;border-radius:12px;box-shadow:none;color:var(--brand-text,var(--play-ink));height:2.75rem}.play-shell .hairline{border-color:transparent}.play-shell .rounded-panel,.play-shell .surface{background:var(--brand-panel,var(--play-card));border-radius:12px;box-shadow:none}.play-shell .muted{color:var(--brand-muted,var(--play-muted))}.retro-board,.retro-panel{background:var(--brand-panel,var(--play-card));border:0;border-radius:12px;box-shadow:none}.retro-panel-amber{background:var(--play-yellow)}.retro-label{color:var(--brand-muted,var(--play-muted));font-size:.75rem;font-weight:600;letter-spacing:0;margin:0;text-transform:none}.retro-title{letter-spacing:-.03em;line-height:1.25;text-transform:none}.retro-timer,.retro-title{font-family:inherit;font-weight:700;text-shadow:none}.retro-timer{color:var(--brand-text,var(--play-ink));font-size:clamp(1.75rem,5vw,2.4rem);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.retro-timer.is-urgent{animation:play-pulse .9s ease-in-out infinite;color:var(--play-danger);text-shadow:none}.retro-meter{background:color-mix(in srgb,var(--brand-text,var(--play-ink)) 12%,transparent);border:0;border-radius:99px;box-shadow:none;height:4px;overflow:hidden}.retro-meter>span{background:var(--brand-button,var(--play-black));border-radius:inherit;display:block;height:100%;transition:width .18s linear}.retro-meter.is-urgent>span{background:var(--play-danger)}.retro-option{align-items:stretch;background:var(--play-bg);border:0;border-radius:12px;box-shadow:none;color:var(--brand-text,var(--play-ink));display:flex;overflow:hidden;text-align:start;transition:transform .12s ease,background .12s ease;width:100%}.retro-option:hover:not(:disabled){background:color-mix(in srgb,var(--brand-text,var(--play-ink)) 6%,var(--play-bg));transform:none}.retro-option:active:not(:disabled){transform:scale(.99)}.retro-option:disabled{cursor:default}.retro-option-key{border-radius:10px;color:var(--play-ink);display:grid;flex-shrink:0;font-size:.8rem;font-weight:700;margin:.55rem 0 .55rem .55rem;place-items:center;width:2.75rem}.retro-option-text{flex:1;font-size:1rem;font-weight:600;line-height:1.3;padding:.95rem 1rem}.retro-option-a .retro-option-key{background:var(--play-lilac)}.retro-option-b .retro-option-key{background:var(--play-peach)}.retro-option-c .retro-option-key{background:var(--play-mint)}.retro-option-d .retro-option-key{background:var(--play-yellow)}.retro-option.is-picked{background:color-mix(in srgb,var(--play-yellow) 55%,var(--play-card))!important;color:var(--play-ink)!important;filter:none}.retro-option.is-dimmed{filter:none;opacity:.38}.retro-option.is-correct{animation:play-pop .28s ease;background:var(--play-mint)!important;color:var(--play-ink)!important;filter:none}.retro-option.is-wrong{filter:none;opacity:.38}.retro-banner{animation:play-slide .28s ease;border:0;border-radius:12px;font-family:inherit;font-size:.875rem;font-weight:700;margin:0;padding:.85rem 1rem}.retro-banner.is-win{background:var(--play-mint);color:var(--play-ink)}.retro-banner.is-lose{background:color-mix(in srgb,var(--play-danger) 12%,var(--play-card));color:var(--play-danger)}.retro-score{color:var(--brand-text,var(--play-ink));font-family:inherit;font-size:clamp(2rem,6vw,2.75rem);font-weight:700;letter-spacing:-.05em;margin:0;text-shadow:none}.retro-board-row{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--brand-text,var(--play-ink)) 8%,transparent);display:flex;font-size:.95rem;gap:.75rem;justify-content:space-between;padding:.8rem 1rem}.retro-board-row:last-child{border-bottom:0}.retro-board-row.is-me,.retro-chip{background:var(--play-lilac)}.retro-chip{align-items:center;border:0;border-radius:8px;color:var(--play-ink);display:inline-flex;font-family:inherit;font-size:.7rem;font-weight:700;padding:.2rem .55rem}@keyframes play-pulse{50%{opacity:.55}}@keyframes play-pop{0%{transform:scale(.98)}to{transform:scale(1)}}@keyframes play-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.retro-banner,.retro-option.is-correct,.retro-timer.is-urgent{animation:none}}