*{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 18% 8%,#7f1d1d 0 11rem,transparent 30rem),radial-gradient(circle at 85% 20%,#581c87 0 12rem,transparent 28rem),linear-gradient(135deg,#090505,#1c0b14 52%,#2e1010);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}.round{width:44px;height:44px;cursor:pointer}.brand{display:flex;align-items:center;gap:10px;background:rgba(9,5,5,.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:#fecaca;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:#fca5a5;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:#fee2e2;line-height:1.55}.hero aside{background:linear-gradient(135deg,#7f1d1d,#581c87);border-radius:24px;padding:18px}.hero aside span,.hero aside small{display:block;color:#fecaca;font-weight:900}.hero aside strong{display:block;font-size:1.25rem;margin:5px 0}.game{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;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:#fecaca;font-weight:950}.hud strong{font-size:1.25rem}.primary,.ghost{border:0;border-radius:17px;padding:12px;color:white;font-weight:950;cursor:pointer}.primary{background:linear-gradient(135deg,#ef4444,#a855f7)}.ghost{background:#111827}.hud p{color:#fee2e2;line-height:1.45;font-weight:750}.stage{position:relative;padding:12px}canvas{display:block;width:100%;aspect-ratio:900/600;border-radius:22px;touch-action:none;background:#140b12}.choice{position:absolute;inset:12px;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;border-radius:22px;background:rgba(9,5,5,.84);backdrop-filter:blur(8px);z-index:5}.choice.show{display:flex}.choice h2{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 6px}.choice p{color:#fee2e2}.choice button{width:min(320px,90%);margin:8px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#1f2937;color:#fff;padding:13px 16px;font-weight:950;cursor:pointer}.choice button span{display:block;color:#fecaca;font-size:.82rem}.book{padding:18px}.book>strong{font-size:1.2rem}.book div div,.book p{margin-top:10px;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;background:rgba(255,255,255,.06);color:#fee2e2}.book b{display:block;color:#fca5a5}.book span{display:block;font-size:.84rem;margin-top:3px}.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 .ghost,.hud p{grid-column:span 2}.book{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.2rem}.hud{grid-template-columns:1fr 1fr;border-radius:24px}.hud p{grid-column:span 2}.stage{padding:8px;border-radius:24px}canvas,.choice{border-radius:18px}.book{display:none}}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);justify-content:center;gap:6px;margin:14px auto 0;touch-action:none}.dpad button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;border-radius:14px;font-size:1.1rem;font-weight:900;cursor:pointer;touch-action:none;user-select:none}.dpad button:active{background:rgba(245,158,11,.35)}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}