@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;800&family=Inter:wght@400;500;600;700&display=swap');:root{--bg:#090b12;--panel:#111522;--border:#333149;--text:#e8e5eb;--muted:#9693a9;--violet:#a779ff;--gold:#e4be80}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#272038 0,#10101b 37%,var(--bg) 70%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}button{cursor:pointer;font:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}main{max-width:1120px;margin:auto;padding:0 22px}.top{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid #272536;gap:16px}.brand{font-family:Cinzel,Georgia,serif;letter-spacing:2px;font-size:18px}.brand b{color:var(--gold)}.mark{color:var(--violet);font-size:22px}.brand small{display:block;font:9px Inter,sans-serif;letter-spacing:4px;color:var(--muted);padding-left:27px;margin-top:4px}.tag{font-size:10px;color:var(--muted);letter-spacing:2px;border:1px solid var(--border);padding:9px 12px}.landing{text-align:center;max-width:850px;margin:70px auto 45px}.eyebrow{letter-spacing:3px;font-size:10px;color:var(--gold);font-weight:700}h1,h2,h3{font-family:Cinzel,Georgia,serif}h1{font-size:clamp(38px,6vw,74px);line-height:1.14;margin:20px 0}h1 em{font-style:normal;color:var(--violet)}.lede{color:#bbb4c4;line-height:1.8;max-width:580px;margin:0 auto 38px}.panel{background:linear-gradient(160deg,#181826,#11131e);border:1px solid var(--border);padding:26px;border-radius:7px;box-shadow:0 16px 45px #0003}.landing .panel{max-width:690px;margin:0 auto}.panel h2{margin:0 0 18px;font-size:23px}.heroes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.hero{display:flex;flex-direction:column;align-items:center;gap:10px;background:#10121e;color:var(--text);border:1px solid #323144;border-radius:6px;padding:20px 12px;min-height:190px}.hero.selected{border-color:var(--violet);box-shadow:inset 0 0 20px #a779ff12}.hero-icon{font-size:47px;color:var(--gold)}.hero strong{font:700 16px Cinzel,Georgia,serif}.hero small,.hero span:last-child{color:var(--muted);font-size:12px}.primary{width:100%;background:linear-gradient(110deg,#7951d1,#ab77f4);border:0;color:white;font-weight:700;letter-spacing:2px;padding:17px 20px;border-radius:4px;margin-top:10px}.primary:hover{filter:brightness(1.12)}.tiny{font-size:11px;color:var(--muted);margin:14px 0 0}footer{color:#6f6c7e;text-align:center;font-size:10px;letter-spacing:2px;padding:36px 5px}.hud{display:grid;grid-template-columns:1fr 1.4fr 1.4fr .7fr;gap:12px;margin:30px 0 18px}.hud>div{border:1px solid var(--border);background:#171725;padding:16px 18px;border-radius:5px}.hud span{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.hud strong{font-size:18px}.meter{height:6px;background:#292936;border-radius:5px;overflow:hidden;margin-top:9px}.meter i{display:block;background:#d75e83;width:100%;height:100%;transition:width .3s}.shadowmeter i{background:var(--violet)}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.scene{text-align:center}.illustration{height:260px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 40%,#554278 0%,#29223f 27%,#151423 65%,#0b0c13 100%);border:1px solid #373045;margin:18px 0 23px}.moon{position:absolute;width:95px;height:95px;left:calc(50% - 47px);top:18px;border-radius:50%;background:#bca6e6;box-shadow:0 0 60px #8c62ed77;opacity:.4}.gate{position:absolute;width:140px;height:190px;bottom:-18px;left:calc(50% - 70px);border:16px solid #272739;border-radius:75px 75px 0 0;box-shadow:0 0 0 11px #141621,0 0 60px #b07bff55;background:linear-gradient(#4d336a,#160f29)}.gate span{display:block;font-size:70px;color:#c49dff;text-shadow:0 0 30px #c49dff;line-height:170px}.floor{position:absolute;bottom:0;left:0;right:0;height:22px;background:#191722}.scene h2{margin:0 0 8px}.scene>p:not(.eyebrow){color:#b8b4c4;line-height:1.7;max-width:550px;margin:0 auto 18px;min-height:55px}.enemyStats{text-align:left;background:#241925;border:1px solid #55314a;padding:12px 15px;border-radius:4px;margin:10px 0 18px}.enemyStats strong{float:right}.enemybar i{background:#d15772}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button,.secondary{background:#242235;color:#eee5f5;border:1px solid #4b405f;border-radius:4px;padding:14px 10px;font-size:12px;font-weight:700;letter-spacing:.3px;min-height:48px}.actions button:hover,.secondary:hover{background:#403052;border-color:#a779ff}.actions button:disabled,.secondary:disabled{opacity:.4;cursor:not-allowed}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar h3{font-size:20px;color:var(--gold);margin:12px 0 20px}.statline{font-size:12px;color:#c9c2d2;display:flex;justify-content:space-between}.secondary{width:100%;font-size:10px;margin-top:12px}.log{display:flex;flex-direction:column;gap:10px;max-height:230px;overflow:auto;font-size:12px;line-height:1.5;color:#bdb4c9}.log div{border-bottom:1px solid #302c3c;padding-bottom:8px}.textbutton{background:none;border:0;color:#8e86a3;text-decoration:underline;align-self:center;padding:10px}.scene.danger .illustration{background:radial-gradient(ellipse at 50% 40%,#7b234f 0,#322138 38%,#0b0c13 100%)}.scene.danger .gate span{color:#f29aca} [hidden]{display:none!important}@media(max-width:760px){main{padding:0 13px}.top{padding:19px 0}.tag{font-size:8px;max-width:120px;text-align:center}.landing{margin:50px auto}.heroes{grid-template-columns:1fr}.hero{min-height:135px;padding:12px}.hero-icon{font-size:30px}.hud{grid-template-columns:1fr 1fr}.hud>div{padding:12px}.game-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr}.scene{padding:16px}.illustration{height:200px}.panel{padding:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}