html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#050309;color:#f8f4dc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}button{border:1px solid #dfff5f;background:#101315;color:#dfff5f;padding:14px 20px;font:inherit;cursor:pointer;box-shadow:0 0 22px #dfff5f59}button:hover{background:#dfff5f;color:#050309}#game-root{width:100%;height:100%}#app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.32) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.42}canvas{display:block}.hud{position:fixed;inset:14px 14px auto 14px;z-index:10;max-width:610px;padding:8px 10px;border:1px solid rgba(102,255,241,.45);background:#040509b8;box-shadow:0 0 28px #66fff12e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.hud-row{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.35}.hud b{color:#ff4fd8}#hud-message{color:#dfff5f;font-size:12px;margin-top:5px}#hud-objective{color:#66fff1;font-size:11px;margin-top:3px}.boss-wrap{margin-top:8px}.boss-wrap span{color:#ff913b;font-size:11px}.boss-wrap div{height:8px;margin-top:3px;border:1px solid rgba(255,79,216,.7);background:#ff4fd821}.boss-wrap i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff4fd8,#ff913b,#dfff5f)}.ability-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ability-row span{border:1px solid rgba(102,255,241,.35);background:#66fff114;padding:3px 6px;font-size:10px}.ability-row b{color:#f8f4dc;margin-right:6px}.ability-row i{color:#dfff5f;font-style:normal}.dialogue{position:fixed;left:14px;right:14px;bottom:14px;z-index:12;display:grid;grid-template-columns:96px 1fr;gap:14px;max-width:820px;padding:12px;border:1px solid rgba(255,79,216,.72);background:#050309d1;box-shadow:0 0 36px #ff4fd838;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialogue img{width:96px;height:96px;object-fit:cover;border:1px solid rgba(223,255,95,.55)}#dialogue-speaker{color:#ff913b;font-size:12px;margin-bottom:8px}#dialogue-line{color:#f8f4dc;font-size:clamp(14px,2vw,18px);line-height:1.4}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,#050309e0,#0503092e 42%,#050309c2),linear-gradient(0deg,#05030938,#05030905),url(/assets/generated/title-art.png) center / cover no-repeat,#050309}.panel{width:min(760px,calc(100vw - 36px));margin-right:auto;border:1px solid rgba(255,145,59,.55);background:#0503099e;box-shadow:0 0 60px #ff4fd82e,inset 0 0 40px #66fff114;padding:clamp(22px,5vw,52px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.eyebrow{color:#66fff1;font-size:13px;letter-spacing:0;margin:0 0 12px}h1{color:#f8f4dc;font-size:clamp(36px,7vw,72px);line-height:.95;letter-spacing:0;margin:0 0 18px;text-shadow:4px 0 #ff4fd8,-3px 0 #66fff1,0 0 30px rgba(223,255,95,.45)}.premise{max-width:720px;color:#f5c66b;font-size:clamp(15px,2vw,18px);line-height:1.55;margin:0 0 22px}.controls{color:#cfc8ed;font-size:12px;line-height:1.45;margin-top:16px}.result-art{width:100%;max-height:280px;object-fit:cover;border:1px solid rgba(102,255,241,.45);margin:4px 0 18px;box-shadow:0 0 28px #66fff129}.hidden{display:none}@media (max-width: 640px){.hud{inset:8px 8px auto 8px}.hud-row{gap:8px;font-size:11px}}