@import "https://fonts.googleapis.com/css2?family=Andika:wght@400;700&family=Inter:wght@400;500;600;700;800;900&display=swap";.lesson-planner-page .lesson-planner-grid{grid-template-columns:420px 1fr;align-items:start;gap:22px;margin-bottom:22px;display:grid}@media (width<=960px){.lesson-planner-page .lesson-planner-grid{grid-template-columns:1fr}}.lesson-planner-page .lesson-form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (width<=540px){.lesson-planner-page .lesson-form-grid{grid-template-columns:1fr}}.lesson-planner-page .lp-selectors-row{grid-template-columns:1fr 1fr;gap:0 14px;margin-top:6px;display:grid}@media (width<=540px){.lesson-planner-page .lp-selectors-row{grid-template-columns:1fr}}.lesson-planner-page .lp-format-selector-wrap{flex-direction:column;display:flex}.lesson-planner-page .lp-format-hint{color:#64748b;min-height:1.6em;margin:2px 0 0;font-size:.76rem;font-style:italic;line-height:1.3}.dark-mode .lesson-planner-page .lp-format-hint{color:#94a3b8}.lesson-planner-page .lp-accordion{border:1px solid #e2e8f0;border-radius:10px;margin-top:18px;overflow:hidden}.lesson-planner-page .lp-accordion-trigger{cursor:pointer;color:#334155;text-align:left;background:#f8fafc;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.lesson-planner-page .lp-accordion-trigger:hover,.lesson-planner-page .lp-accordion-trigger:focus-visible{background:#e0f2fe;outline:none}.dark-mode .lesson-planner-page .lp-accordion-trigger{color:#cbd5e1;background:#1e293b}.dark-mode .lesson-planner-page .lp-accordion-trigger:hover,.dark-mode .lesson-planner-page .lp-accordion-trigger:focus-visible{background:#0f3460}.lesson-planner-page .lp-accordion-chevron{color:#94a3b8;flex-shrink:0;font-size:.75rem;transition:transform .2s}.lesson-planner-page .lp-accordion-chevron.is-open{transform:rotate(180deg)}.lesson-planner-page .lp-accordion-body{border-top:1px solid #e2e8f0;padding:12px 14px 14px}.dark-mode .lesson-planner-page .lp-accordion-body{border-top-color:#94a3b833}.lesson-planner-page .section-select-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (width<=540px){.lesson-planner-page .section-select-grid{grid-template-columns:1fr}}.lesson-planner-page .lp-generate-row{margin-top:20px}.lesson-planner-page .lp-generate-btn{width:100%;padding:12px 20px;font-size:1rem}.lesson-planner-page .lp-action-row{gap:8px;margin-top:8px}.lesson-planner-page .lp-prompt-btn{opacity:.85;margin-left:auto;font-size:.82rem}.lesson-planner-page .lesson-button-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.lesson-planner-page .lp-import-panel{border-top:1px solid #e2e8f0;margin-top:18px;padding-top:16px}.dark-mode .lesson-planner-page .lp-import-panel{border-top-color:#94a3b833}.lesson-planner-page .lp-import-panel h4{color:#172554;margin:0 0 4px;font-size:.9rem;font-weight:700}.lesson-planner-page .lp-import-status{color:#047857;margin-top:6px;font-size:.82rem;font-weight:600}.dark-mode .lesson-planner-page .lp-import-status{color:#34d399}.lesson-planner-page .lp-prompt-fallback{margin-top:10px}.lesson-planner-page .lp-prompt-fallback p{color:#475569;margin:0 0 6px;font-size:.82rem}.lesson-planner-page .lp-print-hint{color:#94a3b8;margin-top:10px;font-size:.78rem;font-style:italic}.lesson-planner-page .lp-format-badge{color:#1e40af;vertical-align:middle;background:#dbeafe;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.dark-mode .lesson-planner-page .lp-accordion{border-color:#94a3b833}.dark-mode .lesson-planner-page .lp-accordion-body{background:0 0}.dark-mode .lesson-planner-page .lp-import-panel h4{color:#93c5fd}@media print{.lesson-planner-page{display:block!important}.lesson-planner-page .lp-print-hint{display:none!important}}.sbm-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.sbm-header-left{flex-direction:column;gap:2px;display:flex}.sbm-eyebrow{color:#0f766e;letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:950}.dark-mode .sbm-eyebrow{color:#99f6e4}.sbm-title{color:#0f172a;margin:0;font-size:1.45rem;line-height:1.1}.dark-mode .sbm-title{color:#f8fafc}.sbm-header-actions{flex-wrap:wrap;gap:8px;display:flex}.sbm-status{background:#f0fdfa;border:1px solid #0f766e2e;border-radius:10px;margin:0 0 10px;padding:8px 12px}.dark-mode .sbm-status{background:#0f766e24;border-color:#5eead433}.sbm-workspace{grid-template-columns:360px 1fr;align-items:start;gap:16px;display:grid}.sbm-sidebar{background:#fff;border:1px solid #0f172a1a;border-radius:18px;flex-direction:column;gap:0;display:flex;overflow:hidden}.dark-mode .sbm-sidebar{background:#0f172ad1;border-color:#94a3b833}.sbm-accordion-item{border-bottom:1px solid #0f172a14}.sbm-accordion-item:last-child{border-bottom:0}.dark-mode .sbm-accordion-item{border-bottom-color:#94a3b81f}.sbm-accordion-trigger{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;width:100%;min-height:52px;padding:13px 16px;font-size:.97rem;font-weight:900;transition:background .15s;display:flex}.sbm-accordion-trigger:hover,.sbm-accordion-trigger:focus-visible{background:#f0fdfa}.sbm-accordion-item.is-open .sbm-accordion-trigger{color:#0f766e;background:#f0fdfa}.dark-mode .sbm-accordion-trigger{color:#e2e8f0}.dark-mode .sbm-accordion-trigger:hover,.dark-mode .sbm-accordion-trigger:focus-visible{background:#0f766e29}.dark-mode .sbm-accordion-item.is-open .sbm-accordion-trigger{color:#99f6e4;background:#0f766e33}.sbm-accordion-num{color:#0f766e;background:#0f766e1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:950;display:inline-flex}.sbm-accordion-item.is-open .sbm-accordion-num{color:#fff;background:#0f766e}.dark-mode .sbm-accordion-num{color:#99f6e4;background:#99f6e424}.dark-mode .sbm-accordion-item.is-open .sbm-accordion-num{color:#fff;background:#0f766e}.sbm-accordion-chevron{color:#64748b;margin-left:auto;font-size:.72rem}.dark-mode .sbm-accordion-chevron{color:#94a3b8}.sbm-accordion-body{border-top:1px solid #0f172a12;flex-direction:column;gap:12px;padding:14px 16px 18px;display:flex}.dark-mode .sbm-accordion-body{border-top-color:#94a3b81a}.sbm-generate-row{margin-top:4px}.sbm-generate-btn{width:100%}.sbm-section-label{color:#0f766e;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:950}.dark-mode .sbm-section-label{color:#99f6e4}.sbm-section-label-gap{margin-top:8px}.sbm-download-row{margin-top:2px}.sbm-import-step{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,background .15s;display:flex}.sbm-import-step.is-active-step{background:#f0fdfa;border-color:#0f766e47}.dark-mode .sbm-import-step{background:#0f172a80;border-color:#94a3b824}.dark-mode .sbm-import-step.is-active-step{background:#0f766e2e;border-color:#5eead44d}.sbm-step-label{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:.92rem;font-weight:900;display:flex}.dark-mode .sbm-step-label{color:#f8fafc}.sbm-step-num{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#0f766e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:56px;padding:2px 8px;font-size:.72rem;font-weight:950;display:inline-flex}.sbm-step-note{margin:0}.sbm-prompt-fallback{margin-top:4px}.sbm-local-generate-note{margin:4px 0 0}.sbm-workspace-right{background:#fff;border:1px solid #0f172a1a;border-radius:18px;flex-direction:column;gap:0;min-width:0;display:flex;overflow:hidden}.dark-mode .sbm-workspace-right{background:#0f172ad1;border-color:#94a3b833}.sbm-tab-bar{background:#f8fafc;border-bottom:1px solid #0f172a1a;flex-wrap:nowrap;gap:0;padding:6px 8px 0;display:flex;overflow-x:auto}.dark-mode .sbm-tab-bar{background:#0f172ae6;border-bottom-color:#94a3b829}.sbm-tab{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:10px 10px 0 0;flex-shrink:0;padding:9px 16px 11px;font-size:.9rem;font-weight:900;transition:background .14s,color .14s}.sbm-tab:hover,.sbm-tab:focus-visible{color:#0f766e;background:#e8fdf7}.sbm-tab.is-active{color:#0f766e;background:#fff;border-color:#0f172a1a;position:relative}.sbm-tab.is-active:after{content:"";background:#fff;height:2px;position:absolute;bottom:-1px;left:0;right:0}.dark-mode .sbm-tab{color:#94a3b8}.dark-mode .sbm-tab:hover,.dark-mode .sbm-tab:focus-visible{color:#99f6e4;background:#0f766e29}.dark-mode .sbm-tab.is-active{color:#5eead4;background:#0f172ad1;border-color:#94a3b82e}.dark-mode .sbm-tab.is-active:after{background:#0f172ad1}.sbm-tab-panel{flex-direction:column;gap:14px;min-height:400px;padding:18px 18px 22px;display:flex}.sbm-edit-textarea{resize:vertical;min-height:420px}.sbm-worksheet-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sbm-print-hint{flex:1;min-width:200px;margin:0}.sbm-slides-intro{margin:0}.sbm-slide-deck{flex-direction:column;gap:28px;display:flex}.sbm-slide-card{flex-direction:column;gap:10px;margin-bottom:20px;display:flex;position:relative}.sbm-slide-card-label{color:#0f766e;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:950}.dark-mode .sbm-slide-card-label{color:#99f6e4}.sbm-slide-preview{background:#1e293b;border:1px solid #0f172a1f;border-radius:14px;line-height:0;position:static;overflow:hidden}.dark-mode .sbm-slide-preview{border-color:#94a3b82e}.sbm-slide-img{width:100%;height:auto;display:block}.sbm-slide-card-actions{gap:8px;padding:4px 0;display:flex;position:static}.sbm-slide-download-btn{align-self:flex-start}.sbm-word-bank-limit-row{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 8px;display:flex}.sbm-wbl-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #0f766e4d;border-radius:999px;min-height:34px;padding:5px 14px;font-size:.88rem;font-weight:900;transition:background .13s,border-color .13s}.sbm-wbl-btn:hover,.sbm-wbl-btn:focus-visible{background:#ccfbf1;border-color:#0f766e}.sbm-wbl-btn.is-active{color:#fff;background:#0f766e;border-color:#0f766e}.dark-mode .sbm-wbl-btn{color:#e2e8f0;background:#0f172ab3;border-color:#5eead447}.dark-mode .sbm-wbl-btn.is-active{color:#fff;background:#0f766e}.sbm-layout-toggle{gap:4px;display:flex}.sbm-layout-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #0f766e40;border-radius:8px;min-height:36px;padding:6px 13px;font-size:.88rem;font-weight:900;transition:background .13s,border-color .13s}.sbm-layout-btn:hover,.sbm-layout-btn:focus-visible{background:#ccfbf1;border-color:#0f766e}.sbm-layout-btn.is-active{color:#fff;background:#0f766e;border-color:#0f766e}.dark-mode .sbm-layout-btn{color:#e2e8f0;background:#0f172ab3;border-color:#5eead43d}.dark-mode .sbm-layout-btn.is-active{color:#fff;background:#0f766e}.sb-answer-line{border-bottom:1px solid #9ca3af;width:100%;height:0;margin:2px 0 6px;display:block}.sb-answer-line-screen{border-bottom:1px solid #9ca3af;width:100%;height:0;margin:1px 0 6px;display:block}.sb-worksheet-landscape .sb-answer-line,.sb-worksheet-landscape .sb-answer-line-screen{margin:1px 0 4px}.sb-worksheet-landscape{flex-direction:column;gap:14px;display:flex}.sb-landscape-grid{grid-template-columns:60% 40%;align-items:start;gap:8mm;display:grid}.sb-landscape-card{color:#0f172a;break-inside:avoid;page-break-inside:avoid;background:#fff;border:1px solid #cbd5e1;border-radius:16px;gap:8px;padding:14px;display:grid}.dark-mode .sb-landscape-card{color:#f8fafc;background:#0f172ad1;border-color:#94a3b838}.sb-landscape-card h4{color:#0f172a;margin:0 0 4px;font-size:.92rem}.dark-mode .sb-landscape-card h4{color:#f8fafc}.sb-worksheet-landscape .story-preview-lines p{margin:1px 0;font-size:.88rem;line-height:1.35}.sb-worksheet-landscape .story-word-chip{border-radius:4px;min-height:26px;padding:2px 6px;font-size:.8rem}.sb-worksheet-landscape .story-word-bank{padding:6px 8px}.sb-worksheet-landscape .story-word-bank-grid{justify-content:flex-start;gap:4px}.sb-worksheet-landscape .story-phonics-focus{padding:6px 10px;font-size:.83rem}.sbm-slide-fallback{color:#64748b;text-align:center;justify-content:center;align-items:center;height:100%;min-height:80px;margin:0;padding:16px;font-size:.88rem;font-weight:700;display:flex}.dark-mode .sbm-slide-fallback{color:#94a3b8}.sb-premium-section{background:#fbbf240d;border:1px solid #fbbf244d;border-radius:10px;padding:12px 14px}.sb-premium-header{color:#0f172a;align-items:center;gap:8px;margin-bottom:6px;font-size:.9rem;font-weight:700;display:flex}.dark-mode .sb-premium-header{color:#f1f5f9}.sb-premium-badge{color:#78350f;background:#fbbf242e;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700}.dark-mode .sb-premium-badge{color:#fbbf24}.sb-premium-note{color:#94a3b8;margin:0 0 10px;font-size:.78rem}.sb-premium-locked{flex-direction:column;gap:6px;display:flex}.sb-premium-locked label{color:#64748b;font-size:.82rem;font-weight:700}.sb-locked-input{opacity:.5;cursor:not-allowed;color:#64748b;background:#f8fafc;border:1px solid #0f172a26;border-radius:8px;width:100%;padding:7px 10px;font-size:.9rem}.dark-mode .sb-locked-input{color:#94a3b8;background:#0f172a80;border-color:#94a3b82e}.sbm-section-ctrl{flex-direction:column;gap:6px;display:flex}.sbm-section-ctrl .sbm-section-label{margin-bottom:2px}.sbm-ctrl-hint{color:#64748b;margin:0;font-size:.78rem}.dark-mode .sbm-ctrl-hint{color:#94a3b8}@media (width<=860px){.sbm-workspace{grid-template-columns:1fr}.sbm-tab-bar{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=540px){.sbm-header{flex-direction:column;align-items:flex-start}.sbm-header-actions{width:100%}.sbm-header-actions button{flex:1}.sbm-worksheet-toolbar{flex-direction:column}.sbm-slide-download-btn{align-self:stretch}}.story-builder-page .form-panel>section+section{margin-top:20px}.story-builder-page .form-panel .button-row{margin-top:10px}.story-builder-page .story-essential-grid{margin-bottom:12px}.story-import-actions{flex-wrap:wrap}.story-prompt-fallback{margin-top:12px}.story-prompt-fallback textarea{font-size:.92rem}.story-style-chip-grid{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.story-style-chip-grid button{color:#334155;background:#fff;border:1px solid #0f766e38;border-radius:999px;min-height:38px;padding:7px 12px;font-weight:900}.story-style-chip-grid button:hover,.story-style-chip-grid button:focus-visible,.story-style-chip-grid button.is-active{color:#0f172a;background:#ccfbf1;border-color:#0f766e}.dark-mode .story-style-chip-grid button{color:#e2e8f0;background:#0f172abd;border-color:#5eead438}.dark-mode .story-style-chip-grid button:hover,.dark-mode .story-style-chip-grid button:focus-visible,.dark-mode .story-style-chip-grid button.is-active{color:#fff;background:#14b8a638;border-color:#99f6e46b}.story-quality-guide{color:#334155;background:#f0fdfa;border:1px solid #0f766e2e;border-radius:14px;gap:9px;margin-top:14px;padding:12px;display:grid}.story-quality-guide strong{color:#0f766e}.story-quality-guide div{flex-wrap:wrap;gap:7px;display:flex}.story-quality-guide span{color:#334155;background:#fff;border:1px solid #0f766e24;border-radius:999px;padding:5px 9px;font-size:.83rem;font-weight:850}.dark-mode .story-quality-guide{color:#e2e8f0;background:#0f766e24;border-color:#5eead438}.dark-mode .story-quality-guide strong{color:#99f6e4}.dark-mode .story-quality-guide span{color:#e2e8f0;background:#0f172ac7;border-color:#5eead42e}.story-advanced-options{background:#f8fafc;border:1px solid #0f172a1a;border-radius:16px;margin-top:20px;padding:14px}.story-advanced-options summary{cursor:pointer;color:#0f172a;font-size:1.02rem;font-weight:950}.story-advanced-options[open] summary{margin-bottom:16px}.story-advanced-options>section+section{margin-top:18px}.dark-mode .story-advanced-options{background:#0f172a8a;border-color:#94a3b838}.dark-mode .story-advanced-options summary{color:#f8fafc}.story-builder-layout.is-projector-layout{grid-template-columns:1fr}.story-builder-layout.is-projector-layout .output-panel{order:1}.story-builder-layout.is-projector-layout .form-panel{order:2}.story-builder-page h4{color:#0f172a;margin:0 0 10px;font-size:1.05rem}.dark-mode .story-builder-page h4{color:#f8fafc}.story-output-view-switch{background:#f8fafc;border:1px solid #0f172a1f;border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:5px;display:flex}.dark-mode .story-output-view-switch{background:#0f172ab8;border-color:#94a3b838}.story-output-view-switch button{color:#334155;background:0 0;border:1px solid #0000;border-radius:10px;min-height:40px;padding:9px 13px;font-weight:900}.story-output-view-switch button:hover,.story-output-view-switch button:focus-visible{background:#ccfbf1;border-color:#0f766e38}.story-output-view-switch button.is-active{color:#fff;background:#0f766e;border-color:#0f766e}.dark-mode .story-output-view-switch button{color:#e2e8f0}.dark-mode .story-output-view-switch button:hover,.dark-mode .story-output-view-switch button:focus-visible{background:#14b8a62e;border-color:#5eead45c}.story-empty-preview{background:#f0fdfa;border:1px dashed #0f766e47;border-radius:14px;margin:0 0 16px;padding:13px 14px}.dark-mode .story-empty-preview{background:#0f766e29}.story-teacher-preview,.story-print-preview,.story-projector-shell{gap:14px;display:grid}.story-preview-section{border-top:1px solid #0f172a1a;padding-top:14px}.story-teacher-preview .story-preview-section:first-child,.story-print-preview-page .story-preview-section:first-of-type{border-top:0;padding-top:0}.dark-mode .story-preview-section{border-top-color:#94a3b833}.story-preview-lines{gap:7px;display:grid}.story-preview-lines p{white-space:pre-wrap;margin:0}.story-word-bank{background:#f0fdfa;border:1px solid #0f766e33;border-radius:16px;margin-bottom:6px;padding:13px}.dark-mode .story-word-bank{background:#0f766e26;border-color:#5eead43d}.story-word-bank-grid{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.story-word-chip{color:#0f172a;background:#fff;border:1px solid #0f766e38;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:7px 13px;font-weight:900;display:inline-flex}.dark-mode .story-word-chip{color:#f8fafc;background:#0f172ad1;border-color:#99f6e43d}.story-phonics-focus{color:#0f172a;background:#ccfbf1;border:1px solid #0f766e38;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:11px 13px;display:flex}.story-phonics-focus strong{color:#0f766e}.dark-mode .story-phonics-focus{color:#f8fafc;background:#14b8a629;border-color:#5eead43d}.dark-mode .story-phonics-focus strong{color:#99f6e4}.story-print-note{background:#fffbeb;border:1px solid #f59e0b47;border-radius:12px;margin:0;padding:11px 13px}.dark-mode .story-print-note{background:#f59e0b24}.story-print-preview-page{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:18px;gap:13px;padding:20px;display:grid;box-shadow:0 10px 28px #0f172a14}.story-print-preview-page h4,.dark-mode .story-print-preview-page h4{color:#0f172a}.story-print-preview-page p,.dark-mode .story-builder-page .story-print-preview-page p{color:#334155}.story-print-page-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.story-print-page-heading span{color:#64748b;text-transform:uppercase;font-weight:900}.story-print-page-heading strong{color:#0f172a;font-size:1.05rem}.story-preview-student-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.story-preview-student-fields span{color:#475569;border-bottom:1px solid #64748b;min-height:34px;font-weight:800}.story-preview-branding{color:#64748b;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:.86rem;font-weight:850;display:flex}.story-preview-branding p{margin:0}.story-print-preview-page.is-compact{gap:10px;padding:16px}.story-print-preview-page.is-compact .story-preview-lines{gap:4px}.story-print-preview-page.is-compact .story-word-chip{min-height:32px;padding:5px 10px}.story-print-preview-page .story-word-bank{background:#f8fafc;border-color:#cbd5e1;margin:0}.story-print-preview-page .story-word-chip,.dark-mode .story-builder-page .story-print-preview-page .story-word-chip{color:#0f172a;background:#fff;border-color:#cbd5e1}.story-print-preview-page .story-phonics-focus,.dark-mode .story-builder-page .story-print-preview-page .story-phonics-focus{color:#0f172a;background:#f0fdfa;border-color:#99f6e4}.story-print-preview-page .story-phonics-focus strong,.dark-mode .story-builder-page .story-print-preview-page .story-phonics-focus strong{color:#0f766e}.story-page-break-guide{color:#64748b;letter-spacing:0;text-transform:uppercase;align-items:center;gap:12px;font-size:.82rem;font-weight:950;display:flex}.story-page-break-guide:before,.story-page-break-guide:after{content:"";border-top:1px dashed #64748bb8;flex:1}.story-answer-preview-page{background:#fff7ed}.story-projector-view{color:#fff;background:linear-gradient(140deg,#10b98121,#0000 36%),#071a21;border:1px solid #5eead43d;border-radius:22px;grid-template-columns:1fr;width:100%;min-height:520px;display:grid;overflow:hidden}@media (width>=800px){.story-projector-view{grid-template-columns:1fr .42fr;min-height:560px}}.story-projector-left{border-right:1px solid #99f6e424;flex-direction:column;gap:0;padding:clamp(22px,3.5vw,44px);display:flex}.story-projector-right{background:#071a218c;flex-direction:column;gap:14px;padding:clamp(18px,2.8vw,34px);display:flex}@media (width<=799px){.story-projector-left{border-bottom:1px solid #99f6e424;border-right:none}.story-projector-right{background:#071a2166}}.story-projector-right-label{color:#99f6e4;letter-spacing:.07em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:950}.story-projector-view .story-projector-kicker{color:#99f6e4;text-transform:uppercase;margin:0 0 8px;font-size:.88rem;font-weight:950}.story-projector-view h4{color:#fff;margin:0 0 20px;font-size:clamp(1.9rem,3.6vw,3.8rem);line-height:1.06}.story-projector-school{color:#ccfbf1;border-bottom:1px solid #99f6e447;width:fit-content;margin:-12px 0 18px;padding-bottom:6px;font-size:1rem;font-weight:900}.story-projector-view .story-projector-word-bank{background:#0f766e38;border-color:#99f6e44d;margin:0}.story-projector-view .story-word-chip{color:#fff;background:#0f172ab3;border-color:#99f6e457;min-height:40px;padding:8px 14px;font-size:1.05rem}.story-projector-view .story-projector-phonics{color:#fff;background:#10b98129;border-color:#99f6e44d;margin:0;font-size:1rem;font-weight:900}.story-projector-view .story-projector-phonics strong{color:#99f6e4}.story-projector-view .story-preview-lines{flex:1;gap:13px}.story-projector-view .story-preview-lines p,.dark-mode .story-projector-view .story-preview-lines p{color:#fff;font-size:clamp(1.35rem,1.9vw,2.25rem);font-weight:800;line-height:1.35}.story-projector-discuss{background:#10b9811a;border:1px solid #99f6e433;border-radius:14px;flex-direction:column;flex:1;gap:8px;padding:13px 14px;display:flex}.story-projector-discuss-placeholder{justify-content:center;align-items:center}.story-projector-discuss-placeholder p,.dark-mode .story-builder-page .story-projector-discuss-placeholder p{color:#99f6e4b3;text-align:center;margin:0;font-size:1.05rem;font-weight:800}.story-projector-discuss-q{color:#f1f5f9;margin:0;font-size:clamp(.92rem,1.3vw,1.15rem);font-weight:700;line-height:1.4}.story-projector-brand{color:#cbd5e1;margin:auto 0 0;padding-top:20px;font-size:.88rem;font-weight:800}.story-slide-export{background:#f8fafc;border:1px solid #0f766e2e;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px;display:flex}.dark-mode .story-slide-export{background:#0f172aa3;border-color:#5eead42e}.story-slide-export h4{margin-bottom:5px}.story-slide-export p{margin:0}.story-slide-export-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.story-slide-export-controls .form-label{min-width:132px}@media (width<=720px){.story-output-view-switch,.story-slide-export,.story-print-page-heading{flex-direction:column;align-items:stretch}.story-output-view-switch button,.story-slide-export-controls,.story-slide-export-controls .form-label,.story-slide-export-controls button{width:100%}.story-preview-student-fields{grid-template-columns:1fr}.story-projector-view{min-height:420px}.story-import-actions button,.story-style-chip-grid button{width:100%}}.back-to-top-btn{z-index:900;color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:9999px;align-items:center;gap:.35rem;min-width:42px;min-height:42px;padding:0 .875rem;font-size:.9rem;font-weight:600;line-height:1;transition:opacity .2s,transform .2s;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 12px #0000002e}.back-to-top-btn:hover{background:#0ea472;transform:translateY(-2px)}.back-to-top-btn:focus-visible{outline-offset:2px;outline:3px solid #10b981}.back-to-top-label{letter-spacing:.01em}@media (width<=600px){.back-to-top-btn{min-width:38px;min-height:38px;padding:0 .75rem;font-size:.85rem;bottom:1rem;right:1rem}}@media (prefers-color-scheme:dark){.back-to-top-btn{color:#064e3b;background:#34d399}.back-to-top-btn:hover{background:#6ee7b7}.back-to-top-btn:focus-visible{outline-color:#34d399}}.tool-page-header{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #0f766e29;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px 22px;display:flex;box-shadow:0 4px 16px #0f172a12}.dark-mode .tool-page-header{background:linear-gradient(145deg,#0f172af5,#132a32e6);border-color:#34d39938}.tool-page-header__copy{flex-direction:column;gap:4px;display:flex}.tool-page-header__kicker{color:#047857;letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:950}.dark-mode .tool-page-header__kicker{color:#a7f3d0}.tool-page-header__title{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1.1}.dark-mode .tool-page-header__title{color:#f8fafc}.tool-page-header__description{color:#475569;margin:0;font-size:.9rem;font-weight:500;line-height:1.45}.dark-mode .tool-page-header__description{color:#cbd5e1}.tool-page-header__actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.tool-action-bar,.tool-action-bar__group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-action-button{color:#052e2b;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39952;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:950;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:inline-flex}.tool-action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0f766e29}.tool-action-button:focus-visible{outline-offset:2px;outline:3px solid #2dd4bf}.tool-action-button:disabled{cursor:not-allowed;opacity:.48}.tool-action-button.is-active{color:#f0fdfa;background:linear-gradient(135deg,#0f766e,#0d9488);border-color:#0f766e99}.tool-action-button--primary{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#34d39952}.dark-mode .tool-action-button--primary{color:#022c22}.tool-action-button--secondary{color:#334155;background:#fff;border-color:#0f172a24}.dark-mode .tool-action-button--secondary{color:#f8fafc;background:#94a3b826;border-color:#94a3b847}.tool-action-button--danger{color:#b91c1c;background:#fff;border-color:#ef444447}.tool-action-button--danger:hover:not(:disabled){background:#fef2f2;border-color:#ef44447a;box-shadow:0 8px 18px #ef44441f}.tool-action-button--danger:focus-visible{outline-color:#f87171}.dark-mode .tool-action-button--danger{color:#fca5a5;background:#ef44441f;border-color:#ef444452}.dark-mode .tool-action-button--danger:hover:not(:disabled){background:#ef444438}@media (width<=760px){.tool-page-header{padding:14px 16px}.tool-page-header__title{font-size:clamp(1.5rem,6vw,2.4rem)}.tool-page-header__actions,.tool-action-bar{width:100%}}.tool-help-modal-backdrop{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tool-help-modal{color:#0f172a;background:radial-gradient(circle at 100% 0,#2dd4bf29,#0000 36%),linear-gradient(145deg,#fff,#fff8ed);border:1px solid #34d39942;border-radius:24px;width:min(620px,100%);max-height:min(760px,100vh - 40px);padding:26px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0206175c}.tool-help-modal-close{color:#0f172a;background:#ffffffc7;border:1px solid #94a3b852;border-radius:999px;place-items:center;width:36px;height:36px;font-size:1.4rem;font-weight:900;line-height:1;display:grid;position:absolute;top:14px;right:14px}.tool-help-modal-kicker{color:#047857;letter-spacing:.1em;text-transform:uppercase;margin:0 42px 8px 0;font-size:.78rem;font-weight:950}.tool-help-modal h2{color:#0f172a;letter-spacing:-.04em;margin:0 42px 10px 0;font-size:clamp(2rem,4vw,3rem);line-height:1}.tool-help-modal-intro{color:#334155;margin:0 0 18px;font-size:1rem;line-height:1.5}.tool-help-modal-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tool-help-modal-steps li{background:#ffffffb8;border:1px solid #34d3992e;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px;display:grid}.tool-help-modal-step-number{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-radius:999px;place-items:center;width:34px;height:34px;font-size:.9rem;font-weight:950;display:grid}.tool-help-modal-steps strong{color:#0f172a;margin-bottom:4px;font-size:1rem;display:block}.tool-help-modal-steps p,.tool-help-modal-tip p{color:#475569;margin:0;line-height:1.45}.tool-help-modal-tip{background:#fef3c7b8;border:1px solid #fbbf2452;border-radius:18px;margin-top:14px;padding:14px}.tool-help-modal-tip strong{color:#92400e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:.82rem;font-weight:950;display:block}.tool-help-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.tool-help-modal-actions button{border-radius:14px;min-height:42px;padding:10px 14px;font-weight:950}.tool-help-modal-primary{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d3996b}.tool-help-modal-secondary{color:#0f172a;background:#94a3b824;border:1px solid #94a3b857}.dark-mode .tool-help-modal{color:#f8fafc;background:radial-gradient(circle at 100% 0,#34d39929,#0000 36%),linear-gradient(145deg,#0f172a,#1e293b);border-color:#34d39947}.dark-mode .tool-help-modal-close,.dark-mode .tool-help-modal-secondary{color:#f8fafc;background:#94a3b829;border-color:#94a3b84d}.dark-mode .tool-help-modal h2,.dark-mode .tool-help-modal-steps strong{color:#f8fafc}.dark-mode .tool-help-modal-kicker{color:#a7f3d0}.dark-mode .tool-help-modal-intro,.dark-mode .tool-help-modal-steps p,.dark-mode .tool-help-modal-tip p{color:#cbd5e1}.dark-mode .tool-help-modal-steps li{background:#0f172a8f;border-color:#34d39933}.dark-mode .tool-help-modal-tip{background:#fbbf241a;border-color:#fbbf2438}.dark-mode .tool-help-modal-tip strong{color:#fde68a}@media (width<=560px){.tool-help-modal-backdrop{padding:12px}.tool-help-modal{border-radius:20px;padding:22px}.tool-help-modal-actions{flex-direction:column-reverse}.tool-help-modal-actions button{width:100%}}.team-quiz-page{width:min(100% - 36px,1320px);max-width:1320px;margin:0 auto;padding:22px 0 44px}.team-quiz-hero,.team-quiz-board-card,.team-quiz-side-card{background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#fffffff5,#fff8ed);border:1px solid #34d39938;border-radius:26px;box-shadow:0 16px 38px #4b55631a}.dark-mode .team-quiz-hero,.dark-mode .team-quiz-board-card,.dark-mode .team-quiz-side-card{box-shadow:var(--shadow-dark);background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#0f172aeb,#1e293bf0);border-color:#34d3993d}.team-quiz-hero{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:24px;display:flex}.team-quiz-hero h1{color:#111827;letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1}.dark-mode .team-quiz-hero h1{color:#f8fafc}.team-quiz-hero p{color:#475569;max-width:780px;margin:12px 0 0;font-size:1rem;line-height:1.55}.dark-mode .team-quiz-hero p{color:#dbeafe}.team-quiz-hero-actions,.team-quiz-question-actions,.team-quiz-award-row{flex-wrap:wrap;gap:10px;display:flex}.team-quiz-hero-actions{justify-content:flex-end}.team-quiz-hero-actions button,.team-quiz-side-card button,.team-quiz-question-card button,.team-quiz-setup-tabs button{color:#111827;cursor:pointer;white-space:nowrap;background:#94a3b82e;border:1px solid #94a3b847;border-radius:14px;min-height:44px;padding:11px 14px;font-weight:950}.dark-mode .team-quiz-hero-actions button,.dark-mode .team-quiz-side-card button,.dark-mode .team-quiz-question-card button,.dark-mode .team-quiz-setup-tabs button{color:#f8fafc;background:#94a3b829;border-color:#94a3b84d}.team-quiz-hero-actions .primary-action,.team-quiz-award-row button,.team-quiz-setup-tabs button.is-active,.tqb-reveal-btn,.tqb-award-btn{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#34d3996b}.tqb-award-btn:disabled{color:#64748b;cursor:not-allowed;opacity:.7;background:#94a3b838;border-color:#94a3b847}.dark-mode .tqb-award-btn:disabled{color:#475569;background:#94a3b824}.team-quiz-play-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:start;gap:18px;display:grid}.team-quiz-board-card,.team-quiz-side-card{padding:22px}.team-quiz-board-top,.team-quiz-section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.team-quiz-board-top h2,.team-quiz-section-heading h2{color:#111827;letter-spacing:-.05em;margin:0;font-size:clamp(1.4rem,2.4vw,2.3rem)}.dark-mode .team-quiz-board-top h2,.dark-mode .team-quiz-section-heading h2{color:#f8fafc}.team-quiz-board-summary{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.team-quiz-board-summary span{color:#047857;background:#34d3991f;border:1px solid #34d39938;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:900}.dark-mode .team-quiz-board-summary span{color:#a7f3d0}.team-quiz-board-grid{gap:10px;display:grid}.team-quiz-tile{color:#052e2b;cursor:pointer;background:linear-gradient(135deg,#34d399,#2dd4bf);border:0;border-radius:18px;place-items:center;min-height:clamp(82px,10vw,126px);padding:12px;font-size:clamp(1.65rem,3vw,3rem);font-weight:1000;transition:transform .12s,box-shadow .12s,opacity .12s;display:grid;box-shadow:0 14px 26px #0f172a24}.team-quiz-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 34px #0f172a33}.team-quiz-tile.is-used,.team-quiz-tile:disabled{color:#64748b;cursor:not-allowed;opacity:.74;box-shadow:none;background:#94a3b83d;font-size:1rem}.dark-mode .team-quiz-tile.is-used,.dark-mode .team-quiz-tile:disabled{color:#94a3b8;background:#94a3b824}.team-quiz-tile.is-used span{place-items:center;gap:4px;font-size:clamp(.85rem,1.25vw,1.15rem);line-height:1.05;display:grid}.team-quiz-tile.is-used small{opacity:.85;font-size:clamp(.68rem,.95vw,.9rem);font-weight:900;display:block}.team-quiz-score-list{gap:12px;display:grid}.team-quiz-score-card{background:#ffffffb8;border:1px solid #cbb79447;border-radius:18px;gap:12px;padding:14px;display:grid}.dark-mode .team-quiz-score-card{background:#0f172aa3;border-color:#94a3b82e}.team-quiz-score-card strong{color:#111827;font-size:1.15rem;display:block}.dark-mode .team-quiz-score-card strong{color:#f8fafc}.team-quiz-score-card span{color:#047857;margin-top:3px;font-size:1.25rem;font-weight:950;display:block}.dark-mode .team-quiz-score-card span{color:#a7f3d0}.team-quiz-score-actions{gap:8px;display:flex}.team-quiz-score-actions button{flex:1;min-height:38px;padding:8px 10px}.team-quiz-question-panel{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.team-quiz-question-card{text-align:center;background:radial-gradient(circle at 100% 0,#34d39924,#0000 40%),#fff;border:1px solid #34d39942;border-radius:32px;width:min(980px,96vw);max-height:92vh;padding:clamp(22px,4vw,44px);overflow-y:hidden;box-shadow:0 30px 80px #00000052}.dark-mode .team-quiz-question-card{background:radial-gradient(circle at 100% 0,#34d39924,#0000 40%),#0f172a;border-color:#34d3994d}.team-quiz-question-card h2{color:#111827;letter-spacing:-.05em;overflow-wrap:break-word;max-width:900px;margin:14px auto 22px;font-size:clamp(2rem,4.6vw,5rem);line-height:1.05}.dark-mode .team-quiz-question-card h2{color:#f8fafc}.mystery-question-card{flex-direction:column;justify-content:flex-start;width:min(1120px,96vw);min-height:min(620px,90vh);display:flex}.mystery-question-card h2{margin-top:10px;margin-bottom:26px;font-size:clamp(2.4rem,5vw,5.8rem)}.mystery-question-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mystery-question-top span{color:#64748b;font-weight:900}.dark-mode .mystery-question-top span{color:#cbd5e1}.team-quiz-answer-box,.team-quiz-answer-hidden{border-radius:22px;max-width:820px;margin:0 auto 20px;padding:20px}.team-quiz-answer-box{background:#ecfdf5;border:1px solid #34d39952}.dark-mode .team-quiz-answer-box{background:#34d3991f}.team-quiz-answer-box p{color:#047857;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-weight:950}.dark-mode .team-quiz-answer-box p{color:#a7f3d0}.team-quiz-answer-box strong{color:#111827;overflow-wrap:break-word;font-size:clamp(1.35rem,2.4vw,2.4rem);line-height:1.2;display:block}.dark-mode .team-quiz-answer-box strong{color:#f8fafc}.team-quiz-answer-hidden{color:#64748b;background:#94a3b824;font-size:1.1rem;font-weight:900}.dark-mode .team-quiz-answer-hidden{color:#cbd5e1}.compact-hidden-box{max-width:760px;margin-bottom:24px;padding:18px 22px}.mystery-points-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.dark-mode .mystery-points-box{background:#34d39929}.mystery-points-box strong{font-size:clamp(2rem,4vw,4rem)}.mystery-points-box .small-muted{margin-top:8px;font-size:.95rem;display:block}.team-quiz-question-actions,.team-quiz-award-row{justify-content:center}.team-quiz-award-row{margin-top:14px}.team-quiz-setup{margin-top:18px}.team-quiz-setup-tabs{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.team-quiz-setup-tabs button{background:#94a3b824;border-radius:999px}.team-quiz-setup-panel{gap:16px;display:grid}.team-quiz-control-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;display:grid}.team-quiz-range-grid{grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;display:grid}.team-quiz-team-setup{gap:10px;margin-top:4px;display:grid}.team-quiz-preview-card{background:#34d39914;border:1px solid #34d39933;border-radius:20px;padding:14px}.team-quiz-preview-block{margin-top:12px}.team-quiz-preview-block strong{color:#111827;margin-bottom:8px;font-size:.95rem;display:block}.dark-mode .team-quiz-preview-block strong{color:#f8fafc}.team-quiz-chip-row{flex-wrap:wrap;gap:8px;display:flex}.team-quiz-point-chip,.team-quiz-bonus-chip{color:#047857;background:#ecfdf5;border:1px solid #34d3993d;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.dark-mode .team-quiz-point-chip,.dark-mode .team-quiz-bonus-chip{color:#a7f3d0;background:#34d39924;border-color:#34d3993d}.team-quiz-bonus-chip.is-muted{color:#64748b;background:#f1f5f9;border-color:#94a3b84d}.dark-mode .team-quiz-bonus-chip.is-muted{color:#cbd5e1;background:#94a3b829}.team-quiz-import-textarea{resize:vertical;width:100%;min-height:230px}.team-quiz-delimiter-row{color:#111827;flex-wrap:wrap;gap:12px;font-weight:850;display:flex}.dark-mode .team-quiz-delimiter-row{color:#e2e8f0}.team-quiz-delimiter-row label{align-items:center;gap:6px;display:inline-flex}.team-quiz-delimiter-row input[type=radio]{width:auto}.team-quiz-custom-delimiter{width:74px}.team-quiz-editor-list{gap:14px;max-height:720px;padding-right:4px;display:grid;overflow-y:auto}.team-quiz-editor-card{background:#ffffffa3;border:1px solid #cbb79447;border-radius:20px;padding:14px}.dark-mode .team-quiz-editor-card{background:#0f172a8f;border-color:#94a3b82e}.team-quiz-editor-card summary{cursor:pointer;color:#111827;font-weight:950}.dark-mode .team-quiz-editor-card summary{color:#f8fafc}.team-quiz-editor-question{border-top:1px solid #94a3b833;grid-template-columns:100px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;margin-top:12px;padding-top:12px;display:grid}@media (width<=1100px){.team-quiz-play-grid{grid-template-columns:1fr}.team-quiz-side-card{order:2}}@media (width<=950px){.team-quiz-control-grid,.team-quiz-range-grid{grid-template-columns:1fr}}@media (width<=820px){.team-quiz-hero,.team-quiz-board-top,.team-quiz-section-heading{flex-direction:column;align-items:stretch}.team-quiz-hero-actions,.team-quiz-question-actions,.team-quiz-award-row,.team-quiz-setup-tabs{flex-direction:column}.team-quiz-hero-actions button,.team-quiz-question-actions button,.team-quiz-award-row button,.team-quiz-setup-tabs button{width:100%}.team-quiz-board-grid{gap:8px;padding-bottom:4px;overflow-x:auto}.team-quiz-tile{min-height:72px;font-size:1.55rem}.team-quiz-board-summary{justify-content:flex-start}.team-quiz-editor-question{grid-template-columns:1fr}.team-quiz-delimiter-row{flex-direction:column;align-items:flex-start}}@media (width<=650px){.team-quiz-page{width:min(100% - 20px,1320px);padding:14px 0 30px}.team-quiz-hero,.team-quiz-board-card,.team-quiz-side-card{border-radius:20px;padding:14px}.team-quiz-hero h1{font-size:clamp(1.8rem,10vw,2.5rem)}.team-quiz-question-panel{padding:12px}.team-quiz-question-card{border-radius:22px;padding:20px 14px}.team-quiz-question-card h2,.mystery-question-card h2{font-size:clamp(1.8rem,10vw,3.4rem);line-height:1.08}.mystery-question-card{min-height:min(540px,92vh)}.mystery-question-top{text-align:center;flex-direction:column;align-items:center}.team-quiz-answer-box strong{font-size:clamp(1.25rem,6vw,2rem)}}.mystery-question-card{justify-content:flex-start;gap:0}.dark-mode .mystery-tile-badge{color:#a7f3d0;background:#34d3991f;border-color:#34d39947}.mystery-question-card h2{margin-top:0;margin-bottom:10px}.compact-hidden-box{margin-top:0}.team-quiz-page.is-classroom-mode{background:radial-gradient(circle at 0 0,#34d3991f,#0000 34%),linear-gradient(#0f172a 0%,#0b1120 100%);width:100vw;max-width:none;min-height:100vh;margin:0;padding:14px;overflow:auto}.team-quiz-page.is-classroom-mode .team-quiz-hero,.team-quiz-page.is-classroom-mode .team-quiz-setup{display:none}.team-quiz-classroom-bar{background:#0f172ad1;border:1px solid #34d3993d;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.team-quiz-classroom-bar strong{color:#f8fafc;font-size:clamp(1rem,2vw,1.4rem);font-weight:950}.team-quiz-classroom-bar button{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39947;border-radius:999px;min-height:40px;padding:8px 14px;font-weight:950}.team-quiz-page.is-classroom-mode .team-quiz-play-grid{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:stretch;gap:14px;height:calc(100vh - 74px);display:grid}.team-quiz-page.is-classroom-mode .team-quiz-board-card,.team-quiz-page.is-classroom-mode .team-quiz-side-card{box-shadow:none;background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),#0f172adb;border-color:#34d3993d;border-radius:24px}.team-quiz-page.is-classroom-mode .team-quiz-board-card{flex-direction:column;padding:16px;display:flex}.team-quiz-page.is-classroom-mode .team-quiz-board-top{margin-bottom:12px}.team-quiz-page.is-classroom-mode .team-quiz-board-top h2{font-size:clamp(1.3rem,2.2vw,2.4rem)}.team-quiz-page.is-classroom-mode .team-quiz-board-summary{display:none}.team-quiz-page.is-classroom-mode .team-quiz-board-grid{flex:1;grid-auto-rows:1fr;gap:12px;min-height:0}.team-quiz-page.is-classroom-mode .team-quiz-tile{border-radius:24px;height:100%;min-height:auto;font-size:clamp(2.2rem,5.6vw,6rem)}.team-quiz-page.is-classroom-mode .team-quiz-side-card{padding:14px;overflow:auto}.team-quiz-page.is-classroom-mode .team-quiz-section-heading{margin-bottom:10px}.team-quiz-page.is-classroom-mode .team-quiz-section-heading button{display:none}.team-quiz-page.is-classroom-mode .team-quiz-score-card{border-radius:16px;gap:6px;padding:10px}.team-quiz-page.is-classroom-mode .team-quiz-score-card strong{font-size:.95rem}.team-quiz-page.is-classroom-mode .team-quiz-score-card span{font-size:1.05rem}.team-quiz-page.is-classroom-mode .team-quiz-score-actions{display:none}.team-quiz-question-card.mystery-question-card{justify-content:flex-start;gap:0;width:min(1280px,94vw);min-height:min(680px,88vh);padding:clamp(26px,4vw,48px)}.mystery-question-meta{justify-content:center;align-items:center;margin-bottom:2px;display:flex}.mystery-tile-badge{color:#a7f3d0;letter-spacing:.12em;text-transform:uppercase;background:#34d39924;border:1px solid #34d39947;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:.92rem;font-weight:950;display:inline-flex}.team-quiz-question-card.mystery-question-card h2{text-wrap:balance;max-width:1120px;margin:0 auto 10px;font-size:clamp(2.8rem,4.8vw,5.6rem);line-height:1.08}.team-quiz-question-card.mystery-question-card .team-quiz-answer-box{max-width:820px;margin-bottom:14px}.team-quiz-question-card.mystery-question-card .team-quiz-answer-box strong{font-size:clamp(1.6rem,2.8vw,3rem)}.team-quiz-question-card.mystery-question-card .team-quiz-question-actions{margin-top:6px}.team-quiz-question-card.mystery-question-card .compact-hidden-box{margin-bottom:10px}@media (width<=900px){.team-quiz-page.is-classroom-mode .team-quiz-play-grid{grid-template-columns:1fr;height:auto}.team-quiz-page.is-classroom-mode .team-quiz-board-grid{min-height:68vh}.team-quiz-page.is-classroom-mode .team-quiz-side-card{max-height:none}}@media (width<=650px){.team-quiz-page.is-classroom-mode{padding:10px}.team-quiz-classroom-bar{flex-direction:column;align-items:stretch}.team-quiz-classroom-bar button{width:100%}.team-quiz-page.is-classroom-mode .team-quiz-board-grid{gap:8px;min-height:60vh}.team-quiz-page.is-classroom-mode .team-quiz-tile{border-radius:18px;font-size:clamp(1.8rem,11vw,4rem)}.team-quiz-question-card.mystery-question-card{min-height:min(560px,92vh);padding:20px 14px}.team-quiz-question-card.mystery-question-card h2{font-size:clamp(1.9rem,9vw,3.5rem)}}.mobile-preview .team-quiz-page{width:min(100% - 20px,1320px);padding:14px 0 30px}.mobile-preview .team-quiz-hero,.mobile-preview .team-quiz-board-card,.mobile-preview .team-quiz-side-card{border-radius:20px;padding:14px}.mobile-preview .team-quiz-hero h1{font-size:clamp(1.8rem,10vw,2.5rem)}.mobile-preview .team-quiz-play-grid{grid-template-columns:1fr}.mobile-preview .team-quiz-side-card{order:2}.mobile-preview .team-quiz-hero,.mobile-preview .team-quiz-board-top,.mobile-preview .team-quiz-section-heading{flex-direction:column;align-items:stretch}.mobile-preview .team-quiz-hero-actions,.mobile-preview .team-quiz-question-actions,.mobile-preview .team-quiz-award-row,.mobile-preview .team-quiz-setup-tabs{flex-direction:column}.mobile-preview .team-quiz-hero-actions button,.mobile-preview .team-quiz-question-actions button,.mobile-preview .team-quiz-award-row button,.mobile-preview .team-quiz-setup-tabs button{width:100%}.mobile-preview .team-quiz-control-grid,.mobile-preview .team-quiz-range-grid{grid-template-columns:1fr}.mobile-preview .team-quiz-board-grid{gap:8px;padding-bottom:4px;overflow-x:auto}.mobile-preview .team-quiz-tile{min-height:72px;font-size:1.55rem}.mobile-preview .team-quiz-board-summary{justify-content:flex-start}.mobile-preview .team-quiz-editor-question{grid-template-columns:1fr}.mobile-preview .team-quiz-delimiter-row{flex-direction:column;align-items:flex-start}.tqb-accordion{gap:10px;margin-top:4px;display:grid}.tqb-accordion-item{background:#ffffffd1;border:1px solid #94a3b842;border-radius:20px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.dark-mode .tqb-accordion-item{background:#0f172ab8;border-color:#94a3b833}.tqb-accordion-item.is-open{border-color:#34d39966;box-shadow:0 4px 18px #34d3991a}.dark-mode .tqb-accordion-item.is-open{border-color:#34d3995c;box-shadow:0 4px 18px #34d39914}.tqb-accordion-trigger{color:#111827;cursor:pointer;text-align:left;letter-spacing:-.02em;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:14px 20px;font-size:1rem;font-weight:950;display:flex}.dark-mode .tqb-accordion-trigger{color:#f8fafc;background:0 0}.tqb-accordion-trigger:hover{background:#34d3990f}.dark-mode .tqb-accordion-trigger:hover{background:#34d39914}.tqb-accordion-icon{color:#475569;background:#94a3b82e;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;margin-left:12px;font-size:1.1rem;font-weight:900;line-height:1;display:grid}.dark-mode .tqb-accordion-icon{color:#cbd5e1;background:#94a3b833}.tqb-accordion-item.is-open .tqb-accordion-icon{color:#047857;background:#34d3992e}.dark-mode .tqb-accordion-item.is-open .tqb-accordion-icon{color:#a7f3d0;background:#34d39933}.tqb-accordion-content{border-top:1px solid #94a3b82e;padding:6px 20px 20px}.dark-mode .tqb-accordion-content{border-top-color:#94a3b824}.tqb-section-helper{color:#64748b;margin:0 0 14px;font-size:.9rem;line-height:1.5}.dark-mode .tqb-section-helper{color:#94a3b8}.tqb-grade-filter{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tqb-filter-btn{color:#475569;cursor:pointer;background:#94a3b81f;border:1px solid #94a3b847;border-radius:999px;min-height:36px;padding:6px 14px;font-size:.85rem;font-weight:900;transition:background .12s,border-color .12s,color .12s}.dark-mode .tqb-filter-btn{color:#cbd5e1;background:#94a3b824;border-color:#94a3b83d}.tqb-filter-btn:hover{color:#047857;background:#34d3991f;border-color:#34d3994d}.dark-mode .tqb-filter-btn:hover{color:#a7f3d0}.tqb-filter-btn.is-active{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#34d39980}.dark-mode .tqb-filter-btn.is-active{color:#052e2b}.tqb-example-grade-group{margin-bottom:20px}.tqb-example-grade-group:last-child{margin-bottom:0}.tqb-grade-label{color:#047857;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:950}.dark-mode .tqb-grade-label{color:#6ee7b7}.tqb-example-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.tqb-example-card{background:#ffffffe6;border:1px solid #94a3b83d;border-radius:18px;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.dark-mode .tqb-example-card{background:#0f172aad;border-color:#94a3b82e}.tqb-example-card:hover{border-color:#34d39966;box-shadow:0 6px 18px #34d3991a}.tqb-example-card-body{flex:1;padding:14px 14px 10px}.tqb-example-group-tag{color:#64748b;letter-spacing:.07em;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:900}.dark-mode .tqb-example-group-tag{color:#94a3b8}.tqb-example-title{color:#111827;margin-bottom:6px;font-size:.95rem;font-weight:950;line-height:1.25;display:block}.dark-mode .tqb-example-title{color:#f8fafc}.tqb-example-desc{color:#475569;margin:0;font-size:.82rem;line-height:1.45}.dark-mode .tqb-example-desc{color:#94a3b8}.tqb-load-btn{color:#052e2b;cursor:pointer;text-align:center;background:linear-gradient(135deg,#34d399,#2dd4bf);border:0;border-radius:12px;width:calc(100% - 28px);min-height:38px;margin:0 14px 14px;padding:9px 14px;font-size:.88rem;font-weight:950;transition:opacity .12s,transform .12s;display:block}.tqb-load-btn:hover{opacity:.88;transform:translateY(-1px)}.team-quiz-setup-panel .tqb-load-btn{width:auto;margin:0 0 10px;display:inline-block}.tqb-saved-wrap{gap:12px;display:grid}.tqb-save-btn{color:#052e2b;cursor:pointer;text-align:center;background:linear-gradient(135deg,#34d399,#2dd4bf);border:0;border-radius:14px;min-height:44px;padding:11px 20px;font-size:.95rem;font-weight:950;transition:opacity .12s,transform .12s}.tqb-save-btn:hover{opacity:.88;transform:translateY(-1px)}.tqb-empty-note{color:#64748b;margin:0;font-size:.88rem;line-height:1.5}.dark-mode .tqb-empty-note{color:#94a3b8}.tqb-preset-status{color:#047857;background:#34d39924;border:1px solid #34d39947;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:900;display:inline-block}.dark-mode .tqb-preset-status{color:#a7f3d0;background:#34d3991f}.tqb-preset-status.is-error{color:#b91c1c;background:#ef44441a;border-color:#ef444447}.dark-mode .tqb-preset-status.is-error{color:#fca5a5;background:#ef44441f;border-color:#ef444447}.tqb-preset-list{gap:10px;display:grid}.tqb-preset-item{background:#fffc;border:1px solid #94a3b838;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.dark-mode .tqb-preset-item{background:#0f172a99;border-color:#94a3b829}.tqb-preset-info{flex:1;min-width:0}.tqb-preset-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:950;display:block;overflow:hidden}.dark-mode .tqb-preset-info strong{color:#f8fafc}.tqb-preset-info small{color:#64748b;margin-top:2px;font-size:.78rem;display:block}.dark-mode .tqb-preset-info small{color:#94a3b8}.tqb-preset-actions{flex-shrink:0;gap:8px;display:flex}.tqb-preset-actions button{color:#111827;cursor:pointer;background:#94a3b824;border:1px solid #94a3b847;border-radius:999px;min-height:36px;padding:7px 14px;font-size:.82rem;font-weight:950;transition:background .12s}.dark-mode .tqb-preset-actions button{color:#f8fafc;background:#94a3b829;border-color:#94a3b83d}.tqb-preset-actions button:hover{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#34d39966}.tqb-preset-actions button.is-danger{color:#b91c1c;background:#ef44441a;border-color:#ef444442}.dark-mode .tqb-preset-actions button.is-danger{color:#fca5a5;background:#ef44441f;border-color:#ef444442}.tqb-preset-actions button.is-danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.tqb-style-row{background:#34d3990f;border:1px solid #34d39924;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.dark-mode .tqb-style-row{background:#34d3990f;border-color:#34d3991f}.tqb-style-row-label{color:#047857;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:950}.dark-mode .tqb-style-row-label{color:#6ee7b7}.tqb-style-field,.tqb-style-field select{min-width:90px}.tqb-style-check{color:#374151;cursor:pointer;align-items:center;gap:5px;font-size:.88rem;font-weight:900;display:inline-flex}.dark-mode .tqb-style-check{color:#e2e8f0}.tqb-style-check input[type=checkbox]{cursor:pointer;width:auto}.tqb-style-divider{background:#94a3b84d;flex-shrink:0;width:1px;height:28px}.dark-mode .tqb-style-divider{background:#94a3b833}.mystery-question-card h2.tqb-q-normal{font-size:clamp(2rem,3.8vw,4.2rem)}.mystery-question-card h2.tqb-q-large{font-size:clamp(2.6rem,5vw,5.8rem)}.mystery-question-card h2.tqb-q-huge{font-size:clamp(3.2rem,6.4vw,7.4rem);line-height:1.04}.team-quiz-answer-box strong.tqb-a-normal{font-size:clamp(1.2rem,2vw,2rem)}.team-quiz-answer-box strong.tqb-a-large{font-size:clamp(1.7rem,2.8vw,2.9rem)}.team-quiz-answer-box strong.tqb-a-huge{font-size:clamp(2.2rem,3.8vw,4rem)}h2.tqb-bold,strong.tqb-bold{font-weight:1000}.tqb-examples-wrap{gap:4px;display:grid}@media (width<=820px){.tqb-example-grid{grid-template-columns:1fr}.tqb-style-row{gap:8px}}@media (width<=650px){.tqb-grade-filter{gap:6px}.tqb-filter-btn{padding:5px 11px;font-size:.8rem}.tqb-preset-item{flex-direction:column;align-items:stretch}.tqb-preset-actions{justify-content:flex-end}}.mobile-preview .tqb-example-grid{grid-template-columns:1fr}.mobile-preview .tqb-preset-item{flex-direction:column;align-items:stretch}.mobile-preview .tqb-preset-actions{justify-content:flex-end}.team-quiz-behaviour-panel{background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),#0f172abd;border:1px solid #34d39933;border-radius:22px;margin-top:12px;padding:14px}.team-quiz-behaviour-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.team-quiz-behaviour-header p{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:950}.team-quiz-behaviour-header strong{color:#f8fafc;font-size:.98rem}.team-quiz-behaviour-team-picker{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.team-quiz-behaviour-team-picker button{color:#e2e8f0;background:#94a3b824;border:1px solid #94a3b847;border-radius:999px;min-height:34px;padding:7px 10px;font-size:.76rem;font-weight:900}.team-quiz-behaviour-team-picker button.is-selected{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#34d39994}.team-quiz-behaviour-columns{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.team-quiz-behaviour-label{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;width:fit-content;margin-bottom:8px;padding:5px 9px;font-size:.68rem;font-weight:950;display:inline-flex}.team-quiz-behaviour-label.positive{color:#a7f3d0;background:#34d39924}.team-quiz-behaviour-label.negative{color:#fecdd3;background:#fb718524}.team-quiz-behaviour-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.team-quiz-behaviour-buttons button{color:#d1fae5;text-align:left;background:#34d39924;border:1px solid #34d39947;border-radius:13px;min-height:36px;padding:8px 9px;font-size:.78rem;font-weight:900}.team-quiz-behaviour-buttons.negative button{color:#fecdd3;background:#fb71851f;border-color:#fb718542}body:not(.dark-mode) .team-quiz-behaviour-panel{background:radial-gradient(circle at 100% 0,#2dd4bf1f,#0000 38%),linear-gradient(145deg,#fff,#f8fafc);border-color:#0f766e29}body:not(.dark-mode) .team-quiz-behaviour-header p{color:#047857}body:not(.dark-mode) .team-quiz-behaviour-header strong{color:#0f172a}body:not(.dark-mode) .team-quiz-behaviour-team-picker button{color:#334155;background:#f1f5f9;border-color:#0f172a1f}body:not(.dark-mode) .team-quiz-behaviour-team-picker button.is-selected{color:#042f2e;background:linear-gradient(135deg,#10b981,#14b8a6)}body:not(.dark-mode) .team-quiz-behaviour-label.positive{color:#047857}body:not(.dark-mode) .team-quiz-behaviour-label.negative{color:#be123c}body:not(.dark-mode) .team-quiz-behaviour-buttons button{color:#065f46;background:#10b9811a}body:not(.dark-mode) .team-quiz-behaviour-buttons.negative button{color:#9f1239;background:#f43f5e14}@media (width<=760px){.team-quiz-behaviour-header,.team-quiz-behaviour-columns{grid-template-columns:1fr;display:grid}.team-quiz-behaviour-team-picker{justify-content:flex-start}.team-quiz-behaviour-buttons{grid-template-columns:1fr}}.team-quiz-page:not(.is-classroom-mode) .team-quiz-hero{align-items:center;min-height:auto;margin-bottom:14px;padding:16px 20px}.team-quiz-page:not(.is-classroom-mode) .team-quiz-hero h1{font-size:clamp(1.9rem,3.2vw,3.35rem);line-height:.96}.team-quiz-page:not(.is-classroom-mode) .team-quiz-hero p:not(.dashboard-kicker){max-width:760px;margin-top:8px;font-size:.98rem;line-height:1.35}.team-quiz-page:not(.is-classroom-mode) .team-quiz-hero .dashboard-kicker{margin-bottom:6px;font-size:.76rem}.team-quiz-page:not(.is-classroom-mode) .team-quiz-hero-actions{grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px;min-width:min(420px,100%);display:grid}.team-quiz-page:not(.is-classroom-mode) .team-quiz-hero-actions button{border-radius:14px;min-height:40px;padding:9px 12px}.team-quiz-side-card{flex-direction:column;display:flex}.team-quiz-side-card .team-quiz-behaviour-panel{margin-top:14px}.team-quiz-side-behaviour.is-compact{border-radius:20px;padding:12px}.team-quiz-side-behaviour.is-compact .team-quiz-behaviour-header{gap:8px}.team-quiz-side-behaviour.is-compact .team-quiz-behaviour-header strong{font-size:.9rem}.team-quiz-side-behaviour.is-compact .team-quiz-behaviour-team-picker{justify-content:flex-start}.team-quiz-side-behaviour.is-compact .team-quiz-behaviour-team-picker button{min-height:30px;padding:6px 9px;font-size:.72rem}.team-quiz-side-behaviour.is-compact .team-quiz-behaviour-columns{grid-template-columns:1fr;gap:9px;margin-top:10px}.team-quiz-side-behaviour.is-compact .team-quiz-behaviour-buttons{grid-template-columns:1fr;gap:6px}.team-quiz-side-behaviour.is-compact .team-quiz-behaviour-buttons button{min-height:34px;padding:7px 9px;font-size:.76rem}.team-quiz-status-chip{color:#d1fae5;background:#34d3991a;border:1px solid #34d39933;border-radius:16px;margin:10px 0 0;padding:9px 10px;font-size:.78rem;font-weight:800;line-height:1.35}.team-quiz-status-chip span{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.66rem;font-weight:950;display:block}body:not(.dark-mode) .team-quiz-status-chip{color:#064e3b;background:#10b9811a;border-color:#10b9812e}body:not(.dark-mode) .team-quiz-status-chip span{color:#047857}.team-quiz-page.is-classroom-mode .team-quiz-side-card{flex-direction:column;gap:10px;display:flex}.team-quiz-page.is-classroom-mode .team-quiz-score-list{gap:8px}.team-quiz-page.is-classroom-mode .team-quiz-score-card{padding:9px 10px}.team-quiz-page.is-classroom-mode .team-quiz-side-behaviour{margin-top:6px}.team-quiz-page.is-classroom-mode .team-quiz-side-behaviour .team-quiz-behaviour-header{grid-template-columns:1fr;display:grid}.team-quiz-page.is-classroom-mode .team-quiz-side-behaviour .team-quiz-behaviour-columns,.team-quiz-page.is-classroom-mode .team-quiz-side-behaviour .team-quiz-behaviour-buttons{grid-template-columns:1fr}@media (width<=900px){.team-quiz-page:not(.is-classroom-mode) .team-quiz-hero{flex-direction:column;align-items:stretch}.team-quiz-page:not(.is-classroom-mode) .team-quiz-hero-actions{grid-template-columns:1fr;min-width:0}}.team-quiz-floating-toast{z-index:99999;pointer-events:none;color:#f8fafc;background:radial-gradient(circle at 100% 0,#34d3992e,#0000 38%),#0f172af5;border:1px solid #34d39957;border-radius:22px;min-width:260px;max-width:min(420px,100vw - 32px);padding:14px 16px;animation:.18s ease-out teamQuizToastIn;position:fixed;top:18px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 28px 80px #02061780,inset 0 1px #ffffff0f}.team-quiz-floating-toast span{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;background:#34d39929;border-radius:999px;width:fit-content;margin-bottom:5px;padding:5px 9px;font-size:.68rem;font-weight:950;display:inline-flex}.team-quiz-floating-toast strong{color:#f8fafc;font-size:1.2rem;line-height:1.1;display:block}.team-quiz-floating-toast p{color:#cbd5e1;margin:5px 0 0;font-size:.92rem;font-weight:850}.team-quiz-floating-toast.is-negative{background:radial-gradient(circle at 100% 0,#fb71852e,#0000 38%),#0f172af5;border-color:#fb718557}.team-quiz-floating-toast.is-negative span{color:#fecdd3;background:#fb718529}body:not(.dark-mode) .team-quiz-floating-toast{color:#0f172a;background:radial-gradient(circle at 100% 0,#10b98129,#0000 38%),#fff;border-color:#10b98147}body:not(.dark-mode) .team-quiz-floating-toast strong{color:#0f172a}body:not(.dark-mode) .team-quiz-floating-toast p{color:#334155}body:not(.dark-mode) .team-quiz-floating-toast.is-negative{background:radial-gradient(circle at 100% 0,#f43f5e24,#0000 38%),#fff;border-color:#f43f5e47}.team-quiz-behaviour-buttons button.is-clicked{border-color:#fbbf24b8;transform:translateY(-1px)scale(1.02);box-shadow:0 0 0 3px #fbbf242e,0 12px 26px #0206173d}.team-quiz-behaviour-buttons.negative button.is-clicked{border-color:#fb7185b8;box-shadow:0 0 0 3px #fb71852e,0 12px 26px #0206173d}@keyframes teamQuizToastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (width<=760px){.team-quiz-floating-toast{width:auto;min-width:0;max-width:none;inset:12px 16px auto;transform:none}@keyframes teamQuizToastIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}}.team-quiz-class-selector{background:radial-gradient(circle at 100% 0,#34d3991a,#0000 38%),#0f172a94;border:1px solid #34d3992e;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:8px;margin:10px 0 12px;padding:11px;display:grid}.team-quiz-class-selector span{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.team-quiz-class-selector strong{color:#f8fafc;margin-top:3px;font-size:.95rem;line-height:1.1;display:block}.team-quiz-class-selector select{color:#f8fafc;background:#0f172abd;border:1px solid #34d39942;border-radius:13px;width:100%;min-height:38px;padding:8px 10px;font-weight:850}.team-quiz-class-selector button{color:#a7f3d0;background:#34d39924;border:1px solid #34d39952;border-radius:13px;min-height:36px;padding:8px 10px;font-weight:950}body:not(.dark-mode) .team-quiz-class-selector{background:radial-gradient(circle at 100% 0,#2dd4bf1a,#0000 38%),#fff;border-color:#0f766e24}body:not(.dark-mode) .team-quiz-class-selector span{color:#047857}body:not(.dark-mode) .team-quiz-class-selector strong{color:#0f172a}body:not(.dark-mode) .team-quiz-class-selector select{color:#0f172a;background:#f8fafc;border-color:#0f172a24}body:not(.dark-mode) .team-quiz-class-selector button{color:#047857;background:#10b9811a}.tqb-award-status{color:#052e2b;letter-spacing:-.03em;text-align:center;background:linear-gradient(135deg,#34d399,#2dd4bf);border-radius:18px;max-width:820px;margin:0 auto 16px;padding:16px 22px;font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:1000;line-height:1.1}.dark-mode .tqb-award-status{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf)}.team-pending-events-panel{margin-top:18px}.team-pending-toolbar{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.team-pending-toolbar button,.team-pending-event-actions button{color:#052e2b;cursor:pointer;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39952;border-radius:999px;min-height:40px;padding:9px 13px;font-weight:950}.team-pending-toolbar button:disabled{opacity:.5;cursor:not-allowed}.team-pending-status{color:#047857;background:#34d39924;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.82rem;font-weight:900}.team-pending-event-card{background:radial-gradient(circle at 100% 0,#34d3991a,#0000 38%),#ffffffb8;border:1px solid #34d3992e;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.team-pending-event-type{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.68rem;font-weight:950;display:inline-flex}.team-pending-event-type.positive{color:#047857;background:#34d39924}.team-pending-event-type.negative{color:#be123c;background:#fb718524}.dark-mode .team-pending-event-type.positive{color:#a7f3d0}.dark-mode .team-pending-event-type.negative{color:#fecdd3}.team-pending-event-card h3{color:#0f172a;letter-spacing:-.03em;margin:8px 0 4px;font-size:1.15rem}.team-pending-event-card p{color:#475569;margin:0}.dark-mode .team-pending-event-card p{color:#cbd5e1}.team-pending-event-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.team-pending-event-actions .danger-button,.team-pending-toolbar .danger-button{color:#be123c;background:#fb71851f;border-color:#fb718552}.dark-mode .team-pending-event-actions .danger-button,.dark-mode .team-pending-toolbar .danger-button{color:#fecdd3}@media (width<=760px){.team-pending-event-card{grid-template-columns:1fr}.team-pending-event-actions{justify-content:stretch}.team-pending-event-actions button{width:100%}}.tqb-popup-content{flex-direction:column;flex:1;align-items:center;min-height:0;padding-bottom:12px;display:flex;overflow-y:auto}.tqb-popup-action-bar{border-top:1px solid #94a3b82e;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:12px;margin-top:8px;padding-top:18px;display:flex}.dark-mode .tqb-popup-action-bar{border-top-color:#94a3b824}.tqb-popup-action-bar button{cursor:pointer;white-space:nowrap;border-radius:16px;min-width:160px;min-height:52px;padding:13px 22px;font-size:1.05rem;font-weight:950;transition:background .13s,box-shadow .13s,transform .1s,opacity .13s}.tqb-popup-action-bar button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #0f172a2e}.tqb-popup-action-bar button:focus-visible{outline-offset:3px;outline:3px solid #34d399}.tqb-popup-action-bar .tqb-reveal-btn{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39980;box-shadow:0 4px 14px #34d39947}.tqb-popup-action-bar .tqb-reveal-btn:hover:not(:disabled){box-shadow:0 10px 28px #34d3995c}.tqb-popup-action-bar .tqb-award-btn{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39980;box-shadow:0 4px 14px #34d3993d}.tqb-popup-action-bar .tqb-award-btn:hover:not(:disabled){box-shadow:0 10px 28px #34d3995c}.tqb-popup-action-bar .tqb-award-btn:disabled,.tqb-popup-action-bar .tqb-award-btn.is-awarded{color:#64748b;box-shadow:none;cursor:not-allowed;opacity:.65;background:#94a3b838;border-color:#94a3b847;transform:none}.dark-mode .tqb-popup-action-bar .tqb-award-btn:disabled,.dark-mode .tqb-popup-action-bar .tqb-award-btn.is-awarded{color:#475569;background:#94a3b824}.tqb-popup-action-bar .tqb-close-btn{color:#334155;background:#94a3b82e;border:1px solid #94a3b84d}.tqb-popup-action-bar .tqb-close-btn:hover:not(:disabled){background:#94a3b84d;box-shadow:0 8px 18px #0f172a1f}.dark-mode .tqb-popup-action-bar .tqb-close-btn{color:#e2e8f0;background:#94a3b829;border-color:#94a3b847}.dark-mode .tqb-popup-action-bar .tqb-close-btn:hover:not(:disabled){background:#94a3b842}@media (width<=600px){.tqb-popup-action-bar{flex-direction:column;gap:10px;padding-top:14px}.tqb-popup-action-bar button{width:100%;min-width:0;min-height:50px;font-size:1rem}}.mystery-question-meta{justify-content:space-between;width:100%;max-width:1120px;padding:0 4px}.tqb-text-size-controls{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.tqb-text-size-btn{color:#047857;letter-spacing:-.01em;cursor:pointer;background:#34d3991a;border:1px solid #34d3994d;border-radius:999px;justify-content:center;align-items:center;min-width:42px;padding:5px 10px;font-size:.85rem;font-weight:950;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex;min-height:32px!important}.tqb-text-size-btn:hover:not(:disabled){background:#34d39938;border-color:#34d39980}.tqb-text-size-btn:disabled{opacity:.35;cursor:not-allowed}.dark-mode .tqb-text-size-btn{color:#a7f3d0;background:#34d3991f;border-color:#34d39947}.dark-mode .tqb-text-size-btn:hover:not(:disabled){background:#34d39938}.mystery-question-card[data-text-size=normal] h2{line-height:1.2;font-size:clamp(2.2rem,4.5vw,4rem)!important}.mystery-question-card[data-text-size=large] h2{line-height:1.15;font-size:clamp(3rem,6vw,5.5rem)!important}.mystery-question-card[data-text-size=huge] h2{line-height:1.1;font-size:clamp(4rem,7.5vw,7rem)!important}.mystery-question-card[data-text-size=projector] h2{line-height:1.05;font-size:clamp(5rem,9vw,9rem)!important}.mystery-question-card[data-text-size=normal] .team-quiz-answer-box strong{font-size:clamp(1.8rem,3.8vw,3.2rem)!important}.mystery-question-card[data-text-size=large] .team-quiz-answer-box strong{font-size:clamp(2.4rem,5vw,4.4rem)!important}.mystery-question-card[data-text-size=huge] .team-quiz-answer-box strong{font-size:clamp(3rem,6vw,5.6rem)!important}.mystery-question-card[data-text-size=projector] .team-quiz-answer-box strong{font-size:clamp(3.8rem,7vw,7rem)!important}.mystery-question-card[data-text-size=huge] h2.tqb-q-len-long{word-break:break-word;overflow-wrap:break-word;font-size:clamp(2.2rem,4vw,3.5rem)!important}.mystery-question-card[data-text-size=projector] h2.tqb-q-len-long{word-break:break-word;overflow-wrap:break-word;font-size:clamp(2.5rem,4.5vw,4.5rem)!important}.class-timer-page{--timer-bg-dark:#0b1120;--timer-panel-dark:#0f172a;--timer-card-dark:#132a32;--timer-primary:#34d399;--timer-primary-strong:#2dd4bf;--timer-accent:#fbbf24;--timer-danger:#fb7185;--timer-text:#f8fafc;--timer-text-soft:#cbd5e1;--timer-border:#34d3993d;--timer-border-strong:#34d39961;--timer-secondary:#94a3b82e;--timer-shadow:0 20px 44px #0000003d;max-width:1500px;margin:0 auto;padding:14px 16px 28px}.class-timer-page:not(.is-classroom-mode) .class-timer-hero{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;margin:0 0 12px;padding:4px 4px 10px;display:flex}.class-timer-hero h1{color:#111827;letter-spacing:-.05em;margin:0;font-size:clamp(1.9rem,2.8vw,3rem);line-height:1}.dark-mode .class-timer-hero h1{color:var(--timer-text)}.class-timer-hero .dashboard-kicker{margin-bottom:6px}.class-timer-hero p:last-child{color:#475569;max-width:780px;margin:8px 0 0;font-size:.98rem;line-height:1.45}.dark-mode .class-timer-hero p:last-child{color:#dbeafe}.class-timer-display-card,.class-timer-setup-card{background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#fffffff5,#fff8ed);border:1px solid #34d39938;border-radius:28px;box-shadow:0 16px 38px #4b55631a}.dark-mode .class-timer-display-card,.dark-mode .class-timer-setup-card{border-color:var(--timer-border);box-shadow:var(--timer-shadow);background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#0f172af5,#132a32eb)}.class-timer-hero button,.class-timer-main-actions button,.class-timer-setup-card button,.class-timer-fullscreen-bar button{border:1px solid var(--timer-border-strong);background:linear-gradient(135deg, var(--timer-primary), var(--timer-primary-strong));color:#052e2b;cursor:pointer;border-radius:16px;min-height:44px;padding:11px 16px;font-weight:950}.class-timer-hero button:hover,.class-timer-main-actions button:hover,.class-timer-setup-card button:hover,.class-timer-fullscreen-bar button:hover{transform:translateY(-1px)}.class-timer-main-actions button.secondary{background:var(--timer-secondary);color:var(--timer-text);border-color:#94a3b857}body:not(.dark-mode) .class-timer-main-actions button.secondary{color:#111827;background:#f1f5f9;border-color:#cbd5e1}.class-timer-main-actions button.is-on{border-color:var(--timer-border-strong);color:#a7f3d0;background:#34d39929}body:not(.dark-mode) .class-timer-main-actions button.is-on{color:#047857;background:#ecfdf5}.class-timer-layout{grid-template-columns:minmax(0,1fr) minmax(330px,390px);align-items:start;gap:14px;display:grid}.class-timer-display-card{grid-template:"top top""ring language"minmax(0,1fr)"actions actions"/minmax(280px,.82fr) minmax(360px,1.18fr);align-items:center;gap:14px;height:min(650px,100vh - 170px);min-height:540px;padding:22px 28px;display:grid;overflow:hidden}.class-timer-display-top{grid-area:top;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.class-timer-display-top h2{color:#111827;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1}.dark-mode .class-timer-display-top h2{color:var(--timer-text)}.class-timer-status{color:#047857;text-transform:uppercase;letter-spacing:.08em;background:#34d3991f;border:1px solid #34d3993d;border-radius:999px;flex:none;padding:9px 13px;font-size:.86rem;font-weight:950}.dark-mode .class-timer-status{color:#a7f3d0}.class-timer-status.is-finished{color:#b45309;background:#fbbf2429;border-color:#fbbf246b}.dark-mode .class-timer-status.is-finished{color:#fde68a}.class-timer-ring{aspect-ratio:1;border:0;border-radius:50%;grid-area:ring;align-content:center;place-self:center;place-items:center;width:min(330px,34vw,40vh);padding:16px;display:grid;box-shadow:0 24px 52px #0f172a3d,inset 0 0 0 16px #0f172a14}.class-timer-ring span{color:#111827;letter-spacing:-.08em;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(3.4rem,7vw,6.4rem);font-weight:950;line-height:.9}.dark-mode .class-timer-ring span{color:var(--timer-text)}.class-timer-ring small{color:#475569;letter-spacing:.04em;text-transform:uppercase;margin-top:8px;font-size:clamp(.82rem,1.1vw,1rem);font-weight:900;display:block}.dark-mode .class-timer-ring small{color:var(--timer-text-soft)}.class-timer-language-card{text-align:center;background:radial-gradient(circle at 0 0,#fbbf241f,#0000 34%),#34d39914;border:1px solid #34d39938;border-radius:24px;grid-area:language;align-content:center;gap:12px;min-height:260px;padding:clamp(16px,2.4vw,26px);display:grid}.class-timer-language-card p{color:#111827;margin:0;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(1.45rem,2.5vw,2.8rem);font-weight:950;line-height:1.1}.dark-mode .class-timer-language-card p{color:var(--timer-text)}.class-timer-language-card div{background:#0f172a14;border-radius:20px;gap:8px;padding:14px;display:grid}.dark-mode .class-timer-language-card div{background:#0f172a75}.class-timer-language-card strong{color:#047857;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:950}.dark-mode .class-timer-language-card strong{color:#a7f3d0}.class-timer-language-card span{color:#111827;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(1.2rem,2vw,2.1rem);font-weight:850;line-height:1.14}.dark-mode .class-timer-language-card span{color:var(--timer-text)}.class-timer-main-actions{flex-wrap:wrap;grid-area:actions;justify-content:center;gap:10px;display:flex}.class-timer-main-actions button{min-width:118px;min-height:42px;padding:10px 14px}.class-timer-setup-card{gap:12px;max-height:min(650px,100vh - 170px);padding:18px;display:grid;overflow-y:auto}.class-timer-setup-card h2{color:#111827;letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,2vw,1.95rem)}.dark-mode .class-timer-setup-card h2{color:var(--timer-text)}.class-timer-preset-grid{grid-template-columns:1fr;gap:8px;display:grid}.class-timer-preset-grid button{min-height:54px;color:var(--timer-text);text-align:left;background:#94a3b829;border-color:#94a3b84d;border-radius:14px;grid-template-columns:62px 1fr;align-items:center;gap:10px;padding:9px 12px;display:grid}body:not(.dark-mode) .class-timer-preset-grid button{color:#111827;background:#f8fafc;border-color:#cbd5e1}.class-timer-preset-grid button:hover{border-color:var(--timer-border-strong);transform:translateY(-1px)}.class-timer-preset-grid strong{color:#a7f3d0;font-size:.92rem}body:not(.dark-mode) .class-timer-preset-grid strong{color:#047857}.class-timer-preset-grid span{color:#cbd5e1;font-size:.82rem;font-weight:850}body:not(.dark-mode) .class-timer-preset-grid span{color:#475569}.class-timer-custom-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.class-timer-setup-card input,.class-timer-setup-card textarea{padding:10px 12px}.class-timer-setup-card textarea{min-height:72px}.class-timer-setup-card .small-muted{margin:0}body:not(.dark-mode) .class-timer-display-card,body:not(.dark-mode) .class-timer-setup-card{background:radial-gradient(circle at 100% 0,#10b9811a,#0000 38%),linear-gradient(145deg,#fff,#f8fafc);border-color:#0f766e29;box-shadow:0 18px 42px #0f172a1a,inset 0 1px #fffc}body:not(.dark-mode) .class-timer-display-top h2,body:not(.dark-mode) .class-timer-setup-card h2{color:#0f172a}body:not(.dark-mode) .class-timer-ring{border:1px solid #0f766e29;position:relative;overflow:hidden;box-shadow:0 22px 46px #0f172a29,inset 0 0 0 14px #ffffff9e}body:not(.dark-mode) .class-timer-ring:before{content:"";background:radial-gradient(circle at top,#ecfdf5f5,#fff 68%);border-radius:50%;position:absolute;inset:24px;box-shadow:inset 0 0 0 1px #0f766e1a}body:not(.dark-mode) .class-timer-ring span,body:not(.dark-mode) .class-timer-ring small{z-index:1;position:relative}body:not(.dark-mode) .class-timer-ring span{color:#0f172a;text-shadow:0 1px #ffffffb3}body:not(.dark-mode) .class-timer-ring small{color:#047857}body:not(.dark-mode) .class-timer-language-card{background:radial-gradient(circle at 0 0,#10b9811a,#0000 34%),#fff;border-color:#0f766e29}body:not(.dark-mode) .class-timer-language-card div{background:#f8fafc;border:1px solid #0f172a14}body:not(.dark-mode) .class-timer-main-actions button.secondary,body:not(.dark-mode) .class-timer-preset-grid button{color:#334155;background:#fff;border-color:#0f172a24;box-shadow:0 8px 18px #0f172a0f}body:not(.dark-mode) .class-timer-main-actions button.secondary:hover,body:not(.dark-mode) .class-timer-preset-grid button:hover{color:#047857;border-color:#10b98161;box-shadow:0 12px 24px #0f172a17}body:not(.dark-mode) .class-timer-main-actions button.is-on{color:#047857;background:#ecfdf5;border-color:#10b98157}body:not(.dark-mode) .class-timer-main-actions button.is-reset{color:#be123c;background:#fff1f2;border-color:#f43f5e38}body:not(.dark-mode) .class-timer-main-actions button.is-reset:hover{color:#9f1239;border-color:#f43f5e61}body:not(.dark-mode) .class-timer-setup-card>button{color:#042f2e;background:linear-gradient(135deg,#10b981,#14b8a6);border-color:#10b98157}.class-timer-page.is-classroom-mode{z-index:500;background:radial-gradient(circle at 0 0,#34d3991f,#0000 34%),linear-gradient(#0b1120 0%,#020617 100%);width:100vw;max-width:none;height:100vh;margin:0;padding:12px;position:fixed;inset:0;overflow:hidden}.class-timer-fullscreen-bar{border:1px solid var(--timer-border);background:#0f172ae0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin-bottom:10px;padding:10px 12px;display:flex}.class-timer-fullscreen-bar strong{color:var(--timer-text);font-size:clamp(1rem,2vw,1.4rem);font-weight:950}.class-timer-page.is-classroom-mode .class-timer-layout{grid-template-columns:1fr;height:calc(100vh - 76px)}.class-timer-page.is-classroom-mode .class-timer-display-card{height:100%;min-height:0;max-height:none;box-shadow:none;background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),#0f172aeb;grid-template:"top top""language ring"minmax(0,1fr)"actions actions"/minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:16px;padding:clamp(18px,2vw,28px);display:grid;overflow:hidden}.class-timer-page.is-classroom-mode .class-timer-display-top{grid-area:top}.class-timer-page.is-classroom-mode .class-timer-display-top h2{font-size:clamp(2.4rem,4.4vw,5rem)}.class-timer-page.is-classroom-mode .class-timer-status{font-size:clamp(.9rem,1.3vw,1.25rem)}.class-timer-page.is-classroom-mode .class-timer-ring{grid-area:ring;width:min(520px,46vw,62vh)}.class-timer-page.is-classroom-mode .class-timer-ring span{font-size:clamp(4.5rem,9vw,10rem)}.class-timer-page.is-classroom-mode .class-timer-language-card{grid-area:language;align-content:center;align-self:stretch;min-height:0;padding:clamp(20px,3vw,42px);display:grid}.class-timer-page.is-classroom-mode .class-timer-language-card p{font-size:clamp(2.2rem,4vw,5rem)}.class-timer-page.is-classroom-mode .class-timer-language-card span{font-size:clamp(1.7rem,3vw,3.7rem)}.class-timer-page.is-classroom-mode .class-timer-main-actions{grid-area:actions}@media (width<=1150px){.class-timer-layout{grid-template-columns:1fr}.class-timer-display-card{grid-template:"top""ring""language""actions"/1fr;height:auto;min-height:auto;max-height:none;overflow:visible}.class-timer-ring{width:min(340px,72vw)}.class-timer-setup-card{max-height:none;overflow:visible}.class-timer-page.is-classroom-mode .class-timer-display-card{grid-template:"top""ring"minmax(220px,1fr)"language""actions"/1fr;overflow-y:auto}.class-timer-page.is-classroom-mode .class-timer-ring{width:min(430px,48vh,78vw)}}@media (width<=720px){.class-timer-page{padding:12px 10px 24px}.class-timer-page:not(.is-classroom-mode) .class-timer-hero,.class-timer-display-top,.class-timer-fullscreen-bar{flex-direction:column;align-items:stretch}.class-timer-hero button,.class-timer-main-actions button,.class-timer-fullscreen-bar button{width:100%}.class-timer-custom-grid{grid-template-columns:1fr}.class-timer-ring{width:min(310px,82vw)}.class-timer-ring span{font-size:clamp(3.4rem,18vw,6rem)}.class-timer-language-card p{font-size:clamp(1.45rem,8vw,2.45rem)}.class-timer-language-card span{font-size:clamp(1.15rem,6vw,1.9rem)}.class-timer-page.is-classroom-mode{padding:10px}.class-timer-page.is-classroom-mode .class-timer-layout{height:calc(100vh - 94px)}.class-timer-page.is-classroom-mode .class-timer-ring{width:min(320px,78vw)}}.mini-class-timer{z-index:45;background:radial-gradient(circle at 0 0,#34d3991f,#0000 34%),#0f172af0;border:1px solid #34d39947;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:min(100% - 28px,1180px);margin:10px auto 0;padding:10px;display:grid;position:sticky;top:63px;box-shadow:0 14px 34px #02061738}.mini-class-timer-main{color:#f8fafc;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:8px 10px;display:grid}.mini-class-timer-copy{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;min-width:0;display:grid}.mini-class-timer-main:hover{background:#94a3b81f}.mini-class-timer-kicker{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;background:#34d39924;border-radius:999px;padding:6px 9px;font-size:.74rem;font-weight:950}.mini-class-timer strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:950;overflow:hidden}.mini-class-timer-frames{color:#e2e8f0;flex-wrap:wrap;grid-column:1/-1;gap:4px 12px;font-size:.9rem;font-weight:850;line-height:1.25;display:flex}.mini-class-timer-frames span{white-space:nowrap}.mini-class-timer-time{color:#fbbf24;letter-spacing:-.04em;font-family:Andika,Inter,system-ui,sans-serif;font-size:1.35rem;font-weight:950}.mini-class-timer-actions{flex-wrap:wrap;gap:8px;display:flex}.mini-class-timer-actions button{color:#f8fafc;background:#94a3b829;border:1px solid #94a3b84d;border-radius:999px;min-height:38px;padding:8px 11px;font-size:.84rem;font-weight:900}.mini-class-timer-actions button:hover{color:#a7f3d0;border-color:#34d39961}.mini-class-timer.is-running{border-color:#34d39961}.mini-class-timer.is-paused{border-color:#94a3b857}.mini-class-timer.is-finished{background:radial-gradient(circle at 0 0,#fbbf2429,#0000 34%),#0f172af0;border-color:#fbbf2494}.mini-class-timer.is-finished .mini-class-timer-kicker{color:#fde68a;background:#fbbf2429}body:not(.dark-mode) .mini-class-timer{background:radial-gradient(circle at 0 0,#10b9811a,#0000 34%),linear-gradient(145deg,#fffffffa,#f8fafc);border-color:#10b9813d;box-shadow:0 12px 28px #0f172a1a}body:not(.dark-mode) .mini-class-timer-main{color:#111827}body:not(.dark-mode) .mini-class-timer-main:hover{background:#f8fafc}body:not(.dark-mode) .mini-class-timer-kicker{color:#047857;background:#ecfdf5}body:not(.dark-mode) .mini-class-timer strong{color:#111827}body:not(.dark-mode) .mini-class-timer-frames{color:#334155}body:not(.dark-mode) .mini-class-timer-time{color:#b45309}body:not(.dark-mode) .mini-class-timer-actions button{color:#111827;background:#f1f5f9;border-color:#cbd5e1}body:not(.dark-mode) .mini-class-timer-actions button:hover{color:#047857;border-color:#10b98157}@media (width<=760px){.mini-class-timer{grid-template-columns:1fr;width:min(100% - 20px,1180px);margin-top:8px;position:static}.mini-class-timer-main{grid-template-columns:1fr auto}.mini-class-timer-copy{grid-template-columns:1fr}.mini-class-timer-kicker{width:fit-content}.mini-class-timer strong{white-space:normal}.mini-class-timer-actions{grid-template-columns:1fr 1fr 1fr;display:grid}.mini-class-timer-actions button{width:100%}}.mobile-preview .class-timer-page:not(.is-classroom-mode){padding:12px 10px 24px}.mobile-preview .class-timer-layout{grid-template-columns:1fr}.mobile-preview .class-timer-display-card{grid-template:"top""ring""language""actions"/1fr;height:auto;min-height:auto;max-height:none;overflow:visible}.mobile-preview .class-timer-ring{width:min(310px,82vw)}.mobile-preview .class-timer-ring span{font-size:clamp(3.4rem,18vw,6rem)}.mobile-preview .class-timer-setup-card{max-height:none;overflow:visible}.mobile-preview .class-timer-page:not(.is-classroom-mode) .class-timer-hero,.mobile-preview .class-timer-display-top{flex-direction:column;align-items:stretch}.mobile-preview .class-timer-hero button,.mobile-preview .class-timer-main-actions button{width:100%}.mobile-preview .class-timer-custom-grid{grid-template-columns:1fr}.mobile-preview .class-timer-language-card p{font-size:clamp(1.45rem,8vw,2.45rem)}.mobile-preview .class-timer-language-card span{font-size:clamp(1.15rem,6vw,1.9rem)}.classroom-screen-page{--cs-bg:#020617;--cs-panel:#0f172ad1;--cs-panel-strong:#0f172af0;--cs-card:#0f172ab3;--cs-border:#34d39938;--cs-border-strong:#34d39961;--cs-text:#f8fafc;--cs-muted:#cbd5e1;--cs-green:#34d399;--cs-teal:#2dd4bf;--cs-gold:#fbbf24;--cs-blue:#60a5fa;--cs-purple:#a78bfa;--cs-shadow:0 22px 60px #0206173d;width:min(100% - 32px,1500px);max-width:1500px;margin:0 auto;padding:16px 0 38px}.classroom-screen-topbar,.classroom-screen-mode-bar,.classroom-screen-timer-dock,.classroom-screen-tool-tile{border:1px solid var(--cs-border);background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),linear-gradient(145deg,#fffffff5,#fff8ed);box-shadow:0 16px 38px #4b55631a}.dark-mode .classroom-screen-topbar,.dark-mode .classroom-screen-mode-bar,.dark-mode .classroom-screen-timer-dock,.dark-mode .classroom-screen-tool-tile{border-color:var(--cs-border);box-shadow:var(--cs-shadow);background:radial-gradient(circle at 100% 0,#34d39924,#0000 36%),linear-gradient(145deg,#0f172af5,#132a32e6)}.classroom-screen-topbar{border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:18px 20px;display:flex}.classroom-screen-topbar h1,.classroom-screen-section-heading h2{color:#111827;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3vw,3.4rem);line-height:1}.dark-mode .classroom-screen-topbar h1,.dark-mode .classroom-screen-section-heading h2{color:var(--cs-text)}.classroom-screen-topbar p:last-child,.classroom-screen-section-heading p{color:#475569;line-height:1.5}.dark-mode .classroom-screen-topbar p:last-child,.dark-mode .classroom-screen-section-heading p{color:var(--cs-muted)}.classroom-screen-topbar p:last-child{margin:8px 0 0;font-weight:800}.classroom-screen-topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.classroom-screen-topbar-actions button,.classroom-screen-mode-bar button,.classroom-screen-timer-actions button{background:linear-gradient(135deg, var(--cs-green), var(--cs-teal));color:#052e2b;cursor:pointer;border:1px solid #34d39961;border-radius:999px;min-height:46px;padding:11px 17px;font-weight:950}.classroom-screen-topbar-actions button:hover,.classroom-screen-mode-bar button:hover,.classroom-screen-timer-actions button:hover,.classroom-screen-tool-tile:hover{transform:translateY(-2px)}.classroom-screen-timer-actions button.secondary{color:#f8fafc;background:#94a3b82e;border-color:#94a3b857}.classroom-screen-command-deck{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);grid-template-areas:"timer launcher";align-items:start;gap:16px;display:grid}.classroom-screen-timer-dock{grid-area:timer}.classroom-screen-launcher{grid-area:launcher}.classroom-screen-timer-dock{border-radius:28px;gap:16px;padding:20px;display:grid}.classroom-screen-timer-copy h2{color:#111827;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3.2vw,3.7rem);line-height:1}.dark-mode .classroom-screen-timer-copy h2{color:var(--cs-text)}.classroom-screen-timer-copy p:last-child{color:#475569;margin:10px 0 0;font-size:1rem;line-height:1.45}.dark-mode .classroom-screen-timer-copy p:last-child{color:var(--cs-muted)}.classroom-screen-timer-face{background:radial-gradient(circle at 18% 0,#fbbf242e,#0000 34%),linear-gradient(145deg,#0f172afa,#111827f0);border:1px solid #fbbf2438;border-radius:26px;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden}.classroom-screen-timer-face:before{content:"";filter:blur(30px);pointer-events:none;background:#34d39924;border-radius:999px;height:160px;position:absolute;inset:auto -22% -48% 20%}.classroom-screen-timer-face>*{z-index:1;position:relative}.classroom-screen-timer-face span{color:#a7f3d0;letter-spacing:.1em;text-transform:uppercase;background:#34d3991f;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.78rem;font-weight:950}.classroom-screen-timer-face strong{color:var(--cs-gold);letter-spacing:-.08em;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(4rem,8vw,7.2rem);line-height:.85}.classroom-screen-timer-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.classroom-screen-timer-actions button:last-child{grid-column:1/-1}.classroom-screen-section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px;display:flex}.classroom-screen-section-heading p:last-child{max-width:430px;margin:0;font-size:1rem}.classroom-screen-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.classroom-screen-tool-tile{isolation:isolate;text-align:left;min-height:230px;color:var(--cs-text);cursor:pointer;appearance:none;border-radius:30px;padding:20px;display:grid;position:relative;overflow:hidden}.classroom-screen-tool-tile:before{content:"";opacity:.2;filter:blur(4px);background:var(--tile-accent,var(--cs-green));pointer-events:none;z-index:-1;border-radius:999px;width:220px;height:220px;position:absolute;inset:-35% -20% auto auto}.classroom-screen-tool-tile:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff29,#0000),#ffffff0f;border-radius:999px;width:54px;height:54px;position:absolute;inset:auto 18px 18px auto}.classroom-screen-tool-tile:hover{border-color:#34d39970;box-shadow:0 22px 62px #0206174d,inset 0 0 0 1px #34d3991f}.classroom-screen-tool-tile:focus-visible{outline-offset:4px;outline:3px solid #34d399b3}.classroom-screen-tool-number{color:#f8fafc1f;letter-spacing:-.08em;font-size:clamp(3rem,6vw,6rem);font-weight:950;line-height:.8;position:absolute;top:16px;right:18px}.classroom-screen-tool-pill{color:#a7f3d0;letter-spacing:.1em;text-transform:uppercase;background:#34d39921;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.74rem;font-weight:950}.classroom-screen-tool-title{max-width:90%;color:var(--cs-text);letter-spacing:-.07em;align-self:end;margin-top:24px;font-size:clamp(2rem,3vw,3.55rem);font-weight:950;line-height:.94;display:block}.classroom-screen-tool-use{color:#a7f3d0;margin-top:10px;font-size:clamp(1rem,1.2vw,1.25rem);font-weight:950;display:block}.classroom-screen-tool-description{color:#cbd5e1;max-width:92%;margin-top:8px;font-size:.95rem;line-height:1.42;display:block}.classroom-screen-tool-action{background:linear-gradient(135deg, var(--cs-green), var(--cs-teal));color:#052e2b;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:42px;margin-top:18px;padding:10px 15px;font-weight:950;display:inline-flex}.tone-timer{--tile-accent:var(--cs-gold)}.tone-picker{--tile-accent:var(--cs-green)}.tone-quiz{--tile-accent:var(--cs-purple)}.tone-points{--tile-accent:var(--cs-blue)}.tone-ttt{--tile-accent:#f97316}.tone-finder{--tile-accent:var(--cs-teal)}.tone-hot-seat{--tile-accent:#7c3aed}.classroom-screen-prep-tools{margin-top:8px}.classroom-screen-prep-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.classroom-screen-prep-tile{text-align:left;cursor:pointer;background:radial-gradient(circle at 100% 0,#34d3990f,#0000 38%),linear-gradient(145deg,#fff,#f8fafc);border:1px solid #0f172a1a;border-radius:.75rem;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 8px #0f172a0f}.classroom-screen-prep-tile:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a1a}.classroom-screen-prep-tile:focus-visible{outline-offset:3px;outline:3px solid #34d39999}.classroom-screen-prep-tile strong{color:#111827;font-size:.95rem;font-weight:700;line-height:1.2}.classroom-screen-prep-tile small{color:#475569;font-size:.78rem;line-height:1.35}.dark-mode .classroom-screen-prep-tile{border-color:var(--cs-border);background:radial-gradient(circle at 100% 0,#34d3991a,#0000 38%),linear-gradient(145deg,#0f172ae0,#08141fe0);box-shadow:0 2px 10px #02061733}.dark-mode .classroom-screen-prep-tile:hover{box-shadow:0 6px 22px #0206174d}.dark-mode .classroom-screen-prep-tile strong{color:var(--cs-text)}.dark-mode .classroom-screen-prep-tile small{color:var(--cs-muted)}.classroom-screen-page.is-classroom-mode{z-index:500;background:radial-gradient(circle at 10% 8%,#34d39929,#0000 30%),radial-gradient(circle at 88% 18%,#fbbf241f,#0000 28%),linear-gradient(#020617 0%,#0b1120 100%);grid-template-rows:auto minmax(0,1fr);gap:12px;width:100vw;max-width:none;height:100vh;margin:0;padding:14px;display:grid;position:fixed;inset:0;overflow:hidden}.classroom-screen-mode-bar{border-radius:22px;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 12px 10px 18px;display:flex}.classroom-screen-mode-bar div{align-items:center;gap:12px;display:flex}.classroom-screen-mode-bar span{color:#a7f3d0;letter-spacing:.1em;text-transform:uppercase;background:#34d39921;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950}.classroom-screen-mode-bar strong{color:var(--cs-text);font-size:clamp(1.35rem,2vw,2.2rem);line-height:1}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-dock{min-height:0;box-shadow:none;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:14px;padding:14px 16px;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face{border-radius:24px;grid-template-columns:auto minmax(120px,1fr);grid-template-areas:"status time""actions actions";justify-self:end;align-items:center;gap:8px 12px;width:min(100%,520px);padding:12px;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face span{white-space:nowrap;grid-area:status}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face strong{white-space:nowrap;grid-area:time;justify-self:end;font-size:clamp(3rem,5vw,5.7rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-actions{grid-area:actions;grid-template-columns:repeat(3,minmax(0,1fr))}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-actions button{min-height:42px;padding:8px 10px}.classroom-screen-page.is-classroom-mode .classroom-screen-launcher{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-section-heading p:last-child{color:#dbeafe;font-size:clamp(.95rem,1.2vw,1.15rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-title{max-width:82%;font-size:clamp(3rem,6vw,7rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-description{display:none}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-action{min-height:clamp(48px,6vh,70px);padding-inline:clamp(18px,2vw,28px);font-size:clamp(1rem,1.4vw,1.35rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-prep-tools{display:none}.mobile-preview .classroom-screen-page{width:min(100% - 20px,1500px);padding:14px 0 28px}.mobile-preview .classroom-screen-topbar,.mobile-preview .classroom-screen-timer-dock{flex-direction:column;grid-template-columns:1fr;align-items:stretch;padding:16px}.mobile-preview .classroom-screen-topbar-actions,.mobile-preview .classroom-screen-timer-actions{grid-template-columns:1fr;width:100%;display:grid}.mobile-preview .classroom-screen-topbar-actions button,.mobile-preview .classroom-screen-timer-actions button{width:100%}.mobile-preview .classroom-screen-command-deck{grid-template-columns:1fr;grid-template-areas:"timer""launcher"}.mobile-preview .classroom-screen-section-heading{display:block}.mobile-preview .classroom-screen-section-heading p:last-child{margin-top:8px}.mobile-preview .classroom-screen-tool-grid,.mobile-preview .classroom-screen-future-grid{grid-template-columns:1fr}.mobile-preview .classroom-screen-tool-tile{min-height:210px}@media (width<=1180px){.classroom-screen-command-deck{grid-template-columns:1fr;grid-template-areas:"timer""launcher"}.classroom-screen-timer-dock{grid-template-columns:minmax(0,1fr) minmax(300px,420px)}.classroom-screen-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-screen-page.is-classroom-mode{overflow-y:auto}.classroom-screen-page.is-classroom-mode .classroom-screen-command-deck{display:block}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-dock{grid-template-columns:1fr}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face{justify-self:stretch;width:100%}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{grid-template-rows:none;margin-top:12px}}@media (width<=720px){.classroom-screen-page{width:min(100% - 20px,1500px);padding:14px 0 28px}.classroom-screen-topbar,.classroom-screen-timer-dock,.classroom-screen-mode-bar{flex-direction:column;align-items:stretch}.classroom-screen-mode-bar div{flex-direction:column;align-items:flex-start}.classroom-screen-topbar-actions{grid-template-columns:1fr;display:grid}.classroom-screen-topbar-actions button,.classroom-screen-mode-bar button{width:100%}.classroom-screen-timer-actions,.classroom-screen-page.is-classroom-mode .classroom-screen-timer-actions,.classroom-screen-tool-grid,.classroom-screen-prep-grid,.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{grid-template-columns:1fr}.classroom-screen-tool-tile{min-height:200px}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face{text-align:center;grid-template-columns:1fr;grid-template-areas:"status""time""actions"}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face span,.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face strong{justify-self:center}}.classroom-screen-page:not(.is-classroom-mode){width:min(100% - 36px,1480px);padding-top:14px}.classroom-screen-topbar{border-radius:26px;padding:16px 18px}.classroom-screen-topbar h1{font-size:clamp(1.8rem,2.6vw,2.9rem)}.classroom-screen-topbar p:last-child{margin-top:6px;font-size:.98rem}.classroom-screen-command-deck{grid-template-columns:minmax(300px,.55fr) minmax(0,1.45fr);gap:18px}.classroom-screen-timer-dock{border-radius:26px;padding:18px}.classroom-screen-timer-copy h2{font-size:clamp(1.85rem,2.6vw,3rem)}.classroom-screen-timer-copy p:last-child{font-size:.95rem}.classroom-screen-timer-face{border-radius:24px;padding:16px}.classroom-screen-timer-face strong{font-size:clamp(3.4rem,6.2vw,5.9rem)}.classroom-screen-section-heading{margin-bottom:10px}.classroom-screen-section-heading h2{font-size:clamp(1.85rem,2.7vw,3rem)}.classroom-screen-section-heading p:last-child{font-size:.96rem}.classroom-screen-tool-grid{gap:12px}.classroom-screen-tool-tile{border-radius:26px;min-height:205px;padding:18px}.classroom-screen-tool-number{color:#f8fafc14;font-size:clamp(2.7rem,5vw,5rem);top:14px;right:16px}.classroom-screen-tool-pill{padding:6px 9px;font-size:.7rem}.classroom-screen-tool-title{max-width:92%;margin-top:20px;font-size:clamp(1.65rem,2.55vw,2.75rem);line-height:.98}.classroom-screen-tool-use{margin-top:8px;font-size:clamp(.96rem,1.1vw,1.12rem)}.classroom-screen-tool-description{margin-top:7px;font-size:.9rem;line-height:1.34}.classroom-screen-tool-action{min-height:40px;margin-top:14px;padding:9px 14px;font-size:.9rem}.dark-mode .classroom-screen-topbar,.dark-mode .classroom-screen-mode-bar,.dark-mode .classroom-screen-timer-dock,.dark-mode .classroom-screen-tool-tile{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #02061747,inset 0 1px #ffffff0a}.dark-mode .classroom-screen-tool-tile{background:radial-gradient(circle at top right, color-mix(in srgb, var(--tile-accent,#34d399) 22%, transparent), transparent 35%), linear-gradient(145deg, #0f172af0, #08141ff0)}.classroom-screen-page.is-classroom-mode{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px}.classroom-screen-mode-bar{border-radius:22px;min-height:56px;padding:10px 12px 10px 16px}.classroom-screen-mode-bar strong{font-size:clamp(1.25rem,1.8vw,2rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-command-deck{grid-template:"timer launcher"minmax(0,1fr)/minmax(300px,.34fr) minmax(0,1fr);gap:14px;min-height:0;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-dock{border-radius:28px;grid-area:timer;grid-template-rows:auto minmax(0,1fr);align-content:start;height:100%;min-height:0;padding:18px;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-copy h2{font-size:clamp(1.9rem,3vw,3.5rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-copy p:last-child{margin-top:8px;font-size:clamp(.9rem,1.15vw,1.1rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face{text-align:center;border-radius:28px;grid-template-columns:1fr;grid-template-areas:"status""time""actions";align-content:center;align-self:stretch;gap:14px;width:100%;max-width:none;margin-top:14px;padding:18px;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face span{grid-area:status;justify-self:center}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face strong{grid-area:time;justify-self:center;font-size:clamp(4.4rem,8vw,8rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-actions{grid-area:actions;grid-template-columns:1fr 1fr;gap:8px;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-actions button{min-height:46px;font-size:.95rem}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-actions button:last-child{grid-column:1/-1}.classroom-screen-page.is-classroom-mode .classroom-screen-section-heading{align-items:center;margin-bottom:10px}.classroom-screen-page.is-classroom-mode .classroom-screen-section-heading p:last-child{max-width:420px;font-size:clamp(.9rem,1.1vw,1.05rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:100%;min-height:0;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-tile{border-radius:30px;min-height:0;padding:clamp(18px,2vw,26px)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-number{font-size:clamp(3rem,6vw,6.6rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-title{max-width:82%;font-size:clamp(2.45rem,4.2vw,5.4rem);line-height:.92}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-action{min-height:clamp(46px,5vh,62px);margin-top:14px;font-size:clamp(.95rem,1.25vw,1.2rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-description,.classroom-screen-page.is-classroom-mode .classroom-screen-prep-tools{display:none}@media (width<=1180px){.classroom-screen-command-deck,.classroom-screen-page.is-classroom-mode .classroom-screen-command-deck{grid-template-columns:1fr;grid-template-areas:"timer""launcher"}.classroom-screen-page.is-classroom-mode{overflow-y:auto}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-dock{height:auto}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-face{align-self:auto}}@media (width<=760px){.classroom-screen-page:not(.is-classroom-mode){width:min(100% - 20px,1480px)}.classroom-screen-tool-grid,.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{grid-template-rows:none;grid-template-columns:1fr}.classroom-screen-tool-tile{min-height:190px}.classroom-screen-topbar,.classroom-screen-section-heading,.classroom-screen-mode-bar{flex-direction:column;align-items:stretch}.classroom-screen-topbar-actions,.classroom-screen-mode-bar div{width:100%}.classroom-screen-topbar-actions{grid-template-columns:1fr;display:grid}.classroom-screen-topbar-actions button,.classroom-screen-mode-bar button{width:100%}}.classroom-screen-page.is-classroom-mode{grid-template-rows:auto minmax(0,1fr)}.classroom-screen-page.is-classroom-mode .classroom-screen-mode-bar{grid-template-columns:auto minmax(420px,620px) auto;align-items:center;gap:14px;min-height:68px;padding:10px 12px 10px 16px;display:grid}.classroom-screen-mode-bar .classroom-screen-mode-title{align-items:center;gap:12px;min-width:0;display:flex}.classroom-screen-mode-bar .classroom-screen-mode-title span,.classroom-screen-mode-bar .classroom-screen-mode-title strong{white-space:nowrap}.classroom-screen-mode-bar .classroom-screen-mode-timer{background:radial-gradient(circle at 0 0,#fbbf241f,#0000 36%),#0f172ae0;border:1px solid #fbbf243d;border-radius:999px;grid-template-columns:auto auto minmax(250px,1fr);justify-self:end;align-items:center;gap:10px;width:100%;max-width:620px;padding:8px 10px 8px 12px;display:grid}.classroom-screen-mode-bar .classroom-screen-mode-timer>span{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#34d39921;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:950}.classroom-screen-mode-bar .classroom-screen-mode-timer>strong{color:#fbbf24;letter-spacing:-.06em;white-space:nowrap;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(2rem,3.2vw,3.5rem);line-height:.9}.classroom-screen-mode-bar .classroom-screen-mode-timer-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.classroom-screen-mode-bar .classroom-screen-mode-timer-actions button{color:#052e2b;white-space:nowrap;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d3995c;border-radius:999px;min-height:36px;padding:7px 10px;font-size:.82rem;font-weight:950}.classroom-screen-mode-bar .classroom-screen-mode-timer-actions button.secondary{color:#f8fafc;background:#94a3b82e;border-color:#94a3b857}.classroom-screen-page.is-classroom-mode .classroom-screen-timer-dock{display:none}.classroom-screen-page.is-classroom-mode .classroom-screen-command-deck{grid-template-columns:1fr;grid-template-areas:"launcher";gap:0;min-height:0;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-launcher{grid-area:launcher;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.classroom-screen-page.is-classroom-mode .classroom-screen-section-heading{margin-bottom:10px}.classroom-screen-page.is-classroom-mode .classroom-screen-section-heading h2{font-size:clamp(2rem,3vw,3.8rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-section-heading p:last-child{max-width:520px}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:100%;min-height:0}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-tile{min-height:0;padding:clamp(20px,2.3vw,34px)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-title{font-size:clamp(3.1rem,5.4vw,6.7rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-use{font-size:clamp(1.2rem,1.7vw,1.9rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-action{min-height:clamp(48px,5.5vh,68px);font-size:clamp(1rem,1.35vw,1.3rem)}@media (width<=1180px){.classroom-screen-page.is-classroom-mode .classroom-screen-mode-bar{grid-template-columns:1fr;align-items:stretch}.classroom-screen-mode-bar .classroom-screen-mode-timer{justify-self:stretch;max-width:none}.classroom-screen-page.is-classroom-mode .classroom-screen-command-deck{display:block}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}}@media (width<=720px){.classroom-screen-mode-bar .classroom-screen-mode-title{flex-direction:column;align-items:flex-start}.classroom-screen-mode-bar .classroom-screen-mode-timer{border-radius:24px;grid-template-columns:1fr}.classroom-screen-mode-bar .classroom-screen-mode-timer>span,.classroom-screen-mode-bar .classroom-screen-mode-timer>strong{justify-self:center}.classroom-screen-mode-bar .classroom-screen-mode-timer-actions{grid-template-columns:1fr}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{grid-template-rows:none;grid-template-columns:1fr}}.classroom-screen-page.is-classroom-mode .classroom-screen-section-heading{display:none}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{gap:clamp(14px,1.4vw,22px);height:100%;margin-top:0}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-tile{border-radius:36px;flex-direction:column;justify-content:center;min-height:0;padding:clamp(24px,3vw,44px);display:flex}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-number{opacity:.72;font-size:clamp(3.2rem,5.2vw,6.4rem);top:22px;right:24px}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-pill{padding:8px 12px;font-size:clamp(.78rem,.9vw,.95rem);position:absolute;top:24px;left:24px}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-title{letter-spacing:-.075em;max-width:86%;margin-top:0;font-size:clamp(3rem,4.8vw,6rem);line-height:.94}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-use{margin-top:16px;font-size:clamp(1.25rem,1.6vw,1.9rem);line-height:1.1}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-action{border-radius:999px;width:fit-content;min-height:46px;margin-top:22px;padding:10px 18px;font-size:clamp(.95rem,1.1vw,1.15rem)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-tile:hover{border-color:#34d39985;transform:translateY(-3px);box-shadow:0 26px 70px #0206175c,inset 0 1px #ffffff0f}.classroom-screen-page.is-classroom-mode .classroom-screen-mode-bar{min-height:64px}.classroom-screen-mode-bar .classroom-screen-mode-timer{max-width:560px}.classroom-screen-mode-bar .classroom-screen-mode-timer>strong{font-size:clamp(1.9rem,2.8vw,3.2rem)}.classroom-screen-page:not(.is-classroom-mode) .classroom-screen-tool-tile{min-height:168px}.classroom-screen-page:not(.is-classroom-mode) .classroom-screen-tool-title{font-size:clamp(1.45rem,2.1vw,2.2rem)}.classroom-screen-page:not(.is-classroom-mode) .classroom-screen-tool-description{font-size:.88rem}.classroom-screen-page.is-classroom-mode .classroom-screen-launcher{grid-template-rows:minmax(0,1fr)}.classroom-screen-page.is-classroom-mode .classroom-screen-tool-grid{min-height:0}.routine-runner-page{--rr-bg:#020617;--rr-panel:#0f172aeb;--rr-panel-soft:#0f172ab8;--rr-border:#34d39938;--rr-border-strong:#34d39961;--rr-text:#f8fafc;--rr-muted:#cbd5e1;--rr-green:#34d399;--rr-teal:#2dd4bf;--rr-gold:#fbbf24;--rr-blue:#60a5fa;--rr-purple:#a78bfa;--rr-red:#fb7185;width:min(100% - 36px,1500px);max-width:1500px;margin:0 auto;padding:16px 0 40px}.routine-runner-hero,.routine-runner-routine-list,.routine-runner-stage,.routine-runner-side-panel>section,.routine-runner-mode-bar{border:1px solid var(--rr-border);background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),linear-gradient(145deg,#fffffff5,#f8fafceb);border-radius:28px;box-shadow:0 18px 42px #0f172a1a,inset 0 1px #ffffffb8}.dark-mode .routine-runner-hero,.dark-mode .routine-runner-routine-list,.dark-mode .routine-runner-stage,.dark-mode .routine-runner-side-panel>section,.dark-mode .routine-runner-mode-bar{border-color:var(--rr-border);background:radial-gradient(circle at 100% 0,#34d39921,#0000 38%),linear-gradient(145deg,#0f172af5,#132a32e6);box-shadow:0 20px 54px #0206174d,inset 0 1px #ffffff0a}.routine-runner-hero{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:20px;display:flex}.routine-runner-hero h1{color:#0f172a;letter-spacing:-.065em;margin:0;font-size:clamp(2rem,3.4vw,3.7rem);line-height:1}.dark-mode .routine-runner-hero h1{color:var(--rr-text)}.routine-runner-hero p:last-child{color:#334155;max-width:820px;margin:10px 0 0;font-weight:750;line-height:1.5}.dark-mode .routine-runner-hero p:last-child{color:var(--rr-muted)}.routine-runner-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.routine-runner-page button{cursor:pointer}.routine-runner-hero-actions button,.routine-runner-step-actions button,.routine-runner-timer-actions button,.routine-runner-mode-bar button,.routine-runner-mode-timer-actions button{background:linear-gradient(135deg, var(--rr-green), var(--rr-teal));color:#052e2b;border:1px solid #34d39961;border-radius:999px;min-height:44px;padding:10px 16px;font-weight:950}.routine-runner-hero-actions button:hover,.routine-runner-step-actions button:hover,.routine-runner-timer-actions button:hover,.routine-runner-mode-bar button:hover,.routine-runner-routine-buttons button:hover,.routine-runner-step-list button:hover{transform:translateY(-1px)}.routine-runner-step-actions button.secondary,.routine-runner-timer-actions button.secondary,.routine-runner-mode-timer-actions button.secondary{color:#f8fafc;background:#94a3b82e;border-color:#94a3b857}body:not(.dark-mode) .routine-runner-step-actions button.secondary,body:not(.dark-mode) .routine-runner-timer-actions button.secondary{color:#0f172a;background:#f1f5f9;border-color:#0f172a24}.routine-runner-page button:disabled{opacity:.45;cursor:not-allowed;transform:none}.routine-runner-layout{grid-template-columns:minmax(260px,.76fr) minmax(0,1.42fr) minmax(280px,.82fr);align-items:start;gap:16px;display:grid}.routine-runner-routine-list,.routine-runner-stage,.routine-runner-side-panel>section{padding:18px}.routine-runner-routine-list h2,.routine-runner-summary-card h2{color:#0f172a;letter-spacing:-.05em;margin:0;font-size:clamp(1.45rem,2.2vw,2.2rem);line-height:1}.dark-mode .routine-runner-routine-list h2,.dark-mode .routine-runner-summary-card h2{color:var(--rr-text)}.routine-runner-routine-buttons{gap:10px;margin-top:14px;display:grid}.routine-runner-routine-buttons button{text-align:left;background:radial-gradient(circle at 100% 0,#2dd4bf1f,#0000 36%),#ffffffc2;border:1px solid #0f766e29;border-radius:20px;gap:4px;width:100%;padding:14px;display:grid}.dark-mode .routine-runner-routine-buttons button{background:#0f172aa3;border-color:#34d3992e}.routine-runner-routine-buttons button.is-active{background:radial-gradient(circle at 100% 0,#34d39938,#0000 38%),#0f172aeb;border-color:#34d3999e;box-shadow:0 0 0 3px #34d3991f}.routine-runner-routine-buttons span{color:#047857;letter-spacing:.08em;text-transform:uppercase;background:#10b9811f;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.7rem;font-weight:950}.dark-mode .routine-runner-routine-buttons span,.routine-runner-routine-buttons button.is-active span{color:#a7f3d0}.routine-runner-routine-buttons strong{color:#0f172a;font-size:1.08rem;line-height:1.05}.dark-mode .routine-runner-routine-buttons strong,.routine-runner-routine-buttons button.is-active strong{color:var(--rr-text)}.routine-runner-routine-buttons small{color:#475569;line-height:1.35}.dark-mode .routine-runner-routine-buttons small,.routine-runner-routine-buttons button.is-active small{color:var(--rr-muted)}.routine-runner-stage{min-height:640px}.routine-runner-stage-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.routine-runner-stage-top h2{color:#0f172a;letter-spacing:-.07em;margin:0;font-size:clamp(2rem,3.4vw,4.2rem);line-height:.96}.dark-mode .routine-runner-stage-top h2{color:var(--rr-text)}.routine-runner-step-meta{flex:none;justify-items:end;gap:6px;display:grid}.routine-runner-step-meta span{color:#047857;letter-spacing:.08em;text-transform:uppercase;background:#34d3991f;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:950}.dark-mode .routine-runner-step-meta span{color:#a7f3d0}.routine-runner-step-meta strong{color:#0f172a;font-size:1.15rem;font-weight:950}.dark-mode .routine-runner-step-meta strong{color:var(--rr-gold)}.routine-runner-progress-track{background:#94a3b838;border-radius:999px;height:10px;margin:18px 0;overflow:hidden}.routine-runner-progress-track span{border-radius:inherit;background:linear-gradient(135deg, var(--rr-green), var(--rr-teal));height:100%;display:block}.routine-runner-instruction-card{color:var(--rr-text);background:radial-gradient(circle at 100% 0,#34d39929,#0000 38%),linear-gradient(145deg,#0f172a,#132a32);border:1px solid #34d3993d;border-radius:32px;padding:clamp(22px,3vw,36px);position:relative;overflow:hidden}.routine-runner-instruction-card:after{content:"";filter:blur(18px);pointer-events:none;background:#fbbf241f;border-radius:999px;width:220px;height:220px;position:absolute;bottom:-90px;right:-90px}.routine-runner-instruction-card>*{z-index:1;position:relative}.routine-runner-instruction-label{color:#a7f3d0;letter-spacing:.1em;text-transform:uppercase;background:#34d3991f;border-radius:999px;width:fit-content;margin:0 0 14px;padding:7px 10px;font-size:.74rem;font-weight:950}.routine-runner-instruction-card h3{color:var(--rr-text);letter-spacing:-.055em;text-wrap:balance;margin:0;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(2.3rem,4vw,5.2rem);line-height:1.02}.routine-runner-frame-card{background:#fbbf241a;border:1px solid #fbbf2438;border-radius:24px;margin-top:24px;padding:16px}.routine-runner-frame-card span,.routine-runner-teacher-note span,.routine-runner-win-card span,.routine-runner-summary-grid span{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:950;display:block}.routine-runner-frame-card strong{color:#fde68a;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(1.45rem,2.3vw,2.7rem);line-height:1.14;display:block}.routine-runner-teacher-note{background:#f0fdfab3;border:1px dashed #0f766e3d;border-radius:20px;margin-top:14px;padding:14px 16px}.dark-mode .routine-runner-teacher-note{background:#0f172a8a;border-color:#34d39938}body:not(.dark-mode) .routine-runner-teacher-note span{color:#047857}.routine-runner-teacher-note p{color:#334155;margin:0;font-weight:760;line-height:1.45}.dark-mode .routine-runner-teacher-note p{color:var(--rr-muted)}.routine-runner-step-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.routine-runner-step-actions button{width:100%;padding-inline:10px}.routine-runner-side-panel{gap:14px;display:grid}.routine-runner-summary-card p{color:#334155;line-height:1.5}.dark-mode .routine-runner-summary-card p{color:var(--rr-muted)}.routine-runner-summary-grid{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.routine-runner-summary-grid div,.routine-runner-win-card{background:#f0fdfab8;border:1px solid #0f766e24;border-radius:18px;padding:12px}.dark-mode .routine-runner-summary-grid div,.dark-mode .routine-runner-win-card{background:#0f172a80;border-color:#34d39929}body:not(.dark-mode) .routine-runner-summary-grid span,body:not(.dark-mode) .routine-runner-win-card span{color:#047857}.routine-runner-summary-grid strong{color:#0f172a;line-height:1.3}.dark-mode .routine-runner-summary-grid strong{color:var(--rr-text)}.routine-runner-win-card{margin-top:12px}.routine-runner-win-card p{margin:0}.routine-runner-timer-card{text-align:center;gap:10px;display:grid}.routine-runner-timer-card>strong{color:var(--rr-gold);letter-spacing:-.06em;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(3rem,5vw,5rem);line-height:.9}.routine-runner-timer-status{color:#334155;letter-spacing:.08em;text-transform:uppercase;background:#94a3b82e;border-radius:999px;justify-self:center;width:fit-content;padding:7px 10px;font-size:.75rem;font-weight:950}.dark-mode .routine-runner-timer-status{color:var(--rr-muted)}.routine-runner-timer-status.is-running{color:#047857;background:#34d39929}.dark-mode .routine-runner-timer-status.is-running{color:#a7f3d0}.routine-runner-timer-status.is-finished{color:#b45309;background:#fbbf2429}.routine-runner-timer-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.routine-runner-step-list{gap:8px;display:grid}.routine-runner-step-list button{text-align:left;background:#ffffffc2;border:1px solid #0f766e1f;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.dark-mode .routine-runner-step-list button{background:#0f172a94;border-color:#34d39924}.routine-runner-step-list button.is-active{background:#34d3991f;border-color:#34d3998c}.routine-runner-step-list button>span{color:#047857;background:#10b9811f;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.dark-mode .routine-runner-step-list button>span{color:#a7f3d0}.routine-runner-step-list strong{color:#0f172a;display:block}.dark-mode .routine-runner-step-list strong{color:var(--rr-text)}.routine-runner-step-list small{color:#475569}.dark-mode .routine-runner-step-list small{color:var(--rr-muted)}.routine-runner-page.is-classroom-mode{z-index:500;background:radial-gradient(circle at 10% 8%,#34d39929,#0000 30%),radial-gradient(circle at 88% 18%,#fbbf241f,#0000 28%),linear-gradient(#020617 0%,#0b1120 100%);grid-template-rows:auto minmax(0,1fr);gap:12px;width:100vw;max-width:none;height:100vh;margin:0;padding:14px;display:grid;position:fixed;inset:0;overflow:hidden}.routine-runner-mode-bar{border-radius:22px;grid-template-columns:auto minmax(420px,620px) auto;align-items:center;gap:14px;min-height:68px;padding:10px 12px 10px 16px;display:grid}.routine-runner-mode-title{align-items:center;gap:12px;min-width:0;display:flex}.routine-runner-mode-title span{color:#a7f3d0;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#34d39921;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950}.routine-runner-mode-title strong{color:var(--rr-text);white-space:nowrap;font-size:clamp(1.25rem,1.8vw,2rem)}.routine-runner-mode-timer{background:radial-gradient(circle at 0 0,#fbbf241f,#0000 36%),#0f172ae0;border:1px solid #fbbf243d;border-radius:999px;grid-template-columns:auto auto minmax(250px,1fr);justify-self:end;align-items:center;gap:10px;width:100%;max-width:620px;padding:8px 10px 8px 12px;display:grid}.routine-runner-mode-timer>span{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#34d39921;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:950}.routine-runner-mode-timer>strong{color:var(--rr-gold);letter-spacing:-.06em;white-space:nowrap;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(1.9rem,2.8vw,3.2rem);line-height:.9}.routine-runner-mode-timer-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.routine-runner-mode-timer-actions button{white-space:nowrap;min-height:36px;padding:7px 10px;font-size:.82rem}.routine-runner-page.is-classroom-mode .routine-runner-layout{grid-template-columns:1fr;min-height:0;display:grid}.routine-runner-page.is-classroom-mode .routine-runner-stage{border-radius:34px;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;padding:clamp(18px,2.4vw,34px);display:grid}.routine-runner-page.is-classroom-mode .routine-runner-stage-top h2{font-size:clamp(2.4rem,4vw,5.2rem)}.routine-runner-page.is-classroom-mode .routine-runner-step-meta span{color:#a7f3d0}.routine-runner-page.is-classroom-mode .routine-runner-step-meta strong{color:var(--rr-gold)}.routine-runner-page.is-classroom-mode .routine-runner-instruction-card{align-content:center;min-height:0;margin-top:6px;padding:clamp(26px,4vw,56px);display:grid}.routine-runner-page.is-classroom-mode .routine-runner-instruction-card h3{font-size:clamp(3.2rem,6vw,7.8rem)}.routine-runner-page.is-classroom-mode .routine-runner-frame-card{margin-top:clamp(20px,3vw,38px);padding:clamp(18px,2vw,28px)}.routine-runner-page.is-classroom-mode .routine-runner-frame-card strong{font-size:clamp(2rem,3vw,4rem)}.routine-runner-page.is-classroom-mode .routine-runner-step-actions{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px}.routine-runner-page.is-classroom-mode .routine-runner-step-actions button{min-height:54px;font-size:clamp(.95rem,1.2vw,1.2rem)}.routine-runner-page.tone-speaking{--rr-accent:var(--rr-green)}.routine-runner-page.tone-vocab{--rr-accent:var(--rr-gold)}.routine-runner-page.tone-reading{--rr-accent:var(--rr-blue)}.routine-runner-page.tone-game{--rr-accent:var(--rr-purple)}.routine-runner-page.tone-energy{--rr-accent:var(--rr-red)}.routine-runner-page.tone-check{--rr-accent:var(--rr-teal)}.routine-runner-page .routine-runner-progress-track span,.routine-runner-page .routine-runner-hero-actions button,.routine-runner-page .routine-runner-step-actions button:not(.secondary){background:linear-gradient(135deg, var(--rr-accent,var(--rr-green)), var(--rr-teal))}.mobile-preview .routine-runner-page{width:min(100% - 20px,1500px);padding:14px 0 28px}.mobile-preview .routine-runner-hero,.mobile-preview .routine-runner-stage-top,.mobile-preview .routine-runner-mode-bar{flex-direction:column;align-items:stretch}.mobile-preview .routine-runner-layout{grid-template-columns:1fr}.mobile-preview .routine-runner-hero-actions,.mobile-preview .routine-runner-step-actions,.mobile-preview .routine-runner-timer-actions{grid-template-columns:1fr;display:grid}.mobile-preview .routine-runner-step-actions button,.mobile-preview .routine-runner-hero-actions button,.mobile-preview .routine-runner-timer-actions button{width:100%}@media (width<=1220px){.routine-runner-layout{grid-template-columns:1fr}.routine-runner-stage{min-height:auto}.routine-runner-routine-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-runner-side-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.routine-runner-step-list{grid-column:1/-1}.routine-runner-page.is-classroom-mode{overflow-y:auto}.routine-runner-page.is-classroom-mode .routine-runner-mode-bar{grid-template-columns:1fr;align-items:stretch}.routine-runner-mode-timer{justify-self:stretch;max-width:none}}@media (width<=760px){.routine-runner-page{width:min(100% - 20px,1500px);padding:14px 0 28px}.routine-runner-hero,.routine-runner-stage-top,.routine-runner-mode-title{flex-direction:column;align-items:flex-start}.routine-runner-hero-actions,.routine-runner-step-actions,.routine-runner-timer-actions{grid-template-columns:1fr;width:100%;display:grid}.routine-runner-hero-actions button,.routine-runner-step-actions button,.routine-runner-timer-actions button{width:100%}.routine-runner-routine-buttons,.routine-runner-side-panel{grid-template-columns:1fr}.routine-runner-mode-timer{border-radius:24px;grid-template-columns:1fr}.routine-runner-mode-timer>span,.routine-runner-mode-timer>strong{justify-self:center}.routine-runner-mode-timer-actions,.routine-runner-page.is-classroom-mode .routine-runner-step-actions{grid-template-columns:1fr}}.routine-runner-routine-section-label{color:#475569;letter-spacing:.08em;text-transform:uppercase;margin:14px 0 4px;font-size:.72rem;font-weight:950}.dark-mode .routine-runner-routine-section-label{color:var(--rr-muted)}.rr-custom-tag{color:#6d28d9;letter-spacing:.08em;text-transform:uppercase;background:#8b5cf61f;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.7rem;font-weight:950;display:inline-block}.dark-mode .rr-custom-tag,.routine-runner-routine-buttons button.is-active .rr-custom-tag{color:#c4b5fd}.rr-summary-actions{gap:8px;margin-top:14px;display:grid}.rr-summary-actions .rr-btn{background:linear-gradient(135deg, var(--rr-green), var(--rr-teal));color:#052e2b;cursor:pointer;border:1px solid #34d39961;border-radius:999px;width:100%;min-height:40px;padding:8px 14px;font-size:.85rem;font-weight:950}.rr-summary-actions .rr-btn:hover{transform:translateY(-1px)}.rr-summary-actions .rr-btn.danger{color:#be123c;background:#fb71851a;border-color:#fb718561}.dark-mode .rr-summary-actions .rr-btn.danger{color:#fb7185}.routine-runner-customize-panel h2{color:#0f172a;letter-spacing:-.045em;margin:0;font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.1}.dark-mode .routine-runner-customize-panel h2{color:var(--rr-text)}.rr-edit-section{margin-top:14px}.rr-edit-section-title{color:#047857;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:950}.dark-mode .rr-edit-section-title{color:#a7f3d0}.rr-step-divider{background:#34d3992e;height:1px;margin:16px 0}.rr-field{gap:4px;margin-bottom:10px;display:grid}.rr-field label{color:#475569;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:950}.dark-mode .rr-field label{color:var(--rr-muted)}.rr-field input,.rr-field textarea,.rr-field select{color:#0f172a;box-sizing:border-box;background:#f0fdfab8;border:1px solid #0f766e38;border-radius:10px;width:100%;padding:7px 10px;font-family:inherit;font-size:.9rem}.dark-mode .rr-field input,.dark-mode .rr-field textarea,.dark-mode .rr-field select{color:var(--rr-text);background:#0f172a99;border-color:#34d39938}.rr-field input:focus,.rr-field textarea:focus,.rr-field select:focus{outline-offset:1px;outline:2px solid #34d39980}.rr-field textarea{resize:vertical;min-height:64px;line-height:1.45}.routine-runner-customize-step-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;display:grid}.routine-runner-customize-step-actions button{color:#334155;cursor:pointer;background:#94a3b824;border:1px solid #94a3b857;border-radius:999px;min-height:38px;padding:7px 10px;font-size:.78rem;font-weight:950}.dark-mode .routine-runner-customize-step-actions button{color:var(--rr-muted)}.routine-runner-customize-step-actions button:hover{transform:translateY(-1px)}.routine-runner-customize-step-actions button:disabled{opacity:.45;cursor:not-allowed;transform:none}.routine-runner-customize-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.routine-runner-customize-actions button{background:linear-gradient(135deg, var(--rr-green), var(--rr-teal));color:#052e2b;cursor:pointer;border:1px solid #34d39961;border-radius:999px;min-height:40px;padding:8px 14px;font-size:.85rem;font-weight:950}.routine-runner-customize-actions button:hover{transform:translateY(-1px)}.routine-runner-customize-actions button.secondary{color:#334155;background:#94a3b82e;border-color:#94a3b857}.dark-mode .routine-runner-customize-actions button.secondary{color:var(--rr-muted)}.routine-runner-status{border-radius:12px;margin-top:8px;padding:8px 12px;font-size:.82rem;font-weight:760;line-height:1.4}.routine-runner-status.is-saved{color:#047857;background:#34d3991f;border:1px solid #34d3993d}.dark-mode .routine-runner-status.is-saved{color:#a7f3d0}.routine-runner-status.is-error{color:#be123c;background:#fb71851a;border:1px solid #fb71853d}.dark-mode .routine-runner-status.is-error{color:#fb7185}body:not(.dark-mode) .routine-runner-instruction-card{color:#0f172a;background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),linear-gradient(145deg,#f0fdfa,#fff 58%,#ecfdf5);border-color:#0f766e33}body:not(.dark-mode) .routine-runner-instruction-label{color:#047857;background:#10b9811f}body:not(.dark-mode) .routine-runner-instruction-card h3{color:#0f172a}body:not(.dark-mode) .routine-runner-frame-card{background:#fef3c7b8;border-color:#b453092e}body:not(.dark-mode) .routine-runner-frame-card span{color:#92400e}body:not(.dark-mode) .routine-runner-frame-card strong{color:#78350f}body:not(.dark-mode) .is-classroom-mode .routine-runner-instruction-card{color:#f8fafc;background:radial-gradient(circle at 100% 0,#34d39929,#0000 38%),linear-gradient(145deg,#0f172a,#132a32);border-color:#34d3993d}body:not(.dark-mode) .is-classroom-mode .routine-runner-instruction-label{color:#a7f3d0}body:not(.dark-mode) .is-classroom-mode .routine-runner-instruction-card h3{color:#f8fafc}body:not(.dark-mode) .is-classroom-mode .routine-runner-frame-card{background:#fbbf241a;border-color:#fbbf2438}body:not(.dark-mode) .is-classroom-mode .routine-runner-frame-card span{color:#a7f3d0}body:not(.dark-mode) .is-classroom-mode .routine-runner-frame-card strong{color:#fde68a}body:not(.dark-mode) .routine-runner-routine-buttons button.is-active{background:radial-gradient(circle at 100% 0,#34d3992e,#0000 38%),#ecfdf5;border-color:#10b9818c;box-shadow:0 0 0 3px #34d3991f}body:not(.dark-mode) .routine-runner-routine-buttons button.is-active span{color:#047857}body:not(.dark-mode) .routine-runner-routine-buttons button.is-active strong{color:#0f172a}body:not(.dark-mode) .routine-runner-routine-buttons button.is-active small{color:#475569}body:not(.dark-mode) .routine-runner-routine-buttons button.is-active .rr-custom-tag{color:#6d28d9}body:not(.dark-mode) .routine-runner-mode-title span{color:#047857;background:#10b9811f}body:not(.dark-mode) .routine-runner-mode-title strong{color:#0f172a}body:not(.dark-mode) .routine-runner-mode-timer{background:radial-gradient(circle at 0 0,#10b98114,#0000 36%),#f0fdfa;border-color:#0f766e38}body:not(.dark-mode) .routine-runner-mode-timer>span{color:#047857;background:#10b9811f}body:not(.dark-mode) .routine-runner-mode-timer>strong{color:#d97706}body:not(.dark-mode) .is-classroom-mode .routine-runner-step-meta span{color:#047857}body:not(.dark-mode) .is-classroom-mode .routine-runner-step-meta strong,body:not(.dark-mode) .routine-runner-timer-card>strong{color:#d97706}body:not(.dark-mode) .routine-runner-summary-grid div,body:not(.dark-mode) .routine-runner-win-card{background:#f0fdfa;border-color:#0f766e29}body:not(.dark-mode) .routine-runner-step-list button{background:#fff;border-color:#0f766e24}body:not(.dark-mode) .rr-field input,body:not(.dark-mode) .rr-field textarea,body:not(.dark-mode) .rr-field select,body:not(.dark-mode) .routine-runner-teacher-note{background:#f0fdfa;border-color:#0f766e38}.game-finder-v3-page{width:min(100% - 36px,1500px);max-width:1500px;margin:0 auto;padding:18px 0 42px}.game-finder-v3-hero,.game-finder-v3-panel,.game-finder-v3-results-panel,.game-finder-v3-detail-card{background:radial-gradient(circle at 100% 0,#34d39921,#0000 38%),linear-gradient(145deg,#fffffff5,#f8fafceb);border:1px solid #34d39938;border-radius:28px;box-shadow:0 18px 42px #0f172a1a,inset 0 1px #ffffffb8}.dark-mode .game-finder-v3-hero,.dark-mode .game-finder-v3-panel,.dark-mode .game-finder-v3-results-panel,.dark-mode .game-finder-v3-detail-card{background:radial-gradient(circle at 100% 0,#34d39921,#0000 38%),linear-gradient(145deg,#0f172af5,#132a32e6);border-color:#34d39938;box-shadow:0 20px 54px #0206174d,inset 0 1px #ffffff0a}.game-finder-v3-hero{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:20px;display:flex}.game-finder-v3-hero h1{color:#0f172a;letter-spacing:-.075em;margin:0;font-size:clamp(2.15rem,4vw,4.3rem);line-height:.94}.dark-mode .game-finder-v3-hero h1{color:#f8fafc}.game-finder-v3-hero p:last-child{color:#334155;max-width:760px;margin:10px 0 0;font-weight:760;line-height:1.45}.dark-mode .game-finder-v3-hero p:last-child{color:#cbd5e1}.game-finder-v3-hero-actions{grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;min-width:min(640px,100%);display:grid}.game-finder-v3-page button{cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.game-finder-v3-page button:hover{transform:translateY(-1px)}.game-finder-v3-hero-actions button,.game-finder-v3-panel-heading button,.game-finder-v3-quick-actions button,.game-finder-v3-card-actions button,.game-finder-v3-results-actions button,.game-finder-v3-detail-actions button,.game-finder-v3-tool-row button,.game-finder-v3-empty-state button,.game-finder-v3-advanced-toggle{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39952;border-radius:999px;min-height:42px;padding:9px 14px;font-weight:950}.game-finder-v3-hero-actions button:not(.is-active),.game-finder-v3-page button.secondary,.game-finder-v3-advanced-toggle{color:#0f172a;background:#94a3b829;border-color:#0f172a1f}.dark-mode .game-finder-v3-hero-actions button:not(.is-active),.dark-mode .game-finder-v3-page button.secondary,.dark-mode .game-finder-v3-advanced-toggle{color:#f8fafc;background:#94a3b826;border-color:#94a3b847}.game-finder-v3-layout{grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);align-items:start;gap:16px;display:grid}.game-finder-v3-main-column{gap:14px;display:grid}.game-finder-v3-panel,.game-finder-v3-results-panel,.game-finder-v3-detail-card{padding:18px}.game-finder-v3-panel-heading,.game-finder-v3-results-heading,.game-finder-v3-detail-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.game-finder-v3-panel-heading h2,.game-finder-v3-results-heading h2,.game-finder-v3-detail-card h2{color:#0f172a;letter-spacing:-.06em;margin:0;font-size:clamp(1.65rem,2.6vw,2.65rem);line-height:.98}.dark-mode .game-finder-v3-panel-heading h2,.dark-mode .game-finder-v3-results-heading h2,.dark-mode .game-finder-v3-detail-card h2{color:#f8fafc}.game-finder-v3-topic-field,.game-finder-v3-field{gap:7px;display:grid}.game-finder-v3-topic-field{margin-top:14px}.game-finder-v3-topic-field span,.game-finder-v3-field span{color:#047857;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:950}.dark-mode .game-finder-v3-topic-field span,.dark-mode .game-finder-v3-field span{color:#a7f3d0}.game-finder-v3-topic-field input,.game-finder-v3-field select{color:#0f172a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #0f766e2e;border-radius:16px;padding:10px 12px;font-weight:780}.dark-mode .game-finder-v3-topic-field input,.dark-mode .game-finder-v3-field select{color:#f8fafc;background:#0f172ac2;border-color:#34d3993d}.game-finder-v3-topic-field input:focus,.game-finder-v3-field select:focus{border-color:#34d3998c;outline:3px solid #34d3992e}.game-finder-v3-topic-pills,.game-finder-v3-inline-chips,.game-finder-v3-detail-metadata,.game-finder-v3-tool-row{flex-wrap:wrap;gap:8px;display:flex}.game-finder-v3-topic-pills{margin-top:10px}.game-finder-v3-topic-pills button{color:#047857;background:#10b9811a;border:1px solid #0f766e24;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:900}.dark-mode .game-finder-v3-topic-pills button{color:#a7f3d0;background:#34d3991a;border-color:#34d3992e}.game-finder-v3-quick-grid,.game-finder-v3-filter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.game-finder-v3-quick-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.game-finder-v3-advanced-toggle{width:fit-content;margin-top:12px}.game-finder-v3-results-heading>span{color:#047857;white-space:nowrap;background:#10b9811a;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950}.dark-mode .game-finder-v3-results-heading>span{color:#a7f3d0;background:#34d3991a}.game-finder-v3-results-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px;display:grid}.game-finder-v3-results-count{color:#475569;margin:8px 0 0;font-weight:850}.dark-mode .game-finder-v3-results-count{color:#cbd5e1}.game-finder-v3-results-actions{justify-content:center;margin-top:14px;display:flex}.game-finder-v3-game-card{background:radial-gradient(circle at 100% 0,#2dd4bf1a,#0000 36%),#ffffffc2;border:1px solid #0f766e29;border-radius:22px;padding:14px;position:relative;overflow:hidden}.dark-mode .game-finder-v3-game-card{background:radial-gradient(circle at 100% 0,#2dd4bf1f,#0000 36%),#0f172a9e;border-color:#34d3992b}.game-finder-v3-game-card.is-selected{border-color:#fbbf24b8;box-shadow:0 0 0 3px #fbbf2424}.game-finder-v3-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-finder-v3-card-top>span{color:#b45309;white-space:nowrap;font-size:.76rem;font-weight:950}.dark-mode .game-finder-v3-card-top>span{color:#fbbf24}.game-finder-v3-chip,.game-finder-v3-inline-chips span{color:#047857;letter-spacing:.05em;text-transform:uppercase;background:#10b9811c;border-radius:999px;align-items:center;width:fit-content;padding:6px 9px;font-size:.7rem;font-weight:950;display:inline-flex}.game-finder-v3-chip.tone-gold{color:#92400e;background:#fbbf2424}.dark-mode .game-finder-v3-chip,.dark-mode .game-finder-v3-inline-chips span{color:#a7f3d0;background:#34d3991c}.dark-mode .game-finder-v3-chip.tone-gold{color:#fde68a;background:#fbbf241f}.game-finder-v3-game-card h3{color:#0f172a;letter-spacing:-.05em;margin:12px 0 6px;font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1}.dark-mode .game-finder-v3-game-card h3{color:#f8fafc}.game-finder-v3-game-card p{color:#475569;margin:0;font-weight:720;line-height:1.35}.dark-mode .game-finder-v3-game-card p{color:#cbd5e1}.game-finder-v3-card-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.game-finder-v3-card-meta span{color:#334155;background:#94a3b824;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:850}.dark-mode .game-finder-v3-card-meta span{color:#cbd5e1}.game-finder-v3-card-actions,.game-finder-v3-detail-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.game-finder-v3-detail-card{position:sticky;top:86px}.game-finder-v3-detail-top>span{color:#92400e;white-space:nowrap;background:#fbbf241f;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950}.dark-mode .game-finder-v3-detail-top>span{color:#fde68a}.game-finder-v3-detail-card p{color:#475569;font-weight:720;line-height:1.4}.dark-mode .game-finder-v3-detail-card p{color:#cbd5e1}.game-finder-v3-info-box{background:#f0fdfaad;border:1px solid #0f766e21;border-radius:18px;margin-top:12px;padding:12px}.dark-mode .game-finder-v3-info-box{background:#0f172a80;border-color:#34d39929}.game-finder-v3-info-box h3{color:#047857;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:950}.dark-mode .game-finder-v3-info-box h3{color:#a7f3d0}.game-finder-v3-info-box ol{color:#334155;margin:0;padding-left:1.15rem;font-weight:760;line-height:1.45}.dark-mode .game-finder-v3-info-box ol{color:#e2e8f0}.game-finder-v3-tool-row button{min-height:34px;padding:7px 10px;font-size:.78rem}.game-finder-v3-status{color:#047857;background:#34d39924;border-radius:999px;width:fit-content;margin:12px 0 0;padding:7px 10px;font-size:.82rem;font-weight:900}.dark-mode .game-finder-v3-status{color:#a7f3d0}.game-finder-v3-empty-state{text-align:center;border:1px dashed #0f766e3d;border-radius:20px;margin-top:14px;padding:18px}.game-finder-v3-empty-state h3{color:#0f172a;margin:0 0 6px}.dark-mode .game-finder-v3-empty-state h3{color:#f8fafc}.game-finder-v3-print-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.game-finder-v3-print-summary>span{color:#047857;background:#10b9811c;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:950}.dark-mode .game-finder-v3-print-summary>span{color:#a7f3d0;background:#34d3991c}.game-finder-v3-page button:disabled{opacity:.48;cursor:not-allowed;transform:none}.game-finder-v3-game-card.is-print-selected{border-color:#34d3998f;box-shadow:0 0 0 3px #34d3991f,0 18px 38px #0f172a14}.game-finder-v3-game-card .secondary.is-added{color:#047857;background:#34d3992e;border-color:#34d39966}.dark-mode .game-finder-v3-game-card .secondary.is-added{color:#a7f3d0;background:#34d39924;border-color:#34d39957}.game-finder-print-sheet{display:none}@media (width<=1180px){.game-finder-v3-layout{grid-template-columns:1fr}.game-finder-v3-detail-card{position:static}}@media (width<=760px){.game-finder-v3-page{width:min(100% - 20px,1500px);padding-top:14px}.game-finder-v3-hero,.game-finder-v3-panel-heading,.game-finder-v3-results-heading,.game-finder-v3-detail-top{flex-direction:column;align-items:stretch}.game-finder-v3-hero-actions,.game-finder-v3-quick-grid,.game-finder-v3-filter-row,.game-finder-v3-card-actions,.game-finder-v3-detail-actions{grid-template-columns:1fr}}.mobile-preview .game-finder-v3-page{width:min(100% - 20px,1500px)}.mobile-preview .game-finder-v3-hero,.mobile-preview .game-finder-v3-panel-heading,.mobile-preview .game-finder-v3-results-heading,.mobile-preview .game-finder-v3-detail-top{flex-direction:column;align-items:stretch}.mobile-preview .game-finder-v3-layout,.mobile-preview .game-finder-v3-hero-actions,.mobile-preview .game-finder-v3-quick-grid,.mobile-preview .game-finder-v3-filter-row,.mobile-preview .game-finder-v3-card-actions,.mobile-preview .game-finder-v3-detail-actions{grid-template-columns:1fr}.mobile-preview .game-finder-v3-detail-card{position:static}@media print{@page{size:A4;margin:8mm}html,body{width:auto;min-height:auto;margin:0;padding:0;background:#fff!important}body *{visibility:hidden!important}.game-finder-print-sheet,.game-finder-print-sheet *{visibility:visible!important}.game-finder-v3-page{display:none!important}.game-finder-print-sheet{width:100%;max-width:none;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;position:static;color:#111827!important;background:#fff!important;display:block!important}.game-finder-print-header{break-inside:avoid;page-break-inside:avoid;border:1.5px solid #172554;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10mm;margin:0 0 5mm;padding:6mm;display:grid}.game-finder-print-header p{color:#047857;letter-spacing:.06em;text-transform:uppercase;margin:0 0 2mm;font-size:9pt;font-weight:800}.game-finder-print-header h1{color:#172554;margin:0;font-size:18pt;line-height:1.05}.game-finder-print-lines{color:#111827;white-space:nowrap;gap:2mm;font-size:10pt;display:grid}.game-finder-print-grid{display:block}.game-finder-print-card{break-inside:avoid;page-break-inside:avoid;background:#fff;border:1px solid #cbd5e1;border-radius:8px;margin:0 0 5mm;padding:5mm}.game-finder-print-card:not(:last-child){margin-bottom:5mm}.game-finder-print-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:6mm;margin-bottom:3mm;padding-bottom:3mm;display:flex}.game-finder-print-kicker{color:#047857;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:8.5pt;font-weight:800}.game-finder-print-card-header span{color:#92400e;white-space:nowrap;font-size:9pt;font-weight:800}.game-finder-print-card h2{color:#172554;margin:0 0 1mm;font-size:16pt;line-height:1.08}.game-finder-print-best-for{color:#334155;margin:0 0 3mm;font-size:10.5pt;font-weight:700}.game-finder-print-meta{grid-template-columns:repeat(3,1fr);gap:2mm;margin-bottom:3mm;display:grid}.game-finder-print-meta span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:2mm;font-size:9pt}.game-finder-print-card section{break-inside:avoid;page-break-inside:avoid;margin:0 0 3mm}.game-finder-print-card h3{color:#172554;margin:0 0 1mm;font-size:10.5pt}.game-finder-print-card p,.game-finder-print-card li{color:#111827;font-size:9.4pt;line-height:1.28}.game-finder-print-card p{margin:0}.game-finder-print-card ol{margin:0;padding-left:5mm}.game-finder-print-card li{margin:.8mm 0}.game-finder-print-notes{border:1px dashed #94a3b8;border-radius:6px;margin-top:3mm;padding:3mm}.game-finder-print-notes div{border-bottom:1px solid #94a3b8;height:8mm}.game-finder-print-notes div+div{margin-top:2mm}}.hot-seat-page{width:min(100% - 36px,1500px);max-width:1500px;margin:0 auto;padding:18px 0 42px}.hot-seat-stage{background:radial-gradient(circle at 100% 0,#10b9811c,#0000 38%),linear-gradient(145deg,#fff,#f8fafc);border:1px solid #0f766e29;border-radius:28px;box-shadow:0 18px 42px #0f172a1a,inset 0 1px #ffffffb8}.dark-mode .hot-seat-stage{background:radial-gradient(circle at 100% 0,#34d39921,#0000 38%),linear-gradient(145deg,#0f172af5,#132a32e6);border-color:#34d39938;box-shadow:0 20px 54px #0206174d,inset 0 1px #ffffff0a}.hot-seat-classroom-bar{color:#fff;background:#0f766e;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 18px;font-weight:600;display:flex}.hot-seat-classroom-bar button{color:#fff;cursor:pointer;min-height:unset;background:#ffffff2e;border:1px solid #ffffff59;border-radius:8px;padding:6px 16px;font-size:.9rem}.hot-seat-classroom-bar button:hover{background:#ffffff47}.hot-seat-inline-actions,.hot-seat-controls,.hot-seat-timer-actions,.hot-seat-timer-options{flex-wrap:wrap;gap:10px;display:flex}.hot-seat-page button{color:#052e2b;min-height:42px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39952;border-radius:999px;padding:9px 14px;font-weight:950;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.hot-seat-page button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0f766e29}.hot-seat-page button.secondary,.hot-seat-timer-options button{color:#334155;background:#fff;border-color:#0f172a24}.dark-mode .hot-seat-page button.secondary,.dark-mode .hot-seat-timer-options button{color:#f8fafc;background:#94a3b826;border-color:#94a3b847}.hot-seat-page button:disabled{cursor:not-allowed;opacity:.48}.hot-seat-timer-options button.is-active{color:#047857;background:#ecfdf5;border-color:#10b9816b}.dark-mode .hot-seat-timer-options button.is-active{color:#a7f3d0;background:#34d3992b}.hot-seat-layout{flex-direction:column;gap:20px;display:flex}.hot-seat-stage{gap:16px;min-height:calc(100vh - 190px);padding:22px;display:grid}.hot-seat-stage-top,.hot-seat-panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hot-seat-stage-top h2,.hot-seat-panel-heading h2{color:#0f172a;letter-spacing:-.06em;margin:0;font-size:clamp(1.55rem,2.5vw,2.7rem);line-height:.98}.dark-mode .hot-seat-stage-top h2,.dark-mode .hot-seat-panel-heading h2{color:#f8fafc}.hot-seat-stage-top span{color:#475569;margin-top:8px;font-weight:850;display:inline-block}.dark-mode .hot-seat-stage-top span{color:#cbd5e1}.hot-seat-stage-tools{justify-items:end;gap:10px;display:grid}.hot-seat-text-size-controls{gap:8px;display:flex}.hot-seat-text-size-controls button{width:54px;min-width:54px;padding-inline:0}.hot-seat-stage-tools>strong{color:#047857;background:#ecfdf5;border:1px solid #10b98138;border-radius:999px;flex:none;padding:9px 13px;font-size:.95rem;font-weight:950}.dark-mode .hot-seat-stage-tools>strong{color:#a7f3d0;background:#34d39924}.hot-seat-card{text-align:center;background:radial-gradient(circle at top,#fbbf2429,#0000 36%),linear-gradient(160deg,#f0fdfa,#fff 58%,#fff7ed);border:1px solid #0f766e29;border-radius:30px;align-content:center;place-items:center;min-height:min(46vh,460px);padding:clamp(24px,5vw,54px);display:grid;box-shadow:inset 0 0 0 10px #ffffff7a}.dark-mode .hot-seat-card{background:radial-gradient(circle at top,#fbbf2429,#0000 36%),linear-gradient(160deg,#064e3bdb,#0f172af0);border-color:#34d39942;box-shadow:inset 0 0 0 10px #0f172a3d}.hot-seat-card>span{color:#047857;letter-spacing:.11em;text-transform:uppercase;font-size:.82rem;font-weight:950}.dark-mode .hot-seat-card>span{color:#a7f3d0}.hot-seat-card>strong{overflow-wrap:anywhere;color:#0f172a;letter-spacing:-.05em;max-width:100%;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(6rem,11vw,10rem);font-weight:950;line-height:.92}.hot-seat-card.is-normal>strong{font-size:clamp(3rem,7vw,6rem)}.hot-seat-card.is-large>strong{font-size:clamp(4.5rem,9vw,8rem)}.hot-seat-card.is-projector>strong{font-size:clamp(7rem,13vw,13rem)}.dark-mode .hot-seat-card>strong{color:#f8fafc}.hot-seat-card p{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#64748b1a;border:none;border-radius:999px;margin:14px 0 0;padding:5px 16px;font-size:.75rem;font-weight:700;line-height:1.5}.hot-seat-card p.is-visible{color:#92400e;font-variant:normal;text-transform:none;letter-spacing:normal;background:#fbbf241f;border:1px solid #d9770638;border-radius:18px;width:auto;padding:12px 20px;font-size:clamp(1.5rem,3.5vw,3rem);font-weight:850;line-height:1.35;overflow:visible}.hot-seat-card.is-normal p.is-visible{font-size:clamp(1.1rem,2.5vw,2rem)}.hot-seat-card.is-large p.is-visible{font-size:clamp(1.3rem,3vw,2.4rem)}.hot-seat-card.is-projector p.is-visible{font-size:clamp(1.8rem,4vw,3.6rem)}.dark-mode .hot-seat-card p{color:#64748b;background:#94a3b81f}.dark-mode .hot-seat-card p.is-visible{color:#fcd34d;background:#fbbf241a;border-color:#d977064d}.hot-seat-timer-panel{background:#ffffff9e;border:1px solid #0f766e24;border-radius:22px;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.dark-mode .hot-seat-timer-panel{background:#0f172a7a;border-color:#34d3992e}.hot-seat-timer-panel span{color:#047857;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:950;display:block}.dark-mode .hot-seat-timer-panel span{color:#a7f3d0}.hot-seat-timer-panel strong{color:#0f172a;font-size:clamp(1.7rem,3vw,2.8rem);font-weight:950;line-height:1}.dark-mode .hot-seat-timer-panel strong{color:#f8fafc}.hot-seat-controls{justify-content:center}.hot-seat-setup{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;padding-top:4px;display:grid}.hot-seat-setup-col{gap:10px;display:grid}.hot-seat-accordion-item{background:radial-gradient(circle at 100% 0,#34d3990f,#0000 38%),#0f172ac2;border:1px solid #94a3b82e;border-radius:22px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.hot-seat-accordion-item.is-open{border-color:#34d3996b;box-shadow:0 4px 18px #34d39914}.hot-seat-accordion-toggle{color:#f8fafc;cursor:pointer;text-align:left;letter-spacing:-.02em;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:14px 20px;font-size:1rem;font-weight:950;transition:background .14s;display:flex}.hot-seat-accordion-toggle:hover{box-shadow:none;background:#34d39914;transform:none}.hot-seat-accordion-toggle:focus-visible{outline-offset:-2px;outline:3px solid #2dd4bf8c}.hot-seat-accordion-toggle{box-shadow:none;background:0 0;border:0;border-radius:0;transform:none}.hot-seat-accordion-toggle:hover:not(:disabled){box-shadow:none;background:#34d39914;transform:none}body:not(.dark-mode) .hot-seat-accordion-toggle:hover:not(:disabled){background:#10b9810f}.hot-seat-accordion-icon{color:#94a3b8;background:#94a3b82e;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;margin-left:12px;font-size:1.1rem;font-weight:900;line-height:1;display:grid}.hot-seat-accordion-item.is-open .hot-seat-accordion-icon{color:#34d399;background:#34d39938}.hot-seat-accordion-body{border-top:1px solid #94a3b824;flex-direction:column;gap:14px;padding:6px 18px 18px;display:flex}body:not(.dark-mode) .hot-seat-accordion-item{background:#fff;border-color:#0f172a1a;box-shadow:0 2px 8px #0f172a0d}body:not(.dark-mode) .hot-seat-accordion-item.is-open{border-color:#10b98166;box-shadow:0 4px 18px #10b98114}body:not(.dark-mode) .hot-seat-accordion-toggle{color:#0f172a}body:not(.dark-mode) .hot-seat-accordion-toggle:hover{background:#10b9810f}body:not(.dark-mode) .hot-seat-accordion-icon{color:#64748b;background:#0f172a12}body:not(.dark-mode) .hot-seat-accordion-item.is-open .hot-seat-accordion-icon{color:#047857;background:#10b98124}body:not(.dark-mode) .hot-seat-accordion-body{border-top-color:#0f172a14}.hot-seat-accordion-body label,.hot-seat-field-grid label{gap:7px;display:grid}.hot-seat-accordion-body label span,.hot-seat-field-grid label span{color:#047857;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:950}.dark-mode .hot-seat-accordion-body label span,.dark-mode .hot-seat-field-grid label span{color:#a7f3d0}.hot-seat-accordion-body input,.hot-seat-accordion-body select,.hot-seat-accordion-body textarea{color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #0f766e2e;border-radius:16px;padding:10px 12px;font-weight:780}.hot-seat-accordion-body textarea{resize:vertical;min-height:120px}.dark-mode .hot-seat-accordion-body input,.dark-mode .hot-seat-accordion-body select,.dark-mode .hot-seat-accordion-body textarea{color:#f8fafc;background:#0f172ac2;border-color:#34d3993d}.hot-seat-accordion-body input:focus,.hot-seat-accordion-body select:focus,.hot-seat-accordion-body textarea:focus{border-color:#34d3998c;outline:3px solid #34d3992e}.hot-seat-field-grid{grid-template-columns:1fr;gap:10px;display:grid}.hot-seat-helper,.hot-seat-save-message{color:#475569;margin:0;font-size:.9rem;font-weight:750;line-height:1.45}.dark-mode .hot-seat-helper,.dark-mode .hot-seat-save-message{color:#cbd5e1}.hot-seat-save-message{color:#047857;background:#ecfdf5;border:1px solid #10b9812e;border-radius:16px;padding:10px 12px}.dark-mode .hot-seat-save-message{color:#a7f3d0;background:#34d39921}.hot-seat-card-editor{gap:10px;max-height:520px;padding-right:4px;display:grid;overflow-y:auto}.hot-seat-card-row{background:#f8fafcc7;border:1px solid #0f766e1f;border-radius:18px;grid-template-columns:34px 1fr 1fr auto;align-items:end;gap:8px;padding:10px;display:grid}.dark-mode .hot-seat-card-row{background:#0f172a75;border-color:#34d39929}.hot-seat-card-row>strong{color:#047857;background:#ecfdf5;border-radius:999px;align-self:center;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:950;display:grid}.dark-mode .hot-seat-card-row>strong{color:#a7f3d0;background:#34d39924}@media (width<=1100px){.hot-seat-stage{min-height:auto}.hot-seat-timer-panel{grid-template-columns:1fr}}@media (width<=760px){.hot-seat-setup{grid-template-columns:1fr}.hot-seat-page{width:min(100% - 22px,1500px);padding-top:12px}.hot-seat-stage-top{display:grid}.hot-seat-stage{border-radius:22px;padding:14px}.hot-seat-card{border-radius:24px;min-height:320px}.hot-seat-card>strong{font-size:clamp(4.2rem,18vw,6.6rem)}.hot-seat-card.is-normal>strong{font-size:clamp(2.7rem,14vw,4.5rem)}.hot-seat-card.is-large>strong{font-size:clamp(3.4rem,16vw,5.6rem)}.hot-seat-card.is-projector>strong{font-size:clamp(4.8rem,20vw,7.4rem)}.hot-seat-card p.is-visible{font-size:clamp(1.2rem,5.5vw,2.2rem)}.hot-seat-card.is-normal p.is-visible{font-size:clamp(.95rem,3.8vw,1.5rem)}.hot-seat-card.is-large p.is-visible{font-size:clamp(1.05rem,4.6vw,1.8rem)}.hot-seat-card.is-projector p.is-visible{font-size:clamp(1.4rem,6.2vw,2.6rem)}.hot-seat-stage-tools{justify-items:start}.hot-seat-card-row{grid-template-columns:34px 1fr}.hot-seat-card-row button{grid-column:2;justify-self:start}}body:not(.dark-mode) .hot-seat-timer-panel{background:#fff;border-color:#0f766e2e}body:not(.dark-mode) .hot-seat-card-row{background:#f8fafc;border-color:#0f766e29}@media (width<=760px){.hot-seat-stage-top{gap:10px}}.dashboard-page{width:min(100% - 40px,1500px);max-width:1500px;margin:0 auto;padding:14px 0 36px}.dashboard-kicker{color:#047857;letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:950}.dark-mode .dashboard-kicker{color:#a7f3d0}.dashboard-hero{border-radius:var(--radius-2xl);background:linear-gradient(135deg,#ecfdf5eb,#fffffff0 48%,#f0fdfae6),#fff;border:1px solid #0f766e29;padding:22px;box-shadow:0 20px 52px #0f172a17}.dark-mode .dashboard-hero{background:linear-gradient(135deg,#14532d61,#0f172af0 52%,#134e4a57),#111827;border-color:#94a3b83d;box-shadow:0 22px 56px #02061740}.dashboard-hero-copy h1{color:#0f172a;letter-spacing:0;max-width:780px;margin:0;font-size:clamp(2rem,3.3vw,3.35rem);line-height:1.02}.dark-mode .dashboard-hero-copy h1{color:#f8fafc}.dashboard-hero-copy p:not(.dashboard-kicker){color:#334155;max-width:760px;margin:12px 0 0;font-size:1.05rem;font-weight:650;line-height:1.55}.dark-mode .dashboard-hero-copy p:not(.dashboard-kicker){color:#dbeafe}.dashboard-quick-card button,.dashboard-material-card button,.dashboard-tool-card button,.dashboard-beta-actions button,.dashboard-feedback-card a{color:#042f2e;text-align:center;cursor:pointer;background:linear-gradient(135deg,#10b981,#14b8a6);border:0;border-radius:14px;min-height:40px;padding:10px 15px;font-weight:950;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 10px 22px #14b8a62e}.dashboard-quick-card button,.dashboard-tool-card button,.dashboard-beta-actions button{color:#0f766e;box-shadow:none;background:#f8fafc;border:1px solid #0f766e24}.dark-mode .dashboard-quick-card button,.dark-mode .dashboard-tool-card button,.dark-mode .dashboard-beta-actions button{color:#e2e8f0;background:#94a3b81f;border-color:#94a3b838}.dashboard-quick-card button:hover,.dashboard-material-card button:hover,.dashboard-tool-card button:hover,.dashboard-beta-actions button:hover,.dashboard-feedback-card a:hover{transform:translateY(-1px);box-shadow:0 15px 28px #14b8a638}.dashboard-section{margin-top:18px}.dashboard-section-heading{gap:4px;max-width:760px;margin:0 0 12px;display:grid}.dashboard-section-heading h2{color:#0f172a;letter-spacing:0;margin:0;font-size:clamp(1.35rem,2vw,2.15rem);line-height:1.08}.dark-mode .dashboard-section-heading h2{color:#f8fafc}.dashboard-section-heading p:not(.dashboard-kicker){color:#475569;margin:5px 0 0;font-size:.98rem;line-height:1.5}.dark-mode .dashboard-section-heading p:not(.dashboard-kicker){color:#cbd5e1}.dashboard-quick-section{background:#ffffffb8;border:1px solid #0f766e1f;border-radius:24px;padding:16px}.dark-mode .dashboard-quick-section{background:#0f172a75;border-color:#94a3b829}.dashboard-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-quick-card,.dashboard-material-card,.dashboard-tool-card,.dashboard-update-card,.dashboard-beta-note,.dashboard-feedback-card{background:#fff;border:1px solid #0f172a14;box-shadow:0 14px 34px #0f172a12}.dark-mode .dashboard-quick-card,.dark-mode .dashboard-material-card,.dark-mode .dashboard-tool-card,.dark-mode .dashboard-update-card,.dark-mode .dashboard-beta-note,.dark-mode .dashboard-feedback-card{background:#0f172ad1;border-color:#94a3b82e;box-shadow:0 16px 38px #02061738}.dashboard-quick-card{border-radius:20px;flex-direction:column;justify-content:space-between;min-height:168px;padding:14px;display:flex}.dashboard-quick-card h3,.dashboard-material-card h3,.dashboard-tool-card h3,.dashboard-update-card h3,.dashboard-feedback-card h2{color:#0f172a;letter-spacing:0;margin:0;font-size:1.08rem;line-height:1.18}.dark-mode .dashboard-quick-card h3,.dark-mode .dashboard-material-card h3,.dark-mode .dashboard-tool-card h3,.dark-mode .dashboard-update-card h3,.dark-mode .dashboard-feedback-card h2{color:#f8fafc}.dashboard-quick-card p,.dashboard-material-card p,.dashboard-tool-card p,.dashboard-update-card p,.dashboard-beta-note p,.dashboard-feedback-card p{color:#475569;line-height:1.5}.dark-mode .dashboard-quick-card p,.dark-mode .dashboard-material-card p,.dark-mode .dashboard-tool-card p,.dark-mode .dashboard-update-card p,.dark-mode .dashboard-beta-note p,.dark-mode .dashboard-feedback-card p{color:#cbd5e1}.dashboard-quick-card p{margin:7px 0 14px;font-size:.92rem}.dashboard-quick-card button,.dashboard-tool-card button{width:fit-content}.dashboard-material-section{background:linear-gradient(135deg,#ecfdf5b8,#fffc),#fff;border:1px solid #10b9812e;border-radius:26px;padding:18px}.dark-mode .dashboard-material-section{background:linear-gradient(135deg,#14532d42,#0f172ab8),#111827;border-color:#34d39933}.dashboard-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-material-card{border-radius:22px;flex-direction:column;min-height:220px;padding:16px;display:flex}.dashboard-material-card span,.dashboard-update-card span{color:#047857;letter-spacing:.04em;text-transform:uppercase;background:#10b9811a;border:1px solid #10b98129;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.7rem;font-weight:950}.dark-mode .dashboard-material-card span,.dark-mode .dashboard-update-card span{color:#a7f3d0;background:#34d39924;border-color:#34d39938}.dashboard-material-card h3{margin-top:12px;font-size:1.2rem}.dashboard-material-card p{margin:9px 0 16px;font-size:.96rem}.dashboard-material-card button{width:fit-content;margin-top:auto}.dashboard-split-section{border-top:1px solid #0f172a14;grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);align-items:start;gap:16px;padding-top:18px;display:grid}.dark-mode .dashboard-split-section{border-top-color:#94a3b824}.dashboard-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-tool-card{border-radius:20px;flex-direction:column;justify-content:space-between;min-height:166px;padding:14px;display:flex}.dashboard-tool-card p{margin:7px 0 14px;font-size:.91rem}.dashboard-updates-section{border-top:1px solid #0f172a14;grid-template-columns:minmax(220px,.28fr) minmax(0,1fr);align-items:start;gap:16px;padding-top:18px;display:grid}.dark-mode .dashboard-updates-section{border-top-color:#94a3b824}.dashboard-update-list{gap:10px;display:grid}.dashboard-update-card{box-shadow:none;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.dashboard-update-card p{margin:4px 0 0;font-size:.9rem}.dashboard-beta-note{box-shadow:none;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:12px 14px;display:flex}.dashboard-beta-note p{margin:0;font-size:.92rem}.dashboard-beta-note strong{color:#065f46}.dark-mode .dashboard-beta-note strong{color:#a7f3d0}.dashboard-beta-actions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.dashboard-feedback-card{border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:16px 18px;display:flex}.dashboard-feedback-card p:not(.dashboard-kicker){margin:7px 0 0;font-size:.94rem}.dashboard-feedback-card a{flex:none}@media (width<=1180px){.dashboard-quick-grid,.dashboard-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.dashboard-split-section,.dashboard-updates-section,.dashboard-material-grid{grid-template-columns:1fr}.dashboard-material-card{min-height:0}}@media (width<=720px){.dashboard-page{width:min(100% - 24px,1500px);padding-top:12px}.dashboard-hero,.dashboard-quick-section,.dashboard-material-section,.dashboard-quick-card,.dashboard-material-card,.dashboard-tool-card,.dashboard-update-card,.dashboard-beta-note,.dashboard-feedback-card{border-radius:18px}.dashboard-hero,.dashboard-quick-section,.dashboard-material-section{padding:14px}.dashboard-quick-grid,.dashboard-tool-grid{grid-template-columns:1fr}.dashboard-quick-card,.dashboard-tool-card{min-height:0}.dashboard-update-card{grid-template-columns:1fr;gap:8px}.dashboard-beta-note,.dashboard-feedback-card{flex-direction:column;align-items:stretch}.dashboard-beta-actions{grid-template-columns:1fr;display:grid}.dashboard-quick-card button,.dashboard-material-card button,.dashboard-tool-card button,.dashboard-beta-actions button,.dashboard-feedback-card a{width:100%}}.class-manager-page{max-width:1220px;margin:0 auto;padding:28px 18px 44px}.class-manager-hero,.class-backup-reminder,.class-details-card,.class-table-header{border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0,#34d3991a,#0000 40%),linear-gradient(145deg,#fffffff5,#fff8ed);box-shadow:0 16px 38px #4b55631a}.dark-mode .class-manager-hero,.dark-mode .class-backup-reminder,.dark-mode .class-details-card,.dark-mode .class-table-header{box-shadow:var(--shadow-dark);background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#0f172aeb,#1e293bf0);border-color:#34d39938}.class-manager-hero{justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.class-manager-hero h1{color:#111827;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.dark-mode .class-manager-hero h1{color:#f8fafc}.class-manager-hero p{color:#475569;max-width:760px;margin:12px 0 0;line-height:1.55}.dark-mode .class-manager-hero p{color:#dbeafe}.class-save-status{color:#315f4d;text-align:center;background:#edf7ef;border-radius:20px;min-width:160px;padding:14px}.dark-mode .class-save-status{color:#bbf7d0;background:#34d3991f}.class-save-status span,.class-save-status strong{display:block}.class-save-status span{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:950}.class-save-status strong{margin-top:4px}.class-backup-reminder{border-color:#f59e0b6b;justify-content:space-between;gap:18px;margin-top:18px;padding:18px;display:flex}.class-reminder-title{align-items:center;gap:8px;display:flex}.class-reminder-title h2{color:#111827;margin:0}.dark-mode .class-reminder-title h2{color:#f8fafc}.class-reminder-title span{color:#92400e;background:#fef3c7;border-radius:999px;place-items:center;width:22px;height:22px;font-weight:950;display:inline-grid}.class-backup-reminder p{color:#475569;margin:8px 0 0;line-height:1.5}.dark-mode .class-backup-reminder p{color:#fde68a}.class-reminder-actions,.class-manager-actions{flex-wrap:wrap;gap:10px;display:flex}.class-reminder-actions{justify-content:flex-end;align-items:center}.class-reminder-actions button,.class-manager-actions button,.class-table-header button{color:#fff;background:linear-gradient(135deg,#1f3a3d,#315f4d);border:0;border-radius:14px;padding:11px 13px;font-weight:950}.dark-mode .class-reminder-actions button,.dark-mode .class-manager-actions button,.dark-mode .class-table-header button{background:linear-gradient(135deg, var(--green), var(--teal));color:#052e2b}.class-reminder-actions button.secondary{color:#1f3a3d;background:#f3ead7;border:1px solid #97855f59}.dark-mode .class-reminder-actions button.secondary{color:#f8fafc;background:#94a3b829;border-color:#94a3b84d}.class-manager-actions{align-items:end;margin:18px 0}.class-manager-actions label{min-width:240px}.class-manager-actions .danger-button,.class-table-header .danger-button{background:var(--danger-soft);color:#991b1b;border:1px solid #fecaca}.dark-mode .class-manager-actions .danger-button,.dark-mode .class-table-header .danger-button{color:#fecaca;background:#ef444429;border-color:#ef444447}.class-details-card{grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;display:grid}.class-details-card .wide-field{grid-column:1/-1}.class-table-header{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px;display:flex}.class-table-header h2{color:#111827;letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}.dark-mode .class-table-header h2{color:#f8fafc}.class-table-header p{color:#475569;margin:8px 0 0}.dark-mode .class-table-header p{color:var(--dark-muted)}.class-table-wrap{border:1px solid var(--border-soft);background:#fff;border-radius:22px;width:100%;margin-top:18px;overflow-x:auto;box-shadow:0 16px 38px #4b55631a}.dark-mode .class-table-wrap{background:var(--dark-bg);border-color:#34d39933}.class-tracker-table{border-collapse:collapse;width:100%;min-width:1120px}.class-tracker-table th{z-index:1;color:#fff;text-align:left;letter-spacing:.04em;text-transform:uppercase;background:#1f3a3d;padding:11px 8px;font-size:.78rem;position:sticky;top:0}.dark-mode .class-tracker-table th{background:#064e3b}.class-tracker-table td{border-bottom:1px solid #cbb79452;padding:7px}.dark-mode .class-tracker-table td{border-bottom-color:#94a3b82e}.class-tracker-table input,.class-tracker-table select{border-radius:10px;min-width:88px;padding:8px 9px;font-size:.88rem}.class-tracker-table td:first-child input{min-width:54px}.class-tracker-table td:nth-child(2) input{min-width:130px}.class-tracker-table td:nth-child(8) select{min-width:140px}.class-tracker-table td:nth-child(9) input{min-width:180px}.class-hidden-file-input{display:none}.wheel-picker-page{max-width:1280px;margin:0 auto;padding:22px 18px 40px}.wheel-classroom-header,.wheel-card{background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#fffffff5,#fff8ed);border:1px solid #34d39938;border-radius:26px;box-shadow:0 16px 38px #4b55631a}.dark-mode .wheel-classroom-header,.dark-mode .wheel-card{background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#0f172aeb,#1e293bf0);border-color:#34d39938;box-shadow:0 20px 44px #0000003d}.wheel-classroom-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:24px;display:flex}.wheel-classroom-header h1{color:#111827;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.dark-mode .wheel-classroom-header h1{color:#f8fafc}.wheel-classroom-header p{color:#475569;max-width:780px;margin:12px 0 0;line-height:1.55}.dark-mode .wheel-classroom-header p{color:#dbeafe}.wheel-header-actions{flex:none;place-items:center end;gap:12px;display:grid}.wheel-mode-buttons{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;width:min(700px,100%);display:grid}.wheel-action-row,.wheel-example-buttons,.wheel-play-actions{flex-wrap:wrap;gap:10px;display:flex}.wheel-mode-buttons button,.wheel-card button,.wheel-setup-toggle{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1f3a3d,#315f4d);border:0;border-radius:14px;min-height:46px;padding:11px 13px;font-weight:950}.dark-mode .wheel-mode-buttons button,.dark-mode .wheel-card button,.dark-mode .wheel-setup-toggle,.wheel-mode-buttons button.is-active{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf)}.wheel-setup-toggle{color:#1f3a3d;background:#f3ead7;border:1px solid #97855f59;justify-content:center;align-items:center;gap:8px;min-width:124px;display:inline-flex}.wheel-setup-toggle span:first-child{font-size:1.05rem;line-height:1}.wheel-setup-toggle.is-open{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf)}.wheel-card{padding:22px}.wheel-card h2{color:#111827;letter-spacing:-.05em;margin:0;font-size:clamp(1.5rem,3vw,2.6rem)}.dark-mode .wheel-card h2{color:#f8fafc}.wheel-play-card{min-height:calc(100vh - 180px)}.question-play-card{min-height:auto}.wheel-play-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.wheel-primary-spin{min-width:130px;font-size:1rem}.wheel-play-grid{grid-template-columns:minmax(520px,1.25fr) minmax(320px,.75fr);align-items:center;gap:22px;display:grid}.wheel-stage{place-items:center;min-height:min(68vh,690px);padding:28px 44px 22px 20px;display:grid;position:relative;overflow:hidden}.wheel-visual-shell{aspect-ratio:1;place-items:center;width:min(640px,76vw,68vh);display:grid;position:relative}.wheel-visual{background:#0f172a;border:12px solid #fff;border-radius:50%;transition:transform 1.8s cubic-bezier(.12,.72,.18,1);position:absolute;inset:0;overflow:hidden;box-shadow:0 26px 54px #0f172a57,inset 0 0 0 2px #0f172a2e}.dark-mode .wheel-visual{border-color:#0f172a}.wheel-svg{width:100%;height:100%;display:block}.wheel-pointer{z-index:8;color:#fbbf24;filter:drop-shadow(0 4px 8px #00000061);pointer-events:none;font-size:3rem;line-height:1;position:absolute;top:50%;right:-36px;transform:translateY(-50%)}.wheel-segment{stroke:#0f172a47;stroke-width:1.5px}.wheel-segment-label{fill:#0f172a;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#ffffffe0;stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-weight:950}.single-label{font-size:18px}.wheel-empty-circle{fill:#94a3b8}.wheel-single-circle{stroke:#0f172a47;stroke-width:1.5px}.wheel-empty-text{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:22px;font-weight:950}.wheel-empty-subtext{opacity:.9;font-size:15px}.wheel-center-button{z-index:6;place-items:center;width:112px;height:112px;font-size:1.1rem;font-weight:950;display:grid;position:relative;box-shadow:0 10px 22px #0f172a47;color:#fff!important;background:#172554!important;border:7px solid #fff!important;border-radius:50%!important}.wheel-center-button:hover{transform:scale(1.03)}.wheel-result-zone{align-content:center;gap:14px;display:grid}.wheel-result-card{text-align:center;background:radial-gradient(circle at 100% 0,#34d39933,#0000 40%),#34d3991a;border:1px solid #34d39942;border-radius:28px;padding:clamp(20px,3vw,34px)}.wheel-result-card p{color:#047857;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.86rem;font-weight:950}.dark-mode .wheel-result-card p{color:#a7f3d0}.wheel-result-card strong{color:#111827;letter-spacing:-.06em;word-break:break-word;font-size:clamp(2.7rem,6vw,5.6rem);line-height:.96;display:block}.dark-mode .wheel-result-card strong{color:#f8fafc}.wheel-result-card span{color:#475569;margin-top:14px;font-size:clamp(1rem,1.5vw,1.25rem);display:block}.dark-mode .wheel-result-card span{color:#cbd5e1}.question-picker-stage{gap:16px;padding-top:8px;display:grid}.question-picker-card{cursor:pointer;text-align:center;background:radial-gradient(circle at 0 0,#fbbf2429,#0000 34%),radial-gradient(circle at 100% 100%,#34d3992e,#0000 38%),#ffffffb8;border:1px solid #34d39942;border-radius:32px;place-items:center;width:100%;min-height:min(56vh,520px);padding:clamp(24px,5vw,56px);font-family:inherit;display:grid;box-shadow:inset 0 0 0 1px #ffffff61}.dark-mode .question-picker-card{background:radial-gradient(circle at 0 0,#fbbf2424,#0000 34%),radial-gradient(circle at 100% 100%,#34d39921,#0000 38%),#0f172a9e;border-color:#34d3993d}.question-picker-card p{color:#047857;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.9rem;font-weight:950}.question-picker-card:disabled{opacity:1;cursor:wait}.question-picker-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 58px #0f172a29}.dark-mode .question-picker-card p{color:#a7f3d0}.question-picker-card strong{color:#111827;letter-spacing:-.05em;word-break:normal;overflow-wrap:anywhere;max-width:1050px;font-size:clamp(2.2rem,5.4vw,6rem);line-height:1.05;display:block}.dark-mode .question-picker-card strong{color:#f8fafc}.question-picker-card span{color:#475569;margin-top:18px;font-size:clamp(1rem,1.5vw,1.25rem);display:block}.dark-mode .question-picker-card span{color:#cbd5e1}.question-picker-card.is-shuffling{animation:.26s ease-in-out infinite alternate question-card-pulse}.question-picker-card.is-shuffling strong{filter:blur(.2px)}@keyframes question-card-pulse{0%{transform:scale(1);box-shadow:0 18px 44px #0f172a1f}to{transform:scale(1.012);box-shadow:0 24px 58px #0f172a2e}}.wheel-status-row{flex-wrap:wrap;gap:8px;display:flex}.wheel-status-pill{color:#047857;background:#ecfdf5;border:1px solid #34d39938;border-radius:999px;padding:8px 11px;font-size:.86rem;font-weight:900}.dark-mode .wheel-status-pill{color:#a7f3d0;background:#34d39924}.wheel-play-actions button{color:#111827;background:#94a3b82e;border:1px solid #94a3b83d}.dark-mode .wheel-play-actions button{color:#f8fafc;background:#94a3b829;border-color:#94a3b84d}.wheel-play-actions button.wheel-toggle-on,.dark-mode .wheel-play-actions button.wheel-toggle-on{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#34d39966}.wheel-setup-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:18px;display:grid}.wheel-section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.wheel-control-card,.wheel-examples-card{gap:14px;display:grid}.wheel-number-generator{background:#34d39917;border:1px solid #34d39938;border-radius:18px;padding:14px}.wheel-number-generator p{color:#047857;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:950}.dark-mode .wheel-number-generator p{color:#a7f3d0}.wheel-number-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wheel-number-generator button{margin-top:10px}.wheel-add-row{grid-template-columns:1fr auto;gap:8px;display:grid}.wheel-checkbox-row{color:#111827;flex-direction:row;align-items:center;gap:10px;font-weight:900;display:flex}.dark-mode .wheel-checkbox-row{color:#e2e8f0}.wheel-checkbox-row input{width:auto}.wheel-example-buttons button{color:#1f3a3d;background:#f3ead7;border:1px solid #97855f59}.dark-mode .wheel-example-buttons button{color:#f8fafc;background:#94a3b829;border-color:#94a3b84d}.wheel-card .danger-button{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.dark-mode .wheel-card .danger-button{color:#fecaca;background:#ef444429;border-color:#ef444447}.wheel-item-preview{background:#ffffff94;border:1px solid #cbb7945c;border-radius:18px;margin-top:4px;padding:12px}.dark-mode .wheel-item-preview{background:#0f172a85;border-color:#94a3b833}.wheel-item-preview p{color:#475569;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:950}.dark-mode .wheel-item-preview p{color:#cbd5e1}.wheel-item-chip-row{flex-wrap:wrap;gap:8px;display:flex}.wheel-item-chip{color:#047857;background:#ecfdf5;border:1px solid #34d39938;border-radius:999px;padding:6px 9px;font-size:.8rem;font-weight:900}.muted-chip{color:#64748b;background:#f1f5f9;border-color:#94a3b84d}.dark-mode .wheel-item-chip{color:#a7f3d0;background:#34d39924}.dark-mode .muted-chip{color:#cbd5e1;background:#94a3b829}.wheel-bottom-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.wheel-preset-list{gap:10px;margin-top:14px;display:grid}.wheel-preset-card{background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.dark-mode .wheel-preset-card{background:#0f172aa3}.wheel-preset-card strong,.wheel-history-list strong{color:#111827;display:block}.dark-mode .wheel-preset-card strong,.dark-mode .wheel-history-list strong{color:#f8fafc}.wheel-preset-card span{color:#64748b;margin-top:4px;font-size:.82rem;display:block}.dark-mode .wheel-preset-card span{color:#cbd5e1}.wheel-preset-card div:last-child{gap:8px;display:flex}.wheel-history-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.wheel-history-list li{background:#ffffffb8;border-radius:16px;padding:12px}.dark-mode .wheel-history-list li{background:#0f172aa3}.wheel-history-list span{color:#475569;margin-top:4px;font-weight:800;display:block}.dark-mode .wheel-history-list span{color:#cbd5e1}.wheel-history-list small{color:#64748b;margin-top:4px;display:block}.dark-mode .wheel-history-list small{color:#94a3b8}@media (width<=1180px){.wheel-classroom-header{align-items:flex-start}.wheel-mode-buttons{grid-template-columns:repeat(2,minmax(150px,1fr));width:min(480px,100%)}}@media (width<=1100px){.wheel-play-grid,.wheel-setup-grid,.wheel-bottom-grid{grid-template-columns:1fr}.wheel-stage{min-height:540px;padding:28px 44px 20px 20px}.wheel-visual-shell{width:min(560px,82vw)}}@media (width<=720px){.wheel-classroom-header,.wheel-play-top,.wheel-section-heading{flex-direction:column;align-items:stretch}.wheel-header-actions{justify-items:stretch;width:100%}.wheel-mode-buttons{grid-template-columns:1fr;width:100%}.wheel-mode-buttons button,.wheel-action-row button,.wheel-example-buttons button,.wheel-play-actions button,.wheel-primary-spin,.wheel-setup-toggle{width:100%}.wheel-action-row,.wheel-example-buttons,.wheel-play-actions{flex-direction:column}.wheel-number-grid{grid-template-columns:1fr}.question-picker-card{min-height:360px}}@media (width<=650px){.wheel-picker-page{padding:14px 10px 28px}.wheel-classroom-header,.wheel-card{border-radius:20px;padding:14px}.wheel-classroom-header h1{font-size:clamp(1.55rem,9vw,2.2rem);line-height:1.05}.wheel-classroom-header p{font-size:.92rem;line-height:1.45}.wheel-play-card{min-height:auto}.wheel-card h2{font-size:clamp(1.35rem,7vw,2rem)}.wheel-play-grid{gap:12px}.wheel-stage{min-height:330px;padding:24px 30px 14px 8px}.wheel-visual-shell{width:min(300px,78vw)}.wheel-pointer{font-size:2.15rem;right:-24px}.wheel-visual{border-width:8px}.wheel-center-button{width:72px;height:72px;font-size:.78rem;border-width:5px!important}.wheel-segment-label{stroke-width:3px;font-size:8px}.single-label{font-size:14px}.wheel-result-zone{gap:10px}.wheel-result-card{border-radius:20px;padding:18px 14px}.wheel-result-card strong{font-size:clamp(2rem,13vw,3.5rem);line-height:1}.wheel-result-card span{font-size:.95rem}.question-picker-stage{gap:12px}.question-picker-card{border-radius:22px;min-height:330px;padding:22px 14px}.question-picker-card strong{font-size:clamp(1.65rem,11vw,3.4rem);line-height:1.08}.question-picker-card span{font-size:.95rem}.wheel-status-row{gap:6px}.wheel-status-pill{padding:7px 9px;font-size:.78rem}.wheel-add-row{grid-template-columns:1fr}.wheel-preset-card{flex-direction:column;align-items:stretch}.wheel-preset-card div:last-child{flex-direction:column}}.wheel-segment-label,.wheel-result-card,.wheel-result-card strong,.question-picker-card,.question-picker-card strong,.wheel-center-button{font-family:Andika,Inter,system-ui,sans-serif}.wheel-play-card{overflow:hidden}.wheel-play-grid{grid-template-columns:minmax(520px,1.15fr) minmax(420px,.85fr);align-items:center;gap:clamp(20px,3vw,48px)}.wheel-stage{place-items:center;min-height:clamp(520px,62vh,760px);display:grid}.wheel-visual-shell{width:min(620px,42vw,70vh)}.wheel-result-zone{align-self:center}.wheel-result-card{text-align:center;align-content:center;place-items:center;min-height:clamp(260px,26vw,420px);padding:clamp(24px,4vw,56px);display:grid}.wheel-result-card p{margin:0 0 10px}.wheel-result-card strong{letter-spacing:-.06em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(4rem,7vw,8.5rem);line-height:.95}.wheel-result-card span{margin-top:10px;font-size:clamp(1.15rem,1.7vw,1.9rem)}.wheel-setup-area{margin-top:18px}.wheel-setup-accordion-list{gap:12px;display:grid}.wheel-setup-accordion{background:radial-gradient(circle at 100% 0,#34d3991a,#0000 38%),#0f172ae0;border:1px solid #34d39938;border-radius:22px;overflow:hidden}.wheel-setup-accordion>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;list-style:none;display:flex}.wheel-setup-accordion>summary::-webkit-details-marker{display:none}.wheel-setup-accordion>summary:after{content:"▾";color:#a7f3d0;background:#34d39929;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:950;transition:transform .16s;display:inline-grid}.wheel-setup-accordion[open]>summary:after{transform:rotate(180deg)}.wheel-setup-accordion>summary span:first-child{gap:3px;display:grid}.wheel-setup-accordion>summary small{color:#a7f3d0;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:950}.wheel-setup-accordion>summary strong{color:#f8fafc;font-size:clamp(1.1rem,1.9vw,1.7rem);line-height:1.05}.wheel-accordion-hint{color:#cbd5e1;margin-left:auto;font-size:.82rem;font-weight:850}.wheel-setup-accordion .wheel-card{border-radius:18px;margin:0 14px 14px}.wheel-setup-accordion .wheel-section-heading{margin-bottom:12px}body:not(.dark-mode) .wheel-setup-accordion{background:radial-gradient(circle at 100% 0,#10b9811a,#0000 38%),#fff;border-color:#10b9813d}body:not(.dark-mode) .wheel-setup-accordion>summary small{color:#047857}body:not(.dark-mode) .wheel-setup-accordion>summary strong{color:#111827}body:not(.dark-mode) .wheel-accordion-hint{color:#64748b}body:not(.dark-mode) .wheel-setup-accordion>summary:after{color:#047857;background:#10b9811f}.wheel-picker-page.is-classroom-mode .wheel-classroom-header,.wheel-picker-page.is-classroom-mode .wheel-setup-area{display:none}.wheel-classroom-bar{background:#0f172ae0;border:1px solid #34d3993d;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.wheel-classroom-bar strong{color:#f8fafc;font-size:clamp(1rem,2vw,1.45rem);font-weight:950;line-height:1.1}.wheel-classroom-bar button{color:#052e2b;cursor:pointer;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39947;border-radius:999px;min-height:40px;padding:8px 14px;font-weight:950}.wheel-picker-page.is-classroom-mode .wheel-play-card{min-height:calc(100vh - 74px);box-shadow:none;background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),#0f172ae6;border-color:#34d3993d;border-radius:24px;padding:clamp(16px,2vw,28px)}.wheel-picker-page.is-classroom-mode .wheel-play-top{margin-bottom:10px}.wheel-picker-page.is-classroom-mode .wheel-play-top h2{font-size:clamp(1.6rem,2.8vw,3rem)}.wheel-picker-page.is-classroom-mode .wheel-play-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);align-items:center;gap:clamp(20px,3vw,56px)}.wheel-picker-page.is-classroom-mode .wheel-stage{min-height:calc(100vh - 210px);padding:10px 52px 10px 10px}.wheel-picker-page.is-classroom-mode .wheel-visual-shell{width:min(820px,58vw,76vh)}.wheel-picker-page.is-classroom-mode .wheel-result-card{min-height:clamp(360px,42vh,560px);padding:clamp(28px,4vw,64px)}.wheel-picker-page.is-classroom-mode .wheel-result-card strong{font-size:clamp(5rem,8.5vw,10rem)}.wheel-picker-page.is-classroom-mode .question-picker-card{text-align:center;place-items:center;min-height:calc(100vh - 230px);display:grid}.wheel-picker-page.is-classroom-mode .question-picker-card strong{overflow-wrap:anywhere;text-wrap:balance;max-width:1120px;font-size:clamp(3rem,6vw,7rem);line-height:1.05}@media (width<=1100px){.wheel-play-grid,.wheel-picker-page.is-classroom-mode .wheel-play-grid{grid-template-columns:1fr}.wheel-visual-shell,.wheel-picker-page.is-classroom-mode .wheel-visual-shell{width:min(720px,82vw,64vh)}.wheel-picker-page.is-classroom-mode .wheel-stage{min-height:58vh}}@media (width<=650px){.wheel-picker-page.is-classroom-mode{padding:10px}.wheel-classroom-bar{flex-direction:column;align-items:stretch}.wheel-classroom-bar button{width:100%}.wheel-stage,.wheel-picker-page.is-classroom-mode .wheel-stage{min-height:46vh;padding:10px 30px 10px 8px}.wheel-result-card strong,.wheel-picker-page.is-classroom-mode .wheel-result-card strong{font-size:clamp(3rem,15vw,5rem)}.wheel-accordion-hint{display:none}}.wheel-result-action-card{cursor:pointer;appearance:none;border:1px solid #34d3993d;width:100%}.wheel-result-action-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 48px #0f172a3d}.wheel-result-action-card:active:not(:disabled){transform:translateY(0)}.wheel-result-action-card:focus-visible{outline-offset:4px;outline:3px solid #34d399a6}.wheel-result-action-card:disabled{cursor:wait;opacity:.92}.wheel-picker-page{--wp-bg-dark:#0b1120;--wp-panel-dark:#0f172a;--wp-card-dark:#132a32;--wp-primary:#34d399;--wp-primary-strong:#2dd4bf;--wp-accent:#fbbf24;--wp-secondary:#334155;--wp-secondary-soft:#94a3b82e;--wp-text:#f8fafc;--wp-text-soft:#cbd5e1;--wp-border:#34d3993d}.wheel-picker-page svg text,.wheel-picker-page .wheel-result-card,.wheel-picker-page .wheel-result-card strong,.wheel-picker-page .question-picker-card,.wheel-picker-page .question-picker-card strong{font-family:Andika,Inter,system-ui,sans-serif}.wheel-result-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.wheel-result-card strong{overflow-wrap:anywhere;word-break:normal;text-wrap:balance;max-width:100%;line-height:.96;display:block}.wheel-result-card p,.wheel-result-card span{overflow-wrap:anywhere;max-width:100%}.dark-mode .wheel-picker-page .wheel-classroom-header,.dark-mode .wheel-picker-page .wheel-play-card,.dark-mode .wheel-picker-page .wheel-result-card,.dark-mode .wheel-picker-page .wheel-setup-card,.dark-mode .wheel-picker-page .wheel-setup-panel,.dark-mode .wheel-picker-page .wheel-accordion-card{border-color:var(--wp-border);background:radial-gradient(circle at 100% 0,#34d3991c,#0000 38%),linear-gradient(145deg,#0f172af0,#132a32e6)}.wheel-picker-page .primary-action,.wheel-picker-page .wheel-mode-button.is-active,.wheel-picker-page .wheel-display-button.is-active,.wheel-picker-page .wheel-setup-toggle,.wheel-picker-page .wheel-spin-button,.wheel-picker-page .wheel-classroom-button{background:linear-gradient(135deg, var(--wp-primary), var(--wp-primary-strong));color:#052e2b;border-color:#34d39961}.wheel-picker-page .wheel-play-actions button,.wheel-picker-page .wheel-secondary-button,.wheel-picker-page .wheel-result-actions button{background:var(--wp-secondary-soft);color:var(--wp-text);border-color:#94a3b852}.wheel-picker-page .wheel-pointer,.wheel-picker-page .wheel-picker-pointer,.wheel-picker-page .wheel-arrow{color:var(--wp-accent);border-left-color:var(--wp-accent)}.wheel-picker-page.is-classroom-mode{background:radial-gradient(circle at 0 0,#34d3991f,#0000 34%),linear-gradient(#0b1120 0%,#020617 100%);width:100vw;max-width:none;min-height:100vh;margin:0;padding:14px;overflow:auto}.wheel-picker-page.is-classroom-mode .wheel-classroom-header,.wheel-picker-page.is-classroom-mode .wheel-hero,.wheel-picker-page.is-classroom-mode .wheel-setup-area,.wheel-picker-page.is-classroom-mode .wheel-setup,.wheel-picker-page.is-classroom-mode .wheel-setup-grid,.wheel-picker-page.is-classroom-mode .wheel-accordion-area{display:none!important}.wheel-classroom-bar,.wheel-fullscreen-bar{background:#0f172ae0;border:1px solid #34d3993d;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.wheel-classroom-bar strong,.wheel-fullscreen-bar strong{color:#f8fafc;font-size:clamp(1rem,2vw,1.4rem);font-weight:950}.wheel-classroom-bar button,.wheel-fullscreen-bar button{background:linear-gradient(135deg, var(--wp-primary), var(--wp-primary-strong));color:#052e2b;border:1px solid #34d39947;border-radius:999px;min-height:40px;padding:8px 14px;font-weight:950}.wheel-picker-page.is-classroom-mode .wheel-play-card{border-color:var(--wp-border);min-height:calc(100vh - 76px);box-shadow:none;background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),#0f172ae6;border-radius:24px;overflow:hidden}.wheel-picker-page.is-classroom-mode .wheel-play-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:24px;min-height:calc(100vh - 190px);display:grid}.wheel-picker-page.is-classroom-mode .wheel-stage{place-items:center;min-height:calc(100vh - 220px);padding:12px 46px 12px 12px;display:grid}.wheel-picker-page.is-classroom-mode .wheel-visual-shell{width:min(780px,74vh,66vw);max-width:100%}.wheel-picker-page.is-classroom-mode .wheel-result-card{text-align:center;border-radius:28px;place-items:center;min-height:min(460px,54vh);padding:clamp(26px,4vw,48px);display:grid;overflow:hidden}.wheel-picker-page.is-classroom-mode .wheel-result-card strong{max-width:100%;font-size:clamp(3.4rem,5.4vw,6.4rem);line-height:.98}.wheel-picker-page.is-classroom-mode .wheel-result-card p,.wheel-picker-page.is-classroom-mode .wheel-result-card span{font-size:clamp(1.3rem,2vw,2rem)}.wheel-picker-page:not(.is-classroom-mode) .wheel-result-card{min-height:300px}.wheel-picker-page:not(.is-classroom-mode) .wheel-result-card strong{font-size:clamp(3rem,5.2vw,5.8rem)}.wheel-picker-page.is-classroom-mode .question-picker-card{text-align:center;place-items:center;min-height:calc(100vh - 230px);padding:clamp(24px,4vw,48px);display:grid}.wheel-picker-page.is-classroom-mode .question-picker-card strong{text-wrap:balance;overflow-wrap:anywhere;max-width:1120px;font-size:clamp(3rem,5.6vw,6.8rem);line-height:1.05}.wheel-picker-page.is-classroom-mode .wheel-status-row,.wheel-picker-page.is-classroom-mode .wheel-play-actions{justify-content:center}.wheel-picker-page.is-classroom-mode .wheel-status-row{margin-top:18px}.wheel-picker-page.is-classroom-mode .wheel-play-actions button{min-height:44px}@media (width<=1050px){.wheel-picker-page.is-classroom-mode .wheel-play-grid{grid-template-columns:1fr;min-height:auto}.wheel-picker-page.is-classroom-mode .wheel-stage{min-height:54vh}.wheel-picker-page.is-classroom-mode .wheel-visual-shell{width:min(720px,82vw,62vh)}.wheel-picker-page.is-classroom-mode .wheel-result-card{min-height:280px}}@media (width<=650px){.wheel-picker-page.is-classroom-mode{padding:10px}.wheel-classroom-bar,.wheel-fullscreen-bar{flex-direction:column;align-items:stretch}.wheel-classroom-bar button,.wheel-fullscreen-bar button{width:100%}.wheel-picker-page.is-classroom-mode .wheel-stage{min-height:46vh;padding:10px 30px 10px 6px}.wheel-picker-page.is-classroom-mode .wheel-result-card strong{font-size:clamp(2.4rem,12vw,4.5rem)}.wheel-picker-page:not(.is-classroom-mode) .wheel-result-card strong{font-size:clamp(2.3rem,11vw,4.2rem)}.wheel-picker-page.is-classroom-mode .question-picker-card strong{font-size:clamp(2rem,10vw,4rem)}}@media (width<=900px){.wheel-play-grid{grid-template-columns:1fr!important;gap:24px!important}}.wheel-picker-page{--wheel-primary:#34d399;--wheel-primary-strong:#2dd4bf;--wheel-secondary:#94a3b82e;--wheel-secondary-border:#94a3b857;--wheel-secondary-text:#f8fafc;--wheel-yellow:#fbbf24;--wheel-dark:#0b1120;--wheel-panel:#0f172a;--wheel-border:#34d3993d}.wheel-mode-buttons button{background:var(--wheel-secondary);color:var(--wheel-secondary-text);border:1px solid var(--wheel-secondary-border)}.wheel-mode-buttons button.is-active{background:linear-gradient(135deg, var(--wheel-primary), var(--wheel-primary-strong));color:#052e2b;border-color:#34d3996b}.wheel-play-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.wheel-play-toolbar button{cursor:pointer;border:1px solid #0000;border-radius:16px;min-height:46px;padding:12px 18px;font-weight:950}.wheel-primary-spin{background:linear-gradient(135deg, var(--wheel-primary), var(--wheel-primary-strong));color:#052e2b;border-color:#34d3996b;min-width:150px;font-size:1.05rem}.wheel-secondary-action{background:var(--wheel-secondary);color:var(--wheel-secondary-text);border-color:var(--wheel-secondary-border)}.wheel-secondary-action:hover,.wheel-secondary-action.is-open{color:#a7f3d0;background:#34d39924;border-color:#34d3995c}.wheel-play-actions button{background:var(--wheel-secondary);color:var(--wheel-secondary-text);border:1px solid var(--wheel-secondary-border)}.wheel-play-actions button:hover{border-color:#34d39957}.wheel-status-pill{color:#a7f3d0;background:#34d3991c;border-color:#34d3993d}.wheel-pointer{color:var(--wheel-yellow);filter:drop-shadow(0 6px 10px #00000059)}.wheel-picker-page.is-classroom-mode .wheel-secondary-action{display:none}.wheel-picker-page.is-classroom-mode .wheel-primary-spin{justify-content:center;align-items:center;display:inline-flex}@media (width<=800px){.wheel-play-top{flex-direction:column;align-items:stretch;gap:14px}.wheel-play-toolbar{justify-content:stretch}.wheel-play-toolbar button{flex:1;min-width:140px}}@media (width<=540px){.wheel-play-toolbar{flex-direction:column}.wheel-play-toolbar button{width:100%}}.wheel-support-text-panel{background:#34d39914;border:1px solid #34d39938;border-radius:18px;gap:12px;padding:14px;display:grid}.wheel-support-text-panel .dashboard-kicker{margin:0 0 6px}.wheel-support-text-panel .small-muted{margin:0}.wheel-support-toggle-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.wheel-support-toggle-row button{color:#f8fafc;background:#94a3b829;border:1px solid #94a3b857;border-radius:999px;min-height:42px;padding:9px 11px;font-weight:950}.wheel-support-toggle-row button.is-active{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#34d3996b}body:not(.dark-mode) .wheel-support-text-panel{background:#ecfdf5;border-color:#10b9813d}body:not(.dark-mode) .wheel-support-toggle-row button{color:#111827;background:#f1f5f9;border-color:#cbd5e1}body:not(.dark-mode) .wheel-support-toggle-row button.is-active{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#34d3996b}@media (width<=650px){.wheel-support-toggle-row{grid-template-columns:1fr}}.wheel-display-toggle{background:#0f172a61;border:1px solid #94a3b847;border-radius:999px;align-items:center;gap:8px;padding:5px;display:inline-flex}.wheel-display-toggle span{color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;padding:0 6px 0 8px;font-size:.78rem;font-weight:950}.wheel-display-toggle .wheel-display-button{border-radius:999px;min-height:38px;padding:8px 12px}.wheel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-height:min(62vh,660px);padding:4px 6px 4px 0;display:grid;overflow-y:auto}.wheel-picker-card-button,.wheel-empty-card{color:#f8fafc;text-align:left;background:radial-gradient(circle at 100% 0,#34d3991f,#0000 38%),#0f172aa8;border:1px solid #34d39938;border-radius:20px;min-height:132px;padding:14px;box-shadow:0 14px 28px #02061729}.wheel-picker-card-button{cursor:pointer;align-content:start;gap:8px;display:grid}.wheel-picker-card-button:hover:not(:disabled){border-color:#34d3996b;transform:translateY(-2px);box-shadow:0 18px 34px #02061738}.wheel-picker-card-button.is-selected{background:radial-gradient(circle at 100% 0,#fbbf242e,#0000 38%),#1e293beb;border-color:#fbbf24c7;box-shadow:0 0 0 3px #fbbf2429,0 18px 34px #0206173d}.wheel-picker-card-button small{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:950}.wheel-picker-card-button strong,.wheel-empty-card strong{color:#f8fafc;overflow-wrap:anywhere;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.05;display:block}.wheel-picker-card-button span,.wheel-empty-card span{color:#cbd5e1;overflow-wrap:anywhere;font-size:.92rem;line-height:1.35;display:block}.wheel-cards-result-zone{align-self:start;position:sticky;top:84px}.question-cards-stage .wheel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}body:not(.dark-mode) .wheel-display-toggle{background:#f8fafc;border-color:#94a3b857}body:not(.dark-mode) .wheel-display-toggle span{color:#475569}body:not(.dark-mode) .wheel-picker-card-button,body:not(.dark-mode) .wheel-empty-card{color:#111827;background:radial-gradient(circle at 100% 0,#10b9811f,#0000 38%),#fff;border-color:#10b98138}body:not(.dark-mode) .wheel-picker-card-button small{color:#047857}body:not(.dark-mode) .wheel-picker-card-button strong,body:not(.dark-mode) .wheel-empty-card strong{color:#111827}body:not(.dark-mode) .wheel-picker-card-button span,body:not(.dark-mode) .wheel-empty-card span{color:#475569}body:not(.dark-mode) .wheel-picker-card-button.is-selected{background:radial-gradient(circle at 100% 0,#f59e0b29,#0000 38%),#fffbeb;border-color:#f59e0bc7}.wheel-picker-page.is-classroom-mode .wheel-display-toggle{display:none}.wheel-picker-page.is-classroom-mode .wheel-cards-stage{grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);align-items:center;min-height:calc(100vh - 190px)}.wheel-picker-page.is-classroom-mode .wheel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;max-height:calc(100vh - 190px)}.wheel-picker-page.is-classroom-mode .wheel-picker-card-button{border-radius:24px;min-height:150px}.wheel-picker-page.is-classroom-mode .question-cards-stage .wheel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.wheel-picker-page.is-classroom-mode .question-cards-stage .wheel-picker-card-button strong{font-size:clamp(1.8rem,3vw,3.2rem)}@media (width<=1100px){.wheel-cards-stage,.wheel-picker-page.is-classroom-mode .wheel-cards-stage{grid-template-columns:1fr}.wheel-cards-result-zone{position:static}.wheel-cards-grid{max-height:none;overflow:visible}}@media (width<=720px){.wheel-display-toggle{justify-content:center;width:100%}.wheel-display-toggle .wheel-display-button{flex:1}.wheel-cards-grid,.question-cards-stage .wheel-cards-grid,.wheel-picker-page.is-classroom-mode .wheel-cards-grid,.wheel-picker-page.is-classroom-mode .question-cards-stage .wheel-cards-grid{grid-template-columns:1fr}.wheel-picker-card-button{min-height:120px}}.wheel-cards-stage{grid-template-columns:1fr;align-items:stretch;gap:18px;display:grid}.wheel-cards-result-zone{order:1;gap:12px;display:grid;position:static}.wheel-cards-grid{order:2;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-height:min(28vh,260px);padding:4px 4px 8px;display:grid;overflow-y:auto}.wheel-cards-result-zone .wheel-result-card{align-content:center;place-items:center;min-height:clamp(340px,48vh,620px);padding:clamp(28px,5vw,68px);display:grid}.wheel-cards-result-zone .wheel-result-card strong{font-size:clamp(4rem,9vw,11rem);line-height:.95}.wheel-cards-result-zone .wheel-result-card span{font-size:clamp(1.25rem,2.4vw,2.5rem)}.wheel-picker-card-button,.wheel-empty-card{border-radius:16px;min-height:92px;padding:10px 12px}.wheel-picker-card-button{gap:5px}.wheel-picker-card-button small{font-size:.65rem}.wheel-picker-card-button strong,.wheel-empty-card strong{font-size:clamp(1rem,1.5vw,1.45rem);line-height:1.05}.wheel-picker-card-button span,.wheel-empty-card span{font-size:.78rem;line-height:1.25}.question-cards-stage .wheel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:min(30vh,300px)}.question-cards-stage .wheel-picker-card-button{min-height:118px}.question-cards-stage .wheel-picker-card-button strong{font-size:clamp(1.05rem,1.8vw,1.65rem);line-height:1.12}.wheel-picker-page.is-classroom-mode .wheel-cards-stage{grid-template-columns:1fr;gap:18px;min-height:calc(100vh - 170px)}.wheel-picker-page.is-classroom-mode .wheel-cards-result-zone{order:1}.wheel-picker-page.is-classroom-mode .wheel-cards-grid{order:2;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:min(26vh,280px);overflow-y:auto}.wheel-picker-page.is-classroom-mode .wheel-cards-result-zone .wheel-result-card{min-height:clamp(420px,58vh,720px)}.wheel-picker-page.is-classroom-mode .wheel-cards-result-zone .wheel-result-card strong{font-size:clamp(5rem,10vw,12rem)}.wheel-picker-page.is-classroom-mode .wheel-picker-card-button{min-height:104px}.wheel-picker-page.is-classroom-mode .wheel-picker-card-button strong{font-size:clamp(1.15rem,1.8vw,1.8rem)}.wheel-picker-page.is-classroom-mode .question-cards-stage .wheel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:min(28vh,320px)}.wheel-picker-page.is-classroom-mode .question-cards-stage .wheel-picker-card-button{min-height:130px}@media (width<=720px){.wheel-cards-result-zone .wheel-result-card{min-height:300px}.wheel-cards-result-zone .wheel-result-card strong{font-size:clamp(3rem,14vw,5.5rem)}.wheel-cards-grid,.question-cards-stage .wheel-cards-grid,.wheel-picker-page.is-classroom-mode .wheel-cards-grid,.wheel-picker-page.is-classroom-mode .question-cards-stage .wheel-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px}}@media (width<=480px){.wheel-cards-grid,.question-cards-stage .wheel-cards-grid,.wheel-picker-page.is-classroom-mode .wheel-cards-grid,.wheel-picker-page.is-classroom-mode .question-cards-stage .wheel-cards-grid{grid-template-columns:1fr}}.mobile-preview .wheel-picker-page{padding:14px 10px 28px}.mobile-preview .wheel-classroom-header,.mobile-preview .wheel-card{border-radius:20px;padding:14px}.mobile-preview .wheel-classroom-header h1{font-size:clamp(1.55rem,9vw,2.2rem);line-height:1.05}.mobile-preview .wheel-classroom-header,.mobile-preview .wheel-play-top,.mobile-preview .wheel-section-heading{flex-direction:column;align-items:stretch}.mobile-preview .wheel-header-actions{justify-items:stretch;width:100%}.mobile-preview .wheel-mode-buttons{grid-template-columns:1fr;width:100%}.mobile-preview .wheel-mode-buttons button,.mobile-preview .wheel-action-row button,.mobile-preview .wheel-example-buttons button,.mobile-preview .wheel-play-actions button,.mobile-preview .wheel-primary-spin,.mobile-preview .wheel-setup-toggle{width:100%}.mobile-preview .wheel-action-row,.mobile-preview .wheel-example-buttons,.mobile-preview .wheel-play-actions{flex-direction:column}.mobile-preview .wheel-play-grid,.mobile-preview .wheel-setup-grid,.mobile-preview .wheel-bottom-grid{grid-template-columns:1fr}.mobile-preview .wheel-play-card{min-height:auto}.mobile-preview .wheel-stage{min-height:330px;padding:24px 30px 14px 8px}.mobile-preview .wheel-visual-shell{width:min(300px,78vw)}.mobile-preview .wheel-number-grid{grid-template-columns:1fr}.mobile-preview .wheel-card h2{font-size:clamp(1.35rem,7vw,2rem)}.mobile-preview .question-picker-card{min-height:360px}body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-mode-buttons button,body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-secondary-action,body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-play-actions button{color:#0f172a;background:#f1f5f9;border-color:#0f172a1f}body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-mode-buttons button:hover,body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-secondary-action:hover,body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-play-actions button:hover{color:#047857;border-color:#10b9815c}body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-mode-buttons button.is-active,body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-secondary-action.is-open,body:not(.dark-mode) .wheel-picker-page:not(.is-classroom-mode) .wheel-play-actions button.wheel-toggle-on{color:#042f2e;background:linear-gradient(135deg,#34d399,#2dd4bf);border-color:#10b9816b}.tic-tac-toe-page{gap:18px;min-height:100%;padding:14px 16px;display:grid;position:relative}.tic-tac-toe-hero,.tic-tac-toe-board-card,.tic-tac-toe-side-card,.tic-tac-toe-setup-card{background:radial-gradient(circle at 100% 0,#34d3991a,#0000 38%),#0f172ac2;border:1px solid #94a3b82e;border-radius:30px;box-shadow:0 20px 54px #02061733,inset 0 1px #ffffff0d}.tic-tac-toe-hero{justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 20px;display:flex}.tic-tac-toe-hero h1{color:#f8fafc;letter-spacing:-.08em;margin:0;font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:.94}.tic-tac-toe-hero p:not(.dashboard-kicker){color:#cbd5e1;max-width:760px;margin:6px 0 0;font-size:.92rem;line-height:1.45}.tic-tac-toe-hero-label{flex:auto;min-width:0}.tic-tac-toe-hero-toolbar{flex-direction:column;flex-shrink:0;gap:8px;min-width:min(340px,100%);display:flex}.ttt-toolbar-primary,.ttt-toolbar-secondary{flex-wrap:wrap;gap:8px;display:flex}.ttt-toolbar-primary{gap:8px}.ttt-btn-primary{color:#052e2b;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39973;border-radius:16px;flex:auto;min-height:44px;padding:10px 14px;font-weight:950}.ttt-btn-primary:hover{background:linear-gradient(135deg,#2dd4bf,#34d399)}.ttt-btn-secondary{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#94a3b81a;border:1px solid #94a3b847;border-radius:14px;flex:none;min-height:38px;padding:8px 13px;font-weight:900}.ttt-btn-secondary:hover{background:#94a3b82e}.ttt-btn-danger{color:#fecdd3;cursor:pointer;white-space:nowrap;background:#fb71851a;border:1px solid #fb718552;border-radius:14px;flex:none;min-height:38px;padding:8px 13px;font-weight:900}.ttt-btn-danger:hover{background:#fb71852e}.tic-tac-toe-tool-actions button,.tic-tac-toe-save-actions button,.tic-tac-toe-saved-item button,.tic-tac-toe-claim-actions button,.tic-tac-toe-import-actions button,.tic-tac-toe-print-actions button,.tic-tac-toe-reveal-button,.tic-tac-toe-popup-close,.tic-tac-toe-question-top button,.tic-tac-toe-claimed-note button{color:#d1fae5;cursor:pointer;background:#34d39924;border:1px solid #34d39947;border-radius:16px;min-height:42px;padding:10px 13px;font-weight:950}.tic-tac-toe-claim-actions button:first-child,.tic-tac-toe-import-actions button:first-child,.tic-tac-toe-reveal-button{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf)}.tic-tac-toe-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:16px;display:grid}.tic-tac-toe-board-card,.tic-tac-toe-side-card,.tic-tac-toe-setup-card{padding:18px}.tic-tac-toe-board-top,.tic-tac-toe-section-heading,.tic-tac-toe-question-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tic-tac-toe-board-top h2,.tic-tac-toe-section-heading h2,.tic-tac-toe-question-top h2{color:#f8fafc;letter-spacing:-.06em;margin:0;font-size:clamp(1.5rem,2.4vw,2.6rem)}.tic-tac-toe-status-chip{color:#fde68a;background:#fbbf241f;border:1px solid #fbbf2447;border-radius:999px;width:fit-content;max-width:260px;padding:8px 12px;font-size:.82rem;font-weight:900}.tic-tac-toe-board-frame{margin-top:16px;background:#94a3b83d;border:1px solid #94a3b852;border-radius:28px;width:min(100%,640px);margin-inline:auto;padding:10px}.tic-tac-toe-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tic-tac-toe-square{aspect-ratio:1;color:#f8fafc;text-align:left;cursor:pointer;background:radial-gradient(circle at 100% 0,#94a3b81a,#0000 40%),#0f172ab8;border:1px solid #94a3b838;border-radius:26px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.tic-tac-toe-square:hover{border-color:#34d3996b;transform:translateY(-2px);box-shadow:0 18px 42px #02061747}.tic-tac-toe-square span{color:#cbd5e1;background:#94a3b829;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:.82rem;font-weight:950;display:inline-flex;position:absolute;top:12px;left:12px}.tic-tac-toe-square strong{letter-spacing:-.1em;text-align:center;margin-top:28px;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.9;display:block}.tic-tac-toe-square small{color:#cbd5e1;text-align:center;margin-top:12px;font-size:.9rem;font-weight:850;display:block}.tic-tac-toe-square.is-x{background:radial-gradient(circle at 100% 0,#34d3993d,#0000 42%),#064e3ba8;border-color:#34d39994}.tic-tac-toe-square.is-o{background:radial-gradient(circle at 100% 0,#fbbf243d,#0000 42%),#713f128c;border-color:#fbbf2494}.tic-tac-toe-square.is-winning{box-shadow:0 0 0 4px #fbbf2438,0 24px 70px #fbbf242e}.tic-tac-toe-team-list,.tic-tac-toe-tool-actions,.tic-tac-toe-save-actions,.tic-tac-toe-print-actions{gap:10px;margin-top:14px;display:grid}.tic-tac-toe-team-card,.tic-tac-toe-winner-card,.tic-tac-toe-saved-item{background:#0f172a94;border:1px solid #94a3b82e;border-radius:20px;padding:13px}.tic-tac-toe-team-card{align-items:center;gap:12px;display:flex}.tic-tac-toe-team-card span{color:#a7f3d0;background:#34d39924;border-radius:16px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;font-weight:950;display:inline-flex}.tic-tac-toe-team-card strong,.tic-tac-toe-winner-card strong,.tic-tac-toe-saved-item strong{color:#f8fafc}.tic-tac-toe-team-card.is-current{border-color:#34d39975;box-shadow:0 0 0 3px #34d3991f}.tic-tac-toe-winner-card{background:#fbbf241f;border-color:#fbbf2457;margin-top:14px}.tic-tac-toe-winner-card span{color:#fde68a;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.tic-tac-toe-modal-backdrop{z-index:850;background:#020617b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tic-tac-toe-question-panel{background:radial-gradient(circle at 100% 0,#34d39929,#0000 38%),#0f172a;border:1px solid #34d39947;border-radius:30px;flex-direction:column;width:min(1100px,100vw - 48px);min-height:min(520px,100vh - 80px);max-height:calc(100vh - 80px);display:flex;overflow:hidden;box-shadow:0 30px 90px #0206177a}.tic-tac-toe-popup-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px 10px;display:flex}.tic-tac-toe-popup-body{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:0 22px 8px;display:flex;overflow-y:auto}.ttt-popup-display{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding-block:12px;display:flex}.tic-tac-toe-popup-prompt{color:#f8fafc;letter-spacing:-.05em;overflow-wrap:anywhere;word-break:break-word;text-align:center;width:100%;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.ttt-popup-display.is-revealed .tic-tac-toe-popup-prompt,.tic-tac-toe-popup-prompt.ttt-prompt-revealed{opacity:.65}.tic-tac-toe-question-panel.is-normal .tic-tac-toe-popup-prompt{font-size:clamp(1.4rem,3vw,2.4rem)}.tic-tac-toe-question-panel.is-large .tic-tac-toe-popup-prompt{font-size:clamp(1.8rem,4vw,3.2rem)}.tic-tac-toe-question-panel.is-huge .tic-tac-toe-popup-prompt{font-size:clamp(2rem,5vw,4rem)}.tic-tac-toe-question-panel.is-projector .tic-tac-toe-popup-prompt{font-size:clamp(2.8rem,7vw,5.8rem)}.tic-tac-toe-question-panel.is-normal .tic-tac-toe-popup-prompt.ttt-prompt-revealed{font-size:clamp(1rem,2vw,1.6rem)}.tic-tac-toe-question-panel.is-large .tic-tac-toe-popup-prompt.ttt-prompt-revealed{font-size:clamp(1.1rem,2.4vw,1.9rem)}.tic-tac-toe-question-panel.is-huge .tic-tac-toe-popup-prompt.ttt-prompt-revealed{font-size:clamp(1.2rem,2.8vw,2.2rem)}.tic-tac-toe-question-panel.is-projector .tic-tac-toe-popup-prompt.ttt-prompt-revealed{font-size:clamp(1.6rem,4vw,3.2rem)}.tic-tac-toe-popup-answer{color:#f8fafc;overflow-wrap:anywhere;word-break:break-word;text-align:center;margin-top:8px;font-size:clamp(1.5rem,3vw,2.8rem);line-height:1.2;display:block}.tic-tac-toe-question-panel.is-normal .tic-tac-toe-popup-answer{font-size:clamp(1.1rem,2.5vw,2rem)}.tic-tac-toe-question-panel.is-large .tic-tac-toe-popup-answer{font-size:clamp(1.3rem,3vw,2.4rem)}.tic-tac-toe-question-panel.is-huge .tic-tac-toe-popup-answer{font-size:clamp(1.5rem,3.5vw,2.8rem)}.tic-tac-toe-question-panel.is-projector .tic-tac-toe-popup-answer{font-size:clamp(2rem,5vw,4rem)}.tic-tac-toe-popup-actions{border-top:1px solid #94a3b824;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 22px 20px;display:flex}.ttt-popup-claim-row{gap:10px;display:flex}.ttt-popup-claim-btn{color:#d1fae5;min-height:46px;font-weight:950;font:inherit;cursor:pointer;white-space:nowrap;background:#34d39924;border:1px solid #34d39947;border-radius:16px;flex:1 1 0;padding:10px 13px}.ttt-popup-claim-btn:hover{background:#34d39938}.ttt-popup-main-row{gap:10px;display:flex}.tic-tac-toe-reveal-button{flex:auto;min-height:58px;font-size:1.05rem}.tic-tac-toe-popup-close{flex:none;min-height:58px}.tic-tac-toe-size-controls{gap:8px;display:flex}.tic-tac-toe-size-btn{color:#d1fae5;cursor:pointer;background:#34d3991a;border:1px solid #34d39947;border-radius:14px;width:52px;min-width:52px;min-height:40px;padding-inline:0;font-weight:950}.tic-tac-toe-size-btn:disabled{opacity:.38;cursor:not-allowed}.tic-tac-toe-answer-card,.tic-tac-toe-claimed-note{text-align:center;background:#fbbf241f;border:1px solid #fbbf2447;border-radius:22px;width:100%;min-height:90px;margin-top:0;padding:20px 22px}.tic-tac-toe-answer-card span{color:#fde68a;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.tic-tac-toe-claim-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.tic-tac-toe-setup-panel{gap:16px;display:grid}.tic-tac-toe-setup-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.tic-tac-toe-example-list{gap:9px;max-height:480px;margin-top:14px;padding-right:4px;display:grid;overflow:auto}.tic-tac-toe-example-list button{color:#f8fafc;text-align:left;cursor:pointer;background:#0f172a8f;border:1px solid #94a3b82e;border-radius:18px;padding:12px}.tic-tac-toe-example-list button.is-active{background:#34d39924;border-color:#34d39980}.tic-tac-toe-example-list span,.tic-tac-toe-square-editor span{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.tic-tac-toe-example-list strong{margin-top:5px;display:block}.tic-tac-toe-example-list small{color:#cbd5e1;margin-top:5px;line-height:1.35;display:block}.tic-tac-toe-form-grid,.tic-tac-toe-square-editor-grid{gap:12px;margin-top:14px;display:grid}.tic-tac-toe-form-grid label,.tic-tac-toe-square-editor label{color:#cbd5e1;gap:6px;font-size:.84rem;font-weight:850;display:grid}.tic-tac-toe-form-grid input,.tic-tac-toe-square-editor textarea{color:#f8fafc;width:100%;font:inherit;background:#0f172ab8;border:1px solid #94a3b838;border-radius:15px;padding:10px 12px}.tic-tac-toe-square-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tic-tac-toe-square-editor{background:#0f172a7a;border:1px solid #94a3b82e;border-radius:18px;padding:12px}.tic-tac-toe-square-editor textarea{resize:vertical;min-height:86px}.tic-tac-toe-saved-list{margin-top:16px}.tic-tac-toe-saved-list h3{color:#f8fafc;margin:0 0 10px}.tic-tac-toe-saved-list p{color:#cbd5e1}.tic-tac-toe-saved-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;display:grid}.tic-tac-toe-saved-item div{gap:7px;display:flex}.tic-tac-toe-saved-item .danger-button{color:#fecdd3;background:#fb71851f;border-color:#fb718547}.tic-tac-toe-classroom-bar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ae6;border:1px solid #34d3992e;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.tic-tac-toe-classroom-bar strong{color:#f8fafc}.tic-tac-toe-classroom-bar button{color:#422006;background:#fbbf24;border:0;border-radius:999px;min-height:36px;padding:8px 12px;font-weight:950}body:not(.dark-mode) .tic-tac-toe-hero,body:not(.dark-mode) .tic-tac-toe-board-card,body:not(.dark-mode) .tic-tac-toe-side-card,body:not(.dark-mode) .tic-tac-toe-setup-card{background:radial-gradient(circle at 100% 0,#2dd4bf1a,#0000 38%),#fff;border-color:#0f172a1a;box-shadow:0 18px 42px #0f172a14}body:not(.dark-mode) .tic-tac-toe-hero h1,body:not(.dark-mode) .tic-tac-toe-board-top h2,body:not(.dark-mode) .tic-tac-toe-section-heading h2,body:not(.dark-mode) .tic-tac-toe-team-card strong,body:not(.dark-mode) .tic-tac-toe-winner-card strong,body:not(.dark-mode) .tic-tac-toe-saved-item strong,body:not(.dark-mode) .tic-tac-toe-saved-list h3{color:#0f172a}body:not(.dark-mode) .tic-tac-toe-hero p:not(.dashboard-kicker),body:not(.dark-mode) .tic-tac-toe-example-list small,body:not(.dark-mode) .tic-tac-toe-saved-list p,body:not(.dark-mode) .tic-tac-toe-form-grid label,body:not(.dark-mode) .tic-tac-toe-square-editor label{color:#475569}body:not(.dark-mode) .tic-tac-toe-square,body:not(.dark-mode) .tic-tac-toe-team-card,body:not(.dark-mode) .tic-tac-toe-saved-item,body:not(.dark-mode) .tic-tac-toe-example-list button,body:not(.dark-mode) .tic-tac-toe-square-editor{color:#0f172a;background:#f8fafc;border-color:#0f172a1a}body:not(.dark-mode) .tic-tac-toe-square small{color:#475569}body:not(.dark-mode) .tic-tac-toe-square.is-x{background:#ecfdf5}body:not(.dark-mode) .tic-tac-toe-square.is-o{background:#fffbeb}body:not(.dark-mode) .tic-tac-toe-form-grid input,body:not(.dark-mode) .tic-tac-toe-square-editor textarea{color:#0f172a;background:#fff;border-color:#0f172a1f}body:not(.dark-mode) .tic-tac-toe-question-panel{background:#fff;border-color:#0f172a1f}body:not(.dark-mode) .tic-tac-toe-popup-prompt,body:not(.dark-mode) .tic-tac-toe-popup-answer,body:not(.dark-mode) .tic-tac-toe-answer-card strong{color:#0f172a}body:not(.dark-mode) .tic-tac-toe-popup-actions{border-top-color:#0f172a1a}body:not(.dark-mode) .tic-tac-toe-size-btn,body:not(.dark-mode) .tic-tac-toe-hero-actions button,body:not(.dark-mode) .tic-tac-toe-tool-actions button,body:not(.dark-mode) .tic-tac-toe-save-actions button,body:not(.dark-mode) .tic-tac-toe-saved-item button,body:not(.dark-mode) .tic-tac-toe-claim-actions button,body:not(.dark-mode) .tic-tac-toe-import-actions button,body:not(.dark-mode) .tic-tac-toe-print-actions button,body:not(.dark-mode) .tic-tac-toe-reveal-button,body:not(.dark-mode) .tic-tac-toe-popup-close,body:not(.dark-mode) .tic-tac-toe-question-top button,body:not(.dark-mode) .tic-tac-toe-claimed-note button{color:#1e293b;background:#f1f5f9;border-color:#0f172a24}body:not(.dark-mode) .tic-tac-toe-claim-actions button:first-child,body:not(.dark-mode) .tic-tac-toe-import-actions button:first-child,body:not(.dark-mode) .tic-tac-toe-reveal-button{color:#fff;background:linear-gradient(135deg,#10b981,#0d9488);border-color:#0000}body:not(.dark-mode) .tic-tac-toe-saved-item .danger-button{color:#dc2626;background:#fef2f2;border-color:#ef44443d}body:not(.dark-mode) .tic-tac-toe-status-chip{color:#92400e;background:#f59e0b1a;border-color:#f59e0b3d}body:not(.dark-mode) .tic-tac-toe-square span{color:#475569;background:#0f172a14}body:not(.dark-mode) .tic-tac-toe-square strong{color:#1e293b}body:not(.dark-mode) .tic-tac-toe-square.is-x{background:#ecfdf5;border-color:#10b9815c}body:not(.dark-mode) .tic-tac-toe-square.is-x strong{color:#065f46}body:not(.dark-mode) .tic-tac-toe-square.is-o{background:#fffbeb;border-color:#f59e0b61}body:not(.dark-mode) .tic-tac-toe-square.is-o strong{color:#92400e}body:not(.dark-mode) .tic-tac-toe-team-card span{color:#047857;background:#10b9811f}body:not(.dark-mode) .tic-tac-toe-team-card.is-current{border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a}body:not(.dark-mode) .tic-tac-toe-winner-card{background:#f59e0b14;border-color:#f59e0b47}body:not(.dark-mode) .tic-tac-toe-winner-card span{color:#92400e}body:not(.dark-mode) .tic-tac-toe-winner-card strong{color:#78350f}body:not(.dark-mode) .tic-tac-toe-answer-card,body:not(.dark-mode) .tic-tac-toe-claimed-note{background:#f59e0b14;border-color:#f59e0b38}body:not(.dark-mode) .tic-tac-toe-answer-card span{color:#92400e}body:not(.dark-mode) .tic-tac-toe-example-list span{color:#047857}body:not(.dark-mode) .tic-tac-toe-example-list button.is-active{background:#ecfdf5;border-color:#10b98166}body:not(.dark-mode) .tic-tac-toe-classroom-bar{background:#fffffff5;border-color:#0f172a1f}body:not(.dark-mode) .tic-tac-toe-classroom-bar strong{color:#0f172a}body:not(.dark-mode) .tic-tac-toe-classroom-bar button{color:#fff;background:linear-gradient(135deg,#10b981,#0d9488)}.tic-tac-toe-page.is-classroom-mode{gap:8px;min-height:100vh;padding:8px 10px}.tic-tac-toe-page.is-classroom-mode .tic-tac-toe-hero,.tic-tac-toe-page.is-classroom-mode .tic-tac-toe-setup-panel{display:none}.tic-tac-toe-page.is-classroom-mode .tic-tac-toe-layout{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.tic-tac-toe-page.is-classroom-mode .tic-tac-toe-board-card,.tic-tac-toe-page.is-classroom-mode .tic-tac-toe-side-card{min-height:0}.tic-tac-toe-page.is-classroom-mode .tic-tac-toe-board-frame{width:min(100%,100vh - 170px,720px);margin-inline:auto}.tic-tac-toe-page.is-classroom-mode .tic-tac-toe-square strong{font-size:clamp(3rem,8vh,6rem)}@media (width<=980px){.tic-tac-toe-hero,.tic-tac-toe-board-top,.tic-tac-toe-section-heading{flex-direction:column;align-items:stretch}.tic-tac-toe-hero-toolbar{min-width:0}.tic-tac-toe-layout,.ttt-setup-two-col,.tic-tac-toe-square-editor-grid,.tic-tac-toe-page.is-classroom-mode .tic-tac-toe-layout{grid-template-columns:1fr}}@media (width<=650px){.tic-tac-toe-page{padding:12px}.tic-tac-toe-board-frame{border-radius:22px;padding:7px}.tic-tac-toe-board{gap:6px}.tic-tac-toe-square{border-radius:16px;padding:10px}.tic-tac-toe-square strong{font-size:clamp(2.8rem,15vw,4.8rem)}.tic-tac-toe-square small{font-size:.72rem}.tic-tac-toe-claim-actions,.tic-tac-toe-saved-item{grid-template-columns:1fr}}.tic-tac-toe-help-backdrop{z-index:900;background:#020617bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tic-tac-toe-help-panel{background:radial-gradient(circle at 100% 0,#34d39929,#0000 38%),#0f172a;border:1px solid #34d39947;border-radius:30px;width:min(760px,100%);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 30px 90px #02061780}.tic-tac-toe-help-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.tic-tac-toe-help-top h2{color:#f8fafc;letter-spacing:-.07em;margin:0;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.95}.tic-tac-toe-help-top button,.tic-tac-toe-help-actions button,.tic-tac-toe-help-button{color:#d1fae5;cursor:pointer;background:#34d39924;border:1px solid #34d39947;border-radius:16px;min-height:40px;padding:10px 13px;font-weight:950}.tic-tac-toe-help-steps{gap:10px;margin-top:18px;display:grid}.tic-tac-toe-help-steps article{background:#0f172a94;border:1px solid #94a3b829;border-radius:20px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px;display:grid}.tic-tac-toe-help-steps article>span{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf);border-radius:14px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:950;display:inline-flex}.tic-tac-toe-help-steps h3{color:#f8fafc;margin:0;font-size:1rem}.tic-tac-toe-help-steps p{color:#cbd5e1;margin:5px 0 0;line-height:1.45}.tic-tac-toe-help-tips{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf243d;border-radius:18px;gap:8px;margin-top:14px;padding:12px;line-height:1.45;display:flex}.tic-tac-toe-help-tips span{color:#fef3c7}.tic-tac-toe-help-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.tic-tac-toe-help-actions button:first-child{color:#052e2b;background:linear-gradient(135deg,#34d399,#2dd4bf)}body:not(.dark-mode) .tic-tac-toe-help-panel{background:radial-gradient(circle at 100% 0,#2dd4bf1f,#0000 38%),#fff;border-color:#0f172a1f}body:not(.dark-mode) .tic-tac-toe-help-top h2,body:not(.dark-mode) .tic-tac-toe-help-steps h3{color:#0f172a}body:not(.dark-mode) .tic-tac-toe-help-steps article{background:#f8fafc;border-color:#0f172a1a}body:not(.dark-mode) .tic-tac-toe-help-steps p{color:#475569}body:not(.dark-mode) .tic-tac-toe-help-tips{color:#92400e;background:#f59e0b14;border-color:#f59e0b38}body:not(.dark-mode) .tic-tac-toe-help-tips span{color:#78350f}body:not(.dark-mode) .tic-tac-toe-help-top button,body:not(.dark-mode) .tic-tac-toe-help-actions button,body:not(.dark-mode) .tic-tac-toe-help-button{color:#047857;background:#10b9811a;border-color:#10b9812e}@media (width<=650px){.tic-tac-toe-help-top{flex-direction:column}.tic-tac-toe-help-actions{display:grid}.tic-tac-toe-help-actions button{width:100%}}.tic-tac-toe-import-hint{color:#94a3b8;margin:12px 0 10px;font-size:.84rem;line-height:1.5}.tic-tac-toe-import-hint code{color:#a7f3d0;background:#94a3b824;border-radius:5px;padding:1px 5px;font-family:ui-monospace,Cascadia Code,Fira Code,Consolas,monospace;font-size:.82rem}.tic-tac-toe-import-textarea{color:#f8fafc;width:100%;font:inherit;resize:vertical;background:#0f172ab8;border:1px solid #94a3b838;border-radius:15px;min-height:140px;padding:10px 12px;font-size:.88rem;line-height:1.5}.tic-tac-toe-import-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}body:not(.dark-mode) .tic-tac-toe-import-hint{color:#475569}body:not(.dark-mode) .tic-tac-toe-import-hint code{color:#047857;background:#0f172a12}body:not(.dark-mode) .tic-tac-toe-import-textarea{color:#0f172a;background:#fff;border-color:#0f172a1f}.tic-tac-toe-print-area{display:none}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}.app-shell,.shell-main,.shell-content{background:0 0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.shell-topbar,.shell-sidebar,.shell-settings,.shell-overlay,.mini-class-timer{display:none!important}.tic-tac-toe-page{background:0 0!important;gap:0!important;min-height:0!important;padding:0!important;display:block!important}.tic-tac-toe-page>:not(.tic-tac-toe-print-area){display:none!important}.tic-tac-toe-print-area{color:#000;letter-spacing:.01em;background:#fff;padding:10mm 14mm;font-family:Andika,Arial,Verdana,sans-serif;font-size:10.5pt;line-height:1.35;visibility:visible!important;display:block!important}.tic-tac-toe-print-header{border-bottom:2pt solid #111;margin-bottom:6pt;padding-bottom:4pt}.tic-tac-toe-print-kicker{text-transform:uppercase;letter-spacing:.08em;color:#555;margin:0 0 2pt;font-family:Arial,Verdana,sans-serif;font-size:7pt}.tic-tac-toe-print-title{color:#000;margin:0 0 3pt;font-size:17pt;font-weight:700;line-height:1.1}.tic-tac-toe-print-teams{color:#333;margin:0;font-family:Arial,Verdana,sans-serif;font-size:9pt}.tic-tac-toe-print-footer{text-align:center;color:#666;border-top:.5pt solid #ccc;margin-top:6pt;padding-top:4pt;font-family:Arial,Verdana,sans-serif;font-size:7pt}.tic-tac-toe-print-grid{grid-template-columns:repeat(3,1fr);gap:5pt;margin-top:8pt;display:grid}.tic-tac-toe-print-square{page-break-inside:avoid;break-inside:avoid;border:2pt solid #111;min-height:38mm;padding:7pt 8pt}.tic-tac-toe-print-square-num{border:1.5pt solid #111;border-radius:50%;justify-content:center;align-items:center;width:17pt;height:17pt;margin-bottom:4pt;font-family:Arial,Verdana,sans-serif;font-size:8pt;font-weight:700;display:inline-flex}.tic-tac-toe-print-square-prompt{letter-spacing:.01em;margin:0;font-size:9.5pt;line-height:1.45}.tic-tac-toe-print-question-list{grid-template-columns:1fr 1fr;gap:5pt 10pt;margin:6pt 0 0;padding:0;list-style:none;display:grid}.tic-tac-toe-print-question-item{page-break-inside:avoid;break-inside:avoid;border:1pt solid #ccc;padding:5pt 7pt}.tic-tac-toe-print-question-num{text-transform:uppercase;letter-spacing:.06em;color:#555;margin:0 0 2pt;font-family:Arial,Verdana,sans-serif;font-size:7pt;font-weight:700}.tic-tac-toe-print-question-prompt{letter-spacing:.01em;margin:0 0 3pt;font-size:9.5pt;font-weight:700;line-height:1.35}.tic-tac-toe-print-answer-label{text-transform:uppercase;letter-spacing:.06em;color:#555;margin:0 0 1pt;font-family:Arial,Verdana,sans-serif;font-size:7pt}.tic-tac-toe-print-answer-text{letter-spacing:.01em;margin:0 0 3pt;font-size:9.5pt;font-style:italic;line-height:1.35}.tic-tac-toe-print-notes-lines{border-top:.5pt solid #ccc;margin-top:3pt;padding-top:3pt}.tic-tac-toe-print-notes-line{border-bottom:.5pt solid #ddd;height:12pt;margin-top:1pt}}.ttt-accordion{gap:10px;display:grid}.ttt-accordion-item{background:radial-gradient(circle at 100% 0,#34d3990f,#0000 38%),#0f172ac2;border:1px solid #94a3b82e;border-radius:22px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.ttt-accordion-item.is-open{border-color:#34d3996b;box-shadow:0 4px 18px #34d39914}.ttt-accordion-trigger{color:#f8fafc;cursor:pointer;text-align:left;letter-spacing:-.02em;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:14px 20px;font-size:1rem;font-weight:950;display:flex}.ttt-accordion-trigger:hover{background:#34d39914}.ttt-accordion-icon{color:#94a3b8;background:#94a3b82e;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;margin-left:12px;font-size:1.1rem;font-weight:900;line-height:1;display:grid}.ttt-accordion-item.is-open .ttt-accordion-icon{color:#34d399;background:#34d39938}.ttt-accordion-content{border-top:1px solid #94a3b824;padding:6px 18px 18px}.ttt-accordion-content .tic-tac-toe-example-list,.ttt-accordion-content .tic-tac-toe-form-grid,.ttt-accordion-content .tic-tac-toe-saved-list{margin-top:0}body:not(.dark-mode) .ttt-accordion-item{background:#fff;border-color:#0f172a1a;box-shadow:0 2px 8px #0f172a0d}body:not(.dark-mode) .ttt-accordion-item.is-open{border-color:#10b98166;box-shadow:0 4px 18px #10b98114}body:not(.dark-mode) .ttt-accordion-trigger{color:#0f172a}body:not(.dark-mode) .ttt-accordion-trigger:hover{background:#10b9810f}body:not(.dark-mode) .ttt-accordion-icon{color:#64748b;background:#0f172a12}body:not(.dark-mode) .ttt-accordion-item.is-open .ttt-accordion-icon{color:#047857;background:#10b98124}body:not(.dark-mode) .ttt-accordion-content{border-top-color:#0f172a14}body:not(.dark-mode) .tic-tac-toe-board-frame{background:#0f172a24;border-color:#0f172a33}body:not(.dark-mode) .ttt-btn-primary{color:#fff;background:linear-gradient(135deg,#10b981,#0d9488);border-color:#0000}body:not(.dark-mode) .ttt-btn-primary:hover{background:linear-gradient(135deg,#0d9488,#10b981)}body:not(.dark-mode) .ttt-btn-secondary{color:#1e293b;background:#f1f5f9;border-color:#0f172a24}body:not(.dark-mode) .ttt-btn-secondary:hover{background:#e2e8f0}body:not(.dark-mode) .ttt-btn-danger{color:#dc2626;background:#fef2f2;border-color:#ef44443d}body:not(.dark-mode) .ttt-btn-danger:hover{background:#fee2e2}body:not(.dark-mode) .tic-tac-toe-hero-actions button{color:#1e293b;background:#f1f5f9;border-color:#0f172a24}.ttt-setup-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.ttt-setup-col{gap:10px;display:grid}.ttt-example-search-row{align-items:center;gap:10px;margin-top:12px;margin-bottom:4px;display:flex}.ttt-example-search{color:#f8fafc;min-width:0;font:inherit;background:#0f172a99;border:1px solid #94a3b838;border-radius:14px;flex:auto;padding:9px 13px;font-size:.88rem}.ttt-example-search::placeholder{color:#64748b}.ttt-example-search:focus{outline-offset:1px;outline:2px solid #34d39980}.ttt-example-count{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:.76rem;font-weight:850}.ttt-example-empty{color:#94a3b8;margin:14px 0 6px;font-size:.88rem}body:not(.dark-mode) .ttt-example-search{color:#0f172a;background:#fff;border-color:#0f172a24}body:not(.dark-mode) .ttt-example-search::placeholder{color:#94a3b8}body:not(.dark-mode) .ttt-example-count,body:not(.dark-mode) .ttt-example-empty{color:#64748b}.ttt-mini-timer{background:#0f172ab8;border:1px solid #34d39942;border-radius:20px;gap:10px;margin-top:8px;padding:14px 14px 12px;display:grid}.ttt-mini-timer-display{text-align:center;letter-spacing:-.04em;color:#f8fafc;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:950;line-height:1}.ttt-mini-timer-presets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ttt-mini-timer-preset{color:#cbd5e1;min-height:32px;font:inherit;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b83d;border-radius:12px;padding:4px 11px;font-size:.82rem;font-weight:900}.ttt-mini-timer-preset.is-active{color:#a7f3d0;background:#34d39929;border-color:#34d39975}.ttt-mini-timer-controls{grid-template-columns:1fr auto;gap:7px;display:grid}.ttt-mini-timer-start{color:#052e2b;min-height:38px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d3995c;border-radius:14px;font-weight:950}.ttt-mini-timer-start:disabled{opacity:.4;cursor:not-allowed}.ttt-mini-timer-reset{color:#cbd5e1;min-height:38px;font:inherit;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b83d;border-radius:14px;padding-inline:14px;font-weight:900}.ttt-timer-running-badge{font-variant-numeric:tabular-nums;opacity:.85;font-size:.85em}body:not(.dark-mode) .ttt-mini-timer{background:#f8fafc;border-color:#0f172a1f}body:not(.dark-mode) .ttt-mini-timer-display{color:#0f172a}body:not(.dark-mode) .ttt-mini-timer-preset{color:#1e293b;background:#f1f5f9;border-color:#0f172a24}body:not(.dark-mode) .ttt-mini-timer-preset.is-active{color:#065f46;background:#ecfdf5;border-color:#10b98166}body:not(.dark-mode) .ttt-mini-timer-start{color:#fff;background:linear-gradient(135deg,#10b981,#0d9488);border-color:#0000}body:not(.dark-mode) .ttt-mini-timer-reset{color:#1e293b;background:#f1f5f9;border-color:#0f172a24}.ttt-display-text{letter-spacing:-.01em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-weight:900;line-height:1.22}body:not(.dark-mode) .ttt-popup-claim-btn{color:#1e293b;background:#f1f5f9;border-color:#0f172a24}body:not(.dark-mode) .ttt-popup-claim-btn:hover{background:#e2e8f0}body:not(.dark-mode) .tic-tac-toe-popup-prompt.ttt-prompt-revealed{opacity:.55}body:not(.dark-mode) .tic-tac-toe-popup-answer{color:#0f172a}@media (width<=480px){.ttt-popup-claim-row,.ttt-popup-main-row{flex-direction:column}.tic-tac-toe-reveal-button,.tic-tac-toe-popup-close{width:100%}}.safety-terms-page{max-width:980px;margin:0 auto;padding:28px 18px 40px}.safety-terms-header{margin-bottom:22px}.safety-terms-header h1{color:var(--navy-dark);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08}.dark-mode .safety-terms-header h1{color:var(--dark-text)}.safety-terms-intro{max-width:62ch;color:var(--text-soft);margin:0;font-size:1rem;line-height:1.58}.dark-mode .safety-terms-intro{color:var(--dark-muted)}.safety-terms-grid{gap:14px;display:grid}.safety-terms-card{background:radial-gradient(circle at top right, #2dd4bf14, transparent 38%), var(--white);box-shadow:var(--shadow-soft);border:1px solid #0f172a14;border-radius:22px;padding:20px 22px}.dark-mode .safety-terms-card{box-shadow:var(--shadow-dark);background:radial-gradient(circle at 100% 0,#34d3991a,#0000 38%),#0f172ad6;border-color:#94a3b82e}.safety-terms-card h2{color:var(--navy-dark);margin:0 0 10px;font-size:1.12rem;line-height:1.2}.dark-mode .safety-terms-card h2{color:var(--dark-text)}.safety-terms-card p{color:var(--text-soft);margin:0 0 10px;font-size:.96rem;line-height:1.55}.safety-terms-card p:last-child{margin-bottom:0}.dark-mode .safety-terms-card p{color:var(--dark-muted)}.safety-terms-contact{margin-top:4px!important}.safety-terms-contact a{color:var(--green-dark);text-underline-offset:3px;font-weight:800;text-decoration:underline}.dark-mode .safety-terms-contact a{color:var(--green)}.safety-terms-note{color:var(--muted)!important;margin-top:8px!important;font-size:.88rem!important}.dark-mode .safety-terms-note{color:#94a3b8!important}.safety-terms-footer{background:#fff7edb3;border:1px dashed #0f172a1f;border-radius:16px;margin-top:20px;padding:14px 16px}.dark-mode .safety-terms-footer{background:#1e293b80;border-color:#94a3b838}.safety-terms-footer p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.dark-mode .safety-terms-footer p{color:#94a3b8}.safety-terms-footer strong{color:var(--navy-dark)}.dark-mode .safety-terms-footer strong{color:var(--dark-text)}@media (width>=760px){.safety-terms-grid{grid-template-columns:1fr 1fr}.safety-terms-card:last-child,.safety-terms-footer{grid-column:1/-1}}.fp-page{max-width:980px;margin:0 auto;padding:28px 18px 44px}.fp-header{margin-bottom:22px}.fp-header h1{color:var(--navy-dark);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08}.dark-mode .fp-header h1{color:var(--dark-text)}.fp-intro{max-width:62ch;color:var(--text-soft);margin:0;font-size:1rem;line-height:1.58}.dark-mode .fp-intro{color:var(--dark-muted)}.fp-grid{gap:14px;display:grid}.fp-card{background:radial-gradient(circle at top right, #2dd4bf14, transparent 38%), var(--white);box-shadow:var(--shadow-soft);border:1px solid #0f172a14;border-radius:22px;padding:20px 22px}.dark-mode .fp-card{box-shadow:var(--shadow-dark);background:radial-gradient(circle at 100% 0,#34d3991a,#0000 38%),#0f172ad6;border-color:#94a3b82e}.fp-card h2{color:var(--navy-dark);margin:0 0 10px;font-size:1.12rem;line-height:1.2}.dark-mode .fp-card h2{color:var(--dark-text)}.fp-card p{color:var(--text-soft);margin:0 0 10px;font-size:.96rem;line-height:1.55}.fp-card p:last-child{margin-bottom:0}.dark-mode .fp-card p{color:var(--dark-muted)}.fp-card ul{color:var(--text-soft);margin:0 0 10px;padding-left:18px;font-size:.96rem;line-height:1.55}.dark-mode .fp-card ul{color:var(--dark-muted)}.fp-card li{margin-bottom:4px}.fp-card.fp-warning{background:radial-gradient(circle at 100% 0,#fbbf241f,#0000 40%),#fffbeb;border-color:#fbbf2459}.dark-mode .fp-card.fp-warning{background:radial-gradient(circle at 100% 0,#fbbf2424,#0000 40%),#1e1605d6;border-color:#fbbf2447}.fp-card.fp-warning h2{color:#92400e}.dark-mode .fp-card.fp-warning h2{color:#fde68a}.fp-link{color:var(--green-dark);text-underline-offset:3px;word-break:break-all;font-weight:700;text-decoration:underline}.dark-mode .fp-link{color:var(--green)}.fp-note{color:var(--muted)!important;font-size:.88rem!important}.dark-mode .fp-note{color:#94a3b8!important}.fp-footer{background:#fff7edb3;border:1px dashed #0f172a1f;border-radius:16px;margin-top:20px;padding:14px 16px}.dark-mode .fp-footer{background:#1e293b80;border-color:#94a3b838}.fp-footer p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.dark-mode .fp-footer p{color:#94a3b8}.fp-footer strong{color:var(--navy-dark)}.dark-mode .fp-footer strong{color:var(--dark-text)}.fp-footer a{color:var(--green-dark);text-underline-offset:2px;text-decoration:underline}.dark-mode .fp-footer a{color:var(--green)}@media (width>=640px){.fp-grid{grid-template-columns:1fr 1fr}}.app-footer{background:#fff7ed8c;border-top:1px solid #0f172a1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 18px;display:flex}.dark-mode .app-footer{background:#0f172a80;border-top-color:#94a3b829}.app-footer-brand{color:var(--muted);white-space:nowrap;margin:0;font-size:.82rem;font-weight:600}.dark-mode .app-footer-brand{color:#94a3b8}.app-footer-nav{flex-wrap:wrap;gap:2px 4px;display:flex}.app-footer-link{color:var(--muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;border-radius:6px;padding:3px 7px;font-family:inherit;font-size:.82rem;line-height:1.4;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.app-footer-link:hover{color:var(--navy-dark);-webkit-text-decoration-color:var(--navy-dark);text-decoration-color:var(--navy-dark)}.dark-mode .app-footer-link{color:#94a3b8}.dark-mode .app-footer-link:hover{color:var(--dark-text);-webkit-text-decoration-color:var(--dark-text);text-decoration-color:var(--dark-text)}body:not(.dark-mode) .app-footer-link:hover{color:var(--navy-dark);-webkit-text-decoration-color:var(--navy-dark);text-decoration-color:var(--navy-dark)}:root{--navy:#172554;--navy-2:#1e3a8a;--navy-dark:#0f172a;--green:#34d399;--green-dark:#047857;--teal:#2dd4bf;--blue:#2563eb;--blue-soft:#60a5fa;--cream:#fff7ed;--cream-soft:#fffbf5;--white:#fff;--gold:#fbbf24;--gold-dark:#f59e0b;--danger:#ef4444;--danger-soft:#fee2e2;--text:#111827;--text-soft:#334155;--muted:#475569;--border:#e2d3bf;--border-soft:#cbb79475;--border-dark:#94a3b847;--dark-bg:#0f172a;--dark-bg-2:#111827;--dark-surface:#1e293b;--dark-panel:#0f172a;--dark-text:#f8fafc;--dark-muted:#cbd5e1;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-2xl:32px;--shadow-soft:0 10px 24px #0f172a14;--shadow-card:0 16px 36px #0f172a1a;--shadow-large:0 18px 45px #0f172a1f;--shadow-dark:0 20px 44px #0000003d}*{box-sizing:border-box}html,body,#root{width:100%;max-width:none;min-height:100%;text-align:initial;margin:0;padding:0}body{background:radial-gradient(circle at top left, #f59e0b2e, transparent 32%), radial-gradient(circle at top right, #14b8a629, transparent 34%), var(--cream);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app,.app-shell{width:100%;min-height:100vh}.dark-mode,.theme-dark{color:var(--dark-text)}.app-shell{color:var(--text);background:#f3f4f6}.dark-mode.app-shell,.dark-mode .shell-main,.dark-mode .shell-content{color:var(--dark-text);background:radial-gradient(circle at 0 0,#34d39914,#0000 32%),radial-gradient(circle at 100% 0,#f59e0b0f,#0000 28%),linear-gradient(#0f172a 0%,#111827 48%,#0b1120 100%)}.shell-topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #94a3b859;grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;gap:12px;padding:10px 18px;display:grid;position:sticky;top:0}.dark-mode .shell-topbar{background:#0f172af0;border-bottom-color:#475569b3}.shell-icon-button,.shell-close-button{color:#111827;background:#fff;border:1px solid #94a3b880;border-radius:14px;min-width:42px;min-height:42px;font-size:20px;font-weight:800;box-shadow:0 8px 18px #0f172a14}.dark-mode .shell-icon-button,.dark-mode .shell-close-button{background:var(--dark-surface);color:var(--dark-text);border-color:#94a3b859}.shell-icon-button:hover,.shell-close-button:hover{transform:translateY(-1px)}.shell-brand{flex-direction:column;line-height:1.1;display:flex}.shell-brand-title{color:#111827;letter-spacing:-.03em;font-weight:900}.dark-mode .shell-brand-title{color:var(--dark-text)}.shell-brand-subtitle{color:#64748b;margin-top:2px;font-size:.82rem;font-weight:700}.dark-mode .shell-brand-subtitle{color:var(--dark-muted)}.shell-page-actions{justify-self:end;align-items:center;gap:8px;display:flex}.shell-dashboard-button{background:linear-gradient(135deg, var(--green), var(--teal));color:#052e2b;border:0;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:950;box-shadow:0 10px 22px #2dd4bf29}.shell-dashboard-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #2dd4bf3d}.shell-current-page{color:#3730a3;background:#eef2ff;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:900}.dark-mode .shell-current-page{color:#fff;background:#6366f147}.shell-main,.shell-content{width:100%}.mobile-preview .shell-content{border-left:1px solid #94a3b840;border-right:1px solid #94a3b840;max-width:430px;min-height:calc(100vh - 64px);margin:0 auto}.shell-overlay{z-index:80;background:#0f172a70;border:0;position:fixed;inset:0}.shell-sidebar,.shell-settings{z-index:90;color:#111827;background:#fff;width:min(360px,92vw);transition:transform .18s;position:fixed;top:0;bottom:0;overflow-y:auto}.shell-sidebar{left:0;transform:translate(-105%);box-shadow:24px 0 60px #0f172a47}.shell-sidebar.is-open{transform:translate(0)}.shell-settings{right:0;transform:translate(105%);box-shadow:-24px 0 60px #0f172a47}.shell-settings.is-open{transform:translate(0)}.dark-mode .shell-sidebar,.dark-mode .shell-settings{background:var(--dark-bg);color:var(--dark-text)}.shell-sidebar-header{border-bottom:1px solid #94a3b847;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.shell-sidebar-header h2{color:#111827;letter-spacing:-.03em;margin:0;font-size:1.25rem}.dark-mode .shell-sidebar-header h2{color:var(--dark-text)}.shell-sidebar-header p{color:#64748b;margin:4px 0 0;font-size:.92rem}.dark-mode .shell-sidebar-header p{color:var(--dark-muted)}.shell-close-button{min-width:36px;min-height:36px;font-size:24px;line-height:1}.shell-nav{padding:18px}.shell-nav-section{margin-bottom:22px}.shell-nav-section h3,.shell-settings-section h3{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900}.dark-mode .shell-nav-section h3,.dark-mode .shell-settings-section h3{color:var(--dark-text)}.shell-nav-list{gap:8px;display:grid}.shell-nav-item{color:#111827;text-align:left;background:#f8fafc;border:1px solid #94a3b852;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:850;display:flex}.dark-mode .shell-nav-item{background:var(--dark-surface);color:var(--dark-text);border-color:#94a3b840}.shell-nav-item:hover{border-color:#6366f180;transform:translateY(-1px)}.shell-nav-item.is-active{color:#fff;background:#4f46e5;border-color:#4f46e5}.shell-nav-badge{background:#ffffff47;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900}.shell-nav-item:not(.is-active) .shell-nav-badge{color:#3730a3;background:#e0e7ff}.dark-mode .shell-nav-item:not(.is-active) .shell-nav-badge{color:#c7d2fe;background:#6366f138}.shell-navigation-tip{background:#fff8ed;border:1px solid #cbb7946b;border-radius:18px;margin:0 18px 20px;padding:14px}.dark-mode .shell-navigation-tip{background:#34d39914;border-color:#34d39938}.shell-navigation-tip-label{color:#6f7f4f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:950}.dark-mode .shell-navigation-tip-label{color:#a7f3d0}.shell-navigation-tip p:last-child{color:#475569;margin:0;font-size:.9rem;line-height:1.45}.dark-mode .shell-navigation-tip p:last-child{color:var(--dark-muted)}.shell-settings-section{border-bottom:1px solid #94a3b840;padding:18px 20px}.shell-setting-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shell-setting-button{color:#111827;background:#f8fafc;border:1px solid #94a3b866;border-radius:14px;padding:11px 12px;font-weight:900}.dark-mode .shell-setting-button{background:var(--dark-surface);color:var(--dark-text);border-color:#94a3b840}.shell-setting-button.is-active{color:#fff;background:#4f46e5;border-color:#4f46e5}.shell-safety-box p{color:#475569;margin:0 0 10px;line-height:1.5}.dark-mode .shell-safety-box p{color:var(--dark-muted)}.shell-help-title{align-items:center;gap:8px;display:flex}.shell-help-dot{color:#3730a3;cursor:help;background:#e0e7ff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.82rem;font-weight:950;display:inline-grid}.dark-mode .shell-help-dot{color:#c7d2fe;background:#6366f138}.container{width:min(100% - 40px,1180px);max-width:1180px;margin:0 auto;padding:28px 0 48px}.workspace,.page-shell{border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:1180px;box-shadow:var(--shadow-large);background:#fffffff5;margin:0 auto;padding:28px}.dark-mode .workspace,.dark-mode .page-shell{background:var(--dark-surface);border-color:var(--border-dark);color:var(--dark-text)}.workspace-top,.tool-page-header-v011{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.workspace h2,.page-shell h1,.tool-page-header-v011 h2{color:var(--navy-dark);letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.08}.dark-mode .workspace h2,.dark-mode .page-shell h1,.dark-mode .tool-page-header-v011 h2{color:var(--dark-text)}.workspace p,.page-description,.small-muted,.tool-page-header-v011 p{color:var(--text-soft);line-height:1.55}.dark-mode .workspace p,.dark-mode .page-description,.dark-mode .small-muted,.dark-mode .tool-page-header-v011 p{color:var(--dark-muted)}.small-muted{font-size:.9rem}.eyebrow,.dashboard-kicker{color:#6f7f4f;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:950}.dark-mode .eyebrow,.dark-mode .dashboard-kicker{color:#a7f3d0}.panel,.form-panel,.output-panel,.placeholder-box,.tool-card-v011{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:22px;padding:22px}.dark-mode .panel,.dark-mode .form-panel,.dark-mode .output-panel,.dark-mode .placeholder-box,.dark-mode .tool-card-v011{background:var(--dark-panel);border-color:var(--border-dark);color:var(--dark-text)}.panel h2,.panel h3,.form-panel h3,.output-panel h3,.tool-card-v011 h3{color:var(--navy-dark);margin:0 0 8px}.dark-mode .panel h2,.dark-mode .panel h3,.dark-mode .form-panel h3,.dark-mode .output-panel h3,.dark-mode .tool-card-v011 h3{color:var(--dark-text)}.tool-two-column-v011,.lesson-planner-grid,.generator-layout{grid-template-columns:1fr 1.25fr;align-items:start;gap:16px;display:grid}.generator-layout{grid-template-columns:.9fr 1.1fr;gap:20px}.tool-action-row-v011,.button-row,.output-actions{flex-wrap:wrap;gap:10px;display:flex}.placeholder-page{max-width:980px;margin:0 auto;padding:28px 18px}.placeholder-note{color:#312e81;background:#eef2ff;border:1px solid #6366f13d;border-radius:18px;margin-top:18px;padding:14px 16px;line-height:1.5}.dark-mode .placeholder-note{color:#c7d2fe;background:#6366f129}label,.form-label{color:var(--navy-dark);flex-direction:column;gap:7px;font-size:.9rem;font-weight:900;display:flex}.dark-mode label,.dark-mode .form-label{color:#e2e8f0}input,select,textarea{background:var(--cream-soft);width:100%;color:var(--text);border:1px solid #d8cfc2;border-radius:13px;outline:none;padding:12px 13px;font-size:.95rem}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--gold-dark);box-shadow:0 0 0 4px #f59e0b24}input::placeholder,textarea::placeholder{color:#64748b}.dark-mode input,.dark-mode select,.dark-mode textarea{background:var(--dark-surface);color:#f1f5f9;border-color:#475569}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#94a3b8}.dark-mode option{background:var(--dark-surface);color:#f1f5f9}.primary-button,.secondary-button,.back-button,.generate-button{border-radius:var(--radius-md);padding:12px 15px;font-size:.92rem;font-weight:900}.primary-button,.generate-button{border:1px solid var(--gold);background:var(--gold);color:#111827}.secondary-button,.back-button,.output-actions button{border:1px solid var(--navy);background:var(--navy);color:#fff}.dark-mode .secondary-button,.dark-mode .back-button,.dark-mode .output-actions button{background:var(--navy-2);color:#fff;border-color:var(--navy-2)}.dark-mode .primary-button,.dark-mode .generate-button{background:var(--gold);color:#111827;border-color:var(--gold)}.back-button{white-space:nowrap;min-width:140px}.output-actions button{border-radius:12px;padding:11px 14px;font-weight:900}.lesson-planner-page,.story-builder-page,.game-finder-page,.worksheet-maker-page{max-width:1180px;margin:0 auto}.lesson-form-grid,.form-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.wide-field{grid-column:1/-1}.section-select-grid{grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:12px;display:grid}.lesson-panel h3,.lesson-output-panel h3{text-align:center;margin-top:0;margin-bottom:6px}.lesson-button-row{justify-content:center;margin-top:16px}.lesson-output-panel{margin-top:16px}.large-output,.lesson-output-panel .large-output{min-height:360px}.output-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.output-label{margin-top:14px;margin-bottom:8px}.output-box{white-space:pre-wrap}.worksheet-box{min-height:460px}.answer-label{margin-top:18px}.answer-box{background:#f8fafc;min-height:220px}.dark-mode .answer-box{background:var(--dark-panel)}.materials-grid{grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:12px;display:grid}.material-option{border:1px solid var(--border);background:var(--cream-soft);border-radius:12px;flex-direction:row;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:800;display:flex}.material-option input{width:auto}.dark-mode .material-option{background:var(--dark-panel);border-color:var(--border-dark);color:var(--dark-text)}.team-points-page{max-width:1220px;margin:0 auto;padding:28px 18px 44px}.team-points-hero,.team-points-toolbar,.team-projector-card,.team-control-panel,.team-history-card,.team-leaderboard-card,.team-line-graph-card{border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#fffffff5,#fff8ed);border:1px solid #34d39938;box-shadow:0 16px 38px #4b55631a}.dark-mode .team-points-hero,.dark-mode .team-points-toolbar,.dark-mode .team-projector-card,.dark-mode .team-control-panel,.dark-mode .team-history-card,.dark-mode .team-leaderboard-card,.dark-mode .team-line-graph-card{box-shadow:var(--shadow-dark);background:radial-gradient(circle at 100% 0,#34d3991f,#0000 40%),linear-gradient(145deg,#0f172aeb,#1e293bf0);border-color:#34d39938}.team-points-hero{justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.team-points-hero h1{color:#111827;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.dark-mode .team-points-hero h1{color:#f8fafc}.team-points-hero p,.team-panel-heading p,.team-projector-heading p{color:#475569;line-height:1.55}.dark-mode .team-points-hero p,.dark-mode .team-panel-heading p,.dark-mode .team-projector-heading p{color:#dbeafe}.team-points-hero button,.team-control-panel button,.team-points-toolbar button,.team-lesson-actions button,.team-week-summary button,.team-mini-actions button,.team-projector-actions button,.team-leaderboard-card button{color:#fff;background:linear-gradient(135deg,#1f3a3d,#315f4d);border:0;border-radius:14px;padding:11px 13px;font-weight:950}.dark-mode .team-points-hero button,.dark-mode .team-control-panel button,.dark-mode .team-points-toolbar button,.dark-mode .team-lesson-actions button,.dark-mode .team-week-summary button,.dark-mode .team-mini-actions button,.dark-mode .team-projector-actions button,.dark-mode .team-leaderboard-card button{background:linear-gradient(135deg, var(--green), var(--teal));color:#052e2b}.team-points-toolbar{grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin:18px 0;padding:18px;display:grid}.team-projector-card{padding:24px}.team-projector-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.team-projector-heading h2,.team-panel-heading h2,.team-history-card h2,.team-leaderboard-card h2,.team-line-graph-card h2{color:#111827;letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.4rem)}.dark-mode .team-projector-heading h2,.dark-mode .team-panel-heading h2,.dark-mode .team-history-card h2,.dark-mode .team-leaderboard-card h2,.dark-mode .team-line-graph-card h2{color:#f8fafc}.team-projector-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.team-week-winner{color:#92400e;background:#fef3c7;border-radius:999px;padding:10px 14px;font-weight:950}.dark-mode .team-week-winner{color:#fde68a;background:#f59e0b29}.team-score-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.team-score-card{text-align:center;color:#fff;cursor:pointer;border-radius:28px;padding:24px;transition:transform .16s,box-shadow .16s,outline .16s;box-shadow:0 18px 38px #0000002e}.team-score-card:hover{transform:translateY(-2px)}.team-score-card.is-selected{outline:4px solid #ffffffd9;box-shadow:0 0 0 6px #34d39933,0 24px 52px #00000047}.team-a-card{background:linear-gradient(145deg,#065f46,#047857)}.team-b-card{background:linear-gradient(145deg,#1e3a8a,#2563eb)}.team-score-card p,.team-score-card h3,.team-score-card span{margin:0}.team-score-card p{opacity:.92;font-weight:950}.team-score-card h3{letter-spacing:-.05em;margin-top:8px;font-size:clamp(1.7rem,3vw,2.8rem)}.team-score-card strong{margin:12px 0 4px;font-size:clamp(4rem,10vw,7rem);line-height:.9;display:block}.team-stars-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.team-stars-row span{background:#ffffff24;border-radius:999px;padding:7px 10px;font-size:.86rem;font-weight:900}.team-apply-panel{margin-top:18px;padding:20px}.team-select-buttons{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.team-select-button{border-radius:999px;padding:10px 14px}.team-select-button.is-selected{outline:3px solid #ffffff59;box-shadow:0 0 0 4px #34d3992e}.team-a-select{background:linear-gradient(135deg, var(--green), #10b981)!important;color:#052e2b!important}.team-b-select{background:linear-gradient(135deg, #38bdf8, var(--blue))!important;color:#fff!important}.team-behaviour-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;margin-top:18px;display:grid}.team-action-section{border-radius:20px;margin-top:0;padding:16px}.positive-section{background:#34d39914;border:1px solid #34d39938}.negative-section{background:#ef444414;border:1px solid #ef444438}.team-action-section h3,.team-week-summary h3{color:#111827;margin:0 0 12px}.dark-mode .team-action-section h3,.dark-mode .team-week-summary h3{color:#f8fafc}.team-behaviour-grid .team-action-buttons{grid-template-columns:1fr;gap:9px;display:grid}.team-behaviour-grid .team-action-buttons button{text-align:center;white-space:normal;min-height:42px;padding:10px 12px;line-height:1.25}.team-action-buttons.negative button{background:var(--danger-soft);color:#991b1b;border:1px solid #fecaca}.dark-mode .team-action-buttons.negative button{color:#fecaca;background:#ef444429;border-color:#ef444447}.team-custom-row{grid-template-columns:1.4fr .6fr auto;align-items:end;gap:10px;margin-top:18px;display:grid}.team-mini-actions,.team-lesson-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.team-mini-actions .danger-button{background:var(--danger-soft);color:#991b1b;border:1px solid #fecaca}.dark-mode .team-mini-actions .danger-button{color:#fecaca;background:#ef444429;border-color:#ef444447}.team-controls-grid,.team-history-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.team-control-panel,.team-history-card,.team-leaderboard-card,.team-line-graph-card{padding:20px}.team-lesson-buttons{gap:10px;margin-top:14px;display:grid}.team-lesson-buttons button{color:#1f3a3d;background:#f3ead7;border:1px solid #97855f59;justify-content:space-between;align-items:center;display:flex}.dark-mode .team-lesson-buttons button{color:#f8fafc;background:#94a3b829;border-color:#94a3b84d}.team-lesson-buttons button.is-active{background:linear-gradient(135deg, var(--green), var(--teal));color:#052e2b}.team-lesson-buttons span{background:#ffffff47;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:950}.team-week-summary{border-top:1px solid #cbb79457;margin-top:18px;padding-top:18px}.dark-mode .team-week-summary{border-top-color:#94a3b838}.team-total-row{background:#ffffff9e;border-radius:14px;justify-content:space-between;margin-bottom:8px;padding:10px 12px;font-weight:900;display:flex}.dark-mode .team-total-row{color:#f8fafc;background:#0f172aa3}.team-action-log,.team-week-history{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.team-action-log li,.team-week-history li{background:#ffffffad;border-radius:16px;gap:4px;padding:12px;display:grid}.dark-mode .team-action-log li,.dark-mode .team-week-history li{background:#0f172aa3}.team-action-log strong{color:var(--green-dark)}.dark-mode .team-action-log strong{color:var(--green)}.team-action-log span,.team-week-history span{color:#111827;font-weight:900}.dark-mode .team-action-log span,.dark-mode .team-week-history span{color:#f8fafc}.team-action-log small,.team-week-history small,.team-empty-note{color:#64748b}.dark-mode .team-action-log small,.dark-mode .team-week-history small,.dark-mode .team-empty-note{color:var(--dark-muted)}.team-line-graph-card{min-height:100%}.team-graph-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.team-graph-legend{flex-wrap:wrap;gap:8px;font-weight:900;display:flex}.team-graph-legend span{border-radius:999px;padding:6px 10px}.team-a-dot{color:#047857;background:#34d39929}.dark-mode .team-a-dot{color:#a7f3d0}.team-b-dot{color:#1e3a8a;background:#2563eb33}.dark-mode .team-b-dot{color:#bfdbfe}.team-line-graph{width:100%;height:auto;margin-top:14px}.team-chart-grid-line{stroke:#94a3b847;stroke-width:1px}.team-chart-grid-line.soft{stroke:#94a3b824}.team-chart-line{fill:none;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.team-a-line{stroke:var(--green)}.team-b-line{stroke:var(--blue-soft)}.team-chart-dot{stroke:#0f172a;stroke-width:3px}.team-a-dot-fill{fill:var(--green)}.team-b-dot-fill{fill:var(--blue-soft)}.team-chart-label,.team-chart-score-label{fill:#475569;font-size:13px;font-weight:900}.dark-mode .team-chart-label,.dark-mode .team-chart-score-label{fill:#cbd5e1}.team-chart-score-label{fill:#111827}.dark-mode .team-chart-score-label{fill:#f8fafc}.team-leaderboard-card{margin-top:18px}.team-top-class{color:#92400e;background:#fef3c7;border-radius:18px;margin:16px 0;padding:14px 16px;font-weight:900}.dark-mode .team-top-class{color:#fde68a;background:#f59e0b29}.team-leaderboard-table-wrap{border:1px solid #cbb7946b;border-radius:18px;width:100%;overflow-x:auto}.dark-mode .team-leaderboard-table-wrap{border-color:#34d39938}.team-leaderboard-table{border-collapse:collapse;width:100%;min-width:780px}.team-leaderboard-table th{color:#fff;text-align:left;text-transform:uppercase;background:#1f3a3d;padding:11px 8px;font-size:.78rem}.dark-mode .team-leaderboard-table th{background:#064e3b}.team-leaderboard-table td{color:#111827;border-bottom:1px solid #cbb79452;padding:10px 8px}.dark-mode .team-leaderboard-table td{color:#e2e8f0;border-bottom-color:#94a3b82e}.team-projector-overlay{z-index:300;background:radial-gradient(circle at 0 0,#34d39929,#0000 34%),radial-gradient(circle at 100% 0,#2563eb2e,#0000 34%),linear-gradient(#0f172a 0%,#111827 100%);padding:26px;position:fixed;inset:0;overflow:auto}.projector-mode-card{border-radius:34px;grid-template-rows:auto 1fr;min-height:calc(100vh - 52px);padding:30px;display:grid}.projector-mode-card .team-projector-heading h2{font-size:clamp(2.5rem,5vw,5rem)}.projector-mode-card .team-score-grid{align-items:stretch;margin-top:28px}.projector-mode-card .team-score-card{border-radius:42px;flex-direction:column;justify-content:center;min-height:58vh;display:flex}.projector-mode-card .team-score-card h3{font-size:clamp(3rem,6vw,6rem)}.projector-mode-card .team-score-card strong{font-size:clamp(9rem,18vw,18rem)}.projector-mode-card .team-stars-row span{padding:10px 14px;font-size:clamp(1rem,1.5vw,1.35rem)}@media (width<=980px){.dashboard-hero-v2,.tool-two-column-v011,.lesson-planner-grid,.generator-layout,.team-points-toolbar,.team-score-grid,.team-controls-grid,.team-history-grid,.team-behaviour-grid{grid-template-columns:1fr}.dashboard-tool-grid-v2{grid-template-columns:repeat(2,1fr)}.dashboard-manage-grid-v2{grid-template-columns:1fr}.team-projector-heading,.team-points-hero,.team-graph-heading,.class-manager-hero,.class-backup-reminder,.class-table-header{flex-direction:column;align-items:stretch}.team-projector-actions{align-items:flex-start}.class-details-card{grid-template-columns:1fr}.class-manager-actions{align-items:stretch}.class-manager-actions label,.class-manager-actions button{width:100%}}@media (width<=720px){.shell-topbar{grid-template-columns:auto 1fr auto auto;padding:9px 12px}.shell-current-page{display:none}.shell-brand-title{font-size:.96rem}.shell-brand-subtitle{font-size:.75rem}.shell-dashboard-button{padding:8px 10px;font-size:.78rem}.dashboard-new-tool-banner{flex-direction:column;align-items:stretch}.dashboard-new-tool-banner button{width:100%}}@media (width<=650px){.container{width:min(100% - 24px,1180px)}.workspace,.page-shell{padding:20px}.workspace-top,.tool-page-header-v011,.output-header{flex-direction:column}.primary-button,.secondary-button,.back-button,.generate-button{width:100%}.form-grid,.lesson-form-grid,.section-select-grid,.materials-grid,.team-custom-row{grid-template-columns:1fr}.output-actions{width:100%}.output-actions button{flex:1}.dashboard-v2{padding:18px 12px 34px}.dashboard-hero-v2{border-radius:24px;padding:20px}.dashboard-hero-actions{flex-direction:column}.dashboard-hero-actions button{width:100%}.dashboard-promise-row-v2{grid-template-columns:1fr 1fr}.dashboard-tool-grid-v2{grid-template-columns:1fr}.projector-mode-card .team-score-card{min-height:34vh}.projector-mode-card .team-score-card strong{font-size:clamp(5rem,18vw,9rem)}}.footer{text-align:center;color:var(--muted);padding:24px 20px;font-size:.9rem}.dark-mode .footer{color:var(--dark-muted)}.shell-feedback-card{background:#34d39914;border:1px solid #34d39938;border-radius:18px;margin:0 18px 14px;padding:14px}.shell-feedback-label{color:#6f7f4f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:950}.dark-mode .shell-feedback-label{color:#a7f3d0}.shell-feedback-card h3{color:#111827;margin:0 0 8px;font-size:1rem}.dark-mode .shell-feedback-card h3{color:#f8fafc}.shell-feedback-card p{color:#475569;margin:0 0 12px;font-size:.9rem;line-height:1.45}.dark-mode .shell-feedback-card p{color:#cbd5e1}.shell-feedback-link{color:#052e2b;text-align:center;background:linear-gradient(135deg,#34d399,#2dd4bf);border:0;border-radius:14px;width:100%;padding:10px 12px;font-weight:950;text-decoration:none;display:block}.shell-patch-notes>p{color:#475569;margin:0 0 12px;line-height:1.5}.dark-mode .shell-patch-notes>p{color:#cbd5e1}.shell-patch-list{gap:12px;display:grid}.shell-patch-card{background:#f8fafc;border:1px solid #94a3b847;border-radius:16px;padding:12px}.dark-mode .shell-patch-card{background:#1e293b;border-color:#94a3b840}.shell-patch-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.shell-patch-card-header strong{color:#111827;font-size:1rem;font-weight:950;display:block}.dark-mode .shell-patch-card-header strong{color:#f8fafc}.shell-patch-card-header span{color:#475569;margin-top:2px;font-size:.86rem;font-weight:800;display:block}.dark-mode .shell-patch-card-header span{color:#cbd5e1}.shell-patch-card-header small{color:#047857;background:#ecfdf5;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:950}.dark-mode .shell-patch-card-header small{color:#a7f3d0;background:#34d39929}.shell-patch-card ul{margin:0;padding-left:18px}.shell-patch-card li{color:#334155;margin:5px 0;font-size:.86rem;line-height:1.4}.dark-mode .shell-patch-card li{color:#e2e8f0}.daily-welcome-backdrop{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.daily-welcome-modal{color:#f8fafc;background:radial-gradient(circle at 100% 0,#34d39929,#0000 38%),linear-gradient(145deg,#0f172a,#132a32);border:1px solid #34d39947;border-radius:28px;width:min(560px,100%);padding:28px;position:relative;box-shadow:0 24px 70px #00000059}.daily-welcome-close{color:#f8fafc;cursor:pointer;background:#94a3b829;border:1px solid #94a3b847;border-radius:999px;width:38px;height:38px;font-size:1.4rem;font-weight:900;position:absolute;top:14px;right:14px}.daily-welcome-kicker{color:#a7f3d0;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.85rem;font-weight:950}.daily-welcome-modal h2{color:#f8fafc;margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);line-height:1}.daily-welcome-text{color:#cbd5e1;margin:0 0 18px;font-size:1.05rem;line-height:1.5}.daily-welcome-panel{background:#0f172ab8;border:1px solid #34d39933;border-radius:20px;padding:16px}.daily-welcome-panel strong{color:#a7f3d0;margin-bottom:8px;font-weight:950;display:block}.daily-welcome-panel ul{color:#e2e8f0;margin:0;padding-left:20px;line-height:1.55}.daily-welcome-note{color:#fbbf24;margin:16px 0;font-size:.95rem;font-weight:850}.daily-welcome-primary{color:#052e2b;cursor:pointer;background:linear-gradient(135deg,#34d399,#2dd4bf);border:1px solid #34d39966;border-radius:999px;width:100%;min-height:48px;font-weight:950}@media (width<=540px){.daily-welcome-modal{border-radius:22px;padding:22px}.daily-welcome-close{top:10px;right:10px}}.mobile-preview .mini-class-timer{grid-template-columns:1fr;width:min(100% - 20px,1180px);margin-top:8px;position:static}.mobile-preview .mini-class-timer-main{grid-template-columns:1fr auto}.mobile-preview .mini-class-timer-kicker{grid-column:1/-1;width:fit-content}.mobile-preview .mini-class-timer-actions{grid-template-columns:1fr 1fr 1fr;display:grid}.mobile-preview .mini-class-timer-actions button{width:100%}.shell-classroom-button{color:#fff;background:#312e81;border:0;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:950;box-shadow:0 10px 22px #312e812e}.shell-classroom-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #312e8142}.shell-classroom-button.is-active,body:not(.dark-mode) .shell-classroom-button{color:#fff;background:#3730a3}@media (width<=720px){.shell-classroom-button{padding:8px 10px;font-size:.78rem}}body:not(.dark-mode){color:#0f172a;background:radial-gradient(circle at 0 0,#2dd4bf1f,#0000 34%),radial-gradient(circle at 100% 0,#fbbf241f,#0000 30%),linear-gradient(#f8fafc 0%,#eef6f3 45%,#f7f3e8 100%)}body:not(.dark-mode) .app-shell,body:not(.dark-mode) .shell-main{background:0 0}body:not(.dark-mode) .shell-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-bottom:1px solid #0f172a14;box-shadow:0 10px 28px #0f172a14}body:not(.dark-mode) .shell-brand-title,body:not(.dark-mode) .shell-current-page{color:#0f172a}body:not(.dark-mode) .shell-brand-subtitle{color:#64748b}body:not(.dark-mode) .dashboard-hero,body:not(.dark-mode) .tool-card,body:not(.dark-mode) .generator-panel,body:not(.dark-mode) .form-card,body:not(.dark-mode) .wheel-hero,body:not(.dark-mode) .wheel-play-card,body:not(.dark-mode) .wheel-setup-card,body:not(.dark-mode) .wheel-result-card,body:not(.dark-mode) .classroom-screen-topbar,body:not(.dark-mode) .classroom-screen-timer-dock,body:not(.dark-mode) .classroom-screen-tool-tile,body:not(.dark-mode) .classroom-screen-future-card{background:radial-gradient(circle at 100% 0,#2dd4bf24,#0000 38%),linear-gradient(145deg,#fffffff5,#f8fafceb);border-color:#0f766e2e;box-shadow:0 18px 42px #0f172a1a,inset 0 1px #fffc}body:not(.dark-mode) h1,body:not(.dark-mode) h2,body:not(.dark-mode) h3,body:not(.dark-mode) .wheel-hero h1,body:not(.dark-mode) .wheel-play-card h2,body:not(.dark-mode) .classroom-screen-topbar h1,body:not(.dark-mode) .classroom-screen-section-heading h2,body:not(.dark-mode) .classroom-screen-tool-title{color:#0f172a}body:not(.dark-mode) p,body:not(.dark-mode) .wheel-hero p,body:not(.dark-mode) .classroom-screen-topbar p:last-child,body:not(.dark-mode) .classroom-screen-tool-description,body:not(.dark-mode) .classroom-screen-section-heading p{color:#334155}body:not(.dark-mode) .dashboard-kicker,body:not(.dark-mode) .wheel-kicker,body:not(.dark-mode) .section-kicker{color:#047857}body:not(.dark-mode) .shell-dashboard-button,body:not(.dark-mode) .shell-classroom-button,body:not(.dark-mode) .wheel-spin-button,body:not(.dark-mode) .wheel-control-button,body:not(.dark-mode) .classroom-screen-topbar-actions button,body:not(.dark-mode) .classroom-screen-tool-action{box-shadow:0 10px 22px #0f172a1a}body:not(.dark-mode) .shell-dashboard-button,body:not(.dark-mode) .wheel-spin-button,body:not(.dark-mode) .classroom-screen-topbar-actions button,body:not(.dark-mode) .classroom-screen-tool-action{color:#042f2e;background:linear-gradient(135deg,#10b981,#14b8a6)}body:not(.dark-mode) .shell-classroom-button,body:not(.dark-mode) .shell-current-page{color:#fff;background:#3730a3}body:not(.dark-mode) .wheel-mode-tabs,body:not(.dark-mode) .wheel-display-toggle{background:#ffffffc7;border-color:#0f172a1f}body:not(.dark-mode) .wheel-mode-tabs button,body:not(.dark-mode) .wheel-display-toggle button{color:#0f172a}body:not(.dark-mode) .wheel-mode-tabs button.is-active,body:not(.dark-mode) .wheel-display-toggle button.is-active{color:#042f2e;background:linear-gradient(135deg,#10b981,#14b8a6)}body:not(.dark-mode) .wheel-result-card{background:radial-gradient(circle at 100% 0,#2dd4bf29,#0000 36%),linear-gradient(145deg,#fff,#ecfdf5);border:1px solid #0f766e33}body:not(.dark-mode) .wheel-result-card h3,body:not(.dark-mode) .wheel-result-card strong,body:not(.dark-mode) .picked-result,body:not(.dark-mode) .picked-word{color:#0f172a}body:not(.dark-mode) .wheel-result-card p,body:not(.dark-mode) .wheel-result-meta{color:#475569}body:not(.dark-mode) .wheel-status-pill,body:not(.dark-mode) .wheel-info-pill,body:not(.dark-mode) .classroom-screen-tool-pill{color:#047857;background:#10b9811f;border:1px solid #10b98133}body:not(.dark-mode) .classroom-screen-tool-tile,body:not(.dark-mode) .classroom-screen-tool-title{color:#0f172a}body:not(.dark-mode) .classroom-screen-tool-use{color:#047857}body:not(.dark-mode) .classroom-screen-tool-number{color:#0f172a14}body:not(.dark-mode) .classroom-screen-tool-tile:after{background:linear-gradient(135deg,#0f172a14,#0000),#0f172a0a}body:not(.dark-mode) .classroom-screen-timer-face,body:not(.dark-mode) .classroom-screen-mode-timer,body:not(.dark-mode) .timer-display-card{background:radial-gradient(circle at 0 0,#fbbf242e,#0000 34%),linear-gradient(145deg,#0f172a,#1e293b);border-color:#fbbf2457}body:not(.dark-mode) .classroom-screen-timer-face strong,body:not(.dark-mode) .classroom-screen-mode-timer>strong{color:#fbbf24}body:not(.dark-mode) input,body:not(.dark-mode) textarea,body:not(.dark-mode) select{color:#0f172a;background:#ffffffeb;border-color:#0f172a24}body:not(.dark-mode) input:focus,body:not(.dark-mode) textarea:focus,body:not(.dark-mode) select:focus{border-color:#14b8a6b8;box-shadow:0 0 0 3px #14b8a624}body:not(.dark-mode) button:disabled,body:not(.dark-mode) .is-disabled{opacity:.52;filter:saturate(.75)}.team-pending-toolbar{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.dark-mode .team-pending-events-panel .danger-button{color:#fecaca;background:#ef444429;border:1px solid #ef444447}.team-pending-status{color:#047857;margin-top:10px;font-size:.85rem;font-weight:700}.dark-mode .team-pending-status{color:#6ee7b7}.team-pending-event-list{gap:10px;margin-top:14px;display:grid}.team-pending-event-card{background:#ffffff9e;border:1px solid #cbb79452;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.dark-mode .team-pending-event-card{background:#0f172aa3;border-color:#94a3b833}.team-pending-event-card h3{color:#0f172a;margin:4px 0 2px;font-size:1rem}.dark-mode .team-pending-event-card h3{color:#f8fafc}.team-pending-event-card>div:first-child>p{color:#475569;margin:0;font-size:.82rem}.dark-mode .team-pending-event-card>div:first-child>p{color:#94a3b8}.team-pending-event-actions{flex-wrap:wrap;flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.team-pending-event-type{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:900;display:inline-block}.team-pending-event-type.positive{color:#065f46;background:#34d39924;border:1px solid #34d39947}.team-pending-event-type.negative{color:#991b1b;background:#ef44441a;border:1px solid #ef444438}.dark-mode .team-pending-event-type.positive{color:#a7f3d0;background:#34d39929;border-color:#34d39947}.dark-mode .team-pending-event-type.negative{color:#fecaca;background:#ef444424;border-color:#ef444447}body:not(.dark-mode) .team-points-hero,body:not(.dark-mode) .team-points-toolbar,body:not(.dark-mode) .team-projector-card,body:not(.dark-mode) .team-control-panel,body:not(.dark-mode) .team-history-card,body:not(.dark-mode) .team-leaderboard-card,body:not(.dark-mode) .team-line-graph-card{background:#fff;border-color:#0f172a1a;box-shadow:0 4px 16px #0f172a12,0 1px 4px #0f172a0d}body:not(.dark-mode) .team-points-hero button,body:not(.dark-mode) .team-control-panel button,body:not(.dark-mode) .team-points-toolbar button,body:not(.dark-mode) .team-lesson-actions button,body:not(.dark-mode) .team-week-summary button,body:not(.dark-mode) .team-mini-actions button,body:not(.dark-mode) .team-projector-actions button,body:not(.dark-mode) .team-leaderboard-card button{color:#042f2e;background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 4px 12px #10b98133}body:not(.dark-mode) .team-mini-actions .danger-button,body:not(.dark-mode) .team-pending-events-panel .danger-button{color:#991b1b;box-shadow:none;background:#fee2e2;border:1px solid #fecaca}body:not(.dark-mode) .team-behaviour-grid .team-action-buttons:not(.negative) button{color:#065f46;box-shadow:none;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b98147}body:not(.dark-mode) .team-action-buttons.negative button{color:#991b1b;box-shadow:none;background:#fee2e2;border:1px solid #fecaca}body:not(.dark-mode) .positive-section{background:#f0fdf4;border-color:#10b98138}body:not(.dark-mode) .negative-section{background:#fef2f2;border-color:#ef44442e}body:not(.dark-mode) .team-lesson-buttons button{color:#0f172a;box-shadow:none;background:#f1f5f9;border-color:#0f172a1f}body:not(.dark-mode) .team-lesson-buttons button.is-active{color:#042f2e;background:linear-gradient(135deg,#10b981,#14b8a6);border-color:#0000;box-shadow:0 4px 12px #10b98138}body:not(.dark-mode) .team-lesson-buttons span{color:#475569;background:#0f172a14}body:not(.dark-mode) .team-lesson-buttons button.is-active span{color:#042f2e;background:#042f2e24}body:not(.dark-mode) .team-total-row{color:#0f172a;background:#f1f5f9}body:not(.dark-mode) .team-week-summary{border-top-color:#0f172a1a}body:not(.dark-mode) .team-action-log li,body:not(.dark-mode) .team-week-history li{background:#f8fafc;border:1px solid #0f172a14}body:not(.dark-mode) .team-action-log strong{color:#047857}body:not(.dark-mode) .team-pending-event-card{background:#f8fafc;border-color:#0f172a1a}body:not(.dark-mode) .team-week-winner{color:#713f12;background:#fef9c3}body:not(.dark-mode) .team-top-class{color:#713f12;background:#fef9c3;border:1px solid #ca8a0438}body:not(.dark-mode) .team-leaderboard-table-wrap{border-color:#0f172a1a}body:not(.dark-mode) .team-leaderboard-table td{color:#0f172a;border-bottom-color:#0f172a14}body:not(.dark-mode) .team-a-dot{color:#047857;background:#10b98124}body:not(.dark-mode) .team-b-dot{color:#1d4ed8;background:#2563eb1f}