*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 10%,#6d28d9 0 10rem,transparent 30rem),radial-gradient(circle at 85% 25%,#22c55e 0 9rem,transparent 28rem),linear-gradient(135deg,#080b1f,#1e1b4b 52%,#052e16);color:#f8fafc}button,a{font:inherit}.shell{width:min(1220px,calc(100% - 28px));margin:auto;padding:18px 0 40px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.back,.round{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;text-decoration:none;border-radius:999px;padding:10px 14px;font-weight:950;backdrop-filter:blur(10px)}.round{width:44px;height:44px;cursor:pointer}.brand{display:flex;align-items:center;gap:10px;background:rgba(8,11,31,.78);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 16px;box-shadow:0 18px 42px rgba(0,0,0,.28)}.brand span{font-size:1.25rem}.brand small{color:#c4b5fd;font-weight:850}.hero{display:grid;grid-template-columns:1fr 230px;gap:16px;margin-bottom:16px;padding:24px;border-radius:32px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.25)}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;color:#fde68a;font-weight:1000;font-size:.76rem}.hero h1{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:.9;letter-spacing:-.07em}.hero p{max-width:720px;color:#dbeafe;line-height:1.55}.hero aside{background:linear-gradient(135deg,#4c1d95,#166534);border-radius:24px;padding:18px}.hero aside span,.hero aside small{display:block;color:#ddd6fe;font-weight:900}.hero aside strong{display:block;font-size:1.35rem;margin:5px 0}.game{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:16px}.panel{border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(255,255,255,.09);box-shadow:0 22px 65px rgba(0,0,0,.26);overflow:hidden;backdrop-filter:blur(12px)}.hud{padding:16px;display:grid;gap:10px;align-content:start}.hud>div{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.1);border-radius:18px;padding:12px}.hud span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#bfdbfe;font-weight:950}.hud strong{font-size:1.3rem}.primary,.tool{border:0;border-radius:17px;padding:12px;color:white;font-weight:950;cursor:pointer}.primary{background:linear-gradient(135deg,#7c3aed,#22c55e)}.tool{background:#111827}.hud p{color:#dbeafe;line-height:1.45;font-weight:750}.stage{padding:12px}canvas{display:block;width:100%;aspect-ratio:900/560;border-radius:22px;touch-action:none;background:#111827}.codex{padding:18px}.codex strong{font-size:1.2rem}.legend{display:grid;gap:8px;margin-top:14px}.legend b{color:#fde68a}.legend span{margin-top:-8px;color:#dbeafe;font-size:.86rem}.stars{font-size:2rem;color:#facc15;margin-top:18px;text-align:center}.toast{position:fixed;left:50%;top:18px;transform:translateX(-50%) translateY(-16px);opacity:0;border-radius:999px;padding:12px 18px;background:#111827;color:#fff;font-weight:1000;box-shadow:0 18px 38px rgba(0,0,0,.35);transition:.18s;z-index:30}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.good{background:#166534}.toast.bad{background:#991b1b}@media(max-width:1050px){.game{grid-template-columns:1fr}.hud{grid-template-columns:repeat(4,1fr)}.hud .primary,.hud .tool,.hud p{grid-column:span 2}.codex{order:2}.stage{order:3}}@media(max-width:680px){.shell{width:calc(100% - 18px);padding-top:10px}.brand small{display:none}.hero{grid-template-columns:1fr;padding:18px;border-radius:24px}.hero h1{font-size:2.25rem}.hud{grid-template-columns:1fr 1fr;border-radius:24px}.hud p{grid-column:span 2}.stage{padding:8px;border-radius:24px}canvas{border-radius:18px}.codex{display:none}}