@font-face{font-family:"Press Start 2P";src:url(/assets/fonts/PressStart2P-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #151515;--surface: #20201f;--surface-raised: #292826;--surface-muted: #32302e;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--ink: #f7f5f0;--muted: #b9b2a8;--faint: #817b72;--cyan: #3ffffd;--cyan-soft: rgba(63, 255, 253, .13);--violet: #1aa8b5;--violet-soft: rgba(63, 255, 253, .1);--lime: #7be8a1;--lime-soft: rgba(123, 232, 161, .13);--amber: #ffd66d;--amber-soft: rgba(255, 214, 109, .15);--rose: #ff6d91;--rose-soft: rgba(255, 109, 145, .15);--shadow: 0 18px 50px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);letter-spacing:0}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell button:focus-visible,.app-shell input:focus-visible,.app-shell textarea:focus-visible,.app-shell select:focus-visible,.app-shell a:focus-visible{outline:3px solid rgba(63,255,253,.3);outline-offset:2px}.trivia-prototype-shell button:focus-visible,.trivia-prototype-shell input:focus-visible,.trivia-prototype-shell textarea:focus-visible,.trivia-prototype-shell select:focus-visible,.trivia-prototype-shell a:focus-visible{outline:3px solid rgba(243,196,107,.28);outline-offset:2px}.app-shell{min-height:100vh;padding:18px;background:linear-gradient(180deg,rgba(63,255,253,.07),transparent 270px),var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1480px;min-height:70px;margin:0 auto 14px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#20201feb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(63,255,253,.42);border-radius:8px;color:var(--cyan);background:linear-gradient(135deg,#3ffffd29,#3ffffd12);box-shadow:inset 0 0 18px #3ffffd1a}.brand-lockup h1{margin:0;font-size:22px;line-height:1.1}.brand-lockup p{margin:3px 0 0;color:var(--muted);font-size:13px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.status-badge.green{color:var(--lime);border-color:#7be8a14d;background:var(--lime-soft)}.status-badge.blue{color:var(--cyan);border-color:#3ffffd4d;background:var(--cyan-soft)}.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface-raised);font-size:12px;font-weight:900}.secondary-action:hover{color:var(--ink);border-color:var(--line-strong)}.login-grid{display:grid;place-items:start center;max-width:1480px;margin:0 auto;padding-top:60px}.login-panel{display:grid;gap:14px;width:min(100%,430px);padding:18px;border:1px solid var(--line);border-radius:8px;background:#20201ff0;box-shadow:var(--shadow)}.login-panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.auth-note,.error-text{display:flex;align-items:center;gap:8px;min-height:38px;padding:9px 10px;border-radius:8px;font-size:13px;line-height:1.35}.auth-note{border:1px solid rgba(63,255,253,.24);color:var(--muted);background:var(--cyan-soft)}.error-text{border:1px solid rgba(255,109,145,.34);color:var(--rose);background:var(--rose-soft)}.workspace-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.25fr) minmax(320px,.9fr);gap:14px;max-width:1480px;margin:0 auto;align-items:start}.setup-panel,.recommendation-panel,.create-panel,.roster-panel,.analytics-panel,.enterprise-panel,.teacher-dashboard-panel,.recent-drafts-panel{border:1px solid var(--line);border-radius:8px;background:#20201ff0;box-shadow:var(--shadow)}.setup-panel,.recommendation-panel,.create-panel{padding:16px}.roster-panel,.analytics-panel,.enterprise-panel,.teacher-dashboard-panel,.recent-drafts-panel{padding:12px;background:var(--surface-raised);box-shadow:none}.panel-header{display:flex;align-items:center;gap:8px;min-height:28px;margin-bottom:14px;color:var(--ink)}.panel-header.compact{margin-bottom:10px}.panel-header svg{color:var(--cyan);flex:0 0 auto}.panel-header h2{margin:0;font-size:16px;line-height:1.2}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label,.stacked-field{display:grid;gap:6px}label span,.stacked-field span{color:var(--muted);font-size:12px;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#171716}input,select{min-height:40px;padding:0 10px}select{color:var(--ink)}textarea{resize:vertical;min-height:112px;padding:10px;line-height:1.45}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input::placeholder,textarea::placeholder{color:var(--faint)}.stacked-field{margin-top:12px}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:8px;padding:0 12px;border:1px solid rgba(63,255,253,.26);border-radius:8px;background:var(--cyan-soft);color:var(--cyan);font-size:13px;font-weight:900;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0}.analysis-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.metric{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.metric span{color:var(--muted);font-size:11px;font-weight:800}.metric strong{overflow:hidden;color:var(--ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.template-list{display:grid;gap:8px}.template-row{display:grid;grid-template-columns:38px minmax(0,1fr) 76px;align-items:center;gap:10px;width:100%;min-height:82px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface-raised);text-align:left}.template-row:hover{border-color:#3ffffd61;background:#302f2d}.template-row.selected{border-color:#3ffffdb3;background:linear-gradient(135deg,#3ffffd29,#3ffffd0f)}.template-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(63,255,253,.26);border-radius:8px;color:var(--cyan);background:#0000002e}.template-copy{display:grid;gap:3px;min-width:0}.template-copy strong{overflow:hidden;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.template-copy span{color:var(--muted);font-size:12px;line-height:1.3}.template-copy small{overflow:hidden;color:var(--faint);font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.template-score{display:grid;place-items:center;min-height:32px;padding:0 6px;border:1px solid rgba(123,232,161,.28);border-radius:8px;color:var(--lime);background:var(--lime-soft);font-size:11px;font-weight:900;text-align:center}.review-block{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.objective-list{display:grid;gap:8px}.objective-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;color:var(--muted);font-size:13px;line-height:1.35}.objective-row svg{margin-top:2px;color:var(--lime)}.question-table{display:grid;margin-top:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface-raised)}.question-header,.question-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(120px,.55fr);gap:10px;padding:10px 12px}.question-header{color:var(--cyan);background:#3ffffd12;font-size:11px;font-weight:900;text-transform:uppercase}.question-row{border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.35}.question-row span,.question-row strong{min-width:0;overflow-wrap:anywhere}.question-row strong{color:var(--ink)}.selected-format{display:grid;gap:6px;padding:12px;border:1px solid rgba(63,255,253,.34);border-radius:8px;background:var(--violet-soft)}.selected-format span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.selected-format strong{font-size:18px;line-height:1.2}.selected-format p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid rgba(63,255,253,.52);border-radius:8px;color:#001415;background:linear-gradient(135deg,var(--cyan),#9bfffe);font-weight:950;box-shadow:0 10px 26px #3ffffd1f}.primary-action:hover:not(:disabled){transform:translateY(-1px)}.primary-action:disabled{cursor:wait;opacity:.72}.generate-action{margin:12px 0}.build-card{display:grid;gap:10px;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.build-card.running,.build-card.starting{border-color:#3ffffd57}.build-card.ready{border-color:#7be8a157;background:linear-gradient(135deg,#7be8a121,#3ffffd0a)}.build-card.error,.build-card.auth{border-color:#ff6d9161;background:var(--rose-soft)}.build-card-main{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start}.build-card-main svg{margin-top:2px;color:var(--cyan)}.build-card.error .build-card-main svg,.build-card.auth .build-card-main svg{color:var(--rose)}.build-card.ready .build-card-main svg{color:var(--lime)}.build-card-main strong,.build-card-main span{display:block;min-width:0;overflow-wrap:anywhere}.build-card-main strong{color:var(--ink);font-size:14px;line-height:1.35}.build-card-main span{margin-top:3px;color:var(--muted);font-size:12px}.ready-actions{display:grid;gap:8px}.ready-actions a,.ready-actions button,.ready-actions span{display:inline-flex;align-items:center;gap:7px;min-height:34px;width:fit-content;max-width:100%;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);background:#0000002e;font-size:12px;font-weight:900;text-decoration:none;overflow-wrap:anywhere}.ready-actions button{cursor:pointer}.ready-actions button:disabled{cursor:wait;opacity:.7}.ready-actions span{color:var(--muted)}.playtest-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#050809e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playtest-modal{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;width:min(100%,560px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;overflow:hidden;border:1px solid rgba(63,255,253,.42);border-radius:8px;background:#151817;box-shadow:0 28px 90px #000000b3}.playtest-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:6px 8px 6px 10px;background:#202322;border-bottom:1px solid var(--line)}.playtest-modal-title{display:flex;align-items:baseline;gap:8px;flex:1 1 auto;min-width:0;overflow:hidden}.playtest-modal-title span{flex:0 0 auto;color:var(--cyan);font-size:9px;font-weight:950;letter-spacing:0;text-transform:uppercase}.playtest-modal-title h2{min-width:0;margin:0;color:var(--ink);font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playtest-modal-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}.playtest-ranking-note{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 8px;border:1px solid rgba(123,232,161,.32);border-radius:8px;color:var(--lime);background:var(--lime-soft);font-size:11px;font-weight:900;white-space:nowrap}.playtest-icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);background:#2a2d2c;text-decoration:none}.playtest-icon-button:hover{border-color:#3ffffd85;color:var(--cyan)}.playtest-modal-stage{display:grid;width:100%;min-width:0;min-height:0;place-items:start center;overflow:hidden;padding:0;background:#0d0f0f}.playtest-frame{width:min(100%,540px,calc((100dvh - 78px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*.5625));max-width:100%;aspect-ratio:9 / 16;min-height:0;overflow:hidden;background:#161514}.playtest-frame iframe{display:block;width:100%;height:100%;border:0;background:#161514}.build-events{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:var(--faint);font-size:12px;line-height:1.35}.privacy-stack{display:grid;gap:8px;margin-bottom:12px}.enterprise-panel{display:grid;gap:10px;margin-bottom:12px}.runtime-summary{display:grid;gap:4px;padding:10px;border:1px solid rgba(63,255,253,.24);border-radius:8px;background:#00000029}.runtime-summary span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.runtime-summary strong{color:var(--ink);font-size:13px;line-height:1.3}.runtime-summary a{display:inline-flex;align-items:center;gap:6px;width:fit-content;min-height:30px;margin-top:3px;padding:0 9px;border:1px solid rgba(63,255,253,.3);border-radius:8px;color:var(--cyan);background:var(--cyan-soft);font-size:12px;font-weight:900;text-decoration:none}.runtime-list{display:grid;gap:7px}.runtime-list div{display:grid;grid-template-columns:17px minmax(0,1fr);gap:7px;color:var(--muted);font-size:12px;line-height:1.35}.runtime-list svg{margin-top:2px;color:var(--lime)}.recent-drafts-panel{margin-bottom:12px}.recent-draft-list{display:grid;gap:8px}.recent-draft-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:8px;background:#00000029}.recent-draft-row div{display:grid;gap:3px;min-width:0}.recent-draft-row strong,.recent-draft-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-draft-row strong{color:var(--ink);font-size:13px}.recent-draft-row span{color:var(--muted);font-size:11px}.recent-draft-row button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid rgba(63,255,253,.3);border-radius:8px;color:var(--cyan);background:var(--cyan-soft);font-size:12px;font-weight:900}.recent-draft-row button:disabled{cursor:wait;opacity:.7}.privacy-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:9px 10px;border:1px solid rgba(123,232,161,.22);border-radius:8px;color:var(--muted);background:var(--lime-soft);font-size:12px;line-height:1.35}.privacy-row svg{margin-top:1px;color:var(--lime)}.roster-table{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,auto);gap:10px;align-items:center;min-height:34px;padding:7px 9px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.roster-row:first-child{border-top:0}.roster-row span,.roster-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-row strong{color:var(--ink);text-align:right}.analytics-panel{margin-top:12px}.teacher-dashboard-panel{display:grid;gap:12px;margin-top:12px}.dashboard-heading,.dashboard-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-heading .panel-header{margin-bottom:0}.dashboard-class-picker{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.dashboard-class-picker select{min-height:34px;max-width:190px;padding:0 28px 0 10px;border:1px solid rgba(63,255,253,.3);border-radius:8px;color:var(--ink);background:#3ffffd14;font:inherit;outline:none}.dashboard-section-title{justify-content:flex-start;color:var(--ink);font-size:12px;font-weight:900;text-transform:uppercase}.dashboard-section-title svg{color:var(--cyan)}.dashboard-refresh{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid rgba(63,255,253,.35);border-radius:8px;color:var(--ink);background:#3ffffd14;font-size:12px;font-weight:900}.dashboard-refresh:disabled{cursor:wait;opacity:.72}.dashboard-empty{display:grid;gap:4px;padding:12px;border:1px solid rgba(63,255,253,.22);border-radius:8px;color:var(--muted);background:var(--cyan-soft)}.dashboard-empty strong{color:var(--ink)}.dashboard-empty.error{border-color:#ff6d9157;background:var(--rose-soft)}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.week-map,.student-progress-panel{display:grid;gap:8px}.week-row{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(170px,1.1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#00000029}.week-row>div:first-child,.student-progress-row>div{display:grid;gap:3px;min-width:0}.week-row strong,.student-progress-row strong{min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.week-row span,.student-progress-row span,.student-progress-row em{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.week-row b{color:var(--cyan);font-size:18px}.week-bars{display:grid;gap:8px}.week-bars .progress-row{margin-top:0}.student-progress-table{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden}.student-progress-row{display:grid;grid-template-columns:minmax(82px,.8fr) minmax(112px,1.1fr) minmax(60px,.6fr) minmax(74px,.7fr) minmax(72px,auto);gap:10px;align-items:center;min-height:48px;padding:9px 10px;border-top:1px solid var(--line);font-size:12px}.student-progress-row:first-child{border-top:0}.progress-row{display:grid;gap:7px;margin-top:10px}.progress-row:first-of-type{margin-top:0}.progress-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.progress-row strong{color:var(--ink)}.progress-track{height:8px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#00000038}.progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--lime))}.educator-workspace{display:grid;gap:14px;max-width:1320px;margin:0 auto}.workspace-tabs{display:inline-flex;justify-self:start;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#20201ff0;box-shadow:var(--shadow)}.workspace-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:transparent;font-size:13px;font-weight:900}.workspace-tabs button:hover{color:var(--ink);background:#ffffff0a}.workspace-tabs button.active{border-color:#3ffffd75;color:#001415;background:var(--cyan)}.weekly-games-page{display:grid;gap:14px}.teacher-preview-profile{display:grid;grid-template-columns:minmax(220px,1fr) minmax(250px,auto) auto;align-items:center;gap:18px;padding:15px 17px;border:1px solid rgba(63,255,253,.3);border-radius:8px;background:#3ffffd0d}.teacher-preview-identity{display:grid;gap:3px;min-width:0}.teacher-preview-identity>span{color:var(--cyan);font-size:10px;font-weight:950}.teacher-preview-identity strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.teacher-preview-identity em{color:var(--muted);font-size:11px;font-style:normal}.teacher-preview-policy{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;color:var(--cyan);font-size:11px}.teacher-preview-policy svg{grid-row:1 / span 2}.teacher-preview-policy b{color:var(--muted);font-size:10px;font-weight:700}.weekly-game-library{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#20201fdb}.weekly-game-header,.weekly-game-row{display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(270px,.95fr) 132px;align-items:center;gap:16px}.weekly-game-header{min-height:38px;padding:0 15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase}.weekly-game-list{display:grid}.weekly-game-row{min-height:88px;padding:12px 15px;border-bottom:1px solid var(--line)}.weekly-game-row:last-child{border-bottom:0}.weekly-game-row:hover{background:#3ffffd0b}.weekly-game-name{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.weekly-game-name>span{display:grid;place-items:center;min-height:34px;padding:0 8px;border:1px solid rgba(63,255,253,.28);border-radius:6px;color:var(--cyan);background:#3ffffd12;font-size:11px;font-weight:950;text-align:center}.weekly-game-name>div{display:grid;gap:5px;min-width:0}.weekly-game-name strong,.weekly-game-name em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-game-name strong{font-size:13px}.weekly-game-name em{color:var(--muted);font-size:10px;font-style:normal}.weekly-game-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.weekly-game-progress>div{display:grid;gap:4px;min-width:0}.weekly-game-progress span{color:var(--muted);font-size:9px;text-transform:uppercase}.weekly-game-progress strong{font-size:14px}.weekly-game-preview{min-height:38px;padding:0 12px}.class-dashboard-page,.create-game-page{display:grid;gap:14px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#20201ff0;box-shadow:var(--shadow)}.page-heading>div{min-width:0}.page-eyebrow{display:block;margin-bottom:6px;color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}.page-heading h2{margin:0;font-size:24px;line-height:1.15}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.heading-action{width:auto;min-width:190px;padding:0 16px}.page-back-action{gap:7px;min-height:40px;padding:0 12px}.class-control-bar{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.dashboard-class-picker{display:grid;gap:4px;min-width:250px;margin:0;text-transform:none}.dashboard-class-picker select{min-height:38px;max-width:none;padding:0 30px 0 10px;border-color:#3ffffd57;color:var(--ink);background:#3ffffd14}.class-context{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted);font-size:12px}.class-context svg{color:var(--cyan);flex:0 0 auto}.class-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-context b{padding-left:8px;border-left:1px solid var(--line);color:var(--ink);white-space:nowrap}.class-control-bar .dashboard-refresh{margin-left:auto}.dashboard-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-metric-grid .metric{min-height:78px;align-content:center;padding:14px;background:var(--surface)}.dashboard-metric-grid .metric strong{font-size:22px}.dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:14px;align-items:start}.dashboard-card,.workflow-card,.launch-card{border:1px solid var(--line);border-radius:8px;background:#20201ff0;box-shadow:var(--shadow)}.dashboard-card,.workflow-card,.launch-card{padding:16px}.dashboard-card-heading,.dashboard-card-heading>div,.student-detail-heading,.student-detail-heading>div{display:flex;align-items:center;gap:9px}.dashboard-card-heading{justify-content:space-between;margin-bottom:13px}.dashboard-card-heading svg,.student-detail-heading svg{color:var(--cyan);flex:0 0 auto}.dashboard-card-heading h3,.workflow-heading h3{margin:0;color:var(--ink);font-size:15px;line-height:1.25}.dashboard-card-heading span,.workflow-heading p{display:block;margin:2px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.week-list{display:grid;gap:8px}.week-row{background:var(--surface-raised)}.empty-row{padding:18px;border:1px dashed var(--line-strong);color:var(--muted);font-size:13px;text-align:center}.class-detail-list{display:grid;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.class-detail-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;border-top:1px solid var(--line)}.class-detail-list div:first-child{border-top:0}.class-detail-list span{color:var(--muted);font-size:12px}.class-detail-list strong{font-size:13px}.class-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.class-action-row .secondary-action{gap:7px;min-height:40px;padding:0 8px;text-decoration:none}.roster-manager-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;align-items:stretch}.roster-manager textarea{min-height:150px}.roster-manager-actions{display:grid;align-content:start;gap:10px}.roster-manager-actions>div{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.roster-manager-actions strong{font-size:22px}.roster-manager-actions span{color:var(--muted);font-size:11px}.roster-manager-actions .file-button{width:100%;margin:0}.student-progress-table{background:var(--surface-raised)}.student-progress-header,.student-progress-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(150px,1.15fr) minmax(74px,.55fr) minmax(88px,.65fr) minmax(88px,auto);gap:12px;align-items:center}.student-progress-header{min-height:36px;padding:0 12px;color:var(--muted);background:#3ffffd12;font-size:10px;font-weight:900;text-transform:uppercase}.student-progress-row{width:100%;min-height:62px;padding:9px 12px;border:0;border-top:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;text-align:left}.student-progress-row:hover,.student-progress-row.selected{background:#3ffffd14}.student-progress-row.selected{box-shadow:inset 3px 0 0 var(--cyan)}.student-detail{display:grid;gap:12px;margin-top:12px;padding:13px;border-top:1px solid rgba(63,255,253,.32);background:#3ffffd0d}.student-detail-heading{justify-content:space-between}.student-detail-heading>div>div{display:grid;gap:2px}.student-detail-heading span,.student-detail-footer{color:var(--muted);font-size:11px}.student-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.student-detail-footer{display:flex;justify-content:space-between;gap:12px}.create-game-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.72fr);gap:14px;align-items:start}.create-game-main,.create-game-sidebar{display:grid;gap:14px}.create-game-sidebar{position:sticky;top:14px}.workflow-heading{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:14px}.workflow-heading>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(63,255,253,.42);border-radius:8px;color:#001415;background:var(--cyan);font-size:13px;font-weight:950}.workflow-heading.compact{margin-bottom:12px}.form-grid.four{grid-template-columns:minmax(140px,1.2fr) repeat(3,minmax(100px,.7fr))}.lesson-field textarea{min-height:180px}.lesson-upload{width:fit-content}.review-objectives{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.available-template{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(63,255,253,.38);border-radius:8px;background:linear-gradient(135deg,#3ffffd1f,#3ffffd0a)}.available-template>div:nth-child(2){display:grid;gap:4px}.available-template strong{font-size:15px}.available-template>div:nth-child(2) span{color:var(--muted);font-size:12px}.template-ready{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(123,232,161,.32);border-radius:8px;color:var(--lime);background:var(--lime-soft);font-size:11px;font-weight:900}.launch-card .build-card{margin-bottom:0}.launch-summary{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.launch-summary div{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:center;color:var(--muted);font-size:12px}.launch-summary svg{color:var(--cyan)}.create-game-sidebar .recent-drafts-panel{margin:0;padding:14px;background:#20201ff0;box-shadow:var(--shadow)}.create-game-sidebar .recent-draft-row button{width:34px;padding:0;justify-content:center}.spin{animation:spin .9s linear infinite}.trivia-prototype-shell{--trivia-topbar-space: 82px;--trivia-canvas-pad: 12px;height:100vh;height:100dvh;min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;overscroll-behavior:none;background:linear-gradient(180deg,rgba(185,133,76,.14),transparent 300px),var(--bg);color:var(--ink);touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none}.trivia-prototype-shell.embedded-playtest{--trivia-topbar-space: 0px;--trivia-canvas-pad: 0px;grid-template-rows:minmax(0,1fr)}.embedded-playtest .trivia-game-field{width:min(100%,56.25dvh);border-radius:0}.embedded-playtest .trivia-game-field canvas{border:0;border-radius:0;box-shadow:none}.trivia-prototype-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#20201ff0}.trivia-prototype-topbar div{display:grid;gap:3px;min-width:0}.trivia-prototype-topbar strong{overflow:hidden;font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.trivia-prototype-topbar span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.trivia-prototype-topbar .trivia-preview-badge{justify-self:start;padding:3px 6px;border:1px solid rgba(243,196,107,.4);border-radius:4px;color:#f3c46b;background:#f3c46b14;font-size:9px;font-weight:950;line-height:1.25;text-transform:uppercase}.trivia-prototype-topbar a{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(209,138,54,.42);border-radius:8px;color:#f3c46b;text-decoration:none;background:#b9854c21}.trivia-prototype-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.trivia-prototype-actions button,.trivia-prototype-actions a{min-height:34px;padding:0 10px;border:1px solid rgba(209,138,54,.42);border-radius:8px;color:#f3c46b;background:#b9854c21;font-size:12px;font-weight:900;text-decoration:none}.trivia-canvas-wrap{position:relative;min-height:0;display:grid;place-items:center;padding:var(--trivia-canvas-pad) calc(var(--trivia-canvas-pad) + env(safe-area-inset-right)) calc(var(--trivia-canvas-pad) + env(safe-area-inset-bottom)) calc(var(--trivia-canvas-pad) + env(safe-area-inset-left));overflow:hidden}.trivia-game-field{position:relative;width:min(100%,calc((100dvh - var(--trivia-topbar-space) - (var(--trivia-canvas-pad) * 2) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1080 / 1920));max-width:100%;max-height:100%;aspect-ratio:1080 / 1920;border-radius:8px}.trivia-game-field canvas{display:block;width:100%;height:100%;border:1px solid var(--line);border-radius:8px;background:#123b44;box-shadow:var(--shadow);touch-action:manipulation;user-select:none;-webkit-user-select:none}.monster-forge{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:hidden;pointer-events:auto}.monster-forge:before{content:"";position:absolute;inset:0;border-radius:8px;background:#0d0f12ad}.forge-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px;width:min(100%,560px);max-width:calc(100% - 8px);max-height:calc(100% - 8px);padding:16px;border:6px solid #f7f0bf;background:#fff7d7;box-shadow:inset 0 0 0 5px #07101f,6px 6px #05081261;overflow:hidden;overscroll-behavior:contain;color:#1e3440;font-family:"Press Start 2P",Courier New,monospace;scrollbar-width:thin}.forge-panel>*{min-width:0}.forge-content{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.forge-content>*{min-width:0}.forge-header{display:grid;gap:7px;padding-bottom:10px;border-bottom:5px solid rgba(185,133,76,.35)}.forge-header span,.forge-name span,.forge-options h2,.forge-preview-header span,.forge-stage span,.forge-section-heading,.forge-xp-row span,.forge-xp-total,.forge-stat-tile span,.forge-quiz-row span,.forge-quiz-row em{color:#9f6734;font-size:10px;line-height:1.4;text-transform:uppercase}.forge-header h1{margin:0;color:#13283a;font-size:24px;line-height:1.15}.forge-name{display:grid;gap:7px}.forge-name input{min-height:48px;border:5px solid #07101f;border-radius:0;outline:5px solid #b9854c;background:#fffdf3;color:#1e3440;font-family:"Press Start 2P",Courier New,monospace;font-size:15px}.forge-stats{display:grid;gap:9px}.forge-xp-card,.forge-stat-tile,.forge-quiz-history{border:5px solid #07101f;background:#f6edc9;box-shadow:inset 0 0 0 4px #b9854c2e}.forge-xp-card{display:grid;gap:8px;padding:10px}.forge-xp-row{display:flex;justify-content:space-between;gap:10px}.forge-xp-row strong{color:#13283a;font-size:11px;line-height:1.4;text-transform:uppercase}.forge-xp-track{height:16px;border:4px solid #07101f;background:#fffdf3}.forge-xp-track div{height:100%;background:#d18a36}.forge-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.forge-stat-tile{display:grid;gap:5px;min-width:0;padding:8px 6px}.forge-stat-tile strong{min-width:0;overflow:hidden;color:#13283a;font-size:13px;line-height:1.25;text-overflow:ellipsis}.forge-quiz-history{display:grid;gap:8px;padding:10px}.forge-quiz-list{display:grid;gap:6px}.forge-quiz-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,.55fr) minmax(0,.85fr) minmax(0,.85fr);align-items:center;gap:6px;min-width:0;padding:8px 7px;background:#fffdf3;box-shadow:inset 0 0 0 3px #b9854c2e}.forge-quiz-row strong,.forge-quiz-row b{min-width:0;overflow:hidden;color:#13283a;font-size:9px;line-height:1.4;text-overflow:ellipsis;text-transform:uppercase}.forge-quiz-row b{color:#9f6734;font-style:normal}.forge-empty-history{margin:0;color:#1e3440;font-size:9px;line-height:1.7;text-transform:uppercase}.forge-options{display:grid;gap:8px}.forge-options h2{margin:0}.forge-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.forge-option{display:grid;grid-template-rows:74px auto;place-items:center;gap:6px;min-width:0;min-height:116px;padding:8px 6px;border:5px solid #07101f;border-radius:0;color:#1e3440;background:#fffdf3;box-shadow:5px 5px #b9854c52;font-family:"Press Start 2P",Courier New,monospace}.forge-option.selected{border-color:#201a13;background:#fff0a6;box-shadow:0 0 0 5px #d18a36,6px 6px #05081252}.forge-option img{width:72px;height:72px;image-rendering:pixelated;object-fit:contain}.forge-option span{max-width:100%;overflow:hidden;color:#1e3440;font-size:9px;line-height:1.4;text-overflow:ellipsis;text-transform:uppercase}.forge-preview{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:9px;min-height:210px;padding:10px;border:5px solid #b9854c;background:#b9854c21;overflow:hidden}.forge-preview-header{display:flex;justify-content:space-between;gap:10px;min-width:0}.forge-preview-header strong{min-width:0;overflow:hidden;color:#13283a;font-size:12px;line-height:1.4;overflow-wrap:anywhere;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:normal}.forge-stage-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.forge-stage{display:grid;grid-template-rows:116px 22px;justify-items:center;align-items:end;gap:6px;min-height:152px;min-width:0;padding:8px 5px 9px;border:4px solid #07101f;background:#f6edc9;overflow:hidden}.forge-stage-art{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:116px;min-width:0}.forge-stage-sprite,.forge-stage-silhouette{display:block;flex:none;width:82px;height:82px;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.forge-stage[data-stage="2"] .forge-stage-sprite,.forge-stage[data-stage="2"] .forge-stage-silhouette{width:90px;height:90px}.forge-stage[data-stage="3"] .forge-stage-sprite,.forge-stage[data-stage="3"] .forge-stage-silhouette{width:98px;height:98px}.forge-stage.locked{background:#d8ca9d}.forge-stage-silhouette{background:#182536;-webkit-mask:var(--forge-stage-mask) center bottom / contain no-repeat;mask:var(--forge-stage-mask) center bottom / contain no-repeat}.forge-stage-art strong{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);color:#fff7d0;font-size:23px;line-height:1;text-shadow:3px 0 #07101f,-3px 0 #07101f,0 3px #07101f,0 -3px #07101f}.forge-stage>span{display:block;align-self:end;width:100%;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.forge-regenerate{width:100%;min-width:0;min-height:44px;padding:0 6px;border:5px solid #07101f;border-radius:0;color:#1e3440;background:#fff0a6;box-shadow:5px 5px #b9854c52;font-family:"Press Start 2P",Courier New,monospace;font-size:10px;line-height:1.4;overflow-wrap:anywhere;text-transform:uppercase;white-space:normal}.forge-status{display:grid;gap:8px;padding:10px;border:5px solid #07101f;background:#f6edc9;box-shadow:inset 0 0 0 4px #b9854c2e}.forge-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.forge-status-row span,.forge-status-row strong{color:#9f6734;font-size:9px;line-height:1.4;text-transform:uppercase}.forge-status-row strong{color:#13283a}.forge-status p{margin:0;color:#1e3440;font-size:9px;line-height:1.7}.forge-status.error{background:#ffe5c7}.forge-progress-track{height:14px;border:4px solid #07101f;background:#fffdf3}.forge-progress-track div{height:100%;background:#d18a36;transition:width .18s steps(4)}.forge-actions{position:static;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:10px;min-width:0;width:100%;margin:0;padding:10px 0 0;border-top:5px solid rgba(185,133,76,.28);background:#fff7d7}.forge-primary,.forge-secondary{width:100%;min-width:0;min-height:48px;padding:0 6px;border:5px solid #07101f;border-radius:0;font-family:"Press Start 2P",Courier New,monospace;font-size:11px;line-height:1.4;overflow-wrap:anywhere;text-transform:uppercase;white-space:normal}.forge-primary{color:#241607;background:#ffd66d;box-shadow:5px 5px #b9854c66}.forge-primary:disabled{opacity:.72}.forge-secondary{color:#1e3440;background:#f7f0bf}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace-grid{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr)}.create-panel{grid-column:1 / -1}.create-game-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr)}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:840px){.trivia-prototype-shell{--trivia-topbar-space: 122px;--trivia-canvas-pad: 8px}.app-shell{padding:12px}.playtest-modal-backdrop{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.playtest-modal{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.playtest-modal-title h2{font-size:12px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{justify-content:flex-start}.dashboard-heading{align-items:stretch;flex-wrap:wrap}.dashboard-class-picker{width:100%;margin-left:0}.dashboard-class-picker select{flex:1;max-width:none}.workspace-grid,.form-grid.two,.analysis-strip,.dashboard-metric-grid,.week-row,.student-progress-row{grid-template-columns:1fr}.educator-workspace{gap:12px}.workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.workspace-tabs button{min-width:0;padding:0 8px}.teacher-preview-profile{grid-template-columns:1fr;gap:12px}.teacher-preview-profile .secondary-action{width:100%}.weekly-game-header{display:none}.weekly-game-row{grid-template-columns:1fr;gap:12px}.weekly-game-preview{width:100%}.page-heading{align-items:stretch;flex-direction:column;padding:15px}.page-heading h2{font-size:21px}.heading-action,.page-back-action{width:100%}.class-control-bar{align-items:stretch;flex-wrap:wrap}.dashboard-class-picker{width:100%;min-width:0}.class-context{flex:1 1 210px}.class-control-bar .dashboard-refresh{margin-left:0}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metric-grid .metric{min-height:68px}.dashboard-primary-grid,.create-game-layout,.roster-manager-grid{grid-template-columns:1fr}.create-game-sidebar{position:static}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.student-progress-header{display:none}.student-progress-table{gap:8px;border:0;overflow:visible;background:transparent}.student-progress-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.student-progress-row>div:before{content:attr(data-label);color:var(--faint);font-size:9px;font-weight:900;text-transform:uppercase}.student-progress-row em{grid-column:1 / -1;padding-top:7px;border-top:1px solid var(--line)}.student-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.student-detail-footer{align-items:flex-start;flex-direction:column}.week-row b{font-size:15px}.student-progress-row{gap:6px}.template-row{grid-template-columns:36px minmax(0,1fr)}.template-score{grid-column:2;justify-self:start;width:auto;min-width:76px}.question-header,.question-row{grid-template-columns:1fr}.trivia-prototype-topbar{align-items:flex-start;flex-direction:column;gap:9px;padding:calc(9px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 9px calc(12px + env(safe-area-inset-left))}.trivia-prototype-topbar a{width:100%;text-align:center}.trivia-prototype-actions{width:100%}.trivia-prototype-actions button,.trivia-prototype-actions a{flex:1;text-align:center}.forge-panel{width:100%;max-width:calc(100% - 8px);padding:12px;border-width:5px;box-shadow:inset 0 0 0 4px #07101f,4px 4px #05081257}.forge-header h1{font-size:20px}.forge-option-grid,.forge-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forge-option{min-height:104px}.forge-option img{width:62px;height:62px}.forge-actions{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);padding-top:10px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.student-arcade-shell{position:fixed;inset:0;min-width:0;height:100vh;height:100dvh;overflow:hidden;color:#13283a;background:linear-gradient(#0a1e2461,#160e078a),url(/assets/trivia-arena/arena-background.png) center / cover no-repeat;font-family:"Press Start 2P",Courier New,monospace;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}.student-arcade-shell button,.student-arcade-shell input{font-family:inherit}.student-arcade-shell button:focus-visible,.student-arcade-shell input:focus-visible{outline:4px solid #fff0a8;outline-offset:2px}.student-retro-panel{border:6px solid #fff1b6;border-radius:2px;background:#f8e8bd;box-shadow:0 0 0 6px #13283a,0 0 0 10px #b9854c,12px 14px #060d126b}.student-login-screen,.student-loading-screen,.student-results-screen,.student-home-screen{display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.student-loading-screen{align-content:center;gap:24px;color:#fff1b6;font-size:12px;text-shadow:3px 3px 0 #13283a}.student-unsupported-game{display:grid;place-content:center;justify-items:center;gap:24px;padding:24px;color:#fff1b6;text-align:center}.student-unsupported-game>svg{width:58px;height:58px}.student-unsupported-game .student-primary-button{width:min(100%,320px)}.student-pixel-loader{width:56px;height:56px;border:8px solid rgba(255,241,182,.35);border-top-color:#ffd66d;animation:spin .8s steps(8) infinite}.student-login-panel{display:grid;justify-items:center;width:min(100%,460px);padding:32px 24px 24px;text-align:center}.student-brand-mark{display:grid;place-items:center;width:66px;height:66px;margin-bottom:20px;border:5px solid #13283a;color:#fff1b6;background:#c87936;box-shadow:5px 5px #6e4327}.student-brand-mark svg{width:34px;height:34px;stroke-width:3}.student-kicker,.student-login-copy,.student-demo-credentials,.student-private-note,.student-login-panel h1{margin:0}.student-kicker{color:#9f6734;font-size:10px}.student-login-panel h1{max-width:100%;margin-top:10px;color:#13283a;font-size:26px;line-height:1.25;overflow-wrap:anywhere}.student-login-copy{max-width:360px;margin-top:18px;color:#6f5a3e;font-family:Inter,ui-sans-serif,sans-serif;font-size:15px;line-height:1.45}.student-login-panel form{display:grid;gap:16px;width:100%;margin-top:26px;text-align:left}.student-login-panel label{display:grid;gap:8px}.student-login-panel label span{color:#9f6734;font-size:9px}.student-login-panel input,.student-login-panel select{width:100%;min-height:52px;border:4px solid #13283a;border-radius:0;padding:0 14px;color:#13283a;background:#fffdf3;font-size:12px;box-shadow:inset 0 -5px #b9854c2e}.student-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:4px solid #13283a;border-radius:0;color:#13283a;background:#ffd66d;box-shadow:inset 0 -7px #d89642,5px 5px #6e4327;font-size:11px;font-weight:900}.student-primary-button:active{transform:translate(3px,3px);box-shadow:inset 0 -5px #d89642,2px 2px #6e4327}.student-primary-button:disabled{cursor:wait;opacity:.65}.student-primary-button svg{width:20px;height:20px;fill:currentColor}.student-form-error{margin:0;padding:11px;border:3px solid #8b2c2c;color:#712222;background:#ffd3c2;font-family:Inter,ui-sans-serif,sans-serif;font-size:13px;font-weight:800;line-height:1.35}.student-demo-credentials{margin-top:22px;color:#7b5b32;font-size:8px;line-height:1.6}.student-private-note{display:flex;align-items:center;gap:7px;margin-top:14px;color:#59684e;font-family:Inter,ui-sans-serif,sans-serif;font-size:12px;font-weight:800}.student-private-note svg{width:17px;height:17px}.student-home-screen{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.student-home-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(100%,560px);height:100%;max-height:100%;overflow:hidden}.student-class-grid-panel{grid-template-rows:auto minmax(0,1fr)}.student-home-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:12px 14px;border-bottom:5px solid #13283a;color:#fff1b6;background:#9f6734}.student-home-header div{display:grid;flex:1 1 auto;min-width:0;gap:6px}.student-home-header span{color:#ffd66d;font-size:9px}.student-home-header strong{overflow:hidden;font-size:15px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.student-home-header button{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border:4px solid #13283a;border-radius:0;color:#13283a;background:#ffd66d}.student-home-header button svg{width:21px;height:21px;stroke-width:3}.student-class-grid-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;padding:22px 18px calc(24px + env(safe-area-inset-bottom));background:#f8e8bd;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#b9854c #f8e8bd;scrollbar-width:thin;touch-action:pan-y}.student-class-grid-title{align-items:center;margin-bottom:18px}.student-class-grid-title h1{margin:0;color:#13283a;font-size:14px;line-height:1.4}.student-class-creature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.student-class-creature-card{container-name:student-class-card;container-type:inline-size;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;min-width:0;min-height:0;aspect-ratio:4 / 5;overflow:hidden;border:4px solid #13283a;border-radius:0;padding:14px 10px 16px;color:#13283a;background:#fff7d0;box-shadow:inset 0 -8px #b9854c3d,6px 6px #9f6734;text-align:center}.student-class-creature-card:active{transform:translate(3px,3px);box-shadow:inset 0 -6px #b9854c3d,3px 3px #9f6734}.student-class-creature-card:disabled{cursor:wait;opacity:.72}.student-class-creature-card.needs-monster{background:linear-gradient(#fff7d0f0,#f8e8bdf0),repeating-linear-gradient(45deg,transparent 0 10px,rgba(185,133,76,.2) 10px 14px);box-shadow:inset 0 -8px #d18a3652,6px 6px #9f6734}.student-class-setup-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;color:#13283a;font-size:8px;line-height:1.3;text-align:left}.student-class-setup-heading span{padding:4px 5px;border:3px solid #13283a;color:#fff1b6;background:#9f6734;font-size:6px}.student-class-setup-art{display:grid;place-items:center;align-self:center;width:min(76%,118px);aspect-ratio:1;border:5px solid #13283a;background:#ffd66d;box-shadow:inset 0 0 0 5px #f8e8bd,5px 5px #9f673485}.student-class-setup-art span{color:#13283a;font-size:44px;line-height:1;transform:translateY(2px)}.student-class-creature-card.needs-monster .student-class-creature-details small{padding:4px 6px;color:#13283a;background:#ffd66d}.student-class-grid-error{margin-top:18px}.student-class-creature-heading{--student-card-name-max-size: 13px;--student-card-name-size: var(--student-card-name-max-size);display:flex;align-items:flex-start;justify-content:space-between;gap:6px;width:100%;min-width:0;text-align:left}.student-class-creature-heading strong{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;color:#13283a;font-size:var(--student-card-name-size);line-height:1.4;text-align:left;white-space:nowrap}.student-class-creature-level{display:grid;flex:0 0 auto;justify-items:center;row-gap:2px;min-width:22px;color:#9f6734;line-height:1;text-align:center}.student-class-creature-level small{flex:0 0 auto;font-size:6px;line-height:1;white-space:nowrap}.student-class-creature-level b{color:#13283a;font-size:var(--student-card-name-size);line-height:1.1}.student-class-level-short{display:none}@container student-class-card (max-width: 124px){.student-class-creature-level{min-width:18px}.student-class-level-long{display:none}.student-class-level-short{display:inline}}.student-class-creature-art{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.student-class-creature-shadow,.student-class-creature-sprite{position:absolute;right:0;bottom:0;left:0;display:block;width:auto;max-width:100%;height:90%;aspect-ratio:1;margin:0 auto;object-fit:contain;object-position:center bottom;image-rendering:pixelated;pointer-events:none}.student-class-creature-shadow{z-index:0}.student-class-creature-sprite{z-index:1;transform:scaleY(1);transform-origin:50% 100%;animation:student-card-monster-breathe 1.45s ease-in-out infinite;will-change:transform}.student-class-creature-card:nth-child(2n) .student-class-creature-sprite{animation-delay:-.72s}.student-class-creature-details{display:grid;align-self:end;justify-items:center;gap:3px;width:100%;min-width:0;padding-top:7px}.student-class-creature-details strong{max-width:100%;overflow-wrap:anywhere;color:#13283a;font-size:10px;line-height:1.2}.student-class-creature-details span{color:#9f6734;font-size:9px;line-height:1.2}.student-class-creature-details small{margin-top:2px;color:#7b6b54;font-size:7px;line-height:1.2}@keyframes student-card-monster-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.035)}}.student-class-tabs,.student-leaderboard-tabs{display:grid;grid-auto-columns:minmax(112px,1fr);grid-auto-flow:column;min-height:52px;overflow-x:auto;border-bottom:5px solid #13283a;background:#d6a15c;scrollbar-width:none}.student-class-tabs::-webkit-scrollbar{display:none}.student-class-tabs button,.student-leaderboard-tabs button{min-width:0;border:0;border-right:3px solid #13283a;border-radius:0;padding:0 10px;color:#6e4327;background:#f2d28e;font-size:8px;line-height:1.35}.student-class-tabs button.active,.student-leaderboard-tabs button.active{color:#fff1b6;background:#9f6734;box-shadow:inset 0 -6px #ffd66d}.student-home-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 14px calc(20px + env(safe-area-inset-bottom));scroll-padding-block:20px;overscroll-behavior:contain;scrollbar-color:#b9854c #f8e8bd}.student-monster-summary{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;min-height:154px;border-bottom:5px solid #b9854c;padding-bottom:14px}.student-monster-art{display:grid;place-items:end center;height:138px;overflow:hidden}.student-monster-art img{display:block;width:132px;height:132px;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.student-monster-copy{min-width:0}.student-monster-copy p,.student-monster-copy h2{margin:0}.student-monster-copy p{color:#9f6734;font-size:8px;line-height:1.5}.student-monster-copy h2{margin-top:10px;overflow-wrap:anywhere;color:#13283a;font-size:16px;line-height:1.35}.student-level-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;color:#7b5b32;font-size:8px}.student-xp-track{height:20px;margin-top:8px;border:4px solid #13283a;background:#d0c6a6}.student-xp-track span{display:block;height:100%;min-width:0;background:#d18a36}.student-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 22px;border:4px solid #13283a;background:#fff7d0}.student-stat-strip div{display:grid;justify-items:center;gap:6px;min-width:0;padding:11px 5px;border-right:3px solid #b9854c}.student-stat-strip div:last-child{border-right:0}.student-stat-strip svg{width:18px;height:18px;color:#c87936}.student-stat-strip strong{font-size:13px}.student-stat-strip span{color:#9f6734;font-size:6px;text-align:center}.student-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.student-section-title h2,.student-section-title span{margin:0}.student-section-title h2{font-size:12px}.student-section-title span{color:#9f6734;font-size:7px}.student-game-list{display:grid;gap:12px}.student-game-row{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) 46px;align-items:center;gap:10px;min-height:92px;border:4px solid #13283a;padding:12px;color:#13283a;background:#fffdf3;box-shadow:inset 0 -7px #b9854c29}.student-game-row.current{border-color:#13283a;background:#ffeba3;box-shadow:inset 0 -8px #d89642,5px 5px #9f6734}.student-game-week{color:#9f6734;font-size:8px;line-height:1.45;text-align:center}.student-game-copy{display:grid;min-width:0;gap:8px}.student-game-copy strong{font-size:9px;line-height:1.45}.student-game-copy span{color:#7b6b54;font-family:Inter,ui-sans-serif,sans-serif;font-size:12px;font-weight:800;line-height:1.3}.student-game-row>button{display:grid;place-items:center;width:46px;height:46px;border:4px solid #13283a;border-radius:0;color:#13283a;background:#ffd66d}.student-game-row>button svg{width:20px;height:20px;stroke-width:4}.student-game-row.current>button svg{fill:currentColor}.student-current-badge{position:absolute;top:-9px;right:9px;padding:4px 6px;border:3px solid #13283a;color:#fff1b6;background:#9f6734;font-size:6px}.student-game-stage{position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden;background:#123b44}.student-monster-setup-stage{position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(#123b443d,#4b381e57),url(/assets/trivia-arena/arena-background.png) center / cover no-repeat;touch-action:manipulation}.student-monster-setup-stage>.monster-forge,.student-fullscreen-runtime .trivia-game-field>.monster-forge{inset:50% auto auto 50%;width:min(100vw,56.25vh);width:min(100vw,56.25dvh);height:min(100vh,calc(100vw * 1920 / 1080));height:min(100dvh,calc(100vw * 1920 / 1080));aspect-ratio:1080 / 1920;transform:translate(-50%,-50%)}.student-monster-setup-error{position:absolute;z-index:6;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));max-width:520px;margin:0 auto;padding:10px;border:4px solid #13283a;color:#fff1b6;background:#8b342e;font-family:"Press Start 2P",Courier New,monospace;font-size:8px;line-height:1.6;text-align:center}.student-fullscreen-runtime{--trivia-topbar-space: 0px;--trivia-canvas-pad: 0px;grid-template-rows:minmax(0,1fr);background:#123b44}.student-fullscreen-runtime .trivia-canvas-wrap{display:block;padding:0}.student-fullscreen-runtime .trivia-game-field{position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:none;overflow:hidden;border-radius:0;aspect-ratio:auto;background:linear-gradient(#123b4466,#4b381e6b),url(/assets/trivia-arena/arena-background.png) center / cover no-repeat}.student-fullscreen-runtime .trivia-game-field canvas{position:absolute;top:50%;left:50%;width:min(100vw,56.25dvh);height:auto;max-width:100vw;max-height:100dvh;border:0;border-radius:0;box-shadow:none;transform:translate(-50%,-50%)}.student-game-home-button{position:absolute;z-index:5;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));display:grid;place-items:center;width:46px;height:46px;border:4px solid #13283a;border-radius:0;color:#13283a;background:#ffd66df0;box-shadow:4px 4px #13283a80}.student-game-home-button svg{width:21px;height:21px;stroke-width:3}.student-results-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(100%,520px);height:min(100%,760px);overflow:hidden}.student-results-header{display:grid;justify-items:center;padding:22px 18px 18px;color:#fff1b6;background:#9f6734;text-align:center}.student-results-header p,.student-results-header h1{margin:0}.student-results-header p{color:#ffd66d;font-size:8px}.student-results-header h1{margin-top:11px;font-size:22px;line-height:1.3}.student-result-score{display:grid;justify-items:center;gap:8px;margin-top:18px}.student-result-score strong{font-size:30px}.student-result-score span{font-size:8px}.student-xp-award{margin-top:14px;padding:8px 12px;border:4px solid #13283a;color:#13283a;background:#ffd66d;font-size:12px}.student-leaderboard-tabs{grid-auto-columns:1fr;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:initial}.student-leaderboard-list{min-height:0;overflow-y:auto;padding:12px;background:#f8e8bd;overscroll-behavior:contain}.student-leaderboard-list>div{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;border-bottom:3px solid #d6a15c;padding:9px 6px}.student-leaderboard-list>div.current-student{outline:4px solid #13283a;outline-offset:-4px;background:#ffeba3}.student-leaderboard-list strong{color:#9f6734;font-size:11px;text-align:center}.student-leaderboard-list span,.student-leaderboard-list em{display:grid;min-width:0;gap:6px;font-style:normal}.student-leaderboard-list b,.student-leaderboard-list em{font-size:8px;line-height:1.35}.student-leaderboard-list em{justify-items:end;text-align:right}.student-leaderboard-list small{color:#7b6b54;font-family:Inter,ui-sans-serif,sans-serif;font-size:11px;font-weight:800}.student-results-home{width:calc(100% - 24px);margin:0 12px 12px}@media(max-width:520px){.student-login-screen,.student-results-screen,.student-home-screen{padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}.student-retro-panel{border-width:4px;box-shadow:0 0 0 4px #13283a,0 0 0 7px #b9854c,7px 9px #060d1261}.student-login-panel{padding:24px 16px 18px}.student-login-panel h1{font-size:20px}.student-home-scroll,.student-class-grid-scroll{padding-right:10px;padding-left:10px}.student-class-creature-grid{gap:10px}.student-class-creature-card{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:10px 6px 13px;box-shadow:inset 0 -7px #b9854c3d,4px 4px #9f6734}.student-class-creature-art{height:100%}.student-class-creature-heading strong{max-width:100%}.student-class-creature-heading{--student-card-name-max-size: 10px}.student-class-creature-level small,.student-class-creature-details small{font-size:7px}.student-class-creature-details{gap:2px;padding-top:6px}.student-class-creature-details strong{font-size:9px}.student-class-creature-details span{font-size:8px}.student-monster-summary{grid-template-columns:112px minmax(0,1fr)}.student-monster-art{height:118px}.student-monster-art img{width:112px;height:112px}.student-monster-copy h2{font-size:13px}.student-game-row{grid-template-columns:52px minmax(0,1fr) 44px;gap:7px;padding:10px 8px}.student-game-row>button{width:44px;height:44px}.student-results-panel{height:100%}}@media(prefers-reduced-motion:reduce){.student-class-creature-sprite{animation:none}}@media(max-width:350px){.student-class-creature-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}.student-class-creature-card{width:min(100%,280px)}}@media(max-width:390px){.app-shell{padding:8px}.playtest-ranking-note{width:36px;padding:0;justify-content:center;font-size:0}.brand-lockup h1{font-size:19px}.workspace-tabs{gap:2px;padding:3px}.workspace-tabs button{min-height:48px;gap:4px;padding:4px;font-size:9px;line-height:1.2}.workspace-tabs button svg{width:15px;height:15px}.weekly-game-name{grid-template-columns:64px minmax(0,1fr);gap:8px}.weekly-game-progress{gap:4px}.weekly-game-progress strong{font-size:12px}.form-grid.four,.analysis-strip,.dashboard-metric-grid,.student-progress-row,.class-action-row,.student-detail-metrics{grid-template-columns:1fr}.available-template{grid-template-columns:40px minmax(0,1fr)}.template-ready{grid-column:2;justify-self:start}.student-progress-row em{grid-column:1}.trivia-prototype-shell{--trivia-topbar-space: 128px;--trivia-canvas-pad: 6px}.monster-forge{padding:8px}.forge-panel{max-width:calc(100% - 6px);gap:8px;padding:10px}.forge-content{gap:8px}.forge-header{gap:4px;padding-bottom:6px}.forge-header span,.forge-name span,.forge-options h2,.forge-preview-header span,.forge-stage span,.forge-section-heading,.forge-xp-row span,.forge-xp-total,.forge-stat-tile span,.forge-quiz-row span,.forge-quiz-row em{font-size:8px}.forge-header h1{font-size:17px;white-space:nowrap}.forge-name{gap:5px}.forge-name input{min-height:40px;font-size:13px}.forge-preview{min-height:158px;padding:8px}.forge-xp-card,.forge-quiz-history{padding:8px}.forge-stats{gap:7px}.forge-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.forge-stat-tile{gap:4px;padding:6px 4px}.forge-xp-row strong,.forge-stat-tile strong{font-size:10px}.forge-quiz-row{grid-template-columns:minmax(0,.9fr) minmax(0,.55fr) minmax(0,.78fr) minmax(0,.85fr);gap:4px;padding:7px 5px}.forge-quiz-row strong,.forge-quiz-row b,.forge-empty-history{font-size:7px}.forge-preview-header{gap:6px}.forge-preview-header strong{font-size:10px}.forge-stage-list{gap:5px}.forge-stage{grid-template-rows:74px 16px;min-height:102px;padding:4px 3px 5px;border-width:3px}.forge-stage-art{height:74px}.forge-stage-sprite,.forge-stage-silhouette{width:52px;height:52px}.forge-stage[data-stage="2"] .forge-stage-sprite,.forge-stage[data-stage="2"] .forge-stage-silhouette{width:58px;height:58px}.forge-stage[data-stage="3"] .forge-stage-sprite,.forge-stage[data-stage="3"] .forge-stage-silhouette{width:64px;height:64px}.forge-stage-art strong{width:26px;height:26px;font-size:18px}.forge-primary,.forge-secondary{min-height:44px;font-size:10px}.forge-regenerate{min-height:40px;font-size:9px}}