@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#f8f0df;background:#141c26;font-synthesis:none;--gold:#edcf90;--muted:#d5d6d2}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #a5e6ff;outline-offset:5px}button{transition:background .18s,transform .18s}button:hover{transform:translateY(-1px)}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(9,18,24,.72),transparent 29%,transparent 75%,rgba(11,20,28,.3)),radial-gradient(ellipse at center,transparent 50%,rgba(8,14,24,.24))}#damage-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #ec4444;opacity:0;transition:opacity .15s}#loading{position:fixed;inset:0;background:#111c28;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10}#loading h1{font-family:Cormorant Garamond,Georgia,serif;font-size:75px;letter-spacing:8px;margin:20px}#loading p{font-size:12px;color:#a6b3ba}.load-track{width:280px;height:2px;background:#304450}.load-track i{display:block;height:100%;width:0;background:var(--gold)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px}.brand{font-family:Georgia,serif;letter-spacing:4px;font-size:23px;color:var(--gold);text-decoration:none}#menu{position:fixed;inset:0;background:linear-gradient(90deg,rgba(13,24,34,.88),rgba(13,24,34,.55) 34%,transparent 76%)}header{display:flex;align-items:center;gap:35px;padding:32px 4.5vw}header .quiet{margin-left:auto}.quiet{border:1px solid #e0e6df40;background:#17252b48;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:11px 16px}.quiet:hover{background:#d5c69d22}.title-block{position:absolute;left:8vw;top:23%}.edition{font-size:10px;letter-spacing:3px;color:var(--gold);display:flex;align-items:center;gap:12px}.edition i{width:24px;height:1px;background:var(--gold)}.title-block h1{font-family:Cormorant Garamond,Georgia,serif;line-height:.8;font-weight:500;font-size:clamp(76px,9.7vw,144px);letter-spacing:2px;margin:27px 0}.title-block h1 span{display:block}.tagline{font-family:Cormorant Garamond,Georgia,serif;font-size:29px;line-height:1.08;margin:26px 0 14px}.intro{font-size:12px;line-height:1.8;color:#bcc5c7;margin:0 0 28px}.primary{border:1px solid #ffe4ad;background:var(--gold);color:#202b30;padding:18px 23px;font-size:11px;letter-spacing:2px;font-weight:800;min-width:240px;display:flex;gap:36px;justify-content:space-between;align-items:center;box-shadow:0 5px 35px #0002}.primary:hover{background:#ffe4ad}.primary span{font-size:20px}.text-button{display:block;border:0;background:none;color:#c7cdd0;font-size:10px;letter-spacing:1.8px;padding:21px 0}.text-button span{margin-left:20px}.menu-chapter{position:absolute;right:6vw;bottom:17%;width:230px;text-shadow:0 2px 8px #152333}.menu-chapter .eyebrow{color:#ece2c7;font-size:9px}.menu-chapter h2{font:38px Cormorant Garamond,Georgia,serif;margin:12px 0}.menu-chapter p{font-size:9px;letter-spacing:2px}.chapter-rule{width:100%;height:1px;background:#efddbd70;margin:24px 0 15px}.menu-chapter>span:last-child{font-size:24px}.menu-chapter small{font-size:9px;margin-left:12px;letter-spacing:2px;color:#c9cbca}footer{position:absolute;bottom:28px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#bec8c9}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 7px #0007}#hud button{pointer-events:auto}.journey{position:absolute;left:30px;top:27px;display:flex;gap:18px;align-items:center}.journey>div{border-left:1px solid #dfd6c34d;padding-left:17px}.journey #biome{font-size:9px;letter-spacing:1.4px;color:#ece6ce}.journey p{font-size:8px;letter-spacing:1px;color:#bfcbd0;margin:5px 0}.boss-hud{position:absolute;top:30px;left:50%;transform:translate(-50%);width:min(35vw,530px)}.boss-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;margin-bottom:10px}.boss-title #boss-phase{font-size:8px;color:#e9cda2;letter-spacing:1px}.boss-track{height:5px;background:#15212a99;position:relative}.boss-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#b45438,#efb577);transition:width .12s}.boss-track b{position:absolute;top:0;left:33.333%;height:100%;width:2px;background:#252b2c}.boss-track b:last-child{left:66.666%}.boss-sub{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;margin-top:7px;color:#f0d5bb}.top-right{position:absolute;right:25px;top:25px;display:flex;gap:20px;align-items:center}#timer{font-size:11px;letter-spacing:1px}.top-right button{font-size:8px;padding:8px 11px}.player-hud{position:absolute;left:35px;bottom:37px;width:255px}.health-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.health-label>span{font-size:9px;letter-spacing:2px}.health-label strong{font-weight:500;font-size:20px}.health-label small{font-size:11px;color:#b3c2c6}.health-track{height:7px;background:#13252b9c}.health-track i{display:block;height:100%;background:linear-gradient(90deg,#72c4a7,#c2f1c8);transition:width .15s}.energy-track{height:3px;background:#13252b9c;margin-top:5px}.energy-track i{display:block;height:100%;background:#a7ddeb}.mobility{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.6px;margin-top:13px;color:#d3dbd6}.gauntlets{position:absolute;right:30px;bottom:25px;width:330px;display:flex;flex-wrap:wrap;gap:10px}.gauntlet{width:160px;position:relative;display:flex;align-items:center;gap:9px;border-bottom:2px solid var(--element,#f08a5a);padding:10px 2px 14px;background:linear-gradient(0deg,#10202d88,transparent)}.element-art{background-image:url(../assets/elements.webp);background-size:300% 200%;background-position:0 0;width:46px;height:60px;mix-blend-mode:screen;flex-shrink:0}.gauntlet small{font-size:6px;letter-spacing:1px;color:#c7d0d3;display:block}.gauntlet strong{display:block;font-size:13px;font-weight:600;letter-spacing:2px;margin:5px 0}.gauntlet span{font-size:6px;letter-spacing:.5px;display:block;color:#e4e7da}.cooldown{position:absolute;right:4px;top:-5px;font-size:7px;letter-spacing:.8px;color:var(--element,#f08a5a)}.gauntlets>p{width:100%;font-size:7px;letter-spacing:.8px;color:#c7d0d3;margin:0;display:flex;justify-content:space-between}.bottom-center{position:absolute;bottom:36px;left:50%;transform:translate(-50%);text-align:center}#overdrive{position:relative;min-width:210px;border:1px solid #e8d7b040;height:31px;margin-bottom:12px;text-align:left}#overdrive>i{position:absolute;inset:0 auto 0 0;background:#c6b48622;width:35%}#overdrive>span{position:relative;display:flex;justify-content:space-between;padding:9px 12px;font-size:8px;letter-spacing:1px}#overdrive.ready{border-color:var(--gold);color:var(--gold);box-shadow:0 0 20px #ddc38c22}#movement-hint{font-size:7px;letter-spacing:1px;color:#d1d6d3}#crosshair{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#fff9;height:1px;width:7px;top:12px;left:-3px}#crosshair i:nth-child(2){left:20px}#crosshair i:nth-child(3){width:1px;height:7px;top:-3px;left:12px}#crosshair i:nth-child(4){width:1px;height:7px;top:20px;left:12px}#crosshair span{position:absolute;left:11px;top:11px;width:3px;height:3px;background:#fff;border-radius:50%}#lock-label{position:absolute;left:50%;top:calc(50% + 28px);transform:translate(-50%);font-size:7px;letter-spacing:2px;color:var(--gold)}#warning{position:absolute;left:50%;top:23%;transform:translate(-50%);font-size:10px;letter-spacing:2px;color:#ffe7bd;white-space:nowrap;padding:10px 16px;background:linear-gradient(90deg,transparent,#211e1b80,transparent);opacity:0;transition:opacity .15s}#announcement{position:absolute;left:50%;top:31%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .35s;width:80%}#announcement span{font-size:9px;letter-spacing:4px;color:var(--gold)}#announcement h2{font:42px Cormorant Garamond,Georgia,serif;letter-spacing:3px;margin:10px 0}#combo{position:absolute;left:50%;top:61%;transform:translate(-50%);font-size:12px;letter-spacing:3px;color:#f4dbab;opacity:0;transition:opacity .15s}#modal{position:fixed;inset:0;background:#091521b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:5}.modal-panel{width:min(800px,92vw);max-height:92vh;overflow:auto;padding:36px 45px;background:linear-gradient(135deg,#1c303bef,#15232def);border:1px solid #bfcac536;box-shadow:0 30px 100px #0005}.modal-panel h2{font:50px Cormorant Garamond,Georgia,serif;margin:10px 0 16px}.modal-panel>p{font-size:12px;line-height:1.8;color:#bfcbd0}.modal-panel .primary{margin-top:25px}.modal-actions{display:flex;align-items:center;gap:25px}.modal-panel .eyebrow{color:var(--gold)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:20px}.control{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #c6d4d018;font-size:11px;color:#c8d5d7}.control kbd{font:10px Manrope,Arial;color:#f3deaf}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #ffffff15;font-size:12px}.settings-row input[type=range]{accent-color:#e8ca8d;width:180px}.settings-row select{background:#263c47;color:#f3e7cd;border:1px solid #b3c5c144;padding:7px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.upgrade{background:#29414a44;border:1px solid #c6cdb83a;padding:26px 20px;text-align:left;min-height:190px}.upgrade:hover{border-color:var(--gold);background:#d3bd8320}.upgrade small{font-size:8px;letter-spacing:1.5px;color:#e5d4aa}.upgrade h3{font:27px Cormorant Garamond,Georgia,serif}.upgrade p{font-size:11px;line-height:1.8;color:#c0cdd0}.loadout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.element-choice{padding:12px;border:1px solid #c5d3ca30;background:#172a34}.element-choice.selected{border-color:var(--gold)}.element-choice .element-art{margin:auto;width:54px;height:65px}.element-choice strong{font-size:10px;letter-spacing:2px;display:block;margin:8px}.loadout-title{display:flex;gap:20px;align-items:center;font-size:11px;margin:20px 0}.loadout-title button{border:1px solid #c5d3ca40;background:none;padding:8px 15px}.loadout-title button.active{background:#d6c18733}.stats{display:flex;gap:35px;padding:20px 0;border-top:1px solid #c5d3ca25}.stats div{font-size:30px;color:#f1d7a5}.stats small{font-size:8px;display:block;letter-spacing:1px;color:#c3d0d2;margin-top:8px}#fatal{position:fixed;inset:35% 15%;padding:40px;background:#263541;color:#ffdab7;z-index:99;line-height:1.8}@media(max-width:1050px){.journey{top:20px;left:20px}.journey .brand{display:none}.journey>div{border:0;padding:0}.boss-hud{width:40vw;top:22px}.player-hud{width:200px;left:22px}.gauntlets{right:20px;width:280px}.gauntlet{width:135px}.element-art{width:35px}.bottom-center{left:47%}.menu-chapter{right:5vw;bottom:18%}.title-block{top:20%}.top-right{gap:10px}.top-right button{font-size:7px}}@media(max-height:720px){.title-block{top:20%}.title-block h1{font-size:92px;margin:23px 0}.tagline{font-size:24px;margin:18px 0 12px}.intro{margin-bottom:20px}.primary{padding:14px 20px}.text-button{padding:15px 0}.modal-panel{padding:25px 35px}.modal-panel h2{font-size:40px}.control{padding:7px 0}}@media(max-width:760px){header .eyebrow{display:none}.menu-chapter{display:none}.title-block{left:9vw}.boss-hud{width:52vw;left:60%}.top-right{display:none}.journey{width:130px}.player-hud{width:150px;bottom:25px}.gauntlets{width:220px;bottom:22px}.gauntlet{width:105px;gap:2px}.gauntlet .element-art{width:25px;height:45px}.gauntlet strong{font-size:10px}.gauntlet span{font-size:5px}.bottom-center{bottom:140px;left:50%}.upgrade-grid{grid-template-columns:1fr}.upgrade{min-height:0;padding:15px}.controls{grid-template-columns:1fr}.modal-panel h2{font-size:35px}footer{font-size:6px}.gauntlets>p{font-size:5px}.boss-title{font-size:8px}.journey #biome{font-size:7px}.journey p{font-size:6px}}