:root{--bg:#07130d;--panel:#0d2216cc;--line:#38ff8b;--accent:#a3ff12;--danger:#ff3b6b;--text:#eaffef;--muted:#9fc7aa}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 10%,#174f2a 0,#07130d 36%,#020503 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;background:linear-gradient(transparent 97%,#ffffff08 98%),linear-gradient(90deg,transparent 97%,#ffffff06 98%);background-size:36px 36px;mask-image:radial-gradient(circle,#000 20%,transparent 75%);pointer-events:none}.shell{width:min(1120px,94vw);margin:0 auto;padding:32px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;min-height:100vh}.hero{padding:28px}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-weight:800;font-size:.82rem}.hero h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:.9;margin:0 0 18px;text-wrap:balance}.sub{color:var(--muted);font-size:1.15rem;line-height:1.55;max-width:560px}.game-card{border:1px solid #68ff9a55;background:linear-gradient(180deg,#102718dd,#071109dd);box-shadow:0 0 50px #38ff8b22,inset 0 0 28px #38ff8b10;border-radius:28px;padding:20px;backdrop-filter:blur(16px)}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.hud div{border:1px solid #ffffff16;border-radius:18px;padding:12px 14px;background:#00000030}.hud span{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.hud strong{font-size:1.8rem}canvas{display:block;width:100%;height:auto;border-radius:20px;background:#041008;border:1px solid #38ff8b55;box-shadow:inset 0 0 34px #000}.controls{display:flex;gap:10px;margin-top:14px}button{appearance:none;border:1px solid #6aff9b66;background:#122d1c;color:var(--text);border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;transition:transform .12s,background .12s,box-shadow .12s}button:hover{transform:translateY(-1px);background:#1a4026;box-shadow:0 0 18px #38ff8b25}button:active{transform:translateY(0)}.hint{color:var(--muted);font-size:.95rem}.pad{display:none;grid-template-columns:repeat(3,64px);gap:8px;justify-content:center}.pad button:nth-child(1){grid-column:2}.pad button:nth-child(2){grid-column:1;grid-row:2}.pad button:nth-child(3){grid-column:2;grid-row:2}.pad button:nth-child(4){grid-column:3;grid-row:2}@media(max-width:860px){.shell{grid-template-columns:1fr;padding-top:14px}.hero{padding:10px}.pad{display:grid}.controls button{flex:1}}