@charset "UTF-8";
:root{color-scheme:dark;--ink:#e8e8d8;--muted:#8da6a0;--jade:#7bddc1;--gold:#dfc17c;--line:#b8b37b33;--panel:#10272a;--dark:#06191b;--red:#df8d7d;font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:#041315}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 35%,#17423c80,transparent 65%),linear-gradient(#031316e8,#06181bee),var(--realm-landscape,url('/assets/original/res/art/map/scroll/layer0.jpg')) center/cover fixed;font-size:14px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--jade);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}small{font-size:11px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.app-shell{max-width:1290px;margin:auto;min-height:100dvh;display:grid;grid-template-columns:minmax(210px,280px) minmax(380px,540px) minmax(210px,280px);gap:28px;padding:22px 28px;align-items:start}.side-panel{min-width:0;padding-top:12px}.brand{display:flex;align-items:center;gap:12px;margin:0 0 28px;padding-left:8px;letter-spacing:5px;color:#e5cd91;font-family:"PMingLiU",serif;font-size:29px}.brand img{width:44px;height:44px}.brand small{display:block;letter-spacing:2.6px;font:8px system-ui;margin-top:5px;color:#8aa79b}.ornate{border:1px solid #bba96b66;box-shadow:0 0 0 4px #081a1c,0 0 0 5px #bba96b22;position:relative}.character-card{height:320px;overflow:hidden;background:#1a3030;border-radius:70px 70px 3px 3px}.portrait{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.portrait-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#071b1be8)}.character-caption{position:absolute;bottom:20px;text-align:center;width:100%}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;color:var(--gold)}.character-caption h1{font:27px "PMingLiU",serif;letter-spacing:5px;margin:7px 0 10px}.character-caption p{color:#c4d8c8;font-size:12px}.tag{display:inline-flex;gap:3px;margin-left:10px;color:var(--gold);font-size:11px}.side-box{background:linear-gradient(135deg,#16333399,#0b2124aa);border:1px solid var(--line);padding:19px;margin-top:22px;position:relative}.side-box:before,.side-box:after{content:"";position:absolute;width:7px;height:7px;border-color:#c9af76;border-style:solid;opacity:.7}.side-box:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.side-box:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.power-line{display:flex;justify-content:space-between;align-items:center;margin:7px 0 15px}.power-line span{font-size:12px;color:var(--muted)}.power-line strong{color:var(--gold);font:30px Georgia,serif;text-shadow:0 0 15px #d6b55833}.attributes{display:grid;grid-template-columns:1fr 1fr;margin:0 0 18px;gap:9px 20px;font-size:12px}.attributes div{display:flex;justify-content:space-between;gap:8px}.attributes dt{color:var(--muted)}.attributes dd{margin:0;font-variant-numeric:tabular-nums}.btn{min-height:36px;padding:8px 15px;border:1px solid #a2d8bc66;background:linear-gradient(145deg,#365951,#1b3835);color:#d9f5e6;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:filter .15s,transform .15s;font-size:12px;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}.btn.gold{border-color:#d5bd7a99;color:#f1dcaa;background:linear-gradient(145deg,#705d35,#473b27)}.btn.subtle{background:#102b2b99;color:#b9d1c5;border-color:#70998b55}.btn.danger{background:#4a2825;border-color:#ac6f5866;color:#f2b5a3}.btn.small{font-size:11px;min-height:29px;padding:5px 10px}.btn.wide{width:100%;justify-content:space-between}.text-button{color:var(--gold);padding:0;background:none;font-size:11px}.text-button:hover{text-decoration:underline}.side-footer{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:18px 3px}.side-footer .text-button{margin-left:auto}.online-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;vertical-align:middle;border-radius:50%;background:#79c5a7;box-shadow:0 0 7px #78dbb755}.game-frame{overflow:hidden;border:1px solid #c7bd7b66;box-shadow:0 20px 70px #0008,0 0 0 5px #071c1c,0 0 0 6px #b3ab7022;background:var(--dark);position:relative;border-radius:5px;max-width:540px;width:100%;margin:auto}.game-header{display:flex;align-items:center;gap:10px;height:72px;padding:11px 14px;background:linear-gradient(#16312e,#0b2325);border-bottom:1px solid #c6b57755;position:relative;z-index:5}.mini-avatar{width:42px;height:42px;display:grid;place-items:center;color:var(--gold);background:#244b43;border:1px solid #c6b97988;transform:rotate(45deg);border-radius:8px}.mini-avatar svg{transform:rotate(-45deg);width:27px;height:27px}.header-name{flex:1;min-width:0}.header-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:155px}.header-name small{color:#a4bbab;display:block;font-size:10px;margin-top:2px}.currencies{display:flex;gap:11px;align-self:center;flex-wrap:wrap;max-width:150px}.currencies span{display:flex;gap:3px;align-items:center;color:#e9d392;font-size:12px}.currencies span+span{color:#94e4cf}.currencies svg{width:18px;height:18px}.icon-button{width:32px;height:32px;display:grid;place-items:center;background:none;color:#aebca5;border-radius:3px}.icon-button:hover{background:#dbd2a315;color:#f6dda0}.icon-button svg{width:22px;height:22px}.battlefield{height:min(57vw,540px);min-height:440px;position:relative;overflow:hidden;background:#305a52}.landscape{position:absolute;inset:0;background:var(--realm-landscape,url('/assets/original/res/art/map/scroll/layer0.jpg')) center 44%/auto 108%;filter:saturate(.82) brightness(.7)}.scene-vignette{position:absolute;inset:0;background:linear-gradient(#071b2360,transparent 24%,transparent 57%,#061b1cd9 100%),radial-gradient(ellipse,#001a1a00 30%,#04252855 100%)}.mist{position:absolute;inset:34% -20% 0;background:radial-gradient(ellipse at 30% 45%,#bdfdf118,transparent 45%);animation:mist 17s ease-in-out infinite alternate;pointer-events:none}.mist-two{animation-delay:-8s;opacity:.6}.scene-head{position:absolute;top:16px;left:19px;right:15px;display:flex;justify-content:space-between;align-items:start;text-shadow:0 1px 6px #000}.chapter{font-size:9px;letter-spacing:2px;color:#e2d7b8}.scene-head h2{font:25px "PMingLiU",serif;letter-spacing:5px;margin:4px 0;color:#f0e7ce}.stage-number{font-size:10px;color:#d4e4d8}.round-button{width:49px;height:49px;background:linear-gradient(#132f2bdb,#061b1ce6);border:1px solid #c7b979aa;border-radius:50%;box-shadow:0 0 0 3px #263d3266;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ebd498}.round-button svg{width:22px;height:22px}.round-button span{font-size:9px;line-height:1.2}.scene-shortcuts{position:absolute;left:13px;top:128px;display:flex;flex-direction:column;gap:16px;z-index:6}.scene-shortcuts button{width:41px;height:45px;position:relative;background:none;display:flex;align-items:center;flex-direction:column;justify-content:center;text-shadow:0 1px 5px #000;color:#eed6a1}.scene-shortcuts svg{width:28px;height:28px;filter:drop-shadow(0 2px 3px #000)}.scene-shortcuts span{font-size:10px}.scene-shortcuts i{position:absolute;width:5px;height:5px;background:#e06f57;right:4px;top:0;border-radius:50%;box-shadow:0 0 5px #f2876b}.enemy-hud{position:absolute;top:101px;left:24%;width:55%;max-width:280px;z-index:3;text-shadow:0 1px 3px #000}.enemy-hud>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:5px}.enemy-hud strong{letter-spacing:1px}.enemy-hud span{color:#d7d4b5;font-size:10px}.enemy-hud b{font:8px Georgia;color:#ffcb85;border:1px solid #b98b5d;padding:1px 5px}.bar{height:8px;background:#061b1ccc;border:1px solid #d3cc9b55;position:relative;overflow:hidden;border-radius:10px}.bar i{display:block;height:100%;width:0;transition:width .3s ease}.bar span{position:absolute;inset:0;text-align:center;font-size:8px;line-height:10px;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.enemy-bar{height:10px}.enemy-bar i{background:linear-gradient(90deg,#a14939,#e6ae75)}.combat-status{position:absolute;top:145px;left:20%;right:12%;text-align:center;color:#e6e6c8;font-size:10px;letter-spacing:1px;text-shadow:0 1px 5px #000}.arena{position:absolute;inset:135px 35px 125px 58px;pointer-events:none;min-height:170px}.fighter{width:100%;height:100%;stroke:none}.hero-unit{position:absolute;width:110px;height:157px;left:14%;bottom:-14px;z-index:3;animation:float 4s ease-in-out infinite}.enemy-unit{position:absolute;width:130px;height:124px;right:10%;top:14px;z-index:2;animation:float 4s -1s ease-in-out infinite}.enemy-unit.boss{transform:scale(1.2);filter:drop-shadow(0 0 10px #b56b49)}.unit-shadow{width:75%;height:12px;position:absolute;bottom:3%;left:12%;background:#001e18aa;border-radius:50%;filter:blur(4px);z-index:-1}.hero-aura,.enemy-aura{position:absolute;inset:20% 0 0;background:radial-gradient(ellipse,#9affd536,transparent 65%);z-index:-1}.enemy-aura{background:radial-gradient(ellipse,#f1cf7833,transparent 70%)}.rune-ring{position:absolute;border:1px solid #b8ffe277;border-radius:50%;box-shadow:0 0 9px #95f3d477,inset 0 0 10px #b5ffed33;width:100px;height:38px;transform:rotate(-13deg);z-index:1}.rune-ring:before{content:"✦　◇　✧　◇　✦";font-size:12px;position:absolute;inset:4px 0;text-align:center;color:#b7fce3;letter-spacing:1px}.rune-player{left:14%;bottom:-15px;animation:rune-pulse 4s ease-in-out infinite}.rune-enemy{right:14%;top:111px;width:85px;height:25px;border-color:#cbbb7966;box-shadow:0 0 8px #ecd69a33}.spirit-unit{position:absolute;left:1%;bottom:5px;width:37px;height:37px;color:#a6ecdf;filter:drop-shadow(0 0 9px #4dbba5);animation:float 3s ease-in-out infinite}.spirit-unit svg{width:100%;height:100%;stroke-width:1.2}.god-unit{position:absolute;left:42%;bottom:24px;width:28px;height:43px;color:#f5d09d;filter:drop-shadow(0 0 10px #c99d39);animation:float 5s -2s ease-in-out infinite}.god-unit svg{width:100%;height:100%;stroke-width:1.2}.damage-layer{position:absolute;inset:-40px -25px;z-index:10}.floating-damage{position:absolute;right:18%;top:29%;font:600 27px Georgia,serif;color:#f5de9e;text-shadow:1px 2px 0 #3c2114,-1px -1px 0 #3c2114,0 0 12px #b6895c;animation:damage-rise .95s ease-out forwards;white-space:nowrap}.floating-damage.enemy-hit{left:23%;right:auto;top:70%;color:#ffa28e;font-size:20px}.floating-damage.spirit-hit{color:#abf8e3;font-size:23px}.floating-damage.critical{font-size:32px;color:#ffe4a5}.floating-damage small{font:10px system-ui;display:block;text-align:center;letter-spacing:2px}.slash-effect{position:absolute;width:130px;height:4px;right:10%;top:34%;background:linear-gradient(90deg,transparent,#d9ffe6,transparent);transform:rotate(-45deg);box-shadow:0 0 12px #a9fddc;opacity:0;z-index:8}.slash-effect.slash{animation:slash .3s ease-out}.enemy-unit.hit .enemy-fighter,.hero-unit.hit .hero-fighter{animation:hit .25s ease-out}.scene-bottom{position:absolute;left:16px;right:16px;bottom:12px;z-index:4}.player-vitals{display:flex;align-items:center;gap:8px;font-size:9px;color:#c8dec9;margin:0 4px 10px}.player-bar{height:10px;flex:1}.player-bar i{background:linear-gradient(90deg,#216656,#86cfa5)}.battle-live{display:flex;gap:4px;align-items:center;font-size:8px}.battle-live i{width:4px;height:4px;border-radius:50%;background:#8cdab9}.battle-live b{font-weight:400;max-width:70px;white-space:nowrap;overflow:hidden}.skills-bar{display:flex;gap:9px;justify-content:center;margin-bottom:12px}.skill-slot{width:47px;height:47px;border-radius:50%;position:relative;display:grid;place-items:center;border:1px solid #bcb57c;background:radial-gradient(#285245,#102b29);box-shadow:0 0 0 3px #0b201cb3;overflow:hidden}.skill-slot svg{width:27px;height:27px;color:#ccebd2}.skill-slot:nth-child(2n){background:radial-gradient(#535633,#242c22);border-color:#d8c47e}.skill-slot:nth-child(3n){background:radial-gradient(#464169,#1a283b);border-color:#a9abd0}.skill-slot.locked{filter:grayscale(.8);opacity:.55}.skill-slot.locked:after{content:"未悟";font-size:9px;position:absolute;bottom:2px;color:#c0c9b7;background:#102923dd;left:0;right:0}.skill-cd{position:absolute;inset:0;background:#061820b3;display:grid;place-items:center;font:16px Georgia;color:#e5edcf}.skill-cd[hidden]{display:none}.battle-controls{display:flex;justify-content:center;gap:9px;align-items:center}.auto-button{display:flex;gap:6px;align-items:center;min-height:33px;color:#c2d0bb;background:#102c2cbb;border:1px solid #8d99725c;border-radius:3px;font-size:10px;padding:5px 9px}.auto-button svg{width:18px;height:18px}.auto-button b{font-size:9px;color:#c2a574;font-weight:400}.auto-button.active{border-color:#7bdbb286;color:#b5eed3;background:#1a463bd9}.auto-button.active b{color:#7ae7b3}.battle-button{font-size:11px;min-height:33px;padding:5px 12px;border-color:#cebd7999;background:linear-gradient(#68603e,#353e2f);color:#e8dbb8}.battle-button svg{width:16px;height:16px}.progress-deck{position:relative;z-index:5;background:linear-gradient(#0b2427,#0a2023)}.exp-row{display:flex;align-items:center;gap:8px;padding:7px 15px;border-bottom:1px solid #9b99602b;font-size:9px;color:#b2c4ac}.exp-bar{height:4px;flex:1;border:0;background:#18372e}.exp-bar i{background:linear-gradient(90deg,#8ba76a,#d9d094)}.exp-row small{font-size:8px}.main-quest{display:flex;align-items:center;text-align:left;width:100%;gap:12px;padding:13px 16px;background:linear-gradient(100deg,#294636bb,#122d2c);border-bottom:1px solid #c9b77d33;min-height:71px}.quest-seal{width:28px;font-size:10px;line-height:1.3;color:#e4ce8f;border:1px solid #baaa6799;transform:rotate(3deg);text-align:center;padding:4px 0;border-radius:3px;background:#82734022;flex-shrink:0}.quest-copy{flex:1;min-width:0}.quest-copy strong{display:block;color:#e6e7c6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-copy small{color:#97b3a3;font-size:10px;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-claim{color:#cfbc85;font-size:10px;white-space:nowrap}.main-quest.ready{background:linear-gradient(100deg,#4f5134,#18392c);box-shadow:inset 0 0 22px #e2c26516}.main-quest.ready .quest-claim{color:#ffdf8c;animation:glow 2s ease-in-out infinite}.cultivation-row{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.cultivation-row>div:first-child{min-width:0}.cultivation-row .section-kicker{font-size:8px;letter-spacing:2px;display:block}.cultivation-row strong{font-size:14px;letter-spacing:2px;font-family:"PMingLiU",serif;display:block;margin:3px 0}.cultivation-row small{font-size:9px;color:#93b39f;display:block}.cultivation-actions{display:flex;gap:7px}.cultivation-actions .btn{font-size:10px;min-height:32px;padding:5px 10px}.bottom-nav{display:grid;grid-template-columns:repeat(7,1fr);height:68px;position:relative;border-top:1px solid #bcb57d55;background:linear-gradient(#17312c,#0b2022)}.bottom-nav button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:none;color:#90aa98;font-size:10px}.bottom-nav svg{width:25px;height:25px;transition:color .2s,transform .2s}.bottom-nav button:hover svg,.bottom-nav button.selected svg{color:#f5d897;filter:drop-shadow(0 0 8px #c9bd7044);transform:translateY(-2px)}.bottom-nav button.selected{color:#e6cf95;background:linear-gradient(#bca35b11,#bca35b00)}.bottom-nav button.selected:before{content:"";position:absolute;top:0;left:22%;right:22%;height:1px;background:#d9c078;box-shadow:0 0 9px #cbb663}.session-title{height:82px;text-align:right;display:flex;flex-direction:column;justify-content:center;padding-right:4px}.session-title span{font:23px "PMingLiU",serif;color:#ddc990;letter-spacing:7px}.session-title small{font-size:9px;letter-spacing:2px;color:#89a294;margin-top:8px}.right-panel .side-box{margin-top:17px;padding:16px}.box-title{display:flex;align-items:center;gap:8px;margin-bottom:16px}.box-title>svg{width:17px;height:17px;color:var(--gold)}.box-title h2{font-size:12px;letter-spacing:2px;font-weight:400}.box-title .text-button{margin-left:auto;font-size:10px}.daily-preview{display:flex;flex-direction:column;gap:14px}.mini-quest{display:flex;gap:10px;align-items:center}.mini-quest-icon{width:28px;height:28px;border:1px solid #a5b17e33;border-radius:50%;display:grid;place-items:center;color:#b5c39b;background:#183a32}.mini-quest-icon svg{width:15px;height:15px}.mini-quest>div:nth-child(2){flex:1}.mini-quest strong{font-size:11px;font-weight:400;display:block}.mini-quest small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.mini-quest b{font-size:9px;color:#bdd8ac;font-weight:400}.mini-quest .claimed{color:#69877a}.companion-preview{display:flex;gap:10px}.mini-companion{flex:1;display:flex;align-items:center;gap:8px}.mini-companion .emblem{width:34px;height:40px}.mini-companion strong{font-size:10px;display:block;font-weight:400}.mini-companion small{font-size:9px;color:#9bb2a1}.emblem{display:grid;place-items:center;color:#c8b47b;background:radial-gradient(#65775355,#16382c);border:1px solid #b7ba7c66;border-radius:10px 10px 4px 4px;position:relative;overflow:hidden;flex-shrink:0}.emblem:before{content:"";position:absolute;inset:5px;border:1px solid #d2c57a22;border-radius:50%;transform:rotate(45deg)}.emblem svg{width:58%;height:58%;filter:drop-shadow(0 0 9px #cdf2c14d);z-index:1}.emblem.spirit{background:radial-gradient(#3d9d893b,#12382f);color:#9ae6cd;border-color:#6fb39b66}.emblem.god{background:radial-gradient(#b78d593b,#342c20);color:#ead09c;border-color:#c5a46f66}.emblem.mount{background:radial-gradient(#8c88b52d,#202e3b);color:#c6d9ef;border-color:#7b9fa866}.battle-record{max-height:216px;overflow:hidden}.battle-record ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;font-size:10px;color:#a7beac}.battle-record li{position:relative;padding-left:11px;line-height:1.7}.battle-record li:before{content:"";width:3px;height:3px;background:#bcb776;border-radius:50%;position:absolute;left:0;top:7px}.offline-card{width:100%;display:flex;align-items:center;text-align:left;padding:14px 16px;background:linear-gradient(110deg,#49472c55,#1c3e2d88);border:1px solid #d0b96d55;margin-top:17px;gap:13px;color:#d4c18e}.offline-card>svg{width:26px;height:26px}.offline-card span{flex:1}.offline-card strong{font-size:11px;display:block;font-weight:400}.offline-card small{color:#a7b798;font-size:9px;display:block;margin-top:3px}.brand-note{font-size:9px;color:#638476;text-align:center;line-height:2;margin-top:20px;letter-spacing:1px}.loading-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(#1c4c40,#06191b 60%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .35s}.loading-screen img{width:65px;height:65px;animation:glow 2s infinite}.loading-screen h1{font:36px "PMingLiU",serif;letter-spacing:10px;color:#ecd195;margin-left:10px}.loading-screen p{font-size:12px;letter-spacing:2px;color:#a2b9a4}.loading-screen.finished{opacity:0;pointer-events:none}.loading-screen[hidden]{display:none}.connection-banner{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:150;background:#614a30;color:#ffe1b2;border:1px solid #c5a16d88;padding:9px 15px;border-radius:4px;max-width:95vw;font-size:11px}.connection-banner button{background:none;color:#e2e8be;text-decoration:underline;margin-left:12px;font-size:11px}.connection-banner[hidden]{display:none}.toast-stack{position:fixed;left:50%;top:26%;transform:translateX(-50%);z-index:200;pointer-events:none;width:max-content;max-width:88vw;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{padding:11px 22px;background:linear-gradient(100deg,#0d2927f5,#20463af5);border:1px solid #d9cd8a77;box-shadow:0 10px 35px #0006;color:#eee3b4;font-size:12px;text-align:center;border-radius:3px;animation:toast-in .25s ease-out}.toast.error{border-color:#cf8d7588;color:#f5bba7;background:#3e2828ed}.game-dialog{border:1px solid #c9bd7c88;padding:0;background:#0b2225;color:var(--ink);width:min(850px,calc(100vw - 40px));max-height:min(850px,91dvh);box-shadow:0 30px 100px #000b,0 0 0 5px #122d2b;overflow:hidden;border-radius:5px}.game-dialog::backdrop{background:#001314b9;backdrop-filter:blur(7px)}.dialog-shell{display:flex;flex-direction:column;max-height:min(850px,91dvh)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px 18px;background:linear-gradient(120deg,#1e3f36,#102a2b);border-bottom:1px solid #b7b27633;flex-shrink:0}.dialog-header h2{font-family:"PMingLiU",serif;font-size:25px;letter-spacing:5px;color:#e5d6a7;margin-top:5px}.dialog-header .section-kicker{font-size:8px;letter-spacing:4px}.dialog-tabs{display:flex;gap:2px;padding:0 22px;border-bottom:1px solid #9ea47333;flex-shrink:0;overflow-x:auto;scrollbar-width:none;background:#0e2828}.dialog-tabs button{padding:13px 17px;background:none;white-space:nowrap;font-size:12px;color:#90ad9b;border-bottom:2px solid transparent}.dialog-tabs button.active{color:#efce91;border-color:#cbb579;background:linear-gradient(transparent,#baa55d10)}.dialog-content{padding:24px 26px;overflow:auto;min-height:250px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#456751 transparent}.dialog-footer{padding:12px 26px;border-top:1px solid #acb27b22;background:#0b2424;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#829e89;flex-shrink:0}.dialog-footer .online-dot{margin-right:7px}.panel-intro{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:23px}.panel-intro h3{font:19px "PMingLiU",serif;letter-spacing:3px;color:#d8d8b2;margin-bottom:6px}.panel-intro p{color:#8aa899;font-size:11px;line-height:1.8;max-width:520px}.panel-balance{color:var(--gold);display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px}.panel-balance svg{width:17px;height:17px}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{background:linear-gradient(120deg,#17352e88,#102c2d88);border:1px solid #a5b17f33;border-radius:3px;overflow:hidden;position:relative}.game-card-body{padding:18px}.game-card h3{font-size:14px;font-weight:500;letter-spacing:1px;color:#dbe3bf}.game-card p{color:#8ea999;font-size:11px;line-height:1.9;margin-top:7px}.game-card .subline{color:#bdc99e;font-size:10px;margin-top:4px}.card-head{display:flex;gap:13px;align-items:center}.card-head .emblem{width:58px;height:66px}.card-head .emblem.small{width:42px;height:47px}.card-head>div:last-child{flex:1;min-width:0}.rarity-label{font-size:9px;color:#dbbc7e;letter-spacing:2px;display:block;margin-bottom:4px}.stat-chips{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0}.stat-chips span{font-size:9px;color:#b5cfb5;background:#a6c2980b;border:1px solid #a6c29819;padding:4px 7px;border-radius:2px}.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.card-actions .btn{font-size:10px;min-height:31px;padding:5px 10px}.badge{display:inline-flex;font-size:9px;padding:2px 6px;border:1px solid #bdc88266;color:#c9d7a2;border-radius:2px;margin-left:6px;vertical-align:middle}.badge.active{color:#9ceac9;border-color:#6ecc9d66;background:#6ecc9d0d}.badge.locked{color:#9da99c;border-color:#788f7e55}.muted{color:#8ca696;font-size:11px;line-height:1.9}.empty-state{padding:35px 20px;text-align:center;color:#8ca696;border:1px dashed #7da48944;border-radius:3px;font-size:12px}.empty-state svg{width:40px;height:40px;display:block;margin:0 auto 15px;color:#c4b47c}.section-heading{display:flex;align-items:center;gap:9px;margin:25px 0 14px;font-size:13px;color:#d9d3ad;letter-spacing:2px}.section-heading:first-child{margin-top:0}.section-heading:after{content:"";height:1px;flex:1;background:#aab57b22}.section-heading small{color:#7f9e88;font-size:9px;font-weight:400;letter-spacing:0}.portrait-layout{display:grid;grid-template-columns:230px 1fr;gap:26px}.character-display{position:relative;height:385px;border:1px solid #b1ac7466;background:var(--hero-portrait,url('/assets/original/first_res/createrole/nan_02.png')) 50% 15%/cover;border-radius:50px 50px 3px 3px;overflow:hidden}.character-display:after{position:absolute;content:"";inset:55% 0 0;background:linear-gradient(transparent,#0a2123)}.character-display .character-caption{z-index:1;bottom:20px}.character-display h3{font:22px "PMingLiU",serif;letter-spacing:4px;margin-bottom:7px}.character-display p{font-size:10px;color:#d4cd9e}.profile-title{font:22px "PMingLiU",serif;letter-spacing:4px;color:#e0d5a7}.profile-power{color:var(--gold);font:31px Georgia;margin:12px 0 18px}.profile-power small{font:10px system-ui;color:#8fa994;margin-right:10px}.stat-table{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:20px}.stat-table div{display:flex;justify-content:space-between;border-bottom:1px solid #92a47b22;padding:10px 0;font-size:11px;gap:12px}.stat-table span{color:#8da995}.stat-table b{font-weight:500;font-variant-numeric:tabular-nums}.equipment-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:17px}.equipment-slot{height:67px;background:#17392d55;border:1px solid #9dae7944;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:3px;position:relative;overflow:hidden;color:#a3b28a}.equipment-slot svg{width:23px;height:23px}.equipment-slot strong{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 2px;white-space:nowrap;font-weight:400}.equipment-slot small{position:absolute;top:3px;right:4px;font-size:8px;color:#d8c587}.equipment-slot.equipped{border-color:#b2c88588;background:radial-gradient(at 50% 35%,#51794c44,#17352d55);color:#dcdfa7}.equipment-slot.rarity-epic{color:#c5b3ed;border-color:#9e8ab588}.equipment-slot.rarity-legendary{color:#edce85;border-color:#d7b06788}.filter-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filter-row button{font-size:10px;background:#112d2b;color:#96b4a0;border:1px solid #8ca57b33;padding:6px 12px;border-radius:3px}.filter-row button.active{color:#e3d09b;border-color:#c5b47d88;background:#5a563022}.filter-row .muted{margin-left:auto;font-size:10px}.equip-line{display:flex;gap:12px;align-items:center;padding:13px 15px;background:#14302c55;border:1px solid #96b08033;border-radius:3px;margin-bottom:9px}.equip-line .emblem{width:42px;height:47px}.equip-info{flex:1;min-width:0}.equip-info h3{font-size:12px;color:#d4e1be;letter-spacing:.5px}.equip-info p{font-size:10px;color:#8fa791;margin-top:5px}.equip-line .card-actions{margin:0;justify-content:end;flex-shrink:0;max-width:210px}.equip-line .card-actions .btn{min-height:28px;font-size:9px;padding:4px 8px}.item-count{color:var(--gold);font:21px Georgia;margin-left:8px}.skill-card .emblem{border-radius:50%;width:54px;height:54px}.skill-card .progress-track{margin:13px 0 2px}.progress-track{height:4px;background:#244433;border-radius:3px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#7cb69a,#d1c080);width:0}.skill-note{font-size:9px;color:#9db594;margin-top:6px}.companion-art{height:150px;background:radial-gradient(ellipse at 50% 75%,#9ea9631c,transparent 70%),linear-gradient(#142e2d,#1e3c32);display:grid;place-items:center;position:relative;overflow:hidden}.companion-art .emblem{height:110px;width:95px;border:0;background:none!important;filter:drop-shadow(0 0 17px #92eac033)}.companion-art .emblem svg{height:75%;width:75%;stroke-width:1}.companion-art:before,.companion-art:after{content:"";position:absolute;width:115px;height:115px;border:1px solid #b2c98b33;border-radius:50%;transform:rotate(30deg) scaleY(.6);bottom:4px}.companion-art:after{width:145px;height:145px;bottom:-10px;opacity:.4}.companion-art.god{background:radial-gradient(ellipse,#9c873c33,#222e26 65%)}.companion-art.god .emblem{filter:drop-shadow(0 0 20px #d9b46e66)}.companion-art.mount{background:radial-gradient(ellipse,#4d6d6a44,#1b2d35 65%)}.companion-art .owned-tag{position:absolute;top:12px;left:12px;font-size:9px;color:#a9c7a5;border:1px solid #a9c7a544;padding:2px 6px}.companion-art .rarity-tag{position:absolute;top:12px;right:12px;letter-spacing:3px;font-size:9px;color:var(--gold)}.stars{letter-spacing:4px;color:#e1c476;font-size:12px;margin-top:5px}.stars .dim{color:#526b54}.cost-line{font-size:9px;color:#b1b892;margin-top:10px}.dungeon-card{display:grid;grid-template-columns:100px 1fr}.dungeon-art{display:grid;place-items:center;background:radial-gradient(#6d806c44,#172b2b);border-right:1px solid #9fab8033;color:#c9c995;position:relative}.dungeon-art svg{width:55px;height:55px;stroke-width:1}.dungeon-card:nth-child(2) .dungeon-art{color:#c9b5e2;background:radial-gradient(#685d7b44,#1b2930)}.dungeon-card:nth-child(3) .dungeon-art{color:#dec28a;background:radial-gradient(#7e6a3c55,#272a26)}.dungeon-number{position:absolute;left:10px;top:9px;color:#7f9d86;font:10px Georgia}.dungeon-card .card-actions{align-items:center;justify-content:space-between}.quest-list{display:flex;flex-direction:column;gap:10px}.quest-row{border:1px solid #a7b47d33;padding:15px 17px;background:#17372d55;display:flex;align-items:center;gap:14px;border-radius:3px}.quest-row .emblem{width:38px;height:42px}.quest-row>div:nth-child(2){flex:1;min-width:0}.quest-row h3{font-size:12px;color:#dae2bf;letter-spacing:.5px}.quest-row p{color:#88a28e;font-size:10px;margin-top:5px}.quest-row .progress-track{margin-top:10px;width:100%;max-width:280px}.quest-row .btn{font-size:10px;min-height:31px;min-width:72px;padding:5px 9px}.quest-progress{font-size:10px;color:#b7cba6;margin-left:6px}.login-gift{background:linear-gradient(120deg,#7c6a3133,#193b2d88);border:1px solid #d4bd6d66;padding:22px;margin-bottom:23px;display:flex;align-items:center;gap:20px}.login-gift>svg{width:45px;height:45px;color:#e2c27c}.login-gift>div{flex:1}.login-gift h3{font:20px "PMingLiU",serif;color:#e3d5a5;letter-spacing:3px}.login-gift p{font-size:11px;color:#acbd98;margin-top:6px;line-height:1.9}.shop-item .emblem{width:48px;height:52px}.shop-item .shop-price{font:20px Georgia;color:#dfc787}.shop-item .shop-price small{font:10px system-ui;margin-left:5px}.shop-item .card-actions{align-items:center;justify-content:space-between}.realm-path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:23px}.realm-step{text-align:center;background:#18372e55;border:1px solid #a1ad7933;padding:18px 6px 14px;position:relative;border-radius:3px}.realm-step>svg{width:30px;height:30px;color:#6e8d75;margin-bottom:7px}.realm-step h3{font-size:12px;letter-spacing:1px;color:#829b83}.realm-step small{font-size:8px;color:#5e7e68;display:block;margin-top:5px}.realm-step.reached{border-color:#8ec59c66;background:#4e79401c}.realm-step.reached svg,.realm-step.reached h3{color:#b9d4a2}.realm-step.current{border-color:#d4be7b;background:radial-gradient(#b5b05c22,#18372e55);box-shadow:0 0 20px #c9bd6411}.realm-step.current svg,.realm-step.current h3{color:#e4cc88}.realm-panel{border:1px solid #c4bd7c66;background:radial-gradient(at 10% 20%,#73814c2b,#102c28);padding:25px;text-align:center}.realm-panel>svg{width:54px;height:54px;color:#d5cd98;margin-bottom:10px;stroke-width:1}.realm-panel h3{font:26px "PMingLiU",serif;color:#e7dcae;letter-spacing:5px}.realm-panel .progress-track{max-width:350px;margin:20px auto 8px;height:6px}.realm-panel p{color:#92ac92;font-size:11px;margin-top:10px}.realm-panel .card-actions{justify-content:center;margin-top:23px}.account-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.account-art{background:linear-gradient(#102c2244,#0a2220ed),var(--realm-landscape,url('/assets/original/res/art/map/scroll/layer0.jpg')) 33% 50%/cover;border:1px solid #a9b77b33;padding:30px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-radius:3px;min-height:320px}.account-art img{width:55px;height:55px}.account-art h3{font:25px "PMingLiU",serif;letter-spacing:5px;color:#e2ce95;margin-top:18px}.account-art p{font-size:10px;line-height:2;color:#bcc5a8;margin-top:16px}.form-field{display:flex;flex-direction:column;gap:8px;margin:0 0 17px}.form-field label{font-size:11px;color:#a9bd9d}.form-field input{width:100%;background:#071c1c;border:1px solid #a6b37b55;color:#e3e9c9;padding:11px 13px;font-size:13px;border-radius:3px;outline-offset:2px}.form-field input::placeholder{color:#5e806d}.form-hint{font-size:10px;color:#769780;line-height:1.9;margin-top:14px}.form-error{font-size:11px;color:#eda98f;min-height:18px;margin-bottom:10px}.account-form h3{font-size:18px;letter-spacing:2px;color:#ddd5ad;margin:2px 0 21px}.account-switch{font-size:10px;color:#8fa88f;display:flex;justify-content:space-between;margin-top:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 0;border-bottom:1px solid #92ab7e22}.setting-row:first-child{padding-top:0}.setting-row h3{font-size:13px;color:#cfdcb8}.setting-row p{font-size:10px;color:#89a68c;margin-top:6px;line-height:1.9;max-width:420px}.toggle{min-width:55px;height:29px;border-radius:20px;border:1px solid #73937b66;padding:3px;background:#142d26;display:flex;align-items:center;transition:background .2s}.toggle:before{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#70917b;transition:transform .2s}.toggle.on{background:#367659;border-color:#8bcfa766}.toggle.on:before{transform:translateX(25px);background:#d0e8bd}.setting-rename{display:flex;gap:8px;margin:20px 0}.setting-rename input{background:#081e1f;color:#d2ddbd;border:1px solid #9fb47c55;padding:8px 12px;min-width:0;flex:1;border-radius:3px}.reset-confirm{border:1px solid #a16e5744;background:#57332822;padding:18px;margin-top:17px}.reset-confirm p{font-size:11px;line-height:1.9;color:#b5a28f;margin-bottom:15px}.help-copy p{font-size:12px;color:#abc0a6;line-height:2;margin-bottom:17px}.help-copy h3{font-size:15px;color:#ddd5ad;letter-spacing:2px;margin:22px 0 12px}.help-copy ul{padding-left:20px;font-size:11px;line-height:2.1;color:#9cb59d}.help-note{padding:17px 20px;border:1px solid #a4b77e33;background:#aacb7908;color:#9bb196;font-size:11px;line-height:2;margin-top:25px}.offline-total{display:flex;justify-content:center;gap:32px;margin:26px 0}.offline-total>div{text-align:center}.offline-total svg{color:#c7bc7b;width:27px;height:27px}.offline-total strong{display:block;font:25px Georgia;color:#dfd4a3;margin-top:7px}.offline-total small{font-size:10px;color:#8ea98f;display:block;margin-top:6px}.offline-hero{text-align:center;padding:15px 0}.offline-hero>svg{width:65px;height:65px;color:#dbca8b;stroke-width:1}.offline-hero h3{font:26px "PMingLiU",serif;color:#e0d7af;letter-spacing:4px;margin-top:15px}.offline-hero p{font-size:11px;color:#8fa991;line-height:2;margin-top:10px}.offline-hero .btn{margin-top:10px;min-width:160px}.inline-notice{font-size:10px;line-height:1.9;color:#b5bd94;padding:12px 15px;background:#b9bd760c;border:1px solid #b9bd7622;border-radius:3px;margin-bottom:19px}.noscript{position:fixed;inset:0;background:#082020;color:#eed49d;z-index:300;display:grid;place-items:center}.reduce-motion *,body.reduced-motion *{animation:none!important;transition:none!important}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes mist{to{translate:10% -4%;opacity:.4}}@keyframes glow{50%{filter:brightness(1.3);text-shadow:0 0 12px #e9ca78}}@keyframes rune-pulse{50%{box-shadow:0 0 18px #95f3d477,inset 0 0 13px #b5ffed55;opacity:.75}}@keyframes damage-rise{0%{opacity:0;translate:0 10px;scale:.7}16%{opacity:1;scale:1.1}50%{opacity:1}100%{opacity:0;translate:0 -55px;scale:1}}@keyframes hit{0%,100%{filter:brightness(1)}50%{filter:brightness(2.4) drop-shadow(0 0 8px #d9f7cd);translate:3px 0}}@keyframes slash{0%{opacity:0;scale:.5}40%{opacity:1;scale:1.3}100%{opacity:0;scale:1.5}}@keyframes toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(min-width:1600px){.app-shell{padding-top:36px;gap:34px;max-width:1340px}.battlefield{height:540px}.character-card{height:350px}}@media(max-width:1150px){.app-shell{grid-template-columns:minmax(180px,240px) minmax(360px,540px);max-width:860px;gap:24px}.right-panel{display:none}.left-panel{padding-top:10px}.brand{font-size:26px;letter-spacing:3px}.brand img{width:34px}.character-card{height:305px}.battlefield{height:480px}}@media(max-width:740px){body{background:#061a1b}.app-shell{display:block;padding:0;max-width:540px}.side-panel{display:none}.game-frame{border:0;border-radius:0;box-shadow:none;min-height:100dvh;display:flex;flex-direction:column}.game-header{height:66px;padding:10px 13px;flex-shrink:0}.battlefield{min-height:360px;height:auto;flex:1;min-height:calc(100dvh - 321px);max-height:700px}.game-frame{height:auto;min-height:100dvh}.game-header .icon-button{width:24px}.mini-avatar{width:37px;height:37px}.header-name strong{font-size:13px;max-width:135px}.currencies{gap:8px}.currencies span{font-size:11px}.currencies svg{width:16px;height:16px}.scene-head{top:15px}.scene-head h2{font-size:23px}.scene-shortcuts{top:121px;left:9px;gap:13px}.scene-shortcuts button{width:37px;height:40px}.scene-shortcuts svg{width:24px;height:24px}.enemy-hud{top:93px}.combat-status{top:132px;font-size:9px}.arena{inset:128px 25px 127px 48px;min-height:130px}.enemy-unit{width:115px;height:110px;top:7px;right:7%}.hero-unit{width:98px;height:141px;left:15%;bottom:-23px}.rune-enemy{top:90px;right:8%;width:77px}.rune-player{left:12%;bottom:-23px}.god-unit{bottom:4px}.spirit-unit{bottom:-14px}.scene-bottom{bottom:10px;left:14px;right:14px}.skill-slot{width:43px;height:43px}.skills-bar{gap:10px;margin-bottom:10px}.skill-slot svg{width:25px;height:25px}.player-vitals{margin-bottom:9px}.battle-controls{gap:8px}.progress-deck{flex-shrink:0}.exp-row{padding:6px 14px}.main-quest{min-height:66px;padding:10px 14px;gap:11px}.quest-copy strong{font-size:11px}.quest-copy small{font-size:9px}.quest-claim{font-size:9px}.cultivation-row{padding:10px 14px;min-height:74px}.cultivation-row strong{font-size:13px}.bottom-nav{height:64px;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav button{font-size:9px;gap:4px}.bottom-nav svg{width:24px;height:24px}.game-dialog{width:calc(100vw - 18px);max-height:94dvh}.dialog-shell{max-height:94dvh}.dialog-header{padding:18px 19px 14px}.dialog-header h2{font-size:23px}.dialog-tabs{padding:0 9px}.dialog-tabs button{padding:11px 13px;font-size:11px}.dialog-content{padding:20px 17px}.dialog-footer{padding:11px 17px}.panel-intro{margin-bottom:18px;gap:10px}.panel-intro h3{font-size:17px}.panel-intro p{font-size:10px}.panel-grid{gap:11px}.panel-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card-body{padding:13px}.game-card h3{font-size:12px}.game-card p{font-size:10px}.card-head{gap:9px}.card-head .emblem{width:43px;height:50px}.card-actions .btn{font-size:9px;padding:5px 8px;min-height:28px}.stat-chips{gap:4px;margin:11px 0}.stat-chips span{font-size:8px;padding:3px 5px}.rarity-label{font-size:8px;letter-spacing:1px}.companion-art{height:123px}.companion-art .emblem{height:95px;width:80px}.companion-art .owned-tag{font-size:8px;left:9px;top:9px}.companion-art .rarity-tag{font-size:8px;right:8px;top:9px}.portrait-layout{grid-template-columns:1fr;gap:20px}.character-display{height:210px;border-radius:40px 40px 3px 3px;background-size:110%;background-position:50% 21%;max-width:100%;display:none}.profile-title{font-size:23px}.profile-power{margin:8px 0 13px}.stat-table{margin-bottom:15px}.equipment-slots{gap:6px}.equipment-slot{height:63px}.equipment-slot strong{font-size:8px}.equip-line{padding:11px;gap:9px;flex-wrap:wrap}.equip-line .emblem{width:37px;height:42px}.equip-line .equip-info{min-width:150px}.equip-line .card-actions{margin-left:auto;max-width:100%;gap:6px}.equip-info h3{font-size:11px}.equip-info p{font-size:9px}.filter-row button{padding:5px 10px;font-size:9px}.filter-row .muted{font-size:9px}.dungeon-card{grid-template-columns:65px 1fr}.dungeon-art svg{width:36px;height:36px}.dungeon-card .game-card-body{padding:14px}.dungeon-card .card-actions{gap:9px}.quest-row{padding:12px 11px;gap:10px}.quest-row .emblem{width:30px;height:35px}.quest-row h3{font-size:11px}.quest-row p{font-size:9px}.quest-row .btn{font-size:9px;min-width:60px;padding:5px 8px}.quest-progress{font-size:9px}.login-gift{padding:18px 14px;gap:12px}.login-gift>svg{width:34px;height:34px}.login-gift h3{font-size:17px;letter-spacing:2px}.login-gift p{font-size:9px}.login-gift .btn{font-size:10px;padding:7px 10px}.realm-path{gap:8px}.realm-step{padding:14px 4px 10px}.realm-step h3{font-size:11px;letter-spacing:0}.realm-step small{font-size:7px}.realm-panel{padding:20px 15px}.realm-panel h3{font-size:25px}.realm-panel p{font-size:10px}.account-layout{grid-template-columns:1fr}.account-art{display:none}.account-form h3{font-size:17px}.setting-row{gap:17px;padding:16px 0}.setting-row h3{font-size:12px}.setting-row p{font-size:10px}.toast-stack{top:24%}.toast{font-size:11px;padding:10px 17px}.offline-total{gap:25px}.offline-total strong{font-size:22px}.shop-item .shop-price{font-size:18px}}@media(max-width:365px){.currencies{max-width:115px;gap:5px}.currencies span{font-size:10px}.header-name strong{max-width:110px}.game-header{gap:8px}.skills-bar{gap:8px}.skill-slot{width:39px;height:39px}.cultivation-actions{gap:5px}.cultivation-actions .btn{padding:5px 8px;font-size:9px}.panel-grid{grid-template-columns:1fr}.panel-grid.three{grid-template-columns:1fr 1fr}.realm-path{grid-template-columns:repeat(3,1fr)}.dialog-content{padding:18px 13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.collection-art{height:147px;width:100%;object-fit:contain;object-position:center 55%;filter:drop-shadow(0 6px 9px #0005);position:relative;z-index:1}.collection-badges{display:flex;justify-content:space-between;align-items:center;padding:7px 15px;background:#0a2426;font-size:9px;color:#b2bd95;border-bottom:1px solid #a3b87d22}.collection-badges span+span{color:#e4c27d;letter-spacing:2px}.variant-1 .collection-art{filter:hue-rotate(25deg) drop-shadow(0 6px 9px #0005)}.variant-2 .collection-art{filter:hue-rotate(-25deg) saturate(.8) drop-shadow(0 6px 9px #0005)}.god-unit{height:82px;width:53px;bottom:12px;left:39%;opacity:.85}.spirit-unit{height:55px;width:63px;left:0;bottom:0}.god-unit img,.spirit-unit img{width:100%;height:100%;object-fit:contain}.rank-number{font:25px Georgia;color:#d5c088;width:33px}.rank-power{font:20px Georgia;color:#dfc786;text-align:right}.rank-power small{display:block;color:#94ac90;font:9px system-ui;margin-top:3px}.rank-refresh{margin-top:0;margin-bottom:17px}.centered{justify-content:center}.enemy-unit.waiting{opacity:.7}.fighter{object-fit:contain}@media(max-width:740px){.collection-art{height:122px}.god-unit{height:67px;width:45px;bottom:-8px}.spirit-unit{height:49px;width:55px;bottom:-14px}}

.portrait{object-fit:contain;object-position:center 55%;background:radial-gradient(ellipse at 50% 70%,#6d94724d,#19302d 70%)}.character-card{background:radial-gradient(ellipse,#486c4933,#112c2b)}.character-display{background-size:contain;background-repeat:no-repeat;background-position:center 45%}.collection-art{filter:drop-shadow(0 6px 9px #0005)!important}.companion-art.god .collection-art{height:100%;object-fit:contain}.companion-art.spirit .collection-art{width:110px;height:110px}.companion-art.mount .collection-art{width:130px;height:140px}.enemy-fighter{filter:drop-shadow(0 0 12px #b6a87155);padding:8px}.enemy-unit{width:108px;height:108px}.enemy-unit.boss{filter:drop-shadow(0 0 14px #b56b4988)}.hero-unit{width:140px;height:140px;left:8%;bottom:-18px}.hero-fighter{filter:drop-shadow(0 5px 5px #0008)}.god-unit{height:57px;width:38px;border-radius:6px;overflow:hidden}.spirit-unit{height:43px;width:43px}.god-unit img,.spirit-unit img{object-fit:contain}@media(max-width:740px){.companion-art.spirit .collection-art{width:95px;height:95px}.companion-art.mount .collection-art{width:100px;height:120px}.hero-unit{width:125px;height:125px;left:7%;bottom:-25px}.enemy-unit{width:97px;height:97px;top:5px}.god-unit{height:51px;width:34px}.spirit-unit{height:38px;width:38px}}

/* Original game's intact public atlas, addressed with CSS frame coordinates. */
.nav-original{display:block;position:relative;width:40px;height:36px;overflow:hidden;filter:drop-shadow(0 1px 3px #0009)}.nav-original i{display:block;position:absolute;left:50%;top:50%;background-image:var(--original-bottom,url('/assets/original/res/atlas/txitech/mainui/bottom.png'));background-repeat:no-repeat;transform:translate(-50%,-50%) scale(.3)}.nav-original .original-role{width:77px;height:114px;background-position:-659px -241px}.nav-original .original-spirit{width:94px;height:101px;background-position:-313px -403px}.nav-original .original-bag{width:88px;height:105px;background-position:-211px -501px}.nav-original .original-realm{width:164px;height:142px;background-position:0 -68px;transform:translate(-50%,-50%) scale(.26)}.nav-original .original-forge{width:97px;height:104px;background-position:-620px -364px}.nav-original .original-god{width:98px;height:122px;background-position:-560px -241px}.nav-original .original-mount{width:139px;height:149px;background-image:url('/assets/original/res/art/lingwen/zuoqi/xl_zqkt_01.png');background-position:0 0;transform:translate(-50%,-50%) scale(.24)}.bottom-nav button{gap:1px}.bottom-nav button.selected .nav-original{filter:drop-shadow(0 0 6px #e7be6c66)}.enemy-unit{width:106px;height:146px;top:-3px}.enemy-fighter{padding:0}.rune-enemy{top:125px}.hero-unit{bottom:-20px}.companion-art.spirit .collection-art{width:100%;height:145px}.god-unit{height:67px;width:45px;border-radius:3px}.spirit-unit{width:48px;height:55px}@media(max-width:740px){.nav-original{height:34px;width:39px}.nav-original i{transform:translate(-50%,-50%) scale(.28)}.nav-original .original-realm{transform:translate(-50%,-50%) scale(.24)}.nav-original .original-mount{transform:translate(-50%,-50%) scale(.22)}.bottom-nav button{gap:0}.enemy-unit{width:94px;height:133px;top:-5px}.rune-enemy{top:110px}.companion-art.spirit .collection-art{width:100%;height:122px}.god-unit{height:57px;width:38px}.spirit-unit{width:43px;height:50px}}

[hidden]{display:none!important}
@media(min-width:741px){.game-frame{height:calc(100dvh - 44px);max-height:940px;min-height:620px;display:flex;flex-direction:column}.game-header,.progress-deck,.bottom-nav{flex-shrink:0}.battlefield{height:auto;min-height:0;flex:1;max-height:none}.app-shell{align-items:center}.side-panel{align-self:center}.character-card{height:clamp(220px,33dvh,350px)}}
@media(min-width:741px) and (max-height:820px){.app-shell{padding-top:15px;padding-bottom:15px}.game-frame{height:calc(100dvh - 30px);min-height:610px}.game-header{height:62px}.scene-head{top:10px}.scene-head h2{font-size:21px;margin:2px 0}.chapter{font-size:8px}.round-button{width:42px;height:42px}.enemy-hud{top:78px}.combat-status{top:116px;font-size:9px}.scene-shortcuts{top:102px;gap:7px}.scene-shortcuts button{height:37px}.scene-shortcuts svg{width:23px;height:23px}.arena{inset:100px 35px 115px 58px;min-height:95px}.hero-unit{height:112px;width:113px;bottom:-18px;left:7%}.enemy-unit{height:118px;width:90px;top:-5px}.rune-enemy{top:99px}.god-unit{height:52px;width:35px;bottom:-6px}.spirit-unit{height:41px;width:35px;bottom:-13px}.scene-bottom{bottom:8px}.player-vitals{margin-bottom:7px}.skills-bar{gap:10px;margin-bottom:8px}.skill-slot{width:39px;height:39px}.skill-slot svg{width:23px;height:23px}.cultivation-row{padding-top:9px;padding-bottom:9px}.main-quest{padding-top:10px;padding-bottom:10px;min-height:65px}.bottom-nav{height:61px}.session-title{height:60px}.side-box{padding:15px;margin-top:16px}.right-panel .side-box{padding:13px;margin-top:13px}.box-title{margin-bottom:12px}.daily-preview{gap:10px}.side-footer{margin-top:14px}.brand{margin-bottom:18px}.brand-note{margin-top:13px}.battle-record{max-height:160px}.portrait-layout .character-display{height:340px}}
@media(max-width:740px){.game-frame{height:100dvh;min-height:620px}.battlefield{flex:1;min-height:0;max-height:none}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0);height:calc(64px + env(safe-area-inset-bottom,0))}.progress-deck,.game-header{flex-shrink:0}}
@media(max-width:740px) and (max-height:760px){.game-header{height:59px}.scene-head{top:10px}.scene-head h2{font-size:21px}.enemy-hud{top:79px}.combat-status{top:115px}.scene-shortcuts{top:104px;gap:6px}.scene-shortcuts button{height:34px}.scene-shortcuts svg{width:21px;height:21px}.arena{inset:102px 25px 118px 48px;min-height:88px}.hero-unit{width:108px;height:108px;bottom:-20px}.enemy-unit{width:85px;height:117px;top:-5px}.rune-enemy{top:98px}.god-unit{height:49px;width:33px;bottom:-13px}.spirit-unit{height:39px;width:35px;bottom:-18px}.skills-bar{gap:9px;margin-bottom:8px}.skill-slot{width:39px;height:39px}.scene-bottom{bottom:8px}.player-vitals{margin-bottom:7px}.main-quest{min-height:60px;padding-top:8px;padding-bottom:8px}.cultivation-row{padding-top:8px;padding-bottom:8px;min-height:66px}.bottom-nav{height:calc(59px + env(safe-area-inset-bottom,0))}}

/* Original public artwork: equipment, materials, skills and header atlas. */
.original-icon{width:100%;height:100%;object-fit:contain;display:block}.original-emblem{background:radial-gradient(circle,#396e6355,#0d2626);border-color:#c7b78166;overflow:hidden}.original-emblem .original-icon{padding:3px;filter:drop-shadow(0 1px 2px #0008)}.equipment-slot>.original-icon{width:39px;height:39px;max-height:55%;margin:auto}.equipment-slot:not(.equipped)>.original-icon{opacity:.35;filter:grayscale(1)}.skill-slot>.original-icon{width:100%;height:100%;border-radius:50%}.skill-slot.locked>.original-icon{opacity:.48;filter:grayscale(.5)}.skill-slot{overflow:hidden}.original-top{display:block;flex-shrink:0;background-image:url("/assets/original/res/atlas/txitech/mainui/top.png");background-repeat:no-repeat}.mini-avatar{transform:none;background:transparent;border:0;overflow:hidden;min-width:42px}.mini-avatar .original-top{margin:auto}.currencies .original-top{align-self:center}.original-top-avatar{width:42px;height:41.11578947368421px;background-position:-99.91578947368421px -49.95789473684211px;background-size:190.54736842105262px 182.14736842105262px}.original-top-coin{width:22px;height:22px;background-position:-219.43589743589743px 0px;background-size:243.12820512820514px 232.4102564102564px}.original-top-jade{width:22px;height:22px;background-position:-219.43589743589743px -22.564102564102562px;background-size:243.12820512820514px 232.4102564102564px}.original-top-settings{width:24px;height:24px;background-position:-301.1612903225806px -61.935483870967744px;background-size:333.6774193548387px 318.96774193548384px}

/* Live spatial battlefield: Java owns position, hit timing and rewards. */
.realtime-world{position:absolute;inset:70px 6px 110px;overflow:hidden;outline:none;touch-action:none;cursor:crosshair;z-index:2;isolation:isolate;border-radius:8px}.rt-ground{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,#6e897b44 0,transparent 68%);pointer-events:none}.realtime-world:focus-visible{box-shadow:inset 0 0 0 2px #d5ce95}.rt-unit{position:absolute;margin:0;padding:0;appearance:none;border:0;background:none;color:white;transform:translate(-50%,-100%);width:62px;height:74px;overflow:visible;cursor:crosshair;transition:opacity .25s;display:block}.rt-hero{width:64px;height:95px;pointer-events:none}.rt-unit.boss{width:104px;height:112px}.rt-sprite{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #001b20);transform-origin:50% 90%;pointer-events:none}.rt-name{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:600;text-shadow:0 1px 3px #000;color:#ffddd0;pointer-events:none}.rt-hero .rt-name{color:#aafad9}.rt-health{position:absolute;bottom:100%;left:14%;width:72%;height:4px;border:1px solid #182c2d;background:#251c23;pointer-events:none}.rt-health i{display:block;height:100%;background:#dc726a;transition:width .1s}.rt-hero .rt-health i{background:#7ee4bc}.rt-shadow{position:absolute;bottom:-3px;left:5%;width:90%;height:15px;border-radius:50%;background:#071d1d88;filter:blur(2px)}.rt-target-ring{display:none;position:absolute;bottom:-9px;left:-6px;right:-6px;height:25px;border:2px solid #ffc572;border-radius:50%;box-shadow:0 0 8px #ffbb77}.selected .rt-target-ring{display:block}.rt-unit.dead{opacity:0;pointer-events:none}.rt-unit.running .rt-sprite{animation:rt-run .3s ease-in-out infinite alternate}.rt-unit.attacking .rt-sprite{animation:rt-swing .32s ease-out}.rt-unit.impact .rt-sprite{filter:brightness(2) drop-shadow(0 0 4px #fff)}.rt-paused .rt-unit{opacity:.4}.rt-disconnected::after{content:'連線中斷，正在重新連線…';position:absolute;inset:40% 0 auto;text-align:center;color:white;background:#102629dd;padding:12px;z-index:9999}#realtime-effects{position:absolute;inset:0;pointer-events:none;z-index:900}#realtime-actors{position:absolute;inset:0}.rt-number{position:absolute;color:#ffed93;font-size:19px;line-height:1;font-family:Georgia,serif;text-shadow:1px 2px 2px #371b12;animation:rt-number .95s ease-out forwards;white-space:nowrap;transform:translate(-50%,-80px)}.rt-number-hurt{color:#ffa19c;font-size:16px}.rt-critical{font-size:25px;color:#ffd34d}.rt-strike{position:absolute;height:3px;background:#e1fff9;box-shadow:0 0 9px 3px #94ffe7;transform-origin:left center;animation:rt-strike .35s ease-out forwards}.rt-skill-strike{height:9px;background:#fff6b2;box-shadow:0 0 20px 8px #e9c65a}.rt-enemy-strike{height:2px;box-shadow:0 0 5px #ff735e;background:#ff9e8b}.rt-cast-ring{position:absolute;width:90px;height:45px;border:3px solid #fff3b0;border-radius:50%;box-shadow:0 0 16px #f1e08a;animation:rt-ring .6s ease-out forwards}#rt-destination{position:absolute;width:24px;height:14px;border:2px solid #a3ffde;border-radius:50%;opacity:0;pointer-events:none}#rt-destination.visible{animation:rt-ring .8s ease-out}.rt-guide{position:absolute;bottom:98px;left:14px;right:14px;display:flex;justify-content:space-between;gap:5px;z-index:3;font-size:9px;color:#e2ebd8;text-shadow:0 1px 3px #000;pointer-events:none}.rt-manual-skills{display:flex;gap:5px;justify-content:center;margin:6px 0}.rt-manual-skills button{position:relative;color:#f2e2af;background:#183c3bdd;border:1px solid #7d9471;border-radius:7px;padding:7px 8px;font-size:10px;cursor:pointer}.rt-manual-skills button:disabled{opacity:.55}.rt-manual-skills button>span{font-size:8px;padding-right:5px;color:#a0beae}.rt-cd{position:absolute;inset:0;display:grid;place-items:center;border-radius:7px;background:#051d27aa;font-size:13px}.rt-cd:empty{display:none}.enemy-hud{top:9px;left:43%;width:40%;pointer-events:none}.combat-status{top:55px;left:22%;right:8%;font-size:9px;pointer-events:none}.scene-head{z-index:3;pointer-events:none}.scene-head button{pointer-events:auto}.scene-shortcuts{z-index:4}.scene-head h2{font-size:16px;letter-spacing:1px}.scene-head .chapter{font-size:8px}.battlefield{min-height:400px!important}.arena[hidden],.skills-bar[hidden]{display:none!important}
@keyframes rt-run{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-4px) rotate(3deg)}}@keyframes rt-swing{0%{transform:rotate(-8deg)}45%{transform:rotate(14deg) translateX(6px)}100%{transform:none}}@keyframes rt-number{to{opacity:0;transform:translate(-50%,-135px) scale(1.12)}}@keyframes rt-strike{0%{opacity:0}20%{opacity:1}100%{opacity:0}}@keyframes rt-ring{from{opacity:1;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
@media(max-width:600px){.rt-unit{width:50px;height:62px}.rt-hero{width:52px;height:80px}.rt-name{font-size:9px}.realtime-world{inset:70px 0 110px}.rt-guide{font-size:8px}.rt-manual-skills button{padding:7px 6px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.rt-unit.running .rt-sprite,.rt-unit.attacking .rt-sprite{animation:none}}

/* Original skinned models share the Java world coordinates with accessible target buttons. */
.rt-model-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.rt-ground{z-index:0}#realtime-actors{z-index:2}.rt-model-loaded .rt-sprite{visibility:hidden}.rt-model-loaded .rt-shadow{opacity:.35}.rt-model-loaded{height:65px}.rt-model-loaded.rt-hero{height:75px}.rt-model-loaded.boss{height:110px}.rt-model-status{position:absolute;left:12px;bottom:119px;color:#cbe4d4;font-size:8px;z-index:4;pointer-events:none;text-shadow:0 1px 3px #000}.realtime-world{inset:85px 6px 135px}.rt-model-loaded .rt-name{font-size:9px}.battlefield{min-height:480px!important}

.original-combat-effect{position:absolute;width:135px;height:135px;pointer-events:none;object-fit:contain;mix-blend-mode:screen;opacity:0;transform:translate(-50%,-75%);filter:drop-shadow(0 0 5px #cdfaff66)}.effect-loaded{animation:original-fx .85s ease-out forwards}.effect-ground{width:160px;height:80px}.effect-sigil{width:130px;height:75px}.effect-blade{height:175px;width:115px}.effect-slash{width:115px;height:90px}.effect-burst{width:145px;height:185px}
@keyframes original-fx{0%{opacity:0;transform:translate(-50%,-65%) scale(.3) rotate(-15deg)}15%{opacity:1}65%{opacity:.85;transform:translate(-50%,-70%) scale(1.15) rotate(8deg)}100%{opacity:0;transform:translate(-50%,-75%) scale(1.4) rotate(15deg)}}
@media(min-width:741px){.game-frame{min-height:640px}.battlefield{min-height:365px!important}}.realtime-world{inset:78px 6px 110px}.rt-model-status{bottom:104px;left:16px}.rt-guide{bottom:90px}

.realtime-world{overflow:visible}.rt-model-canvas{top:-100px;height:calc(100% + 100px)}.rt-guide{bottom:116px}.rt-model-status{bottom:132px}.realtime-world{bottom:147px}

/* Textures are composited with their masks before display; never show a mask or a full flipbook as an image. */
canvas.original-combat-effect{animation:none;mix-blend-mode:normal;filter:none;object-fit:fill}

.stage-hint{display:block;margin-top:2px;font-size:12px;color:var(--gold);opacity:.9}
.stage-hint[hidden]{display:none}
.original-layout .stage-hint{font-size:1.6cqw}