.touch-controls{z-index:1300;pointer-events:none;-webkit-user-select:none;user-select:none;display:none;position:absolute;inset:0}@media (pointer:coarse){.touch-controls{display:block}.touch-controls[hidden]{display:none}.touch-stick{left:max(20px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#051e32a8;border:2px solid #79dfff;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute}.touch-stick span{background:#46b8dcca;border:2px solid #d7faff;border-radius:50%;width:48px;height:48px}.touch-actions{right:max(16px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));pointer-events:auto;align-items:end;gap:10px;display:flex;position:absolute}.touch-actions button{color:#fff;touch-action:none;background:#092c43e8;border:2px solid #7cddff;border-radius:50%;width:54px;height:54px;font:700 16px system-ui}.touch-actions button:first-child{width:66px;height:66px}.touch-actions button:last-child{background:#7e2434;border-radius:16px;width:90px}.touch-actions button.pressed{background:#187d9e;transform:scale(.95)}.touch-actions button:disabled{opacity:.35}.touch-stick[hidden],.touch-actions button[hidden]{display:none}.hud-dock{transform-origin:bottom;bottom:150px;transform:translate(-50%)scale(.65)}.khang-stage-card{max-height:70vh;overflow:auto}@media (height<=500px){.touch-stick{width:92px;height:92px;bottom:16px}.touch-actions{bottom:16px}.hud-dock{bottom:100px;transform:translate(-50%)scale(.55)}}}.has-touch-controls{overflow:hidden;height:100dvh!important}.has-touch-controls canvas{touch-action:none}.has-touch-controls .touch-controls{display:block}.has-touch-controls .touch-controls[hidden]{display:none}.has-touch-controls .touch-stick{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#051e32b8;border:2px solid #79dfff;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:absolute}.has-touch-controls .touch-stick span{background:#46b8dcca;border:2px solid #d7faff;border-radius:50%;width:44px;height:44px}.has-touch-controls .touch-actions{right:max(12px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));pointer-events:auto;align-items:end;gap:8px;display:flex;position:absolute}.has-touch-controls .touch-actions button{color:#fff;touch-action:none;background:#092c43e8;border:2px solid #7cddff;border-radius:50%;width:48px;height:48px;font:700 16px system-ui}.has-touch-controls .touch-actions button:first-child{width:58px;height:58px}.has-touch-controls .touch-actions button:last-child{background:#7e2434;border-radius:14px;width:80px}.has-touch-controls .touch-actions button:disabled{opacity:.35}.has-touch-controls .touch-actions button.pressed{background:#187d9e}.has-touch-controls .touch-stick[hidden],.has-touch-controls .touch-actions button[hidden]{display:none}.has-touch-controls .combat-hud .hud-dock{display:none!important}.has-touch-controls .combat-hud .hud-vitals{border-radius:10px;gap:5px;width:172px;padding:5px;top:6px;left:8px}.has-touch-controls .hud-avatar img{width:60px;top:-30px;left:-14px}.has-touch-controls .hud-level,.has-touch-controls .hud-element,.has-touch-controls .hud-progression{display:none}.has-touch-controls .hud-meter{height:12px;margin-top:2px}.has-touch-controls .hud-meter>span{font-size:10px;line-height:12px}.has-touch-controls .khang-stage-progress{width:172px;padding:5px 7px;font-size:10px;line-height:1.35;top:76px;left:8px}.has-touch-controls .khang-barrier-label{margin-top:3px;font-size:10px}.has-touch-controls .khang-barrier-meter{height:4px;margin-top:3px}.has-touch-controls .hud-target-group .enemy-focus{width:150px;padding:5px;position:absolute;top:6px;left:auto;right:8px}.has-touch-controls .enemy-focus-meta,.has-touch-controls .enemy-focus-status{display:none}.has-touch-controls .hud-target-group .hud-effects{max-width:172px;font-size:10px;position:absolute;top:144px;left:8px}.has-touch-controls .khang-stage-caption{width:min(320px,100% - 360px);padding:6px 8px;font-size:12px;line-height:1.4;top:8px;bottom:auto;left:50%}.has-touch-controls .khang-stage-card{max-height:85dvh;padding:14px;overflow:auto}.has-touch-controls .khang-stage-card h1{font-size:18px}.has-touch-controls .khang-stage-card dl{gap:5px;margin:10px 0}.has-touch-controls .hud-feedback{max-width:45%;font-size:12px;bottom:90px}@media (width<=600px){.has-touch-controls .khang-stage-caption{width:80%;font-size:11px;top:148px}.has-touch-controls .touch-actions{gap:6px}.has-touch-controls .touch-actions button{width:44px;height:44px}}.has-touch-controls .touch-stick{width:116px;height:116px}.has-touch-controls .touch-stick span{width:50px;height:50px}.has-touch-controls .combat-hud .hud-vitals{left:max(6px,env(safe-area-inset-left));gap:4px;width:148px;padding:4px;top:6px}.has-touch-controls .hud-portrait-wrap{flex-basis:28px}.has-touch-controls .hud-avatar{width:28px;height:40px}.has-touch-controls .hud-identity strong{font-size:10px}.has-touch-controls .khang-stage-progress{left:max(6px,env(safe-area-inset-left));width:148px;padding:4px 6px;font-size:10px;top:65px}.has-touch-controls .hud-target-group .hud-effects{max-width:148px;top:130px}.has-touch-controls .khang-stage-caption{top:max(2px,env(safe-area-inset-top));box-sizing:border-box;border-radius:6px;width:min(420px,100% - 320px);padding:4px 6px;font-size:12px;line-height:1.35;bottom:auto;left:50%}.touch-rotate-hint{display:none}@media (orientation:portrait){.has-touch-controls .touch-rotate-hint{color:#fff;text-align:center;background:#061e32ed;border:1px solid #79dfff;border-radius:10px;margin:0;padding:12px;font:14px system-ui;display:block;position:absolute;top:40%;left:10%;right:10%}.has-touch-controls .khang-stage-caption{top:max(2px,env(safe-area-inset-top));width:calc(100% - 16px);font-size:11px}.has-touch-controls:has(.khang-stage-caption:not([hidden])) .combat-hud .hud-vitals{top:90px}.has-touch-controls:has(.khang-stage-caption:not([hidden])) .khang-stage-progress{top:150px}}.has-touch-controls .touch-actions button{position:relative;overflow:hidden}.touch-skill-status{color:#e5faff;pointer-events:none;white-space:normal;font:600 9px/1.1 system-ui;position:absolute;bottom:3px;left:1px;right:1px}.has-touch-controls .touch-actions button.is-cooling{color:#8daab7;background:#061320f2;padding-bottom:15px}.has-touch-controls .touch-actions button.is-cooling .touch-skill-status{color:#fff;text-shadow:0 1px 3px #000;background:#041220c9;place-items:center;font:700 15px system-ui;display:grid;inset:0}.combat-hud{--hud-surface:#102b3b;--hud-deep:#061824;--hud-border:#40768a;--hud-text:#f1f7fb;--hud-muted:#b5cdd7;--hud-water:#54d7ff;--hud-gold:#f4ce75;--hud-hp:#b32b40;--hud-mp:#136fc0;z-index:1100;pointer-events:none;color:var(--hud-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.5 Segoe UI,sans-serif;position:absolute;inset:0}.combat-hud button,.combat-hud dialog{pointer-events:auto}.combat-hud button{font:inherit;color:inherit;cursor:pointer}.combat-hud button:focus-visible,.combat-hud summary:focus-visible,.combat-hud input:focus-visible{outline:2px solid var(--hud-gold);outline-offset:4px}.combat-hud [hidden]{display:none}.hud-vitals,.enemy-focus,.hud-dock{border:1px solid var(--hud-water);background:radial-gradient(at 0 100%,#12476588,#0000 65%),linear-gradient(120deg,#0b2233f5,#03121efa);box-shadow:inset 0 0 0 3px #0a3045,0 0 12px #32caff22,0 7px 22px #0008}.hud-vitals{box-sizing:border-box;border-radius:38px 26px 30px;align-items:center;gap:16px;width:450px;padding:15px 20px 15px 14px;display:flex;position:absolute;top:16px;left:16px}.hud-portrait-wrap{flex:0 0 106px;position:relative}.hud-avatar{background:radial-gradient(#336e8f,#072739);border:2px solid #88eaff;border-radius:50%;width:106px;height:122px;padding:0;position:relative;overflow:hidden;box-shadow:0 0 0 3px #083b57,0 0 14px #4fd7ff55}.hud-avatar img{width:154px;max-width:none;position:absolute;top:-76px;left:-25px}.hud-avatar kbd{background:var(--hud-deep);border:1px solid var(--hud-water);border-radius:4px;padding:0 5px;font:600 12px Segoe UI;position:absolute;bottom:8px;right:10px}.hud-level{background:var(--hud-deep);border:2px solid var(--hud-water);border-radius:50%;place-items:center;width:35px;height:35px;font-size:18px;font-weight:600;display:grid;position:absolute;bottom:-4px;left:0}.hud-resources{flex:1;min-width:0}.hud-identity{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.hud-identity strong{white-space:nowrap;font-size:18px}.hud-element{border:1px solid var(--hud-water);color:var(--hud-water);white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:12px}.hud-meter{border:1px solid var(--hud-border);background:#061017;border-radius:6px;height:24px;margin-top:6px;position:relative;overflow:hidden}.hud-meter i{transform:scaleX(var(--fill,1));transform-origin:0;background:linear-gradient(180deg, #dd4355, var(--hud-hp));transition:transform .12s ease-out;position:absolute;inset:0}.hud-meter.mp i{background:linear-gradient(180deg, #2188da, var(--hud-mp))}.hud-meter>span{z-index:1;text-align:center;text-shadow:0 1px 3px #000;font-size:13px;font-weight:600;line-height:24px;display:block;position:relative}.hud-shield{color:var(--hud-water);margin-top:4px;font-size:12px;display:none}.hud-shield.active{display:block}.hud-progression{text-align:left;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 8px;width:100%;min-height:44px;padding:5px 0 0;display:flex;font-size:12px!important}.hud-progression strong{color:var(--hud-gold);font-weight:600}.hud-exp-track{background:#264659;border:1px solid #416379;border-radius:8px;width:100%;height:5px;display:block;overflow:hidden}.hud-exp-track>i{background:var(--hud-water);height:100%;transform:scaleX(var(--fill,0));transform-origin:0;display:block}.hud-target-group{display:contents}.hud-effects{border:1px solid var(--hud-border);background:#061824ed;border-radius:8px;max-width:min(450px,100% - 32px);padding:5px 10px;font-size:12px;position:absolute;top:201px;left:16px}.hud-effects:empty{display:none}.enemy-focus{box-sizing:border-box;pointer-events:none;border-radius:26px 18px;width:350px;padding:13px 16px;position:absolute;top:16px;right:74px}.enemy-focus-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.enemy-focus-heading .hud-eyebrow{font-size:14px;font-weight:600}.enemy-focus-heading .hud-eyebrow>span{vertical-align:middle;margin-right:5px;font-size:23px}.enemy-focus-element{color:var(--enemy-element);border:1px solid;border-radius:7px;padding:2px 8px;font-size:12px}.enemy-focus-body{align-items:center;gap:12px;margin:6px 0;display:flex}.enemy-focus-avatar{border:1px solid var(--hud-border);background:#153747;border-radius:50%;flex:0 0 60px;place-items:center;height:60px;display:grid;overflow:hidden}.enemy-focus-avatar img{object-fit:contain;width:100%;height:100%}.enemy-focus-avatar>span{color:var(--hud-water);font-size:38px}.enemy-focus-data{flex:1;min-width:0}.enemy-focus-name{overflow-wrap:anywhere;margin:0 0 7px;font-size:18px;display:block}.enemy-focus-health{background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:6px;height:25px;position:relative;overflow:hidden}.enemy-focus-health i{background:linear-gradient(#d64051, var(--hud-hp));transform-origin:0;height:100%;display:block}.enemy-focus-health span{text-shadow:0 1px 3px #000;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.enemy-focus-meta{color:var(--hud-muted);margin-top:6px;font-size:12px}.enemy-focus-status{color:var(--hud-water);margin-top:3px;font-size:12px}.hud-dock{border-radius:36px 36px 25px 25px;align-items:flex-start;gap:18px;padding:18px 30px 12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hud-dock:before,.hud-dock:after{content:"";filter:drop-shadow(0 0 5px #27bbff99);pointer-events:none;background:url(/assets/hud-water-v2/dock-water.svg) 50%/100% 100% no-repeat;width:58px;position:absolute;top:-10px;bottom:-10px}.hud-dock:after{right:-24px;transform:scaleX(-1)}.hud-skill,.hud-mach{background:0 0;border:0;flex-direction:column;align-items:center;width:82px;padding:0;display:flex}.hud-mach{border-right:1px solid #40768aaa;flex:0 0 94px;width:94px;padding-right:18px}.hud-skill-art{border-radius:11px;width:76px;height:76px;display:block;position:relative}.hud-skill-icon{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.hud-skill-art kbd{z-index:3;border:1px solid var(--hud-water);background:#061824f5;border-radius:5px;padding:0 5px;font:600 13px Segoe UI;position:absolute;bottom:0;left:0}.hud-cooldown{border-radius:inherit;transform:scaleY(var(--cooldown,0));transform-origin:top;background:#02121ccc;position:absolute;inset:0}.hud-skill-name{color:var(--hud-text);white-space:nowrap;margin-top:6px;font-size:12px}.hud-cost{color:var(--hud-muted);font-size:12px}.hud-skill-state,.hud-mach strong{white-space:nowrap;min-height:18px;font-size:12px;font-weight:600}.hud-passive-status{color:var(--hud-muted);white-space:nowrap;font-size:12px}.hud-skill:hover .hud-skill-art,.hud-mach:hover .hud-skill-art{box-shadow:0 0 15px #54d7ff88}.hud-skill.unavailable .hud-skill-icon{filter:grayscale(.7);opacity:.5}.hud-special-frame{z-index:2;opacity:0;pointer-events:none;width:calc(100% + 14px);height:calc(100% + 14px);position:absolute;inset:-7px}.special .hud-special-frame{opacity:1;filter:drop-shadow(0 0 5px #54d7ff)}.hud-mach[data-mach-stage="0"] .hud-skill-icon{filter:grayscale()brightness(.16)}.hud-mach[data-mach-stage="1"] .hud-skill-icon{filter:grayscale()brightness(.35)}.hud-mach[data-mach-stage="2"] .hud-skill-icon{filter:grayscale()brightness(.6)}.hud-mach[data-mach-stage="3"] .hud-skill-icon{filter:grayscale()brightness(.9)}.hud-mach.ready .hud-skill-icon{filter:brightness(1.25)}.hud-mach.ready strong,.hud-skill.charging .hud-skill-state{color:var(--hud-gold)}.hud-skill.empowered .hud-skill-name{color:var(--hud-water)}.hud-feedback{border:1px solid var(--hud-border);text-align:center;background:#061824ee;border-radius:6px;max-width:calc(100% - 24px);padding:5px 12px;font-size:12px;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.hud-feedback:empty{display:none}.character-panel{border:1px solid var(--hud-border);border-top:2px solid var(--hud-gold);background:var(--hud-deep);width:min(960px,100% - 40px);max-height:calc(100dvh - 40px);color:var(--hud-text);border-radius:12px;padding:0;overflow:hidden;box-shadow:0 16px 70px #000b}.character-panel::backdrop{background:#020d18b3}.character-panel header{justify-content:space-between;align-items:center;padding:18px 24px 12px;display:flex}.hud-eyebrow{color:var(--hud-water);letter-spacing:1px;font-size:12px;display:block}.character-panel h1{color:var(--hud-gold);margin:4px 0 0;font:600 26px Georgia,Times New Roman,serif}.hud-close{background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:6px;min-width:44px;min-height:44px;font-size:24px!important}.character-tabs{border-bottom:1px solid var(--hud-border);gap:6px;padding:0 24px;display:flex}.character-tabs button{min-height:44px;color:var(--hud-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 18px}.character-tabs button[aria-selected=true]{color:var(--hud-gold);border-bottom-color:var(--hud-gold)}.character-body{grid-template-columns:190px minmax(0,1fr);max-height:calc(100dvh - 178px);display:grid;overflow-y:auto}.character-portrait{background:var(--hud-surface);text-align:center;padding:12px 18px 24px}.portrait-crop{border-radius:6px;height:252px;margin-bottom:12px;overflow:hidden}.portrait-crop img{width:150px;margin:auto;display:block}.character-portrait>strong,.character-portrait>span{display:block}.character-portrait>strong{color:var(--hud-gold)}.character-portrait>span{color:var(--hud-muted);margin-top:4px;font-size:12px}.character-portrait dl{text-align:left;margin-top:18px;font-size:12px}.character-panel dl>div{border-bottom:1px solid #52758155;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.character-panel dt{color:var(--hud-muted)}.character-panel dd{margin:0;font-weight:600}.character-content{min-width:0;padding:22px 24px 28px}.character-content h2{color:var(--hud-gold);margin:4px 0 16px;font:600 24px Georgia,Times New Roman,serif}.character-content h3{color:var(--hud-water);margin:20px 0 8px;font-size:14px}.character-content p{margin:8px 0 12px}.character-stats{grid-template-columns:1fr 1fr;gap:0 24px;margin:0;display:grid}.character-note{border:1px solid var(--hud-border);background:var(--hud-surface);border-radius:6px;margin-top:20px;padding:12px 16px}.character-note p{margin-bottom:0}.hud-muted{color:var(--hud-muted);font-size:12px}.character-skills{grid-template-columns:150px minmax(0,1fr);gap:24px;display:grid}.character-skill-list{flex-direction:column;gap:8px;display:flex}.character-skill-list button{background:var(--hud-surface);text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:56px;padding:8px;font-size:12px;display:flex}.character-skill-list button[aria-pressed=true]{border-color:var(--hud-gold);color:var(--hud-gold)}.character-skill-list img{object-fit:cover;border-radius:5px;width:36px;height:36px}.character-skill-list small{color:var(--hud-muted);font-size:12px;display:block}.skill-detail{min-width:0}.skill-current{border-left:2px solid var(--hud-water);background:var(--hud-surface);border-radius:4px;padding:12px 16px}.skill-current>span,.skill-current strong,.skill-current small{display:block}.skill-current>span,.skill-current small{color:var(--hud-muted);font-size:12px}.skill-current strong{margin:5px 0;font-weight:600}.skill-detail ul{padding-left:18px}.skill-detail li{margin:10px 0}.skill-formula{border-top:1px solid var(--hud-border);margin-top:16px}.skill-formula summary{cursor:pointer;color:var(--hud-gold);min-height:44px;padding:12px 0}.skill-formula p{overflow-wrap:anywhere}.potential-budget{color:var(--hud-water)}.potential-row{border-bottom:1px solid var(--hud-border);grid-template-columns:minmax(0,1fr) 30px auto;align-items:center;gap:12px;padding:10px 0;display:grid}.potential-row p{color:var(--hud-muted);margin:4px 0 0;font-size:12px}.potential-row button{border:1px solid var(--hud-border);background:var(--hud-surface);border-radius:5px;min-height:44px}.potential-row button:disabled{opacity:.45;cursor:default}.potential-actions{gap:8px;display:flex}.potential-actions button{min-width:44px;padding:6px 10px}.potential-form{border:1px solid var(--hud-border);background:var(--hud-surface);border-radius:6px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px;padding:12px;display:grid}.potential-form[hidden]{display:none}.potential-form label{gap:6px;font-size:14px;display:grid}.potential-form input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;color:var(--hud-text);background:var(--hud-deep);border:1px solid var(--hud-border);border-radius:5px;padding:8px 10px}.potential-form input[aria-invalid=true]{border-color:#ff9696}.potential-form button{padding:8px 12px}.potential-row .potential-message{color:var(--hud-text);grid-column:1/-1;margin:0;font-size:14px}.potential-message:empty{display:none}.evolution-milestones{margin:20px 0 0;padding:0;list-style:none}.evolution-milestones>li{border-left:2px solid var(--hud-border);background:var(--hud-surface);border-radius:0 6px 6px 0;margin-bottom:10px;padding:10px 14px}.evolution-milestones>li.reached{border-color:var(--hud-gold)}.evolution-options{margin:8px 0 0;padding:0;font-size:12px;list-style:none}.evolution-options>li{justify-content:space-between;align-items:center;gap:12px;padding:3px 0;display:flex}.evolution-option-title{align-items:center;gap:10px;min-width:0;display:flex}.evolution-option-title img{object-fit:cover;border-radius:6px;flex:0 0 44px;width:44px;height:44px}.evolution-options button{background:var(--hud-deep);border:1px solid var(--hud-border);border-radius:5px;min-height:44px;padding:4px 12px}.evolution-options button:disabled{opacity:.45;cursor:default}.evolution-option-locked{color:var(--hud-muted)}.evolution-option-locked strong{color:var(--hud-gold);font-weight:600}.evolution-heading{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.evolution-heading strong{color:var(--hud-water)}.evolution-heading span,.evolution-milestones p{color:var(--hud-muted);font-size:12px}@media (width<=950px){.hud-vitals{gap:12px;width:390px;padding:12px}.hud-portrait-wrap{flex-basis:84px}.hud-avatar{width:84px;height:104px}.hud-avatar img{width:135px;top:-67px;left:-25px}.hud-identity strong{font-size:16px}.enemy-focus{width:280px;padding:12px;right:68px}.enemy-focus-avatar{flex-basis:44px;height:44px}.enemy-focus-name{font-size:16px}}@media (width<=760px){.hud-target-group{flex-direction:column;gap:8px;width:340px;display:flex;position:absolute;top:183px;left:12px}.hud-target-group .enemy-focus{width:100%;position:static}.hud-target-group .hud-effects{max-width:none;position:static}.character-panel{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.character-body{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 162px)}.character-portrait{display:none}.character-content{padding:18px}.character-skills{grid-template-columns:120px minmax(0,1fr);gap:16px}.character-panel header{padding:12px 18px}.character-tabs{padding:0 12px}}@media (width<=580px){.hud-vitals{border-radius:22px;gap:10px;width:calc(100% - 104px);padding:10px;top:10px;left:10px}.hud-portrait-wrap{flex-basis:58px}.hud-avatar{width:58px;height:80px}.hud-avatar img{width:98px;top:-48px;left:-20px}.hud-avatar kbd{bottom:5px;right:5px}.hud-level{width:25px;height:25px;font-size:14px;bottom:-8px;left:-3px}.hud-identity{flex-wrap:wrap;gap:2px 6px;margin-bottom:4px}.hud-identity strong{font-size:14px}.hud-element{padding:0 5px;font-size:12px}.hud-meter{height:21px;margin-top:4px}.hud-meter>span{font-size:12px;line-height:21px}.hud-progression{gap:1px 4px}.hud-target-group{width:calc(100% - 20px);top:201px;left:10px}.enemy-focus{padding:8px 12px}.enemy-focus-body{margin:3px 0}.enemy-focus-avatar{flex-basis:44px;height:44px}.enemy-focus-name{margin-bottom:4px;font-size:14px}.enemy-focus-heading .hud-eyebrow{font-size:12px}.enemy-focus-meta{margin-top:3px}.enemy-focus-status{margin-top:1px}.hud-dock{border-radius:22px;gap:8px;padding:12px 13px 8px;bottom:10px}.hud-skill,.hud-mach{width:52px}.hud-mach{flex-basis:52px;padding-right:8px}.hud-skill-art{width:48px;height:48px}.hud-special-frame{width:calc(100% + 10px);height:calc(100% + 10px);inset:-5px}.hud-skill-name{margin-top:5px;font-size:12px}.hud-mach strong{white-space:normal;min-height:36px;line-height:18px}.hud-dock:before,.hud-dock:after{width:30px}.hud-dock:before{left:-12px}.hud-dock:after{right:-12px}.hud-feedback{bottom:150px}}@media (width<=440px){.potential-row{grid-template-columns:minmax(0,1fr) 30px}.potential-actions{grid-column:1/-1;justify-content:flex-end}.character-skills{display:block}.character-skill-list{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:18px;display:grid}.character-skill-list button{text-align:center;flex-direction:column;justify-content:flex-start;padding:6px 2px}.character-skill-list button span{font-size:0}.character-skill-list small{font-size:12px}.character-stats{grid-template-columns:1fr}.character-tabs button{padding:10px 14px}}@media (height<=500px) and (width>=581px){.hud-dock{padding-top:8px;padding-bottom:4px;bottom:6px}.hud-skill-art{width:54px;height:54px}.hud-feedback{bottom:150px}.portrait-crop{height:120px}}@media (prefers-reduced-motion:reduce){.hud-meter i{transition:none}}.hud-vitals{border-radius:19px 13px 15px;gap:8px;width:232px;padding:6px 8px}.hud-portrait-wrap{flex-basis:44px}.hud-avatar{border-width:1px;width:44px;height:58px}.hud-avatar img{width:77px;top:-38px;left:-17px}.hud-avatar kbd{padding:0 3px;font-size:12px;bottom:4px;right:1px}.hud-level{border-width:1px;width:22px;height:22px;font-size:12px;bottom:-5px;left:-3px}.hud-identity{flex-wrap:nowrap;gap:4px;margin-bottom:3px}.hud-identity strong{font-size:12px}.hud-element{padding:0 3px;font-size:12px}.hud-meter{border-radius:3px;height:14px;margin-top:3px}.hud-meter>span{font-size:12px;line-height:14px}.hud-shield{margin-top:2px;line-height:16px}.hud-progression{gap:1px 4px;min-height:26px;padding:3px 0 0}.hud-exp-track{height:3px}.hud-effects{max-width:232px;padding:3px 6px;top:132px}.enemy-focus{border-radius:13px 9px;width:175px;padding:6px 8px;right:100px}.enemy-focus-heading{gap:4px}.enemy-focus-heading .hud-eyebrow{letter-spacing:0;font-size:12px}.enemy-focus-heading .hud-eyebrow>span{margin-right:2px;font-size:16px}.enemy-focus-element{white-space:nowrap;border-radius:4px;padding:0 3px;font-size:12px}.enemy-focus-body{gap:6px;margin:3px 0}.enemy-focus-avatar{flex-basis:30px;height:30px}.enemy-focus-avatar>span{font-size:20px}.enemy-focus-name{margin-bottom:3px;font-size:12px;line-height:16px}.enemy-focus-health{border-radius:3px;height:16px}.enemy-focus-health span{font-size:12px;line-height:16px}.enemy-focus-meta,.enemy-focus-status{margin:0;font-size:12px;display:inline}.enemy-focus-status{margin-left:6px}.hud-dock{box-sizing:border-box;border-radius:24px 24px 18px 18px;justify-content:space-between;gap:0;width:min(414px,100% - 32px);padding:14px 18px 12px;bottom:14px}.hud-dock:before,.hud-dock:after{width:42px;top:-7px;bottom:-7px}.hud-dock:before{left:-17px}.hud-dock:after{right:-17px}.hud-skill,.hud-mach{flex-shrink:0;width:56px}.hud-mach{flex-basis:56px;padding-right:10px}.hud-skill-art{border-radius:8px;width:56px;height:56px}.hud-skill-art kbd{border-radius:3px;padding:0 4px;font-size:14px}.hud-dock .hud-skill-name,.hud-dock .hud-cost{display:none}.hud-skill-state,.hud-mach strong{min-height:21px;margin-top:7px;font-size:14px;line-height:21px}.hud-skill-state{text-overflow:ellipsis;max-width:76px;overflow:hidden}.hud-skill[data-skill-state=Sẵn\ sàng] .hud-skill-state{visibility:hidden}.hud-mach strong{white-space:normal}.hud-passive-status{white-space:normal;font-size:14px;line-height:21px}.hud-special-frame{width:calc(100% + 12px);height:calc(100% + 12px);inset:-6px}.hud-feedback{bottom:150px}@media (width<=440px){.hud-skill,.hud-mach{width:48px}.hud-mach{flex-basis:48px;padding-right:8px}.hud-skill-art{width:48px;height:48px}}@media (width>=581px){.hud-target-group{display:contents}.hud-target-group .enemy-focus{width:175px;position:absolute;top:16px;right:100px}.hud-target-group .hud-effects{max-width:232px;position:absolute;top:132px;left:16px}}@media (width<=580px){.hud-vitals{width:min(232px,100% - 104px)}.hud-target-group{gap:6px;width:min(232px,100% - 20px);top:132px;left:10px}.hud-target-group .enemy-focus{width:175px;max-width:100%;position:static}.hud-target-group .hud-effects{max-width:100%;position:static}}.hud-dock .hud-mach strong{white-space:nowrap;height:21px;min-height:21px;line-height:21px}.hud-dock .hud-passive-status{white-space:nowrap;text-align:center;width:82px;height:18px;min-height:18px;font-size:12px;line-height:18px;display:block}.hud-mach.ready .hud-passive-status{color:var(--hud-gold)}.hud-mach.dry .hud-passive-status{color:#ffbd9b}.hud-mach.dry .hud-skill-icon{filter:grayscale()brightness(.35)}.khang-stage{pointer-events:none;z-index:1250;color:#edfaff;font-family:system-ui,sans-serif;position:absolute;inset:0}.khang-stage-progress{white-space:pre-line;text-align:center;background:#071e2aee;border:1px solid #45bfde;border-radius:10px;min-width:220px;padding:8px 20px;font-size:13px;line-height:1.6;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0005}.khang-stage-caption{box-sizing:border-box;white-space:pre-line;text-align:center;text-shadow:0 1px 2px #000;background:#081c29d9;border:1px solid #62d5ed80;border-radius:10px;width:max-content;max-width:clamp(160px,100% - 380px,440px);padding:6px 14px;font-size:13px;line-height:1.45;position:absolute;top:10px;bottom:auto;left:50%;transform:translate(-50%)}.khang-stage-overlay{pointer-events:auto;background:#00121e80;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:auto}.khang-stage-overlay[hidden],.khang-stage-caption[hidden]{display:none}.khang-stage-caption{transition:padding .25s,font-size .25s,background-color .25s}.khang-stage-caption.is-compact{opacity:.9;white-space:nowrap;text-overflow:ellipsis;background:#081c29a6;border-color:#62d5ed55;border-radius:999px;padding:3px 12px;font-size:12px;line-height:1.4;overflow:hidden}.khang-stage-card{box-sizing:border-box;text-align:center;background:linear-gradient(145deg,#09293afa,#08131ffa);border:1px solid #6bd8f3;border-radius:18px;width:min(480px,100%);padding:28px;box-shadow:0 16px 70px #0009}.khang-stage-card h1{letter-spacing:2px;color:#b6f0ff;margin:0 0 12px;font-size:24px}.khang-stage-card p{color:#c7dae2;line-height:1.65}.khang-stage-card dl{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.khang-stage-card dt{color:#9dc5d4}.khang-stage-card dd{text-align:right;color:#ffdf98;margin:0;font-size:19px;font-weight:700}.khang-stage-controls{white-space:pre-line;font-size:13px}.khang-stage-card button{color:#fff;cursor:pointer;background:#127eaa;border:1px solid #83e5ff;border-radius:9px;width:100%;min-height:46px;font-size:16px;font-weight:700;display:block}.khang-stage-card a{color:#abddea;pointer-events:auto;padding:14px;font-size:14px;display:inline-block}.khang-stage-card button:focus-visible,.khang-stage-card a:focus-visible{outline-offset:3px;outline:3px solid #ffdb84}.khang-stage-card button:active{background:#09638b}.khang-barrier-label{color:#c3f6ff;margin-top:6px;font-size:12px;font-weight:600}.khang-barrier-meter{background:#041016;border:1px solid #468b9e;border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.khang-barrier-fill{background:linear-gradient(90deg,#1289bf,#80efff);height:100%}.is-danger .khang-barrier-label{color:#ffb7aa}.is-danger .khang-barrier-fill{background:#ef775e}.khang-stage-progress.is-danger{border-color:#ef775e}.khang-stage-overlay.is-result{pointer-events:none;background:0 0;place-items:end;padding-bottom:145px}.is-result .khang-stage-card{pointer-events:auto;width:min(360px,100%);padding:18px}.is-result .khang-stage-card h1{font-size:20px}.khang-stage-finished .hud-dock{display:none}@media (width<=720px){.khang-stage-progress{padding:6px 12px;font-size:12px;top:102px}.khang-stage-card{padding:18px}.khang-stage-card h1{font-size:20px}.khang-stage-caption{padding:5px 10px;font-size:12px}}@media (width<=580px){.khang-stage-progress{width:calc(100% - 205px);min-width:0;padding:8px;font-size:11px;top:112px;left:auto;right:10px;transform:none}.khang-stage-overlay{padding:12px}.khang-stage-caption{width:auto;max-width:none;top:6px;left:186px;right:8px;transform:none}.khang-stage-overlay.is-result{padding-bottom:125px}}.khang-ritual-icons{justify-content:center;gap:24px;margin:24px 0;display:flex}.khang-ritual-icons img{border-radius:16px;width:clamp(90px,18vw,170px);height:auto;animation:1s ease-in-out infinite alternate khang-alarm}.khang-stage-card strong{color:#ffe4a5;font-size:20px}@keyframes khang-alarm{0%{opacity:.55;filter:brightness(.85)}to{opacity:1;filter:brightness(1.25);box-shadow:0 0 24px #69ddff}}@media (prefers-reduced-motion:reduce){.khang-ritual-icons img{animation:none;box-shadow:0 0 18px #69ddff}}.khang-stage-progress{box-sizing:border-box;text-align:left;width:232px;min-width:0;padding:8px 10px;font-size:12px;top:142px;left:16px;right:auto;transform:none}.khang-stage-active .hud-target-group .hud-effects{top:285px}@media (width<=580px){.khang-stage-progress{width:min(232px,100% - 104px);padding:8px;font-size:11px;top:132px;left:10px;right:auto}.khang-stage-active .hud-target-group{top:285px}.khang-stage-active .hud-target-group .hud-effects{position:static}}*{box-sizing:border-box}html,body{background:#080d12;width:100%;height:100%;margin:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}canvas{display:block}.asset-load-error{z-index:12000;color:#f0f5f3;background:#091820;padding:max(24px,8vh) max(20px,8vw);font:16px/1.6 Segoe UI,sans-serif;position:absolute;inset:0;overflow:auto}.asset-load-error h1{color:#e6ca83;font-size:26px}.asset-load-error button{color:#f0f5f3;min-height:44px;font:inherit;cursor:pointer;background:#1c3b47;border:1px solid #75def2;border-radius:6px;margin:12px 0;padding:10px 20px}.asset-load-error details{overflow-wrap:anywhere;max-width:720px}.asset-load-error summary{cursor:pointer;min-height:44px;padding:10px 0}.asset-load-error :focus-visible{outline-offset:3px;outline:2px solid #75def2}.dev-menu{z-index:9999;color:#e6edf3;font:14px Segoe UI,sans-serif;position:fixed;top:12px;right:12px}.dev-menu summary{cursor:pointer;background:#172129;border:1px solid #71858f;border-radius:6px;min-height:44px;padding:12px 18px}.dev-menu nav{background:#172129;border:1px solid #71858f;border-radius:6px;gap:6px;width:min(260px,100vw - 24px);max-height:calc(100dvh - 80px);margin-top:6px;padding:8px;display:grid;overflow-y:auto}.dev-menu a,.dev-menu button{color:#e6edf3;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#223341;border:1px solid #526675;border-radius:4px;padding:12px;text-decoration:none;display:block}.dev-menu :focus-visible{outline-offset:2px;outline:2px solid #72e8ff}.dev-menu pre{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #526675;margin:4px 0;padding:8px;font:12px/1.6 Segoe UI,sans-serif}.lab-launch.sandbox-launch{min-height:44px;top:64px}.lab-launch:focus-visible,.lab-return:focus-visible{outline-offset:3px;outline:2px solid #72e8ff}body.portrait-capture{place-items:center;display:grid}.portrait-capture #app{width:min(100vw,56.25vh);height:min(100vh,177.778vw)}.game-install{z-index:1500;gap:8px;display:flex;position:absolute;bottom:8px;right:8px}.game-install button{color:#fff;background:#082536;border:1px solid #67d2ed;border-radius:8px;min-height:44px;padding:8px 12px;font:12px system-ui}.has-touch-controls .game-install{top:8px;bottom:auto;right:170px}.has-touch-controls:has(.touch-controls:not([hidden])) .game-install{display:none}@media (display-mode:fullscreen),(display-mode:standalone){.game-install{display:flex}.game-install button:nth-child(2),.game-install button:nth-child(3){display:none}}.khang-stage-playing .game-install{display:none!important}.offline-download{z-index:20000;color:#edfaff;background:#020c16e8;place-items:center;padding:16px;font:15px/1.5 system-ui;display:grid;position:absolute;inset:0;overflow:auto}.offline-download>div{background:#082536;border:1px solid #67d2ed;border-radius:16px;width:min(440px,100%);max-height:90dvh;padding:20px;overflow:auto}.offline-download h2{margin:0 0 12px;font-size:19px}.offline-download progress{accent-color:#48d2f5;width:100%;height:20px}.offline-download button{color:#fff;background:#124665;border:1px solid #67d2ed;border-radius:8px;width:100%;min-height:44px;padding:10px;font-size:15px}.offline-download p{margin:12px 0}