:root{--bg:#141a17;--panel:rgba(20,27,22,.78);--gold:#e5bc72;--cream:#f2ead7;--muted:#a9ae97;--line:rgba(216,196,153,.22);--red:#c85e45;--green:#93ac7a;--ease:.18s ease}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--cream);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:wait;opacity:.65}#viewport{position:fixed;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 38%,rgba(10,15,12,.42) 95%),linear-gradient(0deg,rgba(8,14,11,.6),transparent 20%,transparent 78%,rgba(8,14,11,.68))}header{position:absolute;top:28px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;gap:25px;pointer-events:none}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-size:42px;color:var(--gold)}.brand strong{font-family:Songti SC,serif;font-size:25px;letter-spacing:5px}.brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:4px;color:var(--gold)}.location{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2px}.location b{font-size:13px;font-weight:400;letter-spacing:3px}.location>span{color:var(--muted)}.location i{width:28px;height:1px;background:var(--line)}.top-buttons{display:flex;gap:8px;pointer-events:auto}.top-buttons button{background:var(--panel);border:1px solid var(--line);padding:10px 13px;font-size:11px;transition:background var(--ease)}.top-buttons button:hover{background:#39402b}.player-panel{position:absolute;left:38px;top:124px;display:flex;gap:14px;align-items:center;width:274px}.portrait{height:52px;width:43px;display:grid;place-items:center;color:var(--gold);font-family:serif;font-size:25px;border:1px solid var(--gold);background:var(--panel);clip-path:polygon(0 0,100% 0,100% 77%,50% 100%,0 77%)}.vitals{flex:1}.vital-title,.vital-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:18px}.vital-title b{font-size:12px;letter-spacing:2px;font-weight:500}.vital-title>span{font-variant-numeric:tabular-nums;color:var(--muted)}.health-track{height:7px;background:#242c22;margin:10px 0 8px;box-shadow:0 0 0 1px var(--line);padding:1px}#health-fill{height:100%;width:100%;background:linear-gradient(90deg,#a8513c,#e9a070);transition:width .1s}.vital-foot{color:var(--muted);font-size:9px;letter-spacing:1px}.objective{position:absolute;right:38px;top:128px;width:244px;border-top:1px solid var(--line);padding-top:14px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.objective>div:nth-child(2){display:flex;justify-content:space-between;margin-top:13px}.objective b{font-size:15px;letter-spacing:2px;font-weight:500}#timer{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.objective p{color:var(--muted);font-size:11px;line-height:1.7;margin:12px 0}.wave-pips{display:flex;gap:7px}.wave-pips i{height:3px;width:38px;background:#59604c}.wave-pips i.active{background:var(--gold)}.intro{position:absolute;left:8%;top:32%;max-width:390px;transition:opacity .4s,transform .4s}.intro.hidden{opacity:0;transform:translateY(15px);pointer-events:none}.intro h1{font-family:Songti SC,"Noto Serif SC",serif;font-size:clamp(36px,4.4vw,67px);line-height:1.26;font-weight:500;letter-spacing:4px;margin:20px 0}.intro h1 em{font-style:normal;color:var(--gold)}.intro p{color:#c3c8b3;font-size:13px;line-height:2;letter-spacing:1px}.primary{margin-top:20px;min-width:220px;display:flex;justify-content:space-between;align-items:center;gap:34px;padding:17px 22px;border:1px solid var(--gold);background:var(--gold);color:#272a1d;letter-spacing:2px;font-size:13px;font-weight:600;transition:background var(--ease),transform var(--ease)}.primary:hover{background:#f5d397;transform:translateY(-2px)}.primary:active{transform:translateY(1px)}.primary>span:last-child{font-size:22px}.intro-note{font-size:9px;color:var(--muted);margin-top:15px;letter-spacing:1px}.actionbar{position:absolute;left:50%;bottom:65px;transform:translate(-50%);display:flex;gap:10px}.action-key{position:relative;width:94px;height:102px;border:1px solid var(--line);background:linear-gradient(145deg,#1a2219f0,#0f1612d9);display:flex;align-items:center;flex-direction:column;padding-top:16px;box-shadow:0 8px 35px #0003}.action-key kbd{position:absolute;top:-8px;background:#20271d;padding:3px 6px;color:var(--gold);font-size:8px;letter-spacing:1px}.skill-icon{font-family:serif;font-size:33px;line-height:36px;color:var(--gold)}.action-key b{font-size:11px;font-weight:400;letter-spacing:3px;margin-top:4px}.action-key small{font-size:8px;color:var(--muted);margin-top:7px}.action-key.cooldown{opacity:.52}footer{position:absolute;bottom:25px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:1px;pointer-events:none}footer>div{display:flex;gap:10px;align-items:center}kbd{font-family:inherit}footer kbd{border:1px solid var(--line);padding:5px 7px;letter-spacing:2px;font-size:9px}.divider{opacity:.4;margin:0 5px}.footer-center{color:#d1c8af80;letter-spacing:3px}#announcement{position:absolute;top:27%;left:50%;transform:translate(-50%,-8px);font-family:Songti SC,serif;font-size:28px;color:var(--gold);letter-spacing:8px;opacity:0;transition:opacity .3s,transform .3s;text-shadow:0 3px 10px #000;pointer-events:none;white-space:nowrap}#announcement.show{opacity:1;transform:translate(-50%)}#combo{position:absolute;right:7%;top:47%;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none}#combo strong{display:block;font-family:Georgia,serif;font-size:58px;font-style:italic;color:var(--gold);line-height:1}#combo span{font-size:10px;letter-spacing:5px}#boss{display:none;position:absolute;left:50%;top:104px;transform:translate(-50%);width:310px;text-align:center}#boss span{font-size:12px;letter-spacing:5px;color:var(--gold)}#boss>div{margin-top:10px;height:5px;background:#261d18;border:1px solid #e3b97555}#boss i{display:block;background:var(--red);height:100%;width:100%}#floaters{position:fixed;inset:0;pointer-events:none}.damage{position:absolute;left:0;top:0;color:#ffe9bd;text-shadow:1px 2px 3px #000;font-family:Georgia,serif;font-size:23px;font-weight:700;white-space:nowrap}.damage.heal{color:#b8d79c}.damage.critical{font-size:35px;color:#ffd482}.damage.hurt{color:#ff937f}#hurt{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #aa362c;opacity:0}.modal{position:absolute;inset:0;background:#0d140fc2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:10}.hidden{display:none}.modal-card{text-align:center;min-width:320px;max-width:90%;padding:45px 48px;background:linear-gradient(140deg,#293022,#171f18);border:1px solid var(--line);box-shadow:0 25px 100px #0006}.modal-card h2{font-family:Songti SC,serif;font-size:42px;font-weight:400;letter-spacing:5px;margin:20px 0}.modal-card p{font-size:12px;color:var(--muted);line-height:1.8}.modal-card .primary{width:100%;margin-top:26px}.secondary{border:0;background:transparent;margin-top:18px;font-size:11px;color:var(--muted);padding:8px}.secondary:hover{color:var(--gold)}#result-stats{font-size:12px;line-height:2.2;color:var(--gold)}.touch-controls{display:none;position:fixed;bottom:44px;left:25px;right:25px;justify-content:space-between;align-items:end;pointer-events:none}#joystick{width:98px;height:98px;border-radius:50%;background:#d0cca015;border:1px solid #dbc78566;pointer-events:auto;touch-action:none;display:grid;place-items:center}#joystick i{height:38px;width:38px;border:1px solid #e5bc7277;background:#e5bc7244;border-radius:50%;pointer-events:none}.touch-actions{display:flex;gap:12px;align-items:end}.touch-actions button{width:58px;height:58px;border:1px solid #d2b47499;border-radius:50%;background:#1a231bdd;font-size:12px;pointer-events:auto;touch-action:none}#touch-attack{width:76px;height:76px;color:var(--gold)}@media(max-width:1000px){header{left:24px;right:24px;top:20px}.location>span:last-child,.location i{display:none}.player-panel{left:24px;top:99px;width:230px}.objective{right:24px;top:100px;width:200px}.intro{left:7%;top:30%}.intro h1{font-size:46px}.actionbar{bottom:53px}.action-key{width:78px;height:86px;padding-top:11px}.action-key small{font-size:7px}footer{left:24px;right:24px;bottom:16px}.footer-center{display:none}}@media(max-width:600px){header{left:16px;right:16px;top:15px}.brand strong{font-size:20px}.brand-mark{font-size:31px}.location{display:none}.top-buttons button{padding:8px;font-size:10px}.player-panel{left:16px;top:87px;width:185px;gap:9px}.vital-title b{font-size:10px}.portrait{width:31px;height:43px}.objective{right:16px;top:90px;width:126px}.objective p{font-size:9px}.objective .eyebrow{font-size:8px}.objective b{font-size:11px}.intro{top:31%;left:8%}.intro h1{font-size:43px}.intro p{font-size:11px}.actionbar{display:none}footer>div{display:none}.touch-controls{display:flex}.intro~.touch-controls{opacity:.8}#boss{width:210px;top:195px}#announcement{font-size:21px;letter-spacing:4px;top:27%}#combo{right:7%;top:39%}.modal-card{padding:32px;min-width:290px}}@media(pointer:coarse){.touch-controls{display:flex}.actionbar,footer>div{display:none}}@media(max-height:540px){header{top:12px}.brand strong{font-size:18px}.brand-mark{font-size:29px}.brand small{font-size:6px}.player-panel{top:75px}.objective{top:73px}.intro{top:29%;left:7%}.intro h1{font-size:34px;margin:10px 0}.intro p{font-size:10px;line-height:1.7}.intro .eyebrow{font-size:8px}.primary{margin-top:10px;padding:10px 16px}.intro-note{margin-top:9px}.actionbar{bottom:35px}.action-key{height:76px}.action-key small{display:none}.touch-controls{bottom:25px}#boss{top:66px}#announcement{top:31%;font-size:22px}footer{bottom:10px}}:root{--surface:#20291f;--surface-high:#303b2a;--shadow:rgba(0,0,0,.4);--text-xs:11px;--text-sm:13px;--text-md:16px;--text-lg:26px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px}.xp-track{height:3px;background:var(--line);margin-top:var(--space-1)}#xp-fill{display:block;height:100%;width:0;background:var(--gold)}.xp-label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:5px}.build-button{position:absolute;left:38px;top:215px;border:1px solid var(--line);background:var(--panel);padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.build-button span{color:var(--gold);margin-left:var(--space-1)}.build-button:hover{background:var(--surface-high)}.upgrade-modal{position:fixed;inset:0;z-index:30;background:#0a100ce8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:var(--space-3);overflow:auto}.upgrade-modal.hidden{display:none}.upgrade-panel{width:min(100%,1000px);text-align:center}.upgrade-panel h2{font-family:Songti SC,serif;font-size:clamp(24px,3vw,38px);font-weight:400;letter-spacing:3px;margin:var(--space-2) 0}.upgrade-panel>p{color:var(--muted);font-size:var(--text-sm);margin:0 0 var(--space-4)}.upgrade-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.upgrade-card{position:relative;display:flex;flex-direction:column;text-align:left;min-height:310px;padding:var(--space-3);border:1px solid var(--line);background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:0 15px 50px var(--shadow);transition:border-color var(--ease),transform var(--ease),background var(--ease)}.upgrade-card:hover,.upgrade-card:focus-visible{border-color:var(--gold);transform:translateY(-4px);background:var(--surface-high)}.upgrade-card:active{transform:translateY(0)}.card-route{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:var(--text-xs);letter-spacing:3px}.card-route kbd{border:1px solid var(--line);padding:4px 7px;letter-spacing:0;color:var(--muted)}.card-mark{font-family:Georgia,serif;color:var(--gold);font-size:42px;line-height:1;margin:var(--space-3) 0 var(--space-2)}.upgrade-card>strong{font-family:Songti SC,serif;font-size:var(--text-lg);font-weight:500;letter-spacing:3px}.card-change{font-size:var(--text-sm);color:var(--gold);margin-top:var(--space-2)}.card-description{font-size:var(--text-sm);color:var(--muted);line-height:1.8;margin:var(--space-1) 0 var(--space-3);flex:1}.card-level{border-top:1px solid var(--line);padding-top:var(--space-2);font-size:var(--text-xs);color:var(--muted);display:flex;justify-content:space-between;gap:var(--space-1)}.card-level>span{color:var(--cream)}.owned-build{font-size:var(--text-xs);color:var(--muted);line-height:1.9;margin-top:var(--space-3);max-height:90px;overflow:auto;overflow-wrap:anywhere}.upgrade-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted)}.upgrade-actions .secondary{margin:0;border:1px solid var(--line);padding:var(--space-1) var(--space-2)}.upgrade-actions .secondary:disabled{cursor:default}.resume-countdown{position:fixed;inset:0;z-index:29;background:#0a100c4d;display:grid;place-items:center;color:var(--gold);font-family:Songti SC,serif;font-size:var(--text-lg);letter-spacing:6px;pointer-events:none}.resume-countdown.hidden{display:none}#checkpoint-note{display:block;margin-top:var(--space-2);color:var(--muted);font-size:var(--text-xs);line-height:1.7}#transition-modal .modal-card{max-width:560px}.damage.experience{font-family:inherit;font-size:var(--text-sm);color:var(--gold)}.wave-pips i{flex:1}.modal-card{max-height:92vh;overflow:auto}#result-stats{overflow-wrap:anywhere}@media(max-width:1000px){.build-button{left:24px;top:192px}.upgrade-card{padding:var(--space-2)}.upgrade-card>strong{font-size:22px}}@media(max-width:600px){.build-button{top:178px;left:16px;padding:6px 10px;font-size:10px}.upgrade-modal{padding:var(--space-2)}.upgrade-panel{margin:auto}.upgrade-panel h2{font-size:23px;letter-spacing:1px}.upgrade-panel>p{font-size:var(--text-xs);margin-bottom:var(--space-2)}.upgrade-cards{grid-template-columns:1fr;gap:var(--space-1)}.upgrade-card{min-height:0;padding:12px var(--space-2)}.card-mark{display:none}.upgrade-card>strong{font-size:20px;margin-top:6px}.card-route{font-size:10px}.card-change{margin-top:6px;font-size:var(--text-xs)}.card-description{margin:6px 0;font-size:var(--text-xs);line-height:1.5}.card-level{padding-top:6px;font-size:10px}.owned-build{margin-top:var(--space-2);max-height:48px}.upgrade-actions{margin-top:var(--space-1)}.upgrade-panel .eyebrow{font-size:9px;letter-spacing:2px}}@media(max-height:540px)and (min-width:601px){.upgrade-modal{padding:12px var(--space-3)}.upgrade-panel h2{font-size:22px;margin:8px 0}.upgrade-panel>p{font-size:var(--text-xs);margin-bottom:12px}.upgrade-card{min-height:190px;padding:12px var(--space-2)}.card-mark{display:none}.upgrade-card>strong{font-size:22px;margin-top:10px}.card-change{margin-top:8px;font-size:var(--text-xs)}.card-description{font-size:var(--text-xs);line-height:1.5;margin:6px 0 10px}.card-level{padding-top:8px;font-size:10px}.owned-build{margin-top:10px;max-height:38px}.upgrade-actions{margin-top:6px}.build-button{top:162px;font-size:10px}}@media(prefers-reduced-motion:reduce){.upgrade-card{transition:none}.upgrade-card:hover{transform:none}}#viewport canvas:focus,.upgrade-modal:focus{outline:none}.action-key.evolved{border-color:#dfac62;background:linear-gradient(160deg,#483321dd,#1b231bdd)}.action-key.evolved b{color:#ffd18c}#practice{display:block;margin-top:10px;padding-left:0;color:var(--gold)}#practice:disabled{color:var(--muted)}.practice-panel{position:fixed;right:38px;bottom:170px;max-width:300px;padding:12px 16px;border:1px solid var(--line);background:#192119ed;z-index:4;font-size:11px;color:var(--muted);line-height:1.7}.practice-panel.hidden{display:none}.practice-panel>div{display:flex;gap:14px;margin-top:8px}.practice-panel button{background:transparent;border:0;padding:6px 0;color:var(--gold);font-size:12px}.practice-panel button:hover{text-decoration:underline}.upgrade-card[data-upgrade=inferno]{border-color:#d39d53;background:linear-gradient(145deg,#493722,var(--surface))}@media(max-width:600px){.practice-panel{right:16px;bottom:168px;max-width:220px;padding:8px 12px}.practice-panel>span{font-size:10px}#practice{font-size:11px}.intro-note{font-size:9px}}@media(max-height:540px){.practice-panel{bottom:150px;right:24px;max-width:210px;padding:6px 10px}.practice-panel>span{display:none}.practice-panel>div{margin:0}#practice{margin-top:2px;padding-top:4px;padding-bottom:4px}}.upgrade-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px #dfbf7355;background:var(--surface-high)}#confirm-choice{margin:12px auto 0;min-width:200px}#confirm-choice:disabled{opacity:.4;cursor:default}#choice-preview{color:var(--gold);font-size:12px;line-height:1.7;min-height:20px;margin:12px 0 0}#replacement{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#replacement p{flex-basis:100%;font-size:12px;margin:10px 0 0}#replacement button{padding:9px 12px;border:1px solid var(--line);background:var(--surface);font-size:12px}#replacement button.selected{border-color:var(--gold);color:var(--gold)}#bond-strip{position:absolute;bottom:172px;left:50%;transform:translate(-50%);max-width:90%;text-align:center;color:var(--gold);font-size:11px;pointer-events:none}.action-key{color:var(--cream);cursor:pointer}.action-key:hover{border-color:var(--gold)}.action-key[aria-disabled=true]{opacity:.55}.cancel-aim{outline:2px dashed var(--red)!important;opacity:.5}.touch-actions button{touch-action:none;width:66px;height:66px}.touch-actions button.evolved{border-color:var(--gold);color:var(--gold)}.upgrade-card{min-height:245px}.upgrade-card>strong{margin-top:20px}.upgrade-panel{padding-block:16px}#owned-build{white-space:pre-line;max-height:75px}.practice-panel{bottom:195px}@media(max-width:600px){#bond-strip{top:207px;bottom:auto;font-size:10px;width:92%;max-width:92%}.touch-controls{left:16px;right:16px;bottom:max(30px,env(safe-area-inset-bottom))}.touch-actions{gap:7px}.touch-actions button{width:57px;height:57px;font-size:11px}.upgrade-card{min-height:0;padding:10px 12px}.upgrade-card>strong{margin-top:5px}.upgrade-card .card-description{margin:4px 0}.upgrade-panel{padding:0}.upgrade-panel>p{margin-bottom:8px}.upgrade-panel h2{margin:8px 0}#owned-build{max-height:45px;margin-top:8px}#confirm-choice{padding:10px 16px;margin-top:8px}#choice-preview{font-size:10px;margin-top:6px}#replacement button{font-size:10px;padding:7px}#joystick{width:90px;height:90px}.practice-panel{bottom:150px}.upgrade-modal{align-items:start}}@media(max-height:540px)and (min-width:601px){.upgrade-card{min-height:175px}.upgrade-card>strong{margin-top:7px}#owned-build{max-height:32px;margin-top:5px}#confirm-choice{padding:7px 16px;margin-top:6px}.upgrade-panel{padding:0}#bond-strip{bottom:132px;font-size:10px}.practice-panel{bottom:140px}}#upgrade-receipt{position:fixed;top:24%;left:50%;transform:translate(-50%);max-width:90vw;padding:9px 14px;border:1px solid var(--line);background:#192119ed;color:var(--gold);font-size:12px;line-height:1.6;pointer-events:none;opacity:0;z-index:31;text-align:center}#upgrade-receipt.show{opacity:1}.touch-dodge{display:none;position:fixed;right:24px;bottom:146px;width:62px;height:62px;border:1px solid var(--gold);border-radius:50%;background:#272f22e8;color:var(--gold);font-size:12px;touch-action:none;z-index:3}.touch-dodge[aria-disabled=true]{opacity:.5}@media(pointer:coarse),(max-width:700px){.touch-dodge{display:block}}@media(max-height:500px){.touch-dodge{bottom:103px;right:22px;width:50px;height:50px}}