*{box-sizing:border-box}body{margin:0;background:#080e1c;color:#f8fafc;font:16px system-ui,-apple-system,Segoe UI,sans-serif}header{max-width:1100px;margin:auto;padding:22px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.brand{font-weight:900;letter-spacing:.09em;font-size:20px}.brand span{color:#38bdf8}.muted{color:#9caec3}.hero{text-align:center;max-width:820px;margin:44px auto 32px;padding:0 16px}h1{font-size:clamp(30px,5vw,52px);margin:0 0 13px}p{line-height:1.5}.grid{max-width:1100px;margin:30px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding:0 20px}.tile{background:#121e32;border:1px solid #25344b;border-radius:16px;padding:16px;transition:.2s}.tile:hover{transform:translateY(-3px);border-color:#38bdf8;text-decoration:none}.art{height:130px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:64px;background:linear-gradient(135deg,#12344b,#403064);margin-bottom:13px}.tile h3{margin:5px 0}.tile p{font-size:13px;color:#aab8ca;margin:6px 0 12px}.cta{color:#7dd3fc;font-weight:700}.play{width:min(100%,420px);margin:16px auto 48px;padding:0 12px;text-align:center}.play h1{font-size:30px;margin:4px}.play canvas{width:100%;max-width:360px;aspect-ratio:360/560;touch-action:none;border-radius:16px;border:1px solid #31445c;display:block;margin:15px auto;box-shadow:0 16px 45px #0007}button{border:0;background:#0284c7;color:white;padding:13px 28px;border-radius:10px;font-weight:700;cursor:pointer;font-size:16px}button:hover{background:#0369a1}.stats{display:flex;justify-content:space-around;align-items:center}.disclaimer{max-width:1040px;margin:38px auto;padding:20px;color:#9caec3;text-align:center;font-size:13px}

#game{position:relative;max-width:360px;margin:auto}#game canvas{margin:15px auto}.levelbar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#14243a;border:1px solid #2b4960;padding:10px 12px;border-radius:12px;margin:15px 0}.levelbar select{max-width:45%;font:600 15px system-ui;color:#fff;background:#253b55;border:1px solid #54738c;border-radius:8px;padding:8px}.goal{font-weight:700;color:#86efac;font-size:14px}.game-modal{position:absolute;inset:15px 0 0;background:#060e1bd9;border-radius:15px;display:flex;justify-content:center;align-items:center;padding:18px}.game-modal.hidden{display:none}.modal-panel{background:#14273f;border:1px solid #5681a0;box-shadow:0 10px 40px #0009;border-radius:20px;padding:24px 18px;width:100%;max-width:315px}.modal-panel h2{font-size:26px;margin:6px 0}.modal-panel p{color:#bed2e2}.modal-panel button{width:100%;background:#0c8fd1}.microcopy{font-size:12px;color:#a3b7ca}
.catalog-section{max-width:1160px;margin:0 auto 48px}.catalog-heading{padding:12px 20px 0}.catalog-heading h2{font-size:clamp(23px,3vw,32px);margin:9px 0 3px}.catalog-heading p{margin:0}.section-kicker{font-size:12px;letter-spacing:.13em;color:#38bdf8;font-weight:800}.tile.featured{border-color:#2c5578;background:linear-gradient(145deg,#17324a,#121e32)}.tile.featured .art{background:linear-gradient(140deg,#234f76,#203557)}.catalog-section .grid{margin-top:12px}