*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0b0d14;--panel: rgba(20, 24, 38, .92);--panel-border: #3a4160;--gold: #d8b25a;--gold-bright: #f5d98c;--text: #e8e6df;--text-dim: #9aa0b5;--red: #c84b4b;--green: #5fbf7a}html,body{height:100%;font-family:Microsoft YaHei,PingFang SC,sans-serif;color:var(--text);background:radial-gradient(ellipse at 50% -10%,rgba(86,66,130,.45),transparent 60%),radial-gradient(ellipse at 80% 110%,rgba(40,70,110,.35),transparent 55%),var(--bg);overflow:hidden}#app{height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo{font-size:52px;font-weight:900;letter-spacing:10px;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 60%,#8a6b2c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(216,178,90,.25);margin-bottom:6px}.subtitle{color:var(--text-dim);font-size:14px;letter-spacing:4px;margin-bottom:40px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 18px 60px #0000008c,inset 0 0 0 1px #ffffff08}.input{width:100%;height:46px;padding:0 14px;background:#0006;border:1px solid #2c3252;border-radius:4px;color:var(--text);font-size:15px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--gold)}.btn{height:46px;border:1px solid #6e5520;border-radius:4px;background:linear-gradient(180deg,#c9a04e,#8a6a28);color:#1a1405;font-size:16px;font-weight:700;letter-spacing:4px;cursor:pointer;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid #3a4160;font-weight:400;letter-spacing:2px}.btn-ghost:hover{color:var(--text);border-color:var(--gold)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red);font-weight:400;letter-spacing:2px}.btn-danger:hover:not(:disabled){color:#e87878;border-color:#e87878;filter:none}.btn-danger-solid{background:linear-gradient(180deg,#d05a5a,#8a2828);color:#fff;border:1px solid #a33;font-weight:700;letter-spacing:2px}.btn-danger-solid:hover{filter:brightness(1.15)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cb8;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{width:340px;max-width:90vw;background:var(--panel);border:1px solid var(--red);border-radius:8px;box-shadow:0 0 30px #c84b4b59;padding:24px;text-align:center}.modal-text{font-size:15px;line-height:1.7;margin-bottom:20px}.modal-actions{display:flex;gap:14px;justify-content:center}.hint{margin-top:12px;font-size:12px;color:var(--text-dim)}.login-box{width:340px;padding:34px 30px 28px;display:flex;flex-direction:column;gap:14px}.slide-cap{width:100%;-webkit-user-select:none;user-select:none}.sc-loading{height:210px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px}.sc-stage{position:relative;width:100%;aspect-ratio:300 / 170;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid #4a5670;background:#0d1220;touch-action:none}.sc-stage.loading{opacity:.6;pointer-events:none}.sc-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sc-piece{position:absolute;left:0;top:0;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.sc-tip{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#ffffffeb;font-size:13px;letter-spacing:2px;text-shadow:0 1px 3px #000;pointer-events:none}.sc-track{position:relative;margin-top:8px;height:36px;border-radius:4px;background:linear-gradient(180deg,#232c44,#161d31);border:1px solid #4a5670;cursor:pointer;touch-action:none}.sc-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(180deg,#7896d259,#5069a040);border-right:1px solid rgba(184,154,85,.5)}.sc-handle{position:absolute;top:2px;left:-18px;width:36px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:16px;color:#1a2236;font-weight:900;background:linear-gradient(180deg,#e8c873,#b89a55);border:1px solid #f0dc9a;box-shadow:0 1px 4px #00000080;cursor:grab}.sc-handle:active{cursor:grabbing}.sc-track.ok .sc-fill{background:linear-gradient(180deg,#5ab46e59,#3c8c5040)}.sc-track.ok .sc-handle{background:linear-gradient(180deg,#8fd99a,#57a866);border-color:#b6efbe}.server-wrap{width:520px;max-width:94vw}.server-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--panel-border)}.server-head .title{font-size:20px;color:var(--gold-bright);letter-spacing:3px}.server-list{padding:12px;max-height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.server-card{display:flex;align-items:center;padding:14px 18px;border:1px solid #2c3252;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent);cursor:pointer;transition:all .15s}.server-card:hover:not(.offline){border-color:var(--gold);background:linear-gradient(90deg,rgba(216,178,90,.12),transparent);transform:translate(4px)}.server-card.offline{opacity:.4;cursor:not-allowed}.server-name{font-size:17px;font-weight:700;flex:1}.server-tags{display:flex;gap:6px;margin-right:14px}.tag{font-size:11px;padding:2px 7px;border-radius:3px;border:1px solid}.tag-pvp{color:#e08a5a;border-color:#7a442a}.tag-new{color:var(--gold-bright);border-color:#6e5520}.server-load{font-size:13px;color:var(--text-dim);width:120px;text-align:right;margin-right:14px}.status-dot{width:9px;height:9px;border-radius:50%}.status-on{background:var(--green);box-shadow:0 0 8px var(--green)}.status-off{background:var(--red)}.bar{height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-top:4px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#5fbf7a,var(--gold))}.char-wrap{width:760px;max-width:96vw}.char-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--panel-border)}.char-list{padding:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-height:58vh;overflow-y:auto}.char-list.empty{display:flex;align-items:center;justify-content:center;min-height:220px;color:var(--text-dim)}.char-card{border:1px solid #2c3252;border-radius:8px;padding:14px;background:linear-gradient(180deg,#ffffff0a,#00000040);cursor:pointer;transition:all .15s;position:relative}.char-card:hover{border-color:var(--gold);transform:translateY(-3px)}.char-card.selected{border:2px solid var(--gold-bright);padding:13px;box-shadow:0 0 10px #d8b25ae6,0 0 26px 4px #d8b25a73,inset 0 0 14px #d8b25a40;animation:charSelectPulse 1.4s ease-in-out infinite alternate}.char-card.selected:after{content:"✓";position:absolute;top:8px;left:10px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:linear-gradient(180deg,#e8c063,#a8812f);color:#1a1405;font-weight:700;font-size:13px;box-shadow:0 0 10px #d8b25ae6}@keyframes charSelectPulse{0%{box-shadow:0 0 8px #d8b25acc,0 0 20px 3px #d8b25a59,inset 0 0 12px #d8b25a2e}to{box-shadow:0 0 14px #d8b25a,0 0 34px 7px #d8b25a99,inset 0 0 18px #d8b25a59}}.char-card.banned{opacity:.5;cursor:not-allowed}.char-card.banned.selected{animation:none;box-shadow:none;border-color:var(--red)}.char-card.pending-del{border-color:#ff5a5ab3}.char-card.pending-del.selected{box-shadow:0 0 18px #ff3c3c59;animation:none}.char-del-timer{margin-top:8px;padding:4px 6px;font-size:11px;font-weight:700;color:#ff7a7a;text-align:center;border:1px solid rgba(255,90,90,.4);border-radius:3px;background:#ff3c3c14}.char-avatar{height:110px;border-radius:6px;margin-bottom:12px;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 50% 30%,rgba(120,100,180,.35),transparent 70%),#11141f}.char-avatar .body{width:34px;height:58px;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,#7d6cc9,#473a7a);position:relative;margin-bottom:8px}.char-avatar .body:before{content:"";position:absolute;top:-22px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#e8c9a8,#b9946c)}.char-avatar.race-elf .body{background:linear-gradient(180deg,#6cc9a4,#357a5e)}.char-avatar.race-darkelf .body{background:linear-gradient(180deg,#6b7cc9,#333f7a)}.char-avatar.race-orc .body{width:42px;background:linear-gradient(180deg,#c98a6c,#7a4a33)}.char-avatar.race-dwarf .body{width:40px;height:50px;background:linear-gradient(180deg,#c9a86c,#7a5f33)}.char-name{font-size:16px;font-weight:700;margin-bottom:4px}.char-meta{font-size:12px;color:var(--text-dim);display:flex;gap:8px;margin-bottom:8px}.char-stats{display:flex;gap:10px;font-size:12px;color:var(--text-dim)}.char-lv{position:absolute;top:8px;right:8px;z-index:2;background:#000000bf;border:1px solid var(--gold);color:var(--gold-bright);font-size:12px;padding:1px 8px;border-radius:10px}.char-actions{padding:16px 22px;border-top:1px solid var(--panel-border);display:flex;justify-content:space-between}.create-wrap{width:820px;max-width:96vw}.create-body{display:flex;min-height:380px}.create-preview{width:280px;flex-shrink:0;border-right:1px solid var(--panel-border);padding:24px;display:flex;flex-direction:column;align-items:center}.create-preview .char-avatar{width:180px;height:220px;margin-bottom:16px}.create-preview .char-avatar .body{width:52px;height:92px;border-radius:20px 20px 12px 12px;margin-bottom:14px}.create-preview .char-avatar .body:before{width:46px;height:46px;top:-34px}.preview-name{font-size:18px;font-weight:700;color:var(--gold-bright);min-height:24px}.preview-meta{font-size:13px;color:var(--text-dim);margin-top:4px}.create-form{flex:1;padding:24px 28px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.form-row{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;color:var(--gold);letter-spacing:2px}.seg-group{display:flex;flex-wrap:wrap;gap:8px}.seg{padding:8px 16px;border:1px solid #3a4160;border-radius:4px;background:#0000004d;color:var(--text-dim);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s}.seg:hover{color:var(--text);border-color:var(--gold)}.seg.active{color:#1a1405;background:linear-gradient(180deg,#c9a04e,#8a6a28);border-color:var(--gold);font-weight:700}.name-row{display:flex;gap:8px}.name-row .input{flex:1}.stat-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:13px;color:var(--text-dim)}.stat-list b{color:var(--text)}.toast{position:fixed;top:26px;left:50%;transform:translate(-50%);background:#3c1414f2;border:1px solid var(--red);color:#ffd9d9;padding:12px 22px;border-radius:6px;font-size:14px;z-index:99;box-shadow:0 8px 30px #00000080}.toast.info{background:#1e283cf2;border-color:var(--panel-border);color:var(--text)}.hidden{display:none}.loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cb8;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:42px;height:42px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-tip{position:absolute;margin-top:90px;color:var(--text-dim);font-size:13px}.game-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game-container canvas{width:100%;height:100%}.game-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;overflow:hidden;background:radial-gradient(1200px 700px at 50% -12%,rgba(88,120,190,.28),transparent 62%),radial-gradient(900px 600px at 82% 112%,rgba(216,178,90,.1),transparent 60%),linear-gradient(180deg,#10172a,#0b0f1c 55%,#070a13);display:flex;align-items:center;justify-content:center;transition:opacity .45s}.game-loading.hide{opacity:0;pointer-events:none}.gl-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.gl-grid{position:absolute;left:-50%;right:-50%;bottom:-12%;height:62%;background-image:linear-gradient(rgba(120,158,220,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(120,158,220,.22) 1px,transparent 1px);background-size:56px 56px;transform:perspective(430px) rotateX(58deg);transform-origin:50% 100%;mask-image:linear-gradient(to top,#000 30%,transparent 92%);-webkit-mask-image:linear-gradient(to top,#000 30%,transparent 92%);animation:glgrid 1.4s linear infinite}@keyframes glgrid{0%{transform:perspective(430px) rotateX(58deg) translateY(0)}to{transform:perspective(430px) rotateX(58deg) translateY(56px)}}.gl-shape{position:absolute;display:block;will-change:transform,opacity}.gl-s1{width:14px;height:14px;left:16%;top:26%;background:linear-gradient(135deg,#ffe9ad,#c89a3e);transform:rotate(45deg);box-shadow:0 0 18px #e8c0638c;animation:glfloat 9s ease-in-out infinite}.gl-s2{width:26px;height:26px;right:18%;top:20%;border:2px solid rgba(106,158,232,.75);border-radius:50%;box-shadow:0 0 22px #5a8ed859;animation:glfloat 12s ease-in-out 1.2s infinite}.gl-s3{width:10px;height:10px;left:26%;top:58%;background:#ffffffd9;transform:rotate(45deg);box-shadow:0 0 14px #ffffff80;animation:glfloat 7.5s ease-in-out .5s infinite}.gl-s4{width:18px;height:18px;right:27%;top:56%;background:linear-gradient(135deg,#6ae89ae6,#3a9668e6);transform:rotate(45deg);box-shadow:0 0 18px #5ad88a59;animation:glfloat 10.5s ease-in-out 2s infinite}.gl-s5{width:9px;height:9px;left:46%;top:16%;border:2px solid rgba(232,192,99,.8);transform:rotate(45deg);animation:glfloat 8.5s ease-in-out .8s infinite}@keyframes glfloat{0%,to{transform:translateY(0) rotate(45deg);opacity:.75}50%{transform:translateY(-26px) rotate(225deg);opacity:1}}.gl-box{position:relative;width:380px;text-align:center}.gl-emblem{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;border:1px solid rgba(232,192,99,.25);display:flex;align-items:center;justify-content:center}.gl-emblem i{width:56px;height:56px;border-radius:50%;border:2px solid transparent;border-top-color:#e8c063;border-right-color:#e8c06359;animation:glspin 3.2s linear infinite}@keyframes glspin{to{transform:rotate(360deg)}}.gl-logo{font-size:40px;font-weight:800;letter-spacing:10px;padding-left:10px;background:linear-gradient(180deg,#ffe9ad 15%,#e8c063 55%,#a87d2e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 26px rgba(232,192,99,.18)}.gl-logo span{font-size:30px}.gl-title{color:#cfd6ea;letter-spacing:6px;margin:12px 0 24px;font-size:15px}.gl-track{position:relative;height:12px;border:1px solid #4a5578;border-radius:6px;overflow:hidden;background:#0a0e1ad9;box-shadow:inset 0 1px 4px #0009,0 0 14px #e8c06314}.gl-track i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#8a6a28,#d8b25a 45%,#ffe9ad 55%,#c89a3e);background-size:200% 100%;box-shadow:0 0 10px #e8c0638c;transition:width .25s ease-out}.gl-track b{position:absolute;top:0;bottom:0;left:0;width:46px;opacity:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);animation:glshine 1.7s linear infinite}@keyframes glshine{0%{transform:translate(-70px) skew(-18deg)}to{transform:translate(420px) skew(-18deg)}}.gl-status{min-height:16px;margin-top:8px;color:#c9b98a;font-size:12px;letter-spacing:2px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.gl-tip{color:#79839f;font-size:11px;letter-spacing:1px}.gl-pct{color:var(--gold-bright, #e8c063);font-size:14px;font-weight:700;min-width:42px;text-align:right}.gl-first{margin-top:10px;color:#ff4d4d;font-size:12px;font-weight:700;line-height:1.6;text-align:center;text-shadow:0 0 8px rgba(255,40,40,.6)}@media(prefers-reduced-motion:reduce){.gl-grid,.gl-emblem i,.gl-shape,.gl-track b{animation:none!important}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;font-family:inherit;color:var(--text, #e6e9f2)}.hud>*{pointer-events:auto}.hud-topleft{position:absolute;top:14px;left:14px;width:260px;cursor:pointer}.buff-bar{position:fixed;left:14px;top:128px;z-index:12;display:none;max-width:380px;background:#0a0d16b8;border:1px solid #6f7fb4;border-radius:4px;padding:4px 6px 6px}.buff-bar.show{display:block}.buff-bar-head{font-size:11px;color:#9aa3bd;letter-spacing:2px;cursor:move;padding:0 2px 4px;-webkit-user-select:none;user-select:none}.buff-grid{display:grid;grid-template-columns:repeat(8,34px);gap:3px}.buff-cell{position:relative;width:34px;height:34px;border:1px solid #4a5575;border-radius:3px;background:radial-gradient(circle at 50% 35%,#1a1e2c,#0e111a)}.buff-cell img{width:100%;height:100%;object-fit:contain}.buff-time{position:absolute;right:1px;bottom:0;font-size:10px;font-weight:700;color:#ffe08a;text-shadow:0 0 2px #000,1px 1px 1px #000;pointer-events:none}.buff-tip{pointer-events:auto}.device-info-overlay{position:fixed;right:8px;bottom:8px;z-index:12;pointer-events:none;padding:4px 8px;font-size:11px;line-height:1.5;color:#cfe3ff;background:#080c1673;border:1px solid rgba(111,127,180,.5);border-radius:3px;text-shadow:0 0 2px #000,1px 1px 1px #000;white-space:nowrap}body.is-mobile-ui .device-info-overlay{font-size:9px;padding:2px 5px;opacity:.75;right:4px;bottom:auto;top:4px;max-width:46vw;overflow:hidden;text-overflow:ellipsis}.inv-box{display:flex;flex-direction:column;max-height:90vh;pointer-events:auto;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3}.inv-window .inv-box{width:780px}.inv-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.inv-head .inv-title{flex:1;color:#ffd863;font-weight:700}.inv-money{color:#ffd863;font-size:13px;margin-right:12px;white-space:nowrap}.inv-body{display:flex;gap:16px;padding:14px}.inv-paper{flex:0 0 318px;display:grid;gap:6px;grid-template-columns:48px 6px repeat(5,48px);grid-template-rows:repeat(3,48px);justify-content:center;align-content:start}.pslot.p-henna1{grid-area:1 / 1}.pslot.p-henna2{grid-area:2 / 1}.pslot.p-henna3{grid-area:3 / 1}.pslot.p-under{grid-area:1 / 3}.pslot.p-head{grid-area:1 / 4}.pslot.p-back{grid-area:1 / 5}.pslot.p-hair{grid-area:1 / 6}.pslot.p-neck{grid-area:1 / 7}.pslot.p-rhand{grid-area:2 / 3}.pslot.p-chest{grid-area:2 / 4}.pslot.p-lhand{grid-area:2 / 5}.pslot.p-rear{grid-area:2 / 6}.pslot.p-lear{grid-area:2 / 7}.pslot.p-gloves{grid-area:3 / 3}.pslot.p-legs{grid-area:3 / 4}.pslot.p-feet{grid-area:3 / 5}.pslot.p-rring{grid-area:3 / 6}.pslot.p-lring{grid-area:3 / 7}.pslot.henna{border-style:dashed;border-color:#55608a}.inv-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.inv-tabs{display:flex;align-items:center;gap:6px}.inv-tab{min-width:96px;height:30px;padding:0 14px;background:#0006;border:1px solid #55608a;border-radius:3px;color:#c9cee0;font-size:13px;cursor:pointer}.inv-tab.active{color:#ffd863;border-color:#d8b25a;background:#d8b25a1f}.inv-count{flex:1;text-align:right;color:#9aa3bd;font-size:12px;padding-right:4px}.inv-page-btn{width:26px;height:26px;background:#0006;border:1px solid #55608a;border-radius:3px;color:#c9cee0;cursor:pointer;font-size:16px;line-height:1}.inv-page-btn:hover{border-color:#d8b25a;color:#ffd863}.inv-page{min-width:38px;text-align:center;font-size:12px;color:#c9cee0}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;overflow-y:auto;align-content:start}.inv-grid::-webkit-scrollbar{width:5px}.inv-grid::-webkit-scrollbar-thumb{background:#3a4a66;border-radius:3px}.inv-slot{position:relative;aspect-ratio:1;border-radius:3px;border:1px solid #39436a;background:#0006;display:flex;align-items:center;justify-content:center}.pslot{cursor:default}.pslot.filled{cursor:pointer;border-color:#8a7438;background:radial-gradient(circle at 50% 35%,#1a1e2c,#0e111a)}.pslot.drop{border-color:#3fd6e0;box-shadow:0 0 8px #3fd6e0b3}.inv-slot.filled{cursor:pointer;border-color:#465573;background:radial-gradient(circle at 50% 35%,#1a1e2c,#0e111a)}.inv-slot.filled:hover{border-color:#9fb0e8}.inv-ic{position:relative;display:inline-flex;align-items:center;justify-content:center}.inv-ic img{width:92%;height:92%;object-fit:contain;pointer-events:none}.inv-ic.missing{color:#b9c4de;font-weight:700}.inv-cnt{position:absolute;right:2px;bottom:0;font-size:11px;font-weight:700;color:#ffe08a;text-shadow:0 0 2px #000,1px 1px 1px #000;pointer-events:none}.inv-enchant{position:absolute;left:2px;top:0;font-size:10px;font-weight:700;color:#9fe8ff;text-shadow:0 0 2px #000,1px 1px 1px #000;pointer-events:none}.inv-grade{position:absolute;right:1px;top:0;width:12px;height:12px;font-size:9px;font-weight:800;line-height:12px;text-align:center;border-radius:2px;pointer-events:none;text-shadow:0 0 2px #000}.inv-grade.g-d{color:#063;background:#5fe8b8}.inv-grade.g-c{color:#024;background:#6f9fff}.inv-grade.g-b{color:#400;background:#ff5a5a}.inv-grade.g-a{color:#421;background:#ffb84d}.inv-grade.g-s{color:#204;background:#c060ff}.inv-hint{color:#8b94ad;font-size:11px;text-align:center;padding-top:2px}.party-window{position:absolute;top:150px;left:14px;z-index:120;width:200px;pointer-events:auto;display:none}.party-window.show{display:block}.party-box{background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 18px #0009}.party-head{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.party-title{font-size:13px;font-weight:700;color:#ffd863}.party-loot{flex:1;font-size:10px;color:#9aa3bd;text-align:right}.party-leave{font-size:11px;color:#e89a8a;cursor:pointer;padding:1px 7px;border:1px solid #6a4040;border-radius:3px;background:#0000004d}.party-leave:hover{color:#ffb0a0;border-color:#a05050}.party-list{padding:8px;display:flex;flex-direction:column;gap:7px;max-height:50vh;overflow-y:auto}.party-row{padding:6px 7px;border:1px solid #39436a;border-radius:3px;background:#00000047}.party-row.self{border-color:#8a7438;background:#5a461438}.party-row-head{display:flex;align-items:center;gap:5px;margin-bottom:4px}.party-name{flex:1;font-size:12px;color:#dfe6f2;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-lv{font-size:10px;color:#b9a06a;flex:0 0 auto}.party-oust{flex:0 0 auto;width:17px;height:17px;line-height:15px;padding:0;font-size:11px;color:#e89a8a;background:#0006;border:1px solid #6a4040;border-radius:3px;cursor:pointer}.party-oust:hover{color:#fff;background:#a04040}.party-lead{flex:0 0 auto;width:17px;height:17px;line-height:15px;padding:0;font-size:9px;background:#0006;border:1px solid #6a5e3a;border-radius:3px;cursor:pointer}.party-lead:hover{background:#8a7438}.party-bar{position:relative;height:9px;border-radius:2px;margin-top:2px;background:#0000008c;border:1px solid rgba(0,0,0,.5);overflow:hidden}.party-bar i{display:block;height:100%;width:0}.party-bar.hp i{background:linear-gradient(90deg,#7a1f1f,#d84b4b)}.party-bar.mp i{background:linear-gradient(90deg,#1f3a7a,#4b7ad8)}.party-bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:8px;line-height:9px;color:#fff;text-shadow:0 0 2px #000}.invite-mask{z-index:1000}.invite-box{width:300px;text-align:center;padding:22px 20px 18px}.invite-icon{font-size:40px;margin-bottom:10px}.invite-text{font-size:15px;color:#e6d3a0;line-height:1.7;margin-bottom:18px}.trade-box{width:620px;max-width:96vw;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.trade-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.trade-title{font-size:16px;font-weight:700;color:#ffd863}.trade-partner{flex:1;font-size:12px;color:#9fe8ff}.trade-body{display:grid;grid-template-columns:1fr 1.1fr;gap:0;min-height:280px}.trade-col{padding:10px 12px;display:flex;flex-direction:column}.trade-col:last-child{border-left:1px solid #39436a}.trade-col-title{font-size:12px;color:#ffd863;margin-bottom:8px}.trade-col-title.other{margin-top:12px}.trade-grid{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;align-content:start;overflow-y:auto}.trade-item{position:relative;aspect-ratio:1;border-radius:3px;border:1px solid #465573;background:#0006;display:flex;align-items:center;justify-content:center;cursor:pointer}.trade-item:hover{border-color:#ffd863;box-shadow:0 0 8px #ffd86366}.trade-item img{width:86%;height:86%;object-fit:contain;pointer-events:none}.trade-item-cnt{position:absolute;right:2px;bottom:0;font-size:10px;font-weight:700;color:#ffe08a;text-shadow:0 0 2px #000,1px 1px 1px #000;pointer-events:none}.trade-slot{flex:1;border:1px dashed #3a4a66;border-radius:3px;padding:6px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;min-height:100px}.trade-slot-row{display:flex;align-items:center;gap:7px;padding:4px 6px;border:1px solid #39436a;border-radius:3px;background:#0000004d}.trade-slot-row img{width:28px;height:28px;object-fit:contain}.trade-slot-name{flex:1;font-size:12px;color:#dfe6f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-slot-cnt{font-size:12px;font-weight:700;color:#ffe08a}.trade-empty{padding:20px 0;text-align:center;color:#6a7590;font-size:12px;grid-column:1/-1}.trade-foot{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #39436a}.trade-hint{flex:0 0 130px;font-size:11px;line-height:1.5;color:#8b94ad;white-space:normal}.trade-confirm,.trade-cancel{flex:1 1 auto}.trade-confirm{width:110px}.trade-cancel{width:80px;color:#e89a8a;border-color:#6a4040}.trade-cancel:hover{color:#ffb0a0;border-color:#a05050}.trade-confirm:disabled{opacity:.55;cursor:default}.equipment-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:none;align-items:center;justify-content:center;pointer-events:none}.equipment-viewer.show{display:flex}.equipment-viewer .ev-box{min-width:312px;pointer-events:auto;border:1px solid #7a6338;border-radius:5px;overflow:hidden;background:linear-gradient(180deg,#171d2d,#0e1320);box-shadow:0 8px 24px #0000008c}.ev-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.ev-title{color:#ffd863;font-weight:700;font-size:14px}.ev-body{padding:13px}.ev-status{min-height:18px;margin-bottom:9px;color:#b9c4de;font-size:13px;text-align:center}.ev-status.error{color:#ff9b9b}.ev-paper{display:grid;grid-template-columns:repeat(5,48px);grid-template-rows:repeat(3,48px);gap:6px;justify-content:center}.ev-slot{position:relative;border:1px solid #39436a;border-radius:3px;background:#0006;display:flex;align-items:center;justify-content:center}.ev-slot.filled{border-color:#8a7438;background:radial-gradient(circle at 50% 35%,#1a1e2c,#0e111a)}.ev-icon{display:inline-flex;width:92%;height:92%;align-items:center;justify-content:center}.ev-icon img{width:100%;height:100%;object-fit:contain;pointer-events:none}.ev-icon.missing{color:#b9c4de;font-weight:700}.ev-icon.missing:after{content:"?"}.ev-plus{position:absolute;left:2px;top:0;font-size:11px;font-weight:700;color:#bfe8ff;text-shadow:0 0 2px #000,1px 1px 1px #000;pointer-events:none}.ev-grade{position:absolute;right:1px;bottom:0;min-width:12px;padding:0 2px;border-radius:2px 2px 0 0;font-size:9px;line-height:12px;font-weight:700;text-align:center;pointer-events:none}.ev-grade.g-d{color:#063;background:#5fe8b8}.ev-grade.g-c{color:#024;background:#6f9fff}.ev-grade.g-b{color:#400;background:#ff5a5a}.ev-grade.g-a{color:#421;background:#ffb84d}.ev-grade.g-s{color:#204;background:#c060ff}.target-actions{display:flex;gap:6px;margin-top:8px}.target-act-btn{flex:1;padding:5px 0;font-size:12px;cursor:pointer;color:#ffd863;background:#0006;border:1px solid #b89a55;border-radius:3px}.target-act-btn:hover{background:#ffd86326}.target-act-btn.trade{color:#9fe8ff;border-color:#4a7ab0}.target-act-btn.trade:hover{background:#5aa0e62e}.target-act-btn.equipment{color:#b7ffcf;border-color:#5a9a68}.target-act-btn.equipment:hover{background:#5ab46e2e}.char-box{width:340px;max-width:94vw;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.char-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.char-title{color:#ffd863;font-weight:700;font-size:16px}.char-body{padding:14px;display:flex;flex-direction:column;gap:12px}.char-id-row{display:flex;gap:12px;align-items:center}.char-portrait{width:72px;height:72px;flex:0 0 72px;border-radius:4px;border:1px solid #8a7438;background:radial-gradient(circle at 50% 35%,#2a3550,#141a2a);display:flex;align-items:center;justify-content:center}.char-portrait-char{font-size:34px;color:#ffd863;font-weight:700;text-shadow:0 2px 4px #000}.char-id-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.char-name{font-size:18px;font-weight:700;color:#ffe9a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-class{font-size:13px;color:#9fe8ff}.char-race{font-size:12px;color:#9aa3bd}.char-title{font-size:12px;color:#a9d8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-level-badge{flex:0 0 auto;min-width:52px;padding:6px 8px;text-align:center;border:1px solid #b89a55;border-radius:4px;background:#00000059}.char-lv-num{display:block;font-size:22px;font-weight:700;color:#ffd863;line-height:1.1}.char-lv-label{font-size:11px;color:#b9a06a}.char-bars{display:flex;flex-direction:column;gap:6px}.char-bar-row{display:flex;align-items:center;gap:8px}.char-bar-row label{flex:0 0 30px;font-size:12px;color:#9aa3bd}.char-bar{flex:1;position:relative;height:16px;border-radius:3px;background:#0000008c;border:1px solid rgba(0,0,0,.6);overflow:hidden}.char-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3a6a3a,#5cc05c)}.char-bar.hp i{background:linear-gradient(90deg,#7a1f1f,#d84b4b)}.char-bar.mp i{background:linear-gradient(90deg,#1f3a7a,#4b7ad8)}.char-bar.exp i{background:linear-gradient(90deg,#8a6a28,#e8c063)}.char-bar.weight i{background:linear-gradient(90deg,#6a5a1f,#d8c04b)}.char-bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:16px;color:#fff;text-shadow:0 0 2px #000;white-space:nowrap}.char-base-head{font-size:13px;color:#ffd863;border-left:3px solid #b89a55;padding-left:8px;margin-top:2px}.char-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.char-stat{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:1px solid #39436a;border-radius:3px;background:#0000004d}.char-stat label{font-size:12px;color:#9aa3bd}.char-stat b{font-size:15px;color:#ffe9a8}.char-meta{display:flex;justify-content:flex-end;font-size:12px;color:#9aa3bd}.char-meta b{color:#9fe8ff;margin-left:4px}.char-combat{display:flex;flex-direction:column;gap:6px}.char-combat-row{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:4px 10px;padding:6px 10px;border:1px solid #39436a;border-radius:3px;background:#0000004d}.char-combat-row label{font-size:12px;color:#9aa3bd}.char-combat-row b{font-size:14px;color:#ffe9a8;text-align:right;margin-right:6px}.quest-box{width:420px;max-width:94vw;max-height:80vh;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.quest-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.quest-title{color:#ffd863;font-weight:700;font-size:16px}.quest-body{padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.quest-tab-row{display:flex;align-items:center;gap:8px}.quest-tab{padding:5px 16px;font-size:13px;font-weight:700;cursor:pointer;color:#ffd863;background:#0006;border:1px solid #b89a55;border-radius:3px}.quest-refresh{margin-left:auto;padding:5px 12px;font-size:12px;cursor:pointer;color:#c9cee0;background:#0006;border:1px solid #3a4a66;border-radius:3px}.quest-refresh:hover{border-color:#e8c873;color:#ffe89a}.quest-list{display:flex;flex-direction:column;gap:8px}.quest-row{padding:10px 12px;border:1px solid #39436a;border-radius:3px;background:#0000004d}.quest-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.quest-name{font-size:14px;font-weight:700;color:#ffe9a8}.quest-cond{flex:0 0 auto;font-size:11px;color:#0b0e16;background:#e8c063;border-radius:10px;padding:2px 10px}.quest-hint{margin-top:5px;font-size:11px;color:#8b94ad}.quest-empty{padding:30px 0;text-align:center;color:#8b94ad;font-size:13px;line-height:2}.henna-box{width:640px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.henna-head{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.henna-title{flex:1;color:#ffd863;font-weight:700;font-size:16px}.henna-body{padding:14px;overflow-y:auto}.henna-slots-row{display:flex;gap:10px;align-items:stretch}.henna-slot{position:relative;width:96px;height:96px;flex:0 0 96px;border:1px dashed #55608a;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#4a5575;font-size:12px}.henna-slot.filled{border-style:solid;border-color:#8a7438;background:radial-gradient(circle at 50% 35%,#1a1e2c,#0e111a);flex-direction:column;padding:3px;box-sizing:border-box}.henna-sym-img{width:56px;height:56px;object-fit:contain;pointer-events:none}.henna-sym{font-size:18px;color:#ffd863;font-weight:700}.henna-sym-name{width:100%;margin-top:2px;font-size:11px;color:#c9cee0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.henna-rm{position:absolute;right:3px;top:3px;font-size:10px;line-height:1;padding:3px 5px;background:#782828d9;color:#fff;border:1px solid #a56;border-radius:2px;cursor:pointer}.henna-stat{flex:1;margin-left:6px;font-size:15px;color:#9fe8ff;line-height:2;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.henna-list-head{color:#9aa3bd;font-size:13px;margin:14px 0 8px}.henna-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.henna-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #39436a;border-radius:3px;background:#0000004d}.henna-row img{width:42px;height:42px;flex:0 0 42px;object-fit:contain}.henna-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.35}.henna-row-name{color:#ffd863;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.henna-row-add{color:#9fe8ff;font-size:12px}.henna-row-need{color:#b9a06a;font-size:12px}.henna-row .henna-ok-btn{flex:0 0 96px;width:auto;margin:0}.henna-row .henna-ok-btn:disabled{opacity:.5;cursor:not-allowed}.henna-empty{color:#8b94ad;font-size:13px;text-align:center;padding:18px 0}.hud-name{font-size:15px;font-weight:700;text-shadow:0 1px 3px #000}.hud-lv{font-size:12px;color:var(--gold, #d8b25a);margin-left:6px}.hud-bar{position:relative;height:12px;margin-top:5px;border:1px solid rgba(0,0,0,.6);border-radius:3px;background:#0000008c;overflow:hidden}.hud-bar i{display:block;height:100%;width:0;transition:width .25s}.hud-bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:12px;color:#fff;text-shadow:0 0 2px #000}.hud-bar.hp i{background:linear-gradient(90deg,#7a1f1f,#d84b4b)}.hud-bar.mp i{background:linear-gradient(90deg,#1f3a7a,#4b7ad8)}.hud-bar.cp i{background:linear-gradient(90deg,#8a6a1f,#e8c050)}.hud-bar.exp{height:5px}.hud-bar.exp i{background:linear-gradient(90deg,#8a6a28,#e8c063)}.hud-announce{position:absolute;top:18px;left:50%;transform:translate(-50%);width:60vw;padding:6px 26px;font-size:15px;font-weight:700;color:#ffd863;text-align:center;text-shadow:0 0 4px #000,0 1px 2px #000;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .5s}.hud-announce.show{opacity:1}.hud-announce-in{display:inline-block;white-space:nowrap}.hud-announce-in.marquee{animation:announce-marquee var(--ad, 8s) linear forwards}@keyframes announce-marquee{0%{margin-left:100%}to{margin-left:calc(-1 * var(--aw, 0px) - 10px)}}.hud-radar{position:absolute;top:14px;right:14px;border-radius:50%;border:1px solid #3a4a66;box-shadow:0 0 12px #00000080}.hud-menus{position:absolute;top:180px;right:14px;display:flex;flex-direction:column;gap:8px}.hud-menu{width:42px;height:42px;border-radius:6px;background:#121624d1;border:1px solid #3a4a66;color:#cfd6ea;font-size:16px;cursor:pointer}.hud-menu:hover{border-color:var(--gold, #d8b25a);color:#fff}.hud-menu.active{border-color:var(--gold, #d8b25a);color:#ffd863;box-shadow:0 0 10px #d8b25a8c,inset 0 0 8px #d8b25a40}.hud-menu-wide{width:52px;font-size:15px}.hud-action-wrap{position:relative}.hud-action-menu{display:none;position:absolute;right:60px;top:0;flex-direction:column;gap:6px;width:132px;padding:6px;border:1px solid #5a6a90;border-radius:6px;background:#0e121ef5;box-shadow:0 4px 16px #0009;z-index:30}.hud-action-wrap.open .hud-action-menu{display:flex}.hud-action-wrap.open #hud-action{border-color:var(--gold, #d8b25a);color:#ffd863;box-shadow:0 0 10px #d8b25a8c,inset 0 0 8px #d8b25a40}.hud-action-menu button{padding:7px 8px;font-size:13px;text-align:left;color:#dfe6f2;background:#00000059;border:1px solid #39436a;border-radius:4px;cursor:pointer;white-space:nowrap}.hud-action-menu button:hover{border-color:var(--gold, #d8b25a);color:#ffd863}.hud-shortcuts{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:5px}.sc-cell{width:46px;height:46px;border:1px solid #3a4a66;border-radius:5px;background:#0c0f1ac7;color:var(--gold, #d8b25a);display:flex;align-items:center;justify-content:center;font-size:13px}.sc-cell.filled{border-color:#8a7438;color:#ffd863}.hud-chat{position:absolute;left:14px;bottom:16px;width:392px;display:flex;flex-direction:column;gap:4px;font-size:12px;text-shadow:0 0 3px #000}.chat-tabs{display:flex;gap:3px}.chat-tab{height:20px;padding:0 8px;font-size:11px;color:#aab4cc;background:#0c0f1ab8;border:1px solid #2c3850;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer}.chat-tab.active{color:#ffd863;border-color:#6a5a2c;background:#201c0ee0}.chat-lines{height:138px;overflow-y:auto;padding:5px 8px;background:#080b1485;border:1px solid rgba(58,74,102,.55);border-radius:0 5px 5px;display:flex;flex-direction:column;justify-content:flex-start;gap:2px}.chat-lines::-webkit-scrollbar{width:5px}.chat-lines::-webkit-scrollbar-thumb{background:#3a4a66;border-radius:3px}.chat-line[data-visible="0"]{display:none}.chat-line{line-height:1.5;word-break:break-all}.chat-line.sys{color:#b9d8ff}.chat-line.diy{color:#ffb84a;font-weight:700}.chat-line .chat-name{font-weight:700}.ch-normal{color:#e6e6e6}.ch-normal .chat-name{color:#e8e8e8}.ch-shout{color:#ffd863}.ch-shout .chat-name{color:#ffe89a}.ch-tell{color:#ff9ad8}.ch-tell .chat-name{color:#ff7ac8}.ch-party{color:#8aff9a}.ch-party .chat-name{color:#6ae88a}.ch-clan{color:#8ab4ff}.ch-clan .chat-name{color:#6a9ee8}.ch-trade{color:#ffc08a}.ch-trade .chat-name{color:#ffa860}.ch-ally{color:#5ad8d0}.ch-ally .chat-name{color:#3ac8c0}.ch-announce{color:#ffd863;font-weight:700}.ch-gm{color:#ff6a6a;font-weight:700}.ch-hero{color:#7ad0ff;font-weight:700}.chat-inputrow{display:flex}#chat-input{flex:1;height:26px;padding:0 9px;font-size:12px;color:#e6ecff;background:#0c0f1ad1;border:1px solid #3a4a66;border-radius:4px;outline:none}#chat-input:focus{border-color:#8a7438}#chat-input::placeholder{color:#6a748c}.hud-hint{position:absolute;right:14px;bottom:70px;font-size:11px;color:#cfd6ea8c;text-align:right;pointer-events:none}.tutorial-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#04060c8c;display:flex;align-items:flex-end;justify-content:center;padding-bottom:90px;transition:opacity .2s}.tutorial-mask.hidden{display:none}.tut-box{width:420px;max-width:92vw;background:#141826f5;border:1px solid var(--gold, #d8b25a);border-radius:8px;padding:20px 24px;box-shadow:0 0 26px #d8b25a4d}.tut-step{font-size:12px;color:var(--gold-bright, #e8c063);margin-bottom:8px}.tut-title{font-size:18px;font-weight:700;margin-bottom:10px}.tut-text{font-size:14px;line-height:1.8}.tut-hint{font-size:12px;color:var(--text-dim, #8a90a8);margin-top:8px}.tut-actions{display:flex;justify-content:space-between;margin-top:16px}body.in-game{user-select:none;-webkit-user-select:none;overflow:hidden}body.in-game .game-container{touch-action:none;overscroll-behavior:none}body.in-game .game-container canvas{display:block;outline:none}.crosshair{position:fixed;left:50%;top:50%;z-index:20;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffd863eb;box-shadow:0 0 4px #000000e6}.crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}.crosshair.hidden{display:none}.ml-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#05070c6b;pointer-events:none}.ml-hud.hidden{display:none}.ml-resume{pointer-events:auto;background:var(--panel);border:1px solid var(--gold, #d8b25a);border-radius:8px;padding:26px 34px;text-align:center;box-shadow:0 0 26px #d8b25a47}.ml-title{font-size:19px;font-weight:700;margin-bottom:10px;color:#ffd863}.ml-text{font-size:13px;color:var(--text-dim, #9aa0b8);margin-bottom:18px;line-height:1.8}.npc-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#04060c73;opacity:0;pointer-events:none;transition:opacity .2s}.npc-dialog.show{opacity:1}.npc-dialog-box{width:520px;min-width:380px;max-width:94vw;max-height:76vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#181c2cf7,#0e111df7);border:1px solid #8a7438;border-radius:8px;box-shadow:0 0 28px #0009,inset 0 0 18px #d8b25a0f}.npc-dialog.show .npc-dialog-box{pointer-events:auto}.npc-dialog.large .npc-dialog-box{width:92vw;max-width:1100px;height:88vh;max-height:88vh;border-color:#5a6a8a}.npc-dialog.large .npc-dialog-body{flex:1;min-height:0;font-size:13px;overflow-y:auto}.npc-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(138,116,56,.4)}.npc-dialog-title{font-size:14px;font-weight:700;color:#ffd863}.npc-dialog-close{color:#aab4cc;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.npc-dialog-close:hover{color:#ff8a8a}.npc-dialog-body{padding:14px;overflow-y:auto;overflow-x:auto;font-size:13px;line-height:1.9;color:#e6e9f2}.npc-dialog-body table{width:100%;max-width:100%;border-collapse:collapse}.npc-dialog-body td{vertical-align:top}.npc-dialog-body td .htm-btn{margin-left:2px;margin-right:2px}.npc-dialog-body::-webkit-scrollbar{width:5px}.npc-dialog-body::-webkit-scrollbar-thumb{background:#3a4a66;border-radius:3px}.htm-btn{display:block;width:100%;min-height:32px;margin:6px auto;padding:4px 14px;background:linear-gradient(180deg,#3d4a6e,#222c46 55%,#181f33);border:1px solid #b89a55;border-radius:3px;color:#f3e2b0;font-size:13px;font-weight:700;letter-spacing:1px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px #ffffff2e,inset 0 -8px 12px #00000059,0 1px 3px #00000080;box-sizing:border-box}.htm-btn:hover{border-color:#e8c873;color:#ffe89a;background:linear-gradient(180deg,#4d5d87,#2b3755 55%,#1e2740);box-shadow:inset 0 1px #ffffff40,0 0 8px #e8c87373}.htm-btn:active{background:#1b2236;box-shadow:inset 0 2px 6px #0009}.htm-btn:disabled,.htm-btn.disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed;border-color:#5a5f70;color:#8b8fa0;box-shadow:none;pointer-events:none}.htm-link{color:#8ab4ff;cursor:pointer;text-decoration:underline}.htm-link:hover{color:#b9d8ff}.htm-grid{width:100%;border-collapse:collapse;table-layout:auto;margin:6px 0;font-size:13px}.htm-grid td,.htm-grid th{border:1px solid #465573;padding:8px 10px;text-align:center;vertical-align:middle;line-height:1.7;word-break:break-all}.htm-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.htm-icon.missing{background:#5a6a8a26;border:1px dashed #4a5670;box-sizing:border-box;color:#b9c4de;font-weight:700;line-height:1}.htm-icon-btn{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;margin:2px 4px;padding:2px 3px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:3px}.htm-icon-btn:hover{border-color:#b89a55;background:#b89a551f}.htm-icon-btn-img{border:1px solid #2c3650;background:#00000059}.htm-icon-btn-img img{image-rendering:auto}.htm-icon-btn-name{margin-top:2px;max-width:64px;font-size:11px;line-height:1.25;color:#e8d090;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htm-table{margin:4px 0}.htm-row{display:flex;gap:12px;flex-wrap:wrap}.shop-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid #465573;border-radius:4px}.shop-icon.missing{border-style:dashed;color:#b9c4de;font-weight:700}.shop-qty{width:64px;flex:0 0 auto;text-align:center}.ms-window{position:fixed;left:calc(50% - 360px);top:calc(50% - 280px);width:720px;height:560px;max-height:92vh;z-index:130;display:none;flex-direction:column;background:linear-gradient(#20283c,#151b2b);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000bf}.ms-window.show{display:flex}.ms-head{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;cursor:move;background:linear-gradient(180deg,#31406a,#222c4a);border-bottom:1px solid #8a7438}.ms-title{color:#ffd863;font-size:15px;font-weight:700;letter-spacing:2px}.ms-title:before{content:"◆";color:#d8b25a;font-size:10px;margin-right:8px}.ms-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#141a2c;border:1px solid #b89a55;border-radius:2px;color:#e8ecff;font-size:17px;line-height:1;cursor:pointer}.ms-close:hover{color:#ff8a8a;border-color:#e8c873}.ms-body{flex:1;display:flex;min-height:0}.ms-left{width:47%;display:flex;flex-direction:column;border-right:1px solid #39436a}.ms-right{flex:1;display:flex;flex-direction:column;min-width:0;padding:0 12px}.ms-pane-label{color:#d3d9ee;font-size:14px;font-weight:700;padding:9px 12px 6px}.ms-right .ms-pane-label{padding-left:0}.ms-grid{flex:1;overflow-y:auto;padding:2px 10px 10px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-content:start}.ms-grid::-webkit-scrollbar{width:5px}.ms-grid::-webkit-scrollbar-thumb{background:#3a4a66;border-radius:3px}.ms-cell{position:relative;aspect-ratio:1;border:1px solid #465573;border-radius:3px;background:radial-gradient(circle at 50% 35%,#1a1e2c,#0e111a);display:flex;align-items:center;justify-content:center;cursor:pointer}.ms-cell:hover{border-color:#9fb0e8}.ms-cell.sel{border:2px solid #b7e03a;box-shadow:0 0 8px #b7e03a8c}.ms-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid #465573;border-radius:3px;background:#00000040}.ms-icon img{width:92%;height:92%;object-fit:contain}.ms-icon.missing{border-style:dashed;color:#b9c4de;font-weight:700}.ms-cnt{position:absolute;right:2px;bottom:0;font-size:11px;font-weight:700;color:#ffe08a;text-shadow:0 0 2px #000,1px 1px 1px #000}.ms-info{min-height:150px;max-height:230px;overflow-y:auto;border:1px solid #39436a;border-radius:3px;background:#00000047;padding:10px}.ms-info-empty{color:#8b94ad;font-size:13px;text-align:center;padding:24px 0}.ms-info-top{display:flex;gap:10px;align-items:flex-start}.ms-info-icons{display:flex;gap:4px;flex:0 0 auto}.ms-info-names{min-width:0}.ms-info-name{color:#fff;font-size:14px;font-weight:700;line-height:1.5}.ms-info-wt{color:#9aa3bd;font-size:12px;margin-top:4px}.ms-info-text{color:#d6dcec;font-size:12.5px;line-height:1.7;margin-top:6px}.ms-mats{flex:1;overflow-y:auto;margin:0 0 10px;border:1px solid #39436a;border-radius:3px;background:#00000047;padding:8px 10px}.ms-mat-row{display:flex;align-items:center;gap:10px;padding:3px 0}.ms-mat-name{color:#e6d3a0;font-size:13px}.ms-mat-free{color:#8b94ad;font-size:13px;padding:4px 0}.ms-foot{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #39436a}.ms-qty-label{color:#d3d9ee;font-size:14px;margin-right:auto}.ms-qty{width:100px;text-align:center}.ms-foot .htm-btn{width:auto;min-width:110px;margin:0}.shop-window{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:none;align-items:center;justify-content:center;pointer-events:none}.shop-window.show{display:flex}.shop-win-box{width:620px;max-width:94vw;max-height:90vh;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.shop-win-head{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #39436a}.shop-win-title{color:#dfe5ff;font-size:15px;font-weight:700}.shop-win-money{flex:1;text-align:right;color:#ffd863;font-size:13px}.shop-win-tip{display:none;align-items:center;gap:14px;padding:7px 12px;background:#00000059;font-size:13px}.shop-win-tip.show{display:flex}.shop-tip-name{color:#fff;font-weight:700}.shop-tip-price{color:#45e0ff}.shop-tip-stock{color:#ffcf8a}.shop-win-grid{flex:1;overflow-y:auto;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.shop-cell{position:relative;aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#4a1418,#2a0c10);border:1px solid #57608f;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.shop-cell:hover{border-color:#9fb0e8}.shop-cell.sel{border:2px solid #3fd6e0;box-shadow:0 0 8px #3fd6e099}.shop-cell img{width:92%;height:92%;object-fit:contain}.shop-cell.noicon{color:#b9c4de;font-weight:700;font-size:18px}.shop-win-foot{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid #39436a}.shop-foot-label{color:#dfe5ff;font-size:14px}.shop-foot-qty{width:70px;text-align:center}.shop-foot-total{flex:1;color:#ffd863;font-size:14px;text-align:right}.shop-foot-ok{margin:0}.shop-icon-img{width:100%;height:100%;object-fit:contain}.item-tip{position:fixed;z-index:1200;display:none;min-width:200px;max-width:280px;padding:8px 12px;background:#0a0d16;border:2px solid #4a5278;border-radius:2px;box-shadow:0 4px 18px #000000b3;font-size:13px;line-height:1.55;pointer-events:none}.item-tip.show{display:block}.it-row{display:flex;white-space:nowrap}.it-label{color:#c9cee0}.it-value{color:#e8c98a}.it-name{color:#fff;font-size:16px;font-weight:700;white-space:normal}.it-add{color:#66c8ff}.it-price{color:#e84fd2;font-weight:700}.it-slot{color:#e0b94f}.it-desc{color:#a9b0c6;white-space:normal}.it-cmp-head{color:#ffd863;font-size:12px;margin:4px 0 2px;padding-top:5px;border-top:1px dashed #4a5478;white-space:normal}.it-up{color:#7ef08a;font-weight:700}.it-down{color:#ff8a8a;font-weight:700}.game-toast{position:fixed;left:50%;top:22%;z-index:200;max-width:70vw;padding:10px 22px;background:#0e111deb;border:1px solid #8a7438;border-radius:6px;color:#ffd863;font-size:14px;text-align:center;box-shadow:0 0 20px #0000008c;opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:opacity .2s,transform .2s}.game-toast.show{opacity:1;transform:translate(-50%)}.htm-edit,.htm-multiedit,.htm-combobox{height:26px;padding:2px 8px;font-size:13px;color:#e6ecff;background:#0c0f1ad9;border:1px solid #3a4a66;border-radius:4px;outline:none;box-sizing:border-box;vertical-align:middle}.htm-edit:focus,.htm-multiedit:focus{border-color:#8a7438}.htm-multiedit{height:auto;min-height:60px;resize:vertical;font-family:inherit}.htm-combobox{padding:2px 4px}.sell-window .shop-win-box{width:520px}.sell-section{padding:8px 12px 4px}.sell-section-name{color:#dfe5ff;font-size:14px;font-weight:700;margin-bottom:6px}.sell-list-grid{max-height:210px;overflow-y:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding-right:4px}.sell-sell-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.sell-slot{background:radial-gradient(circle at 50% 35%,#1a1e2c,#0e111a);border-color:#353f63;cursor:default}.sell-slot.has-item{cursor:pointer}.sell-src-cell .sell-cnt,.sell-slot .sell-cnt{position:absolute;right:2px;bottom:1px;color:#e8ecff;font-size:11px;font-weight:700;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.sell-qty-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px}.sell-qty-input{width:80px;text-align:center}.sell-qty-row .htm-btn{margin:0;min-width:44px;padding:2px 8px}.sell-money-row{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:8px 16px 4px;font-size:14px;color:#dfe5ff}.sell-money-row .sell-total,.sell-money-row .sell-hold{text-align:right;color:#ffd863;font-weight:700}.sell-btns{display:flex;justify-content:center;gap:16px;padding:10px 12px 14px}.sell-btns .htm-btn{margin:0;min-width:120px;padding:4px 12px}.revive-box{width:240px}.revive-body{padding:10px 14px}.scbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:stretch;gap:4px;z-index:5}.scbar.user-moved{position:fixed;left:0;top:0;bottom:auto;transform:none}.scbar.dragging{z-index:1500}.scbar-drag{align-self:center;min-width:30px;height:12px;line-height:10px;text-align:center;font-size:12px;color:#8b94ad;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#0a0d16b3;border:1px solid #3a4a66;border-radius:3px}.scbar-drag:hover{color:#ffd863;border-color:#8a7438}.scbar-drag:active{cursor:grabbing}.scbar-pk{align-self:flex-start;width:48px;height:58px;margin:0 auto 4px;border:1px solid #7a6338;border-radius:4px;background:radial-gradient(circle at 50% 30%,#2a2d21,#15180f);color:#d8c98f;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.scbar-pk:hover{border-color:#d8b25a}.scbar-pk-swords{font-size:19px;line-height:1}.scbar-pk-label{font-size:10px;line-height:1}.scbar-pk.active{border-color:#e85b50;color:#ffd0c8;box-shadow:0 0 9px #e85b50a6;background:radial-gradient(circle at 50% 30%,#4a211f,#1f1210)}.scbar-rows{display:flex;flex-direction:column;gap:4px}.scbar-row{display:flex;gap:4px}.scbar-cell{position:relative;width:40px;height:40px;border-radius:4px;background:#0a0d16c7;border:1px solid #3a4a66;display:flex;align-items:center;justify-content:center;color:#cfd6ea;font-size:12px;-webkit-user-select:none;user-select:none}.scbar-cell.filled{border-color:#8a7438;cursor:pointer}.scbar-cell.filled:hover{border-color:#e8c873;box-shadow:0 0 6px #e8c87366}.scbar-cell img{width:90%;height:90%;object-fit:contain;pointer-events:none}.scbar-cell.noicon{color:#ffd863;font-weight:700}.scbar-cell.drop{border-color:#3fd6e0;box-shadow:0 0 8px #3fd6e0b3}.scbar-cell.auto-shot{border-color:#ffd863;box-shadow:inset 0 0 0 1px #ffd863,0 0 8px #ffd863bf}.scbar-controls{display:flex;gap:4px;justify-content:flex-end}.scbar-controls button{width:22px;height:18px;font-size:12px;line-height:1;color:#cfd6ea;background:#0a0d16cc;border:1px solid #3a4a66;border-radius:3px;cursor:pointer}.scbar-controls button:hover{color:#ffd863;border-color:#8a7438}.skill-window .shop-win-box{width:460px}.skill-box .shop-win-head{justify-content:space-between}.skill-tabs{display:flex;gap:6px}.skill-tab{padding:4px 14px;font-size:13px;cursor:pointer;color:#cfd6ea;background:#0c0f1ab8;border:1px solid #3a4a66;border-radius:4px}.skill-tab.active{color:#ffd863;border-color:#8a7438;background:#201c0ee6}.skill-window .skill-grid{flex:1;max-height:340px;overflow-y:auto;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.skill-cell{cursor:pointer;touch-action:none}.skill-cell.dragging{opacity:.5}.skill-cell.selected{outline:4px solid #fff23a;outline-offset:1px;z-index:2}.skill-ghost{position:fixed;z-index:3000;pointer-events:none;width:48px;height:48px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(255,230,90,.8))}.skill-ghost img{width:100%;height:100%;object-fit:contain}.skilltip-lv{color:#e8c873;font-size:.75em;font-weight:400}.skill-hover-tip{z-index:220}.skill-cell.passive{opacity:.75}.skill-cell.passive img{filter:grayscale(.6)}.skill-tip{position:fixed;z-index:210;display:none;min-width:170px;padding:8px 12px;background:#0a0d16;border:1px solid #8a7438;border-radius:4px;box-shadow:0 4px 18px #000000b3;font-size:12px;line-height:1.7;color:#dfe5ff;pointer-events:none}.skill-tip.show{display:block}.skilltip-name{color:#fff;font-weight:700;font-size:14px}.skilltip-hint{color:#8a93ad}.castbar{position:fixed;left:50%;top:56%;transform:translate(-50%);width:280px;height:10px;z-index:250;display:none;background:#080b14d9;border:1px solid #4a5f9a;border-radius:2px;overflow:hidden}.castbar.show{display:block}.castbar-fill{height:100%;width:0;background:linear-gradient(180deg,#5fb0ff,#2f6fd6);box-shadow:0 0 8px #5fb0ffb3}.scbar-cd{position:absolute;left:0;top:0;width:100%;height:0;background:#060912b8;pointer-events:none}.scbar-cdn{position:absolute;left:0;right:0;bottom:0;font-size:11px;font-weight:700;color:#fff;text-align:center;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.scbar-cell.cooling{border-color:#5a6a8a}.dbg-window{position:fixed;right:72px;top:120px;z-index:900;width:420px;max-width:46vw;background:#05080eeb;border:1px solid #4a5278;border-radius:4px;box-shadow:0 4px 18px #000000b3;display:flex;flex-direction:column;font-size:11px}.dbg-head{display:flex;align-items:center;justify-content:space-between;padding:3px 8px;background:#1e243af2;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #39436a;border-radius:4px 4px 0 0}.dbg-title{color:#ffd863;font-weight:700}.dbg-btns{display:flex;gap:4px}.dbg-btns button{height:18px;padding:0 6px;font-size:11px;color:#cfd6ea;background:#0c0f1ae6;border:1px solid #3a4a66;border-radius:3px;cursor:pointer}.dbg-btns button:hover{color:#ffd863;border-color:#8a7438}.dbg-body{margin:0;padding:6px 8px;max-height:320px;overflow:auto;font-family:monospace;line-height:1.5;color:#8fe08f;white-space:pre-wrap;word-break:break-all}.store-mng-box{width:720px;max-height:86vh}.store-mng-body{display:flex;gap:10px;padding:10px;flex:1;min-height:0}.store-mng-col{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.store-mng-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border:1px solid #39436a;border-radius:4px;background:#00000040;padding:6px;display:flex;flex-direction:column;gap:5px}.store-mng-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid #2c3556;border-radius:3px;background:#ffffff08;min-width:0}.store-mng-row .htm-btn{width:auto;flex:0 0 auto;margin:0;min-height:28px}.store-mng-icon{width:32px;height:32px;flex:0 0 auto;object-fit:contain}.store-mng-name{flex:1 1 auto;min-width:0;font-size:12px;color:#dfe6f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-mng-ref{flex:0 0 auto;font-size:11px;color:#b9a06a;white-space:nowrap}.store-mng-price,.store-mng-qty{width:64px;flex:0 0 auto;padding:3px 4px;font-size:12px}.store-mng-qty{width:48px}.store-mng-add{padding:3px 14px!important;font-size:12px}.store-mng-del{padding:3px 10px!important;font-size:12px;color:#e89a8a;border-color:#6a4040}.store-mng-total{text-align:right;font-size:12px;color:#8b94ad}.store-mng-total b{color:#ffe08a}.store-mng-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #39436a;flex:0 0 auto}.store-mng-foot .htm-btn{width:auto;margin:0}.store-mng-sign{display:flex;align-items:center;gap:6px;font-size:12px;color:#b9c4de}.store-mng-adena{font-size:12px;color:#8b94ad}.store-mng-adena b{color:#ffe08a}.store-mng-ok{min-width:96px;color:#ffd863;flex:1 1 100%}.store-mng-cancel{min-width:72px;color:#e89a8a;border-color:#6a4040;flex:1 1 100%}.store-quit-bar{display:none;position:fixed;right:76px;bottom:170px;z-index:95;align-items:center;gap:10px;padding:8px 12px;background:#0e121ef2;border:1px solid #b89a55;border-radius:6px;box-shadow:0 4px 16px #0009}.store-quit-bar.show{display:flex}.store-quit-text{font-size:13px;color:#f3e2b0;white-space:nowrap}.store-quit-bar .htm-btn{width:auto;min-width:88px;margin:0;color:#e89a8a;border-color:#6a4040}.store-choice-box{width:420px}.store-choice-body{display:flex;flex-direction:column;gap:12px;padding:18px}.store-choice-item{display:flex;flex-direction:column;gap:6px;align-items:center;padding:16px 12px;cursor:pointer;background:linear-gradient(180deg,#3d4a6e,#222c46 55%,#181f33);border:1px solid #b89a55;border-radius:4px;box-shadow:inset 0 1px #ffffff2e,inset 0 -8px 12px #00000059}.store-choice-item:hover{border-color:#ffe08a;box-shadow:0 0 10px #ffe08a59}.store-choice-label{font-size:16px;font-weight:700;color:#ffe08a;letter-spacing:1px}.store-choice-desc{font-size:12px;color:#b9c4de}.dbg-window.fold .dbg-body{display:none}.dmg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;overflow:hidden}.dmg-text{position:absolute;transform:translate(-50%,-50%);font-weight:700;font-size:17px;white-space:nowrap;text-shadow:0 0 4px #000,0 0 4px #000}.dmg-text.normal{color:#ffe89a}.dmg-text.crit{color:#ff6a5a;font-size:22px}.dmg-text.shield{color:#8ab4ff}.dmg-text.miss{color:#b9c4de;font-size:14px}.dmg-text.exp{color:#8affb0;font-size:14px}.dmg-text.sp{color:#8ad0ff;font-size:14px}.dmg-text.levelup{color:#ffd863;font-size:24px;letter-spacing:1px;text-shadow:0 0 8px #ff9d2e,0 0 4px #000}.target-window{position:fixed;top:70px;left:50%;z-index:70;display:none;transform:translate(-50%)}.target-window.show{display:flex}.target-side{display:flex;align-items:center;justify-content:center;width:34px;background:linear-gradient(180deg,#2a3557,#161d33);border:1px solid #8a7438;border-right:none;border-radius:4px 0 0 4px;cursor:move}.target-kind{font-size:12px;font-weight:700}.target-main{display:flex;align-items:center;gap:10px;min-width:280px;padding:6px 8px 6px 14px;background:linear-gradient(180deg,#222940f5,#121626f5);border:1px solid #8a7438;border-radius:0 4px 4px 0;box-shadow:0 4px 16px #0009}.target-info{flex:1;display:flex;flex-direction:column;gap:1px}.target-name{color:#fff;font-size:14px;font-weight:700}.target-sub{color:#9aa3bd;font-size:11px}.target-hp{display:none;width:170px;height:7px;margin-top:4px;background:#1a1112;border:1px solid #5a3333;border-radius:3px;overflow:hidden}.target-hp.show{display:block}.target-hp>i{display:block;height:100%;width:100%;background:linear-gradient(180deg,#ff7a6a,#c93a2e);transition:width .15s}.target-x{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#141a2c;border:1px solid #8a7438;border-radius:3px;color:#e8ecff;font-size:17px;line-height:1;cursor:pointer}.target-x:hover{color:#ff8a8a;border-color:#e8c873}.target-skills{display:flex;align-items:center;gap:5px;margin-top:4px;flex-wrap:wrap}.target-skills-label{color:#9aa3bd;font-size:11px}.target-skill{width:26px;height:26px;border-radius:3px;border:1px solid #4a5575;object-fit:contain;cursor:help}.target-skill:hover{border-color:#e8c873}.enchant-box{width:420px;max-width:96vw;max-height:86vh;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.enchant-head{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.enchant-title{flex:1;color:#ffd863;font-weight:700;font-size:16px}.enchant-scroll{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #2a3252}.enchant-scroll-ic{width:40px;height:40px;object-fit:contain;flex:0 0 40px}.enchant-scroll-info{display:flex;flex-direction:column;gap:2px}.enchant-scroll-name{color:#ffe9a8;font-size:14px;font-weight:700}.enchant-scroll-sub{color:#8b94ad;font-size:11px}.enchant-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid #2a3252}.enchant-auto{display:flex;align-items:center;gap:5px;color:#c9cee0;font-size:12px;cursor:pointer}.enchant-ctrl .htm-btn{width:auto;min-width:110px;margin:0;padding:3px 12px}.enchant-ctrl .htm-btn:disabled{opacity:.45;cursor:default}.enchant-status{color:#9aa3bd;font-size:11px;flex:1 1 100%}.enchant-list{padding:8px 14px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:120px}.enchant-scroll,.enchant-ctrl,.enchant-cast{flex:0 0 auto}.enchant-empty{padding:24px 0;text-align:center;color:#8b94ad;font-size:13px}.enchant-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid #39436a;border-radius:3px;background:#0000004d}.enchant-row.equipped{border-color:#5a6a44;background:#3c50282e}.enchant-row.current{border-color:#e8c063;box-shadow:0 0 8px #e8c06359}.enchant-row-ic{width:36px;height:36px;object-fit:contain;flex:0 0 36px}.enchant-row-ic.broken{display:none}.enchant-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.enchant-row-name{color:#e8ecff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enchant-row-tag{color:#7d87a5;font-size:11px}.enchant-row-btn{width:auto;min-width:64px;margin:0;padding:3px 10px;flex:0 0 auto}.enchant-row-btn.st-ok{color:#8ae08a;border-color:#3f6e3f;opacity:.9}.enchant-row-btn.st-warn{color:#e8c063;border-color:#6e5e2f;opacity:.9}.enchant-row-btn.st-fail{color:#e88a8a;border-color:#6e3f3f;opacity:.9}.htm-br{display:block;width:100%;height:0}.enchant-cast{position:relative;margin:0 14px 8px;height:26px;border:1px solid #39436a;border-radius:3px;background:#00000073;overflow:hidden;display:none}.enchant-cast.active{display:block}.enchant-cast-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(180deg,#7fa8ff,#3b5fbf);box-shadow:0 0 10px #6092ff99}.enchant-cast-bar.done-ok{background:linear-gradient(180deg,#9fe88a,#3e9e3e);box-shadow:0 0 12px #78e66ecc}.enchant-cast-bar.done-fail{background:linear-gradient(180deg,#f0b35e,#c26a1e);box-shadow:0 0 12px #f0a046cc}.enchant-cast-bar.done-crystal{background:linear-gradient(180deg,#c9cee0,#7d87a5);box-shadow:0 0 12px #c8cddcb3}.enchant-cast-text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;text-shadow:0 1px 2px #000;letter-spacing:1px}.enchant-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:2px;text-shadow:0 1px 3px #000}.enchant-fx.fx-ok{display:flex;color:#b8ffae;animation:enchantFxPop .7s ease-out}.enchant-fx.fx-fail{display:flex;color:#ffc878;animation:enchantFxShake .7s ease-in-out}.enchant-fx.fx-crystal{display:flex;color:#dfe4f0;animation:enchantFxPop .7s ease-out}@keyframes enchantFxPop{0%{transform:scale(.4);opacity:0}35%{transform:scale(1.25);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:.85}}@keyframes enchantFxShake{0%,to{transform:translate(0);opacity:1}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.enchant-crack{position:relative;width:36px;height:36px;flex:0 0 36px}.enchant-crack .crack-half{position:absolute;top:0;width:50%;height:100%;background-repeat:no-repeat;background-size:36px 36px;animation:crackSeparate .8s ease-in forwards}.enchant-crack .crack-l{left:0;background-position:left top;transform-origin:left center;clip-path:polygon(0 0,78% 0,66% 22%,82% 45%,64% 68%,76% 100%,0 100%)}.enchant-crack .crack-r{right:0;background-position:right top;transform-origin:right center;clip-path:polygon(22% 0,100% 0,100% 100%,24% 100%,36% 68%,18% 45%,34% 22%)}@keyframes crackSeparate{0%{transform:translate(0) rotate(0);opacity:1}25%{transform:translate(0) rotate(0);opacity:1}60%{opacity:1}to{transform:translate(var(--crack-dx)) rotate(var(--crack-rot));opacity:0}}.enchant-crack .crack-flash{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,180,.9),transparent 70%);animation:crackFlash .5s ease-out forwards;pointer-events:none}@keyframes crackFlash{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.6)}}.pledge-box{width:380px;max-width:94vw;max-height:76vh;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.pledge-head{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.pledge-title{flex:1;color:#ffd863;font-weight:700;font-size:16px}.pledge-leave{margin-right:12px;padding:3px 10px;font-size:12px;cursor:pointer;color:#ffb0b0;background:#3c181899;border:1px solid #8a4a4a;border-radius:3px;white-space:nowrap}.pledge-leave:hover{border-color:#e06060;color:#ffd0d0}.pledge-body{padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.pledge-info{display:flex;flex-direction:column;gap:3px;padding-bottom:10px;border-bottom:1px solid #2a3252}.pledge-name{color:#ffe9a8;font-size:16px;font-weight:700;letter-spacing:1px}.pledge-leader{color:#c9cee0;font-size:12px}.pledge-tags{color:#8b94ad;font-size:11px}.pledge-ally{color:#b08ad8;font-size:12px}.pledge-list-head{color:#9aa3bd;font-size:12px;letter-spacing:1px}.pledge-list{display:flex;flex-direction:column;gap:4px}.pledge-empty{padding:24px 0;text-align:center;color:#8b94ad;font-size:13px}.pledge-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #39436a;border-radius:3px;background:#0000004d}.pledge-row.self{border-color:#8a7438;background:#8a743826}.pledge-row.leader .pledge-mname{color:#ffd863}.pledge-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.pledge-dot.on{background:#6ae08a;box-shadow:0 0 5px #6ae08ab3}.pledge-dot.off{background:#555d75}.pledge-mname{flex:1;color:#e8ecff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pledge-mcls{color:#9aa3bd;font-size:11px;flex:0 0 auto}.pledge-mlv{color:#c9cee0;font-size:12px;flex:0 0 42px;text-align:right}.hud-coords{position:absolute;top:156px;left:0;width:150px;text-align:center;font-size:10px;color:#9aa3bd;letter-spacing:.5px;text-shadow:0 1px 2px #000;pointer-events:none}.item-action-menu{position:fixed;z-index:200;display:none;min-width:140px;padding:6px;background:linear-gradient(#1c2133,#141828);border:1px solid #b89a55;border-radius:4px;box-shadow:0 4px 18px #000000b3}.item-action-menu.show{display:block}.iam-head{color:#ffe9a8;font-size:12px;font-weight:700;padding:2px 4px 6px;white-space:nowrap;border-bottom:1px solid #39436a;margin-bottom:5px}.iam-qty{display:flex;align-items:center;gap:6px;margin-bottom:6px}.iam-qty label{color:#9aa3bd;font-size:11px}.iam-qty input{width:70px;background:#0e111a;border:1px solid #465573;color:#e8ecff;border-radius:3px;padding:2px 6px;font-size:12px}.iam-btns{display:flex;flex-direction:column;gap:4px}.iam-btn{padding:5px 10px;text-align:center;font-size:12px;font-weight:700;background:linear-gradient(180deg,#3d4a6e,#222c46);border:1px solid #6f7fb4;border-radius:3px;color:#dfe5ff;cursor:pointer;white-space:nowrap}.iam-btn:hover{border-color:#e8c873;color:#ffe89a}.iam-btn.danger{border-color:#8a4a4a;color:#ffb0b0}.iam-btn.danger:hover{border-color:#e06060;color:#ffd0d0}.confirm-box{border-color:#b89a55;max-width:340px}.confirm-title{font-size:15px;font-weight:700;color:#ffd863;margin-bottom:10px}.confirm-text{font-size:13px;color:#d3d9ee;line-height:1.7;margin-bottom:16px}.map-window .map-box{width:620px;max-width:94vw;max-height:88vh;display:flex;flex-direction:column;background:#0a0f18;border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.map-head{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none;flex:0 0 auto}.map-title{flex:1;color:#ffd863;font-weight:700;font-size:16px}.map-range{color:#dfe5ff;font-size:14px;margin-right:16px;letter-spacing:1px}.map-canvas{display:block;width:100%;height:520px;flex:1 1 auto;min-height:320px}.map-tip-name{position:fixed;left:0;top:0;z-index:300;display:none;padding:3px 8px;font-size:12px;color:#ffe9a8;white-space:nowrap;background:#0a0e18eb;border:1px solid #8a7438;border-radius:3px;pointer-events:none}.map-tip-name.show{display:block}.map-canvas{cursor:default}.map-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:8px 14px;color:#c9cee0;font-size:12px;background:#0e1422e6;border-top:1px solid #39436a;flex:0 0 auto}.map-legend i{display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:middle}.lg-self{background:#ffd863}.lg-npc{background:#6ae89a}.lg-mon{background:#e86a6a}.lg-ply{background:#6a9ee8}.map-tip{color:#8b94ad;font-size:11px}.set-box{width:360px;max-width:94vw;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.set-head{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.set-title{flex:1;color:#ffd863;font-weight:700;font-size:16px}.set-body{padding:14px;display:flex;flex-direction:column;gap:12px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.set-label{color:#c9cee0;font-size:13px}.set-tip{color:#6d7693;font-size:11px}.set-sub{color:#9aa3bd;font-size:12px;margin-top:8px}.set-row-right{display:flex;align-items:center;gap:10px}.set-range{width:110px;accent-color:#e8c873;cursor:pointer}.set-keymap{display:flex;flex-wrap:wrap;gap:8px}.keybind{display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:12px;color:#c9cee0;cursor:pointer;white-space:nowrap;background:#121624d1;border:1px solid #3a4a66;border-radius:4px}.keybind:hover{border-color:#e8c873;color:#ffe89a}.keybind b{min-width:30px;text-align:center;padding:1px 8px;font-size:12px;color:#ffd863;background:#0e111a;border:1px solid #465573;border-radius:3px}.wh-box{width:560px;max-width:96vw;max-height:80vh;display:flex;flex-direction:column;background:linear-gradient(#1c2133,#141828);border:2px solid #6f7fb4;border-radius:4px;box-shadow:0 0 30px #000000b3;pointer-events:auto}.wh-head{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #39436a;background:linear-gradient(180deg,#31406a,#222c4a);cursor:move;-webkit-user-select:none;user-select:none}.wh-title{flex:1;color:#ffd863;font-weight:700;font-size:16px}.wh-sub{display:flex;justify-content:space-between;padding:8px 14px;color:#c9cee0;font-size:12px;border-bottom:1px solid #2a3252}.wh-cols{display:flex;gap:10px;padding:10px 14px 14px;overflow:hidden;flex:1;min-height:0}.wh-col{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.wh-col-head{color:#9aa3bd;font-size:12px;text-align:center;letter-spacing:1px}.wh-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;min-height:200px}.wh-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #39436a;border-radius:3px;background:#0000004d;cursor:pointer}.wh-row:hover{border-color:#e8c873;background:#e8c87314}.wh-row-ic{width:32px;height:32px;object-fit:contain;flex:0 0 32px}.wh-row-ic.broken{display:none}.wh-row-info{flex:1;min-width:0;display:flex;flex-direction:column}.wh-row-name{color:#e8ecff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-row-cnt{color:#d8b25a;font-size:11px}.wh-empty{padding:24px 0;text-align:center;color:#8b94ad;font-size:12px}html,body{overscroll-behavior:none}.mobile-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:450;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.mobile-ui button{padding:0;font-family:inherit;-webkit-user-select:none;user-select:none}.joy-base{--joy-size: clamp(104px, 29vmin, 132px);position:absolute;left:clamp(18px,5vmin,30px);bottom:clamp(104px,24vmin,132px);width:var(--joy-size);height:var(--joy-size);border-radius:50%;pointer-events:auto;touch-action:none;background:radial-gradient(circle,#1e263e6b,#141a2c47 62%,#141a2c0d);border:2px solid rgba(216,178,90,.55);box-shadow:inset 0 0 18px #00000073}.joy-base.active{border-color:#f5d98ce6}.joy-knob{position:absolute;left:50%;top:50%;--knob-size: calc(var(--joy-size) * .42);width:var(--knob-size);height:var(--knob-size);margin:calc(var(--knob-size) / -2) 0 0 calc(var(--knob-size) / -2);border-radius:50%;background:radial-gradient(circle at 38% 32%,#6b7696,#2c3450 70%,#1d2438);border:2px solid rgba(216,178,90,.75);box-shadow:0 3px 10px #00000080}.mcombat{position:absolute;right:clamp(60px,15vmin,76px);bottom:clamp(60px,15vmin,76px);width:0;height:0}.mattack{position:absolute;left:0;top:0;--atk-size: clamp(86px, 20vmin, 106px);width:var(--atk-size);height:var(--atk-size);transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;touch-action:none;font-size:calc(var(--atk-size) * .29);font-weight:800;letter-spacing:calc(var(--atk-size) * .04);text-indent:calc(var(--atk-size) * .04);color:#f5d98c;background:radial-gradient(circle at 36% 30%,#3c5a86,#1d2c47 68%,#141d31);border:3px solid rgba(216,178,90,.85);box-shadow:0 4px 14px #0000008c,inset 0 0 16px #0006}.mattack.pressed{background:radial-gradient(circle at 36% 30%,#5477a8,#273b5e 68%,#141d31)}.mskill-wrap{position:absolute;left:0;top:0;pointer-events:none}.mskill{--sk-size: clamp(48px, 11.5vmin, 62px);width:var(--sk-size);height:var(--sk-size);border-radius:50%;overflow:hidden;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 38% 32%,#44527a,#232c44 70%,#181f31);border:2px solid rgba(216,178,90,.7);box-shadow:0 3px 9px #00000080}.mskill.pressed{transform:scale(.88);border-color:#f5d98c}.mskill.empty{opacity:.55}.mskill.cooling{filter:grayscale(.7) brightness(.7)}.mskill-icon{position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;pointer-events:none}.mskill-key{position:absolute;left:0;right:0;bottom:2px;font-size:clamp(10px,2.4vmin,12px);font-weight:700;color:#f5d98c;text-shadow:0 1px 2px #000;pointer-events:none}.mskill.empty .mskill-icon{display:none}body.is-mobile-ui{touch-action:manipulation}body.is-mobile-ui .joy-base{left:14px;bottom:188px;--joy-size: clamp(96px, 26vmin, 120px)}body.is-mobile-ui .mcombat{right:calc(clamp(86px,20vmin,106px)/2 + 10px);bottom:calc(64px + clamp(86px,20vmin,106px)/2)}body.is-mobile-ui .hud-chat{left:8px;bottom:6px;width:min(52vw,280px);font-size:11px;gap:3px}body.is-mobile-ui .chat-toggle{position:absolute;right:2px;top:0;z-index:2;height:22px;min-width:30px;padding:0 6px;font-size:11px;font-weight:700;color:#ffd863;background:#201c0eeb;border:1px solid #6a5a2c;border-radius:4px;pointer-events:auto}body.is-mobile-ui .hud-chat.chat-collapsed{width:auto;background:none}body.is-mobile-ui .hud-chat.chat-collapsed .chat-tabs,body.is-mobile-ui .hud-chat.chat-collapsed .chat-lines,body.is-mobile-ui .hud-chat.chat-collapsed .chat-inputrow{display:none}body.is-mobile-ui .hud-chat.chat-collapsed .chat-toggle{position:static;height:30px;min-width:56px;font-size:13px}body.is-mobile-ui .chat-lines{height:76px;padding:4px 6px;line-height:1.35}body.is-mobile-ui .chat-tab{height:22px;padding:0 7px;font-size:10px}body.is-mobile-ui #chat-input{height:28px;font-size:12px}body.is-mobile-ui .hud-hint{display:none}body.is-mobile-ui .scbar{bottom:calc(8px + env(safe-area-inset-bottom,0px));left:50%;right:auto;transform:translate(-50%) scale(.68);transform-origin:50% 100%;z-index:460}body.is-mobile-ui .scbar.user-moved{right:auto;bottom:auto;transform:scale(.68);transform-origin:top left;z-index:460}body.is-mobile-ui .scbar-row{flex-wrap:nowrap;width:max-content}body.is-mobile-ui .scbar-cell{flex:0 0 40px;min-width:40px}body.is-mobile-ui .scbar-rows{overflow-x:auto;overflow-y:hidden;max-width:72vw;-webkit-overflow-scrolling:touch}body.is-mobile-ui .scbar-controls{display:flex;gap:4px;justify-content:center;position:absolute;right:2px;top:0;z-index:2}body.is-mobile-ui .scbar-controls button{width:24px;height:22px;min-height:0;padding:0;margin:0;font-size:14px;line-height:20px;letter-spacing:0;border-radius:3px;pointer-events:auto;touch-action:manipulation}body.is-mobile-ui .scbar-drag{width:100%;min-width:0;height:22px;line-height:20px;font-size:14px;padding-right:56px;box-sizing:border-box}body.is-mobile-ui .scbar.dragging{z-index:1500}body.is-mobile-ui .hud-menus{top:122px;bottom:258px;right:8px;gap:5px;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}body.is-mobile-ui .hud-menus::-webkit-scrollbar{display:none}body.is-mobile-ui .hud-menu{width:clamp(38px,10.5vmin,44px);height:clamp(38px,10.5vmin,44px);font-size:13px;border-radius:6px;flex:0 0 auto}body.is-mobile-ui .hud-menu-wide{width:clamp(44px,12vmin,50px);font-size:13px}body.is-mobile-ui .hud-action-menu{right:56px;width:118px}body.is-mobile-ui .hud-action-menu button{padding:8px 6px;font-size:12px}body.is-mobile-ui .hud-radar{width:108px;height:108px}body.is-mobile-ui .hud-topleft{width:min(46vw,210px);top:10px;left:10px}body.is-mobile-ui .buff-bar{left:10px;top:132px;max-width:44vw;max-height:30dvh;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}body.is-mobile-ui .buff-bar-head{cursor:grab;touch-action:none;padding:0 2px 4px;font-size:10px;letter-spacing:1px}body.is-mobile-ui .buff-grid{grid-template-columns:repeat(8,26px);grid-auto-rows:26px;gap:2px}body.is-mobile-ui .buff-cell{width:26px;height:26px}.buff-bar.collapsed{max-height:none;max-width:none;overflow:visible}.buff-bar.collapsed .buff-grid,.buff-bar.collapsed .buff-tip{display:none}.buff-bar-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.buff-bar-toggle{flex:0 0 auto;min-width:26px;height:18px;padding:0 5px;font-size:10px;line-height:1;color:#ffd863;background:#0006;border:1px solid #6a5a2c;border-radius:3px;cursor:pointer}body.is-mobile-ui .shop-window{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:500;background:#04060c9e;padding:10px;display:none;align-items:center;justify-content:center}body.is-mobile-ui .shop-window.show{display:flex}body.is-mobile-ui .inv-box,body.is-mobile-ui .set-box,body.is-mobile-ui .wh-box,body.is-mobile-ui .shop-box,body.is-mobile-ui .npc-dialog-box,body.is-mobile-ui .modal-box{width:auto!important;min-width:0;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:0!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important}body.is-mobile-ui .inv-box{font-size:11px;width:min(340px,calc(100vw - 20px))!important}body.is-mobile-ui .inv-head{padding:6px 9px;gap:6px}body.is-mobile-ui .inv-money{font-size:10px;margin-right:0}body.is-mobile-ui .inv-body{flex-direction:column;gap:8px;padding:8px;overflow-y:auto;-webkit-overflow-scrolling:touch}body.is-mobile-ui .inv-paper{flex:0 0 auto;grid-template-columns:32px 3px repeat(5,32px);grid-template-rows:repeat(3,32px);gap:3px;align-self:center}body.is-mobile-ui .inv-right{width:100%;min-width:0;gap:5px}body.is-mobile-ui .inv-grid{grid-template-columns:repeat(auto-fill,42px);justify-content:center;gap:4px;max-height:46dvh}body.is-mobile-ui .inv-ic img{width:86%;height:86%}body.is-mobile-ui .inv-cnt{font-size:9px}body.is-mobile-ui .inv-enchant,body.is-mobile-ui .inv-grade{font-size:8px}body.is-mobile-ui .inv-tab{min-width:0;flex:1;padding:0 4px;height:28px;font-size:11px}body.is-mobile-ui .inv-hint{font-size:10px}body.is-mobile-ui .inv-head,body.is-mobile-ui .buff-bar-head,body.is-mobile-ui .set-head,body.is-mobile-ui .wh-head,body.is-mobile-ui .shop-head,body.is-mobile-ui .party-head,body.is-mobile-ui .map-head,body.is-mobile-ui .npc-dialog-head{touch-action:none}body.is-mobile-ui .npc-dialog{align-items:stretch}body.is-mobile-ui .npc-dialog.large .npc-dialog-box{width:100vw!important;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:none;border-right:none}body.is-mobile-ui .npc-dialog.large .npc-dialog-head{position:sticky;top:0;z-index:2;flex:0 0 auto;padding-top:calc(10px + env(safe-area-inset-top,0px));background:linear-gradient(180deg,#181c2cfc,#141827fc)}body.is-mobile-ui .npc-dialog.large .npc-dialog-close{font-size:26px;padding:4px 8px;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}body.is-mobile-ui .npc-dialog.large .npc-dialog-body{flex:1 1 auto;min-height:0}.inv-slot{touch-action:none}.inv-slot.touch-dragging{opacity:.45}.inv-drag-ghost{width:48px;height:48px}.inv-drag-ghost img{width:100%;height:100%;object-fit:contain}.zone-title{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%);z-index:400;pointer-events:none;font:700 34px Microsoft YaHei,sans-serif;letter-spacing:6px;color:#ffe9b0;text-shadow:0 0 10px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.95),0 0 22px rgba(216,178,90,.55);opacity:0;white-space:nowrap}.zone-title.play{animation:ztShow 3s ease forwards}@keyframes ztShow{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.02)}}