@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#192738;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}.masthead,main,footer{max-width:1240px;margin:auto}.masthead{height:104px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid #dbe1e7}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:32px;text-decoration:none;display:flex;align-items:center;letter-spacing:-1.5px}.mark{display:inline-flex;align-items:center;justify-content:center;background:#243cda;color:#fff;width:38px;height:38px;border-radius:12px;font-size:30px;margin-right:10px;letter-spacing:0}.brand-dot{color:#243cda}.header-note{font-size:14px;color:#687485}main{padding:0 32px}.intro{display:flex;align-items:center;justify-content:space-between;padding:44px 0 38px;gap:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#657386;margin:0 0 16px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin:0;font-weight:600}h1 em{color:#243cda;font-style:normal}.intro-copy{font-size:16px;line-height:1.8;color:#657386;margin:0}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}h2{font-size:18px;font-weight:600;margin:0;letter-spacing:-.4px}.legend{display:flex;gap:20px;font-size:14px;color:#657386}.legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#6654db;margin-right:7px}.legend span:nth-child(2):before{background:#dc8926}.legend span:nth-child(3):before{background:#23897c}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.tile{border-radius:16px;min-height:175px;padding:18px;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;border:1px solid #dbe1e7;background:#fff}.tile.active{transition:transform .18s,box-shadow .18s,border-color .18s}.tile.active:hover{transform:translateY(-4px);box-shadow:0 9px 24px #20365815;border-color:var(--accent)}.tile:focus-visible,button:focus-visible{outline:3px solid #243cda;outline-offset:4px}.tile.logic{--accent:#6654db;--tint:#efedfc}.tile.math{--accent:#b96909;--tint:#fff3df}.tile.nature{--accent:#197e72;--tint:#e6f5f0}.tile.featured{background:#233bcf;color:white;border-color:#233bcf;--accent:#fff;--tint:#ffffff20}.tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.glyph{font-family:'Space Grotesk',sans-serif;width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--accent);font-size:26px;font-weight:500}.number{font-size:12px;color:#87929f;font-variant-numeric:tabular-nums}.featured .number,.featured .description,.featured .category{color:#d8deff}.tile h3{font-family:'Space Grotesk',sans-serif;font-size:18px;margin:0 0 7px;line-height:1.15;font-weight:600;letter-spacing:-.5px}.description{font-size:14px;line-height:1.4;color:#657386;margin:0 0 12px}.category{font-size:12px;font-weight:600;color:var(--accent);margin-top:auto}.badge{font-size:12px;font-weight:500;color:#637082;background:#edf1f5;border-radius:5px;padding:3px 6px}.tile.pending{background:#f0f3f7;border:1px dashed #ced7e1;color:#6f7b8b}.pending .glyph{opacity:.7}.tile.empty{min-height:175px;background:transparent;border:1px dashed #dbe1e7;justify-content:center;align-items:center;gap:12px;color:#9aa5b3}.empty-symbol{font-size:22px}.empty-label{font-size:12px}footer{padding:28px 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#657386}#catalog-status:empty{display:none}#catalog-status{font-size:14px;color:#657386}.game-main{max-width:680px;padding:48px 28px;margin:auto}.game-main h1{font-size:40px;margin-bottom:24px}.game-main p{line-height:1.7}.game-panel{background:white;border:1px solid #dbe1e7;border-radius:20px;padding:28px;margin-top:30px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}button{font:inherit;font-size:16px;border:1px solid #cbd4df;border-radius:10px;background:#f7f9fb;color:#192738;padding:14px;cursor:pointer}button:hover{border-color:#243cda}button.primary{background:#243cda;color:white;border-color:#243cda}.feedback{min-height:54px;font-weight:500}.back{display:inline-block;margin-bottom:32px;font-size:14px}.game-meta{font-size:14px;color:#657386}.question{font-family:'Space Grotesk',sans-serif;font-size:24px;line-height:1.5}.game-main button:disabled{opacity:.6;cursor:default}@media(min-width:1400px) and (min-height:1100px){.tile{min-height:190px}}@media(prefers-reduced-motion:reduce){.tile.active{transition:none}}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro{align-items:flex-start}.intro-copy{max-width:240px}.legend{gap:12px}}@media(max-width:600px){.masthead{height:80px;padding:0 20px}.header-note{display:none}main{padding:0 20px}.intro{display:block;padding:32px 0}.intro-copy{margin-top:20px;max-width:none}.collection-heading{display:block}.legend{margin-top:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{padding:14px;min-height:180px}.tile h3{font-size:17px}.tile-top{margin-bottom:18px}footer{padding:24px 20px;display:block;line-height:2}.game-main h1{font-size:34px}}