*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--gold: #d9b26a;--gold-2: #f2d79a;--ink: #12100e;--ink-2: #1c1815;--ink-3: #2a231d;--jade: #4ea88a;--red: #c94f4f;--blue: #5a8fd6;--purple: #9d6bd6;--orange: #e08a3c;--text: #e8ddc8;--text-dim: #9b8f7d}html,body{height:100%;background:#0a0908;color:var(--text);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1a1613,#070605)}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#game-canvas canvas{display:block}#ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column}#ui-layer>*{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 22px;border:1px solid rgba(217,178,106,.45);border-radius:10px;background:linear-gradient(180deg,#2e2620,#1d1815);color:var(--text);font-size:17px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:transform .08s,filter .15s,box-shadow .15s;box-shadow:0 3px #00000073,inset 0 1px #ffffff0f}.btn:active{transform:translateY(2px);box-shadow:0 1px #00000073}.btn.primary{background:linear-gradient(180deg,#b98f3f,#8a6726);border-color:var(--gold-2);color:#1a1206;text-shadow:0 1px 0 rgba(255,255,255,.25)}.btn.ghost{background:transparent;box-shadow:none}.btn:disabled{opacity:.4;filter:grayscale(.6);pointer-events:none}.btn.small{padding:9px 14px;font-size:14px;border-radius:8px}.btn.danger{border-color:#c94f4f99}.card{background:linear-gradient(180deg,#2a231df5,#181411f5);border:1px solid rgba(217,178,106,.22);border-radius:14px;box-shadow:0 10px 30px #00000080}.login-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px}.logo{font-size:60px;font-weight:900;letter-spacing:8px;background:linear-gradient(180deg,#f7e6b8,#c9973c 60%,#8a5f1c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(217,178,106,.25)}.logo-sub{color:var(--text-dim);font-size:14px;letter-spacing:4px;margin-top:-10px}.field{width:min(420px,806px);display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;color:var(--text-dim);letter-spacing:2px}.field input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid rgba(217,178,106,.3);background:#0006;color:var(--text);font-size:17px;outline:none}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d9b26a1f}.school-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(560px,883px)}.school-card{padding:14px 10px;border-radius:12px;border:1px solid rgba(217,178,106,.25);background:#00000059;text-align:center;cursor:pointer;transition:.15s}.school-card.sel{border-color:var(--gold);background:#d9b26a24;box-shadow:0 0 20px #d9b26a33}.school-card .ic{font-size:28px}.school-card .nm{font-size:16px;font-weight:700;margin:4px 0 2px}.school-card .ds{font-size:11px;color:var(--text-dim);line-height:1.4}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(180deg,#12100ef2,#12100e00)}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 35% 30%,#4a3c2c,#1a1613);border:2px solid var(--gold);flex:none}.pinfo{flex:1;min-width:0}.pname{font-size:16px;font-weight:700}.plv{font-size:12px;color:var(--gold-2)}.expbar{height:6px;border-radius:3px;background:#ffffff1a;margin-top:6px;overflow:hidden}.expbar>i{display:block;height:100%;background:linear-gradient(90deg,#8a6726,var(--gold-2));border-radius:3px}.currency{display:flex;flex-direction:column;gap:4px;font-size:12px;text-align:right}.currency b{color:var(--gold-2);font-size:14px}.lobby-body{flex:1;overflow-y:auto;padding:0 16px 120px;display:flex;flex-direction:column;gap:14px}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gold-2);letter-spacing:3px;font-weight:700;margin-top:6px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(217,178,106,.4),transparent)}.map-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(217,178,106,.18);background:linear-gradient(90deg,#2a231de6,#181411d9);cursor:pointer;transition:.15s}.map-item:active{transform:scale(.985)}.map-item.locked{opacity:.45}.map-item .ic{font-size:26px;width:40px;text-align:center}.map-item .meta{flex:1}.map-item .nm{font-size:15px;font-weight:700}.map-item .sub{font-size:11px;color:var(--text-dim);margin-top:2px}.map-item .go{font-size:12px;color:var(--gold-2)}.pet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pet-card{padding:12px;border-radius:12px;border:1px solid rgba(217,178,106,.2);background:#00000059;display:flex;flex-direction:column;gap:6px;cursor:pointer}.pet-card.team{border-color:var(--jade);box-shadow:0 0 16px #4ea88a2e}.pet-card .row1{display:flex;align-items:center;gap:8px}.pet-card .ic{font-size:24px}.pet-card .nm{font-size:14px;font-weight:700}.pet-card .rank{font-size:11px;padding:1px 6px;border-radius:6px;border:1px solid currentColor}.r1{color:#f0b34a}.r2{color:#c07de0}.r3{color:#5a9fe0}.r4{color:#4ea88a}.r5{color:#8e8377}.pet-card .stats{font-size:11px;color:var(--text-dim);line-height:1.6}.battle-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}.battle-ui>*{pointer-events:auto}.log-panel{position:absolute;left:12px;right:12px;top:84px;max-height:130px;overflow:hidden;display:flex;flex-direction:column-reverse;gap:3px;font-size:12px;color:var(--text-dim);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%);pointer-events:none}.log-panel div{text-align:center}.action-bar{padding:12px;background:linear-gradient(180deg,#0a090800,#0a0908eb 30%);display:flex;flex-direction:column;gap:8px}.act-row{display:flex;gap:8px}.act-row .btn{flex:1;flex-direction:column;gap:2px;padding:10px 6px;font-size:13px}.act-row .btn .sub{font-size:10px;color:var(--text-dim);font-weight:400}.result-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s}.result-box{width:min(420px,864px);padding:22px;text-align:center}.result-box h2{font-size:28px;margin-bottom:14px;letter-spacing:4px}.result-box .win{color:var(--gold-2)}.result-box .lose{color:var(--red)}.result-rows{display:flex;flex-direction:column;gap:8px;margin:16px 0 20px;font-size:14px}.result-rows .r{display:flex;justify-content:space-between;padding:8px 12px;border-radius:8px;background:#ffffff0d}.result-rows .r b{color:var(--gold-2)}.float-num{position:absolute;font-weight:900;font-size:26px;pointer-events:none;animation:floatUp .9s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.9);z-index:50}.float-num.crit{font-size:36px;color:#ffcf5c}.float-num.heal{color:#6fd6a0}.float-num.miss{color:#a9a9a9;font-size:20px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-18px) scale(1.15)}to{opacity:0;transform:translate(-50%,-78px) scale(1)}}.toast{position:absolute;left:50%;top:12%;transform:translate(-50%);padding:10px 20px;border-radius:10px;background:#000000d9;border:1px solid rgba(217,178,106,.35);font-size:14px;z-index:200;animation:toastIn .2s;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0908;z-index:999;font-size:15px;color:var(--text-dim);letter-spacing:3px}.quick-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 14px 4px}.qnav{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#2a241ce6,#1a1611f2);border:1px solid rgba(196,160,90,.28);color:#cfc4ae;font-size:11px;font-family:inherit}.qnav span{font-size:19px;line-height:1}.qnav:active{transform:scale(.96)}.mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(520px,902px);max-height:1210px;display:flex;flex-direction:column;background:linear-gradient(180deg,#221d16,#15120e);border:1px solid rgba(196,160,90,.38);border-radius:14px;box-shadow:0 24px 70px #000000bf;overflow:hidden}.modal-title{padding:14px 16px;font-size:17px;font-weight:700;color:var(--gold-2);border-bottom:1px solid rgba(196,160,90,.22);display:flex;justify-content:space-between;align-items:center}.modal-title .x{cursor:pointer;color:#9b8f7d;font-size:20px;padding:0 4px}.modal-body{padding:12px 14px 16px;overflow-y:auto}.bag-bonus{font-size:12px;color:#8fbfae;background:#4ea88a1a;border:1px solid rgba(78,168,138,.28);border-radius:8px;padding:8px 10px;margin-bottom:10px}.bag-row{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:7px;border-radius:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.bag-row.worn{border-color:#4ea88a66;background:#4ea88a14}.bag-row .ic{font-size:20px;width:26px;text-align:center}.bag-row .meta{flex:1;min-width:0}.bag-row .nm{font-size:13px;font-weight:700}.bag-row .sub{font-size:11px;color:var(--text-dim);margin-top:2px}.bag-row .acts{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.bag-row .acts button{font-size:11px;padding:5px 9px;border-radius:7px;cursor:pointer;background:#c4a05a29;color:var(--gold-2);border:1px solid rgba(196,160,90,.4);font-family:inherit}.bag-row .acts button.dim{background:#ffffff0d;color:#9b8f7d;border-color:#ffffff1a}.q1{color:#b8b0a2}.q2{color:#6fbf73}.q3{color:#5aa9e6}.q4{color:#b07fe0}.q5{color:#e8a13c}.cnt{color:var(--text-dim);font-size:11px;font-weight:400}.chat-list{height:662px;overflow-y:auto;padding:8px;background:#00000040;border-radius:10px;border:1px solid rgba(196,160,90,.18)}.chat-msg{padding:6px 8px;margin-bottom:6px;border-radius:8px;background:#ffffff08;font-size:12px}.chat-msg.mine{background:#c4a05a1f}.chat-msg b{color:var(--gold-2);font-weight:700}.chat-msg .t{color:var(--text-dim);font-size:10px;margin-left:6px}.chat-msg .txt{color:#ded4c0;margin-top:3px;line-height:1.5;word-break:break-word}.chat-form{display:flex;gap:8px;margin-top:10px}.chat-form input{flex:1;padding:10px 12px;border-radius:9px;font-family:inherit;font-size:13px;background:#00000059;border:1px solid rgba(196,160,90,.3);color:#ede4d2}.chat-form input:focus{outline:none;border-color:#f2d79ab3}.app-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,rgba(90,66,32,.22),transparent 70%),radial-gradient(80% 50% at 50% 100%,rgba(52,74,64,.18),transparent 70%),#0b0a08}.hud{position:relative;z-index:3;display:flex;align-items:center;gap:10px;padding:14px 16px 12px;background:linear-gradient(180deg,rgba(20,17,12,.97),rgba(20,17,12,.74) 72%,transparent)}.hud-av{position:relative;width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#3a2f1d,#17130d);border:2px solid rgba(217,178,106,.55);box-shadow:0 0 14px #d9b26a29}.hud-av b{position:absolute;right:-5px;bottom:-5px;font-size:10px;line-height:1;padding:3px 5px;border-radius:8px;background:var(--gold);color:#1a1409;font-weight:800}.hud-info{flex:1;min-width:0}.hud-name{font-size:15px;font-weight:700;display:flex;align-items:baseline;gap:6px}.hud-name i{font-style:normal;font-size:11px;color:var(--text-dim)}.hud-exp{height:5px;border-radius:3px;background:#ffffff1a;margin:6px 0 5px;overflow:hidden}.hud-exp>i{display:block;height:100%;background:linear-gradient(90deg,#8a6726,var(--gold-2))}.hud-stat{font-size:11px;color:var(--text-dim)}.hud-right{display:flex;align-items:center;gap:10px}.hud-ico{width:36px;height:36px;border-radius:50%;font-size:17px;background:#ffffff0f;border:1px solid rgba(217,178,106,.3);color:var(--text);cursor:pointer;font-family:inherit}.hud-coins{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-dim);text-align:right}.hud-coins b{color:var(--gold-2);font-size:13px}.view{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px 104px;display:flex;flex-direction:column;gap:12px}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#0c0a08fc,#0c0a08db);border-top:1px solid rgba(217,178,106,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text-dim);font-size:11px;font-family:inherit;padding:6px 0;cursor:pointer;transition:color .15s}.tab span{font-size:20px;line-height:1;opacity:.7;filter:grayscale(.55);transition:all .15s}.tab.active{color:var(--gold-2)}.tab.active span{opacity:1;filter:none;transform:translateY(-1px)}.entry-card{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px 16px;border-radius:14px;background:linear-gradient(120deg,#78462859,#3c281840);border:1px solid rgba(217,178,106,.3)}.entry-card:active{transform:scale(.99)}.entry-card .ic{font-size:26px}.entry-card .tx{flex:1;display:flex;flex-direction:column;gap:3px}.entry-card .tx b{font-size:15px}.entry-card .tx span{font-size:11px;color:var(--text-dim)}.entry-card .go{font-size:12px;color:var(--gold-2)}.lv-tag{font-size:11px;color:var(--text-dim);margin-left:6px;font-weight:400}.pet-card .tagline{font-size:11px;margin-top:6px}.sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000094;display:flex;align-items:flex-end}.sheet-mask.show{background:#00000094}.sheet{width:100%;max-height:1210px;display:flex;flex-direction:column;background:linear-gradient(180deg,#241e15,#14110c);border-radius:22px 22px 0 0;border-top:1px solid rgba(217,178,106,.35);box-shadow:0 -18px 50px #000000a6}.sheet-grip{width:42px;height:4px;border-radius:2px;background:#ffffff38;margin:8px auto 2px}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 10px;font-size:16px;font-weight:700;color:var(--gold-2);letter-spacing:2px}.sheet-x{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:2px 6px;font-family:inherit}.sheet-body{padding:4px 16px calc(22px + env(safe-area-inset-bottom));overflow-y:auto}.hud-av{overflow:visible}.hud-av .av-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.map-item{position:relative;overflow:hidden}.map-item .thumb{position:absolute;top:0;right:0;bottom:0;width:46%;background-size:cover;background-position:center;opacity:.42;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%)}.map-item .ic,.map-item .meta,.map-item .go{position:relative;z-index:1}.entry-row{display:flex;gap:10px}.entry-row .entry-card{flex:1}.entry-row .entry-card .tx span{display:none}.worldmap-wrap{display:flex;flex-direction:column;gap:12px}.worldmap{position:relative;width:100%;aspect-ratio:1 / 1.18;border-radius:16px;overflow:hidden;border:1px solid rgba(217,178,106,.28);background:radial-gradient(60% 40% at 30% 20%,rgba(120,96,52,.3),transparent 70%),radial-gradient(50% 40% at 75% 60%,rgba(60,86,74,.28),transparent 70%),linear-gradient(160deg,#1b1710,#12100c 60%,#0d0b09)}.worldmap-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.85;pointer-events:none}.worldmap-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wnode{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;font-family:inherit;color:#f2d79a;background:radial-gradient(circle at 40% 30%,#3c301ef2,#14110cf2);border:1.5px solid rgba(217,178,106,.55);box-shadow:0 3px 12px #0000008c;transition:transform .15s,box-shadow .15s}.wnode .wnode-tag{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;white-space:nowrap;font-size:10px;color:#b7ab93}.wnode.picked{border-color:#f2d79a;box-shadow:0 0 0 4px #f2d79a2e,0 3px 12px #0009;transform:translate(-50%,-50%) scale(1.06)}.wnode.current:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px dashed rgba(78,168,138,.75)}.wnode.locked{opacity:.42;filter:grayscale(.7)}.worldmap-info{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(217,178,106,.16)}.wm-title{font-size:16px;font-weight:700;color:var(--gold-2)}.wm-desc{font-size:12px;color:var(--text-dim);line-height:1.6}.wm-pets{font-size:12px;color:#8fbfae}.map-detail-head{display:flex;gap:12px;align-items:flex-start;padding:4px 0 8px}.map-detail-head .ic{font-size:34px}.map-detail-head .meta{flex:1}.map-detail-head .nm{font-size:16px;font-weight:700}.map-detail-head .sub{font-size:12px;color:var(--text-dim);margin-top:4px;line-height:1.6}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{font-size:12px;padding:4px 10px;border-radius:999px;background:#d9b26a1a;border:1px solid rgba(217,178,106,.22);color:#d8cdb6}.worldmap{aspect-ratio:1 / .92}.worldmap-info{position:sticky;bottom:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wnode-tag{text-shadow:0 1px 3px #000}.wm-hint{font-size:12px;color:var(--text-dim);margin:2px 0 10px}.wm-hint.warn{color:#e0a04a;margin-top:10px}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:14px;overflow:hidden;border:1px solid rgba(217,178,106,.26);background:#0d0b09}.mcell{position:relative;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;background:linear-gradient(150deg,#232019,#16130f);background-size:cover;background-position:center}.mcell.current{outline:2px solid rgba(78,168,138,.8);outline-offset:-2px}.mcell-tag{position:absolute;left:6px;top:6px;z-index:2;font-size:10px;line-height:1.35;color:#f0e6d2;text-shadow:0 1px 4px #000,0 0 10px #000}.mcell-tag span{display:block;font-size:9px;color:#c9bda6}.mdot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#463822f2,#14110cf2);border:1.5px solid rgba(217,178,106,.6);cursor:pointer;font-family:inherit;box-shadow:0 2px 10px #0009}.mdot.underground{left:auto;right:8px;top:auto;bottom:8px;transform:none;width:30px;height:30px;font-size:15px;border-color:#b478dcb3}.region-view{position:relative;width:100%;aspect-ratio:1 / 1.05;border-radius:14px;overflow:hidden;border:1px solid rgba(217,178,106,.24);background:radial-gradient(60% 45% at 40% 25%,rgba(120,96,52,.28),transparent 70%),linear-gradient(160deg,#1d1912,#100e0a);background-size:cover;background-position:center;margin-bottom:10px}.region-title{position:absolute;left:12px;top:10px;z-index:3;font-size:16px;font-weight:700;color:#f6e7c4;text-shadow:0 2px 8px #000}.region-title span{font-size:11px;color:#cfc3ab;margin-left:6px;font-weight:400}.tp{position:absolute;z-index:3;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:10px;background:#0a0907b8;color:#f2d79a;font-size:14px;border:1px solid rgba(217,178,106,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tp span{font-size:9px;color:#cfc3ab}.tp-up{left:50%;top:8px;transform:translate(-50%)}.tp-down{left:50%;bottom:8px;transform:translate(-50%)}.tp-left{left:8px;top:50%;transform:translateY(-50%)}.tp-right{right:8px;top:50%;transform:translateY(-50%)}.region-info{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.region-info .sub{font-size:12px;color:var(--text-dim)}.region-acts{display:flex;gap:8px}.region-acts .btn{flex:1}.mosaic{aspect-ratio:1 / 1;grid-auto-rows:1fr}.mcell{aspect-ratio:auto}.mosaic{width:min(100%,864px);margin:0 auto}.zone-list{display:flex;flex-direction:column;gap:10px}.zone-card{position:relative;padding:14px 16px;border-radius:14px;cursor:pointer;border:1px solid rgba(217,178,106,.26);background:linear-gradient(120deg,#3c301e8c,#18140ebf);background-size:cover;background-position:center;overflow:hidden}.zone-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a090759,#0a0907d1);pointer-events:none}.zone-card.current{border-color:#4ea88a99}.zone-card>*{position:relative;z-index:1}.zc-name{font-size:16px;font-weight:700;color:#f6e7c4}.zc-name span{font-size:11px;color:#cfc3ab;margin-left:8px;font-weight:400}.zc-desc{font-size:12px;color:#cfc3ab;margin-top:6px;line-height:1.55}.zc-meta{font-size:11px;color:#9b8f7d;margin-top:6px}.zone-maps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.zm-cell{position:relative;padding:10px 12px;border-radius:12px;cursor:pointer;background:#ffffff0a;border:1px solid rgba(217,178,106,.2)}.zm-cell.locked{opacity:.45}.zm-idx{position:absolute;right:8px;top:6px;font-size:10px;color:#7d735f}.zm-nm{font-size:14px;font-weight:700;color:#efe3cc}.zm-lv{font-size:11px;color:#b8a98d;margin-top:3px}.zm-pets{font-size:10px;color:#8fbfae;margin-top:4px}.town-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.town-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;cursor:pointer;text-align:center;background:linear-gradient(160deg,#26342c8c,#121612bf);border:1px solid rgba(78,168,138,.28)}.town-cell.town{background:linear-gradient(160deg,#46341c99,#1c160ecc);border-color:#d9b26a66}.town-cell:active{transform:scale(.97)}.tc-ic{font-size:24px}.tc-nm{font-size:12px;font-weight:700;color:#efe3cc}.tc-lv{font-size:10px;color:#9b8f7d}.map-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.map-ground{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;background-size:340px auto;background-position:center}.map-ground.placeholder{background-size:cover;background-repeat:no-repeat}.map-ground.g-grass{background:radial-gradient(80% 60% at 30% 25%,#3d5a34,#1e2a1a)}.map-ground.g-dirt{background:radial-gradient(80% 60% at 40% 30%,#5a4a2e,#262014)}.map-ground.g-forest{background:radial-gradient(80% 60% at 35% 30%,#2b4429,#131c12)}.map-ground.g-rock{background:radial-gradient(80% 60% at 45% 35%,#4a4640,#1b1917)}.map-ground.g-water{background:radial-gradient(80% 60% at 50% 40%,#24556a,#0f2027)}.map-ground.g-snow{background:radial-gradient(80% 60% at 40% 30%,#9fb0bd,#3a4750)}.map-ground.g-swamp{background:radial-gradient(80% 60% at 40% 40%,#3a4a38,#141a14)}.map-ground.g-stone{background:radial-gradient(80% 60% at 40% 30%,#5a5245,#201d18)}.map-decor{position:absolute;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.map-road{position:absolute;height:13%;width:44%;background-size:300px auto;background-repeat:repeat;opacity:.95;filter:saturate(.9) brightness(.92)}.road-right{left:55%;top:60%;transform:rotate(2.5deg);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%)}.road-left{right:55%;top:47%;transform:rotate(-2.5deg);-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 34%,#000 100%);mask-image:linear-gradient(270deg,transparent 0%,#000 34%,#000 100%)}.stage{position:relative;width:100%;aspect-ratio:1 / 1.12;border-radius:16px;overflow:hidden;border:1px solid rgba(217,178,106,.26)}.stage-title{position:absolute;left:12px;top:10px;z-index:6;font-size:17px;font-weight:700;color:#f8ebca;text-shadow:0 2px 8px #000}.stage-title span{font-size:11px;color:#d5c9b0;margin-left:6px}.npc-dot{position:absolute;transform:translate(-50%,-100%);z-index:20;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;border-radius:10px;background:#0a09079e;border:1px solid rgba(217,178,106,.45);color:#f2d79a;font-size:15px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.npc-dot span{font-size:9px;color:#e2d6bd}.stage-acts{display:flex;gap:8px;margin-top:10px}.stage-acts .btn{flex:1}.gtile{position:absolute;background-size:cover;background-position:center}.gtile{position:absolute;background-size:100% 100%;background-repeat:no-repeat;will-change:transform}.view{padding:0 0 96px}.stage{flex:1 1 auto;min-height:893px;border-radius:0;border:none}.stage-mapbtn{position:absolute;right:10px;top:10px;z-index:8;width:40px;height:40px;border-radius:50%;font-size:18px;background:#0a0907a8;border:1px solid rgba(217,178,106,.5);color:#f2d79a;font-family:inherit}.stage-acts{position:absolute;left:10px;right:10px;bottom:10px;z-index:8;display:flex;gap:8px;margin:0}#game-root{display:flex;align-items:center;justify-content:center}#ui-layer{position:relative!important;inset:auto!important;width:960px!important;height:1440px!important;flex:0 0 auto;overflow:hidden;zoom:var(--ui-scale, 1);transform:none!important}.page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,rgba(90,66,32,.2),transparent 70%),#0d0b09}.page-head{display:flex;align-items:center;justify-content:space-between;padding:26px 24px 14px;color:#f2d79a;font-size:30px;font-weight:700;letter-spacing:2px;border-bottom:1px solid rgba(217,178,106,.16)}.page-x{background:none;border:1px solid rgba(217,178,106,.3);border-radius:50%;width:56px;height:56px;color:#cfc3ab;font-size:26px;font-family:inherit;cursor:pointer}.page-body{flex:1;overflow-y:auto;padding:18px 24px 120px;display:flex;flex-direction:column;gap:14px}.stage{position:relative;flex:1 1 auto;overflow:hidden;background:#0d0b09}.world{position:absolute;left:0;top:0;will-change:transform}.world .gtile{position:absolute;background-size:100% 100%}.player{position:absolute;transform:translate(-50%,-100%);font-size:68px;line-height:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6))}.player:after{content:"";position:absolute;left:50%;bottom:-6px;width:46px;height:14px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 70%);z-index:-1}.world .npc-dot{position:absolute;transform:translate(-50%,-100%)}.portal{position:absolute;transform:translate(-50%,-50%);z-index:40;width:120px;height:120px;border-radius:50%;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:46px;color:#d9f2ff;background:radial-gradient(circle,rgba(78,168,138,.55),rgba(20,60,70,.25) 60%,transparent 72%);border:2px solid rgba(140,235,255,.75);box-shadow:0 0 28px #78dcff8c,inset 0 0 18px #a0f0ff73;animation:portalPulse 1.8s ease-in-out infinite}.portal span{position:absolute;top:104%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:15px;color:#d9f2ff;background:#080e12b8;border:1px solid rgba(140,235,255,.5);border-radius:8px;padding:3px 10px}@keyframes portalPulse{0%,to{box-shadow:0 0 22px #78dcff73,inset 0 0 14px #a0f0ff59}50%{box-shadow:0 0 40px #78dcffd9,inset 0 0 24px #a0f0ff99}}.portal-road{position:absolute;height:120px;background-size:300px auto;background-repeat:repeat;opacity:.85;filter:saturate(.9) brightness(.95);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 100%);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 100%)}.portal-road.road-right{background-position:right center}.edge-hint{position:absolute;top:50%;transform:translateY(-50%);z-index:45;padding:10px 14px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;color:#d9f2ff;white-space:nowrap;background:#081014b8;border:1px solid rgba(140,235,255,.55);box-shadow:0 0 18px #78dcff59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.edge-hint.hint-left{left:10px}.edge-hint.hint-right{right:10px}.world .npc-dot{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.world .npc-dot i{font-style:normal;font-size:62px;line-height:1;filter:drop-shadow(0 5px 7px rgba(0,0,0,.6))}.world .npc-dot span{font-size:13px;color:#f5ead4;white-space:nowrap;background:#0a0907b8;border:1px solid rgba(217,178,106,.45);border-radius:7px;padding:1px 7px}.world .npc-dot:active i{transform:translateY(-3px)}.world .npc-dot span{font-size:20px;color:#ffe14d;background:none;border:none;padding:0;text-shadow:-2px 0 #000,2px 0 #000,0 -2px #000,0 2px #000,0 3px 6px rgba(0,0,0,.9);font-weight:700}.world .npc-dot i{font-size:72px}.player{font-size:74px}.hud-name{font-size:30px}.hud-name i{font-size:20px}.hud-bar{position:relative;height:26px;border-radius:13px;overflow:hidden;background:#0000008c;border:1px solid rgba(255,255,255,.12);margin-top:8px}.hud-bar>i{display:block;height:100%;border-radius:13px}.hud-bar.hp>i{background:linear-gradient(90deg,#7a1f1f,#e04b4b)}.hud-bar.exp>i{background:linear-gradient(90deg,#6a4f1a,#f2c94c)}.hud-bar>b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000}.hud-av{width:96px;height:96px;flex:0 0 96px;font-size:44px}.hud-av b{font-size:18px;padding:4px 7px}.stage-top{position:absolute;left:0;right:0;top:0;z-index:12;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;pointer-events:none;background:linear-gradient(180deg,#28343cd9,#28343c00)}.stage-top b{font-size:20px;color:#f0f4f8;letter-spacing:2px;text-shadow:0 2px 6px #000}.stage-top span{font-size:24px;font-weight:700;color:#f8f2e2;letter-spacing:3px;text-shadow:0 2px 8px #000}.view{padding-bottom:210px}.chat-strip{position:absolute;left:0;right:0;bottom:120px;z-index:6;min-height:76px;padding:8px 14px;background:linear-gradient(180deg,#061222db,#061222f0);border-top:1px solid rgba(120,190,255,.22);font-size:20px;line-height:1.35;overflow:hidden}.cs-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-line.sys{color:#ff6b6b}.cs-line.world{color:#cfe6ff}.hotbar{position:absolute;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(0deg,#0a1018fa,#0a1018db);border-top:1px solid rgba(217,178,106,.22)}.hb-btn{width:96px;height:84px;border-radius:12px;font-family:inherit;font-size:24px;font-weight:700;color:#f2d79a;background:linear-gradient(180deg,#3c301ce6,#18140ef2);border:1px solid rgba(217,178,106,.45);cursor:pointer}.hb-slots{flex:1;display:flex;gap:8px;justify-content:center}.hb-slot{width:84px;height:84px;border-radius:12px;font-size:34px;font-family:inherit;background:#ffffff0f;border:1px solid rgba(217,178,106,.3);color:#f2d79a;cursor:pointer}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.menu-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px;border-radius:14px;font-family:inherit;cursor:pointer;background:#ffffff0d;border:1px solid rgba(217,178,106,.28);color:#efe3cc}.menu-item b{font-size:40px;font-weight:400}.menu-item span{font-size:22px}.player-sprite{position:absolute;height:190px;width:auto;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}.char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.char-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;cursor:pointer;font-family:inherit;background:#ffffff0d;border:1px solid rgba(217,178,106,.25);color:#efe3cc;font-size:20px}.char-item.sel{border-color:#f2d79a;box-shadow:0 0 0 3px #f2d79a33}.char-item img{height:150px;width:auto;object-fit:contain}.wm{display:flex;flex-direction:column;gap:18px}.wm-zone{border-radius:20px;overflow:hidden;border:1px solid rgba(217,178,106,.22);background:#ffffff08}.wm-zone.cur{border-color:#4ea88a8c;box-shadow:0 0 0 2px #4ea88a2e}.wm-banner{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;min-height:132px;background-size:cover;background-position:center}.wm-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0a0907db 30%,#0a090759)}.wm-zone>*{position:relative;z-index:1}.wm-bg-1{background:linear-gradient(120deg,#3f4a2c,#1b2116)}.wm-bg-2{background:linear-gradient(120deg,#4a3a22,#211910)}.wm-bg-3{background:linear-gradient(120deg,#2b3d4a,#141c22)}.wm-emblem{font-size:58px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.wm-zt{flex:1}.wm-zn{font-size:32px;font-weight:700;color:#f8ecd0;letter-spacing:2px;text-shadow:0 2px 8px #000}.wm-zl{font-size:20px;color:#cfc3ab;margin-top:4px}.wm-here{font-size:18px;color:#0d1a14;background:#7fd6b0;padding:6px 12px;border-radius:999px;font-weight:700}.wm-maps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px 18px}.wm-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;border-radius:14px;cursor:pointer;font-family:inherit;background:#ffffff0d;border:1px solid rgba(217,178,106,.18);color:#efe3cc;transition:transform .12s}.wm-chip.town{background:#d9b26a1f;border-color:#d9b26a66}.wm-chip.on{border-color:#7fd6b0;box-shadow:0 0 0 2px #7fd6b040}.wm-chip:active{transform:scale(.96)}.wm-chip b{font-size:34px;font-weight:400;line-height:1}.wm-chip span{font-size:20px;font-weight:700}.wm-chip i{font-size:16px;color:#9b8f7d;font-style:normal}.wm-banner>*{position:relative;z-index:3}.wm-maps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 12px 16px}.wm-chip{min-width:0;padding:12px 4px}.wm-chip b{font-size:28px}.wm-chip span{font-size:17px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-chip i{font-size:15px}.page-body{padding:14px 16px 120px}.wm-zn{font-size:28px}.wm-zl{font-size:18px}.wm-emblem{font-size:48px}.page-body{overflow-x:hidden}.wm,.wm-zone{width:100%}.wm-maps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wm-chip{overflow:hidden}.wm-chip span{white-space:nowrap}.wm-maps{display:flex!important;flex-wrap:wrap;gap:8px;padding:12px!important}.wm-chip{flex:1 1 44%;max-width:48%;min-width:0}.wm-chip b{font-size:26px}.wm-chip span{font-size:18px}.page{width:960px!important;max-width:960px!important;box-sizing:border-box}.page-body{width:100%!important;box-sizing:border-box}.wm,.wm-zone,.wm-banner,.wm-maps{box-sizing:border-box;width:100%}.battle-ui{justify-content:flex-start!important}.battle-ui .action-bar{position:absolute!important;left:16px;right:16px;top:50%!important;bottom:auto!important;transform:translateY(-50%);padding:10px 0!important;background:#080a0eb8;border:1px solid rgba(217,178,106,.25);border-radius:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.battle-ui .log-panel{top:120px!important;bottom:auto!important}.battle-ui .action-bar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px!important;box-sizing:border-box}.battle-ui .action-bar>button,.battle-ui .action-bar>.act-btn{flex:1 1 44%!important;max-width:48%!important;min-width:0!important;box-sizing:border-box;font-size:20px!important;padding:14px 6px!important}.act-row{display:flex!important;flex-wrap:wrap;gap:8px;width:100%;box-sizing:border-box}.act-row .btn{flex:1 1 44%;max-width:49%;min-width:0;box-sizing:border-box}.pick-title{font-size:18px;color:#9b8f7d;padding:4px 2px 8px}.btn.sk{flex-direction:column;gap:2px}.btn.sk b{font-size:22px}.btn.sk .sub{font-size:15px;color:#fff9}.btn.elem-fire{border-color:#e0643c;box-shadow:inset 0 0 0 1px #e0643c73}.btn.elem-wood{border-color:#5fae5a;box-shadow:inset 0 0 0 1px #5fae5a73}.btn.elem-water{border-color:#3f8fd0;box-shadow:inset 0 0 0 1px #3f8fd073}.btn.elem-thunder{border-color:#c9a13c;box-shadow:inset 0 0 0 1px #c9a13c73}.btn.elem-chaos{border-color:#c05bd0;box-shadow:inset 0 0 0 1px #c05bd073}.btn.elem-drain{border-color:#b0304a;box-shadow:inset 0 0 0 1px #b0304a73}.btn.elem-guard{border-color:#d9b26a;box-shadow:inset 0 0 0 1px #d9b26a73}.battle-ui .action-bar{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column;align-items:center;gap:14px;padding:0!important;background:none!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:auto!important}.cross{display:grid;grid-template-columns:120px 120px 120px;grid-template-rows:54px 54px 54px;grid-template-areas:".    up    ." "left mid  right" ".    down  .";align-items:center;justify-items:center}.xb{background:none;border:none;outline:none;cursor:pointer;font-family:inherit;font-size:26px;font-weight:700;color:#f3e8d2;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.8);padding:6px 4px;transition:transform .1s,color .1s}.xb:active{transform:scale(.92)}.xb.gold{color:#ffd97a}.xb:hover{color:#ffe9b0}.cross-links{display:flex;gap:26px}.xlink{background:none;border:none;cursor:pointer;font-family:inherit;font-size:21px;color:#f0e6d2c7;letter-spacing:1px;text-shadow:0 2px 5px rgba(0,0,0,.9)}.xlink.danger{color:#e8927f}.xlink:active{opacity:.6}.battle-ui .act-row{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center}.battle-ui .act-row .btn{background:none!important;border:none!important;box-shadow:none!important;color:#f3e8d2;font-size:22px;font-weight:700;padding:6px 4px!important;text-shadow:0 2px 6px rgba(0,0,0,.95)}.battle-ui .act-row .btn .sub{font-size:15px;color:#ffffff8c}.battle-ui .pick-title{font-size:18px;color:#cbbfa6;text-align:center}.xb{padding:3px 10px!important;border:1px solid rgba(217,178,106,.55)!important;border-radius:6px;background:#0a090759;line-height:1.25}.xb.gold{border-color:#ffd97abf!important}.xb:active{border-color:#ffe9b0!important}.xlink{padding:2px 8px;border:1px solid rgba(217,178,106,.32);border-radius:5px;background:#0a09074d}.xlink.danger{border-color:#e8927f73}.battle-ui .act-row .btn{border:1px solid rgba(217,178,106,.45)!important;border-radius:6px;padding:4px 12px!important;background:#0a090759!important}.cross{grid-template-columns:170px 150px 150px!important;grid-template-rows:56px 56px 56px!important;column-gap:6px}.xb{font-size:24px!important;white-space:nowrap!important;letter-spacing:1px!important}.cross-links{gap:14px!important}.xlink{font-size:19px!important;white-space:nowrap}.battle-ui .auto-corner{position:fixed;right:22px;bottom:26px;background:#0a090773;border:1px solid rgba(255,217,122,.7);border-radius:999px;color:#ffd97a;font-family:inherit;font-size:21px;font-weight:700;letter-spacing:1px;padding:10px 18px;text-shadow:0 2px 6px rgba(0,0,0,.9);cursor:pointer}.xb.danger{border-color:#e8927f99!important;color:#f0a896!important}.battle-ui .auto-corner{right:14px!important;bottom:12px!important;padding:3px 10px!important;border-radius:6px!important;font-size:20px!important;letter-spacing:1px!important;background:#0a090761!important;border:1px solid rgba(255,217,122,.7)!important}.npc-figure{position:absolute;transform:translate(-50%,-100%);background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;font-family:inherit;pointer-events:auto}.npc-figure img{height:190px;width:auto;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}.npc-figure span{margin-top:-2px;font-size:19px;color:#ffe14d;text-shadow:0 0 4px #000,0 2px 3px #000;white-space:nowrap}.npc-figure:active img{transform:scale(.97)}.npc-figure{flex-direction:column-reverse}.npc-figure span{margin-top:0!important;margin-bottom:4px;font-size:20px!important;color:#ffe14d;text-shadow:0 0 4px #000,0 2px 3px #000,0 0 10px rgba(0,0,0,.8);background:#080a0e59;padding:1px 8px;border-radius:999px}.district-sign{position:absolute;transform:translate(-50%);font-size:34px;font-weight:700;letter-spacing:6px;color:#fff1c4e6;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 20px rgba(0,0,0,.8);pointer-events:none;z-index:3}.npc-figure img{height:165px}.district-sign{position:absolute;transform:translate(-50%);font-size:34px;font-weight:700;letter-spacing:6px;color:#fff1c4e6;text-shadow:0 2px 10px rgba(0,0,0,.95);pointer-events:none;z-index:3}.ui-ic{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.65))}.xb-ic{width:34px;height:34px;object-fit:contain;display:block;margin:0 auto 2px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.xb{display:flex;flex-direction:column;align-items:center}.btn{border:0!important;background:transparent!important;border-image:url(../art/ui/btn_cyan.webp) 70 fill / 22px stretch!important;border-width:22px!important;border-style:solid!important;padding:2px 10px!important;color:#f5ecd8!important;text-shadow:0 2px 4px rgba(0,0,0,.85)}.btn:active{border-image-source:url(../art/ui/btn_cyan_down.webp)!important}.btn.primary{border-image:url(../art/ui/btn_gold.webp) 70 fill / 22px stretch!important;color:#fff6dc!important}.btn.primary:active{border-image-source:url(../art/ui/btn_gold_down.webp)!important}.btn.danger{border-image:url(../art/ui/btn_red.webp) 70 fill / 22px stretch!important}.btn.danger:active{border-image-source:url(../art/ui/btn_red_down.webp)!important}.btn:disabled{border-image-source:url(../art/ui/btn_gold_dis.webp)!important;opacity:.75}.page{background:#0a09078c!important;border-image:url(../art/ui/panel_main.webp) 90 fill / 26px stretch!important;border-width:26px!important;border-style:solid!important}.page-head{border-image:url(../art/ui/panel_title.webp) 70 fill / 14px stretch!important;border-width:14px!important;border-style:solid!important;background:transparent!important}.xb{position:relative}.xb-ic{width:32px;height:32px}.cur-ic{width:30px;height:30px;object-fit:contain;vertical-align:-7px;margin-right:2px}.rank-ic{width:26px;height:26px;object-fit:contain;vertical-align:-6px;margin-right:2px}.sk-ic{width:34px;height:34px;object-fit:contain;margin-bottom:2px;filter:drop-shadow(0 0 6px rgba(255,200,120,.5))}.menu-item .ui-ic{width:72px;height:72px}.btn{border:1px solid rgba(217,178,106,.5)!important;border-image:none!important;background:linear-gradient(180deg,#342c20f2,#1c1812f2)!important;padding:8px 16px!important;border-radius:10px!important;color:#f5ecd8!important;box-shadow:inset 0 1px #ffebbe2e,0 2px 6px #00000073}.btn.primary{background:linear-gradient(180deg,#7a5c2cf5,#423016f5)!important;border-color:#ffd682cc!important}.btn.danger{background:linear-gradient(180deg,#6c2c28f5,#3a1614f5)!important;border-color:#e8927fb3!important}.btn:active{filter:brightness(.88)}.page{border-image:none!important;border-width:0!important;background:#0a0907e6!important;border:1px solid rgba(217,178,106,.35)!important;overflow:hidden}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(../art/ui/panel_main.webp) center / 100% 100% no-repeat;opacity:.5;pointer-events:none}.page>*{position:relative;z-index:1}.page-head{border-image:none!important;border-width:0!important;background:linear-gradient(180deg,#3c301ed9,#18140ee6)!important;border-bottom:1px solid rgba(217,178,106,.4)!important}.page:before{display:none!important}.page{left:0!important;right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0!important}.page-body{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.page-head{width:100%!important;box-sizing:border-box!important;background:#120f0beb!important}.bag-row,.item-row,.row{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.bag-row .meta{min-width:0}.bag-row .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{position:absolute}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(../art/ui/panel_main.webp) center / cover no-repeat;opacity:.32;pointer-events:none}.page>*{position:relative;z-index:2}.page:after{display:none!important}.page,.page *,.page *:before,.page *:after{box-sizing:border-box!important}.page-body{padding:12px 16px!important}.page-body>*{max-width:100%!important}.page-body .grid,.page-body [class*=grid]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:10px!important;width:100%!important}.zone-grid,.town-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.zone-card,.town-cell{min-width:0!important;overflow:hidden}.zone-card *,.town-cell *{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bag-row,.item-row,.rank-row,.chat-line,.ad-row,.dungeon-row,.row{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:flex;align-items:center;gap:8px;min-width:0}.bag-row>*,.item-row>*,.rank-row>*,.ad-row>*,.dungeon-row>*{min-width:0}.bag-row .meta,.item-row .meta{flex:1 1 auto;min-width:0}.bag-row .price,.item-row .price,.bag-row button,.item-row button,.chat-input,.chat-send{flex:0 0 auto}.chat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-body .grid,.page-body [class*=grid]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.page-body .zone-card,.page-body .town-cell,.page-body .menu-item{padding:12px 4px!important;font-size:18px!important}.page-body .zone-card b,.page-body .town-cell b{font-size:30px!important}.page-body .grid,.page-body [class*=grid]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.page-body .zone-card,.page-body .town-cell{width:100%!important;min-width:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center}.bag-row,.item-row,.chat-line,.ad-row,.dungeon-row,.rank-row{justify-content:space-between!important}.bag-row .price,.item-row .price,.bag-row .val,.item-row .val{flex:0 0 96px!important;text-align:right!important}.bag-row button,.item-row button,.ad-row button,.dungeon-row button{flex:0 0 auto!important;min-width:96px}.rank-row>*:last-child{flex:0 0 110px;text-align:right}.rank-row{min-height:46px}.rank-row:nth-child(1){background:#d9b26a24}.rank-row:nth-child(2){background:#c8c8d21a}.rank-row:nth-child(3){background:#be82501a}.medal{width:30px;height:30px;object-fit:contain;vertical-align:-8px}.rank-row .ic{flex:0 0 46px;display:flex;align-items:center;justify-content:center}.rank-row .ic img,.medal{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:contain}.signin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.signin-cell{background:#ffffff0a;border:1px solid rgba(217,178,106,.25);border-radius:12px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:17px;color:#cbbfa6}.signin-cell.done{border-color:#7fd6b0cc;background:#7fd6b01f;color:#d9f5e6}.signin-cell b{font-size:18px;color:#f2d79a}.signin-ic{width:40px;height:40px;object-fit:contain}.npc-figure img{filter:none!important;image-rendering:-webkit-optimize-contrast;height:172px!important}.npc-figure{transform:translate(-50%,-100%) translateZ(0)}.npc-figure img{image-rendering:auto!important;height:176px!important}.btn{border:0!important;border-style:solid!important;border-width:18px!important;border-image:url(../art/ui/btn9_cyan.webp) 682 fill / 18px stretch!important;background:transparent!important;padding:4px 14px!important;color:#f5ecd8!important;text-shadow:0 2px 4px rgba(0,0,0,.9);box-shadow:none!important;border-radius:0!important}.btn.primary{border-image:url(../art/ui/btn9_gold.webp) 682 fill / 18px stretch!important;color:#fff6dc!important}.btn.danger{border-image:url(../art/ui/btn9_red.webp) 682 fill / 18px stretch!important}.btn:active{filter:brightness(.9)}.page{border:0!important;border-style:solid!important;border-width:26px!important;border-image:url(../art/ui/panel9_main.webp) 682 fill / 26px stretch!important;background:#0a0907eb!important;border-radius:0!important}.page-head{border:0!important;background:transparent!important}.item-ic{width:56px;height:56px;object-fit:contain;display:block}.bag-row .ic{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center}.bag-row .ic img{width:52px;height:52px}.hud-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.sk-ic{width:40px;height:40px}.hud-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.hud-av .av-art{width:100%;height:100%;object-fit:cover;border-radius:50%}.petface{width:64px;height:64px;object-fit:contain;display:block;border-radius:50%;background:#00000059}.pet-card .row1 .ic{width:64px;height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:center}.quest-ic{width:48px;height:48px;object-fit:contain;display:block}.map-item .ic{width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center}.login-wrap.with-bg{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.login-wrap.with-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000008c 55%,#000000d1);pointer-events:none}.login-wrap.with-bg>*{position:relative;z-index:1}.result-card{border:0!important;border-style:solid!important;border-width:22px!important;border-image:url(../art/ui/panel9_dialog.webp) 682 fill / 22px stretch!important;background:#0c0a08f5!important;border-radius:0!important;box-shadow:0 18px 50px #000000b3;max-width:780px}.result-card h2{text-align:center;letter-spacing:4px;margin:6px 0 14px;font-size:40px}.result-card h2.win{color:#ffd97a;text-shadow:0 0 18px rgba(255,200,90,.55)}.result-card h2.lose{color:#e08a7a}.result-card .result-rows{display:flex;flex-direction:column;gap:8px}.result-card .r{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#ffffff0b;border:1px solid rgba(217,178,106,.18);font-size:22px}.result-card .r span{flex:1;color:#cbbfa6}.result-card .r b{color:#ffd97a;font-size:24px}.result-card .res-ic{width:34px;height:34px;object-fit:contain;flex:0 0 34px}.result-card .btn{margin-top:16px}.guide-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0000008c;pointer-events:none}.guide-hole{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px #0000008c,0 0 0 2px #ffd682e6 inset;background:transparent;transition:all .25s ease}.guide-tip{position:absolute;width:620px;max-width:86vw;border:0;border-style:solid;border-width:20px;border-image:url(../art/ui/panel9_dialog.webp) 682 fill / 20px stretch;background:#0c0a08f5;padding:16px 20px;pointer-events:auto;box-shadow:0 16px 40px #000000b3}.guide-tip .g-title{font-size:30px;color:#ffd97a;font-weight:700;margin-bottom:8px}.guide-tip .g-text{font-size:22px;color:#e8dcc2;line-height:1.6}.guide-tip .g-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.guide-tip .g-step{font-size:18px;color:#9b8f7d}.story-box{display:flex;flex-direction:column;gap:14px}.story-chapter{font-size:30px;color:#ffd97a;font-weight:700;letter-spacing:2px;text-align:center;padding-bottom:8px;border-bottom:1px solid rgba(217,178,106,.3)}.story-line{font-size:22px;line-height:1.75;color:#e8dcc2;background:#ffffff0a;border-radius:10px;padding:10px 14px}.story-line b{color:#8fd6b8;margin-right:4px}.story-goal{font-size:20px;color:#f2d79a;padding:10px 14px;border-left:3px solid #d9b26a;background:#d9b26a14}.story-done{font-size:20px;color:#7fd6b0;text-align:center;padding:8px}.npc-figure.story span{color:#8fd6b8}.story-card{margin:4px 0 14px;padding:16px 18px;border:0;border-style:solid;border-width:16px;border-image:url(../art/ui/panel9_dialog.webp) 682 fill / 16px stretch;background:#0c0a08e6}.story-card .sc-title{font-size:28px;color:#ffd97a;font-weight:700;margin-bottom:6px}.story-card .sub{font-size:20px;color:#e8dcc2}.story-card .sc-hint{font-size:18px;color:#8fd6b8;margin-top:6px}.story-prog{padding:6px 2px 2px}.story-prog .sp-label{font-size:19px;color:#cbbfa6;margin-bottom:6px}.story-prog .sp-bar{height:16px;border-radius:8px;overflow:hidden;background:#0000008c;border:1px solid rgba(217,178,106,.4)}.story-prog .sp-bar i{display:block;height:100%;background:linear-gradient(90deg,#d9b26a,#ffe9b0)}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.sound-grid .btn{padding:14px 6px!important;font-size:20px!important}.dex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dex-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;cursor:pointer;font-family:inherit;background:#ffffff08;border:1px solid rgba(217,178,106,.18);color:#8b8172;filter:grayscale(1) brightness(.7)}.dex-cell.owned{color:#efe3cc;filter:none;border-color:#d9b26a80}.dex-cell img{width:64px;height:64px;object-fit:contain}.dex-cell span{font-size:16px}.dex-detail{display:flex;gap:16px;align-items:flex-start}.dex-detail img{width:240px;height:240px;object-fit:contain;background:#00000059;border-radius:12px}.dx-rows{flex:1;display:flex;flex-direction:column;gap:8px}.dx-rows .r{display:flex;justify-content:space-between;font-size:20px;padding:8px 12px;background:#ffffff0a;border-radius:8px}.dx-rows .r span{color:#9b8f7d}.dx-rows .r b{color:#f2d79a}.battle-ui .auto-corner{position:absolute!important;right:20px!important;bottom:22px!important;left:auto!important;top:auto!important;padding:10px 20px!important;border-radius:999px!important;font-size:22px!important;letter-spacing:2px;background:linear-gradient(180deg,#7a5c2cf2,#423016f2)!important;border:1px solid rgba(255,214,130,.8)!important;color:#fff2cf!important;box-shadow:0 6px 18px #0000008c}.battle-ui .auto-corner:active{transform:scale(.94)}.battle-ui .action-bar{position:absolute!important;left:50%!important;top:52%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column;align-items:center;gap:8px!important;width:auto!important;padding:0!important;background:none!important;border:none!important;box-shadow:none!important}.cross{grid-template-columns:112px 124px 112px!important;grid-template-rows:46px 46px 46px!important;column-gap:2px!important;row-gap:2px!important}.xb{font-size:21px!important;padding:2px 8px!important;letter-spacing:1px!important;white-space:nowrap!important}.xb-ic{width:26px!important;height:26px!important}.cross-links{gap:10px!important}.xlink{font-size:17px!important;padding:1px 7px}.battle-ui .action-bar{padding:10px 14px 8px!important;background:#080a0e8c!important;border:1px solid rgba(217,178,106,.28)!important;border-radius:16px!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#game-canvas{display:flex;align-items:center;justify-content:center}#game-canvas canvas{display:block;margin:0 auto}.battle-ui .action-bar{padding:0!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.cross{grid-template-columns:92px 132px 92px!important;grid-template-rows:64px 64px 64px!important;column-gap:0!important;row-gap:4px!important}.xb{font-size:22px!important;padding:6px!important;background:#080a0e52!important;border:1px solid rgba(217,178,106,.42)!important;border-radius:8px!important}.xb-ic{width:24px!important;height:24px!important;margin-bottom:3px}.cross-links{gap:8px!important;margin-top:6px}.cross{grid-template-columns:78px 138px 78px!important;grid-template-rows:64px 64px 64px!important;column-gap:0!important;row-gap:4px!important}.xb{font-size:21px!important;padding:6px 4px!important}.xb-ic{width:24px!important;height:24px!important}.pet-cmd{display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:#080a0e99;border:1px solid rgba(217,178,106,.35);border-radius:14px}.pet-cmd-title{font-size:18px;color:#8fd6b8;text-align:center}.pet-cmd .act-row .btn{font-size:20px!important;padding:10px 12px!important}.battle-ui .log-panel{left:14px!important;right:14px!important;top:96px!important;max-height:150px!important;font-size:17px!important;color:#e8ddc8!important;background:#06080b9e;border-radius:12px;padding:8px 12px;mask-image:none!important;-webkit-mask-image:none!important}.battle-ui .log-panel div{text-align:left;line-height:1.45}.pet-cmd{position:absolute!important;left:50%!important;bottom:110px!important;transform:translate(-50%)!important;min-width:520px;box-shadow:0 10px 30px #0009}.bag-row .acts button{font-size:19px;padding:8px 14px;border-radius:8px}.dex-unknown{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#ffffff0d;border:1px dashed rgba(217,178,106,.35);color:#6f6656;font-size:30px}.battle-ui .log-panel:empty{display:none!important}.battle-ui .log-panel{background:#06080b9e}.page{background:#08090cd1!important;backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9)}.page-head{background:#100e0a8c!important}.job-card{margin-top:14px;padding:16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(217,178,106,.25)}.job-title{font-size:26px;color:#ffd97a;font-weight:700}.job-desc{font-size:19px;color:#cbbfa6;margin:6px 0 12px;line-height:1.6}.job-skills{display:flex;flex-direction:column;gap:10px}.job-skill{display:flex;align-items:center;gap:12px}.job-skill img{width:56px;height:56px;object-fit:contain}.job-skill b{font-size:21px;color:#efe3cc;display:block}.job-skill span{font-size:17px;color:#9b8f7d}.gtile{background-image:var(--gt);background-size:100% 100%;background-repeat:no-repeat;will-change:auto}.ground-layer{position:absolute;left:0;top:0;background-repeat:repeat;background-size:480px 480px;background-position:center;opacity:.96}.back-map{position:absolute;left:18px;top:118px;z-index:60;padding:10px 18px;border-radius:999px;font-family:inherit;font-size:19px;color:#ffe9b0;background:#0a0907c7;border:1px solid rgba(217,178,106,.6);box-shadow:0 4px 14px #00000080;cursor:pointer}.back-map:active{transform:scale(.95)}.section-title{display:flex;align-items:center;gap:8px;font-size:22px!important;font-weight:700;color:#f2d79a!important;margin:18px 0 10px!important;letter-spacing:1px}.section-title:before{content:"";width:4px;height:20px;border-radius:2px;background:linear-gradient(180deg,#ffe9b0,#b98f3f)}.empty-state{padding:46px 20px;text-align:center;border-radius:16px;background:#ffffff08;border:1px dashed rgba(217,178,106,.28)}.empty-state .es-ic{font-size:54px;opacity:.5}.empty-state .es-title{font-size:22px;color:#cbbfa6;margin-top:10px}.empty-state .es-sub{font-size:18px;color:#8b8172;margin-top:6px;line-height:1.6}.pet-hero{display:flex;gap:16px;align-items:center;padding:16px;border-radius:16px;margin-top:8px;background:linear-gradient(135deg,#d9b26a29,#14100ce6);border:1px solid rgba(217,178,106,.4);box-shadow:0 8px 26px #00000073}.ph-portrait{width:148px;height:148px;flex:none;border-radius:14px;background:radial-gradient(circle at 50% 40%,#d9b26a38,#00000080);display:grid;place-items:center;overflow:hidden}.ph-portrait img{width:100%;height:100%;object-fit:contain}.ph-info{flex:1;min-width:0}.ph-name{font-size:30px;font-weight:700;color:#ffe9b0;display:flex;align-items:center;gap:10px}.ph-sub{font-size:18px;color:#cbbfa6;margin:4px 0 10px}.ph-bars{display:flex;flex-direction:column;gap:7px}.ph-bars .bar{position:relative;height:22px;border-radius:11px;overflow:hidden;background:#0000008c;border:1px solid rgba(255,255,255,.08)}.ph-bars .bar i{display:block;height:100%;border-radius:11px}.ph-bars .bar.hp i{background:linear-gradient(90deg,#9e3b3b,#e05c5c)}.ph-bars .bar.atk i{background:linear-gradient(90deg,#8a5f1c,#e8a13c)}.ph-bars .bar.def i{background:linear-gradient(90deg,#2f5f4d,#4ea88a)}.ph-bars .bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:15px;color:#fff;text-shadow:0 1px 3px #000}.ph-empty{display:flex;align-items:center;gap:16px;color:#9b8f7d;font-size:21px;line-height:1.6}.ph-empty-ic{font-size:46px;opacity:.6}.ph-empty span{font-size:17px;color:#776f61}.pet-grid{display:flex;flex-direction:column;gap:12px}.pet-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(217,178,106,.2);transition:.15s}.pet-card.team{border-color:#4ea88ab3;background:linear-gradient(90deg,#4ea88a24,#ffffff08)}.pc-face{position:relative;width:76px;height:76px;flex:none;border-radius:12px;overflow:hidden;background:#0006;display:grid;place-items:center}.pc-face img{width:100%;height:100%;object-fit:contain}.pc-face-ph{font-size:28px;color:#6f6656}.pc-out{position:absolute;right:0;bottom:0;left:0;font-size:13px;text-align:center;color:#0d1a15;background:#4ea88a;font-weight:700}.pc-main{flex:1;min-width:0}.pc-name{font-size:23px;font-weight:700;color:#efe3cc;display:flex;align-items:center;gap:8px}.pc-lv{font-size:16px;color:#9b8f7d;margin:3px 0 6px}.pc-stats{display:flex;gap:14px;font-size:16px;color:#9b8f7d}.pc-stats b{color:#e8ddc8}.pc-act .btn{min-width:84px}.rank{font-size:14px!important;padding:2px 9px!important;border-radius:999px!important;background:#00000073;border:1px solid currentColor;font-weight:600}.pet-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.pet-grid .pet-card{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;padding:12px 14px!important;min-height:auto!important;text-align:left!important}.pet-grid .pet-card .pc-face{margin:0!important}.pet-grid .pet-card .pc-main{text-align:left!important}.pet-grid .pet-card .row1,.pet-grid .pet-card .stats,.pet-grid .pet-card .tagline,.pet-grid .pet-card .nm{display:none!important}.back-map{left:auto!important;right:16px!important;top:96px!important;padding:8px 14px!important;font-size:17px!important}.page-body{padding:16px 18px 40px!important}.map-list{display:flex;flex-direction:column;gap:10px}.map-item{display:flex!important;align-items:center;gap:14px!important;padding:14px 16px!important;border-radius:14px!important;background:#ffffff0b!important;border:1px solid rgba(217,178,106,.18)!important;transition:.15s}.map-item:active{transform:scale(.99);background:#ffffff12!important}.map-item>.ic{width:54px;height:54px;flex:none;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#00000059}.map-item>.ic img{width:44px;height:44px;object-fit:contain}.map-item .meta{flex:1;min-width:0}.map-item .nm{font-size:22px!important;font-weight:700;color:#efe3cc}.map-item .sub{font-size:16px!important;color:#9b8f7d!important;margin-top:3px;line-height:1.5}.map-item .go{font-size:18px;color:#f2d79a;flex:none}.page .btn{font-size:19px;padding:12px 20px}.page .btn.small{font-size:17px;padding:8px 14px}.chat-log{border-radius:14px;padding:12px 14px;background:#00000059;border:1px solid rgba(217,178,106,.16);font-size:17px;line-height:1.7}.chat-form{display:flex;gap:10px;margin-top:12px}.chat-form input{flex:1}.shop-tabs,.tabs{display:flex;gap:8px;margin:6px 0 12px;flex-wrap:wrap}.shop-tabs .btn,.tabs .btn{padding:9px 16px!important;font-size:17px!important}.shop-item,.dungeon-item,.welfare-item{border-radius:14px!important;border:1px solid rgba(217,178,106,.18)!important;background:#ffffff0b!important}.back-map{top:104px!important;right:14px!important}.pc-act .btn{min-width:74px!important;font-size:17px!important;padding:8px 12px!important}.res-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(217,178,106,.2)}.res-bar .rb{display:flex;align-items:center;gap:8px;font-size:19px;color:#cbbfa6}.res-bar .rb img{width:26px;height:26px}.res-bar .rb b{color:#ffd97a;font-size:22px}.res-bar .rb-hint{font-size:15px;color:#8b8172}.dg-card{margin-top:14px;border-radius:16px;overflow:hidden;background:#ffffff0b;border:1px solid rgba(217,178,106,.22);padding-bottom:14px}.dg-card.locked{filter:grayscale(.75) brightness(.8)}.dg-banner{position:relative;height:150px;background-size:cover;background-position:center}.dg-banner-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0a0907f2)}.dg-lv{position:absolute;right:12px;top:12px;font-size:15px;color:#ffe9b0;padding:3px 10px;background:#0009;border-radius:999px;border:1px solid rgba(217,178,106,.5)}.dg-lock{position:absolute;left:12px;top:12px;font-size:15px;color:#ffb3b3;padding:3px 10px;background:#0009;border-radius:999px}.dg-body{padding:12px 16px 0}.dg-name{font-size:26px;font-weight:700;color:#f2e9d6}.dg-rewards{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 6px}.dg-rw{display:flex;align-items:center;gap:5px;font-size:17px;color:#cbbfa6}.dg-rw img{width:22px;height:22px}.dg-cost{font-size:16px;color:#9b8f7d}.dg-card>.btn{margin:12px 16px 0;width:calc(100% - 32px)}.wf-hero{display:flex;align-items:center;gap:16px;padding:18px;border-radius:16px;background:linear-gradient(120deg,#d9b26a33,#14100ceb);border:1px solid rgba(217,178,106,.4)}.wf-hero-ic{width:68px;height:68px}.wf-hero-title{font-size:28px;font-weight:700;color:#ffe9b0}.wf-hero-sub{font-size:16px;color:#cbbfa6;margin-top:4px}.wf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.wf-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 12px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(217,178,106,.22)}.wf-card.done{opacity:.5}.wf-ic{width:62px;height:62px;display:grid;place-items:center}.wf-ic img{width:54px;height:54px;object-fit:contain}.wf-name{font-size:20px;font-weight:700;color:#efe3cc}.wf-count{font-size:15px;color:#9b8f7d}.wf-bar{width:100%;height:8px;border-radius:5px;overflow:hidden;background:#00000080}.wf-bar i{display:block;height:100%;background:linear-gradient(90deg,#b98f3f,#ffe9b0)}.wf-card .btn{width:100%;margin-top:4px}.mk-head{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;background:linear-gradient(120deg,#d9b26a2e,#14100ce6);border:1px solid rgba(217,178,106,.35)}.mk-coin{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:88px}.mk-coin img{width:40px;height:40px}.mk-coin b{font-size:26px;color:#ffd97a}.mk-coin span{font-size:14px;color:#9b8f7d}.mk-meta{flex:1;font-size:17px;color:#cbbfa6;line-height:1.7}.mk-meta b{color:#f2d79a}.mk-tabs{display:flex;gap:8px;margin:14px 0 12px}.mk-tab{flex:1;padding:10px 8px;border-radius:10px;font-family:inherit;font-size:18px;cursor:pointer;color:#9b8f7d;background:#ffffff0a;border:1px solid rgba(217,178,106,.2)}.mk-tab.on{color:#1a1206;font-weight:700;background:linear-gradient(180deg,#e8c47a,#b98f3f);border-color:#ffe9b0}.mk-grid{display:flex;flex-direction:column;gap:10px}.mk-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(217,178,106,.18)}.mk-face{width:56px;height:56px;flex:none;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#0006}.mk-face .item-ic{font-size:30px}.mk-info{flex:1;min-width:0}.mk-name{font-size:21px;font-weight:700;color:#efe3cc}.mk-sub{font-size:15px;color:#9b8f7d;margin-top:3px}.mk-seller{font-size:14px;color:#776f61;margin-top:2px}.mk-buy{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mk-price{display:flex;align-items:center;gap:4px;font-size:20px;color:#ffd97a;font-weight:700}.mk-price img{width:22px;height:22px}.mk-put{display:flex;align-items:center;gap:8px}.mk-input{width:76px;padding:8px;border-radius:8px;font-family:inherit;font-size:17px;border:1px solid rgba(217,178,106,.4);background:#1a1610;color:#f2d79a}.empty-state.small{padding:26px 16px}.empty-state.small .es-ic{font-size:38px}.empty-state.small .es-title{font-size:19px}.dg-banner{height:168px!important;background-size:cover}.dg-banner-mask{background:linear-gradient(180deg,#0000000d,#00000026 45%,#0a0907eb)!important}.dg-card.locked .dg-banner{filter:brightness(.55)}.chat-list{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px!important;overflow-y:auto;background:#00000052;border:1px solid rgba(217,178,106,.16);border-radius:14px;min-height:420px;max-height:58vh}.chat-msg{display:flex;gap:10px;align-items:flex-start}.cm-ava{width:46px;height:46px;flex:none;border-radius:50%;overflow:hidden;background:#00000080;border:1px solid rgba(217,178,106,.35)}.cm-ava img{width:100%;height:100%;object-fit:cover}.cm-body{max-width:76%}.cm-head{display:flex;align-items:baseline;gap:8px}.cm-head b{font-size:17px;color:#8fd6b8}.cm-head .t{font-size:13px;color:#6f6656}.cm-bubble{margin-top:4px;padding:9px 13px;border-radius:4px 12px 12px;font-size:18px;line-height:1.55;color:#e8ddc8;background:#ffffff12;border:1px solid rgba(255,255,255,.08);word-break:break-word}.chat-msg.mine{flex-direction:row-reverse}.chat-msg.mine .cm-ava{border-color:#4ea88a99}.chat-msg.mine .cm-bubble{background:linear-gradient(135deg,#4ea88a52,#2e6e5a4d);border-color:#4ea88a80;border-radius:12px 4px 12px 12px}.chat-msg.mine .cm-head{flex-direction:row-reverse}.chat-msg.mine .cm-head b{color:#9de0bf}.sign-card.on{border-color:#ffe9b0!important;background:linear-gradient(180deg,#d9b26a47,#785a2833)!important;box-shadow:0 0 0 2px #ffe9b059,0 8px 20px #0006;position:relative}.sign-card.on:after{content:"今天";position:absolute;right:-6px;top:-8px;font-size:12px;color:#1a1206;font-weight:700;background:#ffe9b0;padding:2px 8px;border-radius:999px}.sign-card.got{opacity:.55}.sign-card.got:after{content:"已领";position:absolute;right:-6px;top:-8px;font-size:12px;color:#cbbfa6;background:#000000b3;padding:2px 8px;border-radius:999px}.sign-hero{display:flex;align-items:center;gap:20px;padding:18px;border-radius:16px;background:linear-gradient(120deg,#d9b26a33,#14100ceb);border:1px solid rgba(217,178,106,.4)}.sh-left{text-align:center;min-width:110px}.sh-num{font-size:54px;font-weight:900;color:#ffd97a;line-height:1}.sh-label{font-size:15px;color:#9b8f7d;margin-top:6px}.sh-right{flex:1;display:flex;flex-direction:column;gap:8px}.sh-row{display:flex;align-items:center;gap:8px;font-size:18px;color:#cbbfa6}.sh-row img{width:24px;height:24px}.sh-row b{color:#ffe9b0}.signin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.signin-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;background:#ffffff0b;border:1px solid rgba(217,178,106,.2)}.signin-cell b{font-size:15px;color:#9b8f7d;font-weight:600}.signin-cell .signin-ic{width:34px;height:34px}.signin-cell span{font-size:14px;color:#cbbfa6}.signin-cell.done{opacity:.6}.rk-tabs{display:flex;gap:8px;margin-bottom:14px}.rk-tab{flex:1;padding:11px 8px;border-radius:10px;font-family:inherit;font-size:18px;cursor:pointer;color:#9b8f7d;background:#ffffff0a;border:1px solid rgba(217,178,106,.2)}.rk-tab.on{color:#1a1206;font-weight:700;background:linear-gradient(180deg,#e8c47a,#b98f3f);border-color:#ffe9b0}.rk-list{display:flex;flex-direction:column;gap:8px}.rk-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:#ffffff0b;border:1px solid rgba(217,178,106,.14)}.rk-row.me{border-color:#4ea88ab3;background:#4ea88a1f}.rk-no{width:42px;flex:none;text-align:center;font-size:22px;font-weight:900;color:#9b8f7d}.rk-row:nth-child(1) .rk-no{color:#ffd97a}.rk-row:nth-child(2) .rk-no{color:#d8d8d8}.rk-row:nth-child(3) .rk-no{color:#d0895a}.rk-face{width:46px;height:46px;flex:none;border-radius:50%;overflow:hidden;background:#0006;border:1px solid rgba(217,178,106,.3)}.rk-face img{width:100%;height:100%;object-fit:cover}.rk-name{flex:1;min-width:0;font-size:20px;font-weight:600;color:#efe3cc}.rk-name span{display:block;font-size:14px;color:#8b8172;font-weight:400;margin-top:2px}.rk-val{font-size:21px;font-weight:700;color:#ffd97a;flex:none}.fr-card{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(217,178,106,.18)}.fr-face{width:50px;height:50px;flex:none;border-radius:50%;overflow:hidden;background:#0006;border:1px solid rgba(217,178,106,.3)}.fr-face img{width:100%;height:100%;object-fit:cover}.fr-info{flex:1;min-width:0}.fr-name{font-size:21px;font-weight:700;color:#efe3cc}.fr-sub{font-size:15px;color:#8b8172;margin-top:3px}.fr-on{font-size:14px;color:#4ea88a}.fr-off{font-size:14px;color:#6f6656}.fr-search{display:flex;gap:10px;margin-bottom:12px}.fr-search input{flex:1;padding:13px 16px;border-radius:10px;font-family:inherit;font-size:18px;border:1px solid rgba(217,178,106,.3);background:#00000059;color:var(--text);outline:none}.fr-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d9b26a1f}.eq-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.eq-slot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;background:#ffffff0a;border:1px dashed rgba(217,178,106,.32)}.eq-slot.filled{border-style:solid;border-color:#d9b26a8c;background:#d9b26a1a}.eq-slot img{width:42px;height:42px;object-fit:contain}.eq-slot span{font-size:14px;color:#9b8f7d}.eq-slot.filled span{color:#efe3cc}.eq-bonus{display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px 16px;border-radius:12px;margin-bottom:4px;background:#4ea88a1a;border:1px solid rgba(78,168,138,.3);font-size:17px;color:#cbbfa6}.eq-bonus b{color:#9de0bf}.sc-bar{height:10px;border-radius:5px;overflow:hidden;margin-top:8px;background:#0000008c;border:1px solid rgba(217,178,106,.3)}.sc-bar i{display:block;height:100%;background:linear-gradient(90deg,#b98f3f,#ffe9b0)}.back-map{top:86px!important;right:12px!important;padding:6px 12px!important;font-size:15px!important;border-radius:999px!important;opacity:.92}#lobby-view{padding:0 16px 28px}#lobby-view .section-title:first-child{margin-top:10px!important}.item-ic{width:40px;height:40px;object-fit:contain;display:block}.mk-face .item-ic{width:46px;height:46px}.wm-chip.thumb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0!important;overflow:hidden;background:#ffffff0a}.wm-chip.thumb .wm-thumb{display:block;width:100%;height:56px;background-size:cover;background-position:center;border-radius:8px 8px 0 0}.wm-chip.thumb span{font-size:15px!important;padding:2px 4px}.wm-chip.thumb i{font-size:12px!important;padding-bottom:6px;color:#8b8172;font-style:normal}.wm-chip.thumb.on{border-color:#ffe9b0!important;box-shadow:0 0 0 2px #ffe9b059}.dg-banner{overflow:hidden}.dg-boss{position:absolute;right:6%;bottom:0;height:96%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.7))}.dg-body{position:relative;z-index:2}.wm-chip.thumb{position:relative;height:96px;padding:0!important;border-radius:12px!important;overflow:hidden;display:block!important}.wm-chip.thumb .wm-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;border-radius:0!important}.wm-chip.thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d 40%,#06080beb)}.wm-chip.thumb span{position:absolute;left:0;right:0;bottom:6px;z-index:2;font-size:15px!important;color:#f2e9d6;text-align:center;text-shadow:0 1px 4px #000}.wm-chip.thumb i{position:absolute;right:8px;top:6px;z-index:2;font-size:12px!important;color:#ffe9b0;font-style:normal;background:#0000008c;padding:1px 7px;border-radius:999px}.dg-banner{height:196px!important}.dg-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 90% at 78% 70%,rgba(255,190,120,.16),transparent 70%)}.dg-boss{right:4%!important;height:100%!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.8)) brightness(1.12) contrast(1.05)}.dg-banner-mask{background:linear-gradient(180deg,#0000,#0000000d 40%,#0a0907f2)!important}.dg-lv,.dg-lock{z-index:3}.dg-card.locked{filter:grayscale(.35) brightness(.92)!important}.dg-boss{right:8%!important;height:104%!important;bottom:-4%!important}.hud{gap:10px!important;padding:10px 12px!important}.hud-info{max-width:300px}.hud-bar{height:14px!important;border-radius:7px!important}.hud-bar b{font-size:12px!important}.hud-bar.mp{background:#14284699}.hud-bar.mp>i{background:linear-gradient(90deg,#2f6fbf,#6fb3ff);box-shadow:0 0 8px #5a96ff80}.hud-ico{width:40px!important;height:40px!important;font-size:19px!important}.hud-right{gap:6px!important;flex-wrap:wrap;justify-content:flex-end}.hud-coins{font-size:13px!important}.cp-head{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;background:linear-gradient(120deg,#d9b26a2e,#14100ceb);border:1px solid rgba(217,178,106,.4)}.cp-face{width:108px;height:108px;flex:none;border-radius:14px;overflow:hidden;border:2px solid rgba(217,178,106,.6);background:#0006}.cp-face img{width:100%;height:100%;object-fit:cover}.cp-name{font-size:30px;font-weight:700;color:#ffe9b0}.cp-sub{font-size:18px;color:#cbbfa6;margin:4px 0}.cp-power{font-size:19px;color:#9b8f7d}.cp-power b{color:#ffd97a;font-size:26px}.cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cp-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;background:#ffffff0b;border:1px solid rgba(217,178,106,.18)}.cp-cell img{width:30px;height:30px;object-fit:contain}.cp-cell span{font-size:14px;color:#9b8f7d}.cp-cell b{font-size:20px;color:#efe3cc}.cp-skills{display:flex;flex-direction:column;gap:10px}.cp-skill{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#ffffff0b;border:1px solid rgba(217,178,106,.18)}.cp-skill img{width:44px;height:44px;object-fit:contain}.cp-skill b{font-size:20px;color:#efe3cc;display:block}.cp-skill span{font-size:15px;color:#8b8172}.cp-skill.passive{border-color:#4ea88a80;background:#4ea88a1a}.pd-top{display:flex;gap:16px;align-items:center;padding:14px;border-radius:16px;background:linear-gradient(120deg,#4ea88a29,#14100ce6);border:1px solid rgba(78,168,138,.4)}.pd-face{width:120px;height:120px;flex:none;border-radius:14px;overflow:hidden;background:#0006;border:2px solid rgba(78,168,138,.55)}.pd-face img{width:100%;height:100%;object-fit:contain}.pd-name{font-size:28px;font-weight:700;color:#e8f7ef;display:flex;align-items:center;gap:10px}.pd-sub{font-size:17px;color:#9de0bf;margin:5px 0}.pd-app{font-size:18px;color:#cbbfa6}.pd-app b{color:#ffd97a;font-size:24px}.quest-track{position:absolute;left:14px;bottom:96px;z-index:40;display:flex;align-items:center;gap:10px;max-width:340px;padding:10px 14px;border-radius:14px;background:#08090cc7;border:1px solid rgba(217,178,106,.45);box-shadow:0 6px 18px #00000080;cursor:pointer}.quest-track .qt-ic{font-size:22px}.quest-track .qt-body{display:flex;flex-direction:column;gap:2px;min-width:0}.quest-track .qt-body b{font-size:17px;color:#ffe9b0}.quest-track .qt-body i{font-size:15px;color:#cbbfa6;font-style:normal}.quest-track .qt-go{font-size:22px;color:#d9b26a}.quest-track:active{transform:scale(.98)}.mail-card{position:relative;padding:14px 16px;border-radius:14px;margin-bottom:10px;background:#ffffff0d;border:1px solid rgba(217,178,106,.22)}.mail-card.done{opacity:.6}.mail-head{display:flex;align-items:center;gap:10px}.mail-head b{font-size:21px;color:#efe3cc;flex:1}.mail-head i{font-size:14px;color:#8b8172;font-style:normal}.mail-ic{font-size:22px}.mail-body{font-size:17px;color:#cbbfa6;line-height:1.6;margin:8px 0}.mail-attach{font-size:16px;color:#ffd97a;background:#d9b26a1f;border-radius:8px;padding:6px 10px;display:inline-block}.mail-card .btn,.mail-done{margin-top:10px}.mail-done{font-size:15px;color:#6f6656}.pm-list{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px;margin:14px 0;min-height:320px;max-height:52vh;overflow-y:auto;border-radius:14px;background:#00000052;border:1px solid rgba(217,178,106,.16)}.pm-row{display:flex;align-items:flex-end;gap:8px}.pm-row.mine{flex-direction:row-reverse}.pm-bubble{max-width:72%;padding:9px 13px;border-radius:4px 12px 12px;font-size:18px;line-height:1.55;color:#e8ddc8;background:#ffffff12;border:1px solid rgba(255,255,255,.08);word-break:break-word}.pm-row.mine .pm-bubble{background:linear-gradient(135deg,#4ea88a57,#2e6e5a4d);border-color:#4ea88a80;border-radius:12px 4px 12px 12px}.pm-time{font-size:12px;color:#6f6656}.fr-card .pm-btn,.fr-card .del-btn{flex:none}.quest-track{flex-direction:row;align-items:flex-start}.quest-track .qt-side{display:flex;flex-direction:column;gap:3px;margin-left:6px;padding-left:8px;border-left:1px solid rgba(217,178,106,.3)}.quest-track .qt-side-row{display:flex;gap:8px;align-items:baseline}.quest-track .qt-side-row b{font-size:14px;color:#cbbfa6;font-weight:600}.quest-track .qt-side-row i{font-size:13px;color:#8fd6b8;font-style:normal}.forge-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.forge-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:12px;font-family:inherit;cursor:pointer;background:#ffffff0b;border:1px solid rgba(217,178,106,.28);color:#cbbfa6}.forge-card img{width:40px;height:40px;object-fit:contain}.forge-card b{font-size:16px;color:#efe3cc}.forge-card span{font-size:13px;color:#8b8172}.forge-card:active{transform:scale(.96);background:#d9b26a24}.apt-box{margin:10px 0 4px}.apt-label{font-size:16px;color:#cbbfa6;margin-bottom:5px}.apt-bar{height:14px;border-radius:7px;overflow:hidden;background:#0000008c;border:1px solid rgba(78,168,138,.35)}.apt-bar i{display:block;height:100%;background:linear-gradient(90deg,#2f6f5a,#7fd6b0)}.mk-card{flex-wrap:wrap;row-gap:8px}.mk-info{flex:1 1 60%;min-width:0}.mk-name,.mk-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-put{flex:0 0 auto;margin-left:auto}.mk-input{width:64px!important}.mk-buy{flex:0 0 auto}.hud{display:flex;align-items:center;gap:14px!important;padding:10px 14px!important;background:linear-gradient(180deg,#0a0907eb 60%,#0a090700)!important}.hud-av{width:64px!important;height:64px!important;flex:none;border-radius:12px!important;position:relative;border:2px solid rgba(217,178,106,.75)!important;box-shadow:0 4px 14px #0000008c}.hud-av .av-art{border-radius:10px}.hud-av b{position:absolute;right:-4px;bottom:-4px;min-width:24px;height:24px;padding:0 5px;display:grid;place-items:center;font-size:14px;font-weight:700;color:#1a1206;background:linear-gradient(180deg,#ffe9b0,#c99a3c);border-radius:999px;border:1px solid #7a5a20}.hud-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hud-line{display:flex;align-items:baseline;gap:10px;min-width:0}.hud-name{font-size:22px;font-weight:700;color:#f4ead6;white-space:nowrap}.hud-tag{font-size:15px;color:#9b8f7d;white-space:nowrap;padding:1px 8px;border-radius:999px;background:#ffffff0f}.hud-power{font-size:15px;color:#ffd97a;margin-left:auto;white-space:nowrap}.hud-bar{position:relative;height:15px!important;border-radius:8px!important;background:#0000009e!important;border:1px solid rgba(255,255,255,.1);overflow:hidden}.hud-bar>i{display:block;height:100%;border-radius:8px;transition:width .25s}.hud-bar.hp>i{background:linear-gradient(90deg,#8f2f2f,#e05c5c)}.hud-bar.mp>i{background:linear-gradient(90deg,#2f5d9e,#6fb3ff)}.hud-bar.exp>i{background:linear-gradient(90deg,#8a6a22,#f0c866)}.hud-bar b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px!important;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:.3px}.hud-coins{display:flex;flex-direction:column;gap:6px;flex:none}.hud-coins .coin{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:#0000008c;border:1px solid rgba(217,178,106,.35)}.hud-coins .coin img{width:22px;height:22px}.hud-coins .coin span{font-size:13px;color:#9b8f7d}.hud-coins .coin b{font-size:17px;color:#ffe9b0;font-weight:700}.hotbar{gap:10px!important;padding:8px 12px!important}.hb-main{font-size:19px!important;padding:12px 20px!important}.hb-slots{display:flex;gap:8px;flex:1;justify-content:center}.hb-slot{width:64px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;font-family:inherit;cursor:pointer;background:linear-gradient(180deg,#3c3022e6,#1c1610eb);border:1px solid rgba(217,178,106,.4);color:#e8ddc8}.hb-slot img{width:28px;height:28px;object-fit:contain}.hb-slot span{font-size:13px;color:#cbbfa6}.hb-slot:active{transform:scale(.95);background:#d9b26a33}.stage{bottom:0!important;position:absolute;left:0;right:0}.hb-slot img{width:30px!important;height:30px!important}.story-portrait{display:flex;justify-content:center;margin-bottom:10px}.story-portrait img{height:190px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.story-line.reveal{animation:storyIn .5s ease both}@keyframes storyIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.npc-mark{position:absolute;left:50%;top:-46px;transform:translate(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900;font-style:normal;color:#1a1206;z-index:5;animation:markBob 1.1s ease-in-out infinite;box-shadow:0 3px 10px #0009}.npc-mark-avail,.npc-mark-doing{background:linear-gradient(180deg,#ffe9b0,#d9a53c)}.npc-mark-ready{background:linear-gradient(180deg,#b6f2c8,#3fae6a)}@keyframes markBob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.npc-figure,.npc-dot{position:absolute}.npc-mark{left:auto!important;right:-14px!important;top:52px!important;transform:none!important;width:26px!important;height:26px!important;font-size:17px!important}@keyframes markBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.reward-pop{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 4px}.rp-title{font-size:28px;font-weight:800;color:#ffe9b0;letter-spacing:2px}.rp-list{display:flex;flex-direction:column;gap:8px;width:100%}.rp-item{padding:12px 16px;border-radius:12px;text-align:center;font-size:20px;color:#efe3cc;background:#d9b26a1f;border:1px solid rgba(217,178,106,.35)}.rp-tip{font-size:17px;color:#9b8f7d;text-align:center;line-height:1.6}.reward-pop .btn{margin-top:6px}.cinema{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;justify-content:space-between;background:#00000047;cursor:pointer}.cn-bar{height:12vh;background:#000;flex:none}.cn-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:0 24px 4vh}.cn-portrait{height:34vh;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.8))}.cn-title{font-size:26px;font-weight:800;color:#ffe9b0;letter-spacing:3px;text-shadow:0 2px 10px #000}.cn-text{min-height:96px;padding:14px 18px;border-radius:10px;background:#000000b8;border:1px solid rgba(217,178,106,.45);font-size:21px;line-height:1.7;color:#f0e6d2;text-align:center}.cn-text b{color:#8fd6b8}.cn-text.fade{animation:cnFade .28s ease}@keyframes cnFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.guide-arrow{position:absolute;right:14px;top:120px;z-index:45;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-family:inherit;cursor:pointer;background:#0a0907d1;border:1px solid rgba(255,214,130,.7);box-shadow:0 6px 16px #00000080}.guide-arrow .ga-ic{font-size:20px;color:#ffe9b0;animation:gaPulse 1.2s ease-in-out infinite}@keyframes gaPulse{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.guide-arrow .ga-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.guide-arrow .ga-txt{font-size:16px;color:#f2e9d6}.guide-arrow .ga-txt i{font-size:12px;color:#9b8f7d;font-style:normal}.hud-title{font-size:14px;color:#ffd97a;padding:1px 8px;border-radius:999px;background:#d9b26a2e;border:1px solid rgba(217,178,106,.45);white-space:nowrap}.cinema{background:#000000f0!important}.cn-mid{justify-content:center!important}.cn-text{margin-top:14px}.school-entry{margin:8px 0 12px}.school-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;margin-bottom:10px;background:#ffffff0b;border:1px solid rgba(217,178,106,.2)}.school-row.done{opacity:.55}.sr-no{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:800;color:#1a1206;background:linear-gradient(180deg,#ffe9b0,#c99a3c)}.sr-main{flex:1;min-width:0}.sr-goal{font-size:19px;color:#efe3cc}.sr-bar{height:10px;border-radius:5px;overflow:hidden;margin:6px 0 4px;background:#0000008c;border:1px solid rgba(217,178,106,.25)}.sr-bar i{display:block;height:100%;background:linear-gradient(90deg,#b98f3f,#ffe9b0)}.sr-reward{font-size:14px;color:#9b8f7d}.sr-state{font-size:17px;color:#ffd97a;flex:none}.mk-tab i{display:block;font-size:11px;color:inherit;opacity:.75;font-style:normal;margin-top:2px}.view{position:relative}.stage{position:absolute!important;left:0;right:0;top:100px;bottom:0}.player-sprite{transform:translate(-50%,-100%);height:190px;width:auto}.player-sprite img{height:100%!important;width:auto!important;display:block;transition:transform .12s linear}.player-sprite{height:210px!important}.pet-cross{transform:scale(.92)}.pet-cross .xb{min-width:96px}.pet-vert{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:260px;padding:12px;border-radius:14px;background:#080a0e9e;border:1px solid rgba(217,178,106,.32)}.pet-vert-title{font-size:17px;color:#8fd6b8;text-align:center;margin-bottom:2px}.pv-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-family:inherit;cursor:pointer;background:linear-gradient(180deg,#3c3022eb,#1c1610f0);border:1px solid rgba(217,178,106,.45);color:#efe3cc;font-size:20px;font-weight:600}.pv-btn img{width:26px;height:26px;object-fit:contain}.pv-btn:active{transform:scale(.97)}.pv-btn.dim{opacity:.45}.pet-vert-title{display:none!important}.btn,button.btn{border:1px solid rgba(255,226,176,.22)!important;border-image:none!important;border-radius:10px!important;background:linear-gradient(180deg,#ffffff1a,#fff0 45%),linear-gradient(180deg,#3b3126,#241d15)!important;color:#f3e7d2!important;font-weight:600!important;letter-spacing:.5px;padding:12px 20px!important;box-shadow:inset 0 1px #fff0d238,inset 0 -1px #00000080,0 3px #00000080,0 6px 14px #00000059!important;transition:transform .08s ease,filter .12s ease,box-shadow .12s ease!important}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(2px)!important;box-shadow:inset 0 1px #fff0d226,0 1px #00000080!important}.btn.primary{background:linear-gradient(180deg,#ffffff59,#fff0 50%),linear-gradient(180deg,#f0cd82,#c1933f)!important;border-color:#ffe6ad!important;color:#2a1d07!important;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff80,0 3px #7a5a1c,0 6px 14px #0006!important}.btn.primary:active{box-shadow:inset 0 1px #ffffff4d,0 1px #7a5a1c!important}.btn.ghost{background:#ffffff0a!important;border-color:#ffffff24!important;box-shadow:none!important;color:#cbbfa6!important}.btn.danger{background:linear-gradient(180deg,#a8453f,#6f2a26)!important;border-color:#d2685f!important;color:#ffe9e5!important;box-shadow:inset 0 1px #fff3,0 3px #4a1a17!important}.btn.small{padding:8px 14px!important;font-size:16px!important;border-radius:8px!important}.btn.wide{width:100%}.btn:disabled{opacity:.45!important;filter:grayscale(.5)!important;box-shadow:none!important}.page .btn,.page-body .btn,.hotbar .btn{border-image:none!important}.stage{top:0!important}.view{background:transparent!important}.hud2{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(180deg,#ffffff14,#fff0 40%),linear-gradient(180deg,#2b2118,#191410);border-bottom:2px solid #7a5a24;box-shadow:0 4px 14px #0000008c,inset 0 1px #ffdca02e}.hud2-av{position:relative;width:68px;height:68px;flex:none;border-radius:10px;overflow:hidden;border:2px solid #c9a24a;box-shadow:0 0 0 2px #1a1410,0 4px 10px #0009,inset 0 0 12px #00000080;background:#0d0b08}.hud2-av img{width:100%;height:100%;object-fit:cover;display:block}.hud2-av b{position:absolute;left:0;bottom:0;right:0;font-size:12px;text-align:center;color:#1a1206;background:linear-gradient(180deg,#ffe9b0,#c99a3c);font-weight:800;letter-spacing:.5px}.hud2-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.h2row{display:flex;align-items:baseline;gap:8px}.h2name{font-size:18px;font-weight:700;color:#ffe9b0;text-shadow:0 1px 2px #000}.h2tag{font-size:12px;color:#b9a888}.h2bar{position:relative;height:13px;border-radius:3px;overflow:hidden;background:#0a0908;border:1px solid rgba(0,0,0,.9);box-shadow:inset 0 1px 3px #000c}.h2bar>i{display:block;height:100%}.h2bar.hp>i{background:linear-gradient(180deg,#e05c5c,#8f2f2f)}.h2bar.mp>i{background:linear-gradient(180deg,#6fb3ff,#2f5d9e)}.h2bar.exp>i{background:linear-gradient(180deg,#ffe08a,#b8892f)}.h2bar b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;color:#fff;text-shadow:0 1px 2px #000;font-weight:600}.hud2-right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.h2time{font-size:15px;color:#d9c9a8;letter-spacing:1px}.h2map{font-size:14px;color:#ffe9b0}.h2coins{display:flex;gap:8px;margin-top:1px}.h2coins span{display:flex;align-items:center;gap:3px;font-size:12px;color:#e8d7b0}.h2coins img{width:14px;height:14px}.hud2{position:relative;margin:6px 8px 0;padding:10px 14px;border-style:solid;border-width:18px;border-image:url(../art/ui/panel9_main.webp) 682 fill / 18px stretch;background:transparent!important;box-shadow:0 6px 18px #0009}.hud2-av{width:72px;height:72px;border:2px solid #e8c47a;box-shadow:0 0 0 2px #241a10,0 0 0 4px #e8c47a80,inset 0 0 14px #0009}.hud2-av b{font-size:13px;height:20px;line-height:20px;background:linear-gradient(180deg,#ffe9b0,#b8892f);box-shadow:0 -2px 6px #00000080}.h2bar{height:18px;border-radius:4px;border:1px solid #6b4f22;background:#0b0a08;box-shadow:inset 0 2px 4px #000000d9,0 1px #ffdc961f;padding-left:20px}.h2bar>i{border-radius:3px;box-shadow:inset 0 -3px 6px #00000059,inset 0 2px 3px #ffffff40}.h2bar.hp>i{background:linear-gradient(180deg,#ff8a7a,#a52f2f 60%,#6d1c1c)}.h2bar.mp>i{background:linear-gradient(180deg,#8cc7ff,#2f6fbf 60%,#1c3f75)}.h2bar.exp>i{background:linear-gradient(180deg,#ffe9a8,#d0a03c 60%,#8a6720)}.h2bar b{font-size:11px;font-weight:700;letter-spacing:.5px}.h2ic{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:16px;height:16px;object-fit:contain;z-index:2;filter:drop-shadow(0 1px 1px #000)}.h2name{font-size:19px;color:#ffeec2;text-shadow:0 1px 0 #3a2a12,0 2px 4px #000}.h2tag{font-size:12px;color:#c8b48c}.hud2-right{gap:3px}.h2time{font-size:15px;color:#ffeec2;letter-spacing:1px;text-shadow:0 1px 2px #000}.h2map{font-size:13px;color:#d8b978;padding:1px 10px;border-radius:999px;background:#00000073;border:1px solid rgba(232,196,122,.4)}.h2coins span{font-size:12px;color:#f0dfb8;text-shadow:0 1px 2px #000}.hud2{margin:0!important;padding:10px 16px!important;border-style:solid!important;border-width:0 46px!important;border-image:url(../art/ui/ui_frame_1.webp) 22% 12% fill / 0 46px stretch!important;background:transparent!important;box-shadow:none!important}.hud2-av{width:76px;height:76px;border:none!important;box-shadow:none!important;background:url(../art/ui/ui_frame_2.webp) center/contain no-repeat!important;padding:10px;overflow:visible!important}.hud2-av img{border-radius:6px}.hud2-av b{border-radius:0 0 10px 10px}.hotbar{border-style:solid!important;border-width:0 40px!important;border-image:url(../art/ui/ui_frame_6.webp) 22% 10% fill / 0 40px stretch!important;background:transparent!important;padding:8px 10px!important}.btn{border-style:solid!important;border-width:14px 20px!important;border-image:url(../art/ui/ui_btn_2.webp) 26% fill / 14px 20px stretch!important;background:transparent!important;box-shadow:none!important;padding:2px 8px!important;color:#f3e7d2!important;text-shadow:0 1px 2px rgba(0,0,0,.85)}.btn.primary{border-image:url(../art/ui/ui_btn_1.webp) 26% fill / 14px 20px stretch!important;color:#3a2606!important;text-shadow:0 1px 0 rgba(255,255,255,.45)}.btn.danger{border-image:url(../art/ui/ui_btn_3.webp) 26% fill / 14px 20px stretch!important;color:#ffeceb!important}.btn.ghost{border-image:url(../art/ui/ui_btn_5.webp) 26% fill / 14px 20px stretch!important;color:#dfe6f2!important}.btn.small{border-width:11px 14px!important;border-image-width:11px 14px!important;padding:0 2px!important;font-size:16px!important}.btn:active{transform:translateY(1px)!important;filter:brightness(.94)}.btn:disabled{filter:grayscale(.7) brightness(.8)!important}.page{border-style:solid!important;border-width:26px!important;border-image:url(../art/ui/ui_panel_1.webp) 18% fill / 26px stretch!important;background:#0a0c16eb!important}.page-head{background:transparent!important}.hud-strip{position:absolute;top:0;left:0;right:0;height:30px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 14px;background:linear-gradient(180deg,#34264aeb,#1c1428d9);border-bottom:1px solid rgba(232,196,122,.4)}.hud-panel{position:absolute;top:32px;left:6px;display:flex;align-items:flex-start;gap:4px}.hp-block{display:flex;align-items:flex-start;gap:4px}.hp-av{position:relative;width:74px;height:74px;flex:none;cursor:pointer;background:url(../art/ui/ui_frame_2.webp) center/contain no-repeat;padding:8px}.hp-av img{width:100%;height:100%;object-fit:cover;border-radius:6px}.hp-av b{position:absolute;left:6px;bottom:4px;min-width:20px;text-align:center;font-size:12px;font-weight:800;color:#1a1206;background:linear-gradient(180deg,#ffe9b0,#c99a3c);border-radius:999px;padding:0 4px}.hp-bars{display:flex;flex-direction:column;gap:3px;padding-top:14px}.hp-line{position:relative;width:190px;height:15px;border-radius:3px;overflow:hidden;background:#0b0a10;border:1px solid #3b2c14;box-shadow:inset 0 1px 3px #000000d9}.hp-line>i{display:block;height:100%;background:linear-gradient(180deg,#ff7b6b,#a82f2a 60%,#6d1a17)}.hp-line.mp>i{background:linear-gradient(180deg,#7fd3ff,#2b7fd1 60%,#17457a)}.hp-line.pet>i{background:linear-gradient(180deg,#9ff0a8,#3f9e52 60%,#25662f)}.hp-line b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;color:#fff;text-shadow:0 1px 2px #000}.hp-exp{display:flex;align-items:center;gap:5px;margin-top:1px}.hp-exp span{font-size:11px;color:#ffe9b0;font-weight:700}.hp-exp i{position:relative;flex:1;height:13px;border-radius:3px;overflow:hidden;background:#0b0a10;border:1px solid #3b2c14}.hp-exp em{display:block;height:100%;background:linear-gradient(180deg,#ffe9a8,#c99a3c)}.hp-exp b{font-size:10px;color:#ffe9b0}.pet-block{display:flex;align-items:flex-start;gap:3px}.pet-av{position:relative;width:52px;height:52px;flex:none;cursor:pointer;background:url(../art/ui/ui_frame_2.webp) center/contain no-repeat;padding:6px}.pet-av img{width:100%;height:100%;object-fit:contain;border-radius:4px}.pet-av b{position:absolute;left:2px;bottom:0;font-size:10px;font-weight:800;color:#1a1206;background:linear-gradient(180deg,#ffe9b0,#c99a3c);border-radius:999px;padding:0 3px}.pet-bars{display:flex;flex-direction:column;gap:2px;padding-top:8px}.pet-bars .hp-line{width:96px;height:13px}.pet-name{font-size:11px;color:#e8d7b0;white-space:nowrap}.hud-strip{height:46px!important}.hs-time{font-size:24px!important}.hs-map{font-size:22px!important}.hs-coins{font-size:19px!important}.hs-coins img{width:20px!important;height:20px!important}.hud-panel{top:48px!important;left:8px!important;gap:8px!important}.hp-av{width:118px!important;height:118px!important;padding:13px!important}.hp-av b{font-size:19px!important;left:10px!important;bottom:8px!important;min-width:30px!important}.hp-bars{gap:5px!important;padding-top:24px!important}.hp-line{width:300px!important;height:24px!important;border-radius:5px!important}.hp-line b{font-size:15px!important}.hp-exp{gap:8px}.hp-exp span{font-size:17px!important}.hp-exp i{height:20px!important}.hp-exp b{font-size:15px!important}.pet-av{width:84px!important;height:84px!important;padding:10px!important}.pet-av b{font-size:15px!important}.pet-bars .hp-line{width:150px!important;height:20px!important}.pet-name{font-size:16px!important}.hud-panel{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.pet-block{margin-left:10px}.pet-av{width:62px!important;height:62px!important;padding:8px!important}.pet-av b{font-size:12px!important}.pet-bars{padding-top:10px!important;gap:3px!important}.pet-bars .hp-line{width:210px!important;height:16px!important}.hp-line.petmp>i{background:linear-gradient(180deg,#7fd3ff,#2b7fd1 60%,#17457a)!important}.pet-exp.petexp span{font-size:13px!important}.pet-exp.petexp i{height:15px!important}.pet-exp.petexp b{font-size:11px!important}.hud-panel{position:absolute;top:34px;left:4px;display:flex;flex-direction:column;gap:2px}.hud-row1{display:flex;align-items:flex-end;gap:4px}.hp-av{width:92px!important;height:92px!important;padding:10px!important}.hp-av b{font-size:15px!important;left:8px!important;bottom:6px!important;min-width:24px!important}.hp-bars{padding-top:34px!important;gap:3px!important}.hp-line{width:210px!important;height:18px!important;border-radius:4px!important}.pet-av{width:64px!important;height:64px!important;padding:8px!important}.pet-av b{font-size:12px!important;left:4px!important;bottom:2px!important}.pet-bars{padding-top:16px!important;gap:3px!important}.pet-bars .hp-line{width:150px!important;height:16px!important}.hud-exprow{display:flex;align-items:center;gap:5px;padding-left:4px}.hud-exprow span{font-size:13px;font-weight:800;color:#ffe9b0;text-shadow:0 1px 2px #000}.hud-exprow i{position:relative;width:300px;height:15px;border-radius:4px;overflow:hidden;background:#0b0a10;border:1px solid #3b2c14}.hud-exprow em{display:block;height:100%;background:linear-gradient(180deg,#ffe9a8,#c99a3c)}.hud-exprow b{font-size:12px;color:#ffe9b0}.hp-exp,.pet-name,.pet-bars .hp-exp{display:none!important}.hud-panel{top:36px!important;left:10px!important;gap:3px!important}.hp-av{width:88px!important;height:88px!important;padding:9px!important;overflow:visible!important}.hp-bars{padding-top:30px!important}.hp-line{width:205px!important;height:17px!important}.pet-av{width:60px!important;height:60px!important;padding:7px!important}.pet-bars{padding-top:14px!important}.pet-bars .hp-line{width:140px!important;height:15px!important}.hud-exprow{margin-left:96px!important}.hud-exprow i{width:296px!important;height:14px!important}.hp-line{width:200px!important;height:30px!important;border-style:solid!important;border-width:12px 16px!important;border-image:url(../art/ui/bar_hp.webp) 40% fill / 12px 16px stretch!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important}.hp-line>i{display:none!important}.hp-line.mp{border-image:url(../art/ui/bar_mp.webp) 40% fill / 12px 16px stretch!important}.hp-line b{font-size:15px!important;font-weight:700;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.9)}.pet-bars .hp-line{width:140px!important;height:24px!important;border-width:9px 12px!important;border-image-width:9px 12px!important}.pet-bars .hp-line b{font-size:12px!important}.pet-bars .hp-line.petmp{border-image:url(../art/ui/bar_mp.webp) 40% fill / 9px 12px stretch!important}.hud-exprow i{height:22px!important;width:258px!important;border-style:solid!important;border-width:9px 14px!important;border-image:url(../art/ui/bar_exp.webp) 40% fill / 9px 14px stretch!important;background:#1a1206!important;box-shadow:none!important}.hud-exprow em{background:linear-gradient(180deg,#ffe9a8,#c99a3c)!important}.hud-exprow b{font-size:14px!important}.hp-line{position:relative!important;width:200px!important;height:34px!important;border-style:solid!important;border-width:9px 20px!important;border-image:url(../art/ui/ui_bar_1.webp) 22% 13% fill / 9px 20px stretch!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;display:flex;align-items:center}.hp-line>i{display:block!important;position:absolute!important;left:10px;right:10px;top:6px;bottom:6px;border-radius:999px;background:linear-gradient(180deg,#ff7f6d,#b02f28 55%,#6d1a17)!important;box-shadow:inset 0 2px 4px #ffffff47,inset 0 -3px 6px #00000073}.hp-line.mp{border-image:url(../art/ui/ui_bar_4.webp) 22% 13% fill / 9px 20px stretch!important}.hp-line.mp>i{background:linear-gradient(180deg,#8fd8ff,#2b7fd1 55%,#17457a)!important}.hp-line b{position:relative!important;z-index:2;width:100%;text-align:center;font-size:14px!important;color:#fff;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.9)}.pet-bars .hp-line{width:138px!important;height:26px!important;border-width:7px 14px!important;border-image-width:7px 14px!important}.pet-bars .hp-line>i{left:7px;right:7px;top:4px;bottom:4px}.pet-bars .hp-line b{font-size:11px!important}.pet-bars .hp-line.petmp{border-image:url(../art/ui/ui_bar_5.webp) 22% 13% fill / 7px 14px stretch!important}.pet-bars .hp-line.petmp>i{background:linear-gradient(180deg,#8fd8ff,#2b7fd1 55%,#17457a)!important}.hud-exprow i{position:relative;height:26px!important;width:250px!important;border-style:solid!important;border-width:8px 16px!important;border-image:url(../art/ui/ui_bar_7.webp) 22% 12% fill / 8px 16px stretch!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center}.hud-exprow em{position:absolute!important;left:8px;right:8px;top:5px;bottom:5px;border-radius:999px;background:linear-gradient(180deg,#ffe9a8,#d0a03c 60%,#8a6720)!important;box-shadow:inset 0 2px 4px #ffffff4d}.hud-exprow b{position:relative;z-index:2;font-size:13px!important}.hp-av{width:96px!important;height:96px!important;padding:8px!important}.hp-av b{font-size:15px!important;left:8px;bottom:6px}.hp-bars{padding-top:26px!important;gap:2px!important}.hp-line{width:205px!important;height:24px!important;border-width:7px 16px!important;border-image-width:7px 16px!important}.hp-line>i{left:8px;right:8px;top:4px;bottom:4px}.hp-line b{font-size:12px!important}.pet-av{width:56px!important;height:56px!important;padding:6px!important}.pet-av b{font-size:11px!important}.pet-bars{padding-top:12px!important;gap:2px!important}.pet-bars .hp-line{width:132px!important;height:20px!important;border-width:6px 12px!important;border-image-width:6px 12px!important}.pet-bars .hp-line>i{left:6px;right:6px;top:3px;bottom:3px}.pet-bars .hp-line b{font-size:10px!important}.pet-bars .hp-line.petexp{border-image:url(../art/ui/ui_bar_7.webp) 22% 13% fill / 6px 12px stretch!important}.pet-bars .hp-line.petexp>i{background:linear-gradient(180deg,#ffe9a8,#d0a03c 60%,#8a6720)!important}.hud-exprow{margin-left:104px!important}.hud-exprow i{height:20px!important;width:236px!important;border-width:6px 14px!important;border-image-width:6px 14px!important}.hud-exprow em{left:7px;right:7px;top:3px;bottom:3px}.hud-exprow b,.hud-exprow span{font-size:12px!important}.hud-panel{top:26px!important;left:2px!important;transform:scale(1.3)!important;transform-origin:top left!important}.hud-strip{height:34px!important}.hud-exprow{margin-left:100px!important}.hud-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.hud-wrap>*{pointer-events:auto}.hud-strip{position:absolute;top:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 14px;background:linear-gradient(180deg,#34264aeb,#1c1428d9);border-bottom:1px solid rgba(232,196,122,.4)}.hs-time{font-size:16px;color:#f0e4ff;letter-spacing:1px}.hs-map{font-size:15px;color:#ffe9b0}.hs-coins{display:flex;align-items:center;gap:5px;font-size:13px;color:#f0dfb8}.hs-coins img{width:14px;height:14px;margin-left:6px}.hud-art{position:absolute;top:26px;left:2px;width:640px;aspect-ratio:2005 / 502}.hud-strip-img{width:100%;height:100%;display:block}.hud-slot>i{position:absolute;left:3%;right:auto;top:26%;bottom:26%;border-radius:999px;z-index:1;box-shadow:inset 0 2px 4px #ffffff40,inset 0 -2px 5px #0006}.hud-slot>b{position:relative;z-index:2;width:100%;text-align:center;font-size:15px;color:#fff;font-weight:700;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.9)}.hud-slot.pet>b{font-size:12px}.hud-av-hit img{position:absolute;top:14%;right:14%;bottom:14%;left:14%;width:72%;height:72%;object-fit:cover;border-radius:50%}.hud-av-hit .hud-lv{position:absolute;left:2%;bottom:6%;z-index:3;font-size:15px;font-weight:800;color:#1a1206;background:linear-gradient(180deg,#ffe9b0,#c99a3c);border-radius:999px;padding:0 6px;line-height:1.3}.hud-av-hit.pet .hud-lv{font-size:12px;padding:0 4px}.hud-av-hit.pet img{top:18%;right:18%;bottom:18%;left:18%;width:64%;height:64%}.hud-art{position:absolute;aspect-ratio:1143 / 502;pointer-events:auto}.hud-art.player{top:28px;left:2px;width:400px}.hud-art.pet{top:158px;left:14px;width:250px}.hud-img{width:100%;height:100%;display:block}.hud-slot{position:absolute;display:flex;align-items:center}.hud-slot>i{position:absolute;left:4%;top:30%;bottom:30%;border-radius:999px;z-index:1;box-shadow:inset 0 2px 4px #ffffff40,inset 0 -2px 5px #0006}.hud-slot.hp>i{background:linear-gradient(180deg,#ff7f6d,#b02f28 55%,#6d1a17)}.hud-slot.mp>i{background:linear-gradient(180deg,#8fd8ff,#2b7fd1 55%,#17457a)}.hud-slot.exp>i{background:linear-gradient(180deg,#ffe9a8,#d0a03c 55%,#8a6720)}.hud-slot>b{position:relative;z-index:2;width:100%;text-align:center;font-size:13px;color:#fff;font-weight:700;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.9)}.hud-art.pet .hud-slot>b{font-size:10px}.hud-av-hit{position:absolute;cursor:pointer}.hud-av-hit img{position:absolute;left:12%;top:12%;width:76%;height:76%;object-fit:cover;border-radius:50%}.hud-av-hit .hud-lv{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);font-size:13px;font-weight:800;color:#1a1206;white-space:nowrap;background:linear-gradient(180deg,#ffe9b0,#c99a3c);border-radius:999px;padding:0 5px;line-height:1.25}.hud-art.pet .hud-av-hit .hud-lv{font-size:11px;padding:0 4px}.hud-art.player{top:30px!important;left:4px!important;width:380px!important}.hud-art.pet{top:210px!important;left:16px!important;width:232px!important}.hud-art.pet .hud-img{opacity:.98}.hud-wrap{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:34px 0 0 6px!important;pointer-events:none}.hud-wrap .hud-strip{position:absolute!important;top:0!important;left:0!important;right:0!important;height:30px!important;pointer-events:auto}.hud-art{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;flex:none}.hud-art.player{width:360px!important;margin:0!important}.hud-art.pet{width:216px!important;margin:8px 0 0 14px!important}#ui-layer .hud-wrap .hud-art,#ui-layer .hud-wrap .hud-art.player,#ui-layer .hud-wrap .hud-art.pet{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}#ui-layer .hud-wrap .hud-art.player{width:360px!important;margin:0!important}#ui-layer .hud-wrap .hud-art.pet{width:216px!important;margin:8px 0 0 14px!important}#ui-layer .hud-wrap .hud-art,#ui-layer .hud-wrap .hud-art.player,#ui-layer .hud-wrap .hud-art.pet,.hud-wrap .hud-img{transform:none!important}.hud-lv{position:absolute;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#2a1a05;text-shadow:0 1px 0 rgba(255,255,255,.55);pointer-events:none;z-index:4}.hud-art.pet .hud-lv{font-size:12px}.hud-av-hit img{left:6%!important;top:6%!important;width:88%!important;height:88%!important}#ui-layer .hud-wrap .hud-art.pet{margin:8px 0 0!important}.hud-art.player .hud-slot>b{font-size:13px;padding:0 8%}.hud-art.pet .hud-slot>b{font-size:11px;padding:0 6%}.hud-slot>i{left:3%!important}#ui-layer .hud-wrap .hud-art.pet{width:200px!important;margin:6px 0 0!important}.hud-lv{font-size:17px!important}.hud-lv{font-size:22px!important;color:#2b1b05!important;text-shadow:0 1px 0 rgba(255,255,255,.6)!important}.hud-art.pet .hud-lv{font-size:16px!important}#ui-layer .hud-wrap .hud-art.pet{margin:2px 0 0!important}.hud-lv{font-size:18px!important}.hud-art.pet .hud-lv{font-size:13px!important}.hud-slot>i{left:6.5%!important;top:30%!important;bottom:30%!important;border-radius:999px!important;box-shadow:inset 0 2px 3px #ffffff73,inset 0 -3px 6px #00000080,0 0 6px #0000008c!important;transition:width .25s ease}.hud-slot.hp>i{background:linear-gradient(180deg,#ff9a86,#e0413a,#a01f1c 70%,#5f1210)!important}.hud-slot.mp>i{background:linear-gradient(180deg,#a8e6ff,#43a9ea,#1f6ea8 70%,#123a5e)!important}.hud-slot.exp>i{background:linear-gradient(180deg,#fff0b8,#f0c150,#b98a26 70%,#6d5014)!important}.hud-art.pet .hud-slot>i{left:7%!important;top:32%!important;bottom:32%!important}.hud-slot>b{text-shadow:0 1px 2px #000,0 0 4px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.25)!important}.hud-lv{border-radius:50%!important;background:radial-gradient(circle at 50% 42%,#3a2a12,#1d1409 62%,#0d0905)!important;box-shadow:0 0 0 1.5px #e8c47ad9,0 0 6px #000000bf,inset 0 1px 2px #ffe1a047!important;color:#ffe9a8!important;font-size:16px!important;font-weight:900!important;text-shadow:0 1px 2px #000,0 0 4px rgba(0,0,0,.9)!important;letter-spacing:0!important}.hud-art.pet .hud-lv{font-size:12px!important}#ui-layer .hud-wrap .hud-art.pet{margin:-21px 0 0!important}.hotbar{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:6px 26px!important;margin:0 auto!important;width:100%!important;box-sizing:border-box!important;border:none!important;border-image:none!important;background:linear-gradient(180deg,#1e1828f0,#0e0b14f7)!important;border-top:1px solid rgba(232,196,122,.45)!important;box-shadow:0 -4px 16px #0009!important}.hotbar .hb-btn{flex:none!important;min-width:88px!important;height:58px!important;border-style:solid!important;border-width:12px 16px!important;border-image:url(../art/ui/ui_btn_2.webp) 26% fill / 12px 16px stretch!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#ffe9b0!important;font-size:19px!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.9)!important;padding:0!important}.hotbar .hb-btn:active{transform:translateY(1px);filter:brightness(.94)}.hb-slots{display:flex!important;align-items:center!important;gap:8px!important;padding:4px 14px!important;border-style:solid!important;border-width:10px 16px!important;border-image:url(../art/ui/ui_frame_6.webp) 20% 8% fill / 10px 16px stretch!important;background:transparent!important}.hb-slot{position:relative!important;width:62px!important;height:62px!important;border-style:solid!important;border-width:10px!important;border-image:url(../art/ui/ui_btn_2.webp) 26% fill / 10px stretch!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;cursor:pointer}.hb-slot img{width:30px!important;height:30px!important;object-fit:contain;pointer-events:none}.hb-slot span{display:none!important}.hb-slot:active{transform:translateY(1px);filter:brightness(.92)}.hb-slot:after{content:attr(data-label);position:absolute;left:50%;bottom:-15px;transform:translate(-50%);font-size:11px;color:#cdb98d;white-space:nowrap;text-shadow:0 1px 2px #000}.hotbar{height:84px!important;padding:0 18px!important;gap:12px!important}.hb-slots{border-image:none!important;border:none!important;background:linear-gradient(180deg,#342a1a8c,#14100ca6)!important;border-radius:12px!important;padding:8px 14px 20px!important;gap:10px!important}.hb-slot{width:56px!important;height:56px!important;border-width:9px!important}.hb-slot img{width:26px!important;height:26px!important}.hb-slot:after{bottom:4px!important;font-size:11px!important;color:#e8d5a8!important}.hotbar .hb-btn{min-width:84px!important;height:54px!important;font-size:18px!important}.hotbar{height:92px!important;gap:16px!important;padding:0 20px!important}.hb-slots{flex:0 1 auto!important;gap:6px!important;padding:6px 12px 8px!important;border-radius:10px!important;background:linear-gradient(180deg,#30261899,#120e0ab8)!important;border:1px solid rgba(232,196,122,.35)!important;box-shadow:inset 0 1px #ffe6b42e,0 4px 14px #00000080!important}.hb-slot{width:58px!important;height:58px!important;border-width:9px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important}.hb-slot img{width:24px!important;height:24px!important;margin-top:2px}.hb-slot span{display:block!important;font-size:10px!important;line-height:1!important;color:#e8d5a8!important;margin-top:3px;text-shadow:0 1px 2px #000}.hb-slot:after{content:none!important}.hb-slot:before{content:none!important}.chat-strip{margin:0!important;padding:6px 16px!important;background:linear-gradient(180deg,#0c0e18db,#080910eb)!important;border-top:1px solid rgba(232,196,122,.35)!important;border-bottom:none!important;max-height:52px!important;overflow:hidden!important}.chat-strip .cs-line{font-size:15px!important;line-height:1.35!important;color:#cfe3ff!important;text-shadow:0 1px 2px #000}.chat-strip .cs-line.sys{color:#ffd98a!important}.chat-strip .cs-line.world{color:#9fd0ff!important}.quest-track{left:10px!important;bottom:108px!important;min-width:210px!important;padding:8px 14px!important;border-style:solid!important;border-width:10px 12px!important;border-image:url(../art/ui/ui_frame_8.webp) 16% fill / 10px 12px stretch!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:#ffe9b0!important}.quest-track .qt-txt{font-size:15px!important}.quest-track{left:10px!important;bottom:112px!important;min-width:200px!important;max-width:300px!important;padding:8px 12px!important;border-style:solid!important;border-width:1px!important;border-image:none!important;border-color:#e8c47a80!important;border-radius:10px!important;background:linear-gradient(180deg,#12101aeb,#0a090ef2)!important;box-shadow:0 4px 14px #0009,inset 0 1px #ffe6b424!important;color:#ffe9b0!important}.quest-track .qt-txt{font-size:14px!important;line-height:1.3}.view{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#0a0a0c!important}.stage{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important}.chat-strip,.hotbar{position:relative!important;flex:none!important;z-index:5}.app-shell{display:flex!important;flex-direction:column!important}.view{flex:1 1 auto!important;height:auto!important;padding-bottom:0!important;margin-bottom:0!important}.chat-strip{margin-bottom:0!important}.hotbar{margin-top:0!important;flex:none!important}.hotbar{margin-top:-38px!important;flex:none!important}.hotbar:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:linear-gradient(180deg,#0a090e00,#14100cd9);pointer-events:none}.app-shell{position:relative!important}.view{padding-bottom:47px!important}.chat-strip{position:absolute!important;left:0!important;right:0!important;bottom:47px!important;z-index:6!important;margin:0!important}.hotbar{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:47px!important;margin:0!important;z-index:7!important}.hotbar:before{content:none!important}.app-shell{height:100%!important;display:flex!important;flex-direction:column!important;position:relative!important}.app-shell>.view{flex:1 1 auto!important;min-height:0!important}.hotbar{height:84px!important;bottom:0!important}.chat-strip{bottom:84px!important}.view{padding-bottom:84px!important}.quest-track{bottom:132px!important}.tp{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;gap:0!important;color:#ffd98a!important;font-size:46px!important;font-weight:900!important;line-height:1!important;text-shadow:0 0 10px rgba(0,0,0,.95),0 2px 4px rgba(0,0,0,.9),0 0 18px rgba(255,200,90,.45);transition:transform .12s ease,filter .12s ease}.tp:hover{transform:scale(1.12);filter:brightness(1.2)}.tp span{font-size:13px!important;color:#ffd98a!important;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.9);margin-top:2px;letter-spacing:.5px}.tp-left span,.tp-right span{display:block}.tp-up,.tp-down{font-size:46px!important}.tp{font-size:42px!important;color:#ffcf5c!important;text-shadow:2px 0 0 #2a1c05,-2px 0 0 #2a1c05,0 2px 0 #2a1c05,0 -2px 0 #2a1c05,2px 2px 0 #2a1c05,-2px 2px 0 #2a1c05,2px -2px 0 #2a1c05,-2px -2px 0 #2a1c05!important;filter:none!important;transition:transform .1s ease!important}.tp span{font-size:13px!important;color:#ffe0a0!important;text-shadow:1px 0 0 #2a1c05,-1px 0 0 #2a1c05,0 1px 0 #2a1c05,0 -1px 0 #2a1c05!important}.tp:hover{transform:scale(1.1)!important;filter:brightness(1.15)!important}.tp-right{right:18px!important}.tp-left{left:18px!important}.tp-up{top:16px!important}.tp-down{bottom:96px!important}.quest-track{bottom:186px!important}.hud-slot>i{left:8.5%!important;top:33%!important;bottom:33%!important;max-width:83%!important}.hud-art.pet .hud-slot>i{left:9%!important;max-width:82%!important;top:35%!important;bottom:35%!important}#ui-layer:has(.page) .hud-wrap,#ui-layer:has(.page) .hotbar,#ui-layer:has(.page) .chat-strip,#ui-layer:has(.page) .quest-track{display:none!important}.page,.modal,.sheet,.page-stack{z-index:80!important}body.in-page .hud-wrap{display:none!important}.back-map{position:absolute!important;right:12px!important;top:12px!important;z-index:60!important;border-style:solid!important;border-width:10px 14px!important;border-image:url(../art/ui/ui_btn_2.webp) 26% fill / 10px 14px stretch!important;background:transparent!important;color:#ffe9b0!important;font-size:15px!important;padding:0!important;min-width:108px;height:42px}.hud-slot>i{left:12%!important;right:auto!important;top:38%!important;bottom:38%!important;max-width:76%!important;border-radius:999px!important;box-shadow:inset 0 1px 2px #ffffff73,inset 0 -2px 4px #0000008c!important}.hud-art.pet .hud-slot>i{left:13%!important;top:40%!important;bottom:40%!important;max-width:74%!important}.hotbar{height:124px!important;gap:18px!important;padding:0 22px!important}.hotbar .hb-btn{min-width:132px!important;height:92px!important;border-width:16px 20px!important;border-image-width:16px 20px!important;font-size:26px!important}.hb-slots{gap:12px!important;padding:10px 18px 12px!important;border-radius:14px!important}.hb-slot{width:88px!important;height:88px!important;border-width:12px!important;border-image-width:12px!important}.hb-slot img{width:38px!important;height:38px!important}.hb-slot span{font-size:14px!important;margin-top:4px!important}.view{padding-bottom:124px!important}.chat-strip{bottom:124px!important;padding:8px 18px!important}.chat-strip .cs-line{font-size:17px!important}.quest-track{bottom:230px!important}.ed-bar{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:92vw;padding:10px 14px;border-radius:12px;background:#100e16f5;border:1px solid rgba(232,196,122,.5);box-shadow:0 8px 26px #000000b3;color:#e8d7b0;font-size:15px}.ed-bar b{color:#ffe9b0;font-size:16px}.ed-bar .ed-cur{color:#9fd0ff}.ed-bar .ed-kinds,.ed-bar .ed-ids{display:flex;gap:4px}.ed-bar button{padding:6px 12px;border-radius:8px;cursor:pointer;background:linear-gradient(180deg,#3a3128,#241d15);border:1px solid rgba(232,196,122,.45);color:#e8d7b0;font-size:14px;font-family:inherit}.ed-bar button.on{background:linear-gradient(180deg,#e8c47a,#b98f3f);color:#2a1d07;font-weight:700}.ed-bar label{display:flex;align-items:center;gap:4px}.ed-bar input[type=number]{width:64px;padding:4px 6px;border-radius:6px;font-size:14px;background:#0d0b08;border:1px solid rgba(232,196,122,.4);color:#ffe9b0}.ed-bar .ed-ids{display:flex;flex-wrap:wrap;gap:6px;max-width:60vw}.ed-bar .ed-thumb{position:relative;width:62px;height:62px;padding:0;overflow:hidden;border-radius:8px;border:2px solid rgba(232,196,122,.35);background:radial-gradient(circle at 50% 40%,#2a2436,#14111c);cursor:pointer}.ed-bar .ed-thumb img{width:100%;height:100%;object-fit:contain;pointer-events:none;padding:3px;box-sizing:border-box}.ed-bar .ed-thumb span{position:absolute;right:2px;bottom:1px;font-size:11px;color:#ffe9b0;text-shadow:0 1px 2px #000}.ed-bar .ed-thumb.on{border-color:#ffd257;box-shadow:0 0 8px #ffd257b3}.ed-sel{outline:2px dashed #ffd257;outline-offset:-2px;filter:drop-shadow(0 0 8px rgba(255,210,87,.85)) brightness(1.06)}.ed-bar .ed-mapwrap{display:flex;align-items:center;gap:6px}.ed-bar select.ed-map{padding:6px 10px;border-radius:8px;font-size:14px;font-family:inherit;background:#0d0b08;color:#ffe9b0;border:1px solid rgba(232,196,122,.5);max-width:220px}.encounter-btn{position:absolute;right:16px;bottom:200px;z-index:40;width:96px;height:96px;border-radius:50%;border-style:solid;border-width:12px;border-image:url(../art/ui/ui_btn_3.webp) 26% fill / 12px stretch;background:transparent;color:#ffe9b0;font-size:22px;font-weight:800;font-family:inherit;cursor:pointer;text-shadow:0 2px 4px #000;box-shadow:0 6px 18px #0009;transition:transform .1s ease}.encounter-btn:active{transform:scale(.94)}.tp-pad{position:absolute;width:180px;height:180px;transform:translate(-50%,-50%);z-index:5;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tp-pad i{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(120,200,255,.3),rgba(60,120,220,.12) 55%,transparent 70%),conic-gradient(from 0deg,rgba(140,210,255,.55),transparent 25%,rgba(140,210,255,.55) 50%,transparent 75%,rgba(140,210,255,.55));border:2px solid rgba(160,220,255,.75);box-shadow:0 0 18px #6eb4ff8c,inset 0 0 22px #78c8ff73;animation:tpSpin 6s linear infinite}.tp-pad span{font-size:15px;color:#cbe9ff;font-weight:700;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.85);white-space:nowrap}@keyframes tpSpin{to{transform:rotate(360deg)}}.tp-pad{width:120px!important;height:120px!important;gap:3px!important}.tp-pad i{width:64px!important;height:64px!important;border-width:1.5px!important;box-shadow:0 0 10px #6eb4ff80,inset 0 0 10px #78c8ff66!important}.tp-pad span{font-size:12px!important}.menu-item .ui-emoji{font-size:34px;line-height:1;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.menu-item .ui-svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.menu-item .ui-svg{width:38px!important;height:38px!important}.pd-sub.dim{color:#a99c86;font-size:12px;margin-top:2px}.apt-box{margin:8px 0 4px;padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,#241e16eb,#14100cf0);border:1px solid rgba(232,196,122,.3);display:flex;flex-direction:column;gap:6px}.apt-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#cdbfa5}.apt-row b{color:#ffe9b0;font-size:15px}.apt-bar{height:12px;border-radius:6px;overflow:hidden;background:#0b0a08;border:1px solid #3b2c14}.apt-bar>i{display:block;height:100%;background:linear-gradient(180deg,#ffe08a,#c99a3c)}.apt-bar>i.exp{background:linear-gradient(180deg,#9fe0ff,#3a86c8)}.cp-cell .mul{font-size:11px;color:#8fbf7a;margin-left:4px;font-style:normal}.pd-skills{display:flex;flex-direction:column;gap:8px;margin-top:6px}.pd-skill{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:linear-gradient(180deg,#221c14e6,#120e0aeb);border:1px solid rgba(232,196,122,.22)}.pd-skill img{width:40px;height:40px;object-fit:contain;flex:none}.pd-skill b{color:#ffe9b0;font-size:15px}.pd-skill span{color:#9fd0ff;font-size:12px;margin-left:8px}.pd-skill p{margin:3px 0 0;font-size:12px;color:#b9a888;line-height:1.4}.five-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0}.five-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:10px;background:linear-gradient(180deg,#241e16e6,#120e0aeb);border:1px solid rgba(232,196,122,.25)}.five-cell span{font-size:12px;color:#b9a888}.five-cell b{font-size:17px;color:#ffe9b0}.five-cell i{font-size:11px;color:#8fbf7a;font-style:normal}.info-list{display:flex;flex-direction:column;gap:2px;margin:8px 0;border-radius:10px;overflow:hidden;background:#0e0c14b8;border:1px solid rgba(232,196,122,.22)}.info-row{display:flex;justify-content:space-between;padding:9px 14px;font-size:14px;color:#cdbfa5}.info-row:nth-child(odd){background:#ffffff08}.info-row b{color:#ffe9b0}.eq-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.eq-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:8px;font-size:14px;color:#cdbfa5;background:linear-gradient(180deg,#201a14e6,#120e0aeb);border:1px solid rgba(232,196,122,.2)}.eq-row b{color:#9fd0ff;font-weight:600}.info-plain{display:flex;flex-direction:column;gap:6px;margin:8px 0}.info-cell{flex-direction:row!important;justify-content:space-between!important;align-items:center;padding:10px 14px!important}.info-cell span{font-size:14px;color:#b9a888}.info-cell b{font-size:15px;color:#ffe9b0}.pet-tabs{display:flex;gap:6px;margin:4px 0 10px}.pet-tab{flex:1;padding:10px 0;border-radius:8px 8px 0 0;cursor:pointer;background:linear-gradient(180deg,#282016e6,#14100ceb);border:1px solid rgba(232,196,122,.25);color:#cdbfa5;font-family:inherit;font-size:15px}.pet-tab.on{background:linear-gradient(180deg,#e8c47a,#b98f3f);color:#2a1d07;font-weight:700;border-color:#ffe6ad}.pet-head{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:linear-gradient(180deg,#1e1a28e6,#100e18eb);border:1px solid rgba(232,196,122,.22)}.pet-face{width:84px;height:84px;flex:none;border-radius:8px;overflow:hidden;background:#0d0b08}.pet-face img{width:100%;height:100%;object-fit:contain}.pet-bars{flex:1;display:flex;flex-direction:column;gap:6px}.pet-barrow{position:relative;height:18px;border-radius:4px;background:#0b0a10;border:1px solid #3b2c14;overflow:hidden}.pet-barrow span{position:absolute;left:6px;top:0;line-height:18px;font-size:11px;color:#cdbfa5;z-index:2}.pet-barrow i{display:block;height:100%}.pet-barrow i.hp{background:linear-gradient(180deg,#ff7b6b,#a82f2a)}.pet-barrow i.mp{background:linear-gradient(180deg,#7fd3ff,#2b7fd1)}.pet-barrow i.exp{background:linear-gradient(180deg,#ffe08a,#c99a3c)}.pet-barrow b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;color:#fff;text-shadow:0 1px 2px #000}.pet-carry{text-align:center;padding:8px;font-size:14px;color:#ffe9b0;border-bottom:1px solid rgba(232,196,122,.2)}.pet-list,.pet-skilllist{display:flex;flex-direction:column;gap:6px;margin-top:8px}.pet-lrow,.pet-srow{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:#0e0c14b3;border:1px solid rgba(232,196,122,.18);color:#cdbfa5;cursor:pointer}.pet-lrow.on,.pet-srow.on{background:linear-gradient(90deg,#3cb4aa59,#1e3c4640);border-color:#78dcc880}.pet-lrow .pl-rank{font-size:12px;padding:1px 6px;border-radius:4px;background:#ffffff14}.pet-lrow b{flex:1;color:#ffe9b0}.pet-lrow i,.pet-srow i{color:#ff8f7a;font-style:normal;font-size:13px}.pet-srow img{width:32px;height:32px;object-fit:contain}.pet-srow b{flex:1}.pet-srow .pet-sq{width:22px;height:22px;border:1px solid rgba(255,255,255,.25);border-radius:3px}.pet-srow.dim{opacity:.45;cursor:default}.pet-kv{display:flex;flex-direction:column;gap:4px;margin-top:8px}.pet-kvrow{display:flex;justify-content:space-between;padding:10px 14px;border-radius:8px;background:#0e0c14b3;border:1px solid rgba(232,196,122,.15);font-size:14px;color:#cdbfa5}.pet-kvrow b{color:#ffe9b0}.pet-attr{display:flex;gap:10px;margin-top:8px}.pet-attr-l{flex:1;display:flex;flex-direction:column;gap:6px}.pet-attr-r{width:45%;display:flex;flex-direction:column;gap:4px}.pet-points{font-size:13px;color:#cdbfa5;padding:4px 2px}.pet-five{display:flex;align-items:center;gap:6px;font-size:14px;color:#cdbfa5}.pet-five span{width:46px}.pet-five b{min-width:40px;text-align:center;color:#ffe9b0;padding:3px 0;background:#ffffff0f;border-radius:4px}.pet-five button.pv{width:30px;height:26px;border-radius:4px;font-size:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#888}.pet-combat{display:flex;justify-content:space-between;padding:5px 10px;border-radius:6px;background:#ffffff0d;font-size:13px;color:#cdbfa5}.pet-combat b{color:#ffe9b0}.pet-combat.red b{color:#ff8f7a}.aptrow{position:relative;flex-direction:column;align-items:stretch;gap:4px}.aptrow b{align-self:flex-end}.aptrow .aptline{display:block;height:6px;border-radius:3px;overflow:hidden;background:#ffffff14;font-style:normal}.aptrow .aptline em{display:block;height:100%;background:linear-gradient(90deg,#ffe08a,#c99a3c)}.page{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif!important;font-size:16px!important;color:#efe4cc!important}.page .section-title{font-size:18px!important;font-weight:700!important;color:#ffe9b0!important;letter-spacing:1px!important;text-shadow:0 1px 3px rgba(0,0,0,.9)!important;padding:10px 0 8px!important;border-bottom:1px solid rgba(232,196,122,.28)!important;margin-bottom:10px!important}.page .dim,.page .sub{color:#bfae92!important;font-size:14px!important}.cp-cell,.five-cell,.info-cell,.pet-kvrow,.eq-row,.pd-skill,.bag-card,.train-row{background:linear-gradient(180deg,#30281ef5,#18130efa)!important;border:1px solid rgba(232,196,122,.3)!important;box-shadow:inset 0 1px #ffebbe24,0 2px 8px #00000073!important;border-radius:10px!important}.cp-cell span,.five-cell span,.info-cell span,.pet-kvrow span,.eq-row span,.pd-skill p{color:#c9b795!important}.cp-cell b,.five-cell b,.info-cell b,.pet-kvrow b,.eq-row b,.pd-skill b{color:#ffeec2!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.85)!important}.cp-cell b,.info-cell b,.pet-kvrow b{font-size:17px!important}.five-cell b{font-size:20px!important}.cp-cell span,.info-cell span,.pet-kvrow span{font-size:15px!important}.page .btn,.page button{font-family:inherit!important;font-size:16px!important;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.75)}.page .btn.primary{text-shadow:0 1px 0 rgba(255,255,255,.4)!important}.pet-lrow:hover,.eq-row:hover,.pd-skill:hover,.pet-srow:hover{border-color:#ffdc9699!important;background:linear-gradient(180deg,#463a28f5,#201a12fa)!important}.page-body{background:radial-gradient(120% 60% at 50% 0%,rgba(90,110,190,.16),transparent 60%),linear-gradient(180deg,#12101ce6,#0a0910f5)!important;border-radius:10px}.page{font-size:20px!important}.page .section-title{font-size:24px!important;padding:12px 0 10px!important}.page .dim,.page .sub{font-size:18px!important}.cp-cell span,.info-cell span,.pet-kvrow span,.eq-row span,.five-cell span{font-size:19px!important}.cp-cell b,.info-cell b,.pet-kvrow b,.eq-row b{font-size:21px!important}.five-cell b{font-size:26px!important}.five-cell i{font-size:16px!important}.page .btn,.page button{font-size:20px!important}.pet-tab{font-size:19px!important;padding:12px 0!important}.pet-carry{font-size:19px!important}.pet-lrow,.pet-srow{font-size:19px!important;padding:12px 16px!important}.pet-lrow b,.pet-srow b{font-size:20px!important}.pet-lrow i,.pet-srow i{font-size:18px!important}.pet-kvrow,.eq-row{padding:12px 16px!important}.pd-skill b{font-size:20px!important}.pd-skill span{font-size:16px!important}.pd-skill p{font-size:17px!important;line-height:1.5!important}.pet-five span{font-size:19px!important;width:56px!important}.pet-five b{font-size:22px!important;min-width:52px!important}.pet-five button.pv{width:40px!important;height:34px!important;font-size:20px!important}.pet-points{font-size:18px!important}.pet-combat,.pet-combat b{font-size:17px!important}.aptrow b{font-size:20px!important}.cp-name,.pd-name{font-size:30px!important}.cp-sub,.pd-sub,.cp-power{font-size:19px!important}.cp-power b{font-size:24px!important}.skill-detail .sd-desc{font-size:20px!important;line-height:1.6!important}.skill-detail .sd-head b{font-size:24px!important}.skill-detail .sd-head span,.wm-chip span,.wm-chip i{font-size:17px!important}.menu-item span{font-size:19px!important}.battle-ui,.battle-hud,.battle-top{font-size:20px!important}.battle-ui .bt-name,.battle-ui .bu-name{font-size:22px!important}.battle-ui .bt-lv,.battle-ui .bu-lv{font-size:18px!important}.battle-ui .hp-bar,.battle-ui .bu-bar{height:12px!important;border-radius:6px!important}.battle-ui .dmg-num,.damage-text{font-size:34px!important;font-weight:800!important;text-shadow:0 2px 6px #000,0 0 12px rgba(255,120,80,.6)!important}.npc-target>img{filter:drop-shadow(0 0 10px rgba(255,210,90,.85)) drop-shadow(0 0 20px rgba(255,180,60,.5))!important}.npc-target:before{content:"▼";position:absolute;left:50%;top:-46px;transform:translate(-50%);font-size:26px;color:#ffd257;text-shadow:0 2px 4px #000,0 0 10px rgba(255,200,80,.8);animation:qtBob 1.1s ease-in-out infinite;pointer-events:none}@keyframes qtBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.npc-target>span{color:#ffe9a8!important;text-shadow:0 1px 3px #000,0 0 8px rgba(255,200,80,.7)!important}.cross{gap:6px!important}.cross .xb{min-width:120px!important;min-height:66px!important;font-size:20px!important;font-weight:700!important;border-radius:12px!important}.cross .xb img,.cross .xb .xb-ic{width:30px!important;height:30px!important}.pet-vert{width:300px!important;padding:14px!important}.pv-btn{font-size:22px!important;padding:14px 18px!important}.pv-btn img{width:30px!important;height:30px!important}.auto-btn,.battle-auto{min-width:132px!important;height:56px!important;font-size:19px!important;font-weight:700!important;border-radius:999px!important}.battle-log,.battle-logs{font-size:16px!important;line-height:1.5!important}.battle-title,.battle-map-name{font-size:20px!important}#action-bar{position:absolute!important;left:0!important;right:0!important;bottom:96px!important;top:auto!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;transform:none!important;z-index:20!important}#action-bar .cross,.pet-cross{transform:none!important}.pet-vert{align-self:flex-end!important;margin-bottom:0!important}#action-bar .cross{display:grid!important;grid-template-areas:".    up    ." "left mid   right" ".    down  ." ".    item  ."!important;grid-template-columns:118px 132px 118px!important;grid-template-rows:62px 62px 62px 40px!important;column-gap:4px!important;row-gap:4px!important;justify-items:stretch!important;align-items:stretch!important;justify-content:center!important}#action-bar .cross>button:nth-child(1){grid-area:up}#action-bar .cross>button:nth-child(2){grid-area:left}#action-bar .cross>button:nth-child(3){grid-area:mid}#action-bar .cross>button:nth-child(4){grid-area:right}#action-bar .cross>button:nth-child(5){grid-area:down}#action-bar .cross>button:nth-child(6){grid-area:item}#action-bar .cross .xb{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:19px!important;min-height:0!important}#action-bar .cross .xb .xb-ic{width:26px!important;height:26px!important}#action-bar{position:absolute!important;left:50%!important;right:auto!important;bottom:110px!important;transform:translate(-50%)!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;width:auto!important;z-index:20!important}#action-bar .cross{justify-content:center!important;margin:0 auto!important}#action-bar{position:absolute!important;left:50%!important;top:52%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;z-index:20!important}#action-bar .cross{margin:0!important}.hud-supply{position:absolute;left:8px;top:250px;width:300px;height:26px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#141a12eb,#0a0e0af2);border:1px solid rgba(140,220,150,.45);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080}.hud-supply>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#8ef0a6,#2f9e58 60%,#1d6a3a);opacity:.75}.hud-supply>span{position:relative;font-size:14px;color:#eaffea;font-weight:700;text-shadow:0 1px 2px #000}.hud-supply.empty{border-color:#ff786eb3}.hud-supply.empty>span{color:#ffb3a8}