/*! Copyright (c) 2026 Dominic Tope. Classroom use permitted. See COPYRIGHT.txt and THIRD-PARTY-NOTICES.txt. */
:root{--brand:#1146a1;--brand-bright:#2563eb;--brand-dark:#0d3780;--ink:#0f172a;--text:#1f2937;--muted:#64748b;--page:#f5f7fb;--white:#ffffff;--pale:#eff6ff;--pale-strong:#dbeafe;--line:#dbe3ef;--line-blue:#bfdbfe;--success:#047857;--success-pale:#ecfdf5;--warning:#b45309;--warning-pale:#fffbeb;--danger:#b42318;--danger-pale:#fff1f0;--shadow:0 8px 24px rgba(15, 23, 42, 0.06);--shadow-large:0 18px 48px rgba(15, 23, 42, 0.1);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;margin:0;background:var(--page);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}body>main{flex:1 0 auto}body>footer{flex-shrink:0}body.modal-open{overflow:hidden}[hidden]{display:none!important}a{color:var(--brand-bright)}button,input,select,textarea{font:inherit}button,input[type=file],select{cursor:pointer}.btn,button{-webkit-tap-highlight-color:transparent}button{user-select:none}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}img,svg{max-width:100%}mjx-container{max-width:100%;margin:0!important}:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-150%);border-radius:8px;background:var(--ink);color:#fff;padding:9px 13px}.skip-link:focus{transform:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.container{width:min(1180px,92%);margin-inline:auto}.eyebrow{margin:0 0 8px;color:var(--brand-bright);font-size:.73rem;font-weight:900;letter-spacing:.14em}.small-label{margin:0;color:var(--brand-bright);font-size:.68rem;font-weight:900;letter-spacing:.1em}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:1.12rem;font-weight:800;line-height:1.1;white-space:nowrap;letter-spacing:-.025em}.brand-mark{width:38px;height:38px;display:block;flex:none;border-radius:12px}.brand-words strong{color:var(--brand-bright)}.primary-nav{display:flex;align-items:center;gap:5px}.nav-link{display:inline-flex;align-items:center;border-radius:10px;color:#374151;padding:10px 14px;text-decoration:none;font-size:.86rem;font-weight:700}.nav-link.active,.nav-link:hover{background:var(--pale);color:var(--brand-bright)}.nav-link-create,.nav-link-create.active{border:0;background:var(--brand-bright);color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.2)}.nav-link-create.active:hover,.nav-link-create:hover{background:#1d4ed8;color:#fff}.menu-toggle{display:none;width:45px;height:43px;border:1px solid var(--line);border-radius:11px;background:#fff}.menu-toggle>span:not(.sr-only){display:block;width:25px;height:3px;border-radius:2px;background:var(--ink);margin:4px auto}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:14px;padding:10px 17px;text-decoration:none;font-weight:800;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.46}.btn-large{min-height:50px;padding:13px 19px;font-size:.9rem}.btn-primary{border:0;background:var(--brand-bright);color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.21)}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{border:1px solid #cbd5e1;background:#fff;color:var(--brand-bright)}.btn-secondary:hover:not(:disabled){background:var(--pale)}.btn-soft{border:1px solid #dbeafe;background:#f8fbff;color:var(--brand)}.btn-soft:hover:not(:disabled){background:#e8f1ff}.btn-danger-ghost{border:1px solid #fecaca;background:#fff;color:var(--danger)}.btn-dark{border:0;background:var(--ink);color:#fff}.btn-small{min-height:36px;border-radius:10px;padding:7px 11px;font-size:.76rem}.full-width{width:100%}.hero{display:grid;grid-template-columns:55% 45%;align-items:stretch;gap:0;min-height:570px;overflow:hidden;border:1px solid #dbeafe;border-radius:28px;background:linear-gradient(135deg,#fff 0,#f8fbff 58%,#edf5ff 100%);margin-top:42px;margin-bottom:28px;padding:0;box-shadow:var(--shadow-large)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:58px 52px 56px}.hero h1{max-width:700px;margin:7px 0 18px;color:var(--ink);font-size:clamp(2.7rem, 5vw, 4.7rem);line-height:1.01;letter-spacing:-.055em}.hero-lead{max-width:680px;margin:0;color:#526176;font-size:clamp(1rem, 1.6vw, 1.18rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.hero-visual{position:relative;min-height:505px;display:grid;place-items:center;overflow:hidden;background:0 0;padding:36px 34px 28px 8px}.hero-visual::before{content:"";position:absolute;inset:8% 2% 2% 12%;border-radius:48% 52% 46% 54%;background:radial-gradient(circle at 35% 30%,#dbeafe,#e8f1ff 45%,#f8fbff 72%);transform:rotate(-4deg)}.hero-bingo-card{position:relative;z-index:2;width:min(430px,95%);border:1px solid #bfdbfe;border-radius:26px;background:#fff;padding:23px;box-shadow:0 28px 70px rgba(17,70,161,.17);transform:rotate(2deg)}.hero-card-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:15px}.hero-card-heading span{color:var(--ink);font-size:2.1rem;font-weight:950;letter-spacing:.22em}.hero-card-heading small{color:var(--brand-bright);font-weight:900;letter-spacing:.08em}.hero-bingo-grid{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #334155}.hero-bingo-grid span{aspect-ratio:1;display:grid;place-items:center;border-right:1px solid #64748b;border-bottom:1px solid #64748b;color:var(--ink);font-size:clamp(.82rem, 2vw, 1.25rem);font-weight:750}.hero-bingo-ring{width:clamp(38px,4.5vw,50px);aspect-ratio:1;display:grid;place-items:center;border:4px solid #16a34a;border-radius:50%;background:rgba(240,253,244,.68);color:inherit;font:inherit;line-height:1}.hero-bingo-grid span:nth-child(4n){border-right:0}.hero-bingo-grid span:nth-last-child(-n+4){border-bottom:0}.hero-bingo-card p{margin:15px 0 0;color:var(--muted);font-size:.75rem;text-align:center}.hero-question-chip{position:absolute;z-index:3;top:26px;right:2px;max-width:245px;border:1px solid #bfdbfe;border-radius:999px;background:var(--brand);color:#fff;padding:10px 16px;font-size:.78rem;font-weight:850;box-shadow:var(--shadow-large);transform:rotate(-3deg)}.section{padding:78px 0}.section-white{background:#fff}.section-heading h2{margin:0 0 8px;color:var(--ink);font-size:clamp(2rem, 4vw, 3rem);line-height:1.08;letter-spacing:-.04em}.section-heading>p:last-child{max-width:720px;margin:0;color:var(--muted)}.centred-heading{text-align:center}.centred-heading>p:last-child{margin-inline:auto}.feature-grid{display:grid;gap:18px;margin-top:31px}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.guide-card{border:1px solid #e2e8f0;border-radius:var(--radius);background:#fff;padding:27px;box-shadow:var(--shadow)}.feature-number,.guide-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:var(--brand);color:#fff;font-size:1.05rem;font-weight:900}.feature-card h3,.guide-card h2,.guide-card h3{margin:16px 0 7px;color:var(--ink)}.feature-card p,.guide-card p{margin:0;color:var(--muted)}.modes-panel{border:1px solid #dbeafe;border-radius:28px;background:linear-gradient(135deg,#f8fbff,#fff);padding:clamp(28px,5vw,52px);box-shadow:var(--shadow-large)}.mode-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.mode-showcase-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;border:1px solid var(--line);border-radius:19px;background:#fff;padding:22px}.mode-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--pale);color:var(--brand);font-size:1.35rem;font-weight:900}.mode-showcase-card h3{margin:4px 0 6px;color:var(--ink)}.mode-showcase-card p:last-child{margin:0;color:var(--muted);font-size:.88rem}.ready-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #bfdbfe;border-radius:25px;background:linear-gradient(135deg,#eff6ff,#fff);padding:34px 38px}.ready-panel h2{margin:0 0 5px;color:var(--ink);font-size:clamp(1.7rem, 3vw, 2.4rem)}.ready-panel p:last-child{margin:0;color:var(--muted)}.information-main{min-height:75vh;background:linear-gradient(180deg,#f5f8ff 0,var(--page) 300px);padding-bottom:75px}.page-intro{padding:54px 0 34px;text-align:center}.page-intro h1{margin:4px 0 10px;color:var(--ink);font-size:clamp(2.3rem, 5vw, 3.6rem);line-height:1.05;letter-spacing:-.045em}.page-intro>p:last-of-type{max-width:760px;margin:0 auto;color:var(--muted)}.templates-open-creator{margin-top:21px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.template-guide-card{display:flex;flex-direction:column}.subtle-x{font-size:.68em}.tex-icon{width:60px}.template-column-preview{display:grid;grid-template-columns:0.6fr 1.8fr 1.2fr;overflow:hidden;border:1px solid #bfdbfe;border-radius:11px;background:var(--pale);margin:19px 0 5px}.template-column-preview span{padding:10px;color:var(--brand);font-size:.72rem;font-weight:900;text-align:center}.template-column-preview span+span{border-left:1px solid #bfdbfe}.tick-list{display:grid;gap:7px;padding:0;margin:17px 0;list-style:none;color:#526176;font-size:.83rem}.tick-list li{position:relative;padding-left:20px}.tick-list li::before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}.template-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:auto;padding-top:12px}.mini-code{overflow:auto;border:1px solid #dbeafe;border-radius:13px;background:#f8fbff;color:#1e3a5f;padding:15px;font-size:.82rem;line-height:1.58}.prompt-section{margin-top:58px}.prompt-grid{display:grid;gap:20px;margin-top:25px}.prompt-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.prompt-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.prompt-card-heading h3{margin:2px 0 0;color:var(--ink)}.prompt-kicker{margin:0;color:var(--brand-bright);font-size:.62rem;font-weight:900;letter-spacing:.12em}.ai-prompt-code{max-height:540px;overflow:auto;scrollbar-gutter:stable;margin:0;border-top:1px solid #dbeafe;border-radius:0;background:#f8fbff;color:#26364d;padding:22px;font-size:.875rem;line-height:1.62;white-space:pre-wrap;overflow-wrap:anywhere}.copy-confirmation{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:rgba(30,39,56,.34);padding:24px;-webkit-backdrop-filter:blur(12px) saturate(85%);backdrop-filter:blur(12px) saturate(85%);animation:copy-layer-in 170ms ease both}.copy-confirmation>div{position:relative;width:min(520px,100%);overflow:hidden;border:1px solid rgba(219,234,254,.98);border-radius:25px;background:rgba(255,255,255,.98);padding:38px 34px 34px;text-align:center;box-shadow:0 32px 90px rgba(21,29,45,.26);animation:copy-card-in 220ms cubic-bezier(.2,.8,.2,1) both}.copy-confirmation>div::before{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--brand-bright),#14b8a6);content:""}.copy-confirmation span{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#2563eb,#14b8a6);color:#fff;margin:0 auto 18px;font-size:1.65rem;font-weight:900;box-shadow:0 12px 25px rgba(37,99,235,.22)}.copy-confirmation strong{display:block;color:var(--ink);font-size:clamp(1.6rem, 4vw, 1.95rem);letter-spacing:-.035em}.copy-confirmation p{max-width:410px;margin:12px auto 0;color:#596579;font-size:1rem;line-height:1.6}@keyframes copy-layer-in{from{opacity:0}to{opacity:1}}@keyframes copy-card-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.help-steps{margin-top:0}.help-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.numbered-guide{display:grid;gap:13px;padding-left:25px;color:#526176}.faq-wrap{margin-top:52px}.faq-wrap>h2{color:var(--ink);font-size:1.65rem}.faq-wrap details{border:1px solid #e2e8f0;border-radius:14px;background:#fff;margin-bottom:9px;padding:0 16px;box-shadow:0 4px 12px rgba(15,23,42,.03)}.faq-wrap summary{cursor:pointer;color:var(--ink);padding:14px 0;font-weight:800}.faq-wrap details p{max-width:920px;margin:0 0 15px;color:var(--muted)}.creator-main{min-height:80vh;background:linear-gradient(180deg,#f5f8ff 0,var(--page) 260px);padding-bottom:70px}.creator-page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border:1px solid #dbeafe;border-radius:24px;background:linear-gradient(135deg,#fff,#eff6ff);margin-top:34px;margin-bottom:22px;padding:28px 31px;box-shadow:var(--shadow)}.creator-page-intro h1{margin:1px 0 5px;color:var(--ink);font-size:clamp(2rem, 4vw, 3rem);line-height:1.04;letter-spacing:-.04em}.creator-page-intro p:last-child{margin:0;color:var(--muted)}.creator-breadcrumb{flex:none;display:flex;align-items:center;gap:7px;margin-top:4px;color:#64748b;white-space:nowrap;font-size:.78rem;font-weight:750}.creator-breadcrumb a{color:var(--brand-bright);text-underline-offset:3px}.creator-breadcrumb a:hover{color:var(--brand-dark)}.creator-grid{display:grid;grid-template-columns:360px minmax(0,1fr);overflow:hidden;border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:var(--shadow-large)}.panel{border:0;border-radius:0;background:#fff;padding:27px;box-shadow:none}.import-panel{border-right:1px solid #e2e8f0;background:#fbfdff}.setup-panel{min-width:0;padding:30px}.panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-heading h2{margin:1px 0 2px;color:var(--ink);font-size:1.14rem}.panel-heading p{margin:0;color:var(--muted);font-size:.82rem}.step-number{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--brand);color:#fff;font-weight:900}.input-tabs{display:flex;gap:4px;border-radius:12px;background:#e8eef8;padding:4px;margin:12px 0 16px}.input-tabs button{flex:1;min-height:38px;border:0;border-radius:9px;background:0 0;color:#64748b;padding:8px 10px;font-size:.78rem;font-weight:800;cursor:pointer}.input-tabs button.active{background:#fff;color:var(--brand);box-shadow:0 3px 10px rgba(15,23,42,.09)}.upload-box{min-height:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:2px dashed #93c5fd;border-radius:16px;background:var(--pale);color:var(--brand);padding:20px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.upload-box.dragging,.upload-box:hover{border-color:var(--brand);background:#dbeafe}.upload-box>span:not(.upload-icon){color:var(--muted);font-size:.78rem}.upload-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#fff;color:var(--brand-bright);font-size:1.35rem;font-weight:900;box-shadow:0 4px 10px rgba(17,70,161,.12)}.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.choice-fieldset legend,.field-label{display:block;margin:0 0 6px;color:#334155;font-size:.82rem;font-weight:800}input,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--text);padding:10px 11px}input:focus,textarea:focus{border-color:var(--brand-bright);box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:0}#latex-source{min-height:245px;resize:vertical;background:var(--ink);color:#dbeafe;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:10px}.template-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 8px}.template-links .btn{padding:9px 7px;font-size:.73rem}.stacked-actions{display:grid;gap:8px}.privacy-note-small{border-left:4px solid var(--success);border-radius:9px;background:var(--success-pale);color:#426356;margin:14px 0 0;padding:9px 11px;font-size:.7rem}.setup-panel{min-height:100%}#activity-title{margin-bottom:18px}.choice-fieldset{border:0;padding:0;margin:0 0 18px}.mode-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{position:relative;cursor:pointer}.choice-card input{position:absolute;width:1px;height:1px;opacity:0}.choice-card-content{min-height:116px;display:block;border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:15px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.choice-card-content strong{display:block;color:var(--ink);font-size:.86rem}.choice-card-content small{display:block;margin-top:5px;color:var(--muted);font-size:.73rem;line-height:1.42}.choice-card input:checked+.choice-card-content{border-color:var(--brand-bright);background:var(--pale);box-shadow:inset 0 0 0 1px var(--brand-bright)}.choice-card input:focus-visible+.choice-card-content{outline:3px solid #f59e0b;outline-offset:3px}.grid-size-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-size-choice label{position:relative;cursor:pointer}.grid-size-choice input{position:absolute;width:1px;height:1px;opacity:0}.grid-size-choice label>span{min-height:73px;display:flex;flex-direction:column;justify-content:center;border:1px solid #cbd5e1;border-radius:13px;padding:10px 13px;text-align:center}.grid-size-choice strong{color:var(--ink);font-size:1rem}.grid-size-choice small{color:var(--muted);font-size:.68rem}.grid-size-choice input:checked+span{border-color:var(--brand-bright);background:var(--pale);box-shadow:inset 0 0 0 1px var(--brand-bright)}.grid-size-choice input:focus-visible+span{outline:3px solid #f59e0b;outline-offset:3px}.number-field-wrap{max-width:260px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px}.number-field-wrap button{border:1px solid #cbd5e1;background:#f8fafc;color:var(--brand);font-size:1.25rem;font-weight:900;cursor:pointer}.number-field-wrap button:first-child{border-radius:10px 0 0 10px}.number-field-wrap button:last-child{border-radius:0 10px 10px 0}.number-field-wrap input{border-radius:0;text-align:center}.field-help{margin:8px 0 14px;color:var(--muted);font-size:.74rem}.validation-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;border:1px solid #cbd5e1;border-radius:15px;background:#f8fafc;padding:15px;margin-top:14px}.validation-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#64748b;color:#fff;font-size:1.1rem;font-weight:900}.validation-card strong{display:block;color:var(--ink)}.validation-card p{margin:2px 0 0;color:#475569;font-size:.83rem}.validation-card.success{border-color:#a7f3d0;background:var(--success-pale)}.validation-card.success .validation-symbol{background:var(--success)}.validation-card.error{border-color:#fecdca;background:linear-gradient(145deg,#fff,#fff4f2)}.validation-card.error .validation-symbol{background:var(--danger)}#first-error-button{margin-top:9px}.editor-panel,.generate-panel{grid-column:1/-1}.activity-check-disclosure{scroll-margin-top:98px;overflow:hidden;border-top:1px solid #e2e8f0;background:#fbfdff;padding:26px 30px 30px}.activity-check-disclosure summary{position:relative;min-height:58px;display:flex;align-items:center;gap:12px;border-radius:14px;background:#3d73bd;color:#fff;padding:11px 52px 11px 17px;font-weight:900;line-height:1.25;list-style:none;cursor:pointer;transition:background 160ms ease,border-radius 160ms ease}.activity-check-disclosure summary::-webkit-details-marker{display:none}.activity-check-disclosure summary::marker{content:""}.activity-check-disclosure summary:hover{background:#3268b3}.activity-check-disclosure summary::after{position:absolute;top:50%;right:20px;width:10px;height:10px;border-right:3px solid #fff;border-bottom:3px solid #fff;content:"";transform:translateY(-70%) rotate(45deg);transition:transform 180ms ease}.activity-check-disclosure summary .step-number{background:#fff;color:#3d73bd}.activity-check-disclosure summary small{display:block;margin-top:2px;color:#eaf2ff;font-size:.69rem;font-weight:700}.activity-check-summary-copy{min-width:0}.activity-check-disclosure[open] summary{border-radius:14px 14px 0 0}.activity-check-disclosure[open] summary::after{transform:translateY(-30%) rotate(225deg)}.activity-check-content{padding-top:0}.editor-table-wrap{overflow:auto;max-height:720px;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px}.editor-table-inner{min-width:850px;background:#fff;padding-bottom:8px}.editor-table-wrap.is-empty .editor-table-inner{min-width:0}.editor-table{width:100%;border-collapse:separate;border-spacing:0}.editor-table th{position:sticky;top:0;z-index:2;background:var(--pale);color:var(--brand);padding:10px;text-align:left;font-size:.71rem;letter-spacing:.02em}.editor-table th:first-child{width:126px}.editor-table th:nth-child(3){width:30%}.editor-table th:last-child{width:52px}.editor-table td{border-top:1px solid var(--line);background:#fff;padding:8px;vertical-align:top}.editor-table .editor-delete-cell,.editor-table .editor-number-cell{vertical-align:middle}.editor-table textarea{display:block;min-height:66px;overflow-y:hidden;resize:none;font-size:.82rem;line-height:1.4;text-align:left;vertical-align:top}.editor-table .row-number{height:66px;min-height:66px;text-align:center}.row-number-wrap{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px}.row-number-wrap .row-issues{grid-column:1/-1}.row-drag-handle{width:34px;height:66px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;background:0 0;color:#7c91ad;padding:0;cursor:grab;touch-action:none;transition:border-color 150ms ease,background 150ms ease,color 150ms ease}.row-drag-handle:hover{border-color:#bfdbfe;background:#eff6ff;color:var(--brand-bright)}.row-drag-handle:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.row-drag-handle:active{cursor:grabbing}.row-drag-handle:disabled{color:#cbd5e1;cursor:default}.row-drag-handle svg{width:18px;height:24px;display:block;fill:currentColor}.delete-row{width:36px;height:36px;display:grid;place-items:center;border:1px solid #fecaca;border-radius:9px;background:#fff;color:var(--danger);font-size:1.05rem;font-weight:900;cursor:pointer}.editor-table tr.has-error td{background:#fff8f7}.editor-table tr.has-error td:first-child{box-shadow:inset 5px 0 0 var(--danger)}.row-issues{display:block;margin-top:5px;color:var(--danger);font-size:.66rem;font-weight:750;line-height:1.35}.row-drop-placeholder td{height:var(--drop-height,66px);border-top:1px solid #bfdbfe;background:#eff6ff;padding:8px}.row-drop-marker{height:100%;min-height:50px;display:grid;place-items:center;border:2px dashed #60a5fa;border-radius:11px;background:rgba(255,255,255,.82);color:var(--brand-bright);font-size:.72rem;font-weight:900}.row-drop-placeholder:not(.is-valid) .row-drop-marker{border-color:#cbd5e1;background:#f8fafc;color:#64748b}.row-drag-ghost{position:fixed;z-index:1400;display:grid;gap:3px;border:1px solid #93c5fd;border-radius:12px;background:rgba(255,255,255,.97);color:var(--ink);padding:11px 14px;box-shadow:0 18px 42px rgba(15,23,42,.2);pointer-events:none;transform:rotate(.6deg)}.row-drag-ghost strong{color:var(--brand-bright);font-size:.72rem}.row-drag-ghost span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.row-drag-ghost.is-invalid{border-color:#cbd5e1;opacity:.78}body.row-reordering{cursor:grabbing;user-select:none}.add-row-strip{width:calc(100% - 16px);min-height:52px;display:grid;place-items:center;border:2px dashed #93b9e8;border-radius:12px;background:0 0;color:#2f66ad;padding:10px;margin:8px 8px 0;font-size:.8rem;font-weight:900;cursor:pointer;transition:border-color 150ms ease,background 150ms ease,color 150ms ease}.add-row-strip:hover{border-color:var(--brand-bright);background:#eff6ff;color:var(--brand-bright)}.add-row-strip:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.empty-state{border:0;background:#f8fafc;color:var(--muted);padding:34px;text-align:center}.empty-state strong{display:block;color:var(--ink)}.empty-state p{margin:4px 0 0}.mistake-navigation{display:grid;grid-template-columns:max-content minmax(130px,1fr) max-content;align-items:center;gap:10px;margin-top:12px;text-align:center;color:var(--danger);font-size:.76rem;font-weight:850}.generate-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#fff);padding:25px 30px}.generate-panel h2{margin:1px 0 4px;color:var(--ink)}.generate-panel p:last-child{margin:0;color:var(--muted);font-size:.84rem}.generate-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.game-view{background:linear-gradient(180deg,#f5f8ff 0,var(--page) 300px);padding:42px 0 70px}.game-header-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #bfdbfe;border-radius:24px;background:linear-gradient(135deg,#eff6ff,#fff);padding:27px 31px;box-shadow:var(--shadow)}.game-header-card h2{margin:1px 0 4px;color:var(--ink);font-size:clamp(2rem, 4vw, 3rem);line-height:1.05}.game-header-card p:last-child{margin:0;color:var(--muted)}.game-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.game-layout{display:grid;gap:20px;margin-top:20px}.game-output-card,.presentation-section,.teacher-guide-card{border:1px solid #e2e8f0;border-radius:var(--radius);background:#fff;padding:27px;box-shadow:var(--shadow)}.game-section-heading,.presentation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.game-section-heading h2,.presentation-heading h2{margin:1px 0 3px;color:var(--ink);font-size:clamp(1.5rem, 3vw, 2rem)}.game-section-heading p:last-child,.presentation-heading p:last-child{margin:0;color:var(--muted)}.shape-pill{flex:none;border-radius:999px;background:var(--pale);color:var(--brand);padding:7px 11px;font-size:.72rem;font-weight:900}.random-output-actions{min-width:172px;flex:none;display:grid;justify-items:stretch;gap:9px}.random-output-actions .shape-pill{text-align:center}.download-cards-button{white-space:nowrap}.download-button-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.game-heading-actions{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:9px}.fullscreen-icon-button{position:relative;width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;color:var(--brand);padding:0;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.fullscreen-icon-button:hover{transform:translateY(-1px);background:var(--pale);box-shadow:0 8px 18px rgba(37,99,235,.13)}.fullscreen-icon-button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.fullscreen-icon-button svg{position:absolute;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fullscreen-icon-button .fullscreen-exit-icon{display:none}.fullscreen-icon-button[aria-pressed=true] .fullscreen-enter-icon{display:none}.fullscreen-icon-button[aria-pressed=true] .fullscreen-exit-icon{display:block}.icon-tooltip{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:max-content;max-width:230px;border-radius:9px;background:#0f172a;color:#fff;padding:7px 10px;font-size:.68rem;font-weight:800;line-height:1.25;pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity .14s ease,transform .14s ease}.icon-tooltip::before{content:"";position:absolute;right:14px;bottom:100%;border:5px solid transparent;border-bottom-color:#0f172a}.fullscreen-icon-button:focus-visible .icon-tooltip,.fullscreen-icon-button:hover .icon-tooltip{opacity:1;transform:translateY(0)}.answer-bank-scroll{overflow:auto;border-radius:15px}#choice-output{position:relative}.choice-fullscreen-panel,.presentation-fullscreen-panel{display:contents}#choice-output .game-section-heading{padding-right:70px}.fullscreen-icon-button-inline{position:absolute;top:22px;right:22px;z-index:12}.answer-bank{--columns:5;--rows:5;width:100%;min-width:0;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));overflow:hidden;border:2px solid #334155;border-radius:14px;background:#fff}.answer-bank-cell{min-height:94px;display:grid;place-items:center;overflow:hidden;border-right:1px solid #64748b;border-bottom:1px solid #64748b;padding:10px;color:var(--ink);font-size:1.12rem;line-height:1.15;text-align:center;white-space:pre-line;overflow-wrap:anywhere}.answer-bank-cell.last-column{border-right:0}.answer-bank-cell.last-row{border-bottom:0}.answer-bank-cell.empty{background:#f8fafc}.random-card-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-height:780px;overflow:auto;padding:2px}.screen-bingo-card{border:1px solid #e2e8f0;border-radius:22px;background:#fff;padding:16px;box-shadow:var(--shadow)}.screen-bingo-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.screen-bingo-card-heading strong{color:var(--ink);font-size:1.15rem;letter-spacing:.11em}.screen-bingo-card-heading span{color:var(--brand-bright);font-size:.68rem;font-weight:900}.screen-bingo-grid{--grid-size:3;display:grid;grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));border:1.5px solid #334155;background:#fff}.screen-bingo-cell{aspect-ratio:1;min-width:0;display:grid;place-items:center;overflow:hidden;border-right:1px solid #64748b;border-bottom:1px solid #64748b;padding:6px;color:var(--ink);font-size:1rem;line-height:1.1;text-align:center;white-space:pre-line;overflow-wrap:anywhere}.screen-bingo-cell.last-column{border-right:0}.screen-bingo-cell.last-row{border-bottom:0}.teacher-guide-card{overflow:hidden;border-color:#c7d9f2;background:#fbfdff;padding:0}.teacher-guide-card summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:21px;background:#3d73bd;color:#fff;cursor:pointer;padding:12px 20px;list-style:none;transition:background 160ms ease,border-radius 160ms ease}.teacher-guide-card summary::-webkit-details-marker{display:none}.teacher-guide-card summary:hover{background:#3268b3}.teacher-guide-card summary strong{display:block;color:#fff;font-weight:900}.teacher-guide-card summary small{display:block;margin-top:2px;color:#eaf2ff;font-size:.69rem;font-weight:700}.teacher-guide-card[open] summary{border-radius:21px 21px 0 0}.summary-chevron{color:#fff;font-size:1.35rem;transition:transform .18s ease}.teacher-guide-card[open] .summary-chevron{transform:rotate(180deg)}.teacher-guide-table-wrap{max-height:620px;overflow:auto;border-top:1px solid var(--line)}.teacher-guide-table{width:100%;min-width:720px;border-collapse:collapse}.teacher-guide-table th{position:sticky;top:0;z-index:1;background:var(--pale);color:var(--brand);padding:10px 12px;text-align:left;font-size:.7rem}.teacher-guide-table th:first-child{width:65px;text-align:center}.teacher-guide-table th:last-child{width:30%}.teacher-guide-table td{border-top:1px solid var(--line);padding:12px;vertical-align:middle;font-size:.83rem;white-space:pre-line}.teacher-guide-table td:first-child{color:var(--brand);font-weight:900;text-align:center}.teacher-guide-table td:last-child{color:var(--success);font-weight:800}.presentation-section .presentation-heading,.presentation-shell{width:min(100%,980px);margin-inline:auto}.presentation-shell{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e2e8f0;border-radius:25px;background:#fff;box-shadow:var(--shadow-large)}.presentation-fullscreen-button{position:absolute;top:20px;right:22px;z-index:12}.question-slide{position:relative;min-height:490px;overflow:hidden;border-radius:24px 24px 0 0;background:linear-gradient(135deg,#eff6ff,#fff);isolation:isolate}.slide-counter{position:absolute;top:20px;left:22px;z-index:10;border:1px solid #dbeafe;border-radius:999px;background:rgba(255,255,255,.96);color:var(--brand);padding:9px 14px;font-size:.88rem;font-weight:900;box-shadow:0 4px 12px rgba(15,23,42,.06)}.slide-answer-layer,.slide-question-sheet{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #94a3b8;border-radius:24px 24px 0 0;padding:64px 7% 58px}.slide-answer-layer{z-index:1;background:linear-gradient(135deg,#eff6ff,#fff);color:var(--ink);text-align:center}.slide-answer-copy{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:13px;opacity:0;transform:translateY(8px);transition:opacity 0s linear,transform 0s linear}.slide-answer-kicker{color:var(--brand-bright);font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.slide-question-sheet{z-index:2;background:#fff;color:var(--ink);transform:translate3d(0,0,0) rotate(0);transform-origin:12% 88%;transition:transform 520ms cubic-bezier(.7, 0, .22, 1),background-color 180ms ease;will-change:transform}.presentation-shell[data-revealed=true] .slide-question-sheet{transform:translate3d(124%,-28%,0) rotate(8deg)}.presentation-shell[data-revealed=true] .slide-answer-copy{opacity:1;transform:translateY(0);transition:opacity 170ms ease .3s,transform 170ms ease .3s}.slide-answer,.slide-question{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.25;text-align:center;white-space:pre-line;overflow-wrap:anywhere}.slide-inline-content{display:inline;max-width:100%}.slide-question{color:var(--ink);font-size:clamp(2rem, 5vw, 4rem)}.slide-answer{color:var(--ink);font-size:clamp(2.25rem, 5.6vw, 4.5rem)}.presentation-controls{position:relative;min-height:92px;display:flex;align-items:center;justify-content:center;border-top:1px solid #e2e8f0;background:#fbfdff;padding:14px}.presentation-navigation{position:absolute;top:50%;left:50%;display:grid;grid-template-columns:repeat(4,60px);align-items:center;justify-content:center;gap:18px;transform:translate(-50%,-50%)}.presentation-icon-button{position:relative;width:60px;height:60px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--brand-bright);color:#fff;padding:0;box-shadow:0 8px 18px rgba(37,99,235,.22);cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.presentation-icon-button svg{width:26px;height:26px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.presentation-icon-button:hover:not(:disabled){transform:translateY(-1px);background:#1d4ed8;box-shadow:0 10px 22px rgba(37,99,235,.26)}.presentation-icon-button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.presentation-icon-button:disabled{background:#94a3b8;cursor:not-allowed;opacity:.55;box-shadow:none}.presentation-icon-button.shuffle-questions-button{border:1px solid #bfdbfe;background:#fff;color:var(--brand-bright);box-shadow:0 8px 18px rgba(37,99,235,.13)}.presentation-icon-button.shuffle-questions-button:hover:not(:disabled){background:#eff6ff;color:#1d4ed8;box-shadow:0 10px 22px rgba(37,99,235,.18)}.presentation-icon-button.shuffle-questions-button:disabled{border-color:#e2e8f0;background:#f8fafc;color:#94a3b8;cursor:wait}.presentation-icon-button.show-answer-button{background:#059669;color:#fff;box-shadow:0 8px 18px rgba(5,150,105,.24)}.presentation-icon-button.show-answer-button:hover:not(:disabled){background:#047857;box-shadow:0 10px 22px rgba(4,120,87,.28)}.presentation-icon-button.show-answer-button[aria-pressed=true]{background:#047857;box-shadow:0 8px 18px rgba(4,120,87,.28),0 0 0 4px rgba(16,185,129,.14)}.presentation-control-tooltip{top:auto;right:auto;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,3px)}.presentation-control-tooltip::before{top:100%;right:auto;bottom:auto;left:50%;border-top-color:#0f172a;border-bottom-color:transparent;transform:translateX(-50%)}.presentation-icon-button:focus-visible .presentation-control-tooltip,.presentation-icon-button:hover .presentation-control-tooltip{opacity:1;transform:translate(-50%,0)}.presentation-shell:-webkit-full-screen,.presentation-shell:fullscreen{width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden;border:0;border-radius:0;background:#fff;padding:0;box-shadow:none}#choice-output:fullscreen::backdrop,.presentation-shell:fullscreen::backdrop{background:#fff}.presentation-shell:-webkit-full-screen .presentation-fullscreen-panel,.presentation-shell:fullscreen .presentation-fullscreen-panel{position:relative;width:90vw;height:90vh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid #dbe4f0;border-radius:25px;background:var(--page);box-shadow:0 24px 70px rgba(15,23,42,.18)}.presentation-shell:-webkit-full-screen .question-slide,.presentation-shell:fullscreen .question-slide{min-height:0;border-radius:24px 24px 0 0}.presentation-shell:-webkit-full-screen .slide-answer-layer,.presentation-shell:-webkit-full-screen .slide-question-sheet,.presentation-shell:fullscreen .slide-answer-layer,.presentation-shell:fullscreen .slide-question-sheet{border-radius:24px 24px 0 0;padding:7vh 7vw}.presentation-shell:-webkit-full-screen .slide-question,.presentation-shell:fullscreen .slide-question{font-size:min(6vw, 5.2rem)}.presentation-shell:-webkit-full-screen .slide-answer,.presentation-shell:fullscreen .slide-answer{font-size:min(6.6vw, 5.8rem)}.presentation-shell:-webkit-full-screen .presentation-controls,.presentation-shell:fullscreen .presentation-controls{min-height:12vh;padding:14px}.presentation-shell:-webkit-full-screen .presentation-navigation,.presentation-shell:fullscreen .presentation-navigation{grid-template-columns:repeat(4,68px);gap:22px}.presentation-shell:-webkit-full-screen .presentation-icon-button,.presentation-shell:fullscreen .presentation-icon-button{width:68px;height:68px}#choice-output:-webkit-full-screen,#choice-output:fullscreen{width:100vw;height:100vh;display:grid!important;place-items:center;overflow:hidden;border:0;border-radius:0;background:#fff;padding:0;box-shadow:none}#choice-output:-webkit-full-screen .choice-fullscreen-panel,#choice-output:fullscreen .choice-fullscreen-panel{position:relative;width:90vw;height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe4f0;border-radius:25px;background:#fff;padding:clamp(18px,2.5vw,34px);box-shadow:0 24px 70px rgba(15,23,42,.18)}#choice-output:-webkit-full-screen .game-section-heading,#choice-output:fullscreen .game-section-heading{min-height:42px;flex:none;align-items:center;margin-bottom:15px;padding:0 70px 0 2px}#choice-output:-webkit-full-screen #choice-instruction,#choice-output:-webkit-full-screen .game-section-heading h2,#choice-output:fullscreen #choice-instruction,#choice-output:fullscreen .game-section-heading h2{display:none}#choice-output:-webkit-full-screen .game-section-heading .eyebrow,#choice-output:fullscreen .game-section-heading .eyebrow{margin:0;font-size:clamp(.78rem, 1.35vw, 1rem)}#choice-output:-webkit-full-screen .answer-bank-scroll,#choice-output:fullscreen .answer-bank-scroll{flex:1;display:grid;align-items:center;min-height:0;border-radius:20px}#choice-output:-webkit-full-screen .answer-bank,#choice-output:fullscreen .answer-bank{width:100%;max-width:calc(var(--columns) * 180px);overflow:hidden;border-radius:20px;margin-inline:auto;box-shadow:0 12px 34px rgba(15,23,42,.12)}#choice-output:-webkit-full-screen .answer-bank-cell,#choice-output:fullscreen .answer-bank-cell{min-height:clamp(66px,calc((90dvh - 130px)/ var(--rows)),150px);font-size:clamp(1.1rem, 2.1vw, 2rem)}.processing-layer{position:fixed;inset:0;z-index:1250;display:grid;place-items:center;overflow-y:auto;background:rgba(15,23,42,.44);padding:24px;backdrop-filter:blur(11px) saturate(88%);animation:processing-layer-in 170ms ease both}.processing-card{position:relative;width:min(510px,100%);height:470px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(191,219,254,.95);border-radius:25px;background:rgba(255,255,255,.97);padding:34px 38px 32px;text-align:center;box-shadow:0 30px 90px rgba(15,23,42,.35);animation:processing-card-in 210ms cubic-bezier(.22,1,.36,1) both}.processing-close{position:absolute;top:14px;right:15px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:11px;background:#eef4fb;color:#52627a;padding:0 0 2px;font-size:1.55rem;line-height:1;cursor:pointer}.processing-close:hover{background:#dfeafb;color:var(--ink)}.processing-visual{position:relative;width:136px;height:136px;flex:none;margin:1px auto 16px}.processing-dots{position:absolute;inset:0}.processing-dot{--dot-index:0;position:absolute;top:50%;left:50%;width:11px;height:11px;border:2px solid #cbd9eb;border-radius:50%;background:#f2f6fb;margin:-5.5px;transform:rotate(calc(var(--dot-index) * 22.5deg)) translateY(-59px) scale(.88);transition:background 120ms ease,border-color 120ms ease,box-shadow 120ms ease,transform 120ms ease}.processing-dot.is-filled{border-color:#4c87d9;background:#4c87d9;box-shadow:0 0 0 4px rgba(76,135,217,.13);transform:rotate(calc(var(--dot-index) * 22.5deg)) translateY(-59px) scale(1)}.processing-centre{position:absolute;top:50%;left:50%;width:66px;height:66px;display:grid;place-items:center;border:1px solid #c7d9f2;border-radius:22px;background:linear-gradient(145deg,#f7fbff,#dceafe);color:var(--brand-bright);font-size:2rem;font-weight:900;line-height:1;box-shadow:0 10px 26px rgba(17,70,161,.14);transform:translate(-50%,-50%)}.processing-card:not(.ready):not(.error) .processing-centre{animation:processing-worker-turn 1.55s linear infinite}.processing-card.ready .processing-centre{border-color:#a7f3d0;background:#dcfce7;color:var(--success);animation:none}.processing-card.error .processing-centre{border-color:#fecaca;background:#fee4e2;color:var(--danger);animation:none}.processing-card.ready .processing-dot.is-filled{border-color:#12b76a;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.13)}.processing-card.error .processing-dot.is-filled{border-color:#f04438;background:#f04438;box-shadow:0 0 0 4px rgba(240,68,56,.12)}.processing-eyebrow{min-height:1em;margin:0 0 5px;color:#3572c8;font-size:.7rem;font-weight:900;letter-spacing:.14em}.processing-card h2{min-height:2.35em;display:flex;align-items:center;justify-content:center;margin:0;color:var(--ink);font-size:clamp(1.65rem, 4vw, 2rem);letter-spacing:-.035em}.processing-card>p:not(.processing-eyebrow):not(.sr-only){min-height:3.2em;display:flex;align-items:flex-start;justify-content:center;max-width:405px;margin:10px auto 0;color:#596579;line-height:1.6}.processing-action{min-width:190px;margin-top:19px}.processing-action[aria-hidden=true]{visibility:hidden}.toast{position:fixed;right:20px;bottom:20px;z-index:1300;max-width:420px;border:1px solid rgba(219,234,254,.98);border-radius:14px;background:rgba(255,255,255,.98);color:var(--ink);padding:12px 15px;font-size:.8rem;font-weight:800;box-shadow:0 18px 48px rgba(15,23,42,.16)}@keyframes processing-layer-in{from{opacity:0}to{opacity:1}}@keyframes processing-card-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes processing-worker-turn{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}footer{border-top:1px solid #1e293b;background:var(--ink);color:#cbd5e1;padding:36px 0}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.footer-inner strong{color:#fff}.footer-inner p{margin:4px 0 0;font-size:.78rem}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{color:#dbeafe;font-size:.8rem;text-decoration:none}@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding:0}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-copy{padding:46px 40px}.hero-visual{min-height:480px;border-top:1px solid #dbeafe;padding:28px 9%}.three-column{grid-template-columns:1fr}.creator-grid{grid-template-columns:1fr}.import-panel{border-right:0;border-bottom:1px solid #e2e8f0}.editor-panel,.generate-panel{grid-column:auto}.random-card-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.menu-toggle{display:block}.primary-nav{position:absolute;top:calc(100% + 1px);left:4%;right:4%;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:15px;background:#fff;padding:8px;box-shadow:var(--shadow-large)}.primary-nav.open{display:flex}.nav-link{text-align:center}.help-layout,.mode-showcase,.template-grid{grid-template-columns:1fr}.creator-page-intro,.game-header-card,.game-section-heading,.generate-panel,.presentation-heading,.ready-panel{align-items:stretch;flex-direction:column}.game-heading-actions{align-self:flex-start;justify-content:flex-start}.random-output-actions{width:min(100%,220px);align-self:center}.creator-breadcrumb{align-self:flex-start}.mode-choice-grid{grid-template-columns:1fr}.choice-card-content{min-height:0}.generate-actions{width:100%;align-self:center;justify-content:center}.game-header-actions{justify-content:flex-start}.random-card-preview{grid-template-columns:1fr}.question-slide{min-height:400px}.presentation-controls{min-height:88px;padding:12px}.presentation-navigation{grid-template-columns:repeat(4,58px);gap:12px}.presentation-icon-button{width:58px;height:58px}.presentation-shell:-webkit-full-screen .presentation-controls,.presentation-shell:fullscreen .presentation-controls{min-height:20vh;padding:14px}.presentation-shell:-webkit-full-screen .presentation-navigation,.presentation-shell:fullscreen .presentation-navigation{grid-template-columns:repeat(4,64px);gap:16px}.presentation-shell:-webkit-full-screen .presentation-icon-button,.presentation-shell:fullscreen .presentation-icon-button{width:64px;height:64px}}@media (max-width:520px){body{font-size:15px}.container{width:min(94%,1180px)}.brand-words{font-size:.88rem}.hero{min-height:auto;margin-top:22px;padding:0}.hero-copy{padding:32px 23px}.hero h1{font-size:2.55rem}.hero-visual{min-height:400px;padding-inline:4px}.hero-bingo-card{padding:17px}.hero-question-chip{right:-2px;top:14px}.section{padding:57px 0}.mode-showcase-card{grid-template-columns:1fr}.ready-panel{padding:26px}.creator-page-intro{margin-top:20px;padding:23px 20px}.activity-check-disclosure,.generate-panel,.import-panel,.setup-panel{padding:20px 16px}.game-output-card,.presentation-section{padding:17px;border-radius:18px}.activity-check-disclosure summary{flex-wrap:wrap;padding-left:13px}.activity-check-summary-copy{flex:1;min-width:150px}.grid-size-choice{grid-template-columns:1fr}.editor-heading{flex-wrap:wrap}.editor-heading .btn{width:100%}.game-header-actions .btn,.generate-actions .btn{width:100%}.game-header-card{padding:22px}.presentation-controls{min-height:82px}.presentation-navigation{grid-template-columns:repeat(4,54px);gap:9px}.presentation-icon-button{width:54px;height:54px}.template-actions{grid-template-columns:1fr}.prompt-card-heading{align-items:stretch;flex-direction:column}.copy-confirmation{padding:16px}.copy-confirmation>div{padding:34px 24px 28px}.processing-layer{padding:16px}.processing-card{height:470px;max-height:calc(100dvh - 32px);padding:30px 22px 27px}.processing-visual{width:126px;height:126px}.processing-dot{transform:rotate(calc(var(--dot-index) * 22.5deg)) translateY(-54px) scale(.88)}.processing-dot.is-filled{transform:rotate(calc(var(--dot-index) * 22.5deg)) translateY(-54px) scale(1)}}@media print{.fullscreen-icon-button,.game-header-actions,.presentation-controls,.site-header,.teacher-guide-card,footer{display:none!important}body{background:#fff}.game-view{padding:0}.game-header-card,.game-output-card,.presentation-section{border:0;box-shadow:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.noscript{border-bottom:1px solid #fde68a;background:#fffbeb;color:#92400e;padding:10px 4%;text-align:center;font-size:.82rem;font-weight:800}.menu-toggle{width:auto;height:auto;border:0;background:0 0;padding:8px}.menu-toggle>span:not(.sr-only){width:27px;height:3px;margin:5px}.hero{display:block;min-height:0;overflow:visible;border:0;border-radius:0;background:0 0;margin:0;padding:42px 0 28px;box-shadow:none}.hero-card{min-height:590px;display:grid;grid-template-columns:55% 45%;overflow:hidden;border:1px solid var(--pale-strong);border-radius:30px;background:linear-gradient(135deg,#fff 5%,#eff6ff 100%);box-shadow:0 12px 38px rgba(15,23,42,.07)}.hero-copy{padding:58px 52px 56px;text-align:left}.hero h1{max-width:700px;margin:6px 0 18px;font-size:clamp(2.5rem, 5vw, 4.55rem);line-height:1.02;letter-spacing:-.052em}.hero-lead{max-width:690px;color:#4b5563;font-size:1.1rem}.hero-actions{gap:12px;margin:28px 0 22px}.hero-showcase{min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:0 0;padding:36px 34px 28px 8px}.hero-slides{position:relative;min-height:510px}.hero-slide{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translate3d(0,0,0);pointer-events:none;will-change:transform}.hero-slide.active{z-index:1;opacity:1;visibility:visible;pointer-events:auto}.hero-slide.deck-leaving{z-index:2;opacity:1;visibility:visible;pointer-events:none;animation:deck-card-away .74s cubic-bezier(.45,0,.22,1) both}.subject-pill{align-self:flex-start;border-radius:999px;background:#dbeafe;color:#1d4ed8;padding:6px 10px;margin:0 0 8px 12px;font-size:.67rem;font-weight:900;letter-spacing:.1em}.subject-pill.science{background:#dcfce7;color:#047857}.subject-pill.esl{background:#fef3c7;color:#92400e}.subject-pill.humanities{background:#fce7f3;color:#9d174d}.subject-pill.economics{background:#ede9fe;color:#6d28d9}.hero-bingo-stage{position:relative;min-height:430px;padding:0 13px 0 4px}.hero-bingo-card{position:relative;z-index:1;width:min(390px,82%);border-radius:22px;padding:19px;margin:43px auto 0;transform:none;box-shadow:0 24px 54px rgba(17,70,161,.2)}.hero-card-heading{margin-bottom:11px}.hero-card-heading span{font-size:1.72rem}.hero-card-heading small{font-size:.68rem}.hero-bingo-grid{border-width:1.5px}.hero-bingo-grid span{min-width:0;overflow:hidden;padding:3px;font-size:clamp(.76rem, 1.45vw, 1.05rem);line-height:1.08;overflow-wrap:anywhere}.hero-bingo-grid-words span{font-size:clamp(.52rem, .78vw, .68rem);font-weight:700;line-height:1.05;overflow-wrap:normal;word-break:normal}.hero-bingo-ring{width:clamp(37px,4vw,45px);border-width:4px}.hero-bingo-ring-word{width:fit-content;min-width:34px;max-width:calc(100% - 2px);aspect-ratio:auto;border-width:3px;border-radius:999px;padding:5px 7px;font-size:inherit;white-space:nowrap}.hero-question-chip{top:0;right:14px;width:min(300px,78%);max-width:none;border-radius:15px;padding:10px 14px 11px;transform:none}.hero-question-chip small{display:block;margin-bottom:2px;color:#bfdbfe;font-size:.55rem;font-weight:900;letter-spacing:.11em}.hero-question-chip strong{display:block;color:#fff;font-size:.78rem;line-height:1.3}.slide-caption{margin:7px 0 0;color:#475569;font-size:.76rem;font-weight:800;text-align:center}.carousel-dots{display:flex;justify-content:center;gap:9px;margin-top:22px}.carousel-dots button{width:10px;height:10px;border:0;border-radius:50%;background:#94a3b8;padding:0;box-shadow:0 0 0 4px transparent;transition:width .2s ease,background .2s ease}.carousel-dots button.active{width:28px;border-radius:999px;background:var(--brand-bright)}.carousel-dots button:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}@keyframes deck-card-away{0%{opacity:1;transform:translate3d(0,0,0) rotate(0)}18%{opacity:1;transform:translate3d(12px,-3px,0) rotate(.8deg)}100%{opacity:1;transform:translate3d(-118%,-18px,0) rotate(-9deg)}}.page-shell{padding-bottom:82px}.landing-shell{min-height:720px}.app-section{scroll-margin-top:98px}.home-workflow{padding:12px 0 72px}.intro-heading{max-width:840px;margin:46px auto 30px;text-align:center}.intro-heading>p:last-child{margin-inline:auto}.modes-panel{margin-bottom:32px}.school-stage-section{border:1px solid #dbeafe;border-radius:28px;background:linear-gradient(145deg,#fff,#f4f8ff);padding:42px 38px;margin-bottom:32px;box-shadow:var(--shadow-large)}.school-stage-section .section-heading{margin:0 auto 30px}.school-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:22px}.school-stage-card{border:1px solid #e2e8f0;border-radius:var(--radius);background:#fff;padding:27px;box-shadow:0 10px 26px rgba(15,23,42,.06)}.school-stage-card span{display:inline-block;border-radius:999px;background:#e8f0ff;color:var(--brand);padding:6px 9px;font-size:.68rem;font-weight:900}.school-stage-card h3{margin:17px 0 7px;color:var(--ink);font-size:1.12rem}.school-stage-card p{margin:0;color:var(--muted)}.ready-panel{margin-top:0}.information-shell{padding-top:18px}.library-page-panel{border:1px solid #e2e8f0;border-radius:26px;background:#fff;padding:34px;margin-top:18px;box-shadow:var(--shadow-large)}.library-page-heading{max-width:880px;margin:6px auto 31px;text-align:center}.library-page-heading h1{margin:2px 0 10px;color:var(--ink);font-size:clamp(2.15rem, 4.6vw, 3.45rem);line-height:1.05;letter-spacing:-.045em}.library-page-heading p:last-child{margin:0 auto;color:var(--muted)}.library-grid-static{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.library-entry{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:24px;box-shadow:var(--shadow)}.library-entry h2{margin:13px 0 7px;color:var(--ink);font-size:1.18rem}.library-entry p{margin:0 0 18px;color:var(--muted)}.library-entry .btn{margin-top:auto}.library-entry-badge{align-self:flex-start;border-radius:999px;background:#e8f0ff;color:var(--brand);padding:6px 9px;font-size:.66rem;font-weight:900;letter-spacing:.07em}.library-note{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #bfdbfe;border-radius:22px;background:linear-gradient(135deg,#eff6ff,#fff);padding:28px 31px;margin-top:22px}.library-note h2{margin:1px 0 5px;color:var(--ink)}.library-note p{margin:0;color:var(--muted)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-grid>div:last-child{text-align:right}.footer-grid strong{color:#fff}.footer-grid p{margin:5px 0 0;font-size:.78rem}.footer-brand{color:#fff}.footer-brand .brand-words{color:#fff}@media (max-width:1040px){.hero-card{grid-template-columns:55% 45%}.hero-copy{padding:46px 40px}.hero-showcase{padding-right:24px}}@media (max-width:880px){.header-inner{position:relative;flex-wrap:nowrap;min-height:70px}.menu-toggle{display:block;margin-left:auto}.primary-nav{position:absolute;z-index:30;top:calc(100% + 1px);right:0;left:0;width:auto;display:none;flex-direction:column;align-items:stretch;border:1px solid #dbe3ef;border-radius:0 0 16px 16px;background:rgba(255,255,255,.99);padding:9px;box-shadow:0 18px 34px rgba(15,23,42,.14)}.primary-nav.open{display:flex}.nav-link{text-align:left}.hero-card{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-showcase{min-height:560px;border-top:1px solid #dbeafe;padding:28px 9%}.hero-slides{min-height:510px}.library-grid-static,.school-stage-grid{grid-template-columns:1fr}}@media (max-width:620px){.brand-words{font-size:.88rem}.hero{min-height:0;margin:0;padding-top:22px}.hero-copy{padding:32px 23px}.hero h1{font-size:clamp(2.35rem, 12vw, 3.3rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-showcase{min-height:500px;padding-inline:6%}.hero-slides{min-height:450px}.hero-bingo-stage{min-height:375px;padding-right:5px}.hero-bingo-card{width:98%;padding:14px}.hero-question-chip{top:0;right:8px;width:calc(100% - 24px)}.hero-bingo-grid span{font-size:.75rem}.hero-bingo-grid-words span{font-size:.5rem}.school-stage-section{padding:28px 18px}.school-stage-card{padding:23px 20px}.library-page-panel{padding:24px 18px}.footer-grid,.library-note{align-items:flex-start;flex-direction:column}.footer-grid>div:last-child{text-align:left}}:root{--quiz-blue:#2563eb;--quiz-red:#dc2626;--quiz-green:#16a34a;--quiz-yellow:#facc15}.quiz-order-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-flow-preview{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;border:1px solid #dbeafe;border-radius:18px;background:#f8fbff;margin-top:22px;padding:17px}.quiz-flow-preview>div:not(.quiz-flow-arrow){display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:center}.quiz-flow-preview span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--brand);color:#fff;font-weight:900}.quiz-flow-preview strong{color:var(--ink);font-size:.84rem}.quiz-flow-preview small{color:var(--muted);font-size:.72rem;line-height:1.35}.quiz-flow-arrow{color:var(--brand-bright);font-size:1.35rem;font-weight:900}.quiz-editor-table-inner{min-width:1000px}.quiz-editor-table{table-layout:fixed}.quiz-editor-table th{padding-inline:7px}.quiz-editor-table th:first-child{width:84px}.quiz-editor-table th:nth-child(2){width:27%}.quiz-editor-table th:nth-child(n+3):nth-child(-n+6){width:12.5%;text-align:center}.quiz-editor-table th:nth-child(7){width:98px}.quiz-editor-table th:last-child{width:44px}.quiz-editor-table td{padding:6px}.quiz-editor-table textarea{padding:8px;font-size:.78rem}.quiz-editor-table .row-number-wrap{grid-template-columns:30px minmax(0,1fr);gap:4px}.quiz-editor-table .row-drag-handle{width:30px}.quiz-editor-table .blue-heading{--review-column-background:#dbeafe;--review-column-colour:#1d4ed8;background:var(--review-column-background);color:var(--review-column-colour)}.quiz-editor-table .red-heading{--review-column-background:#fee2e2;--review-column-colour:#b91c1c;background:var(--review-column-background);color:var(--review-column-colour)}.quiz-editor-table .green-heading{--review-column-background:#dcfce7;--review-column-colour:#15803d;background:var(--review-column-background);color:var(--review-column-colour)}.quiz-editor-table .yellow-heading{--review-column-background:#fef9c3;--review-column-colour:#854d0e;background:var(--review-column-background);color:var(--review-column-colour)}.correct-option-cell{min-width:0;vertical-align:middle!important}.correct-option-select{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:var(--ink);padding:8px 30px 8px 10px;font-size:.79rem;font-weight:800}.correct-option-select[aria-invalid=true]{border-color:#ef4444;background:#fff7f7}.quiz-editor-table tr.dragging-row td{opacity:.45}.quiz-editor-table tr.drop-target-row td{background:#eff6ff;box-shadow:inset 0 3px 0 var(--brand-bright)}.quiz-game-layout{grid-template-columns:1fr}.quiz-presentation-section{grid-column:1}.quiz-label-toggle{position:relative;display:inline-flex;flex:none;align-items:center;gap:9px;align-self:center;border:1px solid #c7d9f2;border-radius:999px;background:#f8fbff;color:var(--brand);padding:8px 12px 8px 9px;font-size:.88rem;font-weight:850;cursor:pointer;user-select:none}.quiz-label-toggle input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.quiz-toggle-track{position:relative;width:44px;height:24px;flex:none;border:1px solid #a9b8cb;border-radius:999px;background:#dfe7f1;transition:border-color 160ms ease,background 160ms ease}.quiz-toggle-track::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.22);transition:transform 170ms ease}.quiz-label-toggle input:checked+.quiz-toggle-track{border-color:var(--brand-bright);background:var(--brand-bright)}.quiz-label-toggle input:checked+.quiz-toggle-track::after{transform:translateX(20px)}.quiz-label-toggle input:focus-visible+.quiz-toggle-track{outline:3px solid #93c5fd;outline-offset:3px}.quiz-presentation-shell{width:min(100%,1080px);background:linear-gradient(180deg,#f8fbff,#fff)}.quiz-presentation-shell .presentation-controls{border-top:0;background:linear-gradient(180deg,#f8fbff,#fff)}.quiz-stage{position:relative;min-height:620px;display:grid;grid-template-rows:minmax(0,1fr) minmax(150px,28%);overflow:hidden;border:1px dashed #94a3b8;border-radius:24px 24px 0 0;background:linear-gradient(135deg,#eff6ff,#fff);isolation:isolate;transition:background 240ms ease}.quiz-question-area{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:0;border-radius:0;background:0 0;padding:74px 8% 22px}.quiz-question{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--ink);font-size:clamp(2rem, 5vw, 3.65rem);font-weight:500;line-height:1.22;text-align:center;white-space:pre-line;overflow-wrap:anywhere}.quiz-option-grid{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:10px;overflow:hidden;background:0 0;padding:0 18px 18px}.quiz-option{position:relative;min-width:0;min-height:132px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #cbd5e1;border-top-width:6px;border-radius:16px;background:rgba(255,255,255,.84);padding:18px 12px;color:var(--ink);font-size:clamp(2rem, 5.5vw, 4.25rem);font-weight:780;line-height:1.08;text-align:center;white-space:pre-line;overflow-wrap:anywhere;box-shadow:0 8px 18px rgba(15,23,42,.07);transition:opacity 280ms ease,filter 280ms ease,transform 280ms cubic-bezier(.2, .8, .2, 1),background 220ms ease,border-color 220ms ease,color 220ms ease,box-shadow 280ms ease}.quiz-presentation-shell[data-show-labels=true] .quiz-option{padding-top:38px}.quiz-presentation-shell:not([data-show-labels=true]) .option-letter{display:none}.option-blue{background:var(--quiz-blue)}.option-red{background:var(--quiz-red)}.option-green{background:var(--quiz-green)}.option-yellow{background:var(--quiz-yellow);color:#422006;box-shadow:inset 0 -4px 0 rgba(133,77,14,.25)}.quiz-option.option-blue{border-color:#bfdbfe;border-top-color:var(--quiz-blue);background:rgba(239,246,255,.9);color:#1e3a8a;box-shadow:0 8px 18px rgba(37,99,235,.08)}.quiz-option.option-red{border-color:#fecdd3;border-top-color:var(--quiz-red);background:rgba(255,241,242,.9);color:#7f1d1d;box-shadow:0 8px 18px rgba(220,38,38,.07)}.quiz-option.option-green{border-color:#bbf7d0;border-top-color:var(--quiz-green);background:rgba(240,253,244,.9);color:#14532d;box-shadow:0 8px 18px rgba(22,163,74,.07)}.quiz-option.option-yellow{border-color:#fde68a;border-top-color:var(--quiz-yellow);background:rgba(255,251,235,.94);color:#713f12;box-shadow:0 8px 18px rgba(202,138,4,.08)}.option-letter{position:absolute;left:12px;top:11px;width:32px;height:27px;display:grid;place-items:center;border:1px solid currentColor;border-radius:999px;background:rgba(255,255,255,.8);color:inherit;font-size:.72rem;font-weight:950}.option-content{width:100%;display:inline-flex;max-width:100%;align-items:center;justify-content:center}.option-content.prefer-one-line{width:auto;max-width:none;flex:none;white-space:nowrap;overflow-wrap:normal}.correct-mark{position:absolute;z-index:3;left:50%;top:50%;height:calc(100% - 14px);width:auto;aspect-ratio:1;display:grid;place-items:center;box-sizing:border-box;border:clamp(6px,.72vmin,9px) solid #fff;border-radius:50%;background:0 0;color:#fff;opacity:0;pointer-events:none;filter:drop-shadow(0 0 2px rgba(15, 23, 42, .35)) drop-shadow(0 5px 5px rgba(15, 23, 42, .24));transform:translate(-50%,-50%) rotate(-11deg) scale(1.82);transform-origin:center;will-change:opacity,transform,filter}.correct-mark svg{width:72%;height:72%;overflow:visible}.correct-mark path{fill:none;stroke:currentColor;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}.answer-state-pill{position:absolute;z-index:8;top:22px;left:50%;max-width:calc(100% - 330px);border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#166534;padding:8px 15px;font-size:.74rem;font-weight:900;letter-spacing:.04em;opacity:0;transform:translate(-50%,-8px);transition:opacity 180ms ease,transform 220ms ease}.quiz-presentation-shell[data-revealed=true] .quiz-stage{background:linear-gradient(135deg,#f0fdf4,#fff)}.quiz-presentation-shell[data-revealed=true] .answer-state-pill{opacity:1;transform:translate(-50%,0)}.quiz-presentation-shell[data-revealed=true] .quiz-option:not(.is-correct){opacity:.44;filter:grayscale(.25) saturate(.72);transform:scale(.985)}.quiz-presentation-shell[data-revealed=true] .quiz-option.is-correct{z-index:2;transform:none;box-shadow:0 10px 24px rgba(15,23,42,.18)}.quiz-presentation-shell[data-revealed=true] .quiz-option.option-blue.is-correct{border-color:var(--quiz-blue);background:var(--quiz-blue);color:#000}.quiz-presentation-shell[data-revealed=true] .quiz-option.option-red.is-correct{border-color:var(--quiz-red);background:var(--quiz-red);color:#000}.quiz-presentation-shell[data-revealed=true] .quiz-option.option-green.is-correct{border-color:var(--quiz-green);background:var(--quiz-green);color:#000}.quiz-presentation-shell[data-revealed=true] .quiz-option.option-yellow.is-correct{border-color:var(--quiz-yellow);background:var(--quiz-yellow);color:#000}.quiz-presentation-shell[data-revealed=true] .quiz-option.is-correct .option-letter{border-color:currentColor;background:rgba(255,255,255,.2)}.quiz-presentation-shell[data-revealed=true] .quiz-option.is-correct .correct-mark{opacity:1;animation:correct-stamp-in 520ms cubic-bezier(.16,.82,.24,1) both}.quiz-presentation-shell .slide-counter{z-index:9}@keyframes correct-stamp-in{0%{opacity:0;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .88)) drop-shadow(0 18px 7px rgba(15, 23, 42, .12));transform:translate(-50%,calc(-50% - 30px)) rotate(-15deg) scale(1.82)}44%{opacity:1;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .92)) drop-shadow(0 1px 1px rgba(15, 23, 42, .3));transform:translate(-50%,-50%) rotate(-5deg) scale(.84)}62%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1.08)}78%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(.97)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-7deg) scale(1)}}.quiz-teacher-guide{width:min(100%,1080px);margin-inline:auto}.quiz-teacher-guide .teacher-guide-table{min-width:1220px}.guide-option-cell{min-width:145px}.guide-option-cell.guide-correct{background:#f0fdf4;box-shadow:inset 0 0 0 2px #86efac;font-weight:800}.correct-colour-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;color:#fff;padding:6px 10px;font-size:.72rem;font-weight:900}.correct-colour-chip::before{content:"✓"}.correct-blue{background:var(--quiz-blue)}.correct-red{background:var(--quiz-red)}.correct-green{background:var(--quiz-green)}.correct-yellow{background:var(--quiz-yellow);color:#422006}.quiz-hero{min-height:570px}.quiz-hero-showcase{padding:34px 28px 24px 16px}.quiz-hero-showcase .hero-slides{min-height:460px}.quiz-hero-slide{padding-top:12px}.quiz-hero-slide .subject-pill{margin-left:3%}.quiz-hero-card{position:relative;z-index:2;width:min(520px,96%);overflow:hidden;border:1px dashed #93a4ba;border-radius:25px;background:linear-gradient(135deg,#eff6ff,#fff);padding:18px;margin-inline:auto;box-shadow:0 28px 70px rgba(17,70,161,.16)}.quiz-hero-question{min-height:210px;display:grid;place-items:center;border:0;border-radius:0;background:0 0;color:var(--ink);padding:24px;text-align:center;font-size:clamp(1.3rem, 2.2vw, 1.85rem);font-weight:800}.quiz-hero-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:0}.quiz-hero-options>span{position:relative;min-width:0;min-height:92px;display:grid;place-items:center;overflow:hidden;border:1px solid #cbd5e1;border-top-width:5px;border-radius:11px;background:rgba(255,255,255,.84);color:var(--ink);padding:9px 6px;text-align:center;font-size:.82rem;font-weight:850;line-height:1.15}.hero-option-text{position:relative;z-index:1}.quiz-hero-options .hero-blue{border-color:#bfdbfe;border-top-color:var(--quiz-blue);background:#eff6ff;color:#1e3a8a}.quiz-hero-options .hero-red{border-color:#fecdd3;border-top-color:var(--quiz-red);background:#fff1f2;color:#7f1d1d}.quiz-hero-options .hero-green{border-color:#bbf7d0;border-top-color:var(--quiz-green);background:#f0fdf4;color:#14532d}.quiz-hero-options .hero-yellow{border-color:#fde68a;border-top-color:var(--quiz-yellow);background:#fffbeb;color:#713f12}.quiz-hero-options .hero-correct.hero-blue{border-color:var(--quiz-blue);background:var(--quiz-blue);color:#000}.quiz-hero-options .hero-correct.hero-red{border-color:var(--quiz-red);background:var(--quiz-red);color:#000}.quiz-hero-options .hero-correct.hero-green{border-color:var(--quiz-green);background:var(--quiz-green);color:#000}.quiz-hero-options .hero-correct.hero-yellow{border-color:var(--quiz-yellow);background:var(--quiz-yellow);color:#000}.hero-answer-stamp{position:absolute;z-index:2;left:50%;top:50%;height:calc(100% - 8px);width:auto;aspect-ratio:1;display:grid;place-items:center;box-sizing:border-box;border:4px solid #fff;border-radius:50%;color:#fff;filter:drop-shadow(0 0 1.5px rgba(15, 23, 42, .35)) drop-shadow(0 3px 3px rgba(15, 23, 42, .2));transform:translate(-50%,-50%) rotate(-7deg);transform-origin:center;will-change:opacity,transform,filter}.hero-answer-stamp svg{width:72%;height:72%;overflow:visible}.hero-answer-stamp path{fill:none;stroke:currentColor;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}.hero-slide.active .hero-answer-stamp{animation:correct-stamp-in 520ms cubic-bezier(.16,.82,.24,1) both}.quiz-template-columns{grid-template-columns:0.55fr 1.5fr repeat(4,1fr) 0.8fr;font-size:.62rem}.colour-key{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.colour-key span{flex:0 0 84px;border-radius:999px;color:#fff;padding:5px 10px;font-size:.7rem;font-weight:900;text-align:center}.colour-key .yellow{color:#422006}.presentation-shell:-webkit-full-screen .quiz-stage,.presentation-shell:fullscreen .quiz-stage{min-height:0;height:100%;border-radius:24px 24px 0 0}.presentation-shell:-webkit-full-screen .quiz-question-area,.presentation-shell:fullscreen .quiz-question-area{border-radius:0;padding:7vh 8vw 2vh}.presentation-shell:-webkit-full-screen .quiz-question,.presentation-shell:fullscreen .quiz-question{font-size:min(5.6vw, 5.2rem)}.presentation-shell:-webkit-full-screen .quiz-option,.presentation-shell:fullscreen .quiz-option{border-radius:18px;font-size:clamp(2.75rem, 6.5vw, 5.75rem);padding:22px 18px}.presentation-shell:-webkit-full-screen[data-show-labels=true] .quiz-option,.presentation-shell:fullscreen[data-show-labels=true] .quiz-option{padding-top:42px}.presentation-shell:-webkit-full-screen .option-letter,.presentation-shell:fullscreen .option-letter{left:14px;top:13px;width:39px;height:31px;border-radius:999px;font-size:.9rem}.presentation-shell:-webkit-full-screen .correct-mark,.presentation-shell:fullscreen .correct-mark{height:calc(100% - 18px);border-width:clamp(8px,.9vmin,12px)}@media (max-width:900px){.quiz-flow-preview{grid-template-columns:1fr}.quiz-flow-arrow{transform:rotate(90deg);justify-self:center}.quiz-stage{min-height:535px;grid-template-rows:minmax(0,1fr) minmax(138px,30%)}.quiz-option-grid{gap:7px;padding:0 11px 11px}.quiz-option{min-height:124px;padding:14px 8px}.quiz-presentation-shell[data-show-labels=true] .quiz-option{padding-top:34px}.option-letter{left:9px;top:8px;width:27px;height:23px}.correct-mark{height:calc(100% - 12px)}.answer-state-pill{max-width:calc(100% - 230px);font-size:.68rem}}@media (max-width:620px){.quiz-order-choice{grid-template-columns:1fr}.quiz-stage{min-height:480px;grid-template-rows:minmax(0,1fr) minmax(126px,30%)}.quiz-question-area{padding:62px 7% 18px}.quiz-option-grid{gap:5px;padding:0 7px 7px}.quiz-option{min-height:116px;border-top-width:4px;border-radius:10px;padding:10px 5px;font-size:clamp(1.35rem, 7vw, 2.2rem)}.quiz-presentation-shell[data-show-labels=true] .quiz-option{padding-top:29px}.option-letter{left:6px;top:6px;width:23px;height:20px;border-width:1px;font-size:.6rem}.correct-mark{height:calc(100% - 9px);border-width:4px}.answer-state-pill{top:54px;max-width:78%;padding:6px 10px}.quiz-hero-showcase{min-height:470px;padding:25px 16px 20px}.quiz-hero-showcase .hero-slides{min-height:410px}.quiz-hero-card{padding:11px}.quiz-hero-question{min-height:170px;padding-inline:12px}.quiz-hero-options{gap:5px}.quiz-hero-options>span{min-height:76px;border-top-width:4px;padding:7px 3px;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.carousel-dots button,.hero-slide{transition:none}.hero-slide.deck-leaving{animation:none}}