@font-face{font-family:Inter;src:url('../fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--gold:#d6b77c;--cream:#eee4cd;--line:rgba(209,178,115,.3);--panel:rgba(16,20,20,.81);--muted:#adb2a7}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111713;color:var(--cream);font-family:Inter,Segoe UI,sans-serif}body{touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;border:1px solid var(--line);background:#202821;cursor:pointer;-webkit-tap-highlight-color:transparent}button:hover{border-color:var(--gold);background:#343b2f}button:active{filter:brightness(1.25)}button:focus-visible{outline:2px solid #f2d89a;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}.is-hidden{display:none!important}canvas#game{display:block;width:100%;height:100%;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 130px 30px #050b0844}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#joystick{pointer-events:auto}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:0 5px 22px #0005;backdrop-filter:blur(10px)}.player-panel{position:absolute;left:max(22px,env(safe-area-inset-left));top:max(22px,env(safe-area-inset-top));display:flex;gap:14px;padding:12px 17px 12px 10px;width:295px;border-radius:4px}.player-emblem{width:57px;height:66px;border:1px solid #b99a5d;border-radius:35% 35% 48% 48%;background:linear-gradient(150deg,#565847,#202823);display:grid;place-items:center;font:38px Georgia,serif;color:var(--gold);position:relative;box-shadow:inset 0 0 0 4px #141c17}.player-emblem span{position:absolute;bottom:-4px;font:11px Inter,sans-serif;background:#352d20;border:1px solid #9c834e;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.player-info{flex:1;padding-top:2px}.player-name{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.player-name strong{font-size:14px}.player-name>span{font-size:8px;letter-spacing:1.5px;color:#bcbba7}.resource{position:relative;height:13px;margin:4px 0;border:1px solid #ffffff25;overflow:hidden;background:#181914}.resource progress{display:block;width:100%;height:100%;border:none;background:#30251e;appearance:none}.resource progress::-webkit-progress-bar{background:#30251e}.resource progress::-webkit-progress-value{background:linear-gradient(90deg,#862c22,#bd5944)}.resource progress::-moz-progress-bar{background:#ad4333}.resource span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:12px;text-shadow:0 1px 2px #000}.mana progress::-webkit-progress-value{background:linear-gradient(90deg,#284768,#4b86aa)}.mana progress::-moz-progress-bar{background:#4b86aa}.experience progress{width:100%;height:3px;appearance:none;border:none;display:block;margin-top:6px}.experience progress::-webkit-progress-bar{background:#2c3027}.experience progress::-webkit-progress-value{background:var(--gold)}.experience progress::-moz-progress-bar{background:var(--gold)}.target-panel{position:absolute;top:26px;left:50%;transform:translateX(-50%);width:238px;padding:10px 15px;border-radius:3px}.target-panel>span{font-size:11px;letter-spacing:1.2px;display:flex;justify-content:space-between}.target-panel small{color:#aa9d8b;font-size:10px}.map-panel{position:absolute;right:max(22px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));width:192px;border-radius:4px;overflow:hidden}.map-title{padding:7px 9px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:var(--gold);border-bottom:1px solid var(--line)}.map-title button{height:24px;width:27px;border:0;background:transparent;font-size:16px}.map-panel>button{padding:0;border:0;background:transparent;display:block;margin:auto}#minimap{width:180px;height:140px;display:block}.map-bottom{display:flex;justify-content:space-between;font-size:9px;color:#a5aca0;padding:7px 10px;border-top:1px solid var(--line)}.quest-panel{position:absolute;right:22px;top:245px;width:236px;padding:16px;border-radius:3px;display:flex;gap:10px;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold)}.quest-panel strong{font-size:12px;font-weight:500}.quest-panel>span:last-child{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.quest-panel b{color:var(--gold);font-weight:500}#notice{position:absolute;top:130px;left:50%;transform:translateX(-50%);font-size:12px;color:#f6dfaa;text-shadow:0 2px 5px #000;background:#101810bb;border-radius:3px;padding:9px 17px;transition:opacity .3s;max-width:55%;text-align:center}#damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 90px 30px #d02320aa;opacity:0;transition:opacity .18s}.movement-controls{position:absolute;bottom:66px;left:max(40px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;gap:16px}#sprint{font-size:10px;padding:8px 16px;border-radius:20px;background:#17251bbd}#sprint[aria-pressed=true]{background:#5b5831}#joystick{width:118px;height:118px;border-radius:50%;border:1px solid #d2c29251;background:radial-gradient(circle,#c6b58410 15%,#101b1266 68%);display:grid;place-items:center;touch-action:none;position:relative}#joystick:after{content:'';position:absolute;inset:12px;border:1px solid #cdb98720;border-radius:50%;pointer-events:none}#joystick span{width:50px;height:50px;display:block;border-radius:50%;border:1px solid #c1b48688;background:radial-gradient(circle at 35% 25%,#a2a18888,#343d32bb);box-shadow:0 3px 12px #0006}.action-bar{position:absolute;right:max(37px,env(safe-area-inset-right));bottom:65px;display:flex;gap:14px;align-items:flex-end}.skill{border-radius:50%;width:72px;height:72px;position:relative;background:radial-gradient(circle at 40% 30%,#344536,#13221b);box-shadow:0 0 0 3px #171c15,0 0 0 4px #9c824e66,0 6px 20px #0006}.skill-icon{font-family:Georgia,serif;font-size:36px;line-height:1;display:block;color:#c9ba87;text-shadow:0 0 12px #baa46266}.skill-heal .skill-icon{color:#acd4bb}.skill-nova .skill-icon{color:#a6d9dd}.skill-attack{width:94px;height:94px;background:radial-gradient(circle at 40% 30%,#74563a,#35291a);border-color:#cab378}.skill-attack .skill-icon{font-size:43px;color:#ebd29d}.skill kbd{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font:8px Inter,sans-serif;background:#22271d;border:1px solid #ad966660;border-radius:3px;padding:3px 5px;min-width:19px}.skill-name{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;text-shadow:0 2px 4px black}.cooldown{position:absolute;inset:0;display:none;place-items:center;border-radius:50%;background:#05100bbd;font-size:23px;color:white}.skill.is-cooling .cooldown{display:grid}.target-next{border-radius:50%;width:33px;height:33px;margin-bottom:78px;font-size:23px;background:#17251bd9}.bottom-bar{position:absolute;bottom:0;width:100%;min-height:30px;padding:8px max(20px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;gap:22px;justify-content:space-between;background:#121b17e6;border-top:1px solid #9c96612b;font-size:8px;letter-spacing:1px;color:#959d8d}.bottom-bar>span:first-child{color:#c4b98f}.bottom-bar i{display:inline-block;width:5px;height:5px;background:#99bc89;border-radius:50%;margin-right:6px}.entry-panel{position:fixed;inset:0;background:linear-gradient(90deg,#07100fed 0%,#07100faa 32%,#07100f25 70%);display:flex;align-items:center;padding:7vw}.entry-copy{width:480px;max-width:90vw}.brand-rule{display:flex;align-items:center;gap:14px;color:#c7ac76;font-size:9px;letter-spacing:3px}.brand-rule:before{content:'';width:34px;height:1px;background:#c7ac76}h1{font:clamp(48px,7vw,90px) Georgia,serif;letter-spacing:6px;margin:24px 0 8px;color:#e0cda3;text-shadow:0 5px 40px #172a1855}.subtitle{font-size:12px;color:#b0b3a4;margin:0 0 36px}.entry-copy>p{font-size:13px;color:#b7c0b6;line-height:1.9;font-weight:300;margin-bottom:32px}.primary-button{background:linear-gradient(110deg,#c7ab6f,#dfc68d);border:1px solid #eddaac;color:#252519;padding:16px 29px;min-width:238px;font-size:12px;font-weight:650;letter-spacing:1px;border-radius:2px;box-shadow:0 6px 35px #0004}.primary-button:hover{background:#e1cb9c;color:#1b2117}.entry-copy>progress{display:block;width:238px;margin-top:15px;height:2px;appearance:none}.entry-copy>progress::-webkit-progress-bar{background:#c8b17d22}.entry-copy>progress::-webkit-progress-value{background:#c8b17d}.entry-copy>.load-detail{font-size:10px;color:#9ba491;margin:10px 0 0;line-height:1.4}.entry-meta{display:flex;gap:20px;color:#a4aa97;font-size:8px;letter-spacing:1.4px;margin-top:33px}.entry-version{position:absolute;bottom:32px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#8f9887;font-size:9px;letter-spacing:2px}dialog{color:var(--cream);background:#15201ff5;border:1px solid #ab915a77;border-radius:5px;max-width:min(490px,92vw);padding:32px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#040b0cd1;backdrop-filter:blur(7px)}dialog h2{font:28px Georgia,serif;font-weight:normal;letter-spacing:.3px;margin:16px 0}dialog p{font-size:11px;color:#a8b4ab;line-height:1.8}dialog .primary-button{width:100%;margin-top:14px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.menu-grid button{font-size:10px;padding:11px 8px;border-radius:2px;background:#ffffff06}.controls-guide{margin-top:25px;border-top:1px solid #d5b4792e;padding-top:17px}.controls-guide strong{font-size:9px;letter-spacing:1.5px;color:var(--gold)}dialog small{font-size:9px;color:#94ac97}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}.dialog-heading h2{margin:0}.dialog-heading button{width:32px;height:32px;background:transparent}#map-dialog{max-width:min(560px,92vw);padding:22px}#fullmap{display:block;width:min(470px,72vh,78vw);height:auto;margin:16px 0}.gold-text{color:#e2c681}.red-text{color:#d56b57}
@media(pointer:fine){#joystick{opacity:.45;width:91px;height:91px}#joystick span{width:39px;height:39px}.movement-controls{bottom:62px;left:37px;gap:11px}}
@media(max-width:900px){.quest-panel{width:191px;top:206px;right:14px;padding:12px}.player-panel{left:14px;top:14px;width:238px;padding:9px;gap:10px}.player-emblem{width:43px;height:54px;font-size:29px}.player-name strong{font-size:12px}.player-name>span{font-size:7px}.target-panel{top:19px;width:190px}.map-panel{right:14px;top:14px;width:153px}#minimap{width:144px;height:111px}.map-title{font-size:8px;padding:3px 7px}.map-bottom{font-size:8px;padding:5px 7px}.action-bar{right:25px;bottom:52px;gap:14px}.skill{width:63px;height:63px}.skill-attack{width:79px;height:79px}.skill-icon{font-size:30px}.skill-attack .skill-icon{font-size:35px}.desktop-hint{display:none}.movement-controls{left:25px;bottom:53px}#joystick{width:105px;height:105px}#notice{top:105px;font-size:11px}.entry-panel{padding:6vw}.entry-copy>p{font-size:12px}.subtitle{margin-bottom:23px}}
@media(max-height:520px){.quest-panel{top:185px;padding:9px;gap:7px;font-size:10px;width:170px}.quest-panel strong{font-size:10px}.quest-panel>span:last-child{font-size:9px}.map-panel{width:145px}#minimap{height:98px;width:133px}.target-panel{top:16px;width:180px}.player-panel{transform:scale(.9);transform-origin:top left}.movement-controls{bottom:42px;left:max(20px,env(safe-area-inset-left));gap:7px}#joystick{width:90px;height:90px}#joystick span{width:40px;height:40px}.action-bar{bottom:48px;gap:11px;right:max(20px,env(safe-area-inset-right))}.skill{width:55px;height:55px}.skill-attack{width:70px;height:70px}.skill-icon{font-size:27px}.skill-name{font-size:8px;bottom:-18px}.skill kbd{display:none}.target-next{margin-bottom:56px;width:27px;height:27px;font-size:20px}.bottom-bar{min-height:23px;padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));font-size:7px}h1{font-size:56px;margin:13px 0 7px}.subtitle{font-size:9px;margin-bottom:17px}.entry-copy>p{font-size:11px;margin-bottom:17px}.primary-button{padding:13px 25px}.entry-meta{margin-top:18px;font-size:7px}.entry-version{bottom:15px}.brand-rule{font-size:8px}.entry-copy>.load-detail{font-size:9px}dialog{max-height:92vh;padding:22px}.controls-guide{margin-top:15px;padding-top:11px}dialog h2{font-size:23px;margin:9px 0}#notice{top:87px;max-width:44%;padding:6px 10px;font-size:10px}}
@media(max-width:580px) and (min-height:521px){.target-panel{top:119px;left:14px;transform:none;width:210px}.map-panel{width:132px}#minimap{width:122px;height:105px}.quest-panel{top:201px;width:178px}.player-panel{width:215px}.action-bar{bottom:67px;right:20px;gap:10px}.skill{width:51px;height:51px}.skill-attack{width:65px;height:65px}.skill-icon{font-size:26px}.skill-name{font-size:8px}.skill kbd{display:none}.target-next{position:absolute;right:0;bottom:95px;margin:0}.movement-controls{bottom:62px;left:19px}#joystick{width:90px;height:90px}.bottom-bar{font-size:7px;gap:10px}#notice{top:180px;max-width:85%;width:85%}.entry-copy{margin-top:15vh}.entry-meta{flex-direction:column;gap:9px}.subtitle{font-size:10px}h1{font-size:50px;letter-spacing:3px}.entry-panel{align-items:center;background:linear-gradient(90deg,#07100fed,#07100f44)}.quest-panel{display:none}}
@media(max-height:380px){.quest-panel{display:none}}