:root{--bg:#0f172a;--surface:#111827;--text:#e5e7eb;--muted:#9ca3af;--primary:#22d3ee}::root{--bg:#0f172a;--surface:#111827;--text:#e5e7eb;--muted:#9ca3af;--primary:#22d3ee}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.a{color:var(--primary)}.container{max-width:1320px;margin:0 auto;padding:16px}.app-root{min-height:100%;display:flex;flex-direction:column}main.container{flex:1;width:100%}nav.navbar{position:sticky;top:0;z-index:10;background:#111827e6;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid #1f2937}.navbar-inner{display:flex;align-items:center;gap:12px;padding:10px 16px;max-width:1100px;margin:0 auto}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700}.nav-links{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto;align-items:center}.nav-link{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:6px;cursor:pointer}.nav-link.active,.nav-link:hover{color:var(--text);background:#1f2937}.nav-dropdown{position:relative}.nav-dropbtn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font:inherit;color:inherit;padding:6px 10px;border-radius:6px}.nav-dropbtn:focus{outline:2px solid #334155}.nav-dropmenu{position:absolute;display:none;top:100%;left:0;min-width:180px;background:#0b1220;border:1px solid #1f2937;border-radius:8px;padding:6px;box-shadow:0 10px 24px #00000059}.nav-dropdown:hover .nav-dropmenu,.nav-dropdown:focus-within .nav-dropmenu{display:block}.nav-sublink{display:block;color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:6px}.nav-sublink.active,.nav-sublink:hover{color:var(--text);background:#1f2937}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1200px){.grid.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid.cols-2,.grid.cols-4{grid-template-columns:1fr}}.card{background:#0b1220;border:1px solid #1f2937;border-radius:12px;padding:16px;display:flex;flex-direction:column}.home-page .grid{gap:14px}.home-page .card{padding:12px;min-height:260px;display:flex;flex-direction:column}.home-page .card h3{text-align:center;margin:0}.home-page .card-body{flex:1;display:flex;flex-direction:column;justify-content:space-between}.home-page .thought-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;justify-content:center}.home-page .thought-content .quote-text{max-width:90%}.home-page .thought-content .tile-footer{margin-top:0}.stack{display:flex;flex-direction:column}.gap-xs{gap:6px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:18px}.center{display:grid;place-items:center}.btn{background:var(--primary);color:#000;padding:10px 14px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn.secondary{background:#1f2937;color:var(--text);border:1px solid #334155}.home-page .btn{background:#00a68b;color:#fff}.home-page .btn.secondary{background:#007484;color:#222;border:none}.home-page .tile-footer{margin-top:auto;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-top:8px}.home-page .stage-selector{display:flex;gap:8px;flex-wrap:wrap}.home-page .stage-btn{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0d1a2bcc;color:var(--text);font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease}.home-page .stage-btn:hover{background:#22d3ee2e;border-color:#22d3ee30}.home-page .stage-btn.selected{background:#00a68b;border-color:#00a68b;color:#fff;box-shadow:0 6px 16px #00a68b59}.home-page .math-block{background:#0d1a2bb3;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;line-height:1.5;font-size:1.02rem;color:var(--text)}.home-page .math-block mjx-container{font-size:1.02rem}.home-page .quote-text{font-size:1.1rem;font-style:italic;line-height:1.6;color:var(--text);margin:0}.home-page .quote-author{margin:0;font-weight:600;text-align:right;color:#e5e7ebcc}.home-page .unscramble-form{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.home-page .unscramble-input{width:170px;padding:10px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.18);background:#0d1a2bb3;color:var(--text);font-size:1.05rem;text-transform:uppercase;text-align:center;letter-spacing:.12em;box-shadow:0 6px 16px #0000004d;transition:border-color .15s ease,box-shadow .15s ease}.home-page .unscramble-input:focus{outline:none;border-color:#00a68b;box-shadow:0 0 0 3px #00a68b40}.home-page .trivia-options{display:flex;flex-direction:column;gap:12px}.home-page .trivia-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0d1a2b;border:2px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text);font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.home-page .trivia-option:hover:not(:disabled){border-color:#00a68b}.home-page .trivia-option:disabled{cursor:default;opacity:1}.home-page .trivia-option.correct{border-color:#2e7d32;background:#2e7d322e;color:#d0f5d4}.home-page .trivia-option.wrong{border-color:#c62828;background:#c628282e;color:#ffcdd2}.home-page .trivia-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff26;color:#fff}.home-page .trivia-icon.correct{background:#2e7d32}.home-page .trivia-icon.wrong{background:#c62828}.home-page .trivia-icon svg{width:16px;height:16px}.home-page .small-muted{font-size:.85rem;color:#e5e7eba6}.home-page .mini-2048-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#bbada0;padding:10px;border-radius:12px;width:220px;margin:0 auto;outline:none;box-shadow:inset 0 0 0 2px #00000026}.home-page .mini-2048-grid:focus{box-shadow:0 0 0 3px #00a68b59}.home-page .mini-2048-cell{display:flex;align-items:center;justify-content:center;height:44px;border-radius:8px;background:#cdc1b4;font-weight:700;font-size:1.05rem;color:#776e65;transition:transform .1s ease}.home-page .active-2048 .mini-2048-cell{transform:scale(1.01)}.home-page .tile-2048-score{font-weight:700}.home-page .mini-2048-cell.tile-2{background:#eee4da}.home-page .mini-2048-cell.tile-4{background:#dcbb8c}.home-page .mini-2048-cell.tile-8{background:#f2b179;color:#f9f6f2}.home-page .mini-2048-cell.tile-16{background:#f59563;color:#f9f6f2}.home-page .mini-2048-cell.tile-32{background:#f67c5f;color:#f9f6f2}.home-page .mini-2048-cell.tile-64{background:#f65e3b;color:#f9f6f2}.home-page .mini-2048-cell.tile-128{background:#edcf72;color:#f9f6f2;font-size:.95rem}.home-page .mini-2048-cell.tile-256{background:#edcc61;color:#f9f6f2;font-size:.95rem}.home-page .mini-2048-cell.tile-512{background:#edc850;color:#f9f6f2;font-size:.95rem}.home-page .mini-2048-cell.tile-1024{background:#edc53f;color:#f9f6f2;font-size:.9rem}.home-page .mini-2048-cell.tile-2048{background:#edc22e;color:#f9f6f2;font-size:.9rem}.home-page .mines-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;justify-content:center;align-items:center;width:100%;max-width:420px;margin:0 auto}.home-page .mines-cell{aspect-ratio:1 / 1;width:100%;max-width:48px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid rgba(255,255,255,.14);background:#14243a;color:var(--text);font-weight:700;font-size:1rem;cursor:pointer;transition:background .12s ease,transform .08s ease}.home-page .mines-cell:hover:not(:disabled):not(.revealed){transform:translateY(-1px)}.home-page .mines-cell.revealed{background:#1f2d3f}.home-page .mines-cell.flagged{color:#ffb74d}.home-page .mines-cell.mine.revealed{background:#c62828;color:#fff}.home-page .mines-cell.disabled{pointer-events:none}.home-page .mines-cell.adj-1{color:#4dabf7}.home-page .mines-cell.adj-2{color:#81c784}.home-page .mines-cell.adj-3{color:#e57373}.home-page .mines-cell.adj-4{color:#9575cd}.home-page .mines-cell.adj-5{color:#ffb74d}.home-page .mines-cell.adj-6{color:#4dd0e1}.home-page .mines-cell.adj-7{color:#ef5350}.home-page .mines-cell.adj-8{color:#fff}.footer{padding:20px;border-top:1px solid #1f2937;color:var(--muted)}.small{font-size:.9rem}.nav-burger{display:none;margin-left:auto;background:none;border:none;color:var(--text);padding:8px;border-radius:8px;cursor:pointer}.nav-burger:focus{outline:2px solid #334155}.nav-burger svg{width:26px;height:26px}@media (max-width: 900px){.navbar-inner{gap:8px}.nav-burger{display:inline-flex}.nav-links{position:fixed;top:60px;right:12px;left:auto;display:none;flex-direction:column;gap:8px;width:min(85vw,360px);max-height:calc(100vh - 80px);overflow:auto;background:#0b1220;border:1px solid #1f2937;border-radius:12px;padding:12px;z-index:20;box-shadow:0 10px 24px #00000059}.nav-links.mobile-open{display:flex}.nav-dropdown{width:100%}.nav-dropbtn{justify-content:space-between;width:100%}.nav-dropmenu{position:static;display:none;background:transparent;border:none;box-shadow:none;padding:4px 0}.nav-dropdown.open .nav-dropmenu{display:block}.nav-dropdown:hover .nav-dropmenu{display:none}}.form-time-page{padding-bottom:32px}.form-time-page header p{max-width:720px;color:#e5e7ebc7}.stage-switcher{display:flex;gap:12px;flex-wrap:wrap;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 12px;position:sticky;top:84px;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stage-switcher-btn{border:none;background:transparent;color:var(--muted);font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.stage-switcher-btn:hover{color:var(--text);background:#22d3ee1f}.stage-switcher-btn.is-active{background:#22d3ee;color:#04121d;box-shadow:0 10px 28px #22d3ee4d;transform:translateY(-2px)}.activity-section-title{text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;color:#e5e7eba6}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.activity-card{background:#0b1220d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;min-height:180px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.activity-card:hover{transform:translateY(-4px);border-color:#22d3ee59;box-shadow:0 16px 36px #00000059}.activity-card h3{margin:0;font-size:1.2rem}.activity-card p{margin:0;color:#e5e7ebcc;line-height:1.6}.activity-instructions{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:.95rem;color:#e5e7ebd9}.activity-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;color:#e5e7ebb3;margin-top:auto}.activity-meta span,.activity-meta .activity-resources{display:inline-flex;align-items:center;gap:6px}.activity-meta .activity-resources{flex-direction:column;align-items:flex-start}.activity-meta .activity-resources ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--text)}.activity-meta .activity-resources a{color:var(--primary);text-decoration:none}.activity-meta .activity-resources a:hover{text-decoration:underline}@media (max-width: 900px){.stage-switcher{position:static;justify-content:center}.activity-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}