:root{--navy: #061936;--navy-2: #0b2855;--blue: #2065f5;--yellow: #ffd52d;--coral: #ff6257;--white: #f8fbff}@property --timer-angle{syntax: "<angle>"; inherits: false; initial-value: 360deg;}.game-shell,.host-shell{width:100%;min-height:100dvh;background:var(--navy);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.game-logo{margin:0;color:var(--white);font-size:clamp(3.25rem,12vw,6.5rem);line-height:.78;letter-spacing:-.075em;font-weight:900}.game-logo strong{display:block;color:var(--yellow);font-size:.62em}.join-shell{display:flex;flex-direction:column;padding:42px 24px 28px;overflow:hidden}.join-panel{margin-top:clamp(52px,11vh,92px)}.join-panel h2{margin:0 0 28px;font-size:2.4rem;letter-spacing:-.04em}.join-panel form{display:grid;gap:22px}.join-panel label{display:grid;gap:9px;color:#cbd8ed;font-size:1rem;font-weight:600}.join-panel input{min-height:62px;border:1px solid #7990b5;border-radius:12px;background:transparent;color:#fff;padding:0 18px;font-size:1.1rem;font-weight:700;outline:none}.join-panel label:first-child input{font-size:1.75rem;letter-spacing:.14em}.join-panel input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd52d26}.identity-row{display:flex;align-items:flex-end;gap:12px}.identity-row label{flex:1;min-width:0}.avatar-picker{position:relative;flex:none}.avatar-trigger{width:62px;height:62px;border:1px solid #7990b5;border-radius:12px;background:transparent;color:#fff;font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:0}.avatar-trigger:hover,.avatar-trigger[aria-expanded=true]{border-color:var(--yellow)}.avatar-trigger img{width:100%;height:100%;object-fit:cover}.avatar-menu{position:absolute;z-index:10;bottom:calc(100% + 8px);left:0;width:240px;background:var(--navy-2);border:1px solid #7990b5;border-radius:12px;padding:12px;box-shadow:0 12px 28px #0005}.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.emoji-grid button{width:100%;aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:transparent;font-size:1.3rem;cursor:pointer}.emoji-grid button:hover{background:#ffffff14}.emoji-grid button.selected{border-color:var(--yellow);background:#ffffff14}.photo-choice{width:100%;min-height:40px;border:1px solid #7990b5;border-radius:8px;background:transparent;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer}.photo-choice:hover{border-color:var(--yellow)}.player-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff1a;overflow:hidden;font-size:1rem;flex:none}.player-avatar img{width:100%;height:100%;object-fit:cover}.game-primary,.host-start{min-height:64px;border:0;border-radius:12px;background:var(--yellow);color:var(--navy);font-size:1.25rem;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease}.game-primary:hover,.host-start:hover{transform:translateY(-2px);background:#ffe166}.game-primary:disabled{opacity:.65;transform:none}.game-error{margin:-6px 0 0;color:#ffb5ad;font-size:.95rem}.game-footnote{margin:auto 0 0;color:#8499ba;text-align:center;letter-spacing:.08em;font-size:.8rem;text-transform:uppercase}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.waiting-room{justify-content:flex-start;padding-top:48px;overflow-y:auto}.waiting-room .players{width:min(420px,92vw);margin-top:36px}.waiting-room .player-grid{grid-template-columns:repeat(2,1fr)}.waiting-room .player{min-height:60px;font-size:.95rem}.waiting-room .player .player-avatar{width:40px;height:40px;font-size:1.25rem}.centered .game-logo{position:absolute;top:40px;left:24px;text-align:left;font-size:3rem}.checkmark,.burst{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--blue);color:#fff;font-size:3rem;font-weight:900}.burst{background:var(--yellow);color:var(--navy)}.ready-title{margin:30px 0 8px;font-size:clamp(2.2rem,10vw,3.5rem);letter-spacing:-.05em}.centered>p{margin:0;color:#b8c7df;font-size:1.1rem}.room-summary{display:grid;gap:8px;margin-top:56px;color:#fff;font-weight:800;font-size:1.25rem}.room-summary span{color:#8499ba;font-size:.9rem;font-weight:500}.closed-message{position:fixed;top:10px;left:50%;translate:-50%;z-index:10;margin:0;border-radius:8px;background:var(--coral);color:#fff;padding:10px 16px}.host-shell{position:relative;display:flex;flex-direction:column;align-items:center;min-width:760px;padding:54px 7vw 32px;overflow:hidden}.host-shell:before,.host-shell:after{content:"";position:absolute;z-index:0;width:44vw;height:44vw;border-radius:50%;filter:blur(70px);opacity:.3;pointer-events:none}.host-shell:before{top:-16vw;right:-12vw;background:var(--blue);animation:blob-drift 17s ease-in-out infinite}.host-shell:after{bottom:-18vw;right:8vw;background:var(--coral);animation:blob-drift 21s ease-in-out infinite reverse}@keyframes blob-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-3vw,3vw) scale(1.15)}}.host-shell>.game-logo{font-size:clamp(4rem,7vw,7rem);text-align:center;z-index:1}.host-shell>.game-logo strong{display:inline}.host-code-area{display:flex;align-items:center;gap:28px;margin-top:44px;z-index:1}.host-code{display:grid;width:min(49vw,650px);min-height:230px;align-content:center;border-radius:22px;background:var(--blue);padding:24px 48px}.host-code span{color:#bad0ff;font-size:2rem;font-weight:700}.host-code strong{font-size:clamp(4.25rem,7vw,6.75rem);line-height:1;letter-spacing:-.04em}.qr{display:grid;gap:10px;justify-items:center;color:#d9e5f7}.qr svg{width:clamp(220px,23vw,250px);height:auto;border:12px solid white;border-radius:14px}.players{width:min(760px,80vw);margin-top:32px;text-align:center;z-index:1}.players h2{margin:0 0 18px;font-size:1.65rem}.player-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.player{display:flex;align-items:center;gap:14px;min-height:72px;border:1px solid #35547d;border-radius:16px;background:linear-gradient(135deg,#0a2249,#0d2c5c);padding:10px 16px;font-weight:800;font-size:1.05rem;text-align:left;animation:player-pop .45s cubic-bezier(.34,1.56,.64,1) both}.player .player-avatar{width:48px;height:48px;font-size:1.5rem;animation:avatar-glow 2.4s ease-in-out infinite}.host-start{width:min(470px,70vw);margin-top:28px;z-index:1}.host-start span{margin-left:20px}.host-end{margin-top:13px;border:0;background:transparent;color:#8fa3c1;cursor:pointer;z-index:1}.host-error{margin:15px 0 -12px;z-index:1}.philosopher{position:absolute;bottom:-10%;left:-6%;width:min(30vw,430px);opacity:.62;pointer-events:none}.host-starting{margin:40px 0 10px;color:var(--yellow);font-size:clamp(4rem,9vw,8rem);letter-spacing:-.06em}@keyframes player-in{0%{opacity:0;transform:translateY(8px)}}@keyframes player-pop{0%{opacity:0;transform:scale(.4) translateY(14px) rotate(-6deg)}70%{opacity:1;transform:scale(1.06) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes avatar-glow{0%,to{box-shadow:0 0 0 3px var(--yellow),0 0 10px 1px #ffd52d40}50%{box-shadow:0 0 0 3px var(--yellow),0 0 20px 6px #ffd52d80}}.reaction-bubbles{position:fixed;left:0;bottom:0;z-index:4;width:220px;height:100%;overflow:hidden;pointer-events:none}.reaction-bubble{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#ffffff1a;overflow:hidden;font-size:1.4rem;animation:bubble-up 2.6s ease-out forwards}.reaction-bubble img{width:100%;height:100%;object-fit:cover}@keyframes bubble-up{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-40px) scale(1)}to{transform:translateY(-70vh) scale(1);opacity:0}}.top-reactors{position:fixed;right:24px;bottom:24px;z-index:4;display:grid;gap:4px;border-radius:12px;background:#0a2249cc;padding:10px 14px;font-size:.8rem;color:#9fb1cd}.top-reactors>span{font-weight:700;color:#dce8fa}.top-reactors>div{display:flex;align-items:center;gap:6px}.top-reactors b{margin-left:auto;color:var(--yellow)}.question-header{position:relative;display:grid;grid-template-columns:1fr auto;align-items:start;min-height:180px;padding:28px 40px 20px}.question-header .game-logo{font-size:clamp(2.8rem,5vw,5rem)}.question-progress{align-self:end;color:#dce8fa;font-weight:800}.response-count{grid-column:2;grid-row:1;color:#fff;font-size:1.75rem;font-weight:900;text-align:right}.response-count span{display:block;color:#9fb1cd;font-size:.9rem;font-weight:500}.timer{--timer-thickness: 9px;position:absolute;top:82px;right:40px;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--yellow) 0deg var(--timer-angle),#29486f var(--timer-angle) 360deg);transition:--timer-angle .2s linear}.timer:before{position:absolute;inset:var(--timer-thickness);border-radius:inherit;background:var(--navy);content:""}.timer strong{position:relative;font-size:2rem;line-height:1}.question-body{width:min(1120px,calc(100% - 48px));margin:10px auto 0}.question-body h2,.reveal-layout h2{max-width:940px;margin:0 0 30px;font-size:clamp(2rem,4vw,4.3rem);line-height:1.06;letter-spacing:-.045em}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{display:flex;align-items:center;gap:16px;min-height:86px;border:0;border-radius:14px;padding:14px 20px;color:#fff;font-size:clamp(1rem,1.8vw,1.4rem);font-weight:750;text-align:left}button.answer{width:100%;cursor:pointer;transition:transform .15s ease,opacity .15s ease}button.answer:not(:disabled):hover{transform:translateY(-2px)}.answer span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#06193655;font-size:1.3rem;font-weight:950}.answer-0{background:#ef4f5f}.answer-1{background:#1475ef}.answer-2{background:#e4bc19;color:var(--navy)}.answer-3{background:#13aa72}.answer.selected{outline:5px solid white;transform:scale(.98)}.answer:disabled{opacity:.72}.answer-sent{color:var(--yellow);font-weight:800;text-align:center}.answer.fx-pop{animation:fx-pop .4s ease}.answer.fx-shake{animation:fx-shake .4s ease}.answer.fx-flash{animation:fx-flash .4s ease}.answer.fx-spin{animation:fx-spin .5s ease}@keyframes fx-pop{0%{transform:scale(.98)}40%{transform:scale(1.08)}to{transform:scale(.98)}}@keyframes fx-shake{0%,to{transform:scale(.98) translate(0)}25%{transform:scale(.98) translate(-6px)}75%{transform:scale(.98) translate(6px)}}@keyframes fx-flash{0%{filter:brightness(1)}40%{filter:brightness(1.6)}to{filter:brightness(1)}}@keyframes fx-spin{0%{transform:scale(.98) rotate(0)}to{transform:scale(.98) rotate(360deg)}}.react-button{position:fixed;right:20px;bottom:20px;z-index:5;width:60px;height:60px;border-radius:50%;border:2px solid var(--yellow);background:var(--navy-2);padding:0;font-size:1.6rem;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;box-shadow:0 8px 20px #0005}.react-button:active{transform:scale(.9)}.react-button img{width:100%;height:100%;object-fit:cover}.poke-panel{margin-top:18px}.poke-panel h3{margin:0 0 8px;color:#9fb1cd;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.poke-list{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px;padding:0;list-style:none}.poke-list button{display:flex;align-items:center;gap:10px;min-height:58px;border:1px solid #35547d;border-radius:999px;background:#0a2249;color:#fff;padding:8px 20px 8px 8px;font-weight:700;font-size:1.05rem;cursor:pointer}.poke-list button.selected{border-color:var(--yellow)}.poke-list .player-avatar{width:42px;height:42px;font-size:1.3rem}.poke-phrases{display:flex;flex-wrap:wrap;gap:8px}.poke-phrases button{border:1px solid var(--yellow);border-radius:10px;background:transparent;color:#fff;padding:8px 12px;font-size:.85rem;cursor:pointer}.poke-phrases button:hover{background:#ffd52d22}.poll-panel{width:min(420px,92vw);margin-top:28px;border:1px solid #35547d;border-radius:16px;background:#0a2249;padding:16px 18px;z-index:1}.poll-panel h3{margin:0 0 12px;font-size:1.05rem}.poll-options{display:flex;gap:10px}.poll-options button{flex:1;min-height:52px;border:1px solid var(--yellow);border-radius:10px;background:transparent;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer}.poll-options button:hover{background:#ffd52d22}.poll-bars{display:grid;gap:10px}.poll-bar{display:grid;grid-template-columns:84px 1fr 28px;align-items:center;gap:10px;font-size:.85rem}.poll-track{height:14px;border-radius:999px;background:#0d2c5c;overflow:hidden}.poll-fill{height:100%;border-radius:inherit;background:var(--yellow);transition:width .3s ease}.poll-bar b{color:var(--yellow);text-align:right}.toast-stack{position:fixed;top:14px;left:50%;translate:-50%;z-index:20;display:grid;gap:8px;width:min(420px,calc(100% - 32px))}.toast{display:flex;align-items:center;gap:10px;border:1px solid #35547d;border-radius:12px;background:var(--navy-2);padding:10px 14px;box-shadow:0 10px 24px #0005;animation:player-in .25s ease both}.toast strong{display:block;color:var(--yellow);font-size:.85rem}.toast span{color:#dce8fa;font-size:.9rem}.host-game{min-width:780px}.reveal-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(330px,30vw,410px);gap:28px;width:min(1320px,calc(100% - 64px));margin:0 auto}.correct-label{display:inline-block;margin:0 0 16px;background:var(--yellow);color:var(--navy);padding:8px 14px;font-weight:900;transform:rotate(-1deg)}.reveal-layout h2{font-size:clamp(1.8rem,3vw,3.1rem)}.reveal-answers{display:grid;gap:8px}.reveal-answers .answer{min-height:58px;font-size:1rem}.reveal-answers .answer span{flex-basis:36px;height:36px}.reveal-answers .answer strong{flex:1}.reveal-answers .answer b{margin-left:auto}.reveal-answers .muted{opacity:.32}.reveal-answers .is-correct{outline:4px solid white}.explanation-box{margin-top:16px;border:1px solid #315987;border-radius:12px;padding:15px 18px;color:#cbd8ed}.explanation-box strong{color:var(--yellow)}.explanation-box p{margin:6px 0 0;line-height:1.45}.reveal-layout aside{display:flex;flex-direction:column;max-height:max(220px,calc(100dvh - 352px));min-height:0;overflow:hidden;border:1px solid #315987;border-radius:14px;padding:20px;align-self:start}.reveal-layout aside h3{flex:0 0 auto;margin:0 0 12px;font-size:1.25rem}.reveal-layout aside .ranking{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-gutter:stable}.reveal-layout aside .ranking li{min-height:56px;padding:10px 6px;font-size:1.05rem}.ranking{display:grid;gap:8px;width:min(560px,100%);margin:0 auto;padding:0;list-style:none}.ranking li{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid #29486f;padding:10px 4px}.ranking li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--navy);font-weight:900}.ranking li b{color:var(--yellow)}.floating-next{position:fixed;right:34px;bottom:24px;min-height:50px;border:0;border-radius:10px;background:var(--yellow);color:var(--navy);padding:0 22px;font-weight:900;cursor:pointer}.final-ranking{display:flex;flex-direction:column;align-items:center;padding:38px 24px;text-align:center}.final-ranking .game-logo{align-self:flex-start;font-size:3.4rem;text-align:left}.final-ranking h2{margin:38px 0 0;font-size:clamp(3rem,7vw,6rem);color:var(--yellow);letter-spacing:-.055em}.final-ranking>p{color:#aabbd4}.final-ranking .ranking{width:min(680px,100%);max-height:min(52dvh,520px);margin-top:18px;overflow-y:auto;overscroll-behavior:contain;padding:0 10px;scrollbar-gutter:stable}.final-ranking .game-primary{width:min(420px,100%);margin-top:30px}.waiting-final{margin-top:30px;color:var(--yellow)!important;font-weight:800}.surprise{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;overflow:hidden;text-align:center}.surprise .game-logo{position:absolute;top:28px;font-size:3.4rem}.surprise h2{margin:60px 0 20px;font-size:clamp(3rem,6.8vw,7rem);line-height:1.02;letter-spacing:-.06em}.surprise mark{display:inline-block;background:var(--yellow);color:var(--navy);padding:0 .15em;transform:rotate(-1deg)}.surprise>p{margin:0 0 26px;color:#d7e2f2;font-size:1.4rem}.surprise-button{min-width:min(520px,90vw);min-height:76px;border:0;border-radius:999px;background:var(--yellow);color:var(--navy);font-size:1.6rem;font-weight:950;cursor:pointer}.confetti{position:absolute;inset:16px 0 auto;color:var(--coral);font-size:clamp(1.4rem,4vw,3rem);letter-spacing:8vw;white-space:nowrap;pointer-events:none}.celebration-message{margin-top:24px;color:var(--yellow);font-size:1.6rem;font-weight:900;animation:player-in .35s ease both}@media(max-width:700px){.question-header{min-height:150px;padding:22px 20px 12px}.question-header .game-logo{font-size:2.5rem}.question-progress{font-size:.8rem}.response-count{font-size:1.1rem}.timer{--timer-thickness: 6px;top:72px;right:20px;width:68px;height:68px}.timer strong{font-size:1.35rem}.question-body{width:calc(100% - 32px);margin-top:0}.question-body h2,.reveal-layout h2{padding-right:0;font-size:1.75rem}.answer-grid{grid-template-columns:1fr;gap:10px}.answer{min-height:66px;padding:10px 13px;font-size:.95rem}.answer span{flex-basis:38px;height:38px}.reveal-layout{display:block;width:calc(100% - 32px)}.reveal-layout aside{display:none}.floating-next{right:16px;bottom:16px}.final-ranking h2{margin-top:28px}.surprise{padding:22px}.surprise .game-logo{top:24px;left:22px;font-size:2.5rem;text-align:left}.surprise h2{margin-top:70px;font-size:2.8rem}.surprise>p{font-size:1.05rem}.surprise-button{min-height:62px;font-size:1.15rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101828;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.button{cursor:pointer}main{width:min(100% - 32px,680px);margin:0 auto;padding:32px 0 64px}h1{margin:0 0 24px;font-size:clamp(2rem,9vw,2.75rem);letter-spacing:-.04em}h2{margin:0;font-size:1.5rem;letter-spacing:-.025em}h3{margin:4px 0 10px;font-size:1rem;line-height:1.4}form{display:grid;gap:18px}label,legend{display:grid;gap:8px;font-weight:650}small{color:#667085;font-size:.85rem;font-weight:450}input,textarea{width:100%;border:1px solid #cbd2dc;border-radius:8px;background:#fff;padding:12px;color:#101828;outline:none}input:focus,textarea:focus{border-color:#1570ef;box-shadow:0 0 0 3px #1570ef1f}textarea{min-height:92px;resize:vertical}fieldset{display:grid;gap:10px;padding:0;border:0}legend{margin-bottom:8px}.option{display:grid;grid-template-columns:24px 1fr 32px;align-items:center;gap:8px}.option input[type=radio]{width:20px;height:20px;margin:0;accent-color:#1570ef}.icon{border:0;background:none;color:#667085;font-size:1.5rem}.primary,.secondary,.danger,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;padding:0 16px;font-weight:650;text-decoration:none}.primary{border:1px solid #1570ef;background:#1570ef;color:#fff}.secondary{border:1px solid #cbd2dc;background:#fff;color:#344054}.danger{border:0;background:transparent;color:#d92d20;padding:0;min-height:36px}.link{justify-self:start;border:0;background:transparent;color:#1570ef;padding:4px 0}.full{width:100%}.warning,.message{border-radius:8px;padding:12px;font-size:.875rem}.warning{background:#fffaeb;color:#7a2e0e;margin:-8px 0 24px}.message{background:#ecfdf3;color:#067647}section{margin-top:48px;padding-top:28px;border-top:1px solid #e4e7ec}.section-head p{margin:4px 0 0;color:#667085}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.disabled{opacity:.5;pointer-events:none}.empty{padding:28px 0;text-align:center;color:#667085}article{padding:18px 0;border-top:1px solid #e4e7ec}.author{margin:0;color:#667085;font-size:.875rem}ol{margin:0;padding-left:28px;color:#475467}li{padding:3px 0}.correct{color:#067647;font-weight:650}.explanation{color:#475467;font-size:.9rem;line-height:1.5}.item-actions{display:flex;gap:20px;margin-top:10px}@media(min-width:700px){main{padding-top:56px}}