:root{color:#19262b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#19262b;--muted:#617176;--paper:#fbfcf8;--line:#d8ded8;--forest:#163f37;--mint:#b9e7d1;--coral:#ef826d;--yellow:#f4c85b;--blue:#91d6e6;background:#f1f3ee;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ef826d}#root{min-height:100svh}.builder-shell{animation:.35s both rise}.builder-toolbar{justify-content:space-between;align-items:center;display:flex}.builder-toolbar .back-link{margin-bottom:0}.text-button,.danger-button,.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:2px;padding:8px 11px;font-size:12px;font-weight:800}.text-button{color:var(--forest);background:0 0;border:0;padding-inline:0}.danger-button{color:#9c3e2e;border-color:#e8b1a6}.secondary-button{background:var(--mint);width:100%;margin-top:13px}.builder-list{gap:7px;margin:18px 0;display:grid}.builder-list-row{border:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.builder-list-row>div:first-child{gap:3px;min-width:0;display:grid}.builder-list-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.builder-list-row span{color:var(--muted);font-size:11px}.builder-actions{flex:none;gap:12px;display:flex}.builder-message,.builder-error{margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.45}.builder-message{color:#28663b;background:#e6f6e8}.builder-error{color:#9c3e2e;background:#fff2ef}.teacher-explanation-link{color:#e05b32;align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.teacher-explanation-link:hover{color:#a63d22}.teacher-explanation-link span{font-size:16px}.quiz-form{margin-top:20px}.quiz-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:2px;padding:11px 12px}.checkbox-label{color:var(--ink);letter-spacing:0;text-transform:none;align-items:center;gap:8px;margin:17px 0;font-size:12px;display:flex}.checkbox-label input{width:auto}.question-order-fieldset{border:1px solid var(--line);gap:8px;margin:17px 0;padding:12px;display:grid}.question-order-fieldset legend{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:0 5px;font-size:11px;font-weight:900}.radio-label{color:var(--ink);letter-spacing:0;text-transform:none;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.radio-label input{width:auto}.builder-question-list{gap:14px;margin:18px 0;display:grid}.builder-question{border:1px solid var(--line);background:#f7faf5;padding:14px}.builder-question-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.builder-question-heading .danger-button{padding:5px 8px}.builder-inline-fields{grid-template-columns:1fr 110px;gap:10px;display:grid}.builder-inline-fields label{margin-top:10px}.builder-options{gap:7px;margin-top:5px;display:grid}.builder-option{grid-template-columns:25px 1fr 64px;align-items:center;gap:7px;display:grid}.builder-option>span{background:var(--blue);width:25px;height:25px;color:var(--forest);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.builder-option input{min-width:0;padding:9px 8px}.builder-option input:last-child{text-align:center}.field-hint{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.4}.builder-form-actions{align-items:center;gap:16px;margin-top:20px;display:flex}.builder-form-actions .primary-button{margin-top:0}.assessment-manager{border-top:1px solid var(--line);margin:22px 0;padding-top:18px}.assessment-manager-body{background:#f7f8f3;margin-top:18px;padding:16px}.assessment-manager-body .panel-heading{margin-bottom:18px}.assessment-manager-body h3{color:var(--ink);margin:7px 0 0;font-family:Georgia,serif;font-size:25px}.assessment-create{border:1px solid var(--line);background:#fff;padding:14px}.assessment-create textarea,.grading-item textarea{border:1px solid var(--line);resize:vertical;border-radius:2px;width:100%;padding:10px}.invitation-list,.review-panel{border:1px solid var(--line);background:#fff;gap:8px;margin-top:16px;padding:14px;display:grid}.invitation-list>p{color:var(--muted);margin:0;font-size:11px}.invitation-row,.assessment-row{border-top:1px solid #edf0ea;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:12px;display:flex}.invitation-row code{color:var(--forest);letter-spacing:.12em;font-family:Courier New,monospace;font-weight:900}.assessment-list{gap:7px;margin-top:18px;display:grid}.assessment-row>div:first-child{gap:3px;display:grid}.assessment-row span,.attempt-status{color:var(--muted);font-size:11px}.review-panel{margin-top:18px}.attempt-review{border-top:1px solid var(--line);gap:9px;padding-top:14px;display:grid}.grading-item{background:#f7f8f3;gap:6px;padding:11px;display:grid}.grading-item label{color:var(--ink);letter-spacing:0;text-transform:none;margin:0}.grading-item p{color:var(--muted);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.5}.grading-item input{max-width:110px;padding:8px}.builder-slider .builder-option{grid-template-columns:1fr 1fr 70px 1fr}@media (width<=520px){.builder-list-row{flex-direction:column;align-items:start}.builder-actions{justify-content:space-between;width:100%}.builder-inline-fields{grid-template-columns:1fr 90px}}@media (width<=650px){.invitation-row,.assessment-row{flex-direction:column;align-items:flex-start}.assessment-row .builder-actions{justify-content:space-between;width:100%}.builder-slider .builder-option{grid-template-columns:1fr 1fr}}.standalone-page{background:var(--paper);min-height:100svh;color:var(--ink);padding:0 5vw 50px}.standalone-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:24px 0;display:flex}.standalone-panel{border:1px solid var(--line);background:#fff;max-width:760px;margin:9vh auto 0;padding:clamp(24px,5vw,56px);animation:.35s both rise;box-shadow:18px 18px #b9e7d17a}.code-panel{max-width:590px}.standalone-panel h1,.explanation-content h1{margin-top:11px;font-size:clamp(42px,6vw,76px);line-height:.98}.standalone-panel p{max-width:620px;color:var(--muted);margin-top:17px;line-height:1.6}.privacy-note{font-size:12px}.code-panel .privacy-note a{display:none}.privacy-note a,.explanation-content a{color:var(--forest);font-weight:800}.assessment-page{background:#f7f8f3}.assessment-alias{color:var(--forest);font-size:12px;font-weight:900}.assessment-panel{max-width:900px;margin-top:5vh}.assessment-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.assessment-heading h1{font-size:clamp(32px,4vw,52px)}.save-status{color:#398d59;font-size:11px;font-weight:800}.assessment-question{border-top:1px solid var(--line);margin-top:35px;padding-top:28px}.assessment-question h2{max-width:740px;font-size:clamp(25px,3vw,39px);line-height:1.08}.assessment-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;display:grid}.assessment-textarea{border:1px solid var(--line);resize:vertical;width:100%;min-height:130px;color:var(--ink);font:inherit;border-radius:2px;margin-top:25px;padding:14px;line-height:1.5;display:block}.assessment-textarea:focus-visible{outline-offset:2px;outline:3px solid #e26f5659}.assessment-navigation{justify-content:space-between;align-items:center;gap:18px;margin-top:34px;display:flex}.assessment-navigation .primary-button{max-width:280px;margin-top:0}.closed-notice{border-left:4px solid var(--coral);color:var(--ink);background:#fff4d9;margin-top:20px;padding:12px 14px;font-size:12px;font-weight:700}.receipt-panel{text-align:center}.receipt-panel p{margin-inline:auto}.receipt-panel .text-button{margin-top:22px}.calculator{border-top:1px solid var(--line);margin-top:25px}.calculator summary{color:var(--forest);cursor:pointer;padding:14px 0;font-size:12px;font-weight:900}.calculator-display{background:#f1f4ef;justify-content:space-between;gap:12px;min-height:52px;padding:12px;display:flex}.calculator-display code{overflow-wrap:anywhere;color:var(--muted)}.calculator-display strong{color:var(--forest);font-family:Courier New,monospace}.calculator-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px;display:grid}.calculator-grid button{border:1px solid var(--line);min-height:37px;color:var(--ink);background:#fff;font-weight:800}.calculator-grid button:hover{border-color:var(--forest);background:var(--mint)}.calculator-grid .calculator-equals{background:var(--forest);color:#fff;grid-column:span 3}.calculator-error{color:#9c3e2e;margin:8px 0 0;font-size:11px}.explanation-page{background:#f7f8f3}.explanation-content{max-width:980px;margin:0 auto;padding:9vh 0 40px}.explanation-content h1{max-width:780px}.explanation-content .lead{max-width:720px;color:var(--muted);margin-top:25px;font-size:18px;line-height:1.6}.explanation-content section{margin-top:65px}.explanation-content h2{font-size:34px;line-height:1.05}.explanation-content h3{color:var(--forest);font-size:17px}.explanation-content p,.explanation-content li{color:var(--muted);font-size:14px;line-height:1.65}.explanation-content section>p{max-width:780px;margin-top:14px}.ecd-flow{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.ecd-flow div{border-top:4px solid var(--coral);background:#fff;gap:6px;padding:17px;display:grid}.ecd-flow span{color:var(--muted);font-size:12px}.explanation-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.explanation-grid div{background:#fff;padding:20px}.explanation-grid p{margin-top:9px}.data-table-wrap{background:#fff;margin-top:25px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px}.data-table thead th{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.data-table tbody th{color:var(--ink)}.data-table td{color:var(--muted);line-height:1.5}.caution{border-left:4px solid var(--coral);background:#fff4d9;padding:15px}.explanation-content ul{padding-left:20px}.source-list{gap:8px;display:grid}@media (width<=700px){.standalone-page{padding-inline:20px}.standalone-header{padding:18px 0}.standalone-panel{margin-top:5vh;box-shadow:10px 10px #b9e7d17a}.assessment-heading{display:block}.save-status{margin-top:12px;display:block}.assessment-options,.explanation-grid,.ecd-flow{grid-template-columns:1fr}.assessment-navigation{align-items:stretch}.assessment-navigation .primary-button{max-width:none}}.app-shell{max-width:1440px;min-height:100svh;margin:0 auto;padding:0 5vw 26px;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 0;display:flex}.brand{color:var(--ink);letter-spacing:.12em;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:14px;font-weight:900;display:inline-flex}.brand span span{color:var(--coral)}.brand-mark{background:var(--forest);color:#fff;letter-spacing:0;border-radius:50% 50% 8px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:22px;display:grid;transform:rotate(-12deg)}.status-dot{background:#45ae73;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #45ae7324}.page-grid{grid-template-columns:1.06fr .94fr;align-items:center;gap:9vw;padding:11vh 4vw 12vh;display:grid;position:relative}.intro-panel{min-height:405px;padding-top:20px;position:relative}.eyebrow,.panel-kicker,.room-label{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow-line{background:var(--coral);width:38px;height:2px}h1,h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700}h1{max-width:610px;margin-top:24px;font-size:clamp(52px,6.3vw,100px);line-height:.94}.intro-copy{max-width:475px;color:var(--muted);margin-top:28px;font-size:17px;line-height:1.65}.intro-note{max-width:440px;color:var(--ink);align-items:center;gap:13px;margin-top:44px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.explanation-link{color:var(--forest);align-items:center;gap:8px;margin-top:18px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.explanation-link span{color:var(--coral);font-size:16px}.note-icon{border:1px solid var(--line);width:28px;height:28px;color:var(--coral);border-radius:50%;flex:none;place-items:center;display:grid}.orbit{pointer-events:none;border:1px solid #163f3721;border-radius:50%;position:absolute}.orbit-one{border-right-color:#0000;width:330px;height:330px;top:5%;right:0;transform:rotate(27deg)}.orbit-two{border-bottom-color:#0000;width:170px;height:170px;top:22%;right:12%;transform:rotate(-32deg)}.play-panel{z-index:1;border:1px solid var(--line);background:var(--paper);border-radius:5px;min-height:390px;padding:34px;position:relative;box-shadow:18px 18px #b9e7d17a}.panel-heading{margin:10px 0 26px}.panel-heading h2{margin-top:8px;font-size:36px;line-height:1.02}.panel-heading p{color:var(--muted);margin-top:11px;font-size:14px;line-height:1.5}.mode-grid{gap:10px;display:grid}.mode-card{border:1px solid var(--line);min-height:84px;color:var(--ink);text-align:left;border-radius:3px;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s;display:grid}.mode-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px #19262b21}.mode-card-host{background:var(--mint)}.mode-card-join{background:var(--blue)}.mode-card-review{background:#f9e5b3}.mode-card-host{min-height:64px;padding:12px}.mode-card-host .mode-symbol{width:34px;height:34px;font-size:18px}.mode-card-join{min-height:112px;padding:22px}.mode-card-join .mode-symbol{width:50px;height:50px;font-size:26px}.mode-symbol{background:#ffffffa1;border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.mode-card-copy{gap:3px;display:grid}.mode-card-copy strong{font-size:17px}.mode-card-copy small{color:#19262bb8;font-size:12px}.arrow{font-size:23px}.quick-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:31px;padding-top:21px;display:grid}.quick-facts div{gap:2px;display:grid}.quick-facts strong{font-family:Georgia,serif;font-size:21px}.quick-facts span{color:var(--muted);font-size:10px;line-height:1.2}.creator-link{border:0;border-top:1px solid var(--line);width:100%;color:var(--forest);text-align:left;background:0 0;justify-content:space-between;margin-top:20px;padding:10px 0 0;font-size:12px;font-weight:800;display:flex}.creator-link span{color:var(--coral);font-size:17px}.assessment-entry-link{color:var(--forest);align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.assessment-entry-link:hover{color:var(--coral)}.assessment-entry-link span{color:var(--coral);font-size:16px}.back-link{color:var(--muted);background:0 0;border:0;margin-bottom:25px;padding:0;font-size:12px;font-weight:700}.back-link:hover{color:var(--coral)}.host-form,.join-form{animation:.35s both rise}label,.setting-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:17px 0 7px;font-size:11px;font-weight:900;display:block}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:2px;padding:13px 14px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.code-input{letter-spacing:.22em;text-align:center;text-transform:uppercase;font-family:Courier New,monospace;font-size:22px;font-weight:700}.selection-description,.form-hint{color:var(--muted);margin:9px 0;font-size:12px;line-height:1.45}.settings-row{justify-content:space-between;align-items:end;gap:12px;display:flex}.segmented-control{gap:4px;display:flex}.segmented-control button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:2px;padding:8px 12px;font-size:12px;font-weight:700}.segmented-control button.active{border-color:var(--forest);background:var(--forest);color:#fff}.question-count{color:var(--muted);justify-items:end;font-size:11px;display:grid}.question-count strong{color:var(--forest);font-family:Georgia,serif;font-size:24px}.primary-button{background:var(--forest);color:#fff;border:0;border-radius:2px;justify-content:space-between;align-items:center;width:100%;margin-top:26px;padding:14px 16px;font-weight:800;transition:background .2s,transform .2s;display:flex}.primary-button:hover:not(:disabled){background:#246052;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.room-created{border:1px dashed var(--forest);text-align:center;background:#eef8ef;gap:4px;margin-top:25px;padding:19px;display:grid}.room-created strong{color:var(--forest);letter-spacing:.2em;font-family:Courier New,monospace;font-size:34px}.room-created span:last-child{color:var(--muted);font-size:12px}.waiting-room{animation:.35s both rise}.waiting-room h2{margin-top:8px;font-size:36px;line-height:1.02}.waiting-room p{color:var(--muted);margin-top:12px;font-size:14px}.waiting-code{background:var(--mint);text-align:center;gap:3px;margin:27px 0 20px;padding:17px;display:grid}.waiting-code span{color:var(--forest);letter-spacing:.14em;font-size:10px;font-weight:900}.waiting-code strong{color:var(--forest);letter-spacing:.2em;font-family:Courier New,monospace;font-size:35px}.waiting-status{color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.resource-links{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;margin:0 4vw 34px;display:grid}.resource-link{min-height:112px;color:var(--ink);grid-template-columns:1fr auto;align-content:start;gap:6px 12px;padding:18px 0;text-decoration:none;display:grid}.resource-link+.resource-link{border-left:1px solid var(--line);padding-left:22px}.resource-link:hover .resource-link-title{color:var(--coral)}.resource-link-title{font-size:13px;font-weight:900}.resource-link-copy{max-width:280px;color:var(--muted);grid-column:1/-1;font-size:11px;line-height:1.45}.resource-link-arrow{color:var(--coral);font-size:18px;line-height:1}.footer{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:16px;padding:0;font-size:10px;display:flex}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:var(--coral)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.page-grid{grid-template-columns:1fr;gap:44px;padding:9vh 0 10vh}.intro-panel{min-height:320px}.orbit-one{width:250px;height:250px;top:0;right:3%}.orbit-two{width:130px;height:130px;top:18%;right:21%}.play-panel{box-shadow:10px 10px #b9e7d17a}.resource-links{grid-template-columns:1fr;margin-inline:0}.resource-link{min-height:auto}.resource-link+.resource-link{border-top:1px solid var(--line);border-left:0;padding-left:0}}@media (width<=520px){.app-shell{padding:0 20px 20px}.topbar{padding:18px 0}h1{font-size:59px}.intro-copy{margin-top:20px;font-size:15px}.intro-note{margin-top:28px}.play-panel{padding:22px}.panel-heading h2{font-size:31px}.settings-row{display:block}.question-count{display:none}.footer{gap:7px;display:grid}}.error-banner{color:#834638;background:#fff2ef;border:1px solid #e8b1a6;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;font-size:12px;display:flex}.error-banner strong{color:#9c3e2e}.error-banner button{color:#834638;background:0 0;border:0;margin-left:auto;padding:2px 7px;font-size:19px}.host-room h2,.player-room h2{margin-top:8px;font-size:36px;line-height:1.02}.room-code-large{background:var(--mint);text-align:center;gap:4px;margin:20px 0;padding:16px;display:grid}.room-code-large span{color:var(--forest);letter-spacing:.15em;font-size:10px;font-weight:900}.room-code-large strong{color:var(--forest);letter-spacing:.2em;font-family:Courier New,monospace;font-size:38px}.room-code-value{justify-content:center;align-items:center;gap:12px;display:flex}.copy-code-button{width:34px;height:34px;color:var(--forest);background:#ffffff9e;border:1px solid #163f373d;border-radius:3px;place-items:center;padding:0;font-size:18px;display:grid}.copy-code-button:hover{background:#fff}.copy-feedback{color:#398d59;font-size:11px;font-weight:800}.player-roster{border-top:1px solid var(--line);margin-top:23px;padding-top:15px}.roster-heading{color:var(--muted);letter-spacing:.13em;justify-content:space-between;font-size:10px;font-weight:900;display:flex}.roster-heading strong{color:var(--forest)}.empty-roster{color:var(--muted);font-size:13px}.roster-list{max-height:170px;margin-top:10px;display:grid;overflow:auto}.roster-player{border-bottom:1px solid #edf0ea;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:8px 0;font-size:13px;display:grid}.avatar{background:var(--blue);width:27px;height:27px;color:var(--forest);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.connection-live,.connection-away{font-size:10px}.connection-live{color:#398d59}.connection-away{color:var(--muted)}.live-question,.player-question,.reveal-view,.finished-view{animation:.35s both rise}.live-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.timer{background:var(--coral);color:#fff;text-align:center;border-radius:2px;min-width:45px;padding:7px 8px;font-family:Courier New,monospace;font-size:15px;font-weight:900}.live-question h2,.player-question h2,.reveal-view h2{margin-top:18px;font-size:29px}.host-options{gap:7px;margin-top:23px;display:grid}.host-option{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fff;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:grid}.host-option span{background:var(--blue);width:25px;height:25px;color:var(--forest);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.slider-question{margin-top:25px;padding:20px 4px 0}.slider-track-wrap{padding:22px 0 7px;position:relative}.slider-track-wrap:before{content:"";background:#e1ebe4;border-radius:4px;height:8px;position:absolute;top:34px;left:0;right:0}.slider-track-wrap input{z-index:2;appearance:none;background:0 0;border:0;width:100%;height:24px;margin:0;padding:0;display:block;position:relative}.slider-track-wrap input::-webkit-slider-runnable-track{background:0 0;height:8px}.slider-track-wrap input::-webkit-slider-thumb{appearance:none;border:3px solid var(--forest);background:#fff;border-radius:50%;width:25px;height:25px;margin-top:-8px;box-shadow:0 2px 5px #19262b33}.slider-track-wrap input::-moz-range-track{background:0 0;height:8px}.slider-track-wrap input::-moz-range-thumb{border:3px solid var(--forest);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 5px #19262b33}.slider-track-wrap input:focus-visible{outline-offset:5px;outline:3px solid #e26f5673}.slider-track-wrap input:disabled{opacity:.85}.slider-bands{z-index:1;border-radius:4px;height:8px;position:absolute;top:34px;left:0;right:0;overflow:hidden}.slider-band{background:#9cd7ae;height:100%;position:absolute;top:0}.slider-band:nth-child(2n){background:#f1c76d}.slider-band:nth-child(3n){background:#e8a08c}.slider-response{z-index:3;background:var(--coral);width:3px;height:30px;position:absolute;bottom:9px;transform:translate(-1px)}.slider-response i{background:var(--coral);border-radius:4px 4px 0 0;width:9px;min-height:5px;position:absolute;bottom:0;left:-3px}.slider-value{justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;display:flex}.slider-value strong{color:var(--forest);font-family:Courier New,monospace;font-size:18px}.slider-value span{color:var(--muted);text-align:right;font-size:11px}.slider-scale{min-height:24px;color:var(--muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex;position:relative}.slider-scale span:not(:first-child):not(:last-child){position:absolute;transform:translate(-50%)}.slider-band-list{gap:5px;margin:16px 0 0;padding:0;list-style:none;display:grid}.slider-band-list li{color:var(--muted);background:#f1f4ef;justify-content:space-between;gap:12px;padding:8px 10px;font-size:11px;display:flex}.slider-band-list strong{color:var(--forest)}.answer-progress{color:var(--muted);margin-top:20px;font-size:11px;font-weight:700}.progress-track,.distribution-track{background:#e6ece7;height:7px;margin-top:7px;overflow:hidden}.progress-track span,.distribution-track i{background:var(--forest);height:100%;transition:width .3s;display:block}.correct-answer{background:#e6f6e8;border-left:4px solid #45ae73;gap:5px;margin-top:20px;padding:15px;display:grid}.correct-answer span{color:#398d59;letter-spacing:.13em;font-size:10px;font-weight:900}.correct-answer strong{color:var(--forest);font-size:15px}.explanation{color:var(--muted);margin:14px 0;font-size:13px;line-height:1.5}.distribution{gap:7px;margin-top:16px;display:grid}.distribution-row{color:var(--muted);grid-template-columns:24px 1fr 22px;align-items:center;gap:9px;font-size:11px;display:grid}.distribution-row>span{font-weight:900}.distribution-row strong{text-align:right}.distribution-row.correct{color:var(--forest)}.distribution-row.correct .distribution-track i{background:#45ae73}.player-question h2{font-size:25px}.answer-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.answer-button{border:1px solid var(--line);min-height:83px;color:var(--ink);text-align:left;background:#fff;border-radius:2px;grid-template-columns:27px 1fr;align-items:center;gap:9px;padding:12px;font-size:12px;transition:transform .15s,border-color .15s,background .15s;display:grid}.answer-button:hover:not(:disabled){border-color:var(--forest);transform:translateY(-2px)}.answer-button span{background:var(--blue);width:27px;height:27px;color:var(--forest);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.answer-button.selected{border-color:var(--forest);background:var(--mint)}.answer-button:disabled{cursor:default}.locked-note,.room-description{color:var(--muted);font-size:12px;line-height:1.5}.room-description{margin-top:12px}.standings{gap:5px;margin:22px 0;display:grid}.standing-row{background:#fff;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;padding:11px 12px;font-size:13px;display:grid}.standing-row strong{color:var(--coral)}.standing-row b{color:var(--forest);font-family:Courier New,monospace}.question-image{background:#eef3ee;place-items:center;max-height:min(34svh,320px);margin:20px 0 0;display:grid;overflow:hidden}.question-image img{object-fit:contain;width:100%;max-height:min(34svh,320px);display:block}.question-image figcaption{color:var(--muted);text-align:center;padding:25px;font-size:12px}.xp-reveal{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;margin-top:15px;display:grid}.xp-option{color:var(--muted);background:#f1f4ef;justify-content:space-between;gap:8px;padding:10px;font-size:11px;display:flex}.xp-option span{font-weight:900}.xp-option strong{color:var(--forest)}.xp-option.best{background:var(--mint);color:var(--forest)}.earned-xp{border-left:4px solid var(--coral);background:#fff4d9;gap:4px;margin-top:16px;padding:14px;display:grid}.earned-xp strong{color:var(--forest);font-family:Georgia,serif;font-size:22px}.earned-xp span{color:var(--muted);font-size:12px}.gameplay-active{max-width:none;padding:0;overflow:visible}.gameplay-active .topbar{padding-inline:5vw}.gameplay-active .intro-panel,.gameplay-active .resource-links,.gameplay-active .footer{display:none}.gameplay-active .page-grid{padding:0;display:block}.gameplay-active .play-panel{min-height:calc(100svh - 83px);box-shadow:none;border:0;border-radius:0;padding:clamp(28px,5vw,72px)}.gameplay-active .host-room,.gameplay-active .player-room{max-width:1180px;margin:0 auto}.gameplay-active .live-question,.gameplay-active .player-question,.gameplay-active .reveal-view,.gameplay-active .finished-view{max-width:1040px;margin:0 auto}.gameplay-active .live-question h2,.gameplay-active .player-question h2,.gameplay-active .reveal-view h2{max-width:980px;font-size:clamp(34px,4vw,62px)}.gameplay-active .host-options{grid-template-columns:1fr 1fr;gap:14px}.gameplay-active .host-option{min-height:104px;padding:18px;font-size:16px}.gameplay-active .answer-grid{gap:14px}.gameplay-active .answer-button{min-height:120px;padding:18px;font-size:16px}.gameplay-active .question-image,.gameplay-active .question-image img{max-height:min(38svh,420px)}.gameplay-active .primary-button{max-width:430px}@media (width<=520px){.host-room h2,.player-room h2,.room-code-large strong,.waiting-code strong{font-size:31px}.answer-grid{grid-template-columns:1fr}.live-question h2,.player-question h2,.reveal-view h2{font-size:24px}}@media (width<=700px){.gameplay-active .host-options{grid-template-columns:1fr}.gameplay-active .host-option,.gameplay-active .answer-button{min-height:80px;font-size:14px}.gameplay-active .play-panel{padding:24px 20px 36px}}