:root{--ink:#09070d;--crimson:#e43d62;--violet:#a776ff;--bone:#eadfc9;--gold:#c8a868}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050409;color:var(--bone);font-family:Outfit,sans-serif}body{user-select:none}button{font:inherit}#game-shell,#game-container{position:absolute;inset:0}#game-container canvas{display:block;width:100%;height:100%;cursor:crosshair}.hidden{display:none!important}.noise,.scanlines,.vignette{position:absolute;inset:0;pointer-events:none;z-index:8}.noise{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noise .2s steps(2) infinite}.scanlines{opacity:.04;background:repeating-linear-gradient(0deg,#0002 0,#0002 1px,transparent 1px,transparent 4px)}.vignette{box-shadow:inset 0 0 12vmin 5vmin #030207,inset 0 0 2vmin #000}.glass-panel{background:linear-gradient(135deg,#1b1420db,#0a080ebd);border:1px solid #c8a86840;box-shadow:0 10px 40px #0008,inset 0 1px #fff1;backdrop-filter:blur(10px)}.screen{position:absolute;inset:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#46122a2e,#050409c7 45%,#030205f7);opacity:0;transition:opacity .45s}.screen.active{display:flex;opacity:1}#title-screen:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(#0403076b,#040307d1),url('assets/gothic_parallax_bg.jpg') center/cover;animation:zoom 18s ease-in-out infinite alternate}#title-screen:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,transparent 15%,#030205e0 75%)}.title-ornament,.eyebrow{font:600 clamp(9px,1vw,13px) Cinzel;letter-spacing:.38em;color:var(--gold);margin-bottom:10px;text-shadow:0 0 14px #c8a86855}h1{font:800 clamp(56px,8.6vw,128px)/.8 Cinzel;margin:8px 0;color:#eee5d6;letter-spacing:.04em;text-shadow:0 4px #2a1721,0 0 32px #8b294477}h1 span{color:#b51f43}.subtitle{font:600 clamp(13px,1.5vw,21px) Cinzel;letter-spacing:.72em;color:#c9a35f;margin:18px 0 25px}.lore{font:italic clamp(15px,1.4vw,21px) Crimson Text;line-height:1.55;color:#bab0b9;margin:0 0 24px}.controls-card{display:flex;padding:15px 23px;gap:24px;border-radius:4px}.control{display:flex;align-items:center;gap:10px;text-align:left}.control+.control{border-left:1px solid #ffffff16;padding-left:24px}.control span{display:flex;flex-direction:column}.control b{font:600 10px Cinzel;letter-spacing:.13em}.control small{font-size:10px;color:#77717b}.keys{min-width:43px;text-align:center;line-height:15px}.keys.wide{min-width:54px}.keys kbd,.draft-hint kbd{display:inline-block;padding:2px 4px;margin:1px;border:1px solid #756b78;border-radius:2px;background:#201a24;color:#c7bdc7;font:8px Outfit}.keys.wide kbd{padding:5px}.mouse-icon{width:28px;height:38px;border:1px solid #716a74;border-radius:14px;display:grid;place-items:center;color:var(--crimson)}.gothic-button{min-width:310px;margin-top:26px;padding:14px 34px 12px;border:1px solid #b85f72;background:linear-gradient(#6f1630,#3c0c1c);color:#f1e6d4;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);cursor:pointer;box-shadow:0 0 28px #a21d4055;transition:.2s}.gothic-button:hover{filter:brightness(1.25);transform:translateY(-2px);box-shadow:0 0 42px #d52d5877}.gothic-button span{display:block;font:700 14px Cinzel;letter-spacing:.17em}.gothic-button small{font-size:8px;letter-spacing:.25em;color:#d69aac}.audio-toggle{border:0;background:0;color:#857782;font-size:9px;letter-spacing:.16em;margin-top:14px;cursor:pointer}.title-footer{position:absolute;bottom:18px;font:500 9px Cinzel;letter-spacing:.25em;color:#625966}#hud{position:absolute;inset:0;z-index:10;pointer-events:none}.hud-left,.hud-right{position:absolute;top:22px;height:70px}.hud-left{left:25px;display:flex;align-items:center;padding:9px 18px 9px 10px;clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%)}.portrait{width:50px;height:50px;border:1px solid #865264;background:radial-gradient(circle,#3e1a31,#110c16);display:grid;place-items:center;transform:rotate(45deg);margin:0 18px 0 5px;box-shadow:0 0 16px #6f1f4366}.portrait span{transform:rotate(-45deg);font:700 20px Cinzel}.portrait i{position:absolute;inset:3px;border:1px solid #fff2}.vitals{width:min(24vw,260px)}.meter-row{display:flex;align-items:center;gap:7px;margin:7px 0}.meter-icon{width:14px;color:var(--crimson);text-shadow:0 0 10px}.mana-icon{color:var(--violet)}.meter{position:relative;height:12px;flex:1;background:#0b080e;border:1px solid #47333e}.meter-fill{height:100%;transition:width .2s;background:linear-gradient(90deg,#74152e,var(--crimson));box-shadow:0 0 10px var(--crimson)}.mana-fill{background:linear-gradient(90deg,#47206d,var(--violet));box-shadow:0 0 10px var(--violet)}.meter b{position:absolute;right:7px;top:-1px;font:500 8px Outfit}.hud-center{position:absolute;top:18px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 8px #000}.hud-center #room-label{font:700 15px Cinzel;letter-spacing:.25em;color:#ddc693}.hud-center #objective-label{font-size:8px;letter-spacing:.3em;color:#8d828c;margin-top:4px}.enemy-pips{display:flex;justify-content:center;gap:4px;margin-top:8px}.enemy-pips i{width:5px;height:5px;border-radius:50%;background:#9a2441;box-shadow:0 0 6px #ed3c63}.hud-right{right:25px;display:flex;align-items:center;padding:12px 20px}.stat{min-width:70px;text-align:center}.stat span,.relic-title{display:block;font:600 8px Cinzel;letter-spacing:.2em;color:#877b83}.stat strong{font:600 18px Cinzel}.divider{height:32px;width:1px;background:#fff2;margin:0 14px}#relic-strip{position:absolute;top:104px;left:26px;padding:8px 12px;display:flex;align-items:center;gap:9px}.relic-chip{width:27px;height:27px;border:1px solid #75475d;background:#1b101b;display:grid;place-items:center;color:#d28aa9;font:15px Cinzel;box-shadow:0 0 10px #8b234855}.ability-bar{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.ability{position:relative;width:205px;height:50px;display:flex;align-items:center;padding:5px 14px;background:linear-gradient(90deg,#1c0d18f0,#09070ce6);border:1px solid #693249;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);transition:.15s}.ability.on-cooldown{filter:saturate(.35);opacity:.7}.ability kbd{position:absolute;top:-9px;left:12px;background:#211a23;border:1px solid #675d68;padding:2px 5px;font:7px Outfit}.ability-glyph{width:42px;font-size:27px;color:var(--crimson);text-shadow:0 0 12px}.blink-glyph{color:var(--violet)}.ability div{display:flex;flex-direction:column;text-align:left}.ability b{font:600 10px Cinzel}.ability small{font-size:8px;color:#8b7e87}.boss-hud{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);width:min(520px,60vw);text-align:center}.boss-hud span{font:600 11px Cinzel;letter-spacing:.22em}.boss-hud div{height:9px;margin-top:7px;border:1px solid #744052;background:#100a0e;padding:1px}.boss-hud i{display:block;height:100%;background:linear-gradient(90deg,#6a102c,#d4315d);box-shadow:0 0 12px #d4315d;transition:width .2s}.modal-screen{background:radial-gradient(circle,#2a1033de,#050409f5 65%)}.modal-heading span{font:600 10px Cinzel;letter-spacing:.35em;color:#ad84d3}.modal-heading h2,.ending-screen h2{font:700 clamp(28px,4vw,48px) Cinzel;margin:8px 0;letter-spacing:.08em;text-shadow:0 0 28px #8a3da766}.modal-heading p{font:italic 18px Crimson Text;color:#8e838f;margin:0 0 30px}.boon-cards{display:flex;gap:18px}.boon-card{width:260px;min-height:300px;padding:18px;position:relative;border:1px solid #533b5f;background:linear-gradient(165deg,#24162df5,#0a080ef7);cursor:pointer;transition:.22s;clip-path:polygon(8% 0,92% 0,100% 7%,100% 93%,92% 100%,8% 100%,0 93%,0 7%)}.boon-card:hover{transform:translateY(-8px);border-color:#b77be1;filter:brightness(1.15);box-shadow:0 12px 45px #7e399055}.boon-num{position:absolute;top:10px;left:12px;color:#76647e;font:10px Cinzel}.boon-icon{width:95px;height:95px;margin:15px auto 20px;border:1px solid #6e4c7e;border-radius:50%;display:grid;place-items:center;font:45px Cinzel;color:#bc7ae7;background:radial-gradient(circle,#3b1d4d,#140e19 65%);box-shadow:0 0 25px #773b9266}.boon-card h3{font:600 16px Cinzel;color:#e3d3ea}.boon-card p{font:15px/1.35 Crimson Text;color:#a79ba9}.rarity{position:absolute;bottom:11px;left:0;right:0;font:600 7px Cinzel;letter-spacing:.25em;color:#8d69a0}.draft-hint{margin-top:25px;color:#756b78;font-size:9px;letter-spacing:.17em}.ending-screen{background:radial-gradient(circle,#4b0e2259,#040307f7 60%),url('assets/eldritch_tomb_frame.jpg') center/cover}.ending-sigil{width:74px;height:74px;border:1px solid #9b405c;border-radius:50%;display:grid;place-items:center;font:42px Cinzel;color:#cf315b;box-shadow:0 0 45px #9d1b4055}.ending-screen h2{line-height:1.05}.ending-screen h2 em{font-style:normal;color:#bd3154}.ending-screen>p{font:italic 19px Crimson Text;color:#a799a0}.result-stats{display:flex;padding:15px 30px}.result-stats div{min-width:120px}.result-stats div+div{border-left:1px solid #fff2}.result-stats span{display:block;font:600 8px Cinzel;letter-spacing:.2em;color:#81747c}.result-stats b{display:block;font:600 20px Cinzel;margin-top:4px}.victory{background:radial-gradient(circle,#311f534d,#040307f7 60%),url('assets/victorian_gothic_frame.jpg') center/cover}.victory .ending-sigil,.victory h2 em{color:#b88ae8;border-color:#745595}.pause-panel{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);padding:35px 70px;border:1px solid #73546d;background:#09070def;text-align:center}.pause-panel span{display:block;font:600 22px Cinzel;letter-spacing:.2em}.pause-panel small{color:#8c7e88;letter-spacing:.2em}#toast{position:absolute;z-index:35;top:25%;left:50%;transform:translate(-50%,-10px);font:600 14px Cinzel;letter-spacing:.2em;opacity:0;transition:.3s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes zoom{to{transform:scale(1.07)}}@keyframes noise{50%{transform:translate(-1%,1%)}}@media(max-width:780px){.controls-card{gap:8px;padding:10px}.control+.control{padding-left:8px}.control small{display:none}.portrait,#relic-strip{display:none}.hud-left{left:8px}.hud-right{right:8px}.hud-center{top:90px}.vitals{width:160px}.ability{width:155px}.boon-card{width:31vw;min-height:260px;padding:10px}.boon-icon{width:65px;height:65px}}@media(max-height:680px){.title-ornament,.title-footer{display:none}.subtitle,.lore{margin:10px}.gothic-button{margin-top:12px}.boon-card{min-height:260px}.boon-icon{width:65px;height:65px;margin-bottom:8px}.ending-sigil{width:55px;height:55px}.ending-screen h2{font-size:30px}}