:root{--xian-ink:#071512;--xian-night:#0a1d18;--xian-panel:#102b24;--xian-jade:#54d2a1;--xian-pale:#dff4df;--xian-gold:#d8b864;--xian-fire:#f1784f;--xian-water:#62b9dd;--xian-wood:#6cc980}.xian-page{color:#e9f2e6;background:radial-gradient(circle at 50% -10%,#4296753d,#0000 42%),linear-gradient(150deg,#06100e,#132720 58%,#070e0c);min-height:100vh;position:relative;overflow:hidden}.xian-page button{color:inherit}.xian-atmosphere{pointer-events:none;position:fixed;inset:0;overflow:hidden}.xian-atmosphere:before,.xian-atmosphere:after{content:"";border:1px solid #68c79b14;border-radius:50%;width:68vw;height:68vw;position:absolute}.xian-atmosphere:before{top:-45vw;left:-18vw;box-shadow:0 0 0 40px #68c79b04,0 0 0 100px #68c79b03}.xian-atmosphere:after{bottom:-44vw;right:-34vw}.xian-atmosphere span{background:#d8c47c;width:2px;height:2px;animation:8s linear infinite xian-drift;position:absolute;box-shadow:0 0 8px #d8c47c}.xian-atmosphere span:first-child{top:84%;left:12%}.xian-atmosphere span:nth-child(2){animation-delay:-3s;top:72%;left:83%}.xian-atmosphere span:nth-child(3){animation-delay:-5s;top:95%;left:67%}@keyframes xian-drift{to{opacity:0;transform:translateY(-110vh)translate(40px)}}.xian-game-frame{z-index:1;background:#0b1916;border-inline:1px solid #b2e2c71f;width:min(100%,470px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #0009}.xian-header{background:#050f0deb;border-bottom:1px solid #d8b86438;grid-template-columns:1fr auto 1fr;align-items:center;height:54px;padding:0 15px;display:grid}.xian-header>a,.xian-header>button{cursor:pointer;opacity:.72;background:0 0;border:0;font-size:11px}.xian-header>button{justify-self:end}.xian-header>div{place-items:center;display:grid}.xian-header>div span{color:var(--xian-gold);letter-spacing:.16em;font:700 8px monospace}.xian-header>div strong{letter-spacing:.12em;margin-top:2px;font:700 16px STKaiti,KaiTi,serif}.encounter-heading{background:linear-gradient(90deg,#275a466b,#0000);justify-content:space-between;align-items:center;height:68px;padding:0 17px;display:flex}.encounter-heading span{color:#86a89b;letter-spacing:.14em;font-size:8px}.encounter-heading h1{margin:3px 0 0;font:700 21px STKaiti,KaiTi,serif}.encounter-heading time{color:#e5d49a;font:700 18px monospace}.battlefield{background:linear-gradient(#265e4614 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#265e4614 1px,#0000 1px) 0 0/28px 28px,radial-gradient(at 50% 100%,#418c652e,#0000 48%),linear-gradient(#081411,#10261f);height:clamp(340px,52vh,520px);transition:filter .2s;position:relative;overflow:hidden}.battlefield.is-paused{filter:saturate(.35)brightness(.55)}.battle-grid{background:linear-gradient(90deg,#0000 49.8%,#def4e20f 50%,#0000 50.2%);position:absolute;inset:0}.battlefield:after{content:"";background:linear-gradient(90deg,#0000,#d8b8647a,#0000);height:1px;position:absolute;bottom:52px;left:6%;right:6%}.battle-hint{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05110ec2;border:1px solid #6fbe9926;align-items:flex-start;gap:8px;padding:8px 10px;display:flex;position:absolute;top:9px;left:11px;right:11px}.battle-hint span{color:#07110f;background:#a98d42;flex:none;padding:3px 5px;font-size:8px;font-weight:900}.battle-hint p{color:#b8c9c0;margin:0;font-size:9px;line-height:1.5}.combat-bullet{--bullet-color:#f0e4ba;--to-x:50%;--to-y:20%;z-index:8;background:var(--bullet-color);width:7px;height:7px;box-shadow:0 0 8px 2px var(--bullet-color), 0 14px 18px color-mix(in srgb, var(--bullet-color) 55%, transparent);pointer-events:none;border-radius:50%;animation:.48s linear both bullet-flight;position:absolute;top:88%;left:50%}.combat-bullet:after{content:"";background:linear-gradient(var(--bullet-color), transparent);opacity:.65;width:2px;height:28px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.combat-bullet.skill{width:12px;height:12px;box-shadow:0 0 11px 4px var(--bullet-color), 0 0 28px 8px color-mix(in srgb, var(--bullet-color) 38%, transparent);animation-duration:.7s}.combat-bullet.skill:after{width:4px;height:45px}@keyframes bullet-flight{0%{opacity:0;top:88%;left:50%;transform:scale(.55)}12%{opacity:1}82%{opacity:1}to{left:var(--to-x);top:var(--to-y);opacity:0;transform:scale(1.25)}}.enemy-token{z-index:3;text-align:center;width:54px;transition:top .23s linear,filter .15s,transform .15s;position:absolute;transform:translate(-50%,-50%)}.enemy-name{color:#ccd8d1;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:7px;overflow:hidden}.enemy-glyph{border:1px solid var(--enemy-color);background:color-mix(in srgb, var(--enemy-color) 16%, #07110f);width:38px;height:38px;color:var(--enemy-color);box-shadow:0 0 16px color-mix(in srgb, var(--enemy-color) 24%, transparent);border-radius:50%;place-items:center;margin:auto;font:700 14px serif;display:grid}.enemy-health{background:#37211e;width:46px;height:3px;margin:4px auto 0;overflow:hidden}.enemy-health span{background:#d36856;height:100%;transition:width .2s;display:block}.enemy-shield{color:#7bd4e7;margin-top:2px;font-size:7px;font-weight:800}.status-row{gap:2px;display:grid;position:absolute;top:17px;right:-4px}.status-row i{color:#c8ead6;background:#162c25;border:1px solid #79af96;border-radius:50%;place-items:center;width:15px;height:15px;font:700 7px serif;display:grid}.enemy-token.preview-target .enemy-glyph{outline-offset:3px;outline:2px solid #e5c76d}.enemy-token.is-hit{animation:.25s 2 enemy-hit}.enemy-token.boss-token{width:86px}.enemy-token.boss-token .enemy-glyph{border-width:2px;width:60px;height:60px;font-size:22px}.enemy-token.boss-token .enemy-health{width:76px;height:5px}@keyframes enemy-hit{50%{filter:brightness(2.4);transform:translate(-50%,-50%)scale(1.18)}}.player-token{z-index:4;text-align:center;width:92px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.player-aura{border:1px solid #5ed39f52;border-radius:50%;width:84px;height:30px;animation:2.5s ease-in-out infinite aura-pulse;position:absolute;top:21px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #43c18b4d}.player-glyph{color:#e5d799;background:#163c30;border:1px solid #63c99a;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;font:700 19px serif;display:grid;position:relative;box-shadow:inset 0 0 0 5px #0b1e19,0 0 25px #5ccb9757}.player-token strong{color:#c5d7cb;margin-top:3px;font-size:8px;display:block}@keyframes aura-pulse{50%{opacity:.45;width:112px}}.reaction-burst{z-index:10;pointer-events:none;place-items:center;animation:1.1s both reaction-pop;display:grid;position:absolute;inset:42% 0 auto}.reaction-burst span{color:#f4dc96;letter-spacing:.16em;text-shadow:0 0 20px #f19b51;background:#101e19bf;border-block:1px solid #f0cf74;padding:7px 18px;font:700 30px STKaiti,KaiTi,serif}.reaction-burst small{color:#fff0ca;letter-spacing:.12em;margin-top:5px;font:700 10px monospace}.reaction-burst.skill-release span{color:#fff1b4;border-color:var(--xian-jade);text-shadow:0 0 20px var(--xian-jade)}@keyframes reaction-pop{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.12)}75%{opacity:1}to{opacity:0;transform:scale(1)}}.combat-hud{background:#0a1613;border-top:1px solid #cfe2d61a;padding:11px 12px 16px;position:relative}.vital-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.vital-copy{align-items:baseline;gap:5px;min-width:72px;display:flex}.vital-copy span{color:#799087;font-size:8px}.vital-copy b{font:700 10px monospace}.vital-bar{background:#2a1716;height:5px;overflow:hidden}.vital-bar span{background:linear-gradient(90deg,#8e3c36,#df7563);height:100%;transition:width .2s;display:block}.vital-row em{color:#76c9dc;font-size:8px;font-style:normal}.derived-skill-strip{scrollbar-width:thin;background:#07130f;border:1px solid #c3d8cc1a;align-items:stretch;gap:6px;min-height:60px;margin-top:9px;padding:6px;display:flex;overflow-x:auto}.skill-strip-label{color:#779086;border-right:1px solid #294239;flex:0 0 38px;align-content:center;place-items:center;font-size:7px;display:grid}.skill-strip-label b{color:#d7c77f;font:700 14px monospace}.derived-skill-strip>p{color:#60776d;white-space:nowrap;align-self:center;margin:0;font-size:8px}.derived-skill{--quality-color:#f0f0e8;border:1px solid color-mix(in srgb, var(--quality-color) 72%, #20382e);background:color-mix(in srgb, var(--quality-color) 8%, #10221b);min-width:0;box-shadow:inset 0 0 14px color-mix(in srgb, var(--quality-color) 8%, transparent);flex:0 0 92px;grid-template-columns:22px 1fr;align-items:center;gap:5px;padding:5px;display:grid;position:relative}.derived-skill>span{border:1px solid var(--quality-color);width:21px;height:21px;color:var(--quality-color);border-radius:50%;place-items:center;font:700 9px serif;display:grid}.derived-skill>div{gap:2px;min-width:0;display:grid}.derived-skill strong{color:#e2ebe5;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.derived-skill small{color:var(--quality-color);font:700 7px monospace}.derived-skill>i{background:#23392f;height:2px;position:absolute;bottom:3px;left:5px;right:5px;overflow:hidden}.derived-skill>i b{background:var(--quality-color);height:100%;transition:width .2s linear;display:block}.lingtai-button{text-align:left;opacity:.75;background:#10241e;border:1px solid #345448;align-items:center;gap:11px;width:100%;min-height:58px;margin-top:9px;padding:6px 12px;display:flex}.lingtai-button:disabled{cursor:not-allowed}.lingtai-button.ready{opacity:1;cursor:pointer;background:linear-gradient(90deg,#294a38,#172d25);border-color:#d2b55f;animation:1.6s ease-in-out infinite ready-pulse;box-shadow:inset 0 0 22px #dabc631a,0 0 18px #d2b55f1f}@keyframes ready-pulse{50%{border-color:#f2dc91}}.charge-ring{--charge:0deg;background:conic-gradient(#d9bd68 var(--charge), #1c3a30 0);border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative}.charge-ring:before{content:"";background:#0c1b17;border-radius:50%;position:absolute;inset:4px}.charge-ring i{color:#e6d28f;font:700 12px serif;position:relative}.lingtai-button>span:last-child{gap:3px;display:grid}.lingtai-button strong{color:#dbe9df;font-size:11px}.lingtai-button small{color:#789387;font-size:8px}.hand-glance{grid-template-columns:repeat(4,1fr) 42px;gap:5px;margin-top:9px;display:grid}.reserve-glance{color:#70857d;border:1px dashed #385247;place-items:center;min-width:0;font-size:8px;display:grid}.reserve-glance>span{display:none}.reserve-glance>i{font-style:normal}.xian-card{cursor:pointer;background:#14241f;border:1px solid;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:116px;padding:10px 5px 7px;transition:transform .15s,filter .15s;display:flex;position:relative;box-shadow:inset 0 0 24px #00000042}.xian-card:hover:not(:disabled){transform:translateY(-3px)}.xian-card:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.42}.xian-card.selected{outline-offset:2px;filter:none;opacity:1;outline:2px solid #efd477;transform:translateY(-7px)}.xian-card-kind{letter-spacing:.08em;opacity:.7;font-size:6px;position:absolute;top:5px;left:6px}.xian-card-icon{border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;font:700 16px serif;display:grid}.xian-card strong{font-size:10px}.xian-card small{opacity:.65;font-size:7px}.xian-card-effect{color:currentColor;opacity:.72;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;overflow:hidden}.card-level{color:#14211c;background:#ddc56e;padding:2px 3px;font-size:6px;position:absolute;top:4px;right:4px}.xian-card.compact{gap:2px;min-height:58px;padding:5px 2px 4px}.xian-card.compact .xian-card-icon{width:25px;height:25px;font-size:10px}.xian-card.compact strong{font-size:7px}.xian-card.compact small,.xian-card.compact .xian-card-kind{display:none}.tone-water{color:#77c9ea;background:linear-gradient(#13282f,#102029)}.tone-wood{color:#79d795;background:linear-gradient(#163021,#10251a)}.tone-fire{color:#f28a61;background:linear-gradient(#342019,#281713)}.tone-lightning{color:#c2a7f5;background:linear-gradient(#29233a,#1e1930)}.tone-shentong{color:#d9c46e;background:linear-gradient(#302d1e,#211f16)}.tone-item{color:#d5d2c5;background:linear-gradient(#292a28,#1e201e)}.lingtai-overlay,.progression-overlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 10%,#489a7540,#0000 38%),#050f0df7;padding:14px 12px 24px;position:absolute;inset:54px 0 0;overflow-y:auto}.lingtai-overlay>header,.progression-overlay>header{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:14px;display:grid}.lingtai-overlay>header button,.progression-overlay>header button{color:#a6bbb0;cursor:pointer;background:0 0;border:0;justify-self:start;font-size:10px}.lingtai-overlay>header>div,.progression-overlay>header>div{text-align:center}.lingtai-overlay>header span,.progression-overlay>header span{color:#d2b55f;letter-spacing:.18em;font-size:7px}.lingtai-overlay>header h2,.progression-overlay>header h2{margin:3px 0 0;font:700 23px STKaiti,KaiTi,serif}.lingtai-overlay>header>b,.progression-overlay>header>b{color:#e5d18e;justify-self:end;font:700 11px monospace}.sequence-slots{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.sequence-step,.empty-step{border:1px solid #a3cbb440;min-width:0;min-height:76px;position:relative}.sequence-step>span,.empty-step>span{z-index:2;color:#d5bd71;font:700 8px monospace;position:absolute;top:4px;left:5px}.empty-step{color:#496459;border-style:dashed;place-items:center;display:grid}.empty-step i{font-size:8px;font-style:normal}.reaction-preview{background:#0c1d18;border:1px solid #334a41;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:68px;margin:11px 0;padding:9px 10px;display:grid}.reaction-preview.has-reaction{border-color:#b69d51;box-shadow:inset 0 0 25px #bea14d14}.reaction-icons{display:flex}.reaction-icons span{color:#edd98e;background:#172c24;border:1px solid #b69d51;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:-5px;font:700 12px serif;display:grid}.reaction-preview strong{color:#e9d58f;font:700 14px STKaiti,KaiTi,serif}.reaction-preview p{color:#81978d;margin:2px 0 0;font-size:8px;line-height:1.5}.reaction-preview>b{color:#e49a66;white-space:nowrap;font:700 9px monospace}.tutorial-callout{color:#d8cfad;background:#d1b45e14;border-left:2px solid #d1b45e;margin:8px 0;padding:8px 10px;font-size:9px;line-height:1.5}.merge-callout{color:#b9caf4;background:#5b7ed61a;border-left:2px solid #7c9ff0;margin:8px 0;padding:8px 10px;font-size:9px;line-height:1.5}.merge-callout.maxed{color:#f0a0a0;background:#d541411a;border-color:#e55757}.pause-hand{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pause-card-wrap{min-width:0}.reserve-action{color:#8da49a;cursor:pointer;background:0 0;border:1px solid #40584f;width:100%;min-height:25px;margin-top:4px;font-size:7px}.reserve-action:disabled{opacity:.3;cursor:not-allowed}.reserve-row{border:1px dashed #3c584d;grid-template-columns:50px 60px 1fr;align-items:center;gap:8px;min-height:62px;margin-top:9px;padding:7px;display:grid}.reserve-row>span{color:#b6c6bd;font-size:9px}.reserve-row>i{color:#60776d;font-size:8px;font-style:normal}.cast-button{color:#fff1bf;cursor:pointer;background:linear-gradient(90deg,#395f47,#234332);border:1px solid #d1b55e;place-items:center;gap:2px;width:100%;min-height:54px;margin-top:11px;display:grid;box-shadow:0 8px 26px #00000042}.cast-button:disabled{color:#65766e;cursor:not-allowed;box-shadow:none;background:#192720;border-color:#3c5148}.cast-button span{letter-spacing:.14em;font:700 15px STKaiti,KaiTi,serif}.cast-button small{font-size:7px}.xian-modal{z-index:25;text-align:center;background:radial-gradient(circle at 50% 22%,#3785604d,#0000 34%),#06110ef7;flex-direction:column;align-items:center;padding:clamp(38px,9vh,86px) 24px 30px;display:flex;position:absolute;inset:54px 0 0;overflow-y:auto}.modal-eyebrow{color:#d1b45d;letter-spacing:.2em;margin:0 0 10px;font:700 8px monospace}.xian-modal h2{letter-spacing:.04em;margin:0;font:700 30px/1.25 STKaiti,KaiTi,serif}.xian-modal>p:not(.modal-eyebrow){color:#98aaa1;max-width:360px;font-size:11px;line-height:1.8}.intro-seal,.result-mark{color:#e4cf86;border:2px solid #d2b65e;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:24px;font:700 27px serif;display:grid;transform:rotate(-5deg);box-shadow:0 0 0 8px #d2b65e14,0 0 36px #66c6962e}.intro-rules{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin:20px 0;display:grid}.intro-rules span{background:#14312780;border:1px solid #385247;gap:5px;padding:10px 4px;display:grid}.intro-rules b{color:#dcecd9;font:700 11px serif}.intro-rules small{color:#789086;font-size:7px}.start-run-button{color:#fff1c1;cursor:pointer;background:linear-gradient(90deg,#375b45,#244432);border:1px solid #d3b75f;width:min(290px,100%);min-height:52px;margin-top:8px;font-weight:800;box-shadow:0 10px 32px #00000052}.modal-text-button{color:#859a90;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:9px;text-decoration:underline}.reward-modal{justify-content:center;padding-top:30px}.reward-grid{gap:9px;width:100%;margin-top:18px;display:grid}.reward-grid>button{text-align:left;cursor:pointer;background:#10241e;border:1px solid #3c594d;grid-template-rows:auto auto;grid-template-columns:58px 1fr;align-items:center;min-height:88px;padding:10px 12px;display:grid}.reward-grid>button:hover{border-color:#d2b65f;transform:translateY(-2px)}.reward-grid span{color:#dcca87;border:1px solid #bda456;border-radius:50%;grid-row:1/3;place-items:center;width:43px;height:43px;font-size:8px;display:grid}.reward-grid strong{color:#e0e9e1;font:700 15px STKaiti,KaiTi,serif}.reward-grid small{color:#80958b;font-size:8px;line-height:1.5}.replace-grid{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin-top:15px;display:grid}.result-modal{justify-content:center;padding-top:36px}.result-modal.defeat .result-mark{color:#cb7764;border-color:#9e5f51}.result-modal>p{margin-bottom:14px}.run-report{grid-template-columns:repeat(4,1fr);gap:5px;width:100%;margin:10px 0;display:grid}.run-report span{background:#122a217a;border:1px solid #30483e;gap:5px;padding:8px 3px;display:grid}.run-report small{color:#71857b;font-size:7px}.run-report b{color:#e6d392;font:700 12px monospace}.jade-result{color:#9eb2a7;margin:9px 0;font-size:10px}.jade-result b{color:#e2c971;font-size:16px}.result-links{gap:24px;margin-top:18px;display:flex}.result-links button,.result-links a{color:#8ba095;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;font-size:9px;text-decoration:underline}.progression-overlay{z-index:40}.progression-note{color:#879b91;border:1px solid #344d42;margin:0 0 12px;padding:9px;font-size:9px;line-height:1.6}.progression-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;display:grid}.progression-stats span{color:#7f948a;text-align:center;border:1px solid #2f483e;gap:4px;padding:9px;font-size:8px;display:grid}.progression-stats b{color:#decc8c;font:700 13px monospace}.node-list{gap:9px;display:grid}.node-list>button{text-align:left;cursor:pointer;background:#10241e;border:1px solid #3b574b;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:78px;padding:10px;display:grid}.node-list>button:disabled{cursor:not-allowed;opacity:.48}.node-list>button.unlocked{opacity:.85;border-color:#a9914c}.node-list>button>span{color:#dcc77f;border:1px solid #b39b52;border-radius:50%;place-items:center;width:40px;height:40px;font:700 15px serif;display:grid}.node-list>button>div{gap:4px;display:grid}.node-list strong{font:700 14px STKaiti,KaiTi,serif}.node-list small{color:#7c9287;font-size:8px;line-height:1.5}.node-list>button>b{color:#d9c477;white-space:nowrap;font-size:8px}@media (width>=700px){.xian-game-frame{border:1px solid #b2e2c729;min-height:920px;margin-top:22px;margin-bottom:22px}.xian-modal,.lingtai-overlay,.progression-overlay{inset-top:54px}}@media (height<=780px){.battlefield{height:330px}.xian-card{min-height:98px}.xian-modal{padding-top:28px}}@media (prefers-reduced-motion:reduce){.xian-atmosphere span,.player-aura,.lingtai-button.ready,.reaction-burst,.enemy-token.is-hit{animation:none!important}.combat-bullet{animation-duration:.01ms!important}}