/* Quiet classroom navigation; the animated board keeps its existing art. */
body:has(.setup-simple),body:has(.teacher-shell){background:#f7f5f0;background-attachment:initial}
.setup-simple.shell{background:#f7f5f0;color:#24304d}
.setup-simple .brand,.setup-simple .picker-heading h1,.setup-simple .picker-section h2,.setup-simple .session-heading h1{color:#24304d}
.setup-simple .brand-icon,.teacher-shell .brand-icon{background:#6450a1;transform:none}
.setup-simple .lesson-picker{background:#fffefa;border:1px solid #dedde5;box-shadow:0 2px 8px #26304d08;border-radius:20px}
.setup-simple .quiet,.setup-simple .text-link,.setup-simple .back{color:#454060;background:#fffefa;border-color:#d5d2df;box-shadow:none}
.setup-simple .primary,.teacher-shell .primary{background:#6750a4;color:#fff;box-shadow:none;border:1px solid #6750a4}
.setup-simple .setup-start-dock{background:#fffefa;border-color:#dedde5;gap:12px}
.setup-simple .play-next-hint,.setup-simple .muted,.setup-simple .setup-status,.setup-simple .session-lesson,.setup-simple .eyebrow,.setup-simple .picker-heading p,.setup-simple .rail-scroll-hint{color:#625e72}
.setup-simple .book-card,.setup-simple .series-card,.setup-simple .unit-card{background:#fffefa;color:#24304d;border:1px solid #d7d3e1;box-shadow:none}
.setup-simple .book-card[aria-pressed=true],.setup-simple .series-card[aria-pressed=true],.setup-simple .unit-card[aria-pressed=true]{background:#f0ebfb;color:#382c5e;border-color:#7961ac;box-shadow:inset 0 0 0 1px #7961ac}
.setup-simple .book-card small,.setup-simple .unit-card small,.setup-simple .series-card small,.setup-simple .unit-card span,.setup-simple .unit-selection-tools p,.setup-simple .multiple-units-toggle{color:#625e72}
.setup-simple .rail-step{color:#62518d;background:#f5f1fb;border:1px solid #d7d1e4;box-shadow:none}
.setup-simple .rail-step:hover:not(:disabled){background:#eae3f5;color:#382c5e;border-color:#7961ac}
.setup-simple .tab:not(.active),.setup-simple [data-mode]:not([aria-pressed=true]){color:#55476e}
.setup-simple .session-customize,.setup-simple .setup-options,.setup-simple .session-theme-setup,.setup-simple .session-timer-setup,.setup-simple .negative-points-setup{background:#faf8fd;border-color:#dfd9e9;color:#24304d}
.setup-simple .session-customize summary,.setup-simple .session-customize small,.setup-simple .session-customize p,.setup-simple .session-customize strong,.setup-simple .session-customize .field,.setup-simple .session-customize .negative-points-summary,.setup-simple .session-customize .roster-editor summary,.setup-simple #negative-points-help,.setup-simple .start-preview>span{color:#55476e}
.setup-simple input,.setup-simple select,.setup-simple textarea{color:#24304d;background:#fff;border-color:#d0c9dc}
.setup-simple .start-preview>span{background:#f5f1fa;border-color:#dfd9e9}
.setup-simple .quick-participants button,.setup-simple .quick-count button,.setup-simple .negative-points-choice button,.setup-simple .session-timer-setup button{background:#fff;color:#55476e;border-color:#d7d1e4}
.setup-simple button[aria-pressed=true],.setup-simple .theme-choice[aria-pressed=true]{background:#ede5fa;color:#382c5e;border-color:#7961ac}
.setup-simple button:focus-visible,.setup-simple select:focus-visible,.setup-simple a:focus-visible,.mode-menu button:focus-visible{outline:3px solid #6750a4;outline-offset:3px}
.setup-simple button,.teacher-shell button,.mode-menu button{touch-action:manipulation;transition:background-color 140ms ease,transform 140ms ease}
.setup-simple button:active:not(:disabled),.teacher-shell button:active:not(:disabled),.mode-menu button:active{transform:translateY(1px)}
.direct-mode{flex:0 1 auto;min-width:0}
.setup-simple .direct-settings{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.setup-simple .direct-setting{display:flex;align-items:center;gap:10px;min-height:50px;font-size:15px;color:#49316e;background:#f5f0fc;border:1px solid #b7a8ce;box-shadow:none}
.setup-simple .direct-setting-panel,.setup-simple .nearby-roster{background:#f7f3fc;border:1px solid #d6cde3;border-radius:14px;padding:14px;margin:12px 0}
.direct-setting-panel #close-setup-detail{float:right;min-height:44px}
.direct-setting-panel h2{font-size:18px;margin:0 0 12px}
.setup-simple .direct-setting-panel .reward-power-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px}
.setup-simple .direct-setting-panel .reward-power-checkboxes label{display:flex;align-items:center;gap:8px;min-height:44px;color:#49316e;font-size:14px}
.setup-simple .direct-setting-panel .reward-power-checkboxes input{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:#6750a4}
.setup-simple .nearby-roster .quick-count>strong,.setup-simple .nearby-roster summary,.setup-simple .nearby-roster #roster-timing{color:#55476e}
.setup-simple .nearby-roster .quick-count button{min-height:44px;min-width:44px}
.setup-simple .mode-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;font-size:15px;color:#382c5e;border:1px solid #b7a8ce;background:#f5f0fc;white-space:nowrap}
.mode-chevron{font-size:20px;line-height:1}
.mode-menu{position:fixed;inset:auto;z-index:5000;margin:0;padding:8px;border:1px solid #c9bfd9;border-radius:16px;background:#fffefa;color:#24304d;box-shadow:0 8px 28px #30244224;max-width:calc(100vw - 24px)}
.mode-menu[hidden]{display:none}
.mode-menu:popover-open{display:block}
.mode-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px;text-align:left;color:#24304d;background:transparent;border:1px solid transparent;border-radius:10px;font-size:15px}
.mode-menu button[aria-checked=true]{background:#eee7f8;border-color:#d6c7e9;color:#49316e}
.mode-menu button:hover{background:#f4f0f9}
.mode-check{margin-left:auto}
.mode-menu .mode-cancel{border-top:1px solid #e5e0eb;border-radius:0;margin-top:4px;justify-content:center;color:#625e72;min-height:44px}
.teacher-shell{color:#24304d}
.teacher-shell .panel{background:#fffefa;border:1px solid #d8d5df;box-shadow:none}
.teacher-shell .quiet{color:#514362;border-color:#d7d1e1;box-shadow:none;min-height:44px}
.teacher-shell .quiz-storage-state{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#f1edf7;border:1px solid #d5cde1;border-radius:14px;padding:16px;margin:16px 0;font-size:14px;line-height:1.5}
.quiz-storage-state small,.storage-receipt{display:block;overflow-wrap:anywhere;color:#5d536d;margin-top:4px;font-size:12px}
.storage-actions{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:62%}
.storage-actions label{display:grid;gap:4px;font-size:12px}
.storage-actions button,.storage-actions a{font-size:13px;min-height:44px}
.teacher-shell .ownership-confirm{display:flex;align-items:flex-start;gap:10px;min-height:48px;margin:16px 0;line-height:1.5}
.teacher-shell .ownership-confirm input{appearance:auto;flex:0 0 20px;width:20px;height:20px;min-height:20px;padding:0;margin:2px 0 0;accent-color:#6750a4}
.teacher-shell .teacher-status{color:#42614b}
.teacher-shell .teacher-status.is-error{color:#963d35}
#app .teacher-shell .quiet,#app .teacher-shell .back{background:#fffefa;color:#514362;border-color:#d7d1e1;box-shadow:none}
#app .teacher-shell .quiet:hover:not(:disabled),#app .teacher-shell .back:hover{background:#f0eaf8;color:#49316e}
#app .teacher-shell .primary,#app .setup-simple .primary{background:#6750a4;color:#fff;border-color:#6750a4;box-shadow:none}
#app .teacher-shell .primary:hover:not(:disabled),#app .setup-simple .primary:hover:not(:disabled){background:#58418e;color:#fff;box-shadow:none}
#app .teacher-shell .muted{color:#625e72}
#app .teacher-shell .editor-savebar{background:#f1edf7;border:1px solid #d5cde1;box-shadow:none;color:#49316e}
#app .setup-simple.shell{background:#f7f5f0;background-image:none;color:#24304d}
#app .setup-simple .mode-trigger{background:#f5f0fc;color:#49316e;border-color:#b7a8ce;box-shadow:none}
#app .setup-simple .mode-trigger:hover{background:#eae1f6}
#app .setup-simple .game-graphics-status,#app .setup-simple .eyebrow,#app .teacher-shell .eyebrow{color:#625575}
#app .setup-simple .direct-setting-panel button[aria-pressed=true],#app .setup-simple .nearby-roster button[aria-pressed=true]{color:#382c5e;background:#e9dff8;border-color:#7961ac}
@media(max-width:680px){.setup-simple .setup-start-dock{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.setup-simple .setup-start-dock #setup-options{min-height:48px;padding:8px 10px;font-size:13px}.setup-simple .direct-mode{flex:1}.setup-simple .mode-trigger{width:100%;font-size:14px;padding:10px}.setup-simple .setup-start-dock>.start{flex:1 0 100%;width:100%;margin:0;min-height:52px}.teacher-shell .quiz-storage-state{flex-direction:column;gap:12px}.storage-actions{max-width:100%;justify-content:flex-start}.teacher-shell{padding:16px}.teacher-shell .editor-savebar{position:static}.teacher-shell .teacher-nav{flex-wrap:wrap}.teacher-shell .quiz-storage-state .storage-actions button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.setup-simple button,.teacher-shell button,.mode-menu button{transition:none;animation:none}.setup-simple button:active,.teacher-shell button:active,.mode-menu button:active{transform:none}}