:root{color-scheme:light;--palette-ink-950: #17201b;--palette-ink-700: #3d4a42;--palette-ink-500: #607167;--palette-ink-200: #dbe5dd;--palette-ink-100: #edf3ee;--palette-ink-050: #f8faf7;--palette-surface: #ffffff;--palette-tool-700: #256f7a;--palette-tool-100: #dff3f1;--palette-game-700: #b45309;--palette-game-100: #ffead1;--palette-accent-700: #415fd6;--palette-accent-500: #5b7cfa;--palette-accent-100: #e8edff;--palette-focus: #7c3aed;--color-page: var(--palette-ink-050);--color-surface: var(--palette-surface);--color-surface-soft: var(--palette-ink-100);--color-ink: var(--palette-ink-950);--color-muted: var(--palette-ink-500);--color-line: var(--palette-ink-200);--color-tool: var(--palette-tool-700);--color-tool-soft: var(--palette-tool-100);--color-game: var(--palette-game-700);--color-game-soft: var(--palette-game-100);--color-accent: var(--palette-accent-500);--color-accent-strong: var(--palette-accent-700);--color-accent-soft: var(--palette-accent-100);--color-focus: var(--palette-focus);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 6px;--radius-md: 8px;--radius-pill: 999px;--shadow-soft: 0 16px 40px rgba(23, 32, 27, .08);--shadow-lifted: 0 22px 60px rgba(23, 32, 27, .12);--layout-width: 1120px;--layout-gutter: 32px}*{box-sizing:border-box}html{background:var(--color-page);color:var(--color-ink);font-family:var(--font-sans);text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;font-size:16px}a{color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-accent-soft);color:var(--color-ink)}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:10;transform:translateY(-150%);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-surface);padding:var(--space-2) var(--space-3);text-decoration:none}.skip-link:focus-visible{transform:translateY(0)}.site-shell{min-height:100vh;background:linear-gradient(180deg,#e8edff9e,#f8faf700 320px),var(--color-page)}.site-header{border-bottom:1px solid var(--color-line);background:#f8faf7db;backdrop-filter:blur(16px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);width:min(var(--layout-width),calc(100% - var(--layout-gutter)));margin:0 auto;padding:18px 0}.brand{font-size:1rem;font-weight:760;text-decoration:none;letter-spacing:0}.nav-links{display:flex;gap:var(--space-2);color:var(--color-muted);font-size:.95rem}.nav-links a{border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{color:var(--color-ink);background:var(--color-surface-soft)}.hero{width:min(var(--layout-width),calc(100% - var(--layout-gutter)));margin:0 auto;padding:78px 0 44px}.hero-compact{padding-bottom:var(--space-8)}.eyebrow{width:fit-content;margin:0 0 var(--space-4);border:1px solid rgba(91,124,250,.24);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-strong);padding:var(--space-2) var(--space-3);font-size:.9rem;font-weight:700}.hero h1{max-width:780px;margin:0;font-size:clamp(2.4rem,6vw,5rem);line-height:1.04;letter-spacing:0}.hero-copy{max-width:680px;margin:22px 0 0;color:var(--color-muted);font-size:1.12rem;line-height:1.75}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);width:min(var(--layout-width),calc(100% - var(--layout-gutter)));margin:0 auto;padding:var(--space-5) 0 72px}.category-card{display:grid;gap:var(--space-4);min-height:240px;padding:var(--space-8);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.category-card:hover{border-color:#5b7cfa57;box-shadow:var(--shadow-lifted);transform:translateY(-2px)}.category-card h2{margin:0;font-size:1.65rem}.category-card p{max-width:42rem;margin:0;color:var(--color-muted);line-height:1.7}.category-card .badge{width:fit-content;align-self:end;padding:6px 10px;border-radius:var(--radius-pill);color:#fff;font-size:.82rem;font-weight:700}.category-card.tools .badge{background:var(--color-tool)}.category-card.games .badge{background:var(--color-game)}.category-card.tools{background:linear-gradient(135deg,#dff3f1bf,#fff0 48%),var(--color-surface)}.category-card.games{background:linear-gradient(135deg,#ffead1d1,#fff0 48%),var(--color-surface)}.content-section{width:min(var(--layout-width),calc(100% - var(--layout-gutter)));margin:0 auto;padding:0 0 var(--space-16)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-5)}.section-kicker{margin:0 0 var(--space-2);color:var(--color-muted);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.section-header h2{margin:0;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:0}.text-link{border-radius:var(--radius-pill);color:var(--color-accent-strong);padding:var(--space-2) var(--space-3);font-weight:760;text-decoration:none}.text-link:hover,.text-link:focus-visible{background:var(--color-accent-soft)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.content-card{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);min-height:210px;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.content-card:hover{border-color:#5b7cfa57;box-shadow:var(--shadow-lifted);transform:translateY(-2px)}.preview-block{display:grid;min-height:100%;place-items:center;color:var(--color-ink);font-size:.88rem;font-weight:800}.content-card-tool .preview-block{background:radial-gradient(circle at 28% 24%,rgba(37,111,122,.22),transparent 32%),var(--color-tool-soft)}.content-card-game .preview-block{background:radial-gradient(circle at 70% 30%,rgba(180,83,9,.22),transparent 34%),var(--color-game-soft)}.preview-block span{border:1px solid rgba(23,32,27,.12);border-radius:var(--radius-pill);background:#fff9;padding:var(--space-2) var(--space-3)}.content-card-body{display:grid;gap:var(--space-3);padding:var(--space-6)}.content-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--color-muted);font-size:.82rem;font-weight:760}.placeholder-pill{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-muted);padding:3px 8px}.content-card h3,.content-card h2{margin:0;font-size:1.25rem}.content-card p{margin:0;color:var(--color-muted);line-height:1.65}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.tag-list li{border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-muted);padding:4px 8px;font-size:.78rem;font-weight:700}.placeholder-page{display:grid;gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:var(--space-8)}.placeholder-page p{max-width:680px;margin:0;color:var(--color-muted);line-height:1.7}.content-shell-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);gap:var(--space-5);align-items:start}.primary-interaction-frame{min-height:420px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:var(--space-5)}.interaction-placeholder{display:grid;min-height:378px;place-items:center;align-content:center;gap:var(--space-4);border:1px dashed var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-muted);text-align:center}.interaction-placeholder span{border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);padding:var(--space-2) var(--space-4);font-weight:800}.interaction-placeholder p{max-width:28rem;margin:0;line-height:1.7}.content-details{display:grid;gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:var(--space-6)}.content-details p{margin:0;color:var(--color-muted);line-height:1.7}.metadata-list{display:grid;gap:var(--space-3);margin:0}.metadata-list div{display:grid;gap:var(--space-1)}.metadata-list dt{color:var(--color-muted);font-size:.78rem;font-weight:800}.metadata-list dd{margin:0;color:var(--color-ink);font-size:.95rem}.support-note{border-left:3px solid var(--color-accent);padding-left:var(--space-3)}.interactive-widget{display:grid;gap:var(--space-4);min-height:378px;align-content:start}.interactive-widget label{display:grid;gap:var(--space-2);color:var(--color-muted);font-weight:760}.interactive-widget textarea,.interactive-widget input[type=color],.interactive-widget select{width:100%;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit}.interactive-widget textarea{resize:vertical;min-height:190px;padding:var(--space-4);line-height:1.6}.interactive-widget input[type=color]{height:54px;padding:4px}.interactive-widget select{min-height:44px;padding:0 var(--space-3)}.checkbox-control{display:flex!important;align-items:center;grid-column:1 / -1}.checkbox-control input{width:18px;height:18px}.action-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.action-row button,.swatch-grid button{cursor:pointer}.action-row button{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface);padding:var(--space-3) var(--space-4);font:inherit;font-weight:800}.action-row button:disabled{cursor:not-allowed;opacity:.58}.action-row button+button{background:var(--color-surface);color:var(--color-ink)}.result-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-muted);padding:var(--space-4)}.result-panel strong{color:var(--color-ink)}.swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.swatch-grid button{min-height:132px;border:1px solid rgba(23,32,27,.12);border-radius:var(--radius-md)}.game-arena,.garden-bed{position:relative;display:grid;min-height:260px;overflow:hidden;place-items:center;border:1px solid var(--color-line);border-radius:var(--radius-md)}.game-arena{background:radial-gradient(circle at center,rgba(255,234,209,.9),transparent 56%),var(--color-game-soft)}.quiz-widget{align-content:stretch}.quiz-screen{display:grid;gap:var(--space-4)}.quiz-screen[hidden]{display:none}.quiz-setup-header{display:grid;gap:var(--space-2)}.quiz-setup-header h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:0}.quiz-setup-header p{max-width:42rem;margin:0;color:var(--color-muted);line-height:1.7}.quiz-setup-form{display:grid;gap:var(--space-4);align-content:start;border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffead1ad,#fff0 52%),var(--color-surface-soft);padding:var(--space-4)}.quiz-setup-form fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);min-width:0;margin:0;border:0;padding:0}.quiz-setup-form legend{grid-column:1 / -1;margin-bottom:var(--space-1);color:var(--color-muted);font-size:.82rem;font-weight:800}.quiz-setup-form label{position:relative;display:flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);cursor:pointer;text-align:center}.quiz-setup-form label:has(input:checked){border-color:#b453096b;background:var(--color-game-soft);box-shadow:inset 0 0 0 1px #b453092e}.quiz-setup-form input{position:absolute;opacity:0}.quiz-setup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.quiz-setup-summary span{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#ffffffc2;color:var(--color-muted);padding:var(--space-3);text-align:center;font-weight:760}.quiz-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.quiz-status span{border:1px solid rgba(180,83,9,.22);border-radius:var(--radius-pill);background:var(--color-game-soft);color:var(--color-game);padding:var(--space-2) var(--space-3);font-weight:800}.quiz-question-card{display:grid;gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffead1bd,#fff0 58%),var(--color-surface-soft);padding:var(--space-5)}.quiz-question-card h2{margin:0;font-size:clamp(2.1rem,8vw,4rem);letter-spacing:0;line-height:1.05}.quiz-question-card p{margin:0;color:var(--color-muted);line-height:1.7}.quiz-history-panel,.quiz-review-panel{display:grid;gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.quiz-history-panel h3,.quiz-review-panel h3{margin:0;font-size:1.05rem}.quiz-history-panel p,.quiz-review-panel p{margin:0;color:var(--color-muted);line-height:1.7}.quiz-review-panel ol,.recent-run-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.quiz-review-panel li,.recent-run-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-muted);padding:var(--space-3)}.quiz-review-panel li[data-outcome=correct]{border-color:#256f7a38;background:var(--color-tool-soft)}.quiz-review-panel li[data-outcome=wrong],.quiz-review-panel li[data-outcome=timeout]{border-color:#b4530947;background:var(--color-game-soft)}.quiz-review-panel span,.recent-run-list span{color:var(--color-ink);font-weight:800}.quiz-review-panel strong,.recent-run-list strong{text-align:right}.answer-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.answer-choice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:72px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);padding:var(--space-4);cursor:pointer;font:inherit;text-align:left}.answer-choice span{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--color-surface-soft);color:var(--color-muted);font-size:.88rem;font-weight:900}.answer-choice strong{font-size:clamp(1.3rem,4vw,2rem)}.answer-choice:disabled{cursor:default}.answer-choice[data-state=correct]{border-color:#256f7a6b;background:var(--color-tool-soft)}.answer-choice[data-state=wrong]{border-color:#b4530980;background:var(--color-game-soft)}.abandon-dialog{width:min(420px,calc(100% - var(--layout-gutter)));border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-lifted);padding:0}.abandon-dialog::backdrop{background:#17201b47}.abandon-dialog form{display:grid;gap:var(--space-4);padding:var(--space-5)}.abandon-dialog h2,.abandon-dialog p{margin:0}.abandon-dialog p{color:var(--color-muted);line-height:1.7}.orbit-target{position:absolute;width:54px;height:54px;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.86);border-radius:50%;background:var(--color-game);box-shadow:0 12px 30px #b4530947;cursor:pointer}.garden-bed{background:linear-gradient(180deg,#dff3f166,#ffead1cc),var(--color-game-soft)}.garden-bed span{font-size:clamp(3rem,12vw,6rem);font-weight:900}.sheet-tool{min-height:auto}.sheet-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-soft);padding:var(--space-4)}.sheet-controls .action-row{grid-column:1 / -1}.print-sheet{display:grid;gap:var(--space-5);min-height:720px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;color:#111;padding:var(--space-8)}.sheet-header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);border-bottom:2px solid #111111;padding-bottom:var(--space-4)}.sheet-header p{margin:0 0 var(--space-1);color:#555;font-size:.85rem;font-weight:800}.sheet-header h2{margin:0;font-size:1.55rem}.sheet-header span{color:#555;font-size:.85rem;font-weight:800}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.number-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.sheet-prompt{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(52px,.45fr);align-items:end;gap:8px;min-height:38px;border-bottom:1px solid #999999;padding-bottom:5px}.number-grid .sheet-prompt{grid-template-columns:auto minmax(0,1fr);min-height:44px;border:1px solid #999999;padding:8px}.sheet-prompt span{color:#666;font-size:.78rem}.sheet-prompt strong{font-size:1rem}.sheet-prompt em{min-height:1em;color:#666;font-style:normal;text-align:right}.reference-table{display:grid;gap:6px}.multiplication-reference{grid-template-columns:repeat(3,minmax(0,1fr))}.prime-reference{grid-template-columns:repeat(10,minmax(0,1fr))}.reference-table span{border:1px solid #999999;padding:6px;text-align:center}.prime-reference .is-prime{border-color:#111;background:#eee;font-weight:900}.answer-section{border-top:1px solid #999999;padding-top:var(--space-4)}.answer-section h3{margin:0 0 var(--space-3)}.answer-section div{display:flex;flex-wrap:wrap;gap:8px 14px;color:#333;font-size:.88rem}@media(max-width:720px){:root{--layout-gutter: 28px}.nav{align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap}.hero{padding-top:52px}.category-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.content-grid,.content-card{grid-template-columns:1fr}.result-panel{align-items:flex-start;flex-direction:column}.content-shell-grid{grid-template-columns:1fr}.primary-interaction-frame{min-height:300px}.interaction-placeholder{min-height:250px}.preview-block{min-height:120px}.category-card{min-height:210px;padding:var(--space-6)}.sheet-controls,.quiz-setup-form fieldset,.quiz-setup-summary,.answer-choice-grid{grid-template-columns:1fr}.quiz-status,.quiz-review-panel li,.recent-run-list li{align-items:flex-start;flex-direction:column}.quiz-review-panel strong,.recent-run-list strong{text-align:left}.prompt-grid,.number-grid,.multiplication-reference{grid-template-columns:1fr}.prime-reference{grid-template-columns:repeat(5,minmax(0,1fr))}}@media print{@page{size:A4 portrait;margin:12mm}:root{--layout-gutter: 0px}html,body,.site-shell{background:#fff!important}.site-header,.skip-link,.hero,.content-details,.no-print{display:none!important}.content-section{width:100%;padding:0}.content-shell-grid{display:block}.primary-interaction-frame{min-height:0;border:0;box-shadow:none;padding:0}.print-sheet{min-height:auto;border:0;border-radius:0;padding:0}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.multiplication-reference{grid-template-columns:repeat(3,minmax(0,1fr))}}