html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0e1116;color:#e8edf3;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}canvas{display:block;image-rendering:pixelated}.game-ui{position:fixed;inset:0;z-index:6;pointer-events:none}.field-vignette{position:fixed;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,10,.18),transparent 18%,transparent 78%,rgba(3,8,10,.36)),radial-gradient(circle at 50% 42%,transparent 44%,rgba(0,0,0,.24) 100%);mix-blend-mode:multiply}.hidden{display:none!important}.screen-panel{position:fixed;inset:0;z-index:5;display:grid;place-items:center end;padding:32px clamp(18px,7vw,96px);box-sizing:border-box;background:radial-gradient(circle at 18% 18%,rgba(226,191,112,.18),transparent 24%),radial-gradient(circle at 35% 62%,rgba(91,182,160,.18),transparent 28%),linear-gradient(180deg,#060c105c,#05090ad1),linear-gradient(90deg,#04080a0a,#04080ac7 58%,#04080af5),#0b1113}.entry-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 31% 36%,rgba(122,232,203,.16),transparent 20%),linear-gradient(180deg,#101b23,#172927 46%,#0d1513)}.entry-scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 76px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 76px);opacity:.42}.entry-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(2,5,7,.46) 66%,rgba(2,5,7,.78)),linear-gradient(0deg,rgba(4,8,8,.72),transparent 36%);pointer-events:none}.entry-moon{position:absolute;left:19%;top:12%;width:clamp(84px,11vw,148px);height:clamp(84px,11vw,148px);background:radial-gradient(circle at 42% 42%,#f4e6ad,#d9bd69 62%,#d9bd692e 64%);box-shadow:0 0 48px #ead99a61}.entry-mountain{position:absolute;bottom:25%;width:64%;height:34%;clip-path:polygon(0 100%,17% 44%,32% 72%,47% 20%,66% 74%,82% 38%,100% 100%)}.mountain-back{left:-9%;background:#213533}.mountain-front{left:9%;bottom:18%;background:#182923}.entry-gate{position:absolute;left:31%;bottom:23%;width:clamp(210px,25vw,390px);height:clamp(170px,32vh,420px);border-left:18px solid #7b4d2d;border-right:18px solid #7b4d2d;box-shadow:inset 0 96px 0 -78px #b98245,0 -28px 0 -6px #9b5439,0 0 80px #8ef0d229}.entry-gate:after{content:"";position:absolute;left:50%;top:-58px;width:118%;height:34px;transform:translate(-50%);background:linear-gradient(90deg,transparent 0 6%,#6f371f 6% 94%,transparent 94%),linear-gradient(0deg,#b98245 0 10px,transparent 10px);box-shadow:0 12px 0 -6px #d8a64f}.entry-gate:before{content:"";position:absolute;left:50%;bottom:18%;width:54%;height:58%;transform:translate(-50%);background:radial-gradient(circle at 50% 38%,rgba(142,240,210,.28),transparent 36%),linear-gradient(180deg,#4492882e,#e2bf7021);box-shadow:0 0 36px #8ef0d238}.entry-path{position:absolute;left:21%;bottom:-8%;width:44%;height:38%;background:linear-gradient(180deg,#b7791f5c,#4a36231a);clip-path:polygon(42% 0,59% 0,100% 100%,0 100%)}.entry-avatar{position:absolute;bottom:18%;width:28px;height:48px;background:#9b5439;box-shadow:0 -18px 0 -5px #d9b18a,0 0 0 4px #00000024}.entry-avatar:after{content:"";position:absolute;left:50%;bottom:-10px;width:46px;height:10px;transform:translate(-50%);background:#00000047}.avatar-left{left:24%}.avatar-right{left:39%;background:#31598c}.login-box{position:relative;z-index:1;width:min(520px,calc(100vw - 32px));box-sizing:border-box;border:1px solid rgba(232,237,243,.14);border-radius:0;background:linear-gradient(180deg,#1b1f26f0,#0d1117f5),#12161deb;box-shadow:0 24px 80px #0000007a,inset 0 1px #ffffff0f;padding:28px}.login-box:before,.class-choice-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(216,166,79,.18);pointer-events:none}.auth-box{width:min(480px,calc(100vw - 32px))}.login-box h1{margin:0 0 8px;font-size:42px;letter-spacing:0}.entry-kicker{display:inline-block;margin-bottom:8px;color:#8ef0d2;font-size:13px;font-weight:700}.login-box p{margin:0 0 22px;color:#aeb8c6;line-height:1.5}.login-box label{display:block;margin:16px 0 8px;color:#cbd3de;font-size:14px}.login-box input{width:100%;box-sizing:border-box;border:1px solid rgba(232,237,243,.18);border-radius:0;background:#0c1016;color:#f3f6fa;padding:12px 14px;font-size:16px}.class-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.class-row button,.login-box .start-button{min-height:44px;border:1px solid rgba(232,237,243,.16);border-radius:0;background:#171d26;color:#e8edf3;cursor:pointer;font-size:15px}.class-row button.active{border-color:#d8a64f;background:#2a2115;color:#ffd98a}.login-box .start-button,.class-choice-panel .start-button{width:100%;margin-top:12px;min-height:48px;border-color:#ffdf947a;background:linear-gradient(180deg,#f0c166,#b7791f 58%,#7d4616);color:#12161d;font-weight:700;text-shadow:0 1px 0 rgba(255,239,180,.4);box-shadow:0 8px #3a220cc7,0 16px 30px #00000047}.trial-button{width:100%;min-height:46px;margin-top:10px;border:1px solid rgba(142,240,210,.42);background:radial-gradient(circle at 50% 40%,rgba(142,240,210,.14),transparent 52%),#10211f;color:#bcfff0;cursor:pointer;font-weight:700}.secondary-button{width:100%;min-height:44px;margin-top:10px;border:1px solid rgba(232,237,243,.16);background:#111720;color:#cbd3de;cursor:pointer}.class-select-screen{position:relative;z-index:1;width:min(960px,calc(100vw - 32px))}.class-choice-panel{position:relative;box-sizing:border-box;border:1px solid rgba(232,237,243,.14);background:linear-gradient(180deg,#12191beb,#090c11f2),#081110eb;box-shadow:0 24px 80px #0000006b}.class-camp-panel{padding:18px 24px}.class-camp-panel h1{margin:0 0 6px;font-size:32px}.class-camp-panel>p{margin:0 0 14px;color:#aeb8c6}.class-camp-stage{position:relative;height:min(430px,56vh);overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(142,240,210,.16),transparent 20%),radial-gradient(circle at 50% 50%,rgba(255,142,53,.12),transparent 24%),linear-gradient(0deg,#27452dc7,#091416e6),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 64px,transparent 64px 128px);border:1px solid rgba(232,237,243,.12)}.class-camp-stage:after{content:"";position:absolute;left:50%;bottom:24px;width:min(640px,86%);height:98px;transform:translate(-50%);background:radial-gradient(ellipse at 50% 50%,rgba(255,196,92,.18),transparent 62%),radial-gradient(ellipse at 50% 82%,rgba(0,0,0,.28),transparent 70%);pointer-events:none}.camp-cloud{position:absolute;width:168px;height:34px;background:linear-gradient(90deg,transparent 0 12px,rgba(173,226,220,.14) 12px 52px,transparent 52px 66px,rgba(173,226,220,.1) 66px 132px,transparent 132px)}.cloud-one{left:10%;top:12%}.cloud-two{right:8%;top:20%}.camp-altar{position:absolute;left:50%;top:27%;width:98px;height:56px;transform:translate(-50%);background:linear-gradient(90deg,transparent 0 16px,#bf8e41 16px 82px,transparent 82px),linear-gradient(180deg,transparent 0 28px,#534737 28px 56px);box-shadow:0 0 30px #8ef0d229}.camp-fire{position:absolute;left:50%;top:52%;width:46px;height:54px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0 10px,#d14d2f 10px 20px,#ffc45c 20px 30px,#ff7a35 30px 38px,transparent 38px),linear-gradient(0deg,#5d3a22 0 8px,transparent 8px);box-shadow:0 0 42px #ff8e3566;animation:campFire .52s steps(2) infinite}.camp-tent{position:absolute;bottom:92px;width:96px;height:70px;background:#9b6538;clip-path:polygon(50% 0,100% 100%,0 100%)}.tent-left{left:38px}.tent-right{right:34px;background:#9b5439}@keyframes campFire{50%{filter:brightness(1.32);transform:translate(-50%,calc(-50% - 3px))}}.class-card{position:absolute;width:150px;min-height:158px;display:grid;justify-items:center;align-content:center;gap:8px;border:1px solid rgba(232,237,243,.16);background:#101720bd;color:#e8edf3;cursor:pointer;padding:12px 10px;z-index:2;box-shadow:0 18px 34px #0000003d;transform:translate(-50%,-50%)}.class-card em{color:#9fb9b4;font-size:12px;font-style:normal}.class-card.active,.class-card:hover{border-color:#d8a64f;background:#211a10;box-shadow:0 0 0 2px #d8a64f2e,0 18px 42px #0000005c}.class-card.active:after{content:"";position:absolute;left:50%;bottom:-13px;width:82%;height:10px;transform:translate(-50%);background:#d8a64f9e;box-shadow:0 0 18px #d8a64f6b}.class-position-warrior{left:50%;top:23%}.class-position-mage{left:28%;top:63%}.class-position-taoist{left:72%;top:63%}.class-sprite{position:relative;width:58px;height:92px;display:block;margin-bottom:8px}.class-sprite:before,.class-sprite:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.class-sprite:before{top:4px;width:26px;height:24px;background:#d9b18a;box-shadow:0 -10px #9da3a6}.class-sprite:after{top:32px;width:34px;height:48px;background:#9b5439;box-shadow:-18px 12px 0 -8px #7a4b2a,18px 6px 0 -7px #c9b071}.mage-sprite:before{box-shadow:0 -10px #4d8fd7}.mage-sprite:after{background:#31598c;box-shadow:25px -4px 0 -7px #b98245}.taoist-sprite:before{box-shadow:0 -10px #59b877}.taoist-sprite:after{background:#2f704d;box-shadow:-22px 8px 0 -8px #e2bf70,20px 0 0 -8px #caa15a}.class-detail{min-height:72px;margin-top:10px;border:1px solid rgba(232,237,243,.12);background:#0a0e13ad;padding:12px}.class-detail strong{display:block;color:#ffe1a1;margin-bottom:6px}.class-detail span{color:#cbd3de;line-height:1.5}.hud{position:fixed;left:16px;top:16px;z-index:6;display:grid;grid-template-columns:minmax(220px,250px);gap:8px;align-items:start;pointer-events:none}.stat-box,.log-box,.hotbar,.quickbar,.field-status,.target-card{border:1px solid rgba(232,237,243,.14);border-radius:0;background:linear-gradient(90deg,rgba(216,166,79,.16) 0 3px,transparent 3px),linear-gradient(180deg,#11161eeb,#080b10e0);box-shadow:0 10px 32px #00000047,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-box{padding:12px}.field-status{padding:9px 11px}.field-status strong{display:block;color:#f7e7b0;font-size:14px;line-height:1.2}.field-status span{display:block;margin-top:4px;color:#9fb9b4;font-size:12px;line-height:1.3}.target-card{min-height:58px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:9px;padding:8px 10px;opacity:.86}.target-card.locked{border-color:#d8a64f6b;opacity:.96}.target-frame{position:relative;width:38px;height:38px;display:block;border:1px solid rgba(232,237,243,.18);background:linear-gradient(90deg,transparent 0 14px,rgba(232,237,243,.18) 14px 22px,transparent 22px),linear-gradient(0deg,transparent 0 14px,rgba(232,237,243,.18) 14px 22px,transparent 22px),#090e14b8}.target-frame.locked{border-color:#ff5f5fc2;background:radial-gradient(circle at 50% 50%,rgba(255,95,95,.22),transparent 52%),#18090cdb;box-shadow:0 0 18px #ff5f5f38}.target-card strong,.target-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-card strong{color:#f3f6fa;font-size:13px;line-height:1.2}.target-card em{margin-top:4px;color:#9facbc;font-size:11px;font-style:normal}.target-hp{display:block;height:5px;margin-top:6px;background:#171d25;overflow:hidden}.target-hp i{display:block;height:100%;background:linear-gradient(90deg,#7d2531,#ff6565)}.name-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#f3f6fa;font-size:14px}.bar{height:10px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:0;background:#171d25;margin:7px 0}.bar span{display:block;height:100%;width:100%}.bar.hp span{background:linear-gradient(90deg,#8e2c35,#f0625c)}.bar.mp span{background:linear-gradient(90deg,#245f9e,#63b2ff)}.bar.xp span{background:linear-gradient(90deg,#94651f,#f2c46b)}.status-timers{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.status-timers:empty{display:none}.status-effect{position:relative;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:6px;border:1px solid rgba(232,237,243,.08);background:#080c1285;padding:5px 7px;color:#cbd3de;font-size:11px}.status-icon{position:relative;width:34px;height:34px}.status-icon .pixel-icon{width:34px;height:34px;left:auto;top:auto;transform:none}.status-icon strong{position:absolute;inset:0;width:34px;height:34px;display:grid;place-items:center;text-align:center;color:#ffe1a1;font-weight:800;font-size:11px;line-height:1;background:#03070c6b;text-shadow:0 1px 0 #000,0 0 4px #000;pointer-events:none}.status-effect span{grid-column:2}.log-box{position:fixed;left:16px;bottom:16px;width:340px;max-height:168px;padding:9px 10px;border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#cbd3de;font-size:13px;line-height:1.4;overflow:auto;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.log-box div{width:fit-content;max-width:100%;margin-top:4px;border:0;background:#04080c5c;text-shadow:0 1px 0 #000;padding:3px 6px 5px}.hotbar{position:fixed;left:calc(50% + 338px);bottom:26px;z-index:7;display:flex;gap:6px;transform:none;padding:6px;opacity:.92;background:linear-gradient(180deg,#11161ee0,#070a0fdb)}.slot{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(232,237,243,.14);border-radius:0;background:radial-gradient(circle at 50% 35%,rgba(216,166,79,.16),transparent 44%),linear-gradient(180deg,#1b222d,#0d1118);color:#d8a64f;font-size:12px}.quickbar{position:fixed;left:50%;bottom:18px;z-index:7;display:grid;grid-template-columns:repeat(10,56px);gap:7px;transform:translate(-50%);padding:9px;background:linear-gradient(180deg,#11161eeb,#070a0fe6);pointer-events:auto}.quickbar:before{content:"";position:absolute;left:12px;right:12px;top:-5px;height:2px;background:linear-gradient(90deg,transparent,rgba(216,166,79,.72),transparent)}.quick-slot{position:relative;width:56px;height:56px;border:1px solid rgba(232,237,243,.16);background:linear-gradient(180deg,#151d28,#080d14);color:#e8edf3;cursor:pointer;overflow:hidden}.quick-slot:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.035);pointer-events:none}.quick-slot.cooling{color:#8d99a8;cursor:not-allowed}.quick-slot.cooling .pixel-icon,.quick-slot.cooling strong{filter:grayscale(1);opacity:.42}.quick-slot em{position:absolute;right:3px;top:3px;color:#ffe1a1;font-size:9px;font-style:normal;z-index:2}.cooldown-mask{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#03070c9e;color:#d7ecff;font-size:13px;font-weight:800;text-shadow:0 1px 0 #000}.quick-slot:hover,.quickbar.placing .quick-slot,.item-slot.pickable:hover,.skill-slot.pickable:hover{border-color:#d8a64f;box-shadow:inset 0 0 0 1px #d8a64f47}.quickbar.placing .quick-slot{background:linear-gradient(180deg,#243149,#111826)}.keycap{position:absolute;left:4px;top:3px;color:#d8a64f;font-size:11px}.quick-slot strong{position:absolute;left:3px;right:3px;bottom:3px;color:#f3f6fa;font-size:9px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carry-hint{position:fixed;left:50%;bottom:140px;z-index:8;display:none;transform:translate(-50%);border:1px solid rgba(216,166,79,.72);background:#0b0f15eb;color:#cbd3de;padding:7px 10px;font-size:13px}.carry-hint.visible{display:block}.panel-stack{position:fixed;top:18px;right:18px;z-index:20;display:grid;grid-template-columns:repeat(3,300px);gap:12px;pointer-events:none}.game-panel{display:none;width:100%;max-width:calc(100vw - 32px);box-sizing:border-box;border:2px solid rgba(205,166,86,.7);background:linear-gradient(180deg,#14181ef5,#080b10f0);box-shadow:0 14px 42px #00000061;color:#e8edf3;pointer-events:auto;max-height:calc(100vh - 36px);overflow:auto}.game-panel.open{display:block}.game-panel[data-panel=equipment]{width:390px}.game-panel[data-panel=bag]{width:min(760px,calc(100vw - 32px))}.game-panel[data-panel=shop]{width:360px}.game-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(205,166,86,.38);padding:8px 10px;color:#ffe1a1;cursor:move;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700}.game-panel header span{color:#8d99a8;font-size:12px}.panel-close{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(232,237,243,.16);background:#111720;color:#d8a64f;cursor:pointer;font-size:12px;font-weight:800;line-height:1}.panel-close:hover{border-color:#d8a64f;background:#211a10}.game-panel.dragging{opacity:.96;box-shadow:0 20px 58px #0000007a,0 0 0 2px #d8a64f2e}.panel-body{box-sizing:border-box;overflow:visible;padding:10px}.world-map-panel{position:fixed;left:50%;top:54px;width:min(900px,calc(100vw - 32px));transform:translate(-50%)}.world-map-body{padding:14px}.world-map-board{position:relative;height:min(600px,calc(100vh - 190px));min-height:500px;overflow:hidden;border:1px solid rgba(232,237,243,.12);background:radial-gradient(circle at 50% 50%,rgba(226,191,112,.16),transparent 23%),radial-gradient(circle at 20% 22%,rgba(170,220,190,.1),transparent 22%),radial-gradient(circle at 78% 76%,rgba(110,170,210,.1),transparent 24%),linear-gradient(135deg,rgba(230,199,119,.07) 0 1px,transparent 1px 54px),#0b1513;background-size:auto,auto,auto,54px 54px,auto;box-shadow:inset 0 0 0 1px #e2bf700f,inset 0 0 80px #00000059}.world-map-board:before{content:"";position:absolute;inset:28px;border:1px solid rgba(226,191,112,.28);box-shadow:inset 0 0 32px #e2bf700d;pointer-events:none}.world-map-board:after{content:"";position:absolute;inset:48px 70px;border:1px solid rgba(165,224,186,.12);border-radius:50%;pointer-events:none}.world-map-link{position:absolute;z-index:1;height:3px;transform-origin:left center;background:linear-gradient(90deg,#e2bf7026,#e2bf70cc,#97dec66b);box-shadow:0 0 14px #e2bf703d}.world-map-node{position:absolute;z-index:2;display:grid;place-items:center;align-content:center;gap:4px;transform:translate(-50%,-50%);border:2px solid rgba(226,191,112,.24);background:radial-gradient(circle at 50% 32%,rgba(226,191,112,.08),transparent 42%),#0a1613f0;box-shadow:0 12px 30px #00000047,inset 0 0 22px #e2bf700a;color:#f1ead6;text-align:center}.map-tile{position:relative;width:38px;height:30px;display:grid;place-items:center;overflow:hidden;border:0;background:transparent;box-shadow:none}.map-tile b{position:relative;z-index:2;width:30px;height:26px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#f2d78c,#b87928);color:#101713;font-size:14px;font-style:normal;line-height:1;box-shadow:0 2px #00000052}.map-portal{position:absolute;z-index:4;min-width:34px;height:20px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(20,15,8,.78);border-radius:999px;background:#e2bf70;color:#101713;font-size:10px;font-style:normal;font-weight:800;line-height:1;box-shadow:0 2px #00000057}.map-city{position:absolute;z-index:3;transform:translate(-50%,-50%);border:1px solid rgba(232,237,243,.18);background:#e2bf7021;color:#f7e7b0;font-size:10px;font-style:normal;font-weight:700;padding:2px 5px;white-space:nowrap}.map-tile:before,.map-tile:after{content:none;position:absolute;image-rendering:pixelated}.world-map-node.village .map-tile{background:transparent}.world-map-node.village .map-tile:before{left:12px;bottom:12px;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:20px solid #c78a3a}.world-map-node.village .map-tile:after{right:12px;bottom:12px;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:20px solid #9d5d37}.world-map-node.mine .map-tile{background:transparent}.world-map-node.mine .map-tile:before{left:28px;bottom:0;width:34px;height:24px;background:#05080a;clip-path:polygon(50% 0,100% 100%,0 100%)}.world-map-node.coast .map-tile{background:transparent}.world-map-node.coast .map-tile:before{left:5px;top:10px;width:28px;height:6px;background:#8fd9e5;box-shadow:13px 10px #8fd9e5}.world-map-node.forest .map-tile,.world-map-node.deep-forest .map-tile{background:transparent}.world-map-node.forest .map-tile:before,.world-map-node.deep-forest .map-tile:before{left:8px;bottom:5px;width:16px;height:22px;background:#24452a;box-shadow:19px -5px #304f2e,40px 2px #1c3924,59px -4px #3f6131}.world-map-node.deep-forest .map-tile{filter:saturate(1.2) brightness(.82)}.world-map-node.canyon .map-tile,.world-map-node.ravine .map-tile{background:transparent}.world-map-node.canyon .map-tile:before,.world-map-node.ravine .map-tile:before{left:18px;top:7px;width:52px;height:8px;background:#ffaa5f61;box-shadow:-8px 16px #ffaa5f42}.world-map-node.mountain .map-tile{background:transparent}.world-map-node.mountain .map-tile:before{left:8px;bottom:8px;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:30px solid #758080}.world-map-node.mountain .map-tile:after{right:8px;bottom:8px;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:25px solid #4f5a5b}.world-map-node.plain .map-tile{background:transparent}.world-map-node.plain .map-tile:before{left:12px;bottom:9px;width:11px;height:8px;background:#77925a;box-shadow:22px -5px #5f7f47,45px 3px #77925a,61px -6px #5f7f47}.world-map-node.secret .map-tile{background:transparent}.world-map-node.secret .map-tile:before{left:18px;top:8px;width:50px;height:20px;border:3px solid rgba(204,159,255,.58);box-sizing:border-box;transform:skew(-10deg)}.world-map-node span{max-width:118px;font-size:13px;font-weight:700;line-height:1.15}.world-map-node em{color:#9facbc;font-size:11px;font-style:normal}.world-map-node.active{border-color:#f7e7b0;background:radial-gradient(circle at 50% 36%,rgba(226,191,112,.3),transparent 48%),linear-gradient(180deg,#322714fa,#0c1511fa);box-shadow:0 0 0 3px #e2bf7040,0 0 42px #e2bf7047}.world-map-node.secret{border-color:#a4f4dd85;background:radial-gradient(circle at 50% 42%,rgba(118,213,192,.2),transparent 46%),linear-gradient(180deg,#122a2af5,#070e10f5)}.world-map-node.secret{width:118px;height:92px}.world-map-note{margin-top:10px;color:#cbd3de;font-size:13px;line-height:1.45}.equipment-grid,.bag-grid,.skill-grid{display:grid;gap:8px}.equipment-grid{grid-template-columns:repeat(5,68px);grid-template-areas:"left-ear hat hat hat right-ear" ". necklace necklace necklace ." "left-ring chest chest chest right-ring" "gloves belt belt belt pants" ". shoes shoes shoes ." "left-hand left-hand type right-hand right-hand";align-items:stretch;justify-content:center}.equipment-slot{min-height:62px;grid-template-columns:1fr;grid-template-rows:30px auto auto;justify-items:center;text-align:center;padding:6px 5px}.equipment-slot[data-equip-slot]{cursor:pointer}.equipment-slot[data-equip-slot]:hover{border-color:#d8a64f;box-shadow:inset 0 0 0 1px #d8a64f3d}.equipment-slot .pixel-icon{grid-column:1;grid-row:1}.equipment-slot small,.equipment-slot strong{grid-column:1}.equipment-slot small{font-size:10px}.equipment-slot strong{max-width:100%;font-size:10px}.equip-left-ear{grid-area:left-ear}.equip-hat{grid-area:hat}.equip-right-ear{grid-area:right-ear}.equip-necklace{grid-area:necklace}.equip-left-ring{grid-area:left-ring}.equip-chest{grid-area:chest;min-height:78px}.equip-right-ring{grid-area:right-ring}.equip-gloves{grid-area:gloves}.equip-belt{grid-area:belt}.equip-pants{grid-area:pants}.equip-shoes{grid-area:shoes}.equip-left-hand{grid-area:left-hand;min-height:78px}.equip-right-hand{grid-area:right-hand;min-height:78px}.equipment-slot.two-hand{border-color:#d8a64f6b;background:linear-gradient(180deg,#4e3b1c61,#101720f5)}.equipment-type{grid-area:type;display:grid;place-items:center;border:1px solid rgba(216,166,79,.24);background:#080c127a;color:#ffe1a1;font-size:11px;line-height:1.25;text-align:center;padding:5px}.bag-grid{grid-template-columns:1fr;width:100%;box-sizing:border-box;gap:10px}.bag-money{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;border:1px solid rgba(216,166,79,.32);background:#34250d7a;color:#ffe1a1;padding:8px 10px;font-size:13px}.bag-money span{display:flex;justify-content:space-between;gap:8px}.bag-money strong{color:#ffd36d}.panel-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;box-sizing:border-box}.panel-tabs button{min-height:28px;border:1px solid rgba(232,237,243,.12);background:#101720;color:#aeb8c6;cursor:pointer;font-size:12px}.panel-tabs button.active,.panel-tabs button:hover{border-color:#d8a64f;background:#211a10;color:#ffe1a1}.inventory-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;width:100%;box-sizing:border-box}.inventory-grid .item-slot{width:auto;height:auto;min-height:0;aspect-ratio:1 / 1;display:block;padding:3px;box-sizing:border-box}.inventory-grid .item-slot .pixel-icon{width:min(34px,54%);height:min(34px,54%);margin:22% auto 0}.inventory-grid .item-slot small{position:absolute;left:3px;top:2px;font-size:8px}.inventory-grid .item-slot strong{display:none}.shop-body{display:grid;gap:12px}.shop-section{display:grid;gap:7px}.shop-section h3{margin:0;color:#ffe1a1;font-size:13px}.shop-list{display:grid;gap:6px}.shop-row{min-height:48px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;border:1px solid rgba(232,237,243,.13);background:#101720;color:#e8edf3;cursor:pointer;padding:7px 8px;text-align:left}.shop-row:hover{border-color:#d8a64f;background:#171d26}.shop-row .pixel-icon{grid-column:1;grid-row:1}.shop-row strong{color:#f3f6fa;font-size:12px}.shop-row span{color:#ffd36d;font-size:12px}.shop-row.sell span{color:#8ef0a8}.shop-empty{border:1px solid rgba(232,237,243,.09);background:#080c126b;color:#8d99a8;padding:9px;font-size:12px}.skill-grid{grid-template-columns:1fr}.skill-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.skill-page-grid .skill-slot{min-height:66px}.skill-slot.active-rank{border-color:#d8a64f;background:radial-gradient(circle at 50% 42%,rgba(216,166,79,.16),transparent 58%),#101720}.skill-slot.empty{opacity:.55}.item-slot,.skill-slot{min-height:54px;position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;border:1px solid rgba(232,237,243,.13);background:linear-gradient(90deg,var(--item-color, transparent) 0 6px,transparent 6px),#101720;padding:7px 8px;overflow:visible}.item-slot[data-tooltip]:hover,.skill-slot[data-tooltip]:hover{z-index:50}.item-slot[data-tooltip]:hover:after,.skill-slot[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:8px;bottom:calc(100% + 8px);z-index:80;min-width:180px;max-width:240px;border:1px solid rgba(216,166,79,.72);background:#070a0ef5;color:#e8edf3;padding:8px 10px;font-size:12px;line-height:1.45;white-space:pre-line;text-align:left;box-shadow:0 12px 28px #00000073;pointer-events:none}.item-slot small,.skill-slot small{grid-column:2;color:#8d99a8;font-size:11px}.skill-slot small:empty{display:none}.item-slot strong,.skill-slot strong{grid-column:2;color:#f3f6fa;font-size:12px;font-weight:600;line-height:1.25}.pixel-icon{grid-row:1 / span 2;grid-column:1;position:relative;width:28px;height:28px;display:block;justify-self:center;background:#2a3542;box-shadow:inset 0 0 0 2px #ffffff0f,0 0 0 1px #00000059}.quick-slot .pixel-icon{position:absolute;left:50%;top:18px;transform:translate(-50%)}.pixel-icon.empty{opacity:.18;background:transparent;box-shadow:inset 0 0 0 1px #e8edf333}.pixel-icon.potion{background:#4a2a35}.pixel-icon.potion:before{content:"";position:absolute;left:8px;top:3px;width:12px;height:5px;background:#d8c7a1}.pixel-icon.potion:after{content:"";position:absolute;left:6px;top:9px;width:16px;height:15px;background:#f0625c}.pixel-icon.mp-potion:after{background:#63b2ff}.pixel-icon.scroll{background:#33271a}.pixel-icon.scroll:before{content:"";position:absolute;left:4px;top:6px;width:20px;height:16px;background:#e4c47a;box-shadow:inset 0 0 0 3px #b88945,6px 5px 0 -3px #5a3920}.pixel-icon.ring{background:#1d2430}.pixel-icon.ring:before{content:"";position:absolute;left:7px;top:7px;width:14px;height:14px;background:#c9b071;box-shadow:inset 0 0 0 5px #101720}.pixel-icon.necklace{background:#1d2430}.pixel-icon.necklace:before{content:"";position:absolute;left:6px;top:5px;width:16px;height:16px;border:4px solid #d8a64f;border-top-color:transparent;box-sizing:border-box}.pixel-icon.necklace:after{content:"";position:absolute;left:11px;top:17px;width:6px;height:6px;background:#8ef0a8}.pixel-icon.earring{background:#1d2430}.pixel-icon.earring:before{content:"";position:absolute;left:9px;top:5px;width:10px;height:15px;border:3px solid #d8a64f;border-top-width:2px;box-sizing:border-box}.pixel-icon.stone{background:#242a2f}.pixel-icon.stone:before{content:"";position:absolute;left:6px;top:8px;width:18px;height:13px;background:#9da3a6;box-shadow:5px -4px #6f777b}.pixel-icon.charm{background:#2d2415}.pixel-icon.charm:before,.pixel-icon.charm-pack:before{content:"";position:absolute;left:9px;top:5px;width:10px;height:18px;background:#e2bf70;box-shadow:inset 0 -5px #815c2c}.pixel-icon.charm-pack{background:#2d2415}.pixel-icon.charm-pack:after{content:"";position:absolute;left:5px;top:9px;width:18px;height:13px;border:2px solid #b88945;box-sizing:border-box}.pixel-icon.skill-icon{background:#1c2630}.pixel-icon.fireSkill:before{content:"";position:absolute;left:8px;top:5px;width:12px;height:18px;background:#ffb25d;clip-path:polygon(50% 0,72% 34%,100% 48%,70% 100%,35% 88%,0 100%,18% 52%,36% 34%);box-shadow:0 0 0 4px #ffb25d2e}.pixel-icon.iceSkill:before{content:"";position:absolute;left:5px;top:12px;width:20px;height:4px;background:#77c8ff;box-shadow:10px -5px 0 -1px #d7ecff,10px 5px 0 -1px #d7ecff}.pixel-icon.iceSkill:after{content:"";position:absolute;right:3px;top:8px;border-left:9px solid #d7ecff;border-top:6px solid transparent;border-bottom:6px solid transparent}.pixel-icon.shieldSkill:before,.pixel-icon.blockSkill:before{content:"";position:absolute;left:7px;top:4px;width:14px;height:20px;background:#77c8ff;clip-path:polygon(50% 0,100% 18%,86% 78%,50% 100%,14% 78%,0 18%)}.pixel-icon.moveSkill:before,.pixel-icon.dashSkill:before{content:"";position:absolute;left:5px;top:7px;width:18px;height:14px;border-left:5px solid #c7d7ff;border-bottom:5px solid #77c8ff;transform:skew(-18deg)}.pixel-icon.slashSkill:before,.pixel-icon.heavySkill:before{content:"";position:absolute;left:6px;top:11px;width:20px;height:5px;background:#f2d59b;transform:rotate(-35deg)}.pixel-icon.healSkill:before,.pixel-icon.spiritSkill:before,.pixel-icon.summonSkill:before{content:"";position:absolute;left:7px;top:7px;width:14px;height:14px;background:#8ef0a8}.pixel-icon.poisonSkill:before{content:"";position:absolute;left:7px;top:7px;width:14px;height:14px;background:#95d15b}.pixel-icon.weapon:before,.pixel-icon.shield:before,.pixel-icon.misc:before{content:"";position:absolute;left:6px;top:12px;width:18px;height:5px;background:#c9b071}.pixel-icon.weapon.sword:before{left:13px;top:3px;width:4px;height:21px;background:#d9dde2;box-shadow:0 17px 0 2px #8b5d2e;transform:rotate(36deg)}.pixel-icon.weapon.axe:before{left:8px;top:7px;width:18px;height:5px;background:#b98245;transform:rotate(-36deg)}.pixel-icon.weapon.axe:after{content:"";position:absolute;left:15px;top:4px;width:11px;height:12px;background:#cfd4d7}.pixel-icon.weapon.staff:before{left:13px;top:3px;width:5px;height:22px;background:#b98245;transform:rotate(28deg);box-shadow:0 -4px 0 2px #77c8ff}.pixel-icon.shield:before{left:7px;top:4px;width:14px;height:20px;background:#7a4b2a;clip-path:polygon(50% 0,100% 18%,86% 78%,50% 100%,14% 78%,0 18%);box-shadow:inset 0 0 0 4px #c9b071}.pixel-icon.hat:before{content:"";position:absolute;left:5px;top:6px;width:18px;height:10px;background:#9da3a6;box-shadow:3px 10px 0 -2px #6f777b}.pixel-icon.armor:before{content:"";position:absolute;left:6px;top:5px;width:16px;height:20px;background:#9da3a6;clip-path:polygon(18% 0,82% 0,100% 35%,82% 100%,18% 100%,0 35%)}.pixel-icon.pants:before{content:"";position:absolute;left:7px;top:6px;width:6px;height:19px;background:#555d62;box-shadow:9px 0 #555d62}.pixel-icon.belt:before{content:"";position:absolute;left:4px;top:12px;width:20px;height:6px;background:#7a4b2a;box-shadow:inset 8px 0 0 -3px #d8a64f}.pixel-icon.shoes:before{content:"";position:absolute;left:5px;top:17px;width:9px;height:6px;background:#555d62;box-shadow:11px 0 #555d62}.pixel-icon.gloves:before{content:"";position:absolute;left:5px;top:10px;width:8px;height:12px;background:#9b5439;box-shadow:12px 0 #9b5439}.attr-list{display:grid;gap:7px}.attr-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(232,237,243,.08);padding:4px 0 7px;font-size:13px}.attr-row span{color:#aeb8c6}.attr-row strong{color:#f3f6fa}@media(max-width:760px){.game-ui{overflow:hidden}.screen-panel{place-items:end start;padding:16px}.entry-moon{left:8%;top:7%}.entry-gate{left:50%;bottom:30%;transform:translate(-50%)}.entry-path{left:50%;width:82%;transform:translate(-50%)}.avatar-left{left:18%}.avatar-right{left:auto;right:18%}.login-box{width:min(340px,calc(100vw - 40px));justify-self:start;padding:20px;max-height:calc(100vh - 32px);overflow:auto}.auth-box{width:min(340px,calc(100vw - 40px))}.login-box h1{font-size:34px}.class-select-screen{width:100%}.class-camp-panel{padding:14px}.class-camp-stage{height:min(430px,48vh)}.class-card{width:min(112px,30vw);min-height:132px;padding:8px}.class-card strong{font-size:15px}.class-card em{font-size:11px}.class-sprite{width:48px;height:76px;margin-bottom:5px}.class-position-mage{left:25%}.class-position-taoist{left:75%}.hud{left:10px;right:10px;top:10px;grid-template-columns:1fr;gap:7px}.stat-box{max-width:218px;padding:10px}.field-status,.target-card{width:min(218px,calc(100vw - 20px));box-sizing:border-box}.log-box{left:10px;bottom:178px;width:min(272px,calc(100vw - 20px));max-height:74px;padding:6px 8px;font-size:12px}.panel-stack{left:10px;right:10px;top:10px;grid-template-columns:1fr;gap:8px}.game-panel,.game-panel[data-panel=equipment],.game-panel[data-panel=bag],.game-panel[data-panel=shop]{width:100%;max-width:none;max-height:calc(100vh - 184px)}.game-panel header{min-height:34px;box-sizing:border-box}.panel-body{padding:8px}.equipment-grid{grid-template-columns:repeat(5,minmax(44px,1fr));gap:5px}.equipment-slot{min-height:54px;padding:5px 3px}.inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.panel-tabs{gap:5px}.panel-tabs button{min-height:32px}.quickbar{grid-template-columns:repeat(5,minmax(48px,54px));gap:5px;bottom:62px;padding:7px}.quick-slot{width:52px;height:52px}.hotbar{left:50%;bottom:10px;transform:translate(-50%);gap:5px;padding:5px}.slot{width:32px;height:32px}.world-map-panel{top:10px}.world-map-board{min-height:460px}.world-map-node{width:78px}.world-map-node span{max-width:70px;font-size:11px}}