:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#edf4ee;background:#0c1720;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #c5f4ea;outline-offset:4px}[hidden]{display:none!important}#stage{display:block;width:100%;height:100%}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 35%,#07111b90 100%)}#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}header{position:absolute;top:30px;left:32px;display:flex;gap:17px;align-items:center}.crest{font-family:serif;font-size:34px;border:1px solid #a2c8ba90;transform:rotate(45deg);width:55px;height:55px;display:grid;place-content:center;color:#d2f3e3;background:#0b252575}.crest:first-letter{transform:rotate(-45deg)}.identity{width:226px}.identity small,.mission small{color:#a3bbb8;font-size:10px;letter-spacing:3px}.identity strong{display:block;font-family:Yu Mincho,SimSun,serif;font-size:23px;letter-spacing:5px;margin:4px 0 10px}.health,.breath{height:5px;background:#0b131bcc;overflow:hidden;transform:skew(-20deg);border:1px solid #92d9c933}.health i,.breath i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#328975,#b6f3bd);transition:width .15s}.breath{height:4px;margin-top:5px;width:85%}.breath i{background:linear-gradient(90deg,#227bab,#93eaff)}#breath-label{display:block;font-size:9px;color:#80b9bd;letter-spacing:2px;margin-top:5px}.mission{position:absolute;top:31px;left:50%;transform:translate(-50%);text-align:center;width:270px}.mission strong{display:block;font-size:15px;letter-spacing:3px;margin:7px 0}.mission>span{font-size:11px;color:#9fbfc1;letter-spacing:5px}.mission-line{height:2px;background:#cceeee20;margin:11px auto 0;width:180px}.mission-line i{display:block;background:#91d6cd;height:100%;width:0;transition:width .3s}.top-actions{position:absolute;right:27px;top:29px;display:flex;gap:7px}.top-actions button{border:1px solid #b1d5d42a;background:#10252d70;height:31px;min-width:32px;font-size:12px;color:#bdd1ce}#combo{position:absolute;left:48px;top:36%;opacity:0;transition:opacity .3s;transform:skewY(-5deg)}#combo.show{opacity:1}#combo b{font-family:Georgia,serif;font-style:italic;font-size:76px;font-weight:400;color:#e2f5e9;text-shadow:0 4px 18px #56becd50}#combo span{display:block;text-align:right;color:#87cfd1;font-size:13px;letter-spacing:6px}#announcement{position:absolute;left:50%;top:27%;text-align:center;transform:translate(-50%,-10px);opacity:0;transition:all .5s;width:80%}#announcement.show{opacity:1;transform:translate(-50%)}#announcement small{display:block;color:#7fc9d2;letter-spacing:6px;font-size:11px}#announcement strong{display:block;margin-top:12px;font-family:Yu Mincho,SimSun,serif;font-size:38px;letter-spacing:10px;text-shadow:0 2px 10px #000}#technique{position:absolute;right:14%;top:34%;opacity:0;transform:translate(45px);transition:all .2s;border-right:3px solid #a4faff;padding:10px 22px;text-align:right;background:linear-gradient(90deg,transparent,#0a212aa0)}#technique.show{opacity:1;transform:translate(0)}#technique small{letter-spacing:8px;color:#8cdae8}#technique strong{display:block;font-family:serif;font-size:43px;letter-spacing:6px;margin:8px 0}#technique>span{letter-spacing:14px;font-size:13px;color:#b9fbff}.kills{position:absolute;right:38px;bottom:159px;display:flex;align-items:baseline;gap:12px}.kills strong{font-family:Georgia,serif;font-size:46px;font-weight:400;color:#eee9cf;font-style:italic}.kills span{font-size:12px;color:#c0c4b0;letter-spacing:4px}.skillbar{position:absolute;bottom:46px;left:50%;transform:translate(-50%);display:flex;gap:9px}.skillbar button{position:relative;min-width:105px;min-height:64px;padding:7px 13px;background:linear-gradient(135deg,#0c202bdb,#14273199);border:1px solid #9ececc45;border-top:2px solid #8abab8;display:grid;grid-template-columns:23px auto;gap:2px 9px;text-align:left}.skillbar button:active{background:#2d6268}.skillbar kbd{grid-row:span 2;align-self:center;border:1px solid #d2e7dd50;font-size:12px;width:23px;height:25px;display:grid;place-content:center;color:#bde5dc}.skillbar span{font-size:12px;letter-spacing:1px;align-self:end}.skillbar small{font-size:9px;color:#83a7ad;align-self:start}.skillbar button.ready{border-color:#a9f4ef;box-shadow:0 0 19px #69dde833}.skillbar button.ready small{color:#b7f7f2}.skillbar button.cooldown{opacity:.6}.desktop-hint{position:absolute;bottom:19px;left:50%;transform:translate(-50%);font-size:10px;color:#8fa9aa;white-space:nowrap;letter-spacing:1px}.desktop-hint em{padding:0 7px;color:#507b82}#radar{position:absolute;right:30px;top:92px;width:116px;height:116px;opacity:.85}#hurt{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #d63a4455;opacity:0;transition:opacity .15s}#joystick{display:none;position:absolute;left:34px;bottom:45px;width:112px;height:112px;border-radius:50%;border:1px solid #c0e2dd50;background:#08232a60;pointer-events:auto}#joystick div{position:absolute;left:35px;top:35px;width:40px;height:40px;background:#a4d7cf55;border:1px solid #d9fff777;border-radius:50%;pointer-events:none}.landscape-hint{display:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#07101bc4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#menu{justify-content:flex-start;background:linear-gradient(90deg,#07131bf2 4%,#0a1b25d9 33%,#0a162522 80%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.menu-content{margin-left:10cqw;z-index:1;max-width:530px}.eyebrow{font-size:10px;letter-spacing:4px;color:#7aabae;margin-bottom:40px}.chapter{font-family:serif;letter-spacing:9px;font-size:15px;color:#c1d5bb;margin-bottom:18px}h1{font-family:Yu Mincho,SimSun,serif;font-weight:400;letter-spacing:13px;font-size:83px;line-height:1.12;margin:0 0 20px;text-shadow:0 2px 30px #34696b55}h1 span{display:block;font-size:38px;letter-spacing:22px;margin-top:14px;color:#87c9cb}.menu-content>p{font-size:13px;letter-spacing:3px;color:#a9c0bb;line-height:2}.menu-rule{width:62px;height:1px;background:#8bd8d2;margin:23px 0}.menu-controls{display:flex;gap:20px;font-size:12px;color:#d2dfd6}.menu-controls kbd{display:inline-grid;place-content:center;width:23px;height:24px;border:1px solid #88b5ae60;margin-right:6px;color:#83cac8}.menu-content .menu-note{font-size:11px;line-height:2.2;letter-spacing:1px;margin:20px 0 25px;color:#7f9d9d}.menu-content>button,.panel button{border:1px solid #91d7c7;background:#a8e4ce;color:#112d2c;padding:15px 30px;font-size:14px;letter-spacing:5px;min-width:240px;transition:all .2s}.menu-content>button:hover,.panel button:hover{background:#d0fbe5}.menu-content>button:disabled{opacity:.4;cursor:wait}#load-status{display:block;font-size:10px;color:#709f9e;margin-top:14px;letter-spacing:1px}.menu-art{position:absolute;right:11%;top:12%;height:75%;opacity:.2;color:#c6b2f8;writing-mode:vertical-rl;font-family:serif;font-size:230px}.menu-art i{display:block;width:1px;height:95%;position:absolute;right:-30px;top:0;background:linear-gradient(transparent,#b6d6c8,transparent)}.build-label{position:absolute;bottom:24px;left:10cqw;font-size:10px;letter-spacing:3px;color:#6b9c9f}.panel{text-align:center;background:linear-gradient(145deg,#10252de6,#0a1522ed);padding:48px 55px;border:1px solid #769fa54d;min-width:340px}.panel>small{letter-spacing:6px;color:#77bcbe}.panel h2{font-family:serif;font-size:43px;font-weight:400;letter-spacing:8px;margin:20px 0}.panel p{font-size:12px;line-height:2.4;color:#9ab9b9;white-space:pre-line;margin-bottom:30px}.panel button{display:block;margin:10px auto}.panel button.secondary{color:#a5c3c1;background:transparent;border-color:#416668;font-size:12px;padding:11px}.context-message{position:absolute;bottom:15px;width:100%;text-align:center;font-size:12px;background:#192c39;padding:12px}#game-shell{position:fixed;left:0;top:0;width:100vw;height:100dvh;transform-origin:0 0;overflow:hidden;container-type:size;container-name:game;isolation:isolate;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}#game-shell.rotated{--safe-top:env(safe-area-inset-right,0px);--safe-right:env(safe-area-inset-bottom,0px);--safe-bottom:env(safe-area-inset-left,0px);--safe-left:env(safe-area-inset-top,0px)}#stage{position:absolute;inset:0;touch-action:none}.touch-only,.touch-hint{display:none}button{-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-touch-callout:none}.skillbar button.pressed{background:#317379;border-color:#d3fff6;box-shadow:0 0 18px #68d8d855}#elite-tags>div{position:absolute;transform:translate(-50%,-100%);width:90px;text-align:center;font-size:9px;letter-spacing:2px;color:#f1c1b2;text-shadow:0 1px 5px #000}#elite-tags i{display:block;height:3px;margin-top:5px;background:#1b1a26;border:1px solid #cb9f8c55}#elite-tags b{display:block;height:100%;background:#e8a08f}.touch .desktop-only,.touch .desktop-hint{display:none}.touch .touch-only{display:block}.touch .menu-controls kbd{display:none}.touch .menu-controls span{border-bottom:1px solid #81b6b544;padding-bottom:6px}.touch .menu-controls{gap:22px}.touch header{top:calc(16px + var(--safe-top));left:calc(20px + var(--safe-left));gap:12px}.touch .crest{width:37px;height:37px;font-size:25px}.touch .identity{width:174px}.touch .identity small{font-size:8px;letter-spacing:2px}.touch .identity strong{font-size:17px;letter-spacing:3px;margin:3px 0 7px}.touch #breath-label{font-size:8px;letter-spacing:1px}.touch .mission{top:calc(17px + var(--safe-top));width:210px}.touch .mission small{font-size:8px;letter-spacing:2px}.touch .mission strong{font-size:12px;letter-spacing:2px;margin:5px 0}.touch .mission>span{font-size:9px}.touch .mission-line{width:130px;margin-top:7px}.touch .top-actions{top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));gap:6px}.touch .top-actions button{height:38px;min-width:38px;font-size:13px}.touch #sound{font-size:10px;padding:0 8px}.touch #radar{top:calc(62px + var(--safe-top));right:calc(18px + var(--safe-right));width:66px;height:66px}.touch #joystick{display:block;width:116px;height:116px;left:calc(28px + var(--safe-left));bottom:calc(25px + var(--safe-bottom));background:radial-gradient(circle,#27535c33 0 45%,#0b202a66 46% 100%);border:1px solid #cee8e34d;touch-action:none}.touch #joystick:before,.touch #joystick:after{content:"";position:absolute;background:#b3d6d826;pointer-events:none}.touch #joystick:before{height:1px;left:12px;right:12px;top:50%}.touch #joystick:after{width:1px;top:12px;bottom:12px;left:50%}.touch #joystick div{width:43px;height:43px;left:calc(50% - 21.5px);top:calc(50% - 21.5px);background:#a5d7cf55;box-shadow:0 2px 12px #06141e66}.touch #joystick.active{border-color:#b6eee0aa;background-color:#33757b22}.touch .skillbar{left:auto;right:calc(20px + var(--safe-right));bottom:calc(17px + var(--safe-bottom));transform:none;width:212px;height:155px;display:block;pointer-events:none}.touch .skillbar button{position:absolute;min-width:0;min-height:0;border-radius:50%;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;border:1px solid #9fcfcb70;background:radial-gradient(circle at 35% 25%,#294b55e8,#10252edd);box-shadow:0 3px 12px #07111a66;touch-action:none}.touch .skillbar button[data-action=light]{width:78px;height:78px;left:64px;bottom:0;border:2px solid #a7dbce9c}.touch .skillbar button[data-action=heavy]{width:66px;height:66px;right:0;top:11px}.touch .skillbar button[data-action=musou]{width:66px;height:66px;left:5px;top:0;border-color:#84d9e6}.touch .skillbar button[data-action=dodge]{width:59px;height:59px;right:0;bottom:0}.touch .skillbar kbd{display:none}.touch .skillbar span{font-size:12px;letter-spacing:1px;white-space:nowrap;align-self:auto}.touch .skillbar small{font-size:8px;white-space:nowrap;align-self:auto;color:#99bcc3}.touch .skillbar button[data-action=light] span{font-size:16px}.touch .skillbar button.ready{border-color:#beffff;box-shadow:0 0 18px #66d8ec77;background:radial-gradient(circle,#387687,#173642)}.touch .skillbar button.pressed{background:#4a8c8f;border-color:#e5fff6;transform:scale(.95)}.touch .kills{right:calc(242px + var(--safe-right));bottom:calc(25px + var(--safe-bottom));gap:8px}.touch .kills strong{font-size:33px}.touch .kills span{font-size:9px;letter-spacing:2px}.touch #combo{left:calc(26px + var(--safe-left));top:31%}.touch #combo b{font-size:49px}.touch #combo span{font-size:10px;letter-spacing:4px}.touch #announcement{top:24%;width:70%}.touch #announcement strong{font-size:29px;letter-spacing:6px;margin-top:8px}.touch #announcement small{font-size:9px;letter-spacing:3px}.touch #technique{right:16%;top:30%;padding:7px 15px}.touch #technique strong{font-size:29px;letter-spacing:4px}.touch #technique small{font-size:10px;letter-spacing:5px}.touch #technique>span{font-size:10px}.touch .touch-hint{display:block;position:absolute;bottom:calc(8px + var(--safe-bottom));left:50%;transform:translate(-50%);color:#8db3b5;font-size:8px;letter-spacing:1px;white-space:nowrap}@container game (max-height:550px){header{top:15px}.identity strong{font-size:17px}.identity small{font-size:8px}.mission{top:16px}.menu-content{margin-left:9cqw}.eyebrow{margin-bottom:17px;font-size:8px;letter-spacing:3px}.chapter{font-size:10px;margin-bottom:9px}h1{font-size:49px;letter-spacing:10px;margin-bottom:10px}h1 span{font-size:25px;margin-top:6px}.menu-content>p{margin:5px 0;font-size:11px}.menu-rule{margin:13px 0}.menu-content .menu-note{font-size:9px;margin:12px 0;line-height:1.7}.menu-content>button{padding:12px 25px;font-size:12px;min-width:215px;min-height:44px}.menu-controls{font-size:11px}.menu-art{font-size:150px;right:10%}.build-label{bottom:10px;font-size:8px}.skillbar{bottom:22px}.desktop-hint{bottom:7px}.panel{padding:20px 42px;min-width:340px}.panel h2{font-size:30px;margin:12px 0}.panel p{font-size:11px;line-height:1.9;margin:12px 0 16px}.panel button{min-height:44px;padding:11px 25px}.panel button.secondary{padding:10px}.touch #load-status{margin-top:9px;font-size:9px}.touch .touch-hint{font-size:8px}}@container game (max-height:360px){.menu-content{margin-left:8cqw}.eyebrow{margin-bottom:11px}.chapter{margin-bottom:6px}h1{font-size:40px;margin-bottom:7px}h1 span{font-size:21px;margin-top:3px}.menu-rule,.menu-content .menu-note{margin:9px 0}.menu-content>button{padding:9px 23px}.touch .identity{width:147px}.touch .crest{width:30px;height:30px;font-size:21px}.touch header{gap:9px;top:12px}.touch .identity strong{font-size:15px}.touch .identity small{letter-spacing:1px}.touch .top-actions{top:10px}.touch .mission{top:12px;width:190px}.touch #radar{width:54px;height:54px;top:54px}.touch #joystick{width:100px;height:100px;left:calc(22px + var(--safe-left));bottom:calc(22px + var(--safe-bottom))}.touch .skillbar{transform:scale(.87);transform-origin:bottom right;right:calc(15px + var(--safe-right));bottom:calc(14px + var(--safe-bottom))}.touch .kills{right:calc(210px + var(--safe-right));bottom:22px}.touch #announcement strong{font-size:24px}.touch #technique strong{font-size:25px}.panel{padding:14px 38px}.panel h2{font-size:27px;margin:8px 0}.panel p{font-size:10px;line-height:1.7;margin:10px 0}.panel button{margin:7px auto;padding:9px 20px}.panel button.secondary{padding:9px}}@container game (max-width:700px){.touch .identity{width:143px}.touch .crest{width:30px;height:30px;font-size:21px}.touch header{left:calc(16px + var(--safe-left));gap:9px}.touch .mission{width:186px}.touch .mission small{font-size:7px;letter-spacing:1px}.touch .mission strong{font-size:11px;letter-spacing:1px}.touch .top-actions{gap:4px;right:calc(10px + var(--safe-right))}.touch .top-actions button{min-width:34px;height:34px}.touch #sound{padding:0 5px;font-size:9px}.touch #radar{right:12px}.touch .kills{right:224px}.touch #technique strong{font-size:26px}}#hud.casting #announcement{visibility:hidden;transition:none}#danger-shadow{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#b4143548,transparent 22% 78%,#b4143548),linear-gradient(0deg,#ba173d66,transparent 24% 78%,#8e102f55);box-shadow:inset 0 0 52px #e8244055;transition:opacity .12s}#danger-cue{position:absolute;left:50%;top:18%;transform:translate(-50%,-7px);display:flex;align-items:center;gap:13px;padding:9px 17px;background:linear-gradient(90deg,#2c11152b,#3e1019dd,#2c11152b);border-top:1px solid #ff7c7299;border-bottom:1px solid #ff7c7255;opacity:0;transition:opacity .12s,transform .12s;white-space:nowrap;pointer-events:none;color:#ffd2cc;text-shadow:0 1px 5px #3b070b}#danger-cue.show{opacity:1;transform:translate(-50%)}#danger-cue b{font-size:13px;letter-spacing:3px;color:#ff9a8e}#danger-label{font-size:13px;letter-spacing:2px;font-variant-numeric:tabular-nums}#danger-cue small{font-size:10px;color:#e9aaa1}#hud.danger #announcement{visibility:hidden;transition:none}#reinforcements{display:block!important;font-size:9px!important;letter-spacing:1px!important;margin-top:7px;color:#9dbab7!important}.skillbar button[aria-disabled=true]{border-color:#698c9459;filter:saturate(.5)}.skillbar button[aria-disabled=true] span{color:#aac1c5}.touch #danger-cue{top:24%;padding:6px 12px;gap:9px}.touch #danger-cue b{font-size:11px;letter-spacing:2px}.touch #danger-label{font-size:11px;letter-spacing:1px}.touch #danger-cue small{font-size:9px}.touch #reinforcements{font-size:8px!important;margin-top:4px}@container game (max-height:360px){.touch #danger-cue{top:26%;padding:5px 9px}.touch #danger-cue small{display:none}.touch #reinforcements{font-size:7px!important;margin-top:3px}}.ar-entry{display:block;width:fit-content;margin:12px 0 0;padding:8px 0;font-size:11px;letter-spacing:1px;color:#b7e4de;text-decoration:none;border-bottom:1px solid #9bcac45c}.ar-entry:focus-visible{outline:2px solid #c5f4ea;outline-offset:4px}@container game (max-height:550px){.ar-entry{font-size:9px;margin:6px 0 0;padding:5px 0}}