/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}.room{color:#fff;background:#19271d;min-height:100vh}.room nav{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex}.room nav .brand{color:#fff}.room nav b{letter-spacing:.15em;font-size:11px}.center{text-align:center;place-content:center;min-height:calc(100vh - 78px);padding:30px;display:grid}.center small,.teacher-page small{color:var(--green);letter-spacing:.14em;font-weight:900}.center h1{font:800 clamp(42px,7vw,76px)/1 var(--font-display);letter-spacing:-.05em;margin:18px}.center em{color:var(--yellow);font-style:normal}.center p{color:#b9c8bc;font-size:18px}.center button,.center a,.teacher-page header button,.overlay button{background:var(--coral);color:#fff;border:0;border-radius:11px;justify-self:center;padding:15px 22px;font-weight:900;text-decoration:none}.avatar{background:var(--yellow);width:120px;height:120px;color:var(--ink);font:900 30px var(--font-display);border:6px solid #fff;border-radius:50%;place-items:center;margin:25px auto 0;display:grid}.score{border:12px solid var(--green);border-right-color:var(--yellow);border-radius:50%;place-content:center;width:180px;height:180px;margin:20px auto 30px;display:grid}.score b{font:900 58px/1 var(--font-display)}.score span{color:#aebcaf}.play{max-width:900px;margin:auto;padding:50px 24px}.play header{color:#a9bbac;letter-spacing:.12em;justify-content:space-between;font-weight:900;display:flex}.play header b{color:var(--yellow)}.progress{background:var(--yellow);height:5px;margin:15px 0 45px;transition:none;display:block}.play h1{font:800 clamp(34px,5vw,60px)/1.05 var(--font-display);text-align:center;letter-spacing:-.05em}.play>div{grid-template-columns:1fr 1fr;gap:14px;margin-top:38px;display:grid}.play button{color:#fff;text-align:left;background:#ffffff0c;border:1px solid #ffffff2b;border-radius:14px;min-height:82px;padding:18px;font-weight:900}.play button span{background:#ffffff18;border-radius:8px;margin-right:14px;padding:9px 12px}.play .ok{background:var(--green)}.play .no{background:var(--coral)}.teacher-page{background:#f5f1e8;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.teacher-page aside{color:#fff;background:#19271d;flex-direction:column;gap:16px;padding:30px 24px;display:flex}.teacher-page aside .brand{color:#fff;margin-bottom:45px}.teacher-page aside>a:not(.brand){color:#b0bdb2;padding:12px;font-weight:800}.teacher-page>section{padding:50px clamp(24px,5vw,70px)}.teacher-page header{justify-content:space-between;align-items:center;display:flex}.teacher-page header h1{font:800 clamp(32px,4vw,50px) var(--font-display);letter-spacing:-.05em;margin:8px 0}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0;display:grid}.stats article{color:#6b746d;background:#fff;border:1px solid #ddd8cd;border-radius:14px;flex-direction:column;padding:20px;font-weight:800;display:flex}.stats b{font:800 34px var(--font-display);color:var(--ink)}.blocks{gap:12px;display:grid}.blocks article{background:#fff;border:1px solid #ddd8cd;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:18px;display:grid}.blocks i{background:var(--yellow);width:44px;height:44px;font:900 22px var(--font-display);border-radius:11px;place-items:center;display:grid}.blocks h2{font:800 17px var(--font-display);margin:0}.blocks p{color:#79827a;margin:4px 0}.blocks code{letter-spacing:.1em;font-weight:900}.blocks a{color:var(--ink);font-weight:900;text-decoration:none}.overlay{background:#142018bb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay>div{background:#fff;border-radius:20px;width:min(500px,100%);padding:30px;position:relative}.overlay h2{font:800 36px var(--font-display);margin:8px 0}.overlay label{margin:14px 0;font-size:12px;font-weight:900;display:block}.overlay input,.overlay textarea{width:100%;font:inherit;border:1px solid #ccd2cc;border-radius:9px;margin-top:7px;padding:13px}.overlay textarea{height:80px}.overlay>div>button:last-child{width:100%}.overlay .x{color:var(--ink);background:0 0;padding:5px;font-size:26px;position:absolute;top:10px;right:15px}@media (max-width:760px){.teacher-page{grid-template-columns:1fr}.teacher-page aside{display:none}.stats{grid-template-columns:1fr}.blocks article{grid-template-columns:auto 1fr}.blocks code{display:none}.play>div{grid-template-columns:1fr}}:root{--ink:#172118;--cream:#f7f1e5;--green:#1ca66b;--coral:#ff604f;--yellow:#ffd958}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-body),sans-serif}.landing-shell{background:radial-gradient(circle at 8% 82%,#ffd85855 0 2px,transparent 3px),var(--cream);min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid #1721181c;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,5vw,76px);display:flex}.brand{font:800 30px var(--font-display);color:var(--ink);letter-spacing:-2px;text-decoration:none}.brand span{color:var(--green)}.brand i{color:var(--coral);font-style:normal}.teacher-link{color:var(--ink);border:1.5px solid var(--ink);background:#fff9;border-radius:99px;padding:12px 18px;font-weight:800;text-decoration:none}.teacher-link b{margin-left:8px}.hero{grid-template-columns:1fr 1.08fr;align-items:center;gap:5vw;min-height:calc(100vh - 160px);padding:60px clamp(24px,6vw,92px);display:grid}.hero-copy{max-width:610px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;font-size:13px;font-weight:900;display:inline-flex}.eyebrow span{color:var(--coral);font-size:11px}.hero h1{font:800 clamp(50px,6vw,88px)/.94 var(--font-display);letter-spacing:-.065em;margin:24px 0}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:#526054;max-width:520px;margin:0 0 32px;font-size:19px;line-height:1.55}.join label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px;font-size:12px;font-weight:900;display:block}.join>div{border:2px solid var(--ink);max-width:520px;box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:14px;padding:5px;display:flex}.join input{width:42%;font:800 19px var(--font-display);letter-spacing:.12em;background:0 0;border:0;outline:0;padding:14px 15px}.join button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;flex:1;font-size:15px;font-weight:900}.join button span{margin-left:15px}.stage-card{color:#fff;min-height:590px;box-shadow:14px 14px 0 var(--yellow);background:#1e2c22;border-radius:28px;padding:30px clamp(24px,3vw,44px);position:relative;transform:rotate(1deg)}.stage-card:before,.stage-card:after{content:"✦";color:var(--coral);font-size:38px;position:absolute}.stage-card:before{top:-42px;right:-40px}.stage-card:after{color:var(--green);bottom:80px;left:-48px}.stage-card header{color:#d9e3da;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.stage-card header i{background:var(--coral);border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.stage-card header b{background:#ffffff14;border-radius:99px;padding:8px 12px}.question-meta{color:#a9c1ad;font:800 11px var(--font-display);letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:42px;display:flex}.question-meta strong{color:var(--yellow);letter-spacing:0;font-size:17px}.stage-card h2{font:700 clamp(27px,3vw,42px)/1.08 var(--font-display);letter-spacing:-.04em;margin:14px 0 26px}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answers button{text-align:left;color:#fff;background:#ffffff0b;border:1px solid #ffffff30;border-radius:12px;min-height:66px;padding:15px 18px;font-weight:800}.answers .selected{background:var(--green);border-color:var(--green);justify-content:space-between;display:flex}.answers .selected span{color:var(--green);text-align:center;background:#fff;border-radius:50%;width:24px;height:24px}.audience{border-top:1px dashed #ffffff2e;height:145px;margin-top:30px;position:relative}.person{text-align:center;position:absolute}.person span{width:49px;height:49px;color:var(--ink);font:900 12px var(--font-display);border:3px solid #fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px #0005}.person small{white-space:nowrap;color:#ced8d0;margin-top:4px;font-size:9px;display:block}.p0{top:30px;left:1%}.p1{top:54px;left:18%}.p2{top:20px;left:38%}.p3{top:57px;left:57%}.p4{top:22px;left:75%}.p5{top:65px;right:0}footer{text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #1721181c;justify-content:center;align-items:center;gap:8vw;height:68px;font-size:12px;font-weight:900;display:flex}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:42px}.stage-card{min-height:560px}.hero h1{font-size:clamp(50px,15vw,78px)}footer{flex-wrap:wrap;gap:16px;height:auto;padding:24px}.teacher-link{font-size:12px}.topbar{height:76px}}@media (max-width:520px){.answers{grid-template-columns:1fr}.stage-card{min-height:720px}.join>div{display:block}.join input{width:100%}.join button{width:100%;padding:15px}.person small{display:none}}button,input,textarea{font:inherit}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline-offset:3px;outline:3px solid #ffd958}::selection{color:#172118;background:#ffd958}.teacher-real{color:#172118;background:#f5f0e5;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.teacher-side{color:#fff;background:#17271c;flex-direction:column;padding:30px 24px;display:flex}.teacher-side .brand{color:#fff}.teacher-side nav{gap:6px;margin-top:64px;display:grid}.teacher-side nav a{color:#aebbb1;border-radius:12px;padding:13px 14px;font-weight:800}.teacher-side nav .on{color:#fff;background:#ffffff12}.teacher-side>p{color:#aebbb1;margin-top:auto;font-size:13px}.teacher-work{min-width:0;padding:52px clamp(26px,5vw,74px)}.teacher-head{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.teacher-head h1{font:750 clamp(36px,4.5vw,64px)/1.02 var(--font-display);letter-spacing:-.04em;max-width:760px;margin:0}.teacher-head h1 em{color:#1b9b64;font-style:normal}.teacher-head p{color:#5c685e;margin:14px 0 0;font-size:17px}.action{color:#fff;cursor:pointer;white-space:nowrap;background:#17271c;border:0;border-radius:13px;padding:15px 20px;font-weight:900;transition:transform .18s,background .18s}.action:hover{background:#1b9b64;transform:translateY(-2px)}.action:disabled,.text-action:disabled{opacity:.55;cursor:wait;transform:none}.form-error{color:#992f24;background:#fff0ed;border:1px solid #f0b8b0;border-radius:14px;justify-content:space-between;gap:16px;margin-top:28px;padding:14px 16px;display:flex}.form-error button{color:inherit;background:0 0;border:0;font-weight:900}.live-panel{color:#fff;background:#17271c;border-radius:18px;margin-top:38px;padding:28px 32px;box-shadow:0 18px 45px #17271c24}.live-panel>div{letter-spacing:.13em;color:#a8d8ba;font-size:11px;font-weight:900}.live-dot{background:#42d98c;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block;box-shadow:0 0 0 5px #42d98c22}.live-panel h2{font:750 clamp(25px,3vw,38px) var(--font-display);letter-spacing:-.03em;margin:12px 0 3px}.live-panel p{color:#b6c3b9;margin:0}.live-panel>strong{font:800 clamp(58px,9vw,110px)/1 var(--font-display);letter-spacing:.08em;color:#ffd958;margin:25px 0;display:block}.live-panel footer{text-transform:none;letter-spacing:0;border:0;justify-content:flex-start;gap:14px;height:auto;padding:0;display:flex}.live-panel footer span{color:#a8d8ba;margin-right:auto}.live-panel footer button,.live-panel footer a{color:#fff;background:0 0;border:1px solid #ffffff35;border-radius:10px;padding:10px 14px;font-weight:900;text-decoration:none}.question-builder{background:#fff;border-radius:18px;margin-top:38px;padding:32px;box-shadow:0 16px 45px #17271c12}.builder-title h2,.saved h2{font:750 28px var(--font-display);letter-spacing:-.025em;margin:0}.builder-title p,.saved>div>p{color:#69736b;margin:7px 0 0}.field{gap:8px;margin-top:24px;font-size:12px;font-weight:900;display:grid}.field input,.field textarea{color:#172118;background:#fbfaf7;border:1px solid #c9cec8;border-radius:12px;padding:14px 15px;font-size:16px}.field textarea{resize:vertical;min-height:94px}.field input:focus,.field textarea:focus{border-color:#1b9b64}.question-editor{border:1px solid #d8dbd6;border-radius:16px;margin:28px 0 0;padding:22px}.question-editor legend{font:900 13px var(--font-display);color:#1b9b64;padding:0 9px}.option-editor{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.option-editor label{background:#f5f2eb;border-radius:12px;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:8px;display:grid}.option-editor label>span{color:#fff;background:#17271c;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.option-editor label>input:last-child{background:0 0;border:0;outline:0;min-width:0;padding:8px;font-size:16px}.text-action{color:#167a50;cursor:pointer;background:0 0;border:0;padding:10px 0;font-weight:900}.text-action.danger{color:#a43d32;margin-top:10px}.builder-actions{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.saved{margin-top:48px}.saved>div:first-child{justify-content:space-between;align-items:end;display:flex}.real-blocks{gap:10px;margin-top:18px;display:grid}.real-blocks article{background:#fff;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:19px 20px;display:grid;box-shadow:0 8px 26px #17271c0c}.real-blocks h3{font:750 18px var(--font-display);overflow-wrap:anywhere;margin:0}.real-blocks p{color:#6b756d;margin:4px 0 0}.real-blocks button{cursor:pointer;background:#fff;border:1px solid #17271c;border-radius:11px;padding:11px 15px;font-weight:900}.real-blocks button:hover{color:#fff;background:#17271c}.room-tag{color:#147c4f;background:#e2f4e9;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:900}.student-real{color:#fff;background:#17271c;min-height:100vh}.student-real>nav{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex}.student-real>nav .brand{color:#fff}.student-real>nav>b{letter-spacing:.15em;font-size:11px}.room-state,.join-room{text-align:center;place-content:center;min-height:100vh;padding:32px;display:grid}.student-real>nav+.join-room{min-height:calc(100vh - 78px)}.room-state h1,.join-room h1{font:750 clamp(38px,7vw,76px)/1.02 var(--font-display);letter-spacing:-.04em;max-width:850px;margin:18px auto}.room-state p,.join-room p{color:#b5c3b8;max-width:600px;margin:0 auto 28px;font-size:18px}.room-state a,.join-room button{color:#fff;cursor:pointer;background:#ff6656;border:0;border-radius:13px;justify-self:center;padding:16px 24px;font-weight:900;text-decoration:none}.room-open{color:#61e49c;text-transform:uppercase;letter-spacing:.12em;background:#61e49c18;border-radius:99px;justify-self:center;padding:9px 14px;font-size:11px;font-weight:900}.state-pulse{border:4px solid #ffffff28;border-top-color:#ffd958;border-radius:50%;width:28px;height:28px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state>span{width:70px;height:70px;font:900 32px var(--font-display);background:#ff6656;border-radius:50%;place-items:center;margin:auto;display:grid}.result-avatar{color:#172118;width:105px;height:105px;font:900 26px var(--font-display);border:5px solid #fff;border-radius:50%;place-items:center;margin:auto;display:grid}.result-state em{color:#ffd958;font-style:normal}.real-play{max-width:980px;margin:auto;padding:42px 26px 70px}.real-play header{color:#aebcaf;letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex}.identity{color:#fff;letter-spacing:0;align-items:center;gap:10px;display:flex}.identity span{color:#172118;border:2px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:10px;display:grid}.real-play header strong{color:#ffd958;font-size:18px}.real-timer{background:#ffffff18;border-radius:9px;height:5px;margin:16px 0 45px;overflow:hidden}.real-timer i{background:#ffd958;height:100%;transition:none;display:block}.real-play h1{font:750 clamp(34px,5vw,58px)/1.08 var(--font-display);letter-spacing:-.04em;text-align:center;overflow-wrap:anywhere;max-width:860px;margin:0 auto 38px}.real-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.real-options button{color:#fff;text-align:left;cursor:pointer;background:#ffffff0c;border:1px solid #ffffff2a;border-radius:14px;min-height:86px;padding:18px;font-size:16px;font-weight:900;transition:background .16s,transform .16s}.real-options button:hover:not(:disabled){background:#ffffff16;transform:translateY(-2px)}.real-options button span{background:#ffffff15;border-radius:9px;place-items:center;width:36px;height:36px;margin-right:14px;display:inline-grid}.real-options .chosen{background:#1b9b64;border-color:#42d98c}.real-options button:disabled{cursor:default}.score{font-variant-numeric:tabular-nums}@media (max-width:800px){.teacher-real{grid-template-columns:1fr}.teacher-side{display:none}.teacher-work{padding:28px 18px}.teacher-head{flex-direction:column;align-items:flex-start}.teacher-head .action{width:100%}.option-editor{grid-template-columns:1fr}.live-panel{padding:24px 20px}.live-panel footer{flex-direction:column;align-items:stretch}.live-panel footer span{margin:0}.real-blocks article{grid-template-columns:1fr auto}.room-tag{display:none}.real-play header{align-items:flex-start;gap:18px}.real-options{grid-template-columns:1fr}}.live-panel-main{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;display:grid}.live-panel-copy>div{color:#a8d8ba;letter-spacing:.13em;font-size:11px;font-weight:900}.live-panel-copy>strong{color:#ffd958;font:800 clamp(58px, 9vw, 110px) / 1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin:25px 0;display:block}.live-qr{color:#17271c;text-align:center;background:#fff;border-radius:14px;width:196px;margin-bottom:25px;padding:13px 16px 14px;box-shadow:0 12px 28px #0003}.live-qr>span{letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:900;display:block}.live-qr svg{width:164px;height:164px;display:block}.live-qr small{color:#617066;margin-top:8px;font-size:10px;font-weight:800;display:block}.identity span,.result-avatar{padding:0;overflow:hidden}.identity span img,.result-avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}@media (max-width:800px){.live-panel-main{grid-template-columns:1fr;align-items:start;gap:4px}.live-qr{margin:0 0 24px}}.live-classroom{color:#172118;background:#f4efe4;min-height:100vh}.classroom-bar{color:#fff;background:#17271c;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,4vw,64px);display:flex}.classroom-bar>a{color:#d7e0d9;font-weight:800;text-decoration:none}.classroom-bar>div{align-items:center;gap:24px;display:flex}.classroom-bar span{color:#b6c5b9;font-size:13px}.classroom-bar i{background:#43db8c;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.classroom-content{width:min(1280px,100% - 40px);margin:auto;padding:36px 0 70px}.classroom-heading{justify-content:space-between;align-items:center;gap:28px;margin-bottom:26px;display:flex}.classroom-heading h1{font:750 clamp(32px, 4vw, 54px)/1 var(--font-display);letter-spacing:-.04em;margin:0}.classroom-heading p{color:#657168;margin:9px 0 0}.classroom-tools{align-items:center;gap:15px;display:flex}.classroom-qr{background:#fff;border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;display:flex;box-shadow:0 8px 25px #17271c12}.classroom-qr svg{flex:none;width:104px;height:104px}.classroom-qr span{white-space:nowrap;text-align:center;font-size:12px;font-weight:900}.classroom-actions button{color:#fff;cursor:pointer;background:#17271c;border:0;border-radius:12px;padding:14px 18px;font-weight:900}.classroom-actions button:hover{background:#1b9b64}.classroom-warning{color:#922f25;background:#fff0ed;border-radius:12px;margin-bottom:18px;padding:13px 16px}.question-stage{color:#fff;background:#17271c;border-radius:20px;padding:28px clamp(22px,4vw,44px);box-shadow:0 18px 42px #17271c20}.question-stage>div:first-child{color:#a9c2ae;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:12px;font-weight:900;display:flex}.question-stage h2{font:700 clamp(28px, 3.4vw, 46px)/1.08 var(--font-display);letter-spacing:-.035em;margin:22px 0 28px}.teacher-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.teacher-options>div{color:#dce5de;border:1px solid #ffffff24;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.teacher-options>div>b:first-child{background:#ffffff12;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.teacher-options .correct-option{background:#42d98c14;border-color:#42d98c}.presence-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.presence-grid>article{border-radius:18px;min-height:0;padding:14px 18px 18px 26px;box-shadow:0 10px 28px #17271c0d}.presence-grid>article:first-child{background:#edf7f0}.presence-grid>article:nth-child(2){background:#edf5f8}.presence-grid>article:nth-child(3){background:#f0efeb}.presence-grid article>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.presence-grid h3{font:750 19px/1.15 var(--font-display);margin:0}.presence-grid header>b{background:#edf4ee;border-radius:99px;padding:6px 10px}.avatar-list{flex-wrap:wrap;gap:11px;margin-top:8px;display:flex}.live-person{text-align:center;width:64px}.live-person img,.identity img,.result-avatar img{object-fit:cover;width:44px;height:44px;image-rendering:pixelated;background:#e6eee7;border-radius:50%;margin-inline:auto;display:block}.live-person span{text-align:center;overflow-wrap:normal;word-break:normal;margin-top:4px;font-size:9px;font-weight:800;line-height:1.12;display:block}.live-empty{color:#758078;margin-top:20px;font-size:14px}.humor-card{background:#fff0b8!important}.humor-card .comic{filter:saturate(.75)}.results-live{grid-template-columns:230px 1fr;gap:18px;display:grid}.results-summary{color:#fff;background:#17271c;border-radius:18px;align-self:start;padding:28px;position:sticky;top:18px}.results-summary>strong{font:800 58px var(--font-display);color:#ffd958;display:block}.results-summary>span{font-weight:900}.results-summary p{color:#b6c5b9;font-size:13px;line-height:1.5}.result-questions{gap:14px;display:grid}.result-questions>article{background:#fff;border-radius:18px;padding:24px}.result-questions header,.result-questions p{justify-content:space-between;gap:15px;display:flex}.result-questions header{color:#6d786f;text-transform:uppercase;font-size:12px;font-weight:900}.result-questions h2{font:700 23px var(--font-display)}.result-questions p{margin:14px 0 5px}.result-questions i{background:#edf0ec;border-radius:9px;height:8px;display:block;overflow:hidden}.result-questions i span{background:#98a39a;height:100%;display:block}.result-questions .result-correct i span{background:#1ca66b}.late-answer,.answer-sent{text-align:center;color:#ffd958;max-width:780px;margin:0 auto 24px;font-weight:900}.answer-advance{justify-items:center;gap:16px;margin-top:28px;display:grid}.answer-advance .answer-sent{margin:0}.play-next{color:#17271c;cursor:pointer;background:#ffd958;border:0;border-radius:13px;padding:15px 22px;font-size:16px;font-weight:900}.play-next:hover{background:#ffe58a}.student-waiting .result-avatar{overflow:hidden}@media (max-width:820px){.classroom-heading,.classroom-tools{flex-direction:column;align-items:flex-start}.classroom-tools,.classroom-actions,.classroom-actions button,.classroom-qr{width:100%}.presence-grid,.teacher-options,.results-live{grid-template-columns:1fr}.results-summary{position:static}.classroom-bar span{display:none}.live-person{width:62px}.classroom-content{width:min(100% - 24px,1280px);padding-top:22px}}.student-real{isolation:isolate;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#121c16;position:relative}.student-real:before{content:"";z-index:0;pointer-events:none;opacity:.42;background-image:radial-gradient(80% 50% at 92% 0,#2e4438 0%,#0000 70%),url(/patterns/honeycomb.svg);background-position:0 0,118% -18%;background-repeat:no-repeat,no-repeat;background-size:auto,240px 210px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 100% 0,#000 0%,#0000 78%);mask-image:radial-gradient(90% 70% at 100% 0,#000 0%,#0000 78%)}.student-real>*{z-index:1;position:relative}.student-real .brand{color:#f3eee4;align-items:center;display:flex}.student-real .brand-logo{width:auto;height:42px;display:block}.student-real>nav{border-bottom:0;height:72px;padding:0 22px}.student-real>nav>b{color:#c5d0c7;letter-spacing:.16em;font-size:11px;font-weight:800}.student-play{flex-direction:column;min-height:100dvh;display:flex}.student-play .real-play{width:min(980px,100%);padding:8px 22px max(22px, env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.student-play .real-play header{color:#b7c4ba;letter-spacing:.12em;align-items:center;gap:12px;font-size:11px}.student-play .identity{gap:12px}.student-play .identity span{border:1.5px solid #f6e4e8;flex:none;width:48px;height:48px;overflow:hidden;box-shadow:0 0 0 1px #ffb6c440,0 0 10px 2px #ff8eaa73,0 0 22px 4px #c98ad84d}.student-play .identity img{width:100%;height:100%;margin:0}.student-play .identity b{letter-spacing:0;font-size:15px;font-weight:800;line-height:1.12}.student-play .real-timer{background:#0d1611;border:1px solid #c5d0c755;border-radius:99px;height:12px;margin:14px 0 0;padding:2px}.student-play .real-timer i{background:linear-gradient(#ffe27a 0%,#ffd45e 55%,#e8bc3a 100%);border-radius:99px;height:100%;display:block}.student-play .real-play h1{letter-spacing:-.035em;text-wrap:balance;flex:none;max-width:none;margin:0;padding:28px 0;font-size:clamp(22px,4.4vw,28px);font-weight:700;line-height:1.2}.student-play .real-options{gap:12px;display:grid}.student-play .real-options button{overflow-wrap:anywhere;background:#1b2a22;border:1px solid #ffffff18;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:76px;padding:16px 18px;font-size:15px;font-weight:700;line-height:1.3;display:grid;box-shadow:0 10px 18px #0000002e,inset 0 -22px 28px -20px #ff66564d}.student-play .real-options button span{background:#ffffff12;border:1px solid #fff2;border-radius:50%;width:34px;height:34px;margin:0;font-size:13px}.student-play .real-options .chosen{background:#1b9b64;border-color:#42d98c;box-shadow:0 10px 18px #0000002e}.student-play .answer-advance{margin-top:16px}@media (hover:hover) and (pointer:fine){.student-play .real-options button:hover:not(:disabled){background:#22352a;transform:none}}@media (max-width:720px){.student-play .real-options{grid-template-columns:1fr}.student-play .real-play{padding:4px 20px max(18px, env(safe-area-inset-bottom))}.student-play .real-timer{margin:10px 0 0}.student-play .real-play h1{margin:0;padding:28px 0;font-size:clamp(20px,5.2vw,24px)}.student-play .play-next{width:100%}.student-real>nav{height:64px;padding:0 20px}.student-real .brand-logo{height:36px}}