@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap";#hud{z-index:5;pointer-events:none;--hud-gold:#b7a06a;--hud-gold-dim:#7d6f4c;--hud-ash:#cbc4b4;--frame:#96856057;font-family:Cinzel,Trajan Pro,Georgia,serif;position:absolute;inset:0}.player-status{align-items:center;gap:14px;display:flex;position:absolute;top:34px;left:40px}.crest{border:1px solid var(--hud-gold-dim);color:#c9b485;letter-spacing:.06em;filter:saturate(.7);background:radial-gradient(circle at 50% 38%,#23211b,#090a09 78%);border-radius:50%;place-items:center;width:46px;height:46px;font:11px Cinzel,Georgia,serif;display:grid;box-shadow:inset 0 0 0 3px #0d0d0c,inset 0 0 10px #000,0 3px 14px #000}.bars{width:clamp(230px,25vw,420px)}.bar{border:1px solid var(--frame);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);background:linear-gradient(#0000008c,#000000e6),#0a0a09;height:12px;margin:7px 0;position:relative;overflow:hidden;box-shadow:0 2px 7px #000c,inset 0 0 0 1px #0009}.bar i{width:100%;height:100%;transition:width .25s ease-out;display:block}.bar.health{height:15px}.bar.health i{background:linear-gradient(#a8382e 0%,#7a1e18 55%,#571210 100%);box-shadow:inset 0 1px #ffb4a038,inset 0 -2px 4px #00000080}.bar.stamina i{background:linear-gradient(#7d9358 0%,#556b38 60%,#3c4f28 100%);box-shadow:inset 0 1px #dcebb42e,inset 0 -2px 4px #00000080}.bar:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#c8af7880 20% 80%,#0000);height:1px;position:absolute;inset:0 0 auto}.bar span{z-index:3;color:#f0e8d6d1;letter-spacing:.1em;text-shadow:0 1px 2px #000;opacity:0;place-items:center;font:8px Cinzel,Georgia,serif;transition:opacity .2s;display:grid;position:absolute;inset:0}.bar.health:hover span{opacity:1}.quick-slots{position:absolute;bottom:42px;left:42px}.slot{background:radial-gradient(circle at 50% 35%,#3a3222d1,#060706e6);border:1px solid #5f5847;place-items:center;width:74px;height:74px;display:grid;position:relative;box-shadow:inset 0 0 22px #000,inset 0 0 0 1px #0009,0 4px 22px #000}.slot.selected:after{content:"";border:1px solid #c5a96f80;position:absolute;inset:-3px;box-shadow:0 0 14px #c5a96f26}.slot b{color:#efe7d3;text-shadow:0 1px 3px #000;font:14px Cinzel,Georgia,serif;position:absolute;bottom:4px;right:7px}.flask-icon{filter:saturate(.9);background:linear-gradient(90deg,#5c2a0b,#cf7418 55%,#6b310b);border:2px solid #977c44;border-radius:8px 8px 13px 13px;width:25px;height:41px;position:relative;transform:rotate(3deg);box-shadow:0 0 16px #e6872699,inset 0 0 6px #0006}.flask-icon:before{content:"";background:#544a3a;border:1px solid #9c865c;width:11px;height:9px;position:absolute;top:-9px;left:6px}.flask-icon i{background:#ffcd6980;border-radius:50%;width:6px;height:18px;position:absolute;top:6px;left:6px}.slot-label{color:#b3aa96;letter-spacing:.05em;text-shadow:0 2px 3px #000;margin-top:11px;font:11px Cinzel,Georgia,serif}.essence-counter{text-align:right;background:linear-gradient(90deg,#0000,#000000b3);border-top:1px solid #aa997452;min-width:156px;padding:8px 16px;position:absolute;bottom:40px;right:40px}.essence-rune{float:left;color:#b3a175;filter:drop-shadow(0 0 5px #caa653)}.essence-counter strong{letter-spacing:.1em;color:#e6dcc4;font:17px Cinzel,Georgia,serif}.boss-status{position:absolute;bottom:50px;left:15%;right:15%}.boss-name{color:#d8d0c0;text-align:center;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 6px #000;margin-bottom:9px;font:15px Cinzel,Georgia,serif}.boss-bar{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 100%,0 100%);background:linear-gradient(#0009,#000000eb);border:1px solid #786c5a80;height:11px;overflow:hidden;box-shadow:0 3px 9px #000,inset 0 0 0 1px #00000080}.boss-bar i{background:linear-gradient(#9b3229,#661616 60%,#430e0e);width:100%;height:100%;transition:width .3s ease-out;display:block;box-shadow:inset 0 1px #ffb4a029}.lock-reticle{width:30px;height:30px;margin:-15px;animation:1.6s infinite reticle;position:absolute;top:39%;left:50%}.lock-reticle:before,.lock-reticle:after{content:"";background:#cdbb8c;position:absolute;box-shadow:0 0 4px #000c}.lock-reticle:before{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.lock-reticle:after{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.lock-reticle span{border:1px solid #e2d1a88c;position:absolute;inset:0;transform:rotate(45deg)}.interaction{color:#ddd5c4;letter-spacing:.08em;background:linear-gradient(90deg,#0000,#000000b8,#0000);border-top:1px solid #b7a06a80;border-bottom:1px solid #b7a06a24;align-items:center;gap:13px;padding:11px 26px;font:13px Cinzel,Georgia,serif;display:flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}kbd{color:#e6d8b2;background:#0d0d0c;border:1px solid #8b806c;border-radius:4px;place-items:center;min-width:26px;height:26px;padding:0 6px;font:10px Cinzel,Georgia,serif;display:grid;box-shadow:inset 0 0 6px #000}.tutorial{color:#c0b9ac;border-left:2px solid var(--hud-gold);letter-spacing:.02em;background:linear-gradient(90deg,#000000ad,#0000);width:262px;padding:18px 20px;font:12px/1.7 Cinzel,Georgia,serif;position:absolute;top:37%;right:36px}.toast{color:#e7dcc2;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 8px #000;background:linear-gradient(90deg,#0000,#000000b3,#0000);padding:13px 46px;font:17px Cinzel,Georgia,serif;animation:.4s both toastIn;position:absolute;top:24%;left:50%;transform:translate(-50%)}.area-title{color:#ddd4c1;text-align:center;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 3px 12px #000,0 0 30px #0009;font:34px Cinzel,Georgia,serif;animation:4s both area;position:absolute;top:30%;left:50%;transform:translate(-50%)}.area-title small{color:#8a7e69;letter-spacing:.4em;text-transform:uppercase;margin-bottom:14px;font:9px Cinzel,Georgia,serif;display:block}.device-hint{color:#cbc4b466;letter-spacing:.12em;text-transform:uppercase;font:9px Cinzel,Georgia,serif;position:absolute;top:24px;right:30px}@keyframes reticle{50%{opacity:.45;transform:rotate(90deg)scale(.88)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes area{0%,to{opacity:0}15%,72%{opacity:1}}:root{color:#ddd4c1;font-synthesis:none;--gold:#b7a06a;--pale-gold:#ddc98f;--gold-dim:#7d6f4c;--red:#8f2522;--blood:#a02420;--green:#6f8b52;--panel:#090908eb;--frame:#96856052;background:#060706;font-family:Cinzel,Trajan Pro,Georgia,serif}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button,input{font:inherit}#game-shell{background:radial-gradient(circle at 50% 40%,#1b1f20,#040504 72%);position:relative}#game-canvas{outline:none;width:100%;height:100%;display:block}.hidden{display:none!important}.vignette{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle,#0000 42%,#00000057 70%,#000000d1 110%);position:absolute;inset:0}.cinematic-bars:before,.cinematic-bars:after{content:"";z-index:2;background:linear-gradient(90deg,#0000,#b7a06a47,#0000);height:2px;position:absolute;left:0;right:0}.cinematic-bars:before{top:0}.cinematic-bars:after{bottom:0}.screen{z-index:20;position:absolute;inset:0}.loading-screen{text-align:center;letter-spacing:.16em;background:radial-gradient(circle at 50% 45%,#0c0d0c,#050605 80%);place-content:center;gap:20px;display:grid}.brand-mark{color:var(--gold);filter:drop-shadow(0 0 20px #9a6a2c)saturate(.85);font-size:44px;animation:2.4s infinite pulse}.loading-screen p{color:#97907f;text-transform:uppercase;letter-spacing:.3em;font-size:11px}.loading-line{background:#26261f;width:280px;height:1px;margin:0 auto;overflow:hidden}.loading-line i{background:var(--gold);width:8%;height:100%;box-shadow:0 0 12px var(--gold);transition:width .3s;display:block}.start-screen{text-align:center;background:radial-gradient(70% 55% at 50% 44%,#1c181080,#0000 70%),radial-gradient(circle,#06060580,#020202f7 78%),#030302;place-items:center;display:grid;overflow:hidden}.title-wrap{z-index:2;flex-direction:column;align-items:center;width:min(760px,88vw);animation:2.6s ease-out both titleRise;display:flex;position:relative}.eyebrow{color:var(--gold-dim);letter-spacing:.5em;text-transform:uppercase;text-indent:.5em;margin:0 0 30px;font:400 11px/1.4 Cinzel,serif}h1{color:#e8dfca;letter-spacing:.04em;text-shadow:0 4px 30px #000,0 0 70px #78603047;margin:0;font-size:clamp(52px,7.4vw,108px);font-weight:500;line-height:.86}h1 em{color:var(--pale-gold);letter-spacing:.06em;filter:saturate(.85);margin-top:.1em;font-size:.72em;font-style:normal;font-weight:400;display:block}.title-rule{justify-content:center;align-items:center;gap:16px;width:min(420px,70%);margin:30px auto 0;display:flex}.title-rule:before,.title-rule:after{content:"";background:linear-gradient(90deg,#0000,#b7a06a8c);flex:1;height:1px}.title-rule:after{transform:scaleX(-1)}.title-rule span{color:var(--gold);filter:drop-shadow(0 0 6px #b7a06a80);font-size:13px}.subtitle{color:#948f85;letter-spacing:.02em;width:min(520px,86%);margin:30px auto 44px;font-size:14px;font-style:italic;line-height:1.85}.embers{z-index:1;pointer-events:none;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 20% 80%,#d29646cc,#0000),radial-gradient(1px 1px at 40% 90%,#c88c3cb3,#0000),radial-gradient(1.5px 1.5px at 65% 85%,#dca050b3,#0000),radial-gradient(1px 1px at 82% 78%,#be823799,#0000),radial-gradient(1px 1px at 30% 70%,#d2964680,#0000),radial-gradient(1.5px 1.5px at 74% 65%,#c88c3c80,#0000);background-repeat:repeat;background-size:100% 100%;animation:14s linear infinite embersRise;position:absolute;inset:0}.ornate-button,.menu-button{color:#e4d9c1;text-transform:uppercase;letter-spacing:.24em;cursor:pointer;background:linear-gradient(90deg,#0000,#5a482847,#0000);border:1px solid #b7a06a6b;min-width:268px;padding:16px 32px;font:500 11px Cinzel,serif;transition:all .28s;position:relative}.ornate-button:before,.ornate-button:after{content:"";background:linear-gradient(90deg,#0000,#b7a06a99);width:20px;height:1px;position:absolute;top:50%;transform:translateY(-50%)}.ornate-button:before{left:-26px}.ornate-button:after{right:-26px;transform:translateY(-50%)scaleX(-1)}.ornate-button:hover,.menu-button:hover{color:#fff;border-color:var(--pale-gold);background-color:#785a2c3d;box-shadow:0 0 30px #be965424}.start-hint{color:#56534c;letter-spacing:.26em;text-transform:uppercase;margin-top:26px;font:9px Cinzel,serif}.start-screen .ornate-button{color:#cabf9f;letter-spacing:.3em;background:0 0;border-color:#0000;margin-top:18px;font-size:12px}.start-screen #start-button{margin-top:52px}.start-screen .ornate-button:before,.start-screen .ornate-button:after{opacity:0;transition:opacity .3s,transform .3s}.start-screen .ornate-button:hover{color:#fff;box-shadow:none;text-shadow:0 0 20px #be965480;background:0 0}.start-screen .ornate-button:hover:before,.start-screen .ornate-button:hover:after{opacity:1}.start-screen .ornate-button:hover:before{transform:translateY(-50%)translate(-4px)}.start-screen .ornate-button:hover:after{transform:translateY(-50%)scaleX(-1)translate(-4px)}.pause-screen{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020303bd;place-items:center;display:grid}.menu-panel{text-align:center;border:1px solid var(--frame);background:linear-gradient(180deg, #14130f80, transparent 30%), var(--panel);width:440px;padding:46px;position:relative;box-shadow:0 30px 90px #000,inset 0 0 0 1px #0009,inset 0 0 60px #00000080}.menu-panel:before{content:"";pointer-events:none;border:1px solid #96856024;position:absolute;inset:8px}.menu-panel h2{letter-spacing:.1em;color:#e6dcc6;margin:0 0 32px;font-size:40px;font-weight:500}.settings-group{border-top:1px solid #96856033;border-bottom:1px solid #96856033;margin:26px 0;padding:22px 4px}.settings-title{color:var(--gold-dim);letter-spacing:.34em;text-transform:uppercase;text-align:center;margin:0 0 18px;font:500 10px Cinzel,serif}.menu-panel label{color:#a49e93;text-align:left;letter-spacing:.04em;grid-template-columns:1fr auto;grid-template-areas:"name value""slider slider";align-items:center;gap:4px 12px;margin:16px 0;font:12px Cinzel,serif;display:grid}.menu-panel label output{color:var(--pale-gold);letter-spacing:.06em;grid-area:value;font-size:11px}.menu-panel label input[type=range]{grid-area:slider;width:100%;margin-top:4px}.options-panel{scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;width:480px;max-height:86vh;overflow-y:auto}.options-panel::-webkit-scrollbar{width:10px}.options-panel::-webkit-scrollbar-track{background:#00000080;border-left:1px solid #96856024}.options-panel::-webkit-scrollbar-thumb{background:linear-gradient(#8a7a52,#4d4431);border:1px solid #0009;box-shadow:inset 0 0 0 1px #c5a96f40}.options-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b7a06a,#6b5d3f)}.keybind-list{flex-direction:column;gap:8px;display:flex}.keybind-row{color:#a49e93;letter-spacing:.04em;grid-template-columns:1fr auto;align-items:center;font:12px Cinzel,serif;display:grid}.keybind-key{cursor:pointer;color:#e6d8b2;letter-spacing:.1em;background:linear-gradient(#1e1b1499,#080807cc);border:1px solid #b7a06a57;min-width:88px;padding:7px 14px;font:500 11px Cinzel,serif;transition:all .2s}.keybind-key:hover{color:#fff;border-color:var(--pale-gold);box-shadow:0 0 14px #be965424}.keybind-key.listening{color:#f0e6c8;border-color:var(--pale-gold);background:#785a2c47;animation:1s infinite pulse}.keybind-hint{color:#6c675e;letter-spacing:.06em;text-align:center;margin:16px 0 0;font:10px/1.6 Cinzel,serif}.keybind-hint kbd{color:#e6d8b2;background:#0d0d0c;border:1px solid #8b806c;border-radius:4px;place-items:center;min-width:22px;height:20px;padding:0 5px;font:9px Cinzel,serif;display:inline-grid}.menu-button{width:100%;margin:13px 0;display:block}.menu-button.secondary{color:#8f8a81;border-color:#3a3934}input[type=range]{accent-color:var(--gold)}.result-screen{z-index:30;text-align:center;pointer-events:none;background:radial-gradient(circle,#3c040438,#000000db);place-content:center;animation:2.4s both veil;display:grid;position:absolute;inset:0}.result-screen h2{color:var(--blood);letter-spacing:.18em;text-shadow:0 2px 24px #000000e6,0 0 60px #78000066;margin:0;font-size:clamp(46px,6vw,90px);font-weight:600;animation:2.2s both deathReveal}.result-screen.victory{pointer-events:auto;background:radial-gradient(circle,#604a2233,#000000d9)}.result-screen.victory h2{color:var(--pale-gold);text-shadow:0 2px 24px #000,0 0 60px #966e3259}.result-screen.victory p{color:#a7a196;letter-spacing:.04em;margin:26px 0 36px;font-style:italic}@keyframes pulse{50%{opacity:.46;transform:scale(.95)}}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}}@keyframes titleRise{0%{opacity:0;filter:blur(3px);transform:translateY(26px)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes embersRise{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 -420px,0 -560px,0 -500px,0 -640px,0 -480px,0 -600px}}@keyframes veil{0%{opacity:0}to{opacity:1}}@keyframes deathReveal{0%{opacity:0;letter-spacing:.5em;transform:scale(1.04)}50%{opacity:1}60%,to{opacity:1;letter-spacing:.18em;transform:scale(1)}}@media (max-width:900px){.start-screen{justify-content:center;padding-left:0}.title-wrap{width:84vw}}