@font-face{font-family:Golos;src:url(/fonts/golos-regular.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Golos;src:url(/fonts/golos-black.ttf)format("truetype");font-style:normal;font-weight:800 900;font-display:swap}:root{--bg:#9c1220;--surface:#8a101c;--ink:#fff;--muted:#ffd9dc;--accent:#ffd9dc;--accent-ink:#9c1220;--dark:#242423;--paper:#fff8f6;--paper-ink:#322a2b;--paper-muted:#67595b;--answer:#f0e8e6;--correct:#dcecd9;--correct-ink:#274626;--wrong:#f5d3cd;--focus:#264fe5;--size-small:14px;--size-body:16px;--size-lead:20px;--size-head:clamp(34px,4.5vw,66px);--size-display:clamp(72px,8.25vw,126px);--margin:32px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--paper-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Golos,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:5px}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}.page-width{width:calc(100% - var(--margin)*2);max-width:1536px;margin-inline:auto}.opening{background:var(--bg);color:var(--ink);overflow:hidden}.header{justify-content:space-between;align-items:center;gap:24px;height:110px;display:flex}.brand{letter-spacing:-1.8px;align-items:center;min-height:48px;font-size:32px;font-weight:900;display:inline-flex}.brand-punctuation{margin-left:3px}.header nav{align-items:center;gap:36px;display:flex}.header nav a{font-size:var(--size-body);align-items:center;gap:30px;min-height:48px;display:flex}.header nav a:hover{text-underline-offset:6px;text-decoration:underline}.header-play{color:var(--muted)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);align-items:start;gap:56px;padding-block:55px 70px;display:grid}h1{font-size:var(--size-display);letter-spacing:-.035em;white-space:nowrap;font-weight:900;line-height:.98}.lead{font-size:var(--size-lead);max-width:500px;margin-top:36px;line-height:1.55}.primary{background:var(--accent);min-height:60px;color:var(--accent-ink);font-weight:600;font-size:var(--size-body);border:0;border-radius:0;justify-content:space-between;align-items:center;gap:32px;padding:18px 24px;transition:transform .18s,background-color .18s;display:inline-flex}.primary:hover{transform:translateY(-3px)}.primary span{font-size:24px;line-height:1}.hero-note{font-size:var(--size-small);color:var(--muted);margin-top:24px;line-height:1.65}.play-area{min-width:0;padding-top:4px;scroll-margin-top:24px}.quiz-card{background:var(--paper);color:var(--paper-ink);padding:28px 30px 0;position:relative}.card-top{font-size:var(--size-small);color:var(--paper-muted);justify-content:space-between;gap:16px;line-height:1.5;display:flex}.card-top span:last-child{font-variant-numeric:tabular-nums}.progress{background:var(--answer);height:4px;margin-top:18px}.progress>span{background:var(--bg);height:100%;transition:width .24s;display:block}.question-body{padding:28px 0 24px}.category{font-size:var(--size-small);color:var(--paper-muted);line-height:1.5}.question-body h2{letter-spacing:-1px;max-width:520px;margin-top:12px;font-size:30px;font-weight:700;line-height:1.16}.question-body h2:focus,.result h2:focus{outline:none}.answers{gap:8px;display:grid}.answer{text-align:left;background:var(--answer);width:100%;min-height:55px;color:var(--paper-ink);font-size:var(--size-body);border:0;align-items:center;gap:16px;padding:13px 16px;line-height:1.4;transition:transform .16s,background-color .16s;display:flex}.letter{font-size:var(--size-small);color:var(--paper-muted);min-width:14px}.answer-mark{opacity:0;margin-left:auto;font-size:20px;transition:opacity .16s}.answer:hover .answer-mark,.answer.correct .answer-mark,.answer.incorrect .answer-mark{opacity:1}.answer.correct{background:var(--correct);color:var(--correct-ink)}.answer.incorrect{background:var(--wrong)}.feedback{min-height:74px;font-size:var(--size-body);padding:22px 0 20px;line-height:1.55}.feedback-title{margin-bottom:8px;font-weight:700}.quiet{font-size:var(--size-small);color:var(--paper-muted)}.next-button{text-align:left;background:var(--bg);width:100%;color:var(--ink);min-height:55px;font-size:var(--size-body);border:0;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:16px;transition:background-color .16s;display:flex}.next-button:hover{background:var(--surface)}.card-bottom{background:var(--answer);color:var(--paper-muted);margin:0 -30px;padding:16px 30px;font-size:13px;line-height:1.5}.noscript-note{font-size:var(--size-small);padding-block:20px}.poster-bottom{color:var(--muted);font-size:var(--size-small);justify-content:space-between;align-items:center;gap:24px;padding-bottom:26px;display:flex}.poster-bottom a{align-items:center;gap:24px;min-height:44px;display:flex}.inside{padding-block:120px 130px;scroll-margin-top:48px}.inside-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;display:grid}.inside-heading h2,.footer h2{font-size:var(--size-head);letter-spacing:-.055em;font-weight:800;line-height:1.02}.inside-heading>p{font-size:var(--size-lead);max-width:450px;line-height:1.55}.topic-list{gap:12px;margin-top:60px;display:grid}.topic-list article{background:var(--answer);grid-template-columns:1.25fr .6fr 1fr;align-items:center;gap:26px;padding:30px;display:grid}.topic-list article:nth-child(2){margin-left:5%}.topic-list article:nth-child(3){margin-left:10%}.topic-list h3{letter-spacing:-1px;font-size:28px;font-weight:700;line-height:1.15}.topic-list article>p{font-size:var(--size-body)}.topic-list article>span{font-size:var(--size-body);color:var(--paper-muted);line-height:1.5}.footer{background:var(--dark);color:var(--ink);overflow:hidden}.footer>.page-width{padding-top:75px}.footer-top{justify-content:space-between;align-items:start;gap:50px;display:flex}.footer-top>div{max-width:380px}.footer-top p{font-size:var(--size-body);color:var(--muted);margin-top:26px;line-height:1.6}.footer-word{letter-spacing:-.035em;white-space:nowrap;margin:70px 0 30px;font-size:clamp(80px,17.3vw,270px);font-weight:900;line-height:1}.footer-bottom{font-size:var(--size-small);color:var(--muted);justify-content:space-between;gap:20px;padding-bottom:30px;display:flex}.result{min-height:466px;padding:38px 0 40px}.result h2{letter-spacing:-7px;margin-top:18px;font-size:110px;font-weight:900;line-height:1.1}.result h2 span{letter-spacing:-2px;color:var(--paper-muted);font-size:40px;font-weight:400}.result-title{letter-spacing:-.8px;margin:20px 0 10px;font-size:26px;font-weight:700}.result>p:not(.category):not(.result-title){font-size:var(--size-body);line-height:1.5}.result .primary{background:var(--bg);color:var(--ink);margin-top:28px}.intro .lead{animation-delay:80ms}.intro .primary{animation-delay:.16s}.intro .hero-note{animation-delay:.24s}.quiz-card{animation:.7s cubic-bezier(.2,.6,.3,1) both shutter}.question-content{animation:.26s both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes shutter{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (min-width:1600px){:root{--size-display:132px}.hero{gap:80px}}@media (max-width:1100px){:root{--size-display:clamp(64px,8vw,90px);--margin:24px}.hero{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:30px;padding-top:30px}.quiz-card{padding:24px 22px 0}.card-bottom{margin-inline:-22px;padding-inline:22px}.question-body h2{font-size:27px}.lead{font-size:18px}.topic-list article{grid-template-columns:1.15fr .6fr 1fr;gap:20px;padding:24px}.topic-list h3{font-size:24px}}@media (max-width:780px){:root{--size-display:clamp(56px,10.5vw,80px);--size-head:44px;--margin:20px}.header{height:88px}.header nav{gap:20px}.header nav a{font-size:14px}.hero{grid-template-columns:1fr;gap:36px;padding:28px 0 30px}.intro{padding:0}.lead{max-width:500px;margin-top:28px;font-size:18px}.hero-action{margin-top:26px}.hero-note{margin-top:20px}.play-area{width:100%;max-width:620px}.quiz-card{padding:26px 24px 0}.question-body h2{font-size:30px}.card-bottom{margin-inline:-24px;padding-inline:24px}.poster-bottom>span{display:none}.poster-bottom{justify-content:flex-end}.inside{padding-block:76px 80px}.inside-heading{grid-template-columns:1fr;gap:24px}.inside-heading>p{font-size:18px}.topic-list{margin-top:36px}.topic-list article,.topic-list article:nth-child(2),.topic-list article:nth-child(3){grid-template-columns:1fr;gap:12px;margin-left:0;padding:26px}.topic-list h3{font-size:28px}.topic-list article>p{color:var(--paper-muted);font-size:14px}.topic-list article>span{max-width:38ch}.footer-top{flex-direction:column;gap:32px}.footer>.page-width{padding-top:55px}.footer-word{margin-top:60px;font-size:17vw}.footer-bottom{font-size:13px}.result{min-height:430px}}@media (max-width:420px){:root{--margin:18px;--size-display:clamp(48px,12.5vw,56px);--size-head:38px}.brand{font-size:28px}.header nav a:first-child{display:none}.header nav a{gap:16px}.hero{padding-top:24px}.lead{max-width:32ch;font-size:16px}.quiz-card{padding:24px 20px 0}.card-bottom{margin-inline:-20px;padding-inline:20px}.question-body h2{font-size:26px}.answer{gap:12px;padding:14px 12px;font-size:15px}.poster-bottom{font-size:14px}.footer-bottom{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}:root{--bg:#def1ff;--surface:#c7e6ff;--ink:#192a56;--muted:#35496f;--accent:#ffe15b;--accent-ink:#192a56;--dark:#1e3665;--paper:#f7fbff;--paper-ink:#192a56;--paper-muted:#50617a;--answer:#edf3fc;--correct:#ddf2d6;--correct-ink:#244b27;--wrong:#ffe1db;--focus:#1761d1;--sun:#ffda4b;--coral:#ff978a;--mint:#d6f2e5;--size-display:clamp(64px,6.6vw,100px)}.opening{border-radius:0 0 48px 48px;position:relative}.header{height:100px}.brand{letter-spacing:-1.3px;font-size:30px}.brand-punctuation{color:#bf4c36;font-size:40px;display:inline-block;transform:rotate(12deg)}.header-play{background:var(--ink);color:#fff;border-radius:999px;padding:0 22px}.hero{align-items:center;gap:60px;padding-top:35px;padding-bottom:60px}.intro{padding-top:0}h1{letter-spacing:-.035em;white-space:normal;line-height:1.05}.lead{max-width:480px;margin-top:28px;font-size:20px}.primary{border-radius:999px;gap:28px;min-height:62px;padding:18px 28px;font-weight:600}.primary:hover{background:#ffda34;transform:translateY(-4px)rotate(-2deg)}.primary:active{transform:translateY(1px)scale(.98)}.hero-note{color:var(--paper-muted);font-size:15px;line-height:1.65}.hero-action{margin-top:30px}.quiz-card{border:3px solid var(--ink);background:#fff;border-radius:30px;padding:28px 28px 0;animation:none;overflow:hidden;transform:rotate(1.5deg);box-shadow:8px 9px #b6d7f3}.card-top{color:var(--paper-ink);font-size:15px}.card-top>span:first-child{font-weight:700}.card-top>span:last-child{background:var(--accent);color:var(--ink);border-radius:20px;padding:5px 12px}.progress{border-radius:6px;height:7px;margin-top:20px;overflow:hidden}.progress>span{background:#437bd0;border-radius:6px}.question-body{padding-top:24px}.question-body h2{letter-spacing:-.7px;font-size:30px;line-height:1.2}.category{color:#315691;font-size:14px}.answers{gap:10px}.answer{border-radius:14px;gap:14px;min-height:57px;padding:12px 16px;font-size:16px}.letter{color:var(--ink);background:#fff;border-radius:8px;place-items:center;min-width:29px;height:29px;font-size:14px;display:grid}.answer:hover:not(:disabled){background:#fff0ad;transform:translate(4px)}.answer-mark{opacity:.55;font-size:20px}.answer.correct .answer-mark,.answer.incorrect .answer-mark{opacity:1}.card-bottom{background:#f0f6ff;margin-inline:-28px;padding-inline:28px;font-size:13px}.feedback{min-height:76px}.next-button{background:var(--ink);border-radius:14px;transition:transform .16s,background-color .16s}.next-button:hover{background:#2b4a83;transform:translateY(-2px)}.poster-bottom{color:var(--paper-muted);padding-bottom:30px;font-size:14px}.result .primary{background:var(--accent);color:var(--ink)}.result h2{color:#315691}.result h2 span{color:var(--paper-muted)}.inside{padding-block:90px 100px}.inside-heading h2,.footer h2{letter-spacing:-.04em;font-size:clamp(38px,4vw,58px);line-height:1.08}.inside-heading>p{font-size:19px}.topic-list{gap:18px;margin-top:45px}.topic-list article{background:#e0efff;border-radius:24px;padding:30px;transition:transform .22s}.topic-list article:nth-child(2){background:#e1f3e9}.topic-list article:nth-child(3){background:#ffe6dc}.topic-list article:hover{transform:translateY(-4px)rotate(-.5deg)}.topic-list h3{letter-spacing:-.6px;font-size:26px}.topic-list article>span{color:#3d526e}.footer{background:var(--dark);color:#fff;border-radius:48px 48px 0 0}.footer h2{font-size:clamp(42px,5vw,72px)}.footer .primary{background:var(--accent);color:var(--ink)}.footer-top p,.footer-bottom{color:#d3e3fa}.footer-word{color:#b8dcff;letter-spacing:-.04em;margin-bottom:48px;font-size:clamp(80px,17vw,260px);transform:rotate(-2deg)}.scroll-playground{--travel:0px;--turn:-5deg;--float:0px;background:var(--mint);color:var(--ink);border-radius:48px;margin-top:54px;overflow:hidden}.playground-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:530px;padding-block:50px;display:grid}.playground-copy{z-index:2;max-width:550px;position:relative}.playground-copy h2{letter-spacing:-.04em;font-size:clamp(38px,4vw,60px);font-weight:900;line-height:1.08}.playground-copy>p{max-width:400px;margin-top:24px;font-size:19px;line-height:1.6}.playground-copy .scroll-invitation{color:#3c5b52;margin-top:20px;font-size:15px}.motion-toggle{min-height:46px;color:var(--ink);text-underline-offset:5px;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;margin-top:8px;padding:12px 0;font-size:14px;text-decoration:underline;display:inline-flex}.motion-toggle:hover{color:#376a55}.mascot-stage{isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;min-width:0;height:420px;position:relative}.mascot-traveller{transform:translate3d(var(--travel),var(--float),0) rotate(var(--turn));will-change:transform;position:absolute;inset:15px 15px 0}.question-mascot{width:100%;max-width:420px;height:100%;color:var(--ink);overflow:visible}.floating-word{white-space:nowrap;z-index:2;background:#fff;border-radius:18px;padding:14px 20px;font-size:16px;font-weight:500;position:absolute}.word-one{transform:translateY(calc(var(--float) * -.65)) rotate(-9deg);top:10px;left:0}.word-two{background:var(--coral);transform:translateY(calc(var(--float) * .6)) rotate(8deg);bottom:12px;right:0}.floating-question{color:#356b53;transform:translate3d(calc(var(--travel) * -.5),calc(var(--float) * -.5),0) rotate(calc(var(--turn) * -1));z-index:-1;font-size:110px;font-weight:900;line-height:1;position:absolute;top:36px;right:18px}.intro>*{animation:none}@media (max-width:1100px){.hero{gap:35px}.quiz-card{padding:24px 22px 0}.card-bottom{margin-inline:-22px;padding-inline:22px}.question-body h2{font-size:27px}.lead{font-size:18px}.playground-grid{gap:10px}.mascot-stage{height:370px}.floating-word{padding:12px 15px;font-size:14px}}@media (max-width:780px){:root{--size-display:clamp(52px,9vw,72px)}.header{height:86px}.header nav{gap:16px}.header-play{padding-inline:18px}.hero{gap:38px;padding-block:30px 45px}.lead{max-width:480px;font-size:18px}.play-area{max-width:590px;padding:4px 10px 10px 0}.quiz-card{padding:26px 24px 0;transform:rotate(1deg)}.card-bottom{margin-inline:-24px;padding-inline:24px}.poster-bottom{justify-content:space-between}.poster-bottom>span{max-width:260px;display:block}.scroll-playground{border-radius:32px;margin-top:35px}.playground-grid{grid-template-columns:1fr;gap:5px;min-height:0;padding-block:42px 25px}.playground-copy{max-width:100%}.playground-copy h2{font-size:44px}.playground-copy>p{max-width:440px;font-size:18px}.mascot-stage{width:100%;max-width:500px;height:360px;margin-inline:auto}.mascot-traveller{inset:5px 50px 0}.word-one{top:35px;left:10px}.word-two{bottom:24px;right:8px}.floating-question{font-size:90px;top:12px;right:15px}.inside{padding-block:65px 75px}.topic-list article,.topic-list article:nth-child(2),.topic-list article:nth-child(3){border-radius:22px;padding:26px}.footer{border-radius:32px 32px 0 0}.footer-word{font-size:16.5vw}}@media (max-width:420px){:root{--size-display:clamp(42px,11vw,47px)}.header nav a:first-child{display:none}.brand{font-size:26px}.brand-punctuation{font-size:34px}.header-play{padding-inline:15px;gap:12px!important;font-size:13px!important}.hero{gap:30px;padding-top:20px}.lead{max-width:32ch;font-size:16px}.hero-note{font-size:14px}.quiz-card{border-width:2px;padding:22px 18px 0;box-shadow:5px 6px #b6d7f3}.card-bottom{margin-inline:-18px;padding-inline:18px}.question-body h2{font-size:25px}.answer{gap:10px;padding:12px 10px;font-size:15px}.card-top{font-size:14px}.poster-bottom>span{display:none}.poster-bottom{justify-content:flex-end}.playground-copy h2{font-size:38px}.playground-copy>p{font-size:16px}.mascot-stage{height:310px}.mascot-traveller{inset:10px 32px 0}.floating-word{padding:11px 12px;font-size:13px}.word-one{top:20px;left:0}.word-two{bottom:10px;right:0}.floating-question{font-size:70px;top:25px;right:0}.inside-heading h2{font-size:38px}.inside-heading>p{font-size:17px}}@media (prefers-reduced-motion:reduce){.mascot-traveller,.floating-word,.floating-question{will-change:auto;transform:none!important}.primary:hover,.answer:hover:not(:disabled),.topic-list article:hover{transform:none}}.auth-shell{width:calc(100% - 36px);max-width:620px;margin:0 auto;padding:35px 0 55px}.auth-shell>.brand{justify-content:center;min-height:48px;margin-bottom:30px;display:flex}.auth-card{border:2px solid var(--ink);box-shadow:7px 8px 0 var(--surface);background:#fff;border-radius:30px;padding:38px}.auth-kicker{color:var(--paper-muted);margin-bottom:14px;font-size:14px}.auth-card h1{letter-spacing:-.035em;white-space:normal;overflow-wrap:anywhere;font-size:clamp(32px,5vw,44px);line-height:1.12}.auth-description{color:var(--paper-muted);margin-top:18px;font-size:16px;line-height:1.6}.auth-form{margin-top:28px}.form-field{margin-top:20px}.form-field label{margin-bottom:9px;font-size:16px;font-weight:600;display:block}.form-field input{width:100%;min-height:52px;color:var(--ink);font:inherit;background:#f7fbff;border:2px solid #bdcde3;border-radius:12px;min-width:0;padding:12px 14px;display:block}.form-field input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.form-field input[aria-invalid=true]{border-color:#b93535}.field-help{color:var(--paper-muted);margin-top:8px;font-size:13px;line-height:1.5}.field-error,.form-error{color:#a72424;margin-top:6px;font-size:14px;line-height:1.5}.field-error:empty,.form-error:empty{display:none}.form-error{background:#ffedeb;border-radius:10px;margin-top:20px;padding:12px}.password-control{align-items:center;display:flex;position:relative}.password-control input{padding-right:94px}.password-control button{min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:13px;position:absolute;right:5px}.auth-submit{text-align:left;width:100%;margin-top:24px;display:flex}.auth-submit:disabled{opacity:.65;cursor:wait;transform:none}.auth-switch{text-align:center;margin-top:26px;font-size:15px;line-height:1.6}.auth-switch a{color:#24559b;text-underline-offset:4px;text-decoration:underline}.auth-back{text-align:center;min-height:44px;margin-top:26px;padding:12px;font-size:15px;display:block}.profile-avatar{background:var(--sun);border-radius:24px;place-items:center;width:70px;height:70px;margin-bottom:22px;font-size:36px;font-weight:900;display:grid;transform:rotate(-7deg)}.profile-details{background:var(--answer);border-radius:16px;gap:18px;margin:26px 0;padding:18px;display:grid}.profile-details dt{color:var(--paper-muted);margin-bottom:5px;font-size:13px}.profile-details dd{overflow-wrap:anywhere;margin:0;font-size:16px}.account-note{color:var(--paper-muted);margin-top:20px;font-size:14px;line-height:1.6}.logout-button{color:#a72424;text-underline-offset:4px;background:0 0;border:0;min-height:44px;margin-top:22px;padding:10px 0;font-size:14px;text-decoration:underline}.logout-button:disabled{opacity:.6;cursor:wait}@media (max-width:420px){.auth-shell{padding-top:24px}.auth-card{border-radius:24px;padding:26px 20px}.auth-card h1{font-size:32px}.header nav a:first-child{font-size:13px!important;display:flex!important}.header nav{gap:12px}.header nav .header-play{padding-inline:12px}}.rooms-shell{width:calc(100% - 40px);max-width:1200px;margin:auto;padding-bottom:65px}.rooms-header{justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex}.rooms-header>a:last-child{min-height:44px;padding-block:12px;font-size:15px}.rooms-intro{max-width:830px;margin:35px 0}.rooms-intro h1,.lobby-message h1{letter-spacing:-.04em;overflow-wrap:anywhere;white-space:normal;font-size:clamp(36px,5vw,62px);line-height:1.12}.rooms-intro>p{max-width:700px;margin-top:18px;font-size:18px;line-height:1.6}.room-options{grid-template-columns:1fr 1fr;gap:28px;display:grid}.room-option{background:var(--bg);border-radius:28px;padding:32px}.join-option{background:#dff2e6}.room-option h2,.active-room h2,.players-panel h2,.invite-panel h2{letter-spacing:-.6px;font-size:26px;line-height:1.2}.room-option>p,.invite-panel>p{margin-top:16px;font-size:16px;line-height:1.6}.room-option form{margin-top:28px}.room-option label{margin-bottom:10px;font-size:15px;display:block}.room-option input{width:100%;min-height:54px;color:var(--ink);font:inherit;background:#fff;border:2px solid #7185a3;border-radius:12px;padding:12px 14px;display:block}.room-option input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.room-option input:disabled{opacity:.6}.code-input{text-transform:uppercase;letter-spacing:5px}.room-footnote{max-width:760px;color:var(--paper-muted);margin-top:28px;font-size:15px;line-height:1.7}.active-room{background:var(--accent);border-radius:24px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;padding:28px;display:flex}.active-room p{margin-top:10px;font-size:15px}.active-room .primary{background:var(--ink);color:#fff;font-size:15px}.lobby-kicker{color:var(--paper-muted);margin-bottom:12px;font-size:14px!important}.lobby-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:28px;display:grid}.players-panel{border:2px solid var(--ink);background:#fff;border-radius:26px;padding:30px}.players-title{justify-content:space-between;align-items:start;gap:15px;display:flex}.players-title>p{text-align:right;max-width:160px;font-size:14px;line-height:1.6}.player-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.player-list li{background:var(--answer);border-radius:16px;align-items:center;gap:14px;padding:15px;display:flex}.player-avatar{background:var(--sun);border-radius:15px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:23px;font-weight:700;display:grid}.player-name{min-width:0}.player-name strong{overflow-wrap:anywhere;font-size:16px;font-weight:600}.player-name>span{color:var(--paper-muted);margin-top:5px;font-size:13px;display:block}.ready-label{color:var(--paper-muted);flex-shrink:0;margin-left:auto;font-size:13px}.ready-label.is-ready{color:#234c28;background:#d6ecd1;border-radius:12px;padding:7px 9px}.invite-panel{background:var(--bg);border-radius:26px;padding:30px}.invite-panel .invite-code{letter-spacing:5px;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;margin-top:26px;font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.2}.copy-button{min-height:48px;color:var(--ink);background:#fff;border:0;border-radius:14px;margin-top:20px;padding:12px 18px;font-size:15px}.invite-panel .room-stage-note{color:var(--paper-muted);margin-top:28px;font-size:14px}.room-exit{justify-content:space-between;align-items:center;gap:24px;margin-top:25px;display:flex}.room-exit>a{min-height:44px;padding-block:12px;font-size:14px;text-decoration:underline}.close-confirm{background:#ffebe5;border-radius:18px;padding:20px}.close-confirm p{margin-bottom:10px;font-size:15px;line-height:1.6}.close-confirm button{min-height:44px;color:var(--ink);background:#fff;border:0;border-radius:12px;margin-right:10px;padding:12px 16px;font-size:14px}.close-confirm button:first-of-type{color:#fff;background:#a72424}.lobby-message{background:var(--bg);border-radius:28px;margin-top:45px;padding:35px}.lobby-message>p{margin:22px 0;font-size:17px;line-height:1.6}.lobby-message .primary{margin-top:15px}@media (max-width:780px){.room-options,.lobby-grid{grid-template-columns:1fr}.rooms-intro{margin-top:25px}.room-option{padding:27px}.active-room{flex-direction:column;align-items:start}.rooms-header .brand{font-size:26px}}@media (max-width:420px){.rooms-shell{width:calc(100% - 32px)}.rooms-header{min-height:85px}.rooms-intro h1{font-size:39px}.rooms-intro>p{font-size:16px}.room-option,.players-panel,.invite-panel{padding:22px}.players-title{flex-direction:column}.players-title>p{text-align:left;max-width:100%}.player-list li{flex-wrap:wrap;gap:10px;padding:12px}.player-name{max-width:190px}.ready-label{font-size:12px}.room-exit{flex-direction:column;align-items:start;gap:12px}.invite-panel .invite-code{letter-spacing:4px;font-size:34px}.room-option h2{font-size:25px}}.game-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);align-items:start;gap:28px;display:grid}.game-panel{border:2px solid var(--ink);background:#fff;border-radius:28px;min-width:0;padding:30px}.game-panel h2{letter-spacing:-.7px;overflow-wrap:anywhere;margin:24px 0;font-size:clamp(27px,3vw,38px);line-height:1.2}.game-panel h2:focus{outline:none}.game-top{justify-content:space-between;align-items:center;gap:18px;font-size:14px;line-height:1.6;display:flex}.game-clock{background:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:14px;justify-content:center;min-width:62px;padding:8px 12px;font-size:20px;font-weight:700;display:inline-flex}.game-clock.low-time{color:#9d2525;background:#ffdfd9}.game-choice-mark{margin-left:auto;font-size:24px}.answer.chosen{outline-offset:-2px;background:#dcecff;outline:2px solid #426b9e}.answer.chosen.correct{background:var(--correct);outline-color:#477844}.answer.chosen.incorrect{background:var(--wrong);outline-color:#b45143}.game-wait{color:var(--paper-muted);margin-top:24px;font-size:15px;line-height:1.7}.game-reveal{background:#edf8e9;border-radius:18px;margin-top:24px;padding:22px;font-size:16px;line-height:1.6}.game-reveal>p{margin-top:10px}.game-explanation{color:var(--paper-muted);font-size:17px;line-height:1.7}.score-panel{background:var(--bg);border-radius:26px;min-width:0;padding:28px}.score-panel h2{letter-spacing:-.5px;font-size:26px;line-height:1.2}.score-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.score-list li{background:#f8fbff;border-radius:16px;align-items:center;gap:12px;padding:15px;display:flex}.score-list li.score-me{background:#fff1ab}.score-place{min-width:22px;font-size:20px;font-weight:700}.score-name{flex:1;min-width:0}.score-name strong{overflow-wrap:anywhere;font-size:15px;font-weight:600;display:block}.score-name>span{color:var(--paper-muted);margin-top:4px;font-size:12px;line-height:1.5;display:block}.score-points{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:20px}.score-points>span{font-size:12px;font-weight:400}.start-game{margin-top:24px}.start-game .field-help{line-height:1.6}@media (max-width:780px){.game-grid{grid-template-columns:1fr}.game-panel,.score-panel{padding:25px}}@media (max-width:420px){.game-panel,.score-panel{padding:21px}.game-panel h2{font-size:27px}.game-reveal{padding:18px}.score-list li{gap:10px;padding:13px}.game-top{font-size:13px}.game-clock{min-width:55px;font-size:18px}.score-points>span{display:none}.game-panel .answer{font-size:15px}}
:root{--glass-surface:#ffffffa3;--glass-highlight:#ffffffeb;--glass-edge:#ffffffc7;--glass-shadow:0 16px 44px #3255851c, inset 0 1px 0 #fffffffa, inset 0 -1px 0 #7ea3cc24;--paper-muted:#435673}body{background-color:#eaf4ff;background-image:radial-gradient(at 8% 7%,#89cdffb3,#0000 40%),radial-gradient(at 94% 24%,#ffced69e,#0000 39%),radial-gradient(at 35% 74%,#aaedd68f,#0000 45%);background-attachment:fixed}.opening{border-bottom:1px solid var(--glass-edge);background:linear-gradient(125deg,#dcf1ffa8,#ffffff47);box-shadow:inset 0 -1px #fff9}.quiz-card,.auth-card,.room-option,.active-room,.players-panel,.invite-panel,.game-panel,.score-panel,.lobby-message{background:linear-gradient(135deg, #ffffffd1, var(--glass-surface));border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background-clip:padding-box}.quiz-card{transform:rotate(1deg)}.join-option{background:linear-gradient(135deg,#effff7d9,#daf5e999)}.active-room{background:linear-gradient(130deg,#fff4bad9,#ffffffab)}.primary{color:#192a56;background:linear-gradient(160deg,#fff4ac,#ffdf59 70%);border:1px solid #fffc;box-shadow:0 7px 18px #92721c1f,inset 0 2px 1px #ffffffd9,inset 0 -2px 2px #bf931d1f}.primary:hover{background:linear-gradient(160deg,#fff6be,#ffdf59)}.active-room .primary,.result .primary,.footer .primary{color:#192a56;background:linear-gradient(160deg,#fff4ac,#ffdf59 70%)}.header-play,.next-button{color:#fff;background:linear-gradient(150deg,#365789,#213d6a);border:1px solid #ffffff8c;box-shadow:inset 0 1px 1px #ffffff59,0 6px 15px #1f3b631f}.next-button:hover{background:#2d4d7a}.answer,.player-list li,.score-list li,.profile-details{background:#f0f6ffe0;border:1px solid #ffffffd9;box-shadow:inset 0 1px #fffffff2}.answer:hover:not(:disabled){background:#fff2b6}.answer.chosen{background:#deecff}.answer.correct,.answer.chosen.correct{color:#244b27;background:#ddf2d6}.answer.incorrect,.answer.chosen.incorrect{color:#672c29;background:#ffe1db}.letter{background:#fffffff2}.score-list li.score-me{background:#fff1abf2}.card-bottom{background:#eaf2fde0}.progress{background:#dbe8f7}.copy-button,.close-confirm button,.floating-word{color:#192a56;background:linear-gradient(150deg,#fffffff2,#f4f9ffd9);border:1px solid #fffffff2;box-shadow:0 5px 14px #3a5b8312,inset 0 1px #fff}.word-two{background:#ffc4b3f2}.close-confirm button:first-of-type{color:#fff;background:#a72424}.form-field input,.room-option input{background:#ffffffe6;border:1px solid #92a8c4;box-shadow:inset 0 2px 5px #3e597c0f,0 1px #ffffffe6}.form-field input[aria-invalid=true]{border:2px solid #b93535}.form-error{background:#ffedeb}.scroll-playground{border:1px solid var(--glass-edge);background:linear-gradient(125deg,#d0f4e4e0,#ebfff5a6);box-shadow:inset 0 1px #fffffff2}.topic-list article{border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);background:linear-gradient(130deg,#e1f1ffdb,#ffffffbf)}.topic-list article:nth-child(2){background:linear-gradient(130deg,#def7eae0,#ffffffc7)}.topic-list article:nth-child(3){background:linear-gradient(130deg,#ffe8e0e6,#ffffffc7)}.footer{background:linear-gradient(135deg,#284a77,#1e3665);border-top:1px solid #ffffff73;box-shadow:inset 0 1px #ffffff2e}@media (max-width:780px){body{background-attachment:scroll}.quiz-card,.auth-card,.room-option,.active-room,.players-panel,.invite-panel,.game-panel,.score-panel,.lobby-message{-webkit-backdrop-filter:blur(9px)saturate(125%);backdrop-filter:blur(9px)saturate(125%)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.quiz-card,.auth-card,.room-option,.active-room,.players-panel,.invite-panel,.game-panel,.score-panel,.lobby-message{background:#f5faff}}@media (prefers-reduced-transparency:reduce){.quiz-card,.auth-card,.room-option,.active-room,.players-panel,.invite-panel,.game-panel,.score-panel,.lobby-message{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5faff}}@media (prefers-contrast:more){.quiz-card,.auth-card,.room-option,.active-room,.players-panel,.invite-panel,.game-panel,.score-panel,.lobby-message{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#435673}}.character-portrait{background:linear-gradient(140deg,#daedffb3,#fff6cda6);border:1px solid #ffffffd9;border-radius:24px;margin:20px 0;position:relative;overflow:hidden}.character-portrait img{object-fit:contain;opacity:0;width:100%;height:clamp(220px,32vh,380px);display:block}.character-portrait img.portrait-ready{opacity:1}.character-portrait figcaption{text-align:center;color:#314368;background:#fff9;padding:9px 16px;font-size:12px}.portrait-status{text-align:center;color:#243a65;place-content:center;padding:18px;display:grid;position:absolute;inset:0 0 34px}.character-portrait:has([role=alert]){min-height:280px}.mode-label{margin:20px 0 8px;font-weight:700;display:block}.game-mode{color:#172c54;width:100%;min-height:48px;font:inherit;background:#fffc;border:1px solid #8096b6;border-radius:14px;padding:10px 12px}.game-mode:focus-visible{outline-offset:3px;outline:3px solid #2264c8}