:root{--ink:#20140f;--muted:#75665b;--paper:#fff7ea;--cream:#ffe7bd;--amber:#f59e0b;--orange:#ea580c;--green:#16a34a;--blue:#2563eb;--red:#dc2626;--card:#fffbf2e0;--line:#5c321229;--shadow:0 28px 90px #582b0a38}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{color:var(--ink);background:radial-gradient(circle at 0 0,#fb923c73,#0000 34rem),radial-gradient(circle at 85% 18%,#14b8a63d,#0000 28rem),linear-gradient(135deg,#fff7ed 0%,#ffe4b5 50%,#fef3c7 100%);font-family:Trebuchet MS,Apple SD Gothic Neo,Malgun Gothic,sans-serif}button,input{font:inherit}button:disabled,input:disabled{opacity:.55}select{min-height:36px;color:var(--ink);font:inherit;background:#ffffffc2;border:1px solid #5c32122e;border-radius:999px;outline:none;padding:0 12px;font-weight:900}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.credit-badge{z-index:20;color:#20140fb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf2b8;border:1px solid #ffffff8c;border-radius:999px;padding:9px 14px;font-size:.86rem;font-weight:900;position:fixed;top:18px;right:18px;box-shadow:0 10px 24px #582b0a1f}.fullscreen-exit-button{z-index:35;color:#fff;background:var(--blue);border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;position:fixed;top:18px;left:18px;box-shadow:0 14px 28px #2563eb42}.home-shell,.dashboard-shell,.student-shell{width:min(1160px,100% - 32px);min-height:100vh;margin:0 auto;padding:48px 0}.home-shell{align-content:center;gap:28px;display:grid}.hero-card,.teacher-board,.join-card,.buzzer-card,.panel{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:34px}.hero-card{padding:clamp(32px,7vw,76px);position:relative;overflow:hidden}.hero-card:after,.teacher-board:after{content:"";background:repeating-linear-gradient(45deg,#ea580c29 0 10px,#0000 10px 20px);border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-80px}.eyebrow{color:var(--orange);letter-spacing:.12em;text-transform:uppercase;font-size:.9rem;font-weight:800}h1{letter-spacing:-.06em;max-width:840px;margin-top:12px;font-size:clamp(2.25rem,8vw,5.8rem);line-height:.95}h2{font-size:1.2rem}.hero-copy{max-width:660px;color:var(--muted);margin-top:24px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.hero-actions,.join-form,.control-row{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:34px}.mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:680px;margin-top:28px;display:grid}.mode-picker button{text-align:left;color:var(--ink);background:#ffffff85;border:2px solid #0000;border-radius:24px;gap:6px;padding:18px;display:grid}.mode-picker button.selected{border-color:var(--orange);background:#ffedd5eb;box-shadow:0 14px 28px #ea580c29}.participant-picker{margin-top:30px}.participant-picker button.selected{border-color:var(--green);background:#dcfce7e6;box-shadow:0 14px 28px #16a34a26}.mode-picker strong{font-size:1.1rem}.mode-picker span{color:var(--muted);font-size:.92rem}.primary-button,.secondary-button,.danger-button,.join-form button{border-radius:999px;min-height:52px;padding:0 24px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button,.join-form button{color:#fffaf1;background:linear-gradient(135deg, var(--orange), var(--amber));box-shadow:0 16px 34px #ea580c4d}.secondary-button{color:#fff;background:var(--blue)}.next-question-button{background:linear-gradient(135deg,#16a34a,#f59e0b);animation:1.35s ease-in-out infinite heartbeatButton;position:relative;box-shadow:0 18px 38px #16a34a47,0 0 #f59e0b75}.next-question-button:after{content:"";z-index:-1;border-radius:inherit;border:2px solid #f59e0b94;animation:1.35s ease-in-out infinite heartbeatRing;position:absolute;inset:-7px}.danger-button{color:#fff;background:var(--red)}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.join-form button:hover{transform:translateY(-2px)}input{border:1px solid var(--line);min-width:180px;min-height:52px;color:var(--ink);background:#ffffffb8;border-radius:999px;outline:none;padding:0 20px}input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ea580c1f}.feature-grid,.panel-grid,.teacher-grid{gap:18px;display:grid}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid div{border:1px solid var(--line);background:#ffffff75;border-radius:28px;min-height:190px;padding:24px}.feature-grid span{color:var(--orange);font-weight:900}.feature-grid p,.muted,.history-list,.error-text{color:var(--muted);line-height:1.6}.dashboard-shell{gap:14px;display:grid}.teacher-board{padding:clamp(24px,5vw,48px);position:relative;overflow:hidden}.topbar{z-index:1;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:relative}.topbar h1{font-size:clamp(2.2rem,6vw,4.8rem)}.pill-stack{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-pill,.mode-pill,.sound-controls button{color:#fff;background:var(--amber);white-space:nowrap;border-radius:999px;padding:12px 18px;font-weight:900}.sound-controls{background:#fffbf29e;border-radius:999px;align-items:center;gap:8px;padding:4px;display:inline-flex}.sound-controls button{color:#fff;background:var(--green);min-height:36px;padding:0 12px;font-size:.9rem}.student-sound-controls{z-index:2;position:absolute;top:18px;left:18px}.mode-pill{background:var(--ink)}.participant-mode-pill,.status-pill.active{background:var(--green)}.status-pill.locked{background:var(--red)}.status-pill.countdown{background:var(--blue)}.status-pill.ended{background:var(--ink)}.teacher-grid{z-index:1;grid-template-columns:1fr 240px;margin-top:32px;position:relative}.compact-teacher-grid{grid-template-columns:minmax(220px,280px)}.teacher-action-grid{z-index:1;grid-template-columns:1fr 180px;align-items:center;gap:16px;margin-top:22px;display:grid;position:relative}.teacher-controls-card{background:#ffffff94;border-radius:28px;align-content:center;gap:14px;padding:18px;display:grid}.compact-control-row{margin-top:0}.winner-card,.qr-card{background:#ffffff94;border-radius:28px;padding:24px}.winner-card strong{margin:10px 0;font-size:clamp(2.4rem,8vw,5.5rem);line-height:1;display:block}.buzz-flash strong{animation:.62s both popFlash}.answer-popup{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.answer-popup button{color:#fff;background:var(--green);border-radius:999px;min-height:48px;padding:0 22px;font-weight:900}.answer-popup button:last-child{background:var(--red)}.rank-board{gap:10px;margin-top:18px;display:grid}.rank-board p{background:#ffffff94;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;font-size:clamp(1.3rem,4vw,2.2rem);font-weight:900;display:flex}.rank-board b,.history-list b{color:var(--orange)}.winner-card span,.qr-card p,.student-state{color:var(--muted)}.qr-card{text-align:center;word-break:break-all;place-items:center;gap:14px;display:grid}.qr-button{color:inherit;cursor:zoom-in}.compact-qr-card{align-self:center;gap:8px;min-height:0;padding:14px}.compact-qr-card p{font-size:.74rem;line-height:1.25}.settings-panel,.inline-settings{flex-wrap:wrap;gap:12px;display:flex}.settings-panel{border:1px solid var(--line);background:#ffffff70;border-radius:24px;padding:16px}.settings-panel label,.inline-settings label{align-items:center;gap:8px;font-weight:900;display:inline-flex}.settings-panel input,.inline-settings input{width:84px;min-width:84px;min-height:42px}.control-row{z-index:1;margin-top:24px;position:relative}.control-with-help{align-items:center;display:inline-flex;position:relative}.control-with-help>button{padding-right:46px}.control-with-help>.help-tip{color:#fff;background:#ffffff47;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.help-tip{width:24px;height:24px;color:var(--ink);cursor:help;background:#20140f1a;border-radius:50%;outline:none;flex:none;place-items:center;font-size:.9rem;font-weight:1000;display:inline-grid;position:relative}.help-tip-bubble{z-index:50;color:#fffaf1;opacity:0;pointer-events:none;background:#20140ff0;border-radius:16px;width:max-content;max-width:260px;padding:10px 12px;font-size:.86rem;font-weight:800;line-height:1.45;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);box-shadow:0 12px 28px #20140f3d}.help-tip-bubble:after{content:"";border:7px solid #0000;border-top-color:#20140ff0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.help-tip:hover .help-tip-bubble,.help-tip:focus .help-tip-bubble{opacity:1;transform:translate(-50%)}.control-with-help>.help-tip:hover,.control-with-help>.help-tip:focus{transform:translateY(-50%)}.panel-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.55fr)}.panel{padding:24px}.panel-heading{align-items:center;gap:8px;display:flex}.team-list,.history-list{gap:10px;margin-top:16px;display:grid}.team-row,.history-list p{border:1px solid var(--line);background:#ffffff7a;border-radius:18px;align-items:center;gap:10px;padding:14px;display:flex}.team-list{grid-template-columns:repeat(2,minmax(0,1fr))}.team-row i{border-radius:50%;flex:none;width:16px;height:16px}.team-row strong{text-overflow:ellipsis;white-space:nowrap;gap:2px;min-width:0;display:grid;overflow:hidden}.member-count{color:var(--muted);font-size:.72rem;font-weight:800}.team-row span,.history-list span{color:var(--muted);margin-left:auto;font-size:.9rem}.score-tools{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.score-tools button{color:#fff;background:var(--orange);border-radius:50%;width:30px;height:30px;font-size:1.05rem;font-weight:900}.score-tools b{text-align:center;min-width:44px}.team-row .score-tools+span:not(.connection-dot){margin-left:0}.connection-dot{border:2px solid #ffffffdb;border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 2px #5c321214}.team-row .connection-dot{margin-left:0}.connection-dot.connected{background:var(--green)}.connection-dot.disconnected{background:var(--red)}.team-row.excluded{opacity:.52}.history-list p.excluded-record{background:#fee2e294;border-color:#dc262647}.history-list p.excluded-record span{color:var(--red);font-weight:900}.reset-zone{background:#ffffff61;border:1px dashed #dc262666;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.reset-zone p{color:var(--muted)}.danger-actions{flex-wrap:wrap;gap:10px;display:flex}.countdown-overlay{z-index:30;pointer-events:none;background:radial-gradient(circle,#fff7ed4d,#fb923c1f,#0000 62%);place-items:center;display:grid;position:fixed;inset:0}.countdown-overlay strong{color:#fffaf1;background:radial-gradient(circle at 35% 25%,#fde68a,#f97316 58%,#9a3412);border-radius:50%;place-items:center;width:min(56vw,360px);height:min(56vw,360px);font-size:clamp(7rem,28vw,15rem);line-height:1;animation:.9s ease-in-out infinite countdownPop;display:grid;box-shadow:0 0 90px #fbbf24d9,0 28px 80px #9a34125c}.modal-backdrop{z-index:40;background:#20140f6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qr-modal{background:var(--paper);box-shadow:var(--shadow);border-radius:32px;place-items:center;gap:18px;padding:clamp(32px,6vw,64px);display:grid}.qr-modal svg{width:min(78vw,520px);height:min(78vw,520px)}.answer-modal{text-align:center;background:var(--paper);width:min(620px,100%);box-shadow:var(--shadow), 0 0 90px #fbbf2473;border-radius:34px;padding:clamp(30px,7vw,64px);animation:.26s both rise}.answer-modal p{color:var(--orange);letter-spacing:.12em;font-weight:900}.answer-modal strong{letter-spacing:-.06em;margin-top:12px;font-size:clamp(2.4rem,9vw,5.6rem);line-height:1;display:block}.answer-team-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.qr-modal strong{font-size:clamp(2rem,8vw,4rem)}.fullscreen-mode .settings-panel,.fullscreen-mode .reset-zone,.fullscreen-mode .qr-card,.fullscreen-mode .control-row,.fullscreen-mode .sound-controls{display:none}.fullscreen-mode .fullscreen-exit-button{display:block}.fullscreen-mode .teacher-grid,.fullscreen-mode .panel-grid{grid-template-columns:1fr}.fullscreen-mode .winner-card strong{font-size:clamp(5rem,18vw,14rem)}.student-shell{place-items:center;display:grid}.student-shell.play.active{background:radial-gradient(circle,#16a34a38,#0000 64%)}.join-card,.buzzer-card{text-align:center;width:min(760px,100%);padding:clamp(28px,7vw,52px);position:relative}.join-card h1{max-width:100%;overflow-wrap:keep-all;word-break:keep-all;white-space:normal;letter-spacing:-.07em;font-size:clamp(1.8rem,5.2vw,3.2rem)}.student-form{gap:12px;margin-top:28px;display:grid}.student-form input,.student-form button{width:100%}.student-entry-grid{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:28px;display:grid}.student-create-panel,.student-select-panel{background:#ffffff7a;border:1px solid #5c321224;border-radius:24px;padding:18px}.student-create-panel{min-height:218px;display:grid}.create-team-open-button{width:100%;min-height:100%;color:var(--ink);text-align:center;background:linear-gradient(135deg,#ffedd5d1,#fffbf2c7);border:2px dashed #ea580c57;border-radius:20px;place-items:center;gap:10px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.create-team-open-button:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 18px 36px #ea580c29}.create-team-open-button strong{letter-spacing:-.06em;font-size:clamp(1.6rem,5vw,2.4rem)}.create-team-open-button span,.student-select-panel p{color:var(--muted);font-size:.94rem;font-weight:800;line-height:1.45}.student-create-form,.student-select-panel{align-content:center;gap:14px;display:grid}.student-create-form input,.student-create-form button,.student-team-select,.student-select-panel .primary-button{width:100%}.student-create-panel strong,.student-select-panel strong{font-size:1.08rem;font-weight:900}.student-team-select{border-radius:16px;min-height:52px;padding:0 16px}.buzzer-card h1{margin-inline:auto;font-size:clamp(2rem,8vw,4.6rem)}.buzzer-card .eyebrow{letter-spacing:-.04em;font-size:clamp(1.55rem,6vw,3rem);line-height:1.05}.student-team-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 42px);min-height:1.1em;margin:42px auto 0;display:block;overflow:hidden}.buzzer-stage{place-items:center;display:grid;position:relative}.student-guidance-overlay{z-index:3;width:min(88%,420px);color:var(--ink);text-align:center;text-shadow:0 2px #fff7ead1,0 10px 28px #7c2d1233;pointer-events:none;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.buzzer-button{isolation:isolate;background:radial-gradient(circle at 50% 42%,#fffffff2 0 10%,#0000 11%),radial-gradient(circle at 34% 24%,#fff7ad 0 9%,#0000 10%),radial-gradient(circle at 38% 30%,#fbbf24 0 21%,#f97316 42%,#c2410c 72%,#7c2d12 100%);border:0;border-radius:50%;width:min(76vw,340px);height:min(76vw,340px);margin:34px auto 22px;transition:transform .12s,box-shadow .12s,filter .16s;position:relative;box-shadow:inset 0 18px 36px #ffffff5c,inset 0 -28px 42px #7c2d125c,0 30px #7c2d12,0 46px 76px #9a341257}.buzzer-button:after{content:"";z-index:-1;opacity:0;background:radial-gradient(circle,#fbbf2485,#f9731647 38%,#0000 68%);border-radius:50%;transition:opacity .18s,transform .18s;position:absolute;inset:-18%;transform:scale(.86)}.buzzer-button:before{content:"";border:10px solid #fff7edc7;border-radius:50%;position:absolute;inset:10%}.buzzer-button span{background:radial-gradient(circle at 34% 24%,#fffbd1,#fb923c 42%,#dc2626 100%);border-radius:50%;position:absolute;inset:22%;box-shadow:inset 0 16px 28px #ffffff57,inset 0 -18px 24px #7f1d1d47}.buzzer-button:not(:disabled):active{transform:translateY(16px)scale(.98);box-shadow:0 12px #7c2d12,0 24px 42px #9a341247,0 0 70px #fbbf24c7}.buzzer-button:not(:disabled):active:after{opacity:1;transform:scale(1.08)}.buzzer-button:disabled{filter:grayscale(.8);opacity:.56}.buzzer-button.pressed,.buzzer-button.pressed:disabled{opacity:1;filter:none;transform:translateY(18px)scale(.98);box-shadow:inset 0 12px 28px #ffffff3d,inset 0 -18px 36px #7c2d126b,0 12px #7c2d12,0 24px 46px #9a341252,0 0 78px #fbbf24e0,0 0 130px #f973166b}.buzzer-button.pressed:after,.buzzer-button.glow:after{opacity:1;animation:1.4s ease-in-out infinite pulseGlow;transform:scale(1.08)}.score-card{border:1px solid var(--line);color:var(--muted);background:#ffffff94;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:.92rem;font-weight:900;display:inline-flex}.card-score{z-index:2;margin:0;position:absolute;top:18px;right:18px}.score-card b{color:var(--orange);font-size:1.16rem}.error-text{color:var(--red);margin-top:14px;font-weight:800}.reveal{animation:.52s both rise}.delay{animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popFlash{0%{filter:drop-shadow(0 0 #fbbf2400);transform:scale(.84)}55%{filter:drop-shadow(0 0 28px #fbbf24cc);transform:scale(1.08)}to{transform:scale(1)}}@keyframes countdownPop{0%{opacity:.62;transform:scale(.82)}38%{opacity:1;transform:scale(1.04)}to{opacity:.86;transform:scale(.94)}}@keyframes pulseGlow{0%,to{opacity:.72;transform:scale(1.02)}50%{opacity:1;transform:scale(1.14)}}@keyframes heartbeatButton{0%,to{transform:scale(1);box-shadow:0 18px 38px #16a34a47,0 0 #f59e0b75}14%{transform:scale(1.08)}28%{transform:scale(1)}42%{transform:scale(1.045);box-shadow:0 22px 42px #16a34a57,0 0 0 12px #f59e0b00}70%{transform:scale(1)}}@keyframes heartbeatRing{0%,to{opacity:0;transform:scale(.96)}18%{opacity:.9;transform:scale(1.02)}48%{opacity:0;transform:scale(1.16)}}@media (max-width:820px){.home-shell,.dashboard-shell,.student-shell{width:min(100% - 20px,1160px);padding:20px 0}.credit-badge{font-size:.78rem;top:10px;right:10px}.fullscreen-exit-button{top:10px;left:10px}.sound-controls{border-radius:18px}.student-sound-controls{top:auto;bottom:12px;left:12px}.card-score{padding:8px 12px;font-size:.82rem;top:12px;right:12px}.student-team-name{max-width:calc(100% - 32px);margin-top:40px}.student-guidance-overlay{width:min(86%,340px);top:16%}.feature-grid,.teacher-grid,.panel-grid{grid-template-columns:1fr}.teacher-action-grid{grid-template-columns:minmax(0,1fr) 120px;align-items:stretch;gap:10px}.teacher-controls-card{padding:14px}.compact-qr-card{align-self:stretch;padding:10px}.compact-qr-card svg{width:84px;height:84px}.compact-qr-card p{display:none}.compact-control-row{gap:8px}.compact-control-row button{min-height:42px;padding:0 14px;font-size:.92rem}.team-list{grid-template-columns:1fr}.topbar{flex-direction:column}.join-form,.join-form input,.join-form button,.mode-picker,.control-row:not(.compact-control-row) button,.control-with-help:not(.compact-control-row .control-with-help){width:100%}.control-with-help:not(.compact-control-row .control-with-help)>button{flex:1;width:100%}.mode-picker,.reset-zone{grid-template-columns:1fr}.reset-zone{flex-direction:column;align-items:stretch}.score-tools{order:3;justify-content:flex-start;width:100%}.student-entry-grid{grid-template-columns:1fr}.student-create-panel{min-height:188px}.hero-card,.teacher-board,.join-card,.buzzer-card,.panel{border-radius:24px}}.quiz-kind-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.quiz-kind-picker button{border:1px solid var(--line);text-align:left;background:#ffffffa6;border-radius:16px;align-content:center;gap:5px;min-height:92px;padding:18px 20px;display:grid}.quiz-kind-picker button.is-current{border:2px solid var(--orange);background:#fff0d7}.quiz-kind-picker strong{font-size:1.1rem}.quiz-kind-picker span{color:var(--muted);font-size:.9rem}.quiz-access,.quiz-library,.quiz-room{border:1px solid var(--line);background:#fffbf2;border-radius:22px;min-width:0;padding:clamp(20px,3vw,32px);box-shadow:0 12px 32px #582b0a14}.quiz-library-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.quiz-library-head h2{margin-top:4px;font-size:clamp(1.35rem,2.5vw,1.8rem)}.quiz-access .quiz-library{box-shadow:none;border:0;padding:0}.quiz-login{gap:18px;max-width:580px;line-height:1.6;display:grid}.quiz-login label,.quiz-editor label{gap:7px;font-weight:800;display:grid}.quiz-login input{width:100%}.quiz-login .primary-button{justify-self:start}.quiz-library-layout{grid-template-columns:minmax(180px,250px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.quiz-set-list{align-content:start;gap:8px;max-height:530px;display:grid;overflow-y:auto}.quiz-set-list>button:not(.quiz-ui-button){border:1px solid var(--line);text-align:left;overflow-wrap:anywhere;background:#fff;border-radius:12px;gap:4px;min-width:0;padding:13px;display:grid}.quiz-set-list>button.is-current{border-color:var(--orange);background:#fff0d7}.quiz-set-list small{color:var(--muted)}.quiz-editor{gap:18px;min-width:0;display:grid}.quiz-editor input:not([type=file]),.quiz-editor textarea{width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border:1px solid #5c321245;border-radius:10px;padding:12px 14px}.quiz-editor textarea{resize:vertical;line-height:1.55}.quiz-editor input[type=file]{border-radius:10px;width:100%;min-width:0;min-height:0;padding:12px}.quiz-question-edit{border:1px solid var(--line);background:#ffffffa3;border-radius:14px;gap:14px;min-width:0;padding:18px;display:grid}.quiz-question-edit legend{color:#9a3412;padding:0 6px;font-weight:900}.quiz-question-edit small{color:var(--muted)}.quiz-editor-actions,.quiz-room-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quiz-editor-actions button,.quiz-room-actions button,.quiz-text-button,.quiz-ui-button{color:#78350f;background:#fff;border:1px solid #d5ae7c;border-radius:9px;min-height:44px;padding:9px 15px;font-weight:800}.quiz-editor-actions button:hover:not(:disabled),.quiz-room-actions button:hover:not(:disabled),.quiz-text-button:hover:not(:disabled),.quiz-ui-button:hover:not(:disabled){background:#ffedd5}.quiz-ui-button{border-color:var(--orange);background:var(--orange);color:#fff}.quiz-ui-button:hover:not(:disabled){color:#fff;background:#c2410c}.quiz-library button:disabled{opacity:.65;cursor:not-allowed}.quiz-library[aria-busy=true] .quiz-question-edit{border-color:#d5ae7c}.quiz-library .quiz-alert button{min-height:44px;padding:8px}.quiz-library-head-actions{flex-wrap:wrap;gap:10px;display:flex}.quiz-editor-gate{border:1px solid var(--line);background:#fffbf2;border-radius:22px;min-width:0;padding:clamp(20px,3vw,32px);box-shadow:0 12px 32px #582b0a14}.quiz-editor-gate>.quiz-library{box-shadow:none;background:0 0;border:0;padding:0}.quiz-editor-gate .quiz-login{margin-top:18px}.quiz-list-dashboard .quiz-editor-gate{width:100%;box-shadow:none;background:0 0;border:0;margin-top:28px;padding:0}.quiz-wide-editor{border-radius:18px;width:100%;max-width:1140px;margin-inline:auto;background:#fdf9f2!important;border:1px solid #e9dccb!important;padding:clamp(18px,3vw,32px)!important;box-shadow:0 12px 38px #51301412!important}.quiz-wide-header{border-bottom:1px solid #e8dccc;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;padding-bottom:24px;display:flex}.quiz-wide-header h2{color:#322319;letter-spacing:-.045em;margin-top:7px;font-size:clamp(1.5rem,3vw,2.2rem)}.quiz-wide-header-actions{flex-wrap:wrap;gap:9px;display:flex}.quiz-wide-header-actions .quiz-ui-button{color:#fff;background:#d65013;border-color:#d65013}.quiz-wide-form{gap:22px;padding-top:24px;display:grid}.quiz-wide-form label{color:#493222;gap:9px;font-size:.92rem;font-weight:800;display:grid}.quiz-wide-form :is(input:not([type=file]),textarea){color:#2e221d;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #decbbb;border-radius:9px;padding:12px 14px;font-weight:500;line-height:1.5}.quiz-wide-form textarea{resize:vertical;min-height:145px}.quiz-wide-title input{min-height:52px}.quiz-wide-columns{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.quiz-wide-sidebar,.quiz-wide-detail{background:#fff;border:1px solid #eaded1;border-radius:13px;min-width:0;padding:clamp(16px,2.3vw,24px)}.quiz-wide-sidebar h3,.quiz-wide-detail h3{color:#30221a;letter-spacing:-.02em;font-size:1.12rem}.quiz-wide-sidebar h3 span{color:#8c7564;font-size:.83rem;font-weight:700}.quiz-wide-problems{align-content:start;gap:8px;max-height:480px;margin-top:17px;display:grid;overflow-y:auto}.quiz-wide-problem{color:#3e2c20;text-align:left;background:#fff;border:1px solid #e5d6c5;border-radius:9px;align-content:center;gap:5px;min-width:0;min-height:70px;padding:10px 13px;display:grid}.quiz-wide-problem:hover:not(:disabled){background:#fff7ed;border-color:#cf8f5b}.quiz-wide-problem.is-active{background:#fff1e3;border:2px solid #df5415}.quiz-wide-problem span{font-size:.86rem;font-weight:900}.quiz-wide-problem small{color:#79665a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;overflow:hidden}.quiz-wide-problem.is-empty small{color:#9e7562}.quiz-wide-add{color:#9d4116;background:#fffbf6;border:1px dashed #cf8f5b;border-radius:9px;width:100%;min-height:46px;margin-top:15px;font-weight:900}.quiz-wide-add:hover:not(:disabled){background:#ffeedb}.quiz-wide-sidebar>p{color:#8d796a;margin-top:10px;font-size:.77rem;line-height:1.5}.quiz-wide-detail{gap:22px;display:grid}.quiz-wide-detail h3{border-bottom:1px solid #efe4d7;padding-bottom:14px}.quiz-wide-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.quiz-wide-media small{color:#8d796a;font-size:.76rem;font-weight:500;line-height:1.5}.quiz-wide-image{gap:9px;min-width:0;display:grid}.quiz-wide-image>span{color:#493222;font-size:.92rem;font-weight:800}.quiz-wide-drop{color:#915126;text-align:center;background:#fffaf4;border:2px dashed #d4a97f;border-radius:11px;align-content:center;justify-items:center;gap:7px;min-height:155px;padding:17px;display:grid}.quiz-wide-drop.is-dragging{background:#ffefdc;border-color:#d85113}.quiz-wide-drop svg{width:30px;height:30px}.quiz-wide-drop>span{font-size:.78rem;line-height:1.45}.quiz-wide-drop button{color:#8d3f18;background:#fff;border:1px solid #dcad80;border-radius:7px;min-height:40px;padding:7px 13px;font-weight:800}.quiz-wide-drop .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiz-wide-preview{gap:7px;min-width:0;display:grid}.quiz-wide-preview .quiz-image{max-height:210px}.quiz-wide-preview button{justify-self:start}.quiz-wide-bottom{border-top:1px solid #efe4d7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;display:flex}.quiz-wide-bottom>div{gap:8px;display:flex}.quiz-wide-bottom button,.quiz-wide-set-actions button{color:#744328;background:#fff;border:1px solid #d8b48d;border-radius:8px;min-height:44px;padding:8px 14px;font-weight:800}.quiz-wide-bottom .quiz-wide-remove,.quiz-wide-set-actions .quiz-wide-remove{color:#ab3223;background:#fff9f7;border-color:#f1c4b7}.quiz-wide-remove:hover:not(:disabled){background:#ffede7}.quiz-wide-set-actions{border-top:1px solid #e8dccc;justify-content:flex-end;padding-top:15px;display:flex}.quiz-wide-editor :is(button,input,textarea):focus-visible{outline-offset:2px;outline:3px solid #d75012}.quiz-wide-editor button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:820px){.quiz-wide-columns{grid-template-columns:1fr}.quiz-wide-problems{max-height:none;padding-bottom:8px;display:flex;overflow-x:auto}.quiz-wide-problem{flex:0 0 175px}}@media (max-width:580px){.quiz-wide-editor{padding:18px!important}.quiz-wide-header-actions,.quiz-wide-header-actions button{width:100%}.quiz-wide-media{grid-template-columns:1fr}.quiz-wide-bottom{flex-direction:column;align-items:stretch}.quiz-wide-bottom .quiz-wide-remove{width:100%}}.quiz-topic-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;display:grid}.quiz-topic-card{background:#fffdf8;border:1px solid #eac493;border-radius:18px;flex-direction:column;gap:12px;min-width:0;min-height:225px;padding:22px;display:flex;box-shadow:0 7px 19px #582b0a0f}.quiz-topic-card>span{color:#b45309;letter-spacing:.09em;font-size:.76rem;font-weight:900}.quiz-topic-card h3{overflow-wrap:anywhere;font-size:1.3rem;line-height:1.38}.quiz-topic-card p{color:var(--muted);font-size:.9rem}.quiz-topic-card>div{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.quiz-library-layout--editor{grid-template-columns:minmax(0,1fr);max-width:820px}.quiz-list-intro,.quiz-connecting{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:clamp(22px,4vw,40px)}.quiz-list-intro h1{margin-block:10px 16px;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.12}.quiz-list-intro>p:not(.eyebrow),.quiz-connecting p{color:var(--muted);line-height:1.6}.quiz-list-intro>button{margin-top:20px}.quiz-rankings-backdrop{z-index:45}.quiz-rankings-modal{width:min(700px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow);background:#fff7ea;border-radius:24px;padding:clamp(20px,4vw,34px);overflow-y:auto}.quiz-rankings-modal>.muted{margin-bottom:18px}.quiz-ranking-list{gap:10px;list-style:none;display:grid}.quiz-ranking-list>li{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;display:grid}.quiz-ranking-list>li>span{color:#9a3412;font-weight:900}.quiz-ranking-list .team-row{min-width:0}.quiz-rankings-modal :focus-visible{outline:3px solid var(--blue);outline-offset:2px}.quiz-alert{border-left:3px solid var(--red);color:#991b1b;background:#fff1ee;margin-top:14px;padding:12px;line-height:1.5}.quiz-alert button{color:inherit;background:0 0;margin-left:8px;text-decoration:underline}.quiz-notice{color:#166534;margin-top:14px;font-weight:800}.quiz-room{gap:16px;display:grid}.quiz-room .quiz-library-head{margin:0}.quiz-step{color:#9a3412;background:#ffedd5;border-radius:8px;padding:7px 12px;font-weight:900}.quiz-current{background:#fff;border:1px solid #eac493;border-radius:14px;min-width:0;padding:clamp(18px,4vw,32px)}.quiz-question-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(1.35rem,3vw,2.3rem);font-weight:800;line-height:1.5}.quiz-media{gap:14px;max-width:680px;margin-top:18px;display:grid}.quiz-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:400px;display:block}.quiz-media audio{width:min(100%,480px)}.quiz-media iframe{aspect-ratio:16/9;border:0;border-radius:8px;width:100%}.quiz-room .muted{font-size:.9rem}.quiz-play-shell{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:22px;width:min(1280px,100% - 40px)}.quiz-play-shell .quiz-room{background:#fffcf6;grid-area:1/1;min-height:min(78vh,850px)}.quiz-play-shell .teacher-board{border-radius:22px;grid-area:1/2;padding:20px}.quiz-play-shell .teacher-board:after{display:none}.quiz-play-shell .topbar{gap:16px;display:grid}.quiz-play-shell .topbar h1{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2}.quiz-play-shell .pill-stack{justify-content:flex-start}.quiz-play-shell .teacher-action-grid{grid-template-columns:1fr}.quiz-play-shell .teacher-controls-card{border-radius:14px;padding:14px}.quiz-play-shell .compact-control-row{margin:0}.fullscreen-mode.quiz-play-shell .teacher-board .control-row{display:flex}.quiz-play-shell .compact-control-row>button,.quiz-play-shell .compact-control-row .control-with-help{flex:auto}.quiz-play-shell .compact-control-row .control-with-help>button{width:100%}.quiz-play-shell .compact-qr-card{border-radius:14px;justify-content:flex-start;width:100%;min-height:95px;padding:10px;display:flex}.quiz-play-shell .compact-qr-card svg{flex:none;width:76px;height:76px}.quiz-play-shell .compact-qr-card p{overflow-wrap:anywhere;text-align:left;min-width:0;display:block}.quiz-play-shell .inline-settings input{width:65px;min-width:0}.quiz-play-shell .quiz-live-status{background:#fff2d9;border:1px solid #eac493;border-radius:14px;gap:8px;margin-top:18px;padding:16px;display:grid}.quiz-live-status strong{font-size:1.15rem}.quiz-live-status p,.quiz-recent{color:var(--muted);font-size:.88rem;line-height:1.5}.quiz-recent{border-top:1px solid var(--line);padding-top:10px}.quiz-recent h2{font-size:.9rem}.quiz-recent p{margin-top:5px}.quiz-sidebar-danger{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.quiz-sidebar-danger button{color:#991b1b;flex:1}.quiz-play-shell .quiz-current{flex-direction:column;flex:1;justify-content:center;min-height:430px;display:flex}.quiz-play-shell .quiz-question-text{font-size:clamp(1.75rem,3vw,3.2rem)}.quiz-play-shell .quiz-media{width:100%;max-width:900px}.quiz-play-shell .quiz-image{max-height:min(50vh,550px)}.quiz-play-shell .quiz-room-actions{justify-content:flex-end}.quiz-play-shell .quiz-room-actions button:last-child{background:var(--orange);color:#fff}.quiz-play-shell .quiz-room-actions button:last-child:disabled{opacity:.5}.quiz-play-shell .credit-badge{display:none}.quiz-play-shell .quiz-room{background:#fdfaf5;border-radius:18px;min-height:720px;padding:26px;box-shadow:0 12px 36px #582b0a14}.quiz-play-shell .quiz-library-head h2{overflow-wrap:anywhere;margin-top:10px;font-size:1.4rem}.quiz-play-private{color:#9a461b;background:#fff0db;border-radius:6px;padding:5px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.quiz-play-shell .quiz-current{text-align:center;background:#fff;border-color:#eaded0;min-height:440px;padding:32px}.quiz-play-shell .quiz-question-text{font-size:clamp(2rem,2.8vw,2.25rem);line-height:1.5}.quiz-play-shell .quiz-media{justify-items:center;margin-inline:auto}.quiz-play-shell .quiz-room-actions{justify-content:space-between;gap:12px}.quiz-play-shell .quiz-room-actions button{min-height:50px;padding-inline:22px}.quiz-play-shell .quiz-play-note{color:#826c5c;text-align:center;font-size:.83rem;line-height:1.6}.quiz-play-controller{grid-area:1/2;gap:12px;min-width:0;display:grid}.quiz-play-panel{background:#fffdf9;border:1px solid #e8d9c7;border-radius:14px;min-width:0;padding:20px;box-shadow:0 7px 20px #582b0a0b}.quiz-play-panel h2{color:#403025;font-size:1rem}.quiz-play-room-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.quiz-play-room-heading p{color:#8d7360;font-size:.78rem;font-weight:800}.quiz-play-room-heading strong{color:#ae4312;letter-spacing:.1em;font-size:2rem;font-weight:900;display:block}.quiz-play-outline{color:#87421f;background:#fff;border:1px solid #dcb894;border-radius:8px;min-height:44px;padding:9px 13px;font-weight:800}.quiz-play-outline:hover{background:#fff0df}.quiz-play-qr{color:#806853;text-align:left;background:#fff;border:1px solid #eadfd0;border-radius:9px;align-items:center;gap:13px;width:100%;margin-top:12px;padding:12px;display:flex}.quiz-play-qr svg{flex:none}.quiz-play-qr span{overflow-wrap:anywhere;min-width:0;font-size:.78rem}.quiz-play-sound{border:0;min-width:0;margin-top:14px}.quiz-play-sound legend{color:#806853;margin-bottom:6px;font-size:.8rem;font-weight:800}.quiz-play-sound .sound-controls{background:#fff3e3;border-radius:9px;padding:4px;display:flex!important}.quiz-play-sound .sound-controls button,.quiz-play-sound select{border-radius:7px;min-height:44px}.quiz-play-sound select{flex:1;min-width:0}.quiz-play-pills{flex-wrap:wrap;gap:6px;display:flex}.quiz-play-pills span{color:#70533d;background:#f6eee4;border-radius:6px;padding:6px 8px;font-size:.75rem;font-weight:800}.quiz-play-pills .quiz-play-status.active{color:#166534;background:#dcfce7}.quiz-play-pills .quiz-play-status.locked,.quiz-play-pills .quiz-play-status.ended{color:#991b1b;background:#fee2e2}.quiz-play-start{color:#fff;background:#d75012;border-radius:9px;width:100%;min-height:58px;margin-top:15px;font-size:1.12rem;font-weight:900}.quiz-play-start:hover:not(:disabled){background:#b6400c}.quiz-play-hint{color:#8a725f;margin-top:9px;font-size:.79rem;line-height:1.5}.quiz-play-round{width:100%;margin-top:12px}.quiz-play-panel-heading{justify-content:space-between;align-items:center;display:flex}.quiz-play-panel-heading>span{color:#917967;font-size:.8rem}.quiz-play-history{gap:7px;margin-block:14px;list-style:none;display:grid}.quiz-play-history li{background:#fff;border:1px solid #f0e3d6;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.quiz-play-history b{color:#ba4e16}.quiz-play-history strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.9rem}.quiz-play-history li>span{color:#917967;font-size:.73rem}.quiz-play-history .quiz-play-empty{color:#8d7563;text-align:center;padding-block:18px;font-size:.83rem;line-height:1.6;display:block}.quiz-play-rankings{width:100%}.quiz-play-stepper{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.quiz-play-stepper label{font-size:.86rem;font-weight:800}.quiz-play-stepper small{color:#907560;margin-top:4px;font-size:.74rem;font-weight:500;display:block}.quiz-play-stepper>div{align-items:center;display:flex}.quiz-play-stepper button{color:#9e471d;background:#fff0dd;border-radius:7px;width:44px;height:44px;font-size:1.2rem;font-weight:800}.quiz-play-stepper input{text-align:center;background:0 0;border:0;border-radius:0;width:56px;min-width:0;min-height:44px;padding:5px}.quiz-play-utilities{gap:8px;display:grid}.quiz-play-destructive{color:#a93222;background:#fff9f6;border:1px solid #eed1c4;border-radius:8px;min-height:44px;font-weight:800}.quiz-play-shell button:disabled{opacity:.5;cursor:not-allowed}.quiz-play-shell :is(button,input,select):focus-visible{outline-offset:2px;outline:3px solid #d75012}@media (max-width:950px){.quiz-play-controller{grid-area:2/1}}@media (max-width:580px){.quiz-play-shell .quiz-room{min-height:0;padding:18px}.quiz-play-shell .quiz-current{padding:22px 16px}}.quiz-play-shell{grid-template-columns:minmax(0,1fr) 340px;padding-block:18px}.quiz-play-controller{gap:10px}.quiz-play-panel{padding:12px}.quiz-play-room-heading{gap:8px}.quiz-play-room-heading strong{font-size:1.7rem}.quiz-play-room-heading p{font-size:.72rem}.quiz-play-room-heading .quiz-play-outline{padding-inline:9px;font-size:.78rem}.quiz-play-mini-qr{background:#fff;border:1px solid #eadfd0;border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid}.quiz-play-copy-feedback{color:#924313;font-size:.75rem;line-height:1.4;display:block}.quiz-play-copy-feedback:empty{display:none}.quiz-play-sound-menu{margin-top:4px;position:relative}.quiz-play-sound-menu summary{color:#805132;cursor:pointer;background:#fff1df;border-radius:7px;align-items:center;min-height:44px;padding:6px 10px;font-size:.8rem;font-weight:800;display:flex}.quiz-play-sound-menu summary:after{content:"+";margin-left:auto}.quiz-play-sound-menu[open] summary:after{content:"−"}.quiz-play-sound-menu .quiz-play-sound{z-index:8;background:#fff;border:1px solid #ddc0a2;border-radius:9px;margin-top:5px;padding:12px;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 24px #3c1e0a26}.quiz-play-start{min-height:48px;margin-top:8px;font-size:1rem}.quiz-play-hint{margin-top:6px;font-size:.75rem}.quiz-play-round{min-height:44px;margin-top:7px;font-size:.79rem}.quiz-play-history{gap:4px;min-height:100px;margin-block:8px}.quiz-play-history li{min-height:30px;padding:5px 8px;animation:.18s ease-out quizArrival}.quiz-play-history .quiz-play-empty{place-items:center;padding:12px 8px;display:grid}.quiz-play-rankings{min-height:44px;font-size:.83rem}.quiz-play-score-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:9px;display:grid}.quiz-play-score-columns .quiz-play-stepper{gap:5px;margin-top:0;display:grid}.quiz-play-score-columns .quiz-play-stepper>div{width:100%}.quiz-play-score-columns .quiz-play-stepper input{appearance:textfield;flex:1;width:42px}.quiz-play-score-columns input::-webkit-inner-spin-button{appearance:none;margin:0}.quiz-play-score-columns input::-webkit-outer-spin-button{appearance:none;margin:0}.quiz-play-score-columns button{flex:0 0 44px}.quiz-play-utilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quiz-play-utilities>button:first-child{grid-column:1/-1}.quiz-play-utilities button{padding-inline:5px;font-size:.77rem}.quiz-play-shell .quiz-room{gap:12px;min-height:0}.quiz-play-shell .quiz-current{min-height:350px}.quiz-play-shell .quiz-room-actions{gap:9px}.quiz-play-shell .quiz-room-actions button{min-height:48px}.quiz-play-shell .quiz-play-note{margin:0;font-size:.76rem}.quiz-play-shell summary:focus-visible{outline-offset:2px;outline:3px solid #d75012}@keyframes quizArrival{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}.quiz-play-shell .quiz-current{position:relative}.teacher-countdown{z-index:6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#451a031a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.teacher-countdown-ring{place-items:center;width:228px;height:228px;display:grid;position:relative}.teacher-countdown-ring svg{fill:none;stroke-width:2px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.teacher-countdown-track{stroke:#e0531429}.teacher-countdown-progress{stroke:#e05314;stroke-linecap:round}.teacher-countdown-ring strong{color:#e05314;letter-spacing:-.05em;font-size:128px;font-weight:900;line-height:1;animation:.16s ease-out both teacherCountPop}.teacher-countdown>p{color:#894019;background:#fffcf6db;border-radius:8px;padding:7px 12px;font-size:.88rem;font-weight:800}.teacher-countdown--start{animation:.65s forwards teacherCountFade}.teacher-countdown--start strong{color:#15803d;letter-spacing:-.03em;font-size:54px}.teacher-countdown--start .teacher-countdown-ring svg{opacity:0}.teacher-countdown--start>p{color:#166534}@keyframes teacherCountPop{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes teacherCountFade{0%,65%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.teacher-countdown,.teacher-countdown-ring strong{animation:none}.teacher-countdown-progress{visibility:hidden}}@media (min-width:1024px) and (min-height:740px){.quiz-play-shell{min-height:100svh}.quiz-play-shell .quiz-room{min-height:calc(100svh - 36px)}.quiz-play-shell .quiz-current{min-height:0}.quiz-play-shell .quiz-media{width:100%}.quiz-play-shell .quiz-image{object-fit:contain;max-width:100%;max-height:calc(100svh - 400px)}.quiz-play-shell .quiz-media iframe{max-height:calc(100svh - 440px)}}@media (max-width:950px){.quiz-play-shell{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.quiz-play-history li{animation:none}}.quiz-list-shell{align-content:start;gap:20px;width:100%;max-width:none;padding:0 0 56px}.quiz-list-shell .credit-badge{display:none}.quiz-list-status{background:#fff;border-bottom:1px solid #ecdccb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;width:100%;min-width:0;padding:15px clamp(20px,3vw,44px);display:flex;box-shadow:0 3px 14px #582b0a09}.quiz-list-status-brand,.quiz-list-status-details{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quiz-list-status-brand strong{color:#30221a;letter-spacing:-.025em;font-size:1.12rem;font-weight:900}.quiz-list-back{color:#7a5339;border-radius:8px;align-items:center;gap:5px;min-height:44px;padding:8px 10px;font-size:.88rem;font-weight:800;display:inline-flex}.quiz-list-back:hover{color:#a44212;background:#fff0e0}.quiz-list-back>span{font-size:1.5rem;font-weight:900;line-height:1;transition:transform .17s;display:inline-block}.quiz-list-back:hover>span,.quiz-list-back:focus-visible>span{transform:translate(-4px)}.quiz-list-status-divider{background:#e4d2bf;width:1px;height:22px}.quiz-list-code,.quiz-list-chip{white-space:nowrap;border-radius:8px;align-items:center;min-height:38px;padding:6px 12px;font-size:.83rem;font-weight:800;display:inline-flex}.quiz-list-code{color:#fff;background:#d84a10;gap:7px}.quiz-list-code strong{color:#fff;letter-spacing:.08em;font-size:1rem}.quiz-list-code button{color:#fff;background:#ffffff30;border-radius:6px;place-items:center;width:34px;height:34px;margin-block:-4px;display:grid}.quiz-list-code button:hover{background:#ffffff57}.quiz-list-copy-feedback{color:#93400d;font-size:.82rem;font-weight:800}.quiz-list-copy-feedback:empty{display:none}.quiz-list-chip{color:#58483b;background:#fffdf9;border:1px solid #eadccf}.quiz-list-dashboard{background:#fff;border:1px solid #ebdfd0;border-radius:20px;width:min(1200px,100% - 40px);min-width:0;min-height:440px;margin-inline:auto;padding:clamp(22px,3.3vw,40px);box-shadow:0 18px 48px #452c1716}.quiz-list-heading{border-bottom:1px solid #f0e6dd;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;padding-bottom:26px;display:flex}.quiz-list-heading h1{letter-spacing:-.045em;margin-top:9px;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.2}.quiz-list-heading p:last-child{color:#75665b;margin-top:12px;font-size:.95rem;line-height:1.6}.quiz-list-content{padding-top:27px}.quiz-list-dashboard .quiz-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}.quiz-list-dashboard .quiz-topic-card{background:#fffdf9;border-color:#eadfd5;border-radius:14px;height:100%;min-height:250px;padding:21px;box-shadow:0 6px 18px #582b0a0b}.quiz-topic-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.quiz-list-dashboard .quiz-topic-badge{color:#99501e;background:#fff1dd;border-radius:5px;width:fit-content;padding:5px 8px;font-size:.73rem}.quiz-topic-manage{color:#935234;background:0 0;border-radius:8px;place-items:center;width:44px;height:44px;margin:-8px -8px -8px 0;transition:background-color .16s,opacity .16s;display:grid}.quiz-topic-manage:hover,.quiz-topic-manage:focus-visible{color:#a43c11;background:#fff0e2}@media (hover:hover) and (pointer:fine){.quiz-topic-manage{opacity:.44}.quiz-topic-card:hover .quiz-topic-manage,.quiz-topic-card:focus-within .quiz-topic-manage{opacity:1}}.quiz-list-dashboard .quiz-topic-card h2{overflow-wrap:anywhere;color:#2c211b;letter-spacing:-.025em;font-size:1.24rem;line-height:1.4}.quiz-list-dashboard .quiz-topic-card p{font-size:.85rem}.quiz-list-dashboard .quiz-topic-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.quiz-list-dashboard .quiz-topic-actions button{min-height:44px}.quiz-list-dashboard .quiz-topic-actions .quiz-ui-button{color:#fff;background:#d85113;border-color:#d85113;flex:auto}.quiz-list-dashboard .quiz-topic-actions .quiz-ui-button:hover:not(:disabled){background:#b8400d}.quiz-list-dashboard .quiz-topic-actions .quiz-text-button{color:#88401b;background:0 0;border-color:#d4ad8b;flex:none}.quiz-list-dashboard .quiz-topic-actions button:disabled{opacity:.58;cursor:not-allowed}.quiz-topic-create{color:#8d421c;text-align:center;background:#fffbf6;border:2px dashed #d9ae86;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:11px;height:100%;min-height:250px;padding:25px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.quiz-topic-create:hover{background:#fff1e2;border-color:#d85113;transform:translateY(-2px)}.quiz-topic-create-icon{border:2px solid;border-radius:50%;place-items:center;width:54px;height:54px;font-size:2rem;font-weight:400;line-height:1;display:grid}.quiz-topic-create strong{color:#5b2d17;font-size:1.04rem}.quiz-topic-create small{color:#8c7666;font-size:.83rem;line-height:1.5}.quiz-list-empty{color:#705e50;text-align:center;background:#fffcf6;border:1px dashed #d9b993;border-radius:14px;grid-column:1/-1;place-items:center;min-height:180px;padding:34px;line-height:1.6;display:grid}.quiz-list-more{color:#8c4219;background:#fff8f0;border:1px solid #dfb48b;border-radius:9px;min-height:44px;margin:22px auto 0;padding:8px 20px;font-weight:800;display:block}.quiz-list-more:hover:not(:disabled){background:#ffedd8}.quiz-list-shell :is(a,button,input,textarea):focus-visible{outline-offset:3px;outline:3px solid #d75012}.quiz-editor-modal-backdrop{z-index:55;background:#28190f9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.quiz-editor-modal{background:#fffcf6;border:1px solid #e8cba9;border-radius:18px;width:min(460px,100%);max-height:calc(100dvh - 40px);padding:clamp(22px,4vw,34px);overflow-y:auto;box-shadow:0 26px 80px #1a10084d}.quiz-editor-modal-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quiz-editor-modal h2{margin-top:6px;font-size:clamp(1.35rem,4vw,1.8rem)}.quiz-editor-modal-close{color:#6c351c;background:#fff4e8;border:1px solid #e4cbb1;border-radius:9px;flex:none;width:44px;height:44px;font-size:1.6rem;line-height:1}.quiz-editor-modal-close:hover{background:#ffe9d2}.quiz-editor-modal>p{color:#705d50;margin-top:16px;font-size:.95rem;line-height:1.65}.quiz-editor-modal .quiz-login{margin-top:22px}.quiz-editor-modal .quiz-login input{background:#fff;border-radius:9px}.quiz-editor-modal .quiz-login .primary-button{min-height:48px;box-shadow:none;background:#d75012;border-radius:9px}.quiz-editor-modal :focus-visible{outline-offset:3px;outline:3px solid #d75012}@media (max-width:950px){.quiz-list-dashboard .quiz-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.quiz-list-shell{gap:16px;width:100%;padding-block:0 40px}.quiz-list-status{padding:10px 15px}.quiz-list-status-divider{display:none}.quiz-list-status-details{gap:6px}.quiz-list-dashboard{border-radius:16px;width:calc(100% - 20px);padding:22px 17px}.quiz-list-heading{align-items:flex-start}.quiz-list-dashboard .quiz-topic-grid{grid-template-columns:1fr}.quiz-list-dashboard .quiz-topic-card{min-height:200px}.quiz-topic-create{min-height:190px}}@media (prefers-reduced-motion:reduce){.quiz-list-shell :is(button,a){transition:none}.quiz-topic-create:hover,.quiz-list-back:hover>span,.quiz-list-back:focus-visible>span{transform:none}}:is(.quiz-kind-picker,.quiz-library,.quiz-room,.quiz-login) :focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (max-width:950px){.quiz-play-shell{grid-template-columns:1fr}.quiz-play-shell .quiz-room{grid-area:1/1;min-height:0}.quiz-play-shell .teacher-board{grid-area:2/1}.quiz-play-shell .quiz-current{min-height:260px}}@media (max-width:700px){.quiz-library-layout,.quiz-kind-picker{grid-template-columns:1fr}.quiz-set-list{max-height:220px}.quiz-question-edit{padding:14px}.quiz-play-shell{width:min(100% - 20px,1480px)}.quiz-play-shell .teacher-action-grid{grid-template-columns:1fr}.quiz-play-shell .quiz-question-text{font-size:clamp(1.5rem,7vw,2.5rem)}.quiz-ranking-list>li{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.quiz-kind-picker *,.quiz-library *,.quiz-room *{transition:none!important;animation:none!important}}.home-shell{background:#fdfbf7;place-items:center;width:100%;max-width:none;min-height:100svh;padding:52px 24px 72px;display:grid}.home-dashboard{background:#fff;border:1px solid #ebdfd0;border-radius:20px;width:min(1160px,100%);min-width:0;padding:clamp(24px,3.5vw,46px);box-shadow:0 24px 70px #452c1717,0 4px 14px #452c1709}.home-heading{border-bottom:1px solid #efe6db;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:end;gap:24px;min-width:0;padding-bottom:29px;display:grid}.home-kicker{color:#a14c20;letter-spacing:.09em;font-size:.77rem;font-weight:800}.home-kicker span{color:#d3b89f;margin-inline:6px}.home-heading h1{color:#2d2018;letter-spacing:-.05em;grid-column:1;max-width:none;margin:0;font-size:clamp(2rem,4.1vw,3.3rem);font-weight:900;line-height:1.15}.home-heading p{color:#75665b;border-left:2px solid #efb477;grid-area:1/2/3;max-width:27ch;margin:0 0 3px auto;padding-left:20px;font-size:.96rem;line-height:1.65}.home-dashboard-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(26px,3.5vw,44px);padding-top:29px;display:grid}.home-choices{align-content:start;gap:27px;min-width:0;display:grid}.home-choice-group{min-width:0}.home-choice-group+.home-choice-group{border-top:1px solid #efe6db;padding-top:26px}.home-group-heading{align-items:flex-start;gap:13px;margin-bottom:15px;display:flex}.home-group-heading>span{color:#a64514;background:#fff1dc;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:900;display:grid}.home-group-heading h2{color:#30231a;font-size:1.08rem;line-height:1.3}.home-group-heading p{color:#827164;margin-top:3px;font-size:.82rem;line-height:1.4}.home-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-choice{color:#352720;text-align:left;background:#fff;border:1.5px solid #e6ded5;border-radius:12px;align-items:center;gap:13px;min-width:0;min-height:108px;padding:15px 16px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:flex}.home-choice:hover{background:#fffbf5;border-color:#d98a55;transform:translateY(-1px)}.home-choice.is-selected{background:#fff1e2;border:2px solid #e05314;box-shadow:inset 0 0 0 1px #d65c1914}.home-choice-icon{color:#b25927;flex:none;width:29px;height:29px}.home-choice.is-selected .home-choice-icon{color:#c34b13}.home-choice>span{gap:4px;min-width:0;display:grid}.home-choice strong{font-size:.98rem;line-height:1.3}.home-choice small{color:#716255;font-size:.8rem;line-height:1.4}.home-entry{background:#fdfaf5;border:1px solid #f0e3d4;border-radius:16px;align-self:start;min-width:0;padding:clamp(22px,3vw,30px)}.home-entry-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.home-entry-heading span{color:#9a4413;letter-spacing:.11em;background:#ffedd8;border-radius:6px;padding:5px 9px;font-size:.7rem;font-weight:900;display:inline-flex}.home-entry-heading h2{color:#352720;letter-spacing:-.03em;margin-top:14px;font-size:1.4rem}.home-logout{color:#8b491f;background:#fff6eb;border-radius:8px;min-height:44px;padding:7px 12px;font-size:.85rem;font-weight:800}.home-session-note,.home-login>p{color:#75665b;margin:12px 0 22px;font-size:.92rem;line-height:1.65}.home-login{margin-top:10px}.home-login label,.home-join label{color:#453328;margin-bottom:8px;font-size:.88rem;font-weight:800;display:block}.home-login>div,.home-join>div{gap:9px;display:flex}.home-login input,.home-join input{background:#fff;border:1px solid #ddcbbb;border-radius:9px;flex:auto;width:0;min-width:0;min-height:48px;padding:10px 14px}.home-login button,.home-join button{color:#81350e;background:#fff6ea;border:1px solid #d4a679;border-radius:9px;flex:none;min-height:48px;padding:10px 20px;font-weight:800}.home-login button:hover:not(:disabled),.home-join button:hover{background:#ffeacf}.home-create{color:#fff;background:#d75012;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:58px;padding:13px 14px;font-size:clamp(.9rem,1.5vw,1.02rem);font-weight:900;transition:background-color .16s,transform .16s;display:inline-flex;box-shadow:0 8px 18px #b0430d2b}.home-create svg{width:19px;height:19px}.home-create:hover:not(:disabled){background:#af3e0a;transform:translateY(-2px)}.home-create:disabled{opacity:.62;box-shadow:none}.home-error{color:#af241c;margin-top:13px;font-size:.88rem;font-weight:800;line-height:1.5}.home-entry-divider{color:#977e6c;align-items:center;gap:13px;margin:34px 0 22px;font-size:.8rem;font-weight:800;display:flex}.home-entry-divider:before,.home-entry-divider:after{content:"";background:#efe6db;flex:1;height:1px}.home-join input{text-transform:uppercase;letter-spacing:.12em}.home-join button{color:#fff;background:#453026;border-color:#453026}.home-join button:hover{background:#624535}.home-shell :is(button,input):focus-visible{outline-offset:3px;outline:3px solid #d75012}@media (max-width:880px){.home-shell{padding:32px 20px 52px}.home-heading{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr)}.home-dashboard-body{grid-template-columns:1fr}.home-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-choice-group+.home-choice-group{border-top:0;padding-top:0}.home-choice-grid{grid-template-columns:1fr}.home-choice{min-height:76px}}@media (max-width:640px){.home-shell{padding:16px 12px 36px}.home-dashboard{border-radius:16px;padding:24px 18px}.home-heading{grid-template-columns:1fr;gap:9px;padding-bottom:22px}.home-heading p{grid-area:auto/1;max-width:none;margin:4px 0 0}.home-dashboard-body{gap:26px;padding-top:22px}.home-choices{grid-template-columns:1fr;gap:22px}.home-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-choice{min-height:72px}.home-entry{padding:20px 16px}}@media (max-width:480px){.home-choice-grid{grid-template-columns:1fr}}@media (max-width:360px){.home-join>div,.home-login>div{flex-wrap:wrap}.home-join input,.home-login input{flex-basis:100%;width:100%}.home-join button,.home-login button{width:100%}}@media (prefers-reduced-motion:reduce){.home-shell :is(button,input){transition:none}.home-choice:hover,.home-create:hover:not(:disabled){transform:none}}