:root{--bg:#14171b;--panel:#20242a;--panel2:#282d34;--line:#393f48;--text:#edf0eb;--muted:#9199a2;--gold:#d8b76d;--green:#68b483;--red:#d16a60;--blue:#6da7c8;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#20252b,#111418);font-size:14px}.app-shell{width:min(100%,480px);min-height:100vh;margin:auto;background:#171a1f;box-shadow:0 0 60px #0008}.statusbar{height:58px;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#1b1f24ee;border-bottom:1px solid #333943;backdrop-filter:blur(10px)}.player-chip{display:flex;align-items:center;gap:8px}.mini-avatar{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,#cfc8b2,#666e70);clip-path:polygon(50% 0,100% 25%,88% 90%,50% 100%,12% 90%,0 25%);color:#272b2d;font:700 16px serif}.player-chip strong,.player-chip span{display:block}.player-chip strong{font-size:13px}.player-chip span{font-size:10px;color:#9ea6ae;margin-top:2px}.wallet{text-align:right;font-size:9px;color:#8e969f}.wallet span{display:block;margin:2px}.wallet b{color:#e5cb8d;font-size:11px}.pages{padding-bottom:78px}.page{display:none;min-height:calc(100vh - 136px);padding:12px}.page.active{display:block}.location-card{width:100%;height:63px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #444a53;border-radius:8px;background:linear-gradient(135deg,#2b3138,#22262c);color:var(--text);text-align:left}.location-pin{width:34px;height:34px;border:1px solid #6a7770;background:#27362e;border-radius:50%;display:grid;place-items:center;color:#87b99a;font-size:19px}.location-card div:nth-of-type(1){min-width:84px}.location-card small,.location-card strong,.location-card span,.location-card b{display:block}.location-card small{font-size:9px;color:#88929b}.location-card strong{font-size:15px;margin-top:2px}.map-monsters{flex:1;border-left:1px solid #454a51;padding-left:9px}.map-monsters span{font-size:9px;color:#9098a1}.map-monsters b{font-size:10px;color:#c8cdd0;margin-top:3px}.location-card>i{font-style:normal;font-size:10px;color:var(--gold)}.battle-stage{height:405px;margin-top:9px;position:relative;overflow:hidden;border:1px solid #3b434b;border-radius:8px;background:linear-gradient(#283b45 0,#415647 48%,#292f29 70%,#1d2122 100%);box-shadow:0 10px 25px #0004}.battle-stage:before,.battle-stage:after{content:"";position:absolute;left:-8%;right:-8%;bottom:102px;height:155px;background:#26352c;clip-path:polygon(0 64%,13% 36%,24% 58%,38% 23%,49% 56%,63% 10%,76% 52%,89% 27%,100% 63%,100% 100%,0 100%)}.battle-stage:after{bottom:76px;height:90px;background:#202820;opacity:.8;clip-path:polygon(0 76%,12% 36%,24% 71%,37% 28%,52% 66%,65% 37%,83% 68%,94% 30%,100% 55%,100% 100%,0 100%)}.stage-sky i{position:absolute;border-radius:50%;background:#d8e8dc10;filter:blur(8px)}.stage-sky i:nth-child(1){width:260px;height:40px;top:78px;left:-70px}.stage-sky i:nth-child(2){width:180px;height:26px;top:126px;right:-40px}.stage-sky i:nth-child(3){width:130px;height:130px;top:-55px;right:12px;background:#dfd19918}.battle-status{position:absolute;z-index:3;top:10px;left:12px;right:10px;display:flex;align-items:center;gap:7px;font-size:10px;color:#d5ddd6}.battle-status button{margin-left:auto;width:29px;height:29px;border:1px solid #65716b;border-radius:50%;background:#25302bcc;color:#c4ccc6}.live-dot{width:6px;height:6px;border-radius:50%;background:#70da87;box-shadow:0 0 8px #70da87;animation:pulse 1.4s infinite}.combatant{position:absolute;z-index:2;top:94px;width:130px;text-align:center}.player-side{left:24px}.enemy-side{right:24px;top:105px}.paper-unit{width:88px;height:118px;margin:auto;display:grid;place-items:center;position:relative;filter:drop-shadow(0 12px 8px #0008);clip-path:polygon(50% 0,88% 16%,100% 67%,72% 100%,22% 95%,0 58%,10% 15%);background:linear-gradient(145deg,#ddd9cb,#727a73 60%,#3f4743)}.paper-unit span{font:700 34px "Songti SC",serif;color:#202526;text-shadow:0 1px #fff5}.hero-unit i{position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff2,transparent);animation:shine 2.2s infinite}.enemy-unit{width:95px;height:108px;background:linear-gradient(145deg,#b4c086,#617147 60%,#39442f)}.enemy-unit span{font-size:30px}.shadow{position:absolute;width:100px;height:20px;background:#0007;filter:blur(5px);border-radius:50%;bottom:31px;left:15px}.combatant>strong,.combatant>small{display:block;position:relative;text-shadow:0 2px 3px #000}.combatant>strong{margin-top:5px;font-size:12px}.combatant>small{font-size:9px;color:#c3cbc4;margin-top:2px}.pet-unit{position:absolute;width:48px;height:52px;left:84px;top:75px;display:grid;place-items:center;border-radius:45% 55% 45% 55%;background:#bba474;color:#443a27;font:bold 16px serif;filter:drop-shadow(0 5px 4px #0007)}.impact{position:absolute;z-index:3;top:126px;left:50%;transform:translateX(-50%);text-align:center;width:76px}.impact b{display:block;color:#f2cd78;font-size:17px;animation:damage .8s infinite}.impact i{display:block;height:2px;background:linear-gradient(90deg,transparent,#fff4be,transparent);transform:rotate(-13deg);box-shadow:0 0 10px #fff}.impact small{font-size:8px;color:#d6dad7}.combat-bars{position:absolute;z-index:3;left:14px;right:14px;bottom:67px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.combat-bars label{display:flex;justify-content:space-between;font-size:8px;color:#bac1bc}.combat-bars p{height:6px;margin:4px 0;background:#111718;border:1px solid #65716b}.combat-bars p i{display:block;height:100%;width:100%;background:#63b77b;transition:width .25s}.combat-bars .enemy-hp{text-align:right}.combat-bars .enemy-hp p i{margin-left:auto;background:#c66156}.skill-row{position:absolute;z-index:3;bottom:0;left:0;right:0;height:58px;padding:8px 12px;display:flex;gap:9px;align-items:center;background:#1c2024e8;border-top:1px solid #475057}.skill-row>div:nth-child(2){flex:1}.skill-row b,.skill-row small{display:block}.skill-row b{font-size:11px}.skill-row small{font-size:8px;color:#939ca3;margin-top:3px}.skill-orb{width:38px;height:38px;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:50%;border:1px solid #af9252;background:radial-gradient(circle,#5c4d27,#262419);color:#e6cf91;font:bold 14px serif}.skill-orb i{position:absolute;left:0;right:0;top:0;height:0;background:#080b0ca8}.pet-skill{border-color:#658678;background:radial-gradient(circle,#365747,#1c2923);color:#9bc2aa}.loot-ticker{height:66px;margin-top:9px;padding:9px 10px;display:flex;align-items:center;gap:9px;border:1px solid #393f46;border-radius:7px;background:#22262b}.loot-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #826e43;background:#373020;color:#e4c36f}.loot-ticker>div:nth-child(2){min-width:0;flex:1}.loot-ticker small,.loot-ticker strong,.loot-ticker span{display:block}.loot-ticker small,.loot-ticker span,.loot-ticker time{font-size:8px;color:#8f989f}.loot-ticker strong{font-size:11px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loot-ticker time{align-self:flex-start}.battle-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:9px;border:1px solid #383e45;border-radius:7px;background:#20242a;padding:10px}.battle-summary div{text-align:center;border-right:1px solid #3e444b}.battle-summary div:last-child{border:0}.battle-summary span,.battle-summary b{display:block}.battle-summary span{font-size:8px;color:#8e969e}.battle-summary b{font-size:13px;color:#e4d3a7;margin-top:3px}.offline-button{width:100%;margin-top:9px;padding:10px 12px;position:relative;text-align:left;border:1px solid #4b4b3e;border-radius:7px;background:#292922;color:#e8e3d5}.offline-button span,.offline-button small{display:block}.offline-button span{font-size:11px;font-weight:bold}.offline-button small{font-size:8px;color:#a39d88;margin-top:2px}.offline-button>b{position:absolute;right:12px;top:15px}.bottom-nav{position:fixed;z-index:8;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,480px);height:68px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#1c2025f5;border-top:1px solid #3b424b;backdrop-filter:blur(12px)}.bottom-nav button{position:relative;border:0;background:transparent;color:#77818b}.bottom-nav i,.bottom-nav span{display:block;font-style:normal}.bottom-nav i{font:17px serif;margin-bottom:3px}.bottom-nav span{font-size:9px}.bottom-nav button.active{color:#e3c87e}.bottom-nav button.active:before{content:"";position:absolute;top:0;left:28%;right:28%;height:2px;background:#d6b666;box-shadow:0 0 8px #d6b666}.bottom-nav em{position:absolute;top:7px;left:55%;min-width:15px;height:15px;padding:1px 4px;border-radius:10px;background:#b7554d;color:white;font:8px sans-serif}.page-title{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343a42}.page-title small{font-size:9px;color:#848e98;letter-spacing:.2em}.page-title h1{margin:2px 0 0;font:700 25px "Songti SC",serif}.page-title>span{font-size:10px;color:#aaa47e}.bag-tabs,.channel-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.bag-tabs button,.channel-tabs button{padding:9px;border:1px solid #383e46;background:#1e2227;color:#8d969e;border-radius:5px;font-size:10px}.bag-tabs button.active,.channel-tabs button.active{border-color:#826f43;background:#342f22;color:#e0c680}.inventory{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.inventory-slot{aspect-ratio:1;position:relative;min-width:0;border:1px solid #343b43;border-radius:5px;background:#20252a;color:#d9dcd8}.inventory-slot span{display:block;font:17px serif}.inventory-slot b{position:absolute;right:3px;top:2px;font-size:7px;color:#d7c48d}.inventory-slot small{display:block;font-size:6px;white-space:nowrap;overflow:hidden}.inventory-slot.selected{border-color:#bd9b52;box-shadow:inset 0 0 0 1px #6e5c36}.inventory-slot.empty{background:#1a1e22}.item-detail{display:flex;gap:13px;margin-top:16px;padding:14px;border:1px solid #3b4249;border-radius:8px;background:#22272d}.item-big{width:62px;height:62px;flex:none;display:grid;place-items:center;border:1px solid #7c6943;background:#353022;font:24px serif;color:#e2c679}.item-detail small{font-size:8px;color:#9b8e6c}.item-detail h2{margin:3px 0;font-size:16px}.item-detail p{margin:4px 0;font-size:9px;color:#929ba3}.item-detail b{font-size:9px;color:#d1c39c}.empty-hint{text-align:center;font-size:9px;color:#69737c;margin-top:24px}.character-card{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px;border:1px solid #3c434b;border-radius:8px;background:linear-gradient(135deg,#2b3137,#20242a)}.character-art{width:70px;height:90px;display:grid;place-items:center;clip-path:polygon(50% 0,90% 20%,100% 76%,60% 100%,16% 92%,0 54%,12% 15%);background:linear-gradient(145deg,#d4d1c4,#6e7773);font:26px serif;color:#272b2b}.char-info{flex:1}.char-info small,.char-info strong,.char-info span{display:block}.char-info small,.power small{font-size:8px;color:#8e979f}.char-info strong{font-size:17px;margin:2px 0}.char-info span{font-size:8px;color:#8f989f}.xp-bar{height:5px;background:#15191d;margin:6px 0 3px}.xp-bar i{display:block;height:100%;width:0;background:#6ca3c5}.power{text-align:right}.power b{display:block;color:#e3c779;margin-top:3px}.attribute-card,.derived-stats{margin-top:10px;padding:13px;border:1px solid #3a4149;border-radius:8px;background:#20252a}.attribute-head{display:flex;justify-content:space-between;align-items:center}.attribute-head h2,.derived-stats h2{margin:0;font-size:14px}.attribute-head p{margin:3px 0 0;font-size:8px;color:#8d969e}.attribute-head>b{padding:6px 8px;border-radius:20px;background:#393224;color:#cdb675;font-size:9px}.attribute-head>b span{font-size:14px}.attribute-list{margin-top:10px}.attribute-list>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #353b42}.attr-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#3a3027;color:#e5ae72;font:bold 13px serif}.attr-icon.spirit{background:#29354a;color:#85aada}.attr-icon.body{background:#293e32;color:#78b78b}.attr-icon.speed{background:#3b2e43;color:#bb8fc5}.attribute-list>div>div{flex:1}.attribute-list b,.attribute-list small{display:block}.attribute-list b{font-size:11px}.attribute-list small{font-size:8px;color:#89939b}.attribute-list strong{font-size:15px}.attribute-list button{width:30px;height:30px;border:1px solid #796841;background:#342f23;color:#dfc578;border-radius:5px}.attribute-list button:disabled{opacity:.3}.attribute-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.attribute-actions button{padding:9px;border:1px solid #444c54;background:#282d33;color:#aeb5b9;border-radius:5px;font-size:9px}.attribute-actions button:last-child{border-color:#74643e;color:#dbc47e}.derived-stats>div{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.derived-stats span{display:flex;justify-content:space-between;padding:8px;border-top:1px solid #333a41;font-size:9px;color:#9099a1}.derived-stats b{color:#d5d9d4}.channel-tabs{grid-template-columns:repeat(3,1fr)}.messages{min-height:440px;padding:4px 7px}.messages p{margin:0;padding:12px 0;border-bottom:1px solid #2c3238;color:#b8bec2;font-size:11px;line-height:1.55}.messages time{margin-right:8px;color:#68737c;font-size:8px}.messages b{color:#8cad99}.messages .system{color:#9ea69f}.messages .system b{color:#d1b870}.chat-compose{position:fixed;left:50%;bottom:74px;transform:translateX(-50%);width:min(calc(100% - 24px),456px);display:flex;border:1px solid #3d444c;border-radius:7px;background:#22272d;overflow:hidden}.chat-compose span,.chat-compose button{padding:11px;border:0;background:#2a3036;color:#9fa6ab;font-size:9px}.chat-compose input{min-width:0;flex:1;border:0;background:transparent;padding:10px;color:#888;font-size:9px}.sheet-backdrop{position:fixed;inset:0;z-index:9;background:#07090bd0;backdrop-filter:blur(3px)}.location-sheet{position:fixed;z-index:10;left:50%;bottom:0;transform:translate(-50%,105%);width:min(100%,480px);max-height:91vh;overflow:auto;padding:8px 14px calc(18px + env(safe-area-inset-bottom));border:1px solid #454c54;border-bottom:0;border-radius:14px 14px 0 0;background:#1c2025;transition:transform .25s}.location-sheet.open{transform:translate(-50%,0)}.sheet-handle{width:38px;height:4px;margin:0 auto 12px;border-radius:3px;background:#505760}.location-sheet header{display:flex;align-items:center;justify-content:space-between}.location-sheet header small{font-size:8px;color:#8d969e;letter-spacing:.2em}.location-sheet h2{margin:3px 0;font:700 18px serif}.location-sheet header button{width:34px;height:34px;border:1px solid #454c53;border-radius:50%;background:#252a30;color:#aeb5ba;font-size:20px}.location-sheet h3{margin:15px 0 8px;font-size:10px;color:#a8afb4}.location-sheet h3 span{float:right;font-size:8px;font-weight:normal;color:#6f7982}.town-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.town-grid button{padding:10px;text-align:left;border:1px solid #383f46;border-radius:6px;background:#23282e;color:#aeb5ba}.town-grid b,.town-grid small{display:block}.town-grid b{font-size:11px}.town-grid small{font-size:8px;color:#747e87;margin-top:2px}.town-grid button.active{border-color:#806f44;background:#343024;color:#e0ca8b}.map-list{display:grid;gap:6px}.map-list>button{display:flex;align-items:center;gap:10px;padding:8px;text-align:left;border:1px solid #373e45;border-radius:7px;background:#22272c;color:#d6dad7}.map-list>button.active{border-color:#887443;background:#302d25}.map-thumb{width:50px;height:45px;flex:none;display:grid;place-items:center;border-radius:5px;background:linear-gradient(145deg,#59765c,#263b2d)}.map-thumb.blue{background:linear-gradient(145deg,#667b83,#2a3d47)}.map-thumb.amber{background:linear-gradient(145deg,#806d4c,#433925)}.map-thumb.violet{background:linear-gradient(145deg,#6e6076,#382e40)}.map-thumb b{font-size:11px;color:#e4e8e2}.map-list>button>div:nth-child(2){flex:1}.map-list strong,.map-list span,.map-list small{display:block}.map-list strong{font-size:12px}.map-list span{font-size:9px;color:#c1c6c2;margin:2px 0}.map-list small{font-size:8px;color:#7f8991}.map-list i{font-style:normal;color:#d1b76e}dialog{width:min(calc(100% - 28px),430px);padding:0;border:1px solid #8b7647;border-radius:8px;background:#20252a;color:var(--text);box-shadow:0 20px 70px #000}dialog::backdrop{background:#07090bd8}.settlement-head{text-align:center;padding:20px;background:linear-gradient(#393323,#23282a);border-bottom:1px solid #65583b}.settlement-head small{font-size:8px;color:#d7b86d;letter-spacing:.25em}.settlement-head h2{margin:4px 0;font:700 20px serif}.settlement-map{display:flex;align-items:center;gap:10px;margin:13px;padding:10px;background:#191d20}.settlement-map>span{width:35px;height:35px;display:grid;place-items:center;background:#45533d;color:#d8ded1}.settlement-map small,.settlement-map b{display:block}.settlement-map small{font-size:8px;color:#818b93}.settlement-map b{font-size:12px;margin-top:3px}.settlement-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:13px}.settlement-stats div{text-align:center;border-right:1px solid #3d444b}.settlement-stats div:last-child{border:0}.settlement-stats span,.settlement-stats b{display:block}.settlement-stats span{font-size:8px;color:#87919a}.settlement-stats b{font-size:15px;color:#e3c579;margin-top:4px}dialog>p{margin:13px;padding:10px;background:#191d20;color:#979fa5;font-size:9px}dialog>button{width:calc(100% - 26px);margin:0 13px 13px;padding:12px;border:1px solid #8a7445;background:#3b3322;color:#e8d8aa;border-radius:5px}@keyframes pulse{50%{opacity:.3}}@keyframes damage{0%{transform:translateY(4px);opacity:0}30%{opacity:1}100%{transform:translateY(-8px);opacity:0}}@keyframes shine{0%,50%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media(max-height:760px){.battle-stage{height:360px}.combatant{top:77px}.enemy-side{top:88px}.impact{top:110px}.battle-stage:before{bottom:90px}.offline-button{display:none}}