@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#e8e6df;background:#0b1118;font-synthesis:none;--gold:#c8aa76;--muted:#929a9c;--line:#c1b69525}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #efd398;outline-offset:5px}[hidden]{display:none!important}#app{height:100svh;min-height:380px;position:relative;overflow:hidden}#game{position:absolute;width:100%;height:100%;inset:0;outline:0}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#070e17aa,transparent 21%,transparent 65%,#080f19a8),radial-gradient(ellipse at 60% 50%,transparent 20%,#070c1660 100%)}
.topbar{position:absolute;left:0;top:0;width:100%;height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#ebe3cd;font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:3px;font-weight:600;font-size:18px}.brand small{display:block;font-family:Manrope,sans-serif;font-size:8px;text-align:center;letter-spacing:6px;color:var(--gold);margin-top:6px}.crest{font-size:45px;color:var(--gold);font-weight:400}.chapter-nav{display:flex;align-items:center;gap:18px;letter-spacing:2px;font-size:9px;color:#afb4b5}.nav-star{color:var(--gold);font-size:24px}.chapter-no{color:#707d84;border-left:1px solid #4b5156;padding-left:18px}.header-actions{display:flex;gap:9px}.icon-button{width:39px;height:39px;display:grid;place-items:center;color:#d1d0c8;background:#141c2460;border:1px solid #b4aa8c33}.icon-button:hover{background:#c8aa7629;border-color:#c8aa7677}.icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button.muted{color:#777}.icon-button.muted:after{content:'';position:absolute;width:24px;height:1px;background:#bf966d;transform:rotate(-45deg)}
.intro{position:absolute;top:24%;left:8%;z-index:3;width:490px;text-shadow:0 2px 28px #02050a}.intro:before{content:'';position:absolute;inset:-80px -65px -70px -130px;background:radial-gradient(ellipse,#0a101ae6,transparent 70%);z-index:-1;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.7px;font-weight:600;color:var(--gold)}.intro-eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:32px}.intro-eyebrow>span{width:26px;height:1px;background:var(--gold)}.pretitle{margin:0 0 2px;font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:8px;font-size:23px;color:#d8d3c3}.intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:87px;line-height:1.08;letter-spacing:2px;margin:0 0 12px;color:#efe9d9}.subtitle{display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:3.8px;color:#c9b389}.subtitle span{height:1px;background:#9f865755;width:27px}.intro-copy{margin:28px 0 30px;font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.45;color:#bfc0b9}.primary-button{width:285px;min-height:57px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ead4a3;background:#d9c496;color:#20201e;font-size:10px;font-weight:800;letter-spacing:1.8px;box-shadow:0 4px 24px #0003;transition:background .2s,transform .2s}.primary-button>span:last-child{font-size:21px;font-weight:400}.primary-button:hover{background:#f0dfb8;transform:translateY(-2px)}.primary-button:disabled{opacity:.5;cursor:wait}.start-note{font-size:9px;color:#818b8e;margin-top:15px;letter-spacing:.5px}.start-note span{margin:0 8px;color:var(--gold)}.intro-chapter{display:flex;align-items:center;gap:16px;border-top:1px solid #c8aa762b;padding-top:23px;margin-top:32px;width:350px}.intro-chapter>span{font-family:Georgia,serif;font-style:italic;font-size:28px;color:#bd9e69}.intro-chapter>div{font-size:9px;letter-spacing:1.7px;color:#d7d6cf}.intro-chapter small{display:block;letter-spacing:.2px;margin-top:7px;color:#7e8a91;font-size:9px}.scene-label{position:absolute;right:6%;bottom:17%;text-align:right;pointer-events:none}.scene-label>span{font-size:8px;letter-spacing:3px;color:var(--gold)}.scene-label p{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;line-height:1.4;color:#ced3ce}.scene-label em{color:#bfa679}
.bottom-bar{position:absolute;left:4%;bottom:0;width:92%;height:70px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);z-index:5}.control-legend{display:flex;align-items:center;gap:22px;color:#89969b;font-size:9px}.control-legend>span{display:flex;gap:5px;align-items:center}.control-legend kbd{font:8px Manrope,sans-serif;min-width:19px;height:21px;padding:4px 5px;border:1px solid #adb8b631;border-radius:2px;color:#c9d0cb;display:inline-flex;align-items:center;justify-content:center}.footer-right{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1.8px;color:#8c999c}.status-dot{width:4px;height:4px;border-radius:50%;background:#b8a575;box-shadow:0 0 9px #d6af6780}.footer-mark{font-size:25px;margin-left:20px;color:#c4ad7b}
.hud{position:absolute;inset:138px 4% auto;display:flex;justify-content:space-between;pointer-events:none}.vitals{width:257px;padding:13px 15px;background:linear-gradient(90deg,#0c141cbb,#0c141c30);border-left:2px solid #b39c64}.vitals-heading{display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:1.4px}.hunter-sigil{font-size:22px;color:var(--gold)}#hp-number{margin-left:auto;color:#e3d4b0;font-size:12px}.health-track{background:#12191d;border:1px solid #99897555;padding:2px;height:10px;margin:8px 0 13px}.health-track>div{height:100%;width:100%;background:linear-gradient(90deg,#7e292f,#ca6859);transition:width .15s}.ability-row{display:flex;gap:13px;font-size:7px;letter-spacing:.4px;color:#c5c4b9}.ability-row b{padding:1px 3px;border:1px solid #a9a28977;margin-right:3px}.quest{text-align:right;background:linear-gradient(270deg,#0c141c99,transparent);padding:10px 0 10px 25px}.quest .eyebrow{font-size:8px}.quest p{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;margin:9px 0 13px}.quest>div{color:#c6b388;font-size:12px;letter-spacing:2px}.relic-symbol{font-size:22px;vertical-align:middle}.quest-divider{display:inline-block;height:13px;width:1px;background:#9e99754d;margin:0 17px;vertical-align:middle}.quest small{font-size:7px;color:#78888e;letter-spacing:1px}.toast{position:absolute;left:50%;bottom:130px;transform:translate(-50%,10px);font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;color:#e8d6a9;text-shadow:0 2px 8px black;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;text-align:center;width:80%}.toast.visible{opacity:1;transform:translate(-50%,0)}.boss-hud{position:absolute;bottom:93px;left:50%;transform:translateX(-50%);width:min(480px,65%)}.boss-hud>div:first-child{text-align:center;letter-spacing:3px;font-size:9px;color:#dbc1a6;margin-bottom:11px}.boss-hud span{color:#bd755c;padding:0 18px}.boss-track{height:9px;border:1px solid #a17665;padding:2px;background:#1b1819}.boss-track>div{height:100%;background:linear-gradient(90deg,#6e284c,#b34d59);width:100%;transition:width .2s}.modal{position:absolute;inset:0;background:#08101bbb;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:20}.modal-card{text-align:center;padding:36px 50px;max-width:460px;width:90%;background:#0f1924f0;border:1px solid #b89d654d;box-shadow:0 20px 100px #0008}.modal-ornament{font-size:40px;color:#c5a874;margin-bottom:15px}.modal h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:47px;font-weight:500;margin:14px 0}.modal-card>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#9eabad;margin-bottom:27px}.modal .primary-button{width:100%}.text-button{border:0;background:transparent;color:#9fa59f;font-size:10px;margin-top:23px;letter-spacing:.5px}.text-button:hover{color:#ead4a3}#damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 120px #cb233877;pointer-events:none;opacity:0;transition:opacity .15s;z-index:7}.load-error{position:absolute;inset:30% 15%;z-index:40;background:#101823;padding:40px;text-align:center;line-height:2}.load-error button{display:block;margin:20px auto;padding:12px}.touch-controls{position:absolute;bottom:84px;left:4%;right:4%;display:flex;justify-content:space-between;z-index:10;pointer-events:none}.touch-controls>div{display:flex;align-items:end;gap:10px;pointer-events:auto}.touch-controls button{touch-action:none;width:54px;height:54px;border-radius:50%;background:#111c27bb;border:1px solid #ccbd9570;color:#e8d1a4;font-size:22px;user-select:none}.touch-controls button:active{background:#bc9b6277}.touch-actions button[data-key=jump]{height:64px;width:64px}.playing .scene-label,.playing .intro{display:none}
@media(min-width:1500px){.intro{top:25%;left:10%}.intro h1{font-size:104px}.intro-copy{font-size:26px}}
@media(max-height:800px){.topbar{height:83px}.intro{top:20%}.intro-eyebrow{margin-bottom:18px}.intro h1{font-size:74px}.intro-copy{margin:20px 0}.intro-chapter{margin-top:23px;padding-top:17px}.bottom-bar{height:57px}.hud{top:110px}}
@media(max-width:1050px){.chapter-nav{gap:10px;font-size:8px}.chapter-no{display:none}.intro{left:6%;width:420px}.intro h1{font-size:73px}.control-legend{gap:12px;font-size:8px}.footer-right{font-size:7px;letter-spacing:1px}.footer-mark{display:none}}
@media(max-width:700px){.topbar{height:75px;padding:0 5%}.brand{font-size:14px;gap:9px}.crest{font-size:34px}.brand small{font-size:6px}.chapter-nav{display:none}.intro{top:23%;left:8%;width:88%}.intro h1{font-size:clamp(48px,12vw,76px)}.pretitle{font-size:19px}.intro-copy{font-size:21px}.intro-chapter{width:88%;max-width:350px}.scene-label{display:none}.bottom-bar{height:48px;justify-content:center}.control-legend{gap:11px;font-size:0}.control-legend>span{gap:3px}.control-legend kbd{font-size:7px}.footer-right{display:none}.hud{top:92px;inset-inline:5%}.vitals{width:195px;padding:8px 10px}.vitals-heading{font-size:6px;gap:8px}.ability-row{font-size:5px;gap:9px}.quest{padding:6px 0 6px 6px}.quest p{font-size:16px}.quest .eyebrow{font-size:6px}.quest>div{font-size:10px}.quest-divider{margin:0 9px}.toast{bottom:170px;font-size:21px}.boss-hud{bottom:152px;width:75%}.boss-hud>div:first-child{font-size:7px;letter-spacing:1.5px}.boss-hud span{padding:0 5px}}
@media(max-height:570px){.topbar{height:60px}.brand{font-size:13px}.crest{font-size:30px}.intro{top:23%;left:7%;width:380px}.intro-eyebrow,.intro-chapter,.start-note{display:none}.pretitle{font-size:16px}.intro h1{font-size:58px}.subtitle{font-size:7px}.intro-copy{font-size:18px;margin:15px 0}.primary-button{min-height:44px;width:245px}.scene-label{bottom:18%}.hud{top:73px}.bottom-bar{height:40px}.touch-controls{bottom:48px}.touch-controls button{width:43px;height:43px}.touch-actions button[data-key=jump]{width:49px;height:49px}.toast{bottom:105px}.boss-hud{bottom:55px}.modal-card{padding:16px 35px}.modal-ornament{display:none}.modal h2{font-size:33px;margin:6px 0}.modal-card>p:not(.eyebrow){margin-bottom:14px}.text-button{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.quality-button{font-size:10px;font-weight:700;letter-spacing:1px;color:#d8c393}.fullscreen-choice{display:flex;gap:7px;align-items:center;margin-top:15px;color:#b8c0ba;font-size:9px;cursor:pointer}.fullscreen-choice input{accent-color:#d4bd8b;width:12px;height:12px;margin:0}.fullscreen-choice span{margin-left:10px;color:#aa9b7e;font-size:8px}.record{font-size:8px;color:#b9a67c;letter-spacing:1px;margin-top:13px}.intro-chapter{margin-top:22px;padding-top:17px}.combo{font-size:8px;letter-spacing:1.25px;color:#999b8e;margin-top:13px;min-height:12px}.combo.active{font-size:11px;color:#eed49a;text-shadow:0 0 15px #e3b15966}.volume-control{display:flex;align-items:center;gap:16px;margin:0 0 25px;color:#b8aa8c;font-size:9px;letter-spacing:1px}.volume-control input{min-width:40px;width:100%;accent-color:#ccb07a;cursor:pointer}.volume-control output{min-width:31px}.journey{display:none;position:absolute;bottom:83px;left:4%;align-items:center;gap:15px;pointer-events:none;color:#adaca0;font-size:10px;letter-spacing:1px}.playing .journey{display:flex}.journey-track{height:3px;width:165px;background:#bcc5be26;position:relative}.journey-track>div{height:100%;background:#c9b381;box-shadow:0 0 9px #b6c6c457;position:relative}.journey-track>div:after{content:'';position:absolute;right:-2px;top:-2px;width:6px;height:6px;transform:rotate(45deg);background:#e2ceb0}.journey-track i{position:absolute;top:-2px;left:34%;height:7px;width:1px;background:#9c937a}.journey-track i:last-child{left:76%}#app:fullscreen,html:fullscreen #app{width:100vw;height:100vh}.playing .topbar{height:77px;background:linear-gradient(#060b1499,transparent)}.playing .hud{top:98px}.playing .vitals{background:linear-gradient(90deg,#0a121ccd,#0a121c22)}
@media(max-width:700px){.header-actions{gap:5px}.icon-button{width:32px;height:32px}.brand{letter-spacing:2px;font-size:12px}.brand small{letter-spacing:4px}.crest{font-size:28px}.fullscreen-choice{font-size:8px;gap:5px}.fullscreen-choice span{font-size:7px;margin-left:6px}.record{font-size:7px;letter-spacing:.4px}.journey{bottom:57px;left:6%}.journey-track{width:120px}.combo{font-size:6px}.playing .topbar{height:68px}.playing .hud{top:85px}}
@media(max-height:800px){.intro{top:18%}.intro-eyebrow{margin-bottom:14px}.intro-copy{margin:17px 0}.intro-chapter{margin-top:16px;padding-top:13px}.record{margin:8px 0}.journey{bottom:68px}}
@media(max-height:570px){.fullscreen-choice{margin-top:9px;font-size:8px}.record{display:none}.volume-control{margin-bottom:12px}.playing .topbar{height:58px}.playing .hud{top:72px}.journey{bottom:48px;left:auto;right:5%}.journey-track{width:90px}.intro{top:22%}}