:root{--blue:#105698;--green:#6AB14A;--orange:#EC5F26;--ink:var(--blue);--muted:#62666b;--paper:#f8f9f5;--line:#dfe4dc;--lime:color-mix(in srgb,var(--blue) 10%,white)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;font-weight:700;letter-spacing:-.045em}button svg,a svg{flex-shrink:0}input,select,textarea{width:100%;border:1px solid #cdd7cb;border-radius:7px;padding:12px;background:white;color:var(--ink);min-height:46px}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}small{font-size:12px}.site-header{height:108px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(5%,calc((100vw - 1280px)/2));background:#fcfcf9}.brand{display:flex;align-items:center;gap:20px}.brand-word{font-size:52px;font-weight:850;letter-spacing:-5px;line-height:1}.brand-word>span{color:var(--green)}.brand-rule{height:33px;width:1px;background:#bac5b8}.brand-label{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:2px}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.site-header nav a,.instructor-link{display:flex;align-items:center;gap:10px}.instructor-link{font-size:14px;font-weight:600}.room-layout{max-width:1440px;margin:auto;padding:60px 5% 48px;display:grid;grid-template-columns:minmax(280px,365px) minmax(0,1fr);gap:76px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;line-height:1.6}.square{width:7px;height:7px;background:var(--green)}.room-sidebar h1{font-size:45px;line-height:1.21;letter-spacing:-2px;margin:23px 0 22px;font-weight:600}.room-sidebar h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.5px}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:335px;margin-bottom:32px}.join-panel{background:white;border:1px solid #d8e0d3;border-radius:15px;padding:24px;box-shadow:0 5px 0 #edf0e7}.join-panel h2{font-size:23px;margin:20px 0 10px}.join-panel>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:20px}.code-input{height:67px;text-align:center;font-size:29px;letter-spacing:14px;padding-left:23px;background:#fafbf7}.code-input::placeholder{color:#a3afa0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 17px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:600;line-height:1.5;transition:background .15s,transform .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.button.primary{background:var(--ink);color:white}.button.primary:not(:disabled):hover{background:var(--blue)}.button.secondary{background:white;color:var(--ink);border-color:#d2dccc}.button.danger{background:color-mix(in srgb,var(--orange) 12%,white);color:#292929;border-color:var(--orange)}.join-panel .primary{justify-content:space-between}.form-message{font-size:13px;line-height:1.6;margin:12px 0;color:#6a5143}.form-message:empty{margin:8px 0}.privacy{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:17px;border-top:1px solid #e7ebe4;font-size:12px;color:var(--muted)}.nickname{display:block;font-size:23px;overflow-wrap:anywhere}.room-chip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px;color:var(--muted)}.how-note{display:flex;gap:13px;margin-top:34px}.how-note>svg{color:var(--green);flex-shrink:0}.how-note strong{font-size:14px}.how-note p{margin-top:7px;font-size:14px;line-height:1.7;color:var(--muted)}.quiet-note{margin-top:78px;font-size:13px;color:#62666b;line-height:1.8}.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.catalog-heading h2{font-size:30px;margin-top:9px}.catalog-heading h2>span,h1>span{color:var(--green)}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;border:1px solid var(--line);font-size:12px;color:var(--muted);white-space:nowrap}.muted{color:var(--muted)}.room-hint{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:20px 0 26px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ba796;flex-shrink:0}.dot.online{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 16%,transparent)}.game-list{display:flex;flex-direction:column;gap:18px}.game-card{position:relative;overflow:hidden;border:1px solid #dfe3d9;border-radius:13px;background:#edf0e8}.game-card.lime{background:var(--lime);border-color:var(--green)}.game-card.purple{background:color-mix(in srgb,var(--blue) 12%,white);border-color:color-mix(in srgb,var(--blue) 12%,white)}.game-card.sand{background:#f3ede4;border-color:#e9e1d6}.game-main{display:flex;align-items:center;gap:28px;padding:28px 29px;position:relative;z-index:1}.game-icon{width:103px;height:106px;flex-shrink:0;display:grid;place-items:center;border-radius:25px;transform:rotate(-7deg);background:color-mix(in srgb,var(--blue) 10%,white);color:var(--green);box-shadow:5px 5px 0 color-mix(in srgb,var(--blue) 10%,white)}.game-icon svg{transform:rotate(7deg)}.lime .game-icon{background:var(--blue);color:color-mix(in srgb,var(--blue) 10%,white);box-shadow:5px 5px 0 var(--green)}.lime .game-icon svg{fill:currentColor}.purple .game-icon{background:color-mix(in srgb,var(--blue) 12%,white);color:var(--blue);box-shadow:5px 5px 0 color-mix(in srgb,var(--blue) 12%,white)}.sand .game-icon{background:#e9dfce;color:#907b5e;box-shadow:5px 5px 0 #eee5d8}.tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tags .eyebrow{font-size:10px;letter-spacing:1.5px}.availability{font-size:11px;padding:3px 7px;border-radius:4px;background:#ffffff75;color:#62666b}.lime .availability{background:color-mix(in srgb,var(--blue) 10%,white)}.game-copy h3{font-size:30px;letter-spacing:-1.25px;margin:10px 0 9px}.game-copy p{font-size:14px;line-height:1.7;color:#62666b;max-width:320px}.game-meta{display:flex;gap:18px;margin-top:16px;font-size:12px;color:#62666b}.game-meta span{display:flex;align-items:center;gap:5px}.game-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--green);margin:0 28px;padding:15px 0;font-size:12px;color:#62666b}.game-footer .button{color:var(--lime);gap:26px;min-height:42px}.game-number{position:absolute;right:17px;bottom:6px;font-size:113px;line-height:1;font-weight:800;letter-spacing:-8px;opacity:.04;pointer-events:none}.lime .game-number{bottom:80px;opacity:.06}.more-games{text-align:center;font-size:13px;margin-top:27px;color:#62666b}.site-footer{border-top:1px solid var(--line);max-width:1290px;margin:0 auto;padding:25px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:10px}.narrow{max-width:630px;min-height:65vh;margin:0 auto;padding:65px 24px}.narrow h1{font-size:38px;margin:18px 0}.narrow p{margin:16px 0;color:var(--muted)}.narrow .button{margin-top:10px}.prose ol{padding-left:25px;list-style:decimal}.prose li{margin:20px 0;padding-left:8px;line-height:1.8}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:26px}.login-panel>svg{margin-bottom:22px}.form-stack{display:flex;flex-direction:column;gap:17px;margin-top:24px}.error{color:#292929;font-size:14px;line-height:1.7;margin:12px 0}.error:empty{display:none}.small{font-size:13px}.controller{max-width:690px;min-height:75vh;margin:auto;padding:30px 24px 55px}.controller-bar{display:flex;align-items:center;gap:15px;font-size:14px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line)}.connection{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.controller-title{text-align:center;margin:28px 0}.controller-title>svg{margin:0 auto 15px;color:var(--green);fill:color-mix(in srgb,var(--blue) 10%,white)}.controller-title .eyebrow{justify-content:center}.controller-title h1{font-size:43px;margin:8px 0}.controller-title>p:last-child{font-size:13px;color:var(--muted)}.round-status{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:60px;background:#edf1e5;padding:13px;border-radius:10px;font-size:16px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.answer-grid button{height:170px;border:3px solid transparent;border-radius:14px;background:color-mix(in srgb,var(--blue) 10%,white);color:var(--ink);font-size:62px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px}.answer-grid button:nth-child(2){background:color-mix(in srgb,var(--blue) 12%,white)}.answer-grid button:nth-child(3){background:color-mix(in srgb,var(--blue) 12%,white)}.answer-grid button:nth-child(4){background:#f9dfac}.controller-note{text-align:center;font-size:14px;line-height:1.8;color:var(--muted)}.instructor-page{max-width:1440px;margin:auto;padding:42px 4% 60px;min-height:75vh}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dashboard-heading h1{font-size:35px;margin:8px 0 12px}.session-picker{display:flex;gap:15px;align-items:flex-end;margin:26px 0}.session-picker label{max-width:390px;flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:65px 20px;border:1px dashed #cdd7c3;border-radius:15px;background:#f0f3e9}.empty-state svg{color:var(--green)}.empty-state h2{margin:22px 0 13px;font-size:29px}.empty-state p{color:var(--muted);line-height:1.8}.session-banner{display:flex;align-items:center;gap:36px;justify-content:space-between;padding:22px 28px;background:var(--lime);border:1px solid var(--green);border-radius:12px}.large-code{font-size:44px;letter-spacing:5px;line-height:1.2;display:inline-block;margin-top:4px}.icon-button{border:0;background:transparent;color:var(--ink);padding:12px;vertical-align:middle}.session-stat{display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:200px}.session-stat strong{font-size:29px}.session-stat>span{width:100%;font-size:13px}.session-state{font-size:14px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:215px}.session-state small{display:block;width:100%;color:#62666b}.teacher-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:22px;margin:20px 0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px}.panel-heading h2{font-size:24px}.panel-heading .eyebrow{margin-bottom:6px}.question-panel>label{margin-bottom:17px}.question-select{display:flex;align-items:flex-end;gap:12px}.question-select label{min-width:0;flex:1}.text-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;border:0;background:none;color:var(--blue);padding:13px 0;text-decoration:underline;text-underline-offset:4px}.live-pill{background:color-mix(in srgb,var(--blue) 10%,white);border-color:var(--green);color:var(--blue)}.current-question{background:#f6f8f1;border:1px solid #e3e8dc;border-radius:10px;padding:20px;margin:12px 0 20px}.current-question h3{font-size:23px;line-height:1.4;margin:10px 0 17px}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.question-options>div{display:flex;align-items:center;gap:10px;border:1px solid #dce2d7;border-radius:7px;background:white;font-size:14px;padding:11px;overflow-wrap:anywhere}.question-options b{display:grid;place-items:center;flex-shrink:0;background:#eff2e9;width:29px;height:29px;border-radius:5px}.question-options .correct-option{border-color:var(--green);background:color-mix(in srgb,var(--blue) 10%,white)}.question-options span{font-size:10px;color:var(--blue);margin-left:auto}.control-buttons{display:flex;gap:9px;flex-wrap:wrap}.control-buttons .button{font-size:13px;padding:10px 13px}.roster{display:flex;flex-direction:column}.roster ul{list-style:none;padding:0;margin:16px 0 25px;max-height:395px;overflow:auto}.roster li{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf0e8;padding:11px 0;font-size:14px}.roster small{margin-left:auto;color:var(--muted)}.end-controls{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.end-controls .button{font-size:12px;flex:1}.empty-copy{padding:28px 10px;text-align:center;font-size:14px;color:var(--muted)}.question-editor{padding:19px;border:1px solid #d8e3d0;border-radius:9px;background:#f4f7ee;margin:8px 0 22px}.editor-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.results-panel{margin-top:22px}.answered-counter{color:var(--muted);font-size:14px}.answered-counter strong{font-size:25px;color:var(--ink)}.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0}.tab-buttons{display:flex;gap:5px;background:#eef2e7;padding:4px;border-radius:8px}.tab-buttons button{background:none;border:0;border-radius:5px;padding:10px 13px;font-size:13px;font-weight:600}.tab-buttons button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #00000017}.sort-label{flex-direction:row;align-items:center;gap:9px;font-size:12px}.sort-label select{min-height:40px;padding:8px;font-size:13px}.results-panel progress{width:100%;height:5px;display:block;margin-bottom:20px;accent-color:var(--green);border:0;border-radius:20px;overflow:hidden}.results-panel progress::-webkit-progress-bar{background:#edf1e4}.results-panel progress::-webkit-progress-value{background:var(--green)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{font-size:11px;letter-spacing:.6px;text-transform:uppercase;background:#f5f7f1;padding:13px 12px;color:#62666b;font-weight:600;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid #edf0e7;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.answer-badge{padding:4px 9px;border-radius:5px;background:color-mix(in srgb,var(--blue) 10%,white);font-size:12px;font-weight:600}.correct-text{color:var(--blue)}.incorrect-text{color:#292929}.timestamp{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.waiting-list{display:flex;flex-wrap:wrap;gap:10px;padding:15px 0}.projector{position:fixed;inset:0;z-index:30;overflow:auto;background:var(--paper);padding:26px 4%}.projector .teacher-controls{display:none}.projected-question{max-width:1100px;margin:32px auto}.projected-question h2{font-size:clamp(25px,3vw,50px);margin:12px 0 25px;line-height:1.3}.projected-question .question-options>div{font-size:clamp(16px,1.5vw,25px);padding:19px}.projected-question .control-buttons{margin-top:20px}.projector .results-panel{font-size:19px}.projector td{font-size:18px}
@media(max-width:1200px){.room-layout{gap:38px;grid-template-columns:310px minmax(0,1fr);padding-inline:4%}.site-header{padding-inline:4%}.game-main{gap:20px;padding:25px 23px}.game-icon{width:82px;height:89px}.game-icon svg{width:53px;height:53px}.game-copy h3{font-size:27px}.catalog-heading h2{font-size:26px}.catalog-heading .pill{display:none}.site-footer{margin-inline:4%}.session-banner{gap:20px;flex-wrap:wrap}.session-stat{max-width:170px}.session-state{max-width:180px}.session-banner .button{font-size:12px}.teacher-controls{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}}
@media(max-width:950px){.room-layout{gap:28px;grid-template-columns:270px minmax(0,1fr)}.room-sidebar h1{font-size:37px}.join-panel{padding:19px}.game-main{gap:16px;padding:23px 19px}.game-icon{width:63px;height:73px;border-radius:18px}.game-icon svg{width:46px;height:46px}.game-copy h3{font-size:24px}.game-copy p{font-size:13px}.game-meta{font-size:11px;gap:12px}.tags{gap:6px}.tags .eyebrow{font-size:9px}.availability{font-size:10px}.catalog-heading h2{font-size:25px}.site-header nav{gap:20px}.instructor-link{font-size:12px}.brand{gap:13px}.brand-label{font-size:10px}.teacher-controls{grid-template-columns:1fr}.roster ul{max-height:170px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.end-controls{justify-content:flex-end}.end-controls .button{flex:initial}.question-options>div{font-size:14px}}
@media(max-width:740px){.site-header{height:84px;padding-inline:6%;gap:16px}.brand-word{font-size:43px}.brand-label{font-size:9px}.brand-rule{height:29px}.site-header nav{display:none}.instructor-link{font-size:12px;gap:6px}.instructor-link>svg:first-child{display:none}.room-layout{display:block;padding:35px 6%}.room-sidebar h1{font-size:43px;margin:20px 0}.intro{max-width:none;font-size:16px;margin-bottom:24px}.join-panel{padding:23px}.join-panel h2{font-size:24px}.how-note{margin:28px 0 35px}.quiet-note{display:none}.catalog{border-top:1px solid var(--line);padding-top:33px}.catalog-heading h2{font-size:28px}.room-hint{margin:15px 0 23px;font-size:13px}.game-main{padding:24px 20px;gap:20px}.game-icon{width:75px;height:82px}.game-icon svg{width:54px;height:54px}.game-copy h3{font-size:26px}.game-copy p{font-size:14px}.game-meta{font-size:11px}.tags .eyebrow{font-size:9px}.game-footer{margin-inline:20px;font-size:11px}.game-footer .button{gap:16px;font-size:13px}.site-footer{margin-inline:6%;font-size:11px;flex-wrap:wrap;padding:20px 0;gap:12px}.site-footer>span:last-child{display:none}.eyebrow{font-size:10px;letter-spacing:1.5px}.dashboard-heading h1{font-size:28px}.dashboard-heading>.button{padding:10px;font-size:12px}.instructor-page{padding:30px 5%}.session-picker{flex-wrap:wrap}.session-picker label{min-width:170px}.session-picker .button{font-size:13px}.session-banner{padding:20px;gap:18px}.large-code{font-size:37px}.session-stat{max-width:140px}.session-state{max-width:none}.session-banner>.button{margin-left:auto}.panel{padding:20px}.panel-heading h2{font-size:23px}.question-select{flex-wrap:wrap}.question-select label{flex-basis:100%}.current-question{padding:15px}.question-options{grid-template-columns:1fr}.roster ul{grid-template-columns:1fr}.results-toolbar{flex-wrap:wrap;gap:12px}.sort-label{width:100%}.sort-label select{flex:1}.answered-counter{font-size:12px;text-align:right}.answered-counter strong{font-size:22px}.projector{padding:20px}.controller{padding:24px 20px 45px}.controller-bar{gap:10px;font-size:13px}.connection{font-size:11px}.controller-title h1{font-size:39px}.answer-grid button{height:150px}.round-status{font-size:15px}}
@media(max-width:400px){.site-header{padding-inline:5%}.brand{gap:10px}.instructor-link>svg{display:none}.room-layout{padding-inline:5%}.room-sidebar h1{font-size:39px}.game-main{gap:13px;padding:22px 16px}.game-icon{width:55px;height:66px;border-radius:16px}.game-icon svg{width:42px;height:42px}.game-copy h3{font-size:23px}.game-copy p{font-size:13px}.availability{font-size:9px}.game-meta{font-size:10px;gap:8px}.catalog-heading h2{font-size:25px}.game-footer{margin:0 16px;font-size:10px}.game-footer .button{padding:9px 11px}.session-banner>.button{margin-left:0}.question-options>div{flex-wrap:wrap}.editor-options{grid-template-columns:1fr}.controller-bar strong{font-size:12px}.answer-grid button{height:132px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Plain CSS replacements for the former Tailwind utilities. */
[hidden]{display:none!important}.w-full{width:100%}.mt-3{margin-top:12px}.mt-5{margin-top:20px}.ml-auto{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-icon svg{width:59px;height:59px}.privacy svg{width:15px;height:15px;flex-shrink:0}.controller-title>svg{width:28px;height:28px}.note-star{font-size:29px;color:var(--green);line-height:1}.question-options .option-text{font-size:14px;color:var(--ink);margin-left:0;flex:1}.question-options small{color:var(--blue);font-size:11px}.history-label{flex-direction:row;align-items:center;max-width:490px;gap:12px;margin:0 0 18px;font-size:12px}.history-label select{min-width:0;font-size:13px;flex:1}.noscript{padding:18px;background:var(--blue);color:white;text-align:center}.empty-copy:empty{display:none}.projector .option-text{font-size:inherit}.controller-bar>a{font-size:25px;min-width:35px}.site-header nav a:hover,.instructor-link:hover{text-decoration:underline;text-underline-offset:5px}.instructor-page>.narrow{padding-top:20px}.question-panel>label{margin-bottom:17px}#home-status{min-height:18px}@media(max-width:950px){.game-icon svg{width:46px;height:46px}}@media(max-width:740px){.game-icon svg{width:54px;height:54px}.history-label{flex-wrap:wrap;gap:5px}.history-label select{flex-basis:100%}}@media(max-width:400px){.game-icon svg{width:42px;height:42px}}
/* Separate display-only classroom projection. */
.projector-screen{max-width:1600px;margin:auto;padding:36px 4%;display:grid;gap:24px}.projection-banner{display:flex;align-items:center;justify-content:space-between;gap:24px}.projection-banner h1{font-size:clamp(27px,3vw,46px);margin-top:8px}.projection-banner h1 span{color:var(--ink);font-variant-numeric:tabular-nums}.projection-banner>p{font-size:16px;color:var(--muted)}.projection-question{padding:clamp(24px,3vw,48px)}.projection-question h2{font-size:clamp(30px,3.5vw,58px);line-height:1.25;margin:18px 0 30px;overflow-wrap:anywhere}.projection-question .question-options>div{padding:22px;font-size:clamp(20px,1.8vw,30px);min-width:0}.projection-question .option-text{font-size:inherit;overflow-wrap:anywhere}.projector-screen table{width:100%}.projector-screen td,.projector-screen th{font-size:clamp(16px,1.4vw,23px)}.projector-screen .panel-heading{gap:16px;flex-wrap:wrap}.projector-screen progress{width:100%}@media(max-width:740px){.projection-banner{align-items:flex-start;flex-direction:column;gap:12px}.projector-screen{padding:24px 5%}.projection-question .question-options>div{padding:16px}.projection-question h2{font-size:30px}}
.projector-screen progress{accent-color:var(--green)}

@media(hover:hover) and (pointer:fine){.answer-grid button:not(:disabled):hover{border-color:var(--ink)}}
.student-entry{width:min(100%,520px);margin:0 auto;min-height:calc(100vh - 190px);padding:64px 24px 60px}.entry-intro{margin-bottom:32px}.entry-intro h1{font-size:clamp(40px,6vw,58px);line-height:1.12;margin:20px 0;letter-spacing:-2px}.entry-intro h1 em{font-family:Georgia,serif;font-weight:400}.entry-intro>p:last-child{color:var(--muted);font-size:16px;line-height:1.7}.student-entry .join-panel h2{margin:0;font-size:25px}.student-entry .form-stack{gap:12px;margin-top:22px}.student-entry .form-message{min-height:18px}.student-entry .code-input{width:100%;min-width:0}body[data-page=home] .site-header{justify-content:center}body[data-page=home] .site-footer{justify-content:center}body[data-page=home] .site-footer>span:not(:first-child){display:none}@media(max-width:540px){.student-entry{padding-top:38px}.student-entry .join-panel{padding:22px}.student-entry .code-input{letter-spacing:10px;padding-left:20px}}
.instructor-catalog{max-width:920px;margin:32px auto 48px}.instructor-catalog .game-copy p{max-width:580px}.instructor-catalog .game-footer{border-top-color:var(--line)}.instructor-catalog .game-number{bottom:70px}.instructor-catalog .game-footer .secondary{color:var(--muted)}.instructor-catalog .catalog-heading h2{font-size:clamp(26px,3vw,36px)}.instructor-catalog .room-hint{line-height:1.6}
.student-question{margin:22px 0}.student-question h2{font-size:clamp(23px,4vw,32px);line-height:1.35;margin-top:12px;overflow-wrap:anywhere}.answer-grid button{height:auto;min-height:132px;padding:20px;align-items:center;text-align:left;line-height:1.4}.answer-letter{font-size:30px;flex-shrink:0}.answer-copy{font-size:16px;line-height:1.5;overflow-wrap:anywhere;min-width:0}.answer-grid button:disabled{opacity:.7}@media(max-width:540px){.answer-grid{grid-template-columns:1fr}.answer-grid button{min-height:76px;justify-content:flex-start;padding:16px}.controller-title h1{font-size:32px}}
.leaderboard-note{margin:0 0 20px;line-height:1.7}.leaderboard-room{margin-top:8px;color:var(--muted);font-size:18px}.leaderboard-room span{font-weight:700;letter-spacing:2px}#game-leaderboard-body tr:first-child{background:color-mix(in srgb,var(--blue) 10%,white)}#game-leaderboard-body td:nth-child(3){font-weight:700;font-variant-numeric:tabular-nums}
.projector-screen>section{min-width:0}.projector-screen .table-scroll{max-width:100%;overflow-x:auto}
.class-notice{padding:13px 18px;border:1px solid var(--line);border-radius:9px;background:#f0f3e9;margin:15px 0;color:var(--ink)}.class-notice.success{background:color-mix(in srgb,var(--blue) 10%,white);border-color:var(--green);font-weight:600}.finish-panel{margin:24px 0}.finish-panel h2{margin-top:8px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.podium-place{border:1px solid var(--line);background:#f5f7ef;border-radius:12px;padding:22px;overflow-wrap:anywhere}.podium-place:first-child{background:color-mix(in srgb,var(--blue) 10%,white);border-color:var(--green)}.podium-place h3{font-size:22px;margin:10px 0}.podium-place strong{font-size:30px}.podium-place p{color:var(--muted);font-size:13px}.reset-dialog{width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:16px;padding:30px;color:var(--ink);background:white}.reset-dialog::backdrop{background:#000000a8}.reset-dialog h2{margin:15px 0;font-size:29px}.reset-dialog>p{line-height:1.7}.reset-dialog .control-buttons{margin-top:24px}.end-controls{flex-wrap:wrap}@media(max-width:600px){.podium{grid-template-columns:1fr}.podium-place{padding:18px}.reset-dialog{padding:24px}}

.answer-grid button.correct-reveal:disabled,.question-options > .correct-reveal{background:color-mix(in srgb,var(--blue) 10%,white);color:var(--blue);opacity:1;border:3px solid var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 20%,transparent)}
.answer-grid button.incorrect-reveal:disabled,.question-options > .incorrect-reveal{background:color-mix(in srgb,var(--orange) 12%,white);color:#292929;opacity:1;border:2px solid var(--orange)}
.answer-feedback{display:block;font-size:clamp(.75rem,1.4vw,1rem);font-weight:700;line-height:1.4;margin-top:.5rem}
.answer-feedback[hidden]{display:none}.question-options .answer-feedback{margin:0 0 0 auto;flex-shrink:0}
.answer-grid button:has(.answer-feedback:not([hidden])){flex-wrap:wrap;justify-content:flex-start}.answer-grid .answer-feedback{flex-basis:100%;margin-top:0}.question-options > .correct-reveal,.question-options > .incorrect-reveal{flex-wrap:wrap}.question-options .answer-feedback{flex-basis:100%;color:inherit;font-size:14px;margin:0}.question-options .incorrect-reveal .option-text{color:inherit}

.brand{min-width:0}.brand-logo{display:block;width:300px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:768px){.brand-logo{width:240px}}
@media(max-width:400px){.brand-logo{width:210px}}

/* Blue foundations, green hover states, orange accents. */
.game-icon,.lime .game-icon,.purple .game-icon,.sand .game-icon{background:var(--blue);color:white;box-shadow:5px 5px 0 color-mix(in srgb,var(--blue) 18%,white)}
.game-icon svg{color:white}
.game-footer .button.primary{color:white}
.game-card.lime,.game-card.purple{background:color-mix(in srgb,var(--blue) 10%,white);border-color:color-mix(in srgb,var(--blue) 20%,white)}
.square,.results-panel progress::-webkit-progress-value{background:var(--orange)}
.catalog-heading h2>span,h1>span,.note-star,.how-note>svg{color:var(--orange)}
.controller-title>svg{color:var(--blue);fill:var(--blue)}
.results-panel progress,.projector-screen progress{accent-color:var(--blue)}
.answer-grid button:nth-child(n),.question-options>div{background:var(--blue);color:white}
.answer-grid button:disabled{opacity:1}
.answer-grid button span,.question-options>div .option-text,.question-options>div .answer-feedback,.question-options>div small{color:white}
.question-options>div>b{background:transparent;color:white}
.question-options .correct-option{background:var(--blue);border-color:var(--green);border-width:3px}
.answer-grid button.correct-reveal:disabled,.question-options>.correct-reveal{background:var(--green);color:white;border:3px solid var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)}
.answer-grid button.incorrect-reveal:disabled,.question-options>.incorrect-reveal{background:var(--blue);color:white;border:2px solid #c63d32;box-shadow:none}
.error{border-left:3px solid var(--orange);padding-left:10px}
.correct-text,.incorrect-text{color:#292929}.correct-text{border-bottom:2px solid var(--green)}.incorrect-text{border-bottom:2px solid var(--orange)}
@media(hover:hover){
 .button:not(:disabled):hover,button:not(:disabled):hover,.button.primary:not(:disabled):hover,.answer-grid button:nth-child(n):not(:disabled):hover{background:var(--green);border-color:var(--green);color:white}
 a:not(.button):not(.brand):hover{color:var(--green)}
}
/* Keep the logo centered independently of any header navigation. */
.site-header{position:relative;justify-content:center}
.site-header>.brand{position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px)}
.site-header>nav{margin-left:auto}
.site-header>.instructor-link{margin-left:auto}

/* Highlight only the student's own incorrect submission during results. */
.answer-grid button.incorrect-reveal.chosen-incorrect:disabled{background:#c63d32;color:white;border-color:#c63d32}

/* Large, single-line room code for the classroom display. */
.projection-banner{flex-wrap:wrap}
.projection-banner>div{min-width:0;width:100%}
.projection-banner .leaderboard-title{display:flex;align-items:center;justify-content:space-between;gap:24px;white-space:nowrap;font-size:clamp(24px,4.5vw,72px);width:100%}
.leaderboard-code-group{display:inline-flex;align-items:center;gap:16px}
.leaderboard-code-label{font-size:clamp(13px,2vw,30px);letter-spacing:0;font-weight:500}
#projection-code{font-size:clamp(32px,6vw,96px);letter-spacing:.055em;font-variant-numeric:tabular-nums;line-height:1.15}
@media(max-width:600px){.projection-banner .leaderboard-title{font-size:clamp(18px,4.5vw,27px);gap:8px}.leaderboard-code-group{gap:6px}.leaderboard-code-label{font-size:11px}#projection-code{font-size:clamp(25px,6.5vw,39px);letter-spacing:0}}

.entry-intro.panel{padding:28px;margin-bottom:24px;box-shadow:0 5px 0 #edf0e7}
.entry-intro.panel h1{font-size:clamp(38px,6vw,54px)}
@media(max-width:540px){.entry-intro.panel{padding:22px}}

/* Finance Circus */
.finance-circle { text-align:center; margin:20px 0; padding:24px; overflow:hidden; }
.circle-stage { position:relative; width:min(290px,100%); container-type:inline-size; aspect-ratio:1; margin:20px auto 26px; }
.prize-wheel { width:100%; height:100%; border-radius:50%; border:8px solid #163b61; box-shadow:0 10px 25px #15375630; background:conic-gradient(#ffc857 0deg 45deg,#583f99 45deg 90deg,#087b80 90deg 135deg,#bf3865 135deg 180deg,#19599a 180deg 225deg,#583f99 225deg 270deg,#087b80 270deg 315deg,#bf3865 315deg 360deg); position:relative; transition:transform 3.2s cubic-bezier(.12,.7,.12,1); }
.prize-wheel span { position:absolute; top:50%; left:50%; width:58px; margin-left:-29px; margin-top:-12px; font-size:19px; font-weight:900; color:white; transform:rotate(calc(var(--slice) * 45deg + 22.5deg)) translateY(-100px); }
.prize-wheel span:first-child { color:#163b61; }
.circle-pointer { position:absolute; top:-22px; left:50%; transform:translateX(-50%); z-index:2; font-size:36px; color:#163b61; }
.circle-hub { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:65px; height:65px; border:5px solid #163b61; border-radius:50%; background:white; color:#163b61; font-weight:900; }
#spin-result { font-weight:700; margin:16px 0 0; }
.prize-wheel span { transform:rotate(calc(var(--slice) * 45deg + 22.5deg)) translateY(-34cqw); }
@media(max-width:380px) { .prize-wheel span { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .prize-wheel { transition:none; } }

/* The Final Offer */
.final-offer { padding:24px; margin:22px 0; border-radius:20px; background:#102d4c; color:#fff9e9; box-shadow:0 12px 35px #102d4c20; }
.offer-intro .eyebrow { color:#ffdc83; margin-bottom:10px; }
.offer-intro>p:not(.eyebrow) { color:#ecf1f7; line-height:1.7; }
.offer-tag { display:inline-block; margin-top:12px; color:#cbd9e9; font-size:12px; }
.offer-scoreline { display:flex; gap:16px; justify-content:space-between; padding:18px 0; margin-top:12px; border-top:1px solid #46607b; border-bottom:1px solid #46607b; font-size:12px; }
.offer-scoreline strong { display:block; font-size:21px; color:#ffdc83; }
.offer-status { min-height:72px; display:flex; align-items:center; padding:16px 0; font-weight:600; line-height:1.5; }
.offer-cases { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px 12px; margin:10px 0 24px; }
.offer-bank { background:#fff9e9; color:#102d4c; padding:22px; border-radius:14px; margin-bottom:24px; text-align:center; }
.offer-bank .eyebrow { justify-content:center; color:#765719; }
.offer-bank h2 { font-size:clamp(25px,5vw,36px); margin:12px 0; }
.offer-bank p { font-size:14px; line-height:1.7; }
.offer-actions { display:grid; gap:10px; margin-top:18px; }
.button.offer-deal { background:#0b665a; color:white; min-height:50px; }
.button.offer-no-deal { background:#102d4c; color:white; min-height:50px; }
.offer-values { border-top:1px solid #46607b; padding-top:18px; }
.offer-values summary { cursor:pointer; font-weight:700; }
#offer-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:14px; }
.offer-value { text-align:center; background:#234664; color:#ffe8a9; border:1px solid #516a7d; border-radius:6px; padding:6px; font-size:13px; font-weight:700; }
.offer-teacher { margin-top:22px; }
.offer-teacher p { margin:12px 0; line-height:1.7; }
.question-panel.offer-mode>.question-select,.question-panel.offer-mode>.small,.question-panel.offer-mode>#question-editor-toggle,.question-panel.offer-mode>.current-question,.question-panel.offer-mode>.control-buttons { display:none; }
.offer-scoreboard th:last-child,.offer-scoreboard td:last-child { display:none; }
@media(max-width:380px) { .final-offer { padding:18px; } .offer-cases { grid-template-columns:repeat(3,minmax(0,1fr)); } .offer-bank { padding:16px; } }

/* Price Check */
.price-check { margin:22px 0; border:1px solid #bad9cf; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 10px 25px #174d3e12; }
.price-rules { padding:22px 24px; background:#174d3e; color:white; }
.price-rules .eyebrow { color:#d9f69d; margin-bottom:9px; }
.price-rules p { font-size:14px; line-height:1.7; }
.price-product { text-align:center; padding:26px 24px 18px; background:linear-gradient(135deg,#f2f8ed,#e8f2ec); }
.price-icon { font-size:88px; display:block; line-height:1.4; }
.price-label { display:inline-block; padding:4px 10px; margin:10px 0 16px; border:1px dashed #739b7d; border-radius:4px; color:#27533d; font-size:10px; font-weight:700; letter-spacing:2px; }
.price-product h2 { font-size:clamp(34px,6vw,48px); font-weight:800; line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; margin-bottom:16px; color:#174d3e; }
.price-product p { font-size:20px; font-weight:700; line-height:1.5; }
.price-product .price-disclaimer { font-size:11px; font-weight:400; color:#476154; margin-top:16px; }
.price-status { padding:22px 24px 0; font-weight:700; line-height:1.6; }
#price-form { padding:18px 24px 24px; }
#price-form label { font-size:14px; }
.price-input { display:flex; align-items:center; gap:10px; margin:9px 0; padding:0 16px; border:2px solid #659d80; border-radius:10px; background:#fbfef8; }
.price-input>span { font-size:30px; color:#47705a; }
.price-input input { border:0; background:transparent; min-width:0; font-size:30px; font-weight:700; padding:12px 0; color:#174d3e; }
#price-guess-hint { font-size:12px; color:#56705e; margin:12px 0 18px; }
#price-submit { width:100%; min-height:52px; background:#174d3e; }
#price-error:not(:empty) { padding:0 24px 20px; }
.price-result { margin:20px 24px 24px; padding:24px 20px; background:#174d3e; color:white; border-radius:12px; text-align:center; }
.price-result .eyebrow { justify-content:center; color:#d9f69d; }
.price-result h2 { font-size:44px; color:#d9f69d; margin:12px 0; }
.price-result p { font-size:14px; line-height:1.7; }
#price-winners { margin-top:12px; }
.price-teacher { margin-top:22px; }
.price-teacher>p { line-height:1.7; margin:12px 0; }
.price-teacher .class-notice { margin:12px 0; }
@media(max-width:380px) { .price-rules,.price-product,#price-form { padding-left:18px; padding-right:18px; } }

/* Candy Bingo */
.candy-bingo { border:1px solid #d1c8e9; border-radius:20px; background:#fbf9ff; padding:22px; margin:22px 0; box-shadow:0 12px 30px #42327813; }
.bingo-intro .eyebrow { color:#62449a; margin-bottom:8px; }
.bingo-intro>p { font-size:14px; line-height:1.7; }
.bingo-call { background:#35285d; color:#fff; border-radius:13px; padding:22px; margin:20px 0; text-align:center; }
.bingo-call .eyebrow { color:#eadbff; justify-content:center; }
.bingo-call h2,.bingo-call h3 { color:white; font-size:28px; margin:10px 0; }
.bingo-call p:not(.eyebrow) { font-size:14px; line-height:1.7; }
.bingo-status { font-weight:700; font-size:14px; line-height:1.6; min-height:48px; margin-bottom:14px; }
.bingo-letters,.bingo-card { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
.bingo-letters { margin-bottom:7px; color:#62449a; font-size:25px; font-weight:900; text-align:center; }
.bingo-square { position:relative; min-width:0; min-height:78px; border:1px solid #d9d1e7; border-radius:7px; background:white; color:#33274d; font-size:12px; line-height:1.25; padding:7px 3px; font-weight:700; overflow-wrap:anywhere; }
.bingo-square:disabled { opacity:1; }
.bingo-square.is-available { border:2px solid #8c66ba; box-shadow:0 0 0 1px #8c66ba; }
.bingo-square.is-marked { background:#654596; border-color:#654596; color:white; }
.bingo-square.is-marked::after { content:''; display:block; font-size:15px; line-height:1; margin-top:4px; }
.bingo-square.is-winner { background:#145b4b; border-color:#145b4b; }
#bingo-claim { width:100%; background:#654596; margin:20px 0 8px; min-height:52px; font-size:17px; }
.bingo-history { margin-top:14px; border-top:1px solid #d9d1e7; padding-top:14px; font-size:13px; }
.bingo-history summary { cursor:pointer; font-weight:700; }
#bingo-called,#teacher-bingo-called { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.bingo-chip { display:inline-block; border-radius:12px; padding:4px 9px; background:#eee6fa; color:#49316d; font-size:12px; }
.bingo-teacher { margin-top:22px; }
.bingo-teacher>p { margin:12px 0; line-height:1.7; }
@media(max-width:420px) { .candy-bingo { padding:14px; } .bingo-square { font-size:10px; min-height:72px; } .bingo-call { padding:18px 14px; } }
@media(max-width:340px) { .bingo-square { font-size:9px; min-height:68px; } .bingo-letters,.bingo-card { gap:4px; } }

/* Money Chase */
.money-chase { background:#eef7ef; border:1px solid #bed8cb; border-radius:20px; padding:20px; margin:22px 0; }
.chase-hud { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:18px; }
.chase-hud>span { font-size:11px; text-align:center; text-transform:uppercase; letter-spacing:1px; color:#426958; }
.chase-hud strong { display:block; color:#174e3f; font-size:27px; line-height:1.4; }
.chase-board-wrap { border:5px solid #1a4e42; border-radius:13px; overflow:hidden; background:#102f2c; }
#chase-board { display:block; width:100%; height:auto; aspect-ratio:1; touch-action:none; }
#chase-board:focus-visible { outline:3px solid #d8ee94; outline-offset:-4px; }
.chase-status { font-weight:700; font-size:14px; line-height:1.6; margin:18px 0 10px; min-height:45px; }
.chase-bonus { padding:9px 12px; border-radius:8px; background:#fff2c7; color:#675017; font-size:13px; text-align:center; }
.chase-actions { display:flex; gap:10px; margin:18px 0; }
.chase-actions button { flex:1; min-height:48px; }
#chase-play { background:#174e3f; }
.chase-pad { display:grid; grid-template-columns:repeat(3,56px); justify-content:center; gap:7px; margin:14px auto; }
.chase-pad button { min-height:48px; border:1px solid #a4c3b1; border-radius:9px; color:#174e3f; background:white; font-size:25px; font-weight:700; touch-action:manipulation; }
.chase-pad .chase-up { grid-column:2; }
.chase-pad button:nth-child(2) { grid-column:1; }
#chase-help { font-size:12px; line-height:1.7; color:#49685a; text-align:center; }
.chase-teacher { margin-top:22px; }
.chase-teacher>p { margin:12px 0; line-height:1.7; }
@media(max-width:380px) { .money-chase { padding:12px; } .chase-hud>span { letter-spacing:0; } }
@media(max-width:540px) {
 .chase-active .site-header { height:56px; }
 .chase-active .brand-logo { width:190px; }
 .chase-active .controller { padding:10px 12px 24px; }
 .chase-active .controller-bar { padding-bottom:8px; }
 .chase-active .controller-title { margin:8px 0; }
 .chase-active .controller-title>svg,.chase-active .controller-title>.eyebrow { display:none; }
 .chase-active .controller-title h1 { font-size:26px; margin:0; }
 .chase-active .money-chase { padding:12px; margin:10px 0; }
 .chase-active .chase-hud { margin-bottom:10px; }
 .chase-active .chase-hud strong { font-size:23px; }
 .chase-active .chase-status { min-height:0; margin:10px 0; font-size:13px; }
 .chase-active .chase-bonus { padding:7px; font-size:12px; }
 .chase-controls-row { display:flex; gap:16px; align-items:center; margin:10px 0; }
 .chase-controls-row .chase-actions { flex:1; flex-direction:column; margin:0; gap:6px; }
 .chase-controls-row .chase-actions button { min-height:44px; }
 .chase-controls-row .chase-pad { grid-template-columns:repeat(3,44px); gap:5px; margin:0; }
 .chase-controls-row .chase-pad button { min-height:44px; }
 .chase-active #chase-help { font-size:11px; }
}

/* Keep the player's selected answer visible through submission and results. */
.answer-grid button.selected:nth-child(n){border:4px solid var(--orange);outline:3px solid var(--orange);outline-offset:2px}

.chase-popup #chase-popup-score{font-size:26px;font-weight:800;margin-top:20px;color:var(--blue)}

.projection-answer{font-size:clamp(36px,6vw,80px);font-weight:800;line-height:1.15;color:var(--green);margin:24px 0;padding:20px 24px;background:#eff7e8;border:3px solid var(--green);border-radius:12px;overflow-wrap:anywhere}

/* Student identity sits centered directly beneath the brand. */
body[data-page="play"] .site-header{justify-content:center;position:relative}
body[data-page="play"] .site-header nav{position:absolute;right:5%}
body[data-page="play"] .controller-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
body[data-page="play"] #player-name{grid-column:1 / -1;grid-row:1;text-align:center;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.2;color:var(--blue);overflow-wrap:anywhere;padding:4px 0 10px}
body[data-page="play"] .controller-bar>a{grid-column:1;grid-row:2;justify-self:start}
body[data-page="play"] .controller-bar>.connection{grid-column:2;grid-row:2;justify-self:end}
@media(max-width:740px){body.chase-active #player-name{font-size:28px;padding:0}body.chase-active .controller-bar{gap:2px}body.chase-active .controller-title{margin:4px 0}}

.fraud-active .student-question{background:#eef2ff;border:2px solid #c4cfe8;border-radius:22px;box-shadow:0 8px 0 #dce4f5}.fraud-active .student-question .eyebrow{font-size:0}.fraud-active .student-question .eyebrow::after{content:'MESSAGE TO INSPECT';font-size:12px;letter-spacing:2px}.fraud-active .answer-grid{grid-template-columns:1fr 1fr}.fraud-active .answer-grid button{flex-direction:column;justify-content:center;min-height:155px}.fraud-active .answer-letter{display:none}.fraud-active .answer-copy{font-size:clamp(25px,5vw,38px);font-weight:800;text-align:center}.fraud-active .answer-grid button.selected{transform:translateY(-4px)}.fraud-explanation{padding:22px;border:2px solid #659d80;background:#eff8e9;color:#174d3e;border-radius:15px;font-size:20px;font-weight:700;margin:20px 0}

.needs-active .student-question{background:#fff8e9;border-color:#ebcf98;box-shadow:0 8px 0 #f1e4c7;touch-action:pan-y}.needs-active .student-question .eyebrow::after{content:'READ THE SITUATION · SORT THE CHOICE'}.needs-active .student-question::after{content:'Tap a basket, or swipe left for Need and right for Want.';display:block;font-size:14px;margin-top:18px;color:#705527}.needs-active .answer-grid button:first-child{background:#246846}.needs-active .answer-grid button:nth-child(2){background:#694c8d}

.credit-skills{background:linear-gradient(120deg,#213d66,#5a4482);border-radius:20px;color:white;padding:24px;margin:24px 0}.credit-skills strong{font-size:28px;display:block;margin:12px 0}.credit-skills progress{width:100%;height:18px;accent-color:#c2ee8e}.credit-skills small{display:block;margin-top:12px}.credit-active .student-question{background:#f4f0ff;border-color:#ccc0e6}.credit-active .student-question .eyebrow::after{content:'STARSKY’S NEXT DECISION'}.credit-active .answer-copy{font-size:22px;line-height:1.4}.credit-active .answer-grid button{min-height:165px;padding:20px}.credit-active .answer-grid{gap:16px}@media(max-width:540px){.credit-active .answer-grid{grid-template-columns:1fr}.credit-active .answer-grid button{min-height:105px}.credit-active .answer-copy{font-size:21px}}

.sample-entry{grid-column:1/-1;text-align:center}.sample-entry .eyebrow{justify-content:center}.sample-entry h2{font-size:30px;margin:12px 0}.sample-entry>p:not(.eyebrow){max-width:700px;margin:16px auto 22px;line-height:1.7}.dashboard-heading{flex-wrap:wrap}.dashboard-heading>div{margin-right:auto}