@font-face{font-family:Pixelify Sans;src:url(../fonts/pixelify-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(../fonts/pixelify-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(../fonts/vt323-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(../fonts/vt323-400.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:m6x11;src:url(../fonts/m6x11-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:m6x11;src:url(../fonts/m6x11-400.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pixel Operator;src:url(../fonts/pixeloperator-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pixel Operator;src:url(../fonts/pixeloperator-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Reggae One;src:url(../fonts/reggaeone-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #0a0703;--panel: #1b130a;--panel-2: #241a10;--panel-3: #2f2315;--panel-grad: linear-gradient(170deg, #211608 0%, #150d05 60%, #0c0703 100%);--border: #6f5a2a;--border-soft: #4e3d1d;--text: #f0ebd8;--txt: #f0ebd8;--muted: #998d6a;--accent: #ffd100;--gold: #ffd100;--gold-dim: #c8a838;--good: #1eb838;--danger: #c0392b;--hp: #e5484d;--xp: #3aa0ff;--t1: #9aa0ad;--t2: #4caf50;--t3: #3aa0ff;--t4: #a456f0;--t5: #ffd100;--r-common: #f2f2f2;--r-uncommon: #66dd55;--r-rare: #3a9bff;--r-heroic: #ffd23a;--r-unique: #ff9d4d;--r-celestial: #ff4d4d;--r-epic: #b25cff;--r-legendary: #ffc21f;--sb-track: rgba(12, 8, 4, .7);--sb-thumb: #5c4722;--sb-thumb-2: #3a2d15;--sb-thumb-hover: #ffd100;--sb-thumb-hover-2: #b8861f;--sb-border: #7c6233}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}*,*:before,*:after{border-radius:0!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--sb-track, rgba(0, 0, 0, .4))}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sb-thumb, #4a4a4a),var(--sb-thumb-2, #241a10));border:1px solid var(--sb-border, #4e3d1d)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--sb-thumb-hover, var(--accent)),var(--sb-thumb-hover-2, #b8861f))}button,input,select,textarea{font-family:inherit}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:VT323,Pixelify Sans,Segoe UI,system-ui,"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:19px;letter-spacing:.3px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--text);background:var(--bg)}#app{position:relative}:root{--tb: 34px;--hud-h: 46px;--uivw: 1vw;--uivh: 1vh}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--tb)}body.mini #game-canvas{top:var(--tb)}#game-canvas canvas{display:block;width:100%;height:100%}#ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--tb);pointer-events:none}.titlebar{position:fixed;top:0;left:0;right:0;height:var(--tb);display:flex;align-items:center;justify-content:flex-end;gap:3px;padding:0 4px 0 8px;background:none;border-bottom:none;box-shadow:none;z-index:1000;-webkit-app-region:drag;app-region:drag}.titlebar .tb-name{position:absolute;left:8px;font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap;pointer-events:none}.titlebar .tb-version{position:absolute;left:150px;font-size:11px;color:var(--muted);opacity:.55;font-weight:600;white-space:nowrap;pointer-events:none}body.mini .titlebar .tb-version{display:none!important}.screen .card .login-version{margin-top:12px;text-align:center;font-size:11px;color:var(--muted);opacity:.5}.screen .card .google-box{display:flex;flex-direction:column;align-items:center;gap:8px}.screen .card .google-box:empty{display:none}.screen .card .login-sep{margin-top:6px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);opacity:.55}.screen .card .google-box .gbtn{display:flex;justify-content:center}.screen .card .offline-box{display:flex;flex-direction:column;gap:8px}.screen .card .offline-box:empty{display:none}.screen .card .offline-warn{font-size:13px;line-height:1.4;text-align:center;color:var(--warn, #e6a23c)}.screen .card .offline-actions{display:flex;gap:8px}.screen .card .offline-actions button{flex:1}.error.warn{color:var(--warn, #e6a23c)}.frozen-banner{position:fixed;top:0;left:0;right:0;display:none;align-items:center;justify-content:center;gap:12px;padding:8px 14px;background:#781e1ef5;color:#ffe;font-size:13px;text-align:center;z-index:500;box-shadow:0 2px 10px #00000080}.frozen-banner.show{display:flex}.frozen-banner button{padding:4px 12px}.event-banner{position:fixed;left:50%;bottom:84px;transform:translate(-50%);display:none;max-width:92vw;padding:6px 48px;color:#fff7e0;font-size:12.5px;font-weight:600;text-align:center;white-space:nowrap;pointer-events:none;z-index:60;background:linear-gradient(90deg,#78581800,#9c7320f2 13%,#9c7320f2 87%,#78581800);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 89%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 89%,transparent 100%);text-shadow:0 1px 2px rgba(0,0,0,.6)}.event-banner.show{display:block}body.mini .event-banner{display:none!important}.titlebar .tb-title{position:absolute;left:50%;transform:translate(-50%);max-width:60%;text-align:center;font-size:14px;color:var(--txt);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.titlebar button{-webkit-app-region:no-drag;app-region:no-drag;flex:0 0 auto;padding:3px 6px;font-size:14px;line-height:1;background:transparent;border:none}.titlebar button:hover{background:var(--panel-2)}.titlebar button.close:hover{background:var(--hp);color:#fff}.screen{position:fixed;top:var(--tb);left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;z-index:200;background:radial-gradient(900px 480px at 50% -10%,rgba(64,42,16,.9) 0%,transparent 60%),radial-gradient(700px 420px at 12% 85%,rgba(120,70,16,.18),transparent 60%),radial-gradient(700px 420px at 88% 80%,rgba(120,70,16,.15),transparent 60%),var(--bg);overflow:auto;padding:16px}.screen.open{display:flex}.card{position:relative;background:linear-gradient(170deg,#211608,#150d05 60%,#0c0703) padding-box,linear-gradient(165deg,#d9b96b,#7a5e28 32%,#4e3d1d 58%,#a9832e) border-box;border:2px solid transparent;outline:1px solid #000;border-radius:6px;padding:18px;width:340px;max-width:100%;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px #0009,inset 0 0 26px #00000073,inset 0 1px #ffffff14}.card:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(190,152,74,.22);pointer-events:none}.card h2{font-size:19px;font-weight:700;text-align:center;color:var(--gold);text-shadow:0 1px 2px #000,0 0 10px rgba(255,209,0,.18);letter-spacing:.5px}.card .sub{font-size:14px;color:var(--muted);text-align:center}.field{display:flex;flex-direction:column;gap:3px}.field label{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field-err{font-size:12px;color:var(--danger, #e5484d);min-height:14px;line-height:14px}.field-err:empty{min-height:0}.item-sort{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 8px}.item-sort .sort-btn{flex:1 1 auto;min-width:62px;background:var(--panel-2, #1a130a);color:var(--muted, #b9a77f);border:1px solid var(--border, #4e3d1d);border-radius:6px;padding:4px 6px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:border-color .12s ease,color .12s ease,background .12s ease}.item-sort .sort-btn:hover{border-color:var(--accent, #d9a441)}.item-sort .sort-btn.on{color:#fff;border-color:var(--accent, #d9a441);background:#d9a4412e}.item-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}.item-filters .item-filter{flex:1 1 auto;min-width:84px;background:var(--panel-2, #1a130a);color:var(--text);border:1px solid var(--border, #4e3d1d);border-radius:6px;padding:4px 6px;font-size:13px}input[type=text],input[type=password]{width:100%;padding:7px 9px;background:#130c06;border:1px solid var(--border-soft);border-radius:4px;color:var(--text);font-family:inherit;font-size:16px;box-shadow:inset 0 1px 3px #0009}input:focus{outline:none;border-color:var(--gold-dim);box-shadow:inset 0 1px 3px #0009,0 0 0 2px #ffd1002e}.row{display:flex;gap:6px}.row>*{flex:1}.error{color:var(--hp);font-size:14px;text-align:center;min-height:14px}.link{background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;text-decoration:underline}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.class-card{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;padding:10px;cursor:pointer;text-align:center}.class-card:hover{border-color:var(--accent)}.class-card.sel{border-color:var(--accent);box-shadow:0 0 0 2px #f0b42940}.class-card .ico{font-size:26px}.class-card .ico.glyph-img{width:44px;height:44px;margin:0 auto}.class-card .cname{font-weight:600;margin:4px 0}.class-card .cdesc{font-size:14px;color:var(--muted)}.slot-card{position:relative}.slot-del{position:absolute;top:6px;right:6px;padding:2px 6px;font-size:13px;background:transparent;border:none;cursor:pointer;opacity:.5}.slot-del:hover{opacity:1}.options-card{width:280px}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:8px}input[type=range]{-webkit-app-region:no-drag;flex:1}.opt-range{max-width:160px}.opt-range-val{min-width:22px;text-align:right;color:var(--gold, #e8c07d);font-weight:700}.lang-select{-webkit-app-region:no-drag;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-family:inherit;font-size:14px}.lobby-overlay{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#20180ef2;border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:none;flex-direction:column;gap:8px;align-items:center;min-width:280px;box-shadow:0 8px 24px #00000080}.lobby-overlay.open{display:flex}.lobby-title{font-weight:700;font-size:15px;letter-spacing:.5px}.lobby-overlay .row{width:100%}.lobby-hero{display:flex;align-items:center;gap:10px;width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.lobby-hero-icon{font-size:30px;line-height:1;width:40px;text-align:center;flex:0 0 40px}.lobby-hero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lobby-hero-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.lobby-hero-name{font-weight:700;font-size:14px}.lobby-hero-level{font-size:14px;color:var(--gold);font-weight:700}.lobby-hero-class{font-size:14px;color:var(--muted)}.lobby-hp{position:relative;height:14px;border-radius:7px;background:linear-gradient(#130c06,#130c06) padding-box,linear-gradient(180deg,#785a28,#c6a86d) border-box;border:1px solid transparent;overflow:hidden;margin-top:2px}.lobby-hp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#ff9598 0%,var(--hp) 48%,#7e181d 100%);box-shadow:inset 0 0 8px #ffdcdc4d,0 0 10px #e5484d59;transition:width .2s ease;overflow:hidden}.lobby-hp-fill:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,246,230,.45),transparent);animation:tf-sheen 2.6s ease-in-out infinite;pointer-events:none}.lobby-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.8)}.lobby-stage{font-size:14px;color:var(--accent);font-weight:700;padding:2px 0}.lobby-actions{display:flex;gap:8px}.lobby-map{flex:0 0 auto}.lobby-hunt{flex:1;font-size:16px;padding:10px 14px}.opt-inline{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:4px;cursor:pointer}body.mini .hud,body.mini .panel,body.mini .map-screen,body.mini .smith-screen,body.mini .shop-screen,body.mini .depot-screen,body.mini .tree-screen,body.mini .screen,body.mini .player-hud,body.mini .player-frame,body.mini .player-currency,body.mini #toasts{display:none!important}@media(max-height:320px){.player-hud,.player-frame,.player-currency{display:none!important}}body.mini .skillbar-bottom{display:none!important}body.mini .dura-alert{top:calc(var(--tb) + 3px)!important;bottom:auto!important;left:3px!important;right:auto!important;font-size:11px!important;padding:2px 6px!important;max-width:60%!important;z-index:70!important}body.mini .titlebar .tb-extra,body.mini .titlebar .tb-name{display:none!important}body.mini .titlebar{flex-wrap:nowrap!important}body.mini .titlebar .tb-mini,body.mini .titlebar .tb-win,body.mini .titlebar .close{flex:0 0 auto!important}#ui-overlay>*{pointer-events:auto}.hud{position:absolute;top:0;right:0;left:auto;height:var(--hud-h);display:flex;align-items:center;padding:6px 10px;background:none;z-index:50}.nav-tx{display:none!important}.hud .nav-btn{width:38px;height:38px;padding:5px;background:none!important;border:none!important;box-shadow:none!important;border-radius:8px;color:var(--gold, #e8c87a);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));transition:color .12s ease,transform .12s ease,background .12s ease}.hud .nav-btn .nav-ic{display:flex;width:100%;height:100%}.hud .nav-btn .nav-ic svg{width:100%;height:100%;display:block}.hud .nav-btn:hover{color:#fff;background:#00000047!important;transform:translateY(-1px)}.hud .nav-btn.active{color:var(--accent, #ffcf5a);background:#00000059!important}.hud .nav-btn.nav-fay{color:#ffe08a;background:radial-gradient(circle at 50% 50%,#ffcf5a47,#ffcf5a00 70%)!important;animation:fay-aura 2.2s ease-in-out infinite;margin-right:4px}.hud .nav-btn.nav-fay:hover{animation-play-state:paused}@keyframes fay-aura{0%,to{filter:drop-shadow(0 1px 2px rgba(0,0,0,.9)) drop-shadow(0 0 3px rgba(255,207,90,.55))}50%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(255,207,90,1))}}@media(prefers-reduced-motion:reduce){.hud .nav-btn.nav-fay{animation:none}}.tasks-toggle,.cos-toggle,.arena-toggle,.guild-toggle,.friends-toggle,.mail-toggle{display:none!important}.social-menu-wrap{position:relative;display:inline-flex}.hud .nav-btn.social-btn .social-emoji{font-size:20px;line-height:1;filter:none}.social-submenu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;display:flex;flex-direction:column;gap:2px;min-width:124px;z-index:400;background:#1c140c;border:1px solid #4a371f;border-radius:8px;padding:4px;box-shadow:0 8px 24px #0009}.social-subitem{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;white-space:nowrap;background:transparent;border:none;color:#e8dec8;font:inherit;font-size:13px;cursor:pointer;text-align:left}.social-subitem:hover{background:#2c2014;color:#e8c07d}.social-subitem .social-emoji{font-size:16px}.hud-row{display:flex;align-items:center;gap:12px}.hud-row .buttons{margin-left:auto}.hud-xp{position:relative;height:22px;background:#130c06;border:1px solid var(--border);box-shadow:inset 0 1px 3px #000000b3;overflow:hidden}.hud-xp>i{display:block;height:100%;background:linear-gradient(180deg,#ffffff47,#ffffff0a 45%,#0000002e),linear-gradient(90deg,#2d7dff,#3aa0ff 60%,#7cc4ff);transition:width .25s ease}.hud-xp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud .stat{display:flex;flex-direction:column;min-width:56px}.hud .stat .label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.hud .stat .value{font-weight:600}.hud .gold .value{color:var(--gold)}.hud .fay .value{color:#54d6ff;text-shadow:0 0 6px rgba(84,214,255,.45)}.hud .xpbar{flex:1;height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden}.hud .xpbar>i{display:block;height:100%;width:0%;background:var(--xp);transition:width .15s linear}.hud .buttons{display:flex;gap:4px}@keyframes tf-sheen{0%,55%{left:-45%}to{left:145%}}@media(prefers-reduced-motion:reduce){button.primary:after,.pf-hp-fill:after,.pf-xp-fill:after,.lobby-hp-fill:after{animation:none!important}}button{font-family:inherit;font-size:15px;color:var(--text);background:linear-gradient(180deg,#322415,#18110a);border:1px solid var(--border-soft);border-radius:4px;padding:5px 9px;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 1px 2px #00000080;transition:border-color .12s ease,filter .12s ease}button:hover{border-color:var(--gold-dim);filter:brightness(1.18)}button:active{filter:brightness(.92)}button:disabled{opacity:.4;cursor:default;filter:none}button.primary{position:relative;border-radius:4px;border:2px solid transparent;background:linear-gradient(180deg,#6b4e18,#43310e 55%,#2a1f08) padding-box,linear-gradient(165deg,#f7e3a0,#cfa952,#7a5e28 50%,#57431a 62%,#d9b96b 85%,#8a6a2e) border-box;color:#ffe9a8;font-weight:700;letter-spacing:.6px;text-shadow:0 1px 0 rgba(60,40,0,.9),0 0 10px rgba(255,214,90,.3);overflow:hidden}.cashshop-screen button.primary:after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,250,220,.26),transparent);animation:tf-sheen 4.8s ease-in-out infinite;pointer-events:none}button.primary:hover{filter:brightness(1.18) drop-shadow(0 0 8px rgba(255,200,70,.35))}.panel{position:absolute;top:calc(var(--hud-h) + 6px);bottom:8px;right:8px;width:min(260px,calc(96 * var(--uivw)));background:var(--panel-grad) padding-box,linear-gradient(165deg,#d9b96b,#7a5e28 32%,#4e3d1d 58%,#a9832e) border-box;border:2px solid transparent;outline:1px solid #000;border-radius:6px;display:none;flex-direction:column;overflow:hidden;box-shadow:0 2px 16px #000000bf,inset 0 0 24px #0006,inset 0 1px #ffffff14;backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05);z-index:65}.panel.open{display:flex}.panel.char-panel{right:8px;width:min(316px,calc(96 * var(--uivw)))}.panel.char-panel .panel-body{display:flex;flex-direction:column;overflow:hidden;gap:2px}.panel.stats-panel{right:auto;left:8px;top:200px;width:min(220px,calc(96 * var(--uivw)))}.panel.stats-panel .panel-body{overflow-x:hidden}.panel.stats-panel .char-grid{grid-template-columns:1fr}.panel .panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#c8a85c 18%,#f2dc9a 50%,#c8a85c 82%,transparent) 1;background:linear-gradient(180deg,rgba(255,209,0,.07),transparent);color:var(--gold);font-weight:700;letter-spacing:.4px;text-shadow:0 1px 1px #000,0 0 12px rgba(255,209,0,.22)}.panel .panel-body{flex:1;overflow-y:auto;padding:8px 10px}.panel .close{padding:2px 6px}.panel-head{display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#c8a85c 18%,#f2dc9a 50%,#c8a85c 82%,transparent) 1;background:linear-gradient(180deg,rgba(255,209,0,.07),transparent);color:var(--gold);font-weight:700;text-shadow:0 1px 1px #000}.panel-head>span:first-child{margin-right:auto}.panel-head .close{margin-left:auto;padding:2px 8px;font-size:15px;line-height:1;background:transparent;border:none;cursor:pointer}.panel-head .close:hover{background:var(--hp);color:#fff}.slot-row{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--border);border-radius:6px;margin-bottom:6px;background:var(--panel-2)}.slot-icon{width:28px;height:28px;border-radius:4px;background:#1a1209;display:flex;align-items:center;justify-content:center;font-size:14px}.slot-icon img,.tt-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.slot-info{flex:1;min-width:0}.slot-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-sub{font-size:14px;color:var(--muted)}.equip-xpbar{height:5px;background:#1a1209;border-radius:3px;overflow:hidden;margin-top:3px}.equip-xpbar>i{display:block;height:100%;background:var(--xp)}.slot-actions{display:flex;flex-direction:column;gap:3px}.slot-actions button{padding:2px 6px;font-size:14px}.tier-badge{display:inline-block;padding:0 5px;font-size:14px;font-weight:700;color:var(--text);background:var(--panel-2);border:1px solid var(--border)}.inv-section-title{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px}.inv-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border:1px solid var(--border);border-radius:6px;margin-bottom:4px;background:var(--panel-2)}.inv-item .grow{flex:1}.count-pill{background:#1a1209;border-radius:10px;padding:1px 7px;font-weight:600}.empty{color:var(--muted);font-style:italic;padding:8px 0}.inv-slot{width:60px;height:60px;flex:0 0 60px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:32px;position:relative;cursor:pointer;transition:border-color .12s ease}.inv-slot:hover{border-color:var(--accent)}.inv-slot.sel{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent)}.inv-slot.empty{background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.5),rgba(0,0,0,.12) 55%,transparent 75%),var(--panel-2);border-style:dashed;border-color:color-mix(in srgb,var(--border) 60%,transparent)}.inv-slot .slot-tier{position:absolute;top:2px;left:2px;font-size:13px;padding:0 3px}.inv-slot .slot-lvl{position:absolute;bottom:1px;right:3px;font-size:13px;color:var(--muted)}.inv-slot .slot-arrow{position:absolute;left:3px;bottom:2px;font-size:13px;line-height:1;font-weight:900;pointer-events:none;text-shadow:0 0 2px #000,0 0 3px #000}.inv-slot .slot-arrow.up{color:#5ad15a}.inv-slot .slot-arrow.down{color:#e5484d}.inv-slot.cant-equip .slot-img{filter:grayscale(1) brightness(.7)}.inv-slot .slot-equipped{position:absolute;top:1px;right:1px;font-size:8px;line-height:1;padding:1px 3px;background:#46af5feb;color:#0c130d;border-radius:3px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;pointer-events:none}.inv-slot .dur-bar{position:absolute;left:3px;right:3px;bottom:3px;height:3px;background:#3a0d0d;overflow:hidden}.inv-slot .dur-bar>i{display:block;height:100%;background:linear-gradient(90deg,#e5484d,#ffd100 55%,#5ad15a)}.inv-slot.broken{border-color:var(--hp);box-shadow:inset 0 0 0 1px var(--hp)}.inv-slot.broken .slot-img{opacity:.35;filter:grayscale(1)}.slot-img{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:28px}.slot-img img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.inv-slot .slot-count{position:absolute;bottom:1px;right:3px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 2px #000}.tibia-doll{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(4,60px);gap:6px;justify-content:center;margin:8px 0;grid-template-areas:"neck helm wing" "weap chest offhand" "r1 legs r2" ". boots ."}.inv-grid{display:flex;flex-wrap:wrap;gap:6px;margin:0}.inv-box-wrap{margin-bottom:8px}.inv-box-title{display:flex;align-items:center;justify-content:space-between}.inv-box-expand{font-size:11px;padding:2px 7px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;cursor:pointer;text-transform:none;letter-spacing:0}.inv-box-expand:hover{border-color:var(--accent)}.inv-box{border:1px solid var(--border);background:#0000002e;padding:4px;overflow-y:auto;overflow-x:hidden}.inv-box .inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:5px}.inv-box .inv-slot{width:100%;height:auto;aspect-ratio:1;flex:none}.inv-box-wrap.flex{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.inv-box.flex{flex:1 1 0;min-height:0}.inv-box::-webkit-scrollbar{width:10px}.inv-box::-webkit-scrollbar-track{background:var(--sb-track, rgba(0, 0, 0, .4));border-radius:0}.inv-box::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sb-thumb, #4a4a4a),var(--sb-thumb-2, #241a10));border:1px solid var(--sb-border, #4e3d1d);border-radius:0}.inv-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--sb-thumb-hover, var(--accent)),var(--sb-thumb-hover-2, #b8861f))}.item-detail{margin-top:8px;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2)}.item-actions{display:flex;gap:4px;margin-top:6px}.item-actions button{padding:3px 8px}.ui-tip{position:fixed;z-index:2100;max-width:260px;pointer-events:none;background:#170f08;border:1px solid #4e3d1d;border-radius:6px;box-shadow:0 6px 18px #0009;padding:6px 9px;font-size:14px;line-height:1.35;color:var(--text)}.item-tooltip{position:fixed;z-index:2000;width:224px;pointer-events:none;background:#170f08;border:2px solid #4e3d1d;border-radius:8px;box-shadow:0 8px 24px #000000a6;font-size:14px;color:var(--text)}.tt-head{display:flex;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid #4e3d1d}.tt-icon{width:38px;height:38px;flex:0 0 38px;border:1px solid #4e3d1d;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#1a1209}.tt-glyph{flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1}.tt-glyph img{display:block}.tt-iconimg{width:48px;height:48px;flex:0 0 48px;object-fit:contain;image-rendering:pixelated}.tt-name{font-weight:700;font-size:14px}.tt-sub{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.tt-sec{padding:8px 10px;border-bottom:1px solid #4e3d1d}.tt-row{display:flex;justify-content:space-between}.tt-row.tt-req.tt-ok{color:#5ad15a}.tt-row.tt-req.tt-no{color:var(--hp)}.tt-row.tt-req.tt-ok span,.tt-row.tt-req.tt-no span{color:inherit}.tt-xp{height:8px;background:#1a1209;border-radius:4px;overflow:hidden;margin-top:6px}.tt-xp>i{display:block;height:100%;background:var(--xp)}.tt-pct{text-align:center;font-size:14px;color:var(--muted);margin-top:2px}.tt-attrs{text-align:left}.tt-sec-title{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;text-align:left}.tt-attr{display:flex;align-items:baseline;gap:6px;text-align:left;font-weight:600;line-height:1.5}.tt-attr .tt-range{margin-left:auto;color:var(--text-dim, #8a8f9c);font-weight:400;font-size:11px;white-space:nowrap}.tt-delta{font-weight:800;font-size:12px;white-space:nowrap}.tt-delta.up{color:#6fe36f}.tt-delta.down{color:#ff6b6b}.tt-power .tt-delta{font-size:13px}.tt-foot{padding:7px 10px;font-size:14px;color:var(--accent);text-align:left}.tier-text-1{color:var(--t1)}.tier-text-2{color:var(--t2)}.tier-text-3{color:var(--t3)}.tier-text-4{color:var(--t4)}.tier-text-5{color:var(--t5)}.map-screen{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);width:min(1320px,calc(94 * var(--uivw)));height:min(840px,calc(84 * var(--uivh)));background:radial-gradient(circle at 70% 60%,rgba(0,0,0,.18),transparent 55%),var(--panel);display:none;flex-direction:column;overflow:hidden;z-index:150;border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 52px #0009}.map-screen.open{display:flex}.map-screen .panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);font-weight:600}.map-main{flex:1;display:flex;min-height:0;min-width:0}.map-huntlist{flex:0 1 240px;min-width:150px;border-right:1px solid var(--border);overflow-y:auto;background:var(--panel);padding:6px}.map-hunt-row{display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid transparent;cursor:pointer}.map-hunt-row:hover{background:var(--panel-2)}.map-hunt-row.active{background:var(--panel-2);border-color:var(--accent)}.map-hunt-row.current{border-color:var(--good)}.map-hunt-row.locked{opacity:.45;cursor:not-allowed}.map-hunt-row .mh-thumb{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.map-hunt-row .mh-img{max-width:100%;max-height:100%;image-rendering:pixelated}.map-hunt-row .mh-img.emoji{font-size:20px}.map-hunt-row .mh-nm{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-hunt-row .mh-nm small{display:block;color:var(--muted);font-size:11px}.map-track{flex:1;min-width:0;position:relative;overflow:hidden;cursor:grab;background:#265d93}.map-track.grabbing{cursor:grabbing}.map-edit-btn{padding:4px 10px;font-size:13px;background:var(--panel-2);border:1px solid var(--border);color:var(--txt);cursor:pointer}.map-edit-btn.on{background:var(--accent);color:#11141c;border-color:var(--accent);font-weight:700}.map-track.editing .map-node{cursor:move}.map-track.editing .node-ring{outline:2px dashed rgba(255,255,255,.55);outline-offset:2px}.map-plane{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-repeat:no-repeat;filter:saturate(.5) brightness(.82) contrast(.95)}.map-paths{position:absolute;left:0;top:0;pointer-events:none}.map-path-shadow{fill:none;stroke:#0000008c;stroke-width:9;stroke-linejoin:round;stroke-linecap:round}.map-path{fill:none;stroke:#f5e6bed9;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:2 9}.map-node{position:absolute;width:var(--msprite, 150px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;z-index:2}.node-ring{position:relative;width:var(--mslot, 132px);height:var(--mslot, 132px);background:#0e121ae6;border:2px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;transition:box-shadow .12s,border-color .12s,background .12s}.map-node .node-boss{width:var(--msprite, 150px);height:var(--msprite, 150px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}.map-node .node-boss.emoji{font-size:calc(var(--msprite, 150px) * .8);line-height:1;width:auto;height:auto}.map-node:hover .node-ring{border-color:var(--accent);box-shadow:0 0 14px 2px #f0b429b3}.map-node.current .node-ring{border-color:var(--accent);box-shadow:0 0 12px #f0b4298c}.map-node.selected .node-ring{border-color:#fff;box-shadow:0 0 14px 2px #ffffffb3}.map-node.locked{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.node-ring .node-id{position:absolute;top:-8px;left:-8px;background:var(--panel);border:1px solid var(--border);min-width:28px;height:26px;padding:0 7px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}.map-node-label{font-size:13px;color:var(--muted);margin-top:3px;max-width:180px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-detail{flex:0 1 480px;min-width:240px;border-left:1px solid var(--border);padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.map-detail .inv-box{padding:3px;overflow:visible}.map-detail .inv-box .inv-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:3px}.map-detail .inv-slot{border-width:1px}.map-detail .inv-slot .slot-img,.map-detail .inv-slot img{max-width:100%;max-height:100%}.map-cre-grid{display:flex;flex-wrap:wrap;gap:8px}.map-cre{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;border:1px solid var(--border);background:var(--panel-2);min-width:64px}.map-cre.boss{border-color:#7a3b3b;align-self:flex-start}.map-cre-name{font-size:12px;color:var(--txt);text-align:center}.map-cre.boss .map-cre-name{color:#ff7b7b}.map-cre-img{max-width:64px;max-height:64px;image-rendering:pixelated}.map-cre-img.emoji{font-size:30px;line-height:1}.map-foot{flex:0 0 auto;position:relative;height:66px;border-top:1px solid var(--border);background:var(--panel)}.map-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.map-toggles{position:absolute;top:50%;left:calc(50% + 180px);transform:translateY(-50%);display:flex;flex-direction:column;gap:4px}.map-play{padding:13px 64px;font-size:22px;font-weight:800;background:linear-gradient(180deg,#5fd36a,#2f9e3c);color:#08220c;border:1px solid #7fe98a;box-shadow:0 4px 14px #2f9e3c73;cursor:pointer;letter-spacing:2px;text-shadow:0 1px 0 rgba(255,255,255,.25)}.map-play:disabled{background:linear-gradient(180deg,#5a6066,#41464b);border-color:#6b7177;color:#cdd2d8;box-shadow:none;cursor:not-allowed}.map-play:not(:disabled):hover{filter:brightness(1.12)}.map-detail .empty{margin:auto;text-align:center}.chip-row{display:flex;flex-wrap:wrap;gap:4px}.chip{display:flex;align-items:center;gap:4px;background:var(--panel-2);border:1px solid var(--border);padding:2px 8px;font-size:14px}.chip-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 18px}.chip-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.chip.boss{border-color:var(--t4)}#toasts{position:absolute;bottom:8px;left:8px;display:flex;flex-direction:column;gap:4px}.toast{background:#20180ef2;border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:14px;animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.rarity-common{--rc: var(--r-common)}.rarity-uncommon{--rc: var(--r-uncommon)}.rarity-rare{--rc: var(--r-rare)}.rarity-heroic{--rc: var(--r-heroic)}.rarity-unique{--rc: var(--r-unique)}.rarity-celestial{--rc: var(--r-celestial)}.rarity-epic{--rc: var(--r-epic)}.rarity-legendary{--rc: var(--r-legendary)}.inv-slot.rarity-common,.inv-slot.rarity-uncommon,.inv-slot.rarity-rare,.inv-slot.rarity-heroic,.inv-slot.rarity-unique,.inv-slot.rarity-celestial,.inv-slot.rarity-epic,.inv-slot.rarity-legendary{border-color:var(--rc)}.inv-slot.rarity-common:after,.inv-slot.rarity-uncommon:after,.inv-slot.rarity-rare:after,.inv-slot.rarity-heroic:after,.inv-slot.rarity-unique:after,.inv-slot.rarity-celestial:after,.inv-slot.rarity-epic:after,.inv-slot.rarity-legendary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 32%,color-mix(in srgb,var(--rc) 42%,transparent) 105%);box-shadow:inset 0 0 0 2px var(--rc),0 0 3px color-mix(in srgb,var(--rc) 28%,transparent);z-index:1}.inv-slot .slot-arrow,.inv-slot .slot-tier,.inv-slot .slot-count,.inv-slot .slot-tag,.inv-slot .slot-lvl,.inv-slot .slot-equipped,.inv-slot .slot-img{z-index:2}.item-detail.rarity-uncommon,.item-detail.rarity-rare,.item-detail.rarity-heroic,.item-detail.rarity-unique,.item-detail.rarity-celestial,.item-detail.rarity-epic,.item-detail.rarity-legendary{border-left:3px solid var(--rc);padding-left:6px}.fusion-card{width:min(460px,92vw);max-height:86vh;overflow-y:auto}.fusion-slots{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0}.fusion-arrow{font-size:22px}.fusion-slot{width:92px;min-height:100px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:8px 4px;cursor:pointer;border-color:var(--rc, var(--border))}.fusion-slot.active{outline:2px solid var(--accent)}.fusion-slot-icon{width:48px;height:48px;image-rendering:pixelated}.fusion-slot-name{font-size:14px;text-align:center;color:var(--rc, var(--text));line-height:1.1}.fusion-slot-meta{font-size:14px;color:var(--muted)}.fusion-slot-empty{font-size:32px;color:var(--muted);margin:14px 0}.fusion-slot-label{margin-top:auto;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.fusion-xp{text-align:center;color:var(--xp);margin:6px 0 10px}.fusion-grid{margin-top:6px}.fusion-cell-icon{width:100%;height:100%;image-rendering:pixelated}.fusion-eq-badge{position:absolute;top:1px;left:2px;font-size:13px;color:var(--gold);font-weight:700}.fusion-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.smith-screen{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);width:min(960px,calc(92 * var(--uivw)));height:min(700px,calc(94 * var(--uivh)));background:radial-gradient(circle at 70% 60%,rgba(0,0,0,.18),transparent 55%),var(--panel);display:none;flex-direction:column;overflow:hidden;z-index:150;border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 52px #0009}.smith-screen.open{display:flex}.smith-body{flex:1;display:flex;min-height:0;padding:12px 14px}.smith-list{flex:0 0 250px;border-left:1px solid var(--border);overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.smith-stage{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;min-height:0;overflow:hidden}.smith-npc{position:absolute;right:18px;bottom:0;height:88%;max-width:42%;object-fit:contain;image-rendering:auto;opacity:.96;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));pointer-events:none;z-index:0}.smith-counters{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;background:#1e160db3;border:1px solid var(--border);padding:5px 12px;z-index:1}.smith-counter{font-size:16px;font-weight:700}.smith-empty{color:var(--muted);margin-top:40px;z-index:1}.smith-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:#20180eeb;border:1px solid var(--border);padding:8px 18px;min-width:320px;z-index:1}.smith-podium{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1a1209,#241a10);border:2px solid var(--border);box-shadow:inset 0 0 18px #000000b3}.smith-repair-corner{position:absolute;top:6px;right:6px;display:flex;gap:3px;z-index:3}.smith-corner-btn{display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px;padding:2px 3px;min-width:26px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font-family:inherit}.smith-corner-btn:hover:not(:disabled){border-color:var(--accent)}.smith-corner-btn:disabled{opacity:.4;cursor:default}.smith-corner-btn.urgent{border-color:var(--hp);box-shadow:0 0 6px #e5484d8c}.smith-corner-btn .scb-ic{font-size:14px}.smith-corner-btn .scb-cost{font-size:10px;color:var(--muted)}.smith-item-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:40px}.smith-item-icon img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}.smith-pulse{animation:smith-forge .7s ease}@keyframes smith-forge{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.18);filter:brightness(2.4) drop-shadow(0 0 12px var(--accent))}to{transform:scale(1);filter:brightness(1)}}.smith-item-name{font-size:18px;font-weight:700;text-align:center}.smith-item-meta{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--muted);font-size:13px}.smith-broken{color:var(--hp);font-weight:700}.smith-xp{position:relative;width:260px;height:14px;background:#130c06;border:1px solid var(--border);overflow:hidden}.smith-xp>i{display:block;height:100%;background:linear-gradient(90deg,#2d7dff,#3aa0ff 60%,#7cc4ff);transition:width .2s ease}.smith-xp>i.full{background:linear-gradient(90deg,#ffd100,#ffd24a)}.smith-xp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}.smith-dur-mini{width:150px;height:4px;background:#2a0e0e;border:1px solid var(--border);overflow:hidden;margin:0 auto}.smith-dur-mini>i{display:block;height:100%;background:#5ad15a}.smith-dur-line{font-size:14px;color:var(--muted)}.smith-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.smith-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:88px;padding:6px 8px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:inherit}.smith-btn:hover:not(:disabled){border-color:var(--accent)}.smith-btn:disabled{opacity:.4;cursor:default}.smith-btn.urgent{border-color:var(--hp);box-shadow:0 0 8px #e5484d80}.smith-btn-icon{font-size:24px}.smith-btn-label{font-size:13px}.smith-btn-sub{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap}.smith-btn.confirm{border-color:#52c257;background:#2f7d3259;box-shadow:0 0 8px #52c25780}.smith-btn.confirm .smith-btn-label{color:#7fe98a;font-weight:700}.smith-repair-row{margin-top:auto;z-index:1;display:flex;gap:8px;width:100%;max-width:520px}.smith-repair-all{flex:1;z-index:1;padding:7px 12px;font-size:14px}.tree-screen{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);width:min(1240px,calc(94 * var(--uivw)));height:min(860px,calc(84 * var(--uivh)));background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.15),transparent 60%),var(--panel);display:none;flex-direction:column;overflow:hidden;z-index:150;border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 52px #0009}.tree-screen.open{display:flex}.tree-body{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.tree-top{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:#1e160d99}.tree-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tree-points{font-size:18px;font-weight:700;color:var(--accent)}.tree-reset{padding:4px 10px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:3px}.tree-apply{padding:5px 14px;background:#2f7d32;border:1px solid #52c257;color:#fff;font-weight:700;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;gap:3px}.tree-apply:hover{background:#37963b}.tree-cancel{padding:5px 12px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:4px}.tree-cancel:hover{border-color:var(--hp);color:var(--text)}.tree-bar-wrap{display:flex;align-items:center;gap:10px}.tree-bar-label{color:var(--muted);font-size:14px}.skillbar{display:flex;gap:8px}.skillbar-slot{width:96px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid var(--border);background:var(--panel-2);cursor:pointer}.skillbar-slot.empty{opacity:.5;cursor:default}.skillbar-slot:not(.empty){border-color:var(--accent)}.sb-icon{font-size:24px}.sb-name{font-size:14px;color:var(--muted)}.tree-scroll{flex:1;overflow:hidden;position:relative;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 38%,#1c1548,#100b2c 52%,#06040f)}.tree-galaxy{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.tree-plane{z-index:1}.tree-star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 3px #c8dcffb3;animation:tree-twinkle var(--tw, 2s) ease-in-out infinite alternate}@keyframes tree-twinkle{0%{opacity:.16}to{opacity:1}}.tree-particle{position:absolute;bottom:-8px;border-radius:50%;filter:blur(.3px);animation:tree-rise var(--ri, 10s) linear infinite}@keyframes tree-rise{0%{transform:translateY(0);opacity:0}12%{opacity:.85}85%{opacity:.7}to{transform:translateY(-820px);opacity:0}}.tree-scroll.grabbing{cursor:grabbing}.tree-plane{position:absolute;top:0;left:0;width:1760px;height:1700px;transform-origin:0 0}.tree-zoom{display:flex;gap:4px}.tree-zoom button{padding:2px 10px;font-size:16px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer}.tree-edges{position:absolute;top:0;left:0;pointer-events:none}.tree-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:var(--panel-2, #12100b);border:2px solid var(--border, #39414f);border-radius:6px;box-shadow:inset 0 0 8px #0000008c,0 1px 3px #0009;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-node.active{width:72px;height:72px;border-width:3px;border-color:#c99a2e;box-shadow:0 0 16px #ffc85073,inset 0 0 10px #00000080}.tree-node.active .tn-icon{font-size:38px}.tree-node.active:after{content:"★";position:absolute;top:-7px;right:-7px;font-size:14px;color:var(--accent);text-shadow:0 0 3px #000}.tree-node.passive{width:42px;height:42px;border-color:#2c4a6e}.tree-node.passive .tn-icon{font-size:20px}.tree-node.off{cursor:default}.tree-node.can{border-color:#5ad15a!important;box-shadow:0 0 10px #5ad15aa6}.tree-node.cant-afford{border-color:#d9a441!important;box-shadow:0 0 8px #d9a4418c}.tree-node.staged{border-color:#ffca4a!important;border-style:dashed!important;box-shadow:0 0 12px #ffca4ab3}.tn-cost{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#1a130a;border:1px solid var(--gold, #e8c87a);color:var(--gold, #e8c87a);font-size:11px;font-weight:700;line-height:14px;text-align:center;pointer-events:none}.tree-node:not(.on) .tn-icon{opacity:.5;filter:grayscale(.45) brightness(.85)}.tree-node.off .tn-icon{opacity:.28}.tree-node.on .tn-icon{opacity:1!important;filter:none!important}.tree-node.on.active{border-color:var(--accent)!important;background:radial-gradient(circle at 50% 38%,#6a591f,#2a2410)!important;box-shadow:0 0 18px #f0b429e6,inset 0 0 12px #f0b42966}.tree-node.on.passive{border-color:#5ab0ff!important;background:radial-gradient(circle at 50% 38%,#1f4675,#0e1a2a)!important;box-shadow:0 0 14px #4aa5ffd9,inset 0 0 10px #4aa5ff59}.tree-node.inbar{box-shadow:0 0 0 3px var(--accent),0 0 14px #f0b429e6}.tree-node:hover{filter:brightness(1.35)}.tree-main{flex:1;display:flex;min-height:0;min-width:0}.tree-main .tree-scroll{flex:1;min-width:0}.tree-side{flex:0 1 210px;min-width:140px;border-left:1px solid var(--border);background:#1e160d99;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.tree-side-title{font-size:15px;font-weight:700;color:var(--accent);margin-bottom:4px}.tree-side-row{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05);padding:2px 0}.tree-side-val{color:#5ad15a;font-weight:700}.tree-side-foot{margin-top:auto;color:var(--muted);font-size:14px}.skill-pool{display:flex;gap:6px;flex-wrap:wrap}.skill-chip{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--panel-2);border:1px solid var(--accent);cursor:grab}.skill-chip:active{cursor:grabbing}.skillbar-slot.drag-over{border-color:#5ad15a;box-shadow:0 0 8px #5ad15ab3}.depot-screen{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);width:min(940px,calc(92 * var(--uivw)));height:min(660px,calc(84 * var(--uivh)));background:radial-gradient(circle at 70% 60%,rgba(0,0,0,.18),transparent 55%),var(--panel);display:none;flex-direction:column;overflow:hidden;z-index:150;border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 52px #0009}.depot-screen.open{display:flex}.depot-body{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;padding:12px}.depot-cols{flex:1;display:flex;align-items:flex-start;min-height:0;min-width:0}.depot-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:100%;padding:0 10px}.depot-hint{flex:0 0 60px;align-self:center;text-align:center;color:var(--muted);font-size:14px}.shop-screen{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);width:min(820px,calc(92 * var(--uivw)));height:min(620px,calc(84 * var(--uivh)));background:radial-gradient(circle at 70% 60%,rgba(0,0,0,.18),transparent 55%),var(--panel);display:none;flex-direction:column;overflow:hidden;z-index:150;border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 52px #0009}.shop-screen.open{display:flex}.shop-body{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.market-screen{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);width:min(820px,calc(92 * var(--uivw)));height:min(620px,calc(84 * var(--uivh)));background:radial-gradient(circle at 70% 60%,rgba(0,0,0,.18),transparent 55%),var(--panel);display:none;flex-direction:column;overflow:hidden;z-index:150;border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 52px #0009}.market-screen.open{display:flex}.market-body{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.market-fay{font-size:18px;font-weight:700;color:#54d6ff;text-shadow:0 0 6px rgba(84,214,255,.45);display:inline-flex;align-items:center;gap:5px}.market-tabs{display:flex;gap:6px}.market-tabs button{padding:5px 14px}.market-section{display:flex;flex-direction:column;gap:10px}.market-filters{display:flex;gap:8px;flex-wrap:wrap}.market-filter{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px}.market-search{flex:1 1 160px;min-width:120px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px}.market-buy-body{display:flex;gap:10px;align-items:flex-start;min-height:0}.market-cats{display:flex;flex-direction:column;gap:4px;flex:0 0 132px;max-height:60vh;overflow-y:auto}.market-cat{text-align:left;padding:6px 8px;font-size:13px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;white-space:nowrap}.market-cat:hover{border-color:var(--accent)}.market-cat.active{border-color:var(--accent);background:#f0b42929;font-weight:700}.market-buy-body .market-list{flex:1;min-width:0}.market-list{display:flex;flex-direction:column;gap:6px}.market-row{display:flex;align-items:center;gap:10px;padding:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px}.market-row-info{flex:1;min-width:0}.market-row-name{font-weight:600}.market-row-sub{font-size:12px;color:var(--muted)}.market-row-price{font-weight:700;color:#54d6ff;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.market-sell-form{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px}.market-sell-name{font-weight:600}.market-sell-label{font-size:12px;color:var(--muted)}.market-price-input{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;width:160px;max-width:100%}.market-fee{font-size:13px;color:var(--muted)}.market-fee.bad{color:#ff6b6b}.market-lvl{width:74px}.market-cmp{font-size:10px;font-weight:700;margin-left:6px;padding:1px 6px;border-radius:4px}.market-cmp.up{color:#6fdc7f;background:#6fdc7f1f}.market-cmp.down{color:#e05252;background:#e052521a}.market-cmp.eq{color:#8a7a63}.market-star{width:30px;height:30px;background:transparent;border:none;font-size:16px;color:#8a7a63;cursor:pointer}.market-star.on{color:#ffd24a}.market-suggest{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffd24a}.market-use-suggest{padding:2px 10px;font-size:12px;background:#2c2014;border:1px solid #4a371f;border-radius:6px;color:#e8c07d;cursor:pointer}.market-net{font-size:12px;color:#6fdc7f}.market-spark{display:flex;align-items:center;gap:8px}.market-spark-canvas{background:#120c07;border:1px solid #3a2b19;border-radius:6px}.market-spark-label,.market-spark-range{font-size:11px;color:#8a7a63}.market-hist-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.market-hist-row{cursor:pointer}.market-hist-row:hover{border-color:#6a4f2a}.market-mine-row{display:flex;align-items:center;gap:10px;padding:5px 8px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px}.market-mine-row>span:first-child{flex:1;min-width:0}.hud .stat.fay.clickable{cursor:pointer}.hud .stat.fay.clickable:hover .value{filter:brightness(1.25)}.cashshop-screen{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);width:min(720px,calc(92 * var(--uivw)));height:min(560px,calc(84 * var(--uivh)));background:radial-gradient(circle at 70% 60%,rgba(0,0,0,.18),transparent 55%),var(--panel);display:none;flex-direction:column;overflow:hidden;z-index:150;border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 52px #0009}.cashshop-screen.open{display:flex}.cashshop-body{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.cash-tabs{display:flex;gap:6px;flex-wrap:wrap}.cash-tabs button{padding:5px 14px}.cashshop-note{font-size:13px;color:var(--muted)}.cashshop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cashshop-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.cashshop-ic{font-size:38px}.cashshop-name{font-weight:600;text-align:center}.cashshop-stats{font-size:12px;color:var(--muted);text-align:center}.cashshop-price{font-weight:700;color:#54d6ff;display:inline-flex;align-items:center;justify-content:center;gap:3px}.cashshop-card-title{min-height:132px;justify-content:center}.cashshop-title-preview{display:flex;align-items:center;justify-content:center;min-height:34px;font-size:18px;text-align:center;line-height:1.25}.cashshop-bonus{font-size:12px;font-weight:700;color:#7fe08a;text-align:center}.cashshop-owned{font-size:12px;font-weight:700;color:var(--muted)}.cashshop-section-title{font-size:15px;font-weight:700;color:var(--gold, #d8b45a)}.cashshop-topup-warn{color:#e0b877;font-style:italic}.cashshop-card-topup{min-height:132px;justify-content:center}.cashshop-topup-ic{font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center}.cashshop-brl{font-size:13px;font-weight:700;color:var(--muted)}.cashshop-brl.free{color:#7fe08a}.cashshop-free-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#7fe08a}.cashshop-free-left{font-size:10px;color:#c9b08a}.cashshop-free-left.out{color:#d38f8f;font-weight:700}.shop-gold{font-size:18px;font-weight:700;color:var(--gold);display:inline-flex;align-items:center;gap:5px}.shop-section{display:flex;flex-direction:column;gap:10px}.shop-active{display:flex;align-items:center;gap:10px}.shop-buy-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.shop-buy-btn{padding:3px 8px;font-size:13px;white-space:nowrap}.inv-slot.locked{opacity:.5}.shop-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.shop-card{width:160px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px}.shop-card.locked{opacity:.5}.sc-icon{font-size:32px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.sc-icon.glyph-img{width:40px;height:40px}.sc-name{font-weight:700;text-align:center}.sc-line{font-size:14px;color:var(--muted)}.sc-owned{font-size:14px;color:var(--accent);font-weight:700}.shop-sell-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel-2);border:1px solid var(--border);padding:8px 12px}.shop-sell-2col{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.shop-sell-left{flex:1 1 240px;min-width:0}.shop-sell-right{flex:0 0 162px;display:flex;flex-direction:column;gap:6px}.shop-sell-right .inv-slot{width:44px;height:44px;flex:0 0 44px;font-size:22px}.shop-sell-right .slot-img{width:26px;height:26px;font-size:20px}.shop-sell-right .slot-img img{width:26px;height:26px}.shop-sell-right .inv-box .inv-grid{grid-template-columns:repeat(3,44px);justify-content:center;gap:5px}.shop-sell-right .inv-grid.sac-slots{border:none;padding:2px}.shop-sell-left .inv-box{max-height:252px}.potion-slot{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--panel-2);border:2px solid var(--hp);cursor:pointer}.potion-slot.empty{border-color:var(--border);opacity:.6;cursor:default}.potion-slot .po-count{position:absolute;bottom:0;right:2px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 2px #000}.potion-menu{position:fixed;z-index:400;min-width:180px;max-height:280px;overflow-y:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px #0000008c;padding:4px}.potion-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer}.potion-menu-item:hover{background:#ffffff14}.potion-menu-item.active{background:#e5484d2e;box-shadow:inset 0 0 0 1px var(--hp)}.pm-icon{width:26px;height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;font-size:18px}.pm-name{flex:1;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-count{font-size:13px;font-weight:700;color:var(--muted)}.potion-menu-empty{padding:10px 12px;font-size:13px;color:var(--muted)}.potion-menu-sliders{margin-top:4px;padding:8px 8px 4px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.pm-slider-row{display:flex;flex-direction:column;gap:4px}.pm-slider-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pm-slider-label{font-size:12px;color:var(--muted);white-space:nowrap}.pm-slider-val{font-size:12px;font-weight:700;color:var(--hp)}.pm-slider{width:100%;accent-color:var(--hp);cursor:pointer}.skill-menu{position:fixed;z-index:400;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px #0000008c;padding:6px}.skill-menu-grid{display:grid;grid-template-columns:repeat(5,48px);gap:6px;max-height:300px;overflow-y:auto}.skill-menu-cell{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);border-radius:4px;cursor:pointer}.skill-menu-cell:hover{border-color:var(--accent);background:#ffffff0f}.skill-menu-cell.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.skill-menu-cell.disabled{opacity:.35;filter:grayscale(.7);cursor:not-allowed}.skill-menu-cell.disabled:hover{border-color:var(--border);background:none}.sm-cell-ic{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:24px}.sm-cell-ic.glyph-img{width:38px;height:38px}.lobby-loadout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.lobby-skillbar{display:flex;gap:6px}.lobby-sb-slot{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--panel-2);border:1px solid var(--accent)}.lobby-sb-slot.empty{border-color:var(--border);color:var(--muted)}.player-hud{position:absolute;top:4px;left:8px;display:flex;flex-direction:column;gap:4px;z-index:60}.player-frame{display:flex;flex-direction:column;gap:4px;background:var(--panel-grad);border:2px solid var(--border);outline:1px solid #000;border-radius:6px;box-shadow:0 2px 12px #0009,inset 0 1px #ffffff12;padding:6px 10px;min-width:230px}.pf-row{display:flex;gap:8px;align-items:flex-start}.pf-portrait{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto}.pf-xprow{display:flex;align-items:center;gap:8px;margin-top:2px}.pf-power{position:relative;display:flex;align-items:center;gap:5px;margin-top:3px;font-size:13px;font-weight:800;color:var(--gold, #d9b45b)}.pf-power-ic{font-size:12px}.pf-fly{position:absolute;left:55%;top:0;pointer-events:none;font-size:13px;font-weight:900;animation:pf-fly-up 1.4s ease-out forwards;text-shadow:0 1px 2px rgba(0,0,0,.8)}.pf-fly.up{color:#6fe36f}.pf-fly.down{color:#ff6b6b}@keyframes pf-fly-up{0%{transform:translateY(0);opacity:0}12%{opacity:1}to{transform:translateY(-26px);opacity:0}}.sk-slot.muted{filter:saturate(.2) brightness(.55)}.sk-slot.muted .sk-mute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;line-height:1;color:#ff6b6b;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.cashshop-slotcount{font-size:11.5px;color:var(--muted, #b9a988);margin-top:-2px}.item-tooltip .tt-descsec{padding:6px 10px}.item-tooltip .tt-desc{font-weight:400;font-size:14px;line-height:1.45;color:#d7cfba;text-align:left}.item-tooltip .tt-desc+.tt-desc{margin-top:5px;color:#b9c8a8;font-size:13px}.item-tooltip .tt-meta{padding:5px 10px 6px;margin-top:2px;border-top:1px solid rgba(107,82,38,.55);font-size:11.5px;font-weight:400;letter-spacing:.3px;color:var(--muted, #b9a988);text-align:left}.tree-node .tn-rank{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;line-height:1;padding:2px 5px;border-radius:7px;background:#14100a;border:1px solid #6b5226;color:var(--gold, #d9b45b);white-space:nowrap;pointer-events:none}.tree-node .tn-rank.pending{color:#d9a441;border-color:#d9a441}.tree-node.maxed .tn-rank{color:#6fe36f;border-color:#3c8c1e}.play-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0403018c;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.play-popup-card{width:320px;padding:0;background:linear-gradient(180deg,#241b0f,#1a1309 55%,#14100a);border:2px solid transparent;border-radius:12px;background-clip:padding-box;box-shadow:0 0 0 2px #6b5226,0 0 0 3px #2a2013,0 14px 40px #000000bf,inset 0 1px #ffdc9614;display:flex;flex-direction:column;overflow:hidden;animation:pp-pop .16s ease-out}@keyframes pp-pop{0%{transform:scale(.92) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.play-popup-card .pp-head{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px 8px;background:linear-gradient(180deg,rgba(217,180,91,.1),transparent)}.play-popup-card .pp-title{font-family:Reggae One,Pixelify Sans,sans-serif;font-size:19px;letter-spacing:1px;color:var(--gold, #d9b45b);text-shadow:0 1px 2px rgba(0,0,0,.8)}.play-popup-card .pp-sub{font-size:12px;color:var(--muted, #b9a988);margin-top:2px}.play-popup-card .pp-divider{height:2px;margin:0 12px 6px;background:linear-gradient(90deg,transparent,#6b5226 20%,#6b5226 80%,transparent);opacity:.7}.play-popup-card .pp-toggle{display:flex;align-items:center;gap:10px;margin:0 10px;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .12s ease}.play-popup-card .pp-toggle:hover{background:#d9b45b12}.play-popup-card .pp-toggle input{width:17px;height:17px;accent-color:var(--gold, #d9b45b);cursor:pointer;flex:none}.play-popup-card .pp-toggle-txt{display:flex;flex-direction:column}.play-popup-card .pp-toggle-label{font-weight:700;color:var(--text, #e8dcc0);font-size:14px}.play-popup-card .pp-toggle-hint{font-size:11px;color:var(--muted, #b9a988)}.play-popup-card .pp-warn{font-size:12px;color:#ff8a8a;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.4);border-radius:8px;padding:7px 10px;margin:4px 12px 0}.pp-play{display:block;margin:12px;padding:12px 0;font-family:Reggae One,Pixelify Sans,sans-serif;font-size:19px;letter-spacing:4px;color:#0d1607;background:linear-gradient(180deg,#9fe36f,#56b332 55%,#3c8c1e);border:1px solid #2c6b12;border-radius:10px;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000040,0 3px 10px #00000080;cursor:pointer;transition:filter .12s ease,transform .08s ease}.pp-play:hover{filter:brightness(1.1)}.pp-play:active{transform:translateY(1px);filter:brightness(.95)}.potion-slot.infinite .po-icon{filter:saturate(.35) opacity(.65)}.potion-slot.infinite .po-count{color:var(--muted, #b9a988);font-weight:800}.upgrade-banner{position:fixed;top:64px;left:50%;transform:translate(-50%) translateY(-12px);z-index:950;min-width:240px;max-width:420px;padding:10px 16px;background:linear-gradient(180deg,#1c160cf5,#120e08f5);border:2px solid var(--gold, #d9b45b);border-radius:10px;box-shadow:0 4px 18px #0009,0 0 14px #d9b45b40;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.upgrade-banner.show{opacity:1;transform:translate(-50%) translateY(0)}.upgrade-banner .ub-head{display:flex;align-items:center;gap:10px}.upgrade-banner .ub-icon{width:34px;height:34px}.upgrade-banner .ub-name{font-weight:800;color:var(--gold, #d9b45b)}.upgrade-banner .ub-step{font-size:12px;color:var(--muted, #b9a988)}.upgrade-banner .ub-gains{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px}.upgrade-banner .ub-gain{color:#6fe36f;font-weight:800;font-size:14px}.upgrade-banner .ub-gain.down{color:#ff6b6b}.upgrade-banner .ub-gain.gs{color:var(--gold, #d9b45b)}.map-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#080603;opacity:0;pointer-events:none;transition:opacity .22s ease;font-family:Reggae One,Pixelify Sans,sans-serif;font-size:22px;letter-spacing:2px;color:var(--gold, #d9b45b)}.map-veil.show{opacity:1}.live-disconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:#080603d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.live-disconnect-card{background:var(--panel, #221a10);border:1px solid var(--border, #5a4526);border-radius:10px;padding:22px 30px;text-align:center;max-width:340px}.live-disconnect-card h2{margin:0 0 8px;color:var(--hp, #e05555)}.live-disconnect-card p{margin:0;color:var(--muted, #b9a988)}.pf-xp{position:relative;flex:0 0 auto;height:14px;margin-top:3px;background:linear-gradient(#130c06,#130c06) padding-box,linear-gradient(180deg,#785a28,#c6a86d) border-box;border:1px solid transparent;overflow:hidden}.pf-xp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#c9a8ff,#7c5cff 48%,#3a2382);box-shadow:inset 0 0 8px #e2d6ff4d,0 0 10px #8c64ff66;transition:width .25s ease;overflow:hidden}.pf-xp-fill:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(235,246,255,.45),transparent);animation:tf-sheen 3.2s ease-in-out infinite;pointer-events:none}.pf-xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.9)}.player-currency{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;align-self:stretch;background:var(--panel-grad);border:2px solid var(--border);outline:1px solid #000;border-radius:6px;box-shadow:0 2px 12px #0009;padding:6px 12px}.player-currency .cur-row{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.player-currency .cur-ic{font-size:15px;width:20px;height:20px;text-align:center;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center}.player-currency .cur-ic-img{width:20px;height:20px;flex:0 0 20px;display:inline-flex}.player-currency .cur-ic-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.player-currency .cur-val{white-space:nowrap}.player-currency .cur-val.fay{color:#54d6ff;text-shadow:0 0 6px rgba(84,214,255,.4)}.player-currency .cur-row.gold .cur-val{color:var(--gold)}.cur-ic-inline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.cur-ic-inline.glyph-img{width:1.05em;height:1.05em}.cur-ic-inline.glyph-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.cur-tag{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.cur-btn{display:inline-flex;align-items:center;gap:5px}.pf-icon{font-size:34px;width:52px;height:52px;text-align:center;flex:0 0 52px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pf-icon.has-face{background:#00000059;border:1px solid var(--border)}.pf-face{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.pf-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pf-name{font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-level{color:var(--gold);font-weight:700;font-size:12px;text-align:center;line-height:1;white-space:nowrap}.pf-class{font-size:14px;color:var(--muted)}.pf-hp{position:relative;height:16px;background:linear-gradient(#130c06,#130c06) padding-box,linear-gradient(180deg,#785a28,#c6a86d) border-box;border:1px solid transparent;overflow:hidden}.pf-hp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#ff9598 0%,var(--hp) 48%,#7e181d 100%);box-shadow:inset 0 0 8px #ffdcdc4d,0 0 10px #e5484d59;transition:width .2s ease;overflow:hidden}.pf-hp-fill:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,246,230,.45),transparent);animation:tf-sheen 2.6s ease-in-out infinite;pointer-events:none}.pf-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.85)}.skillbar-bottom{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--panel-grad);border:2px solid var(--border);outline:1px solid #000;border-radius:6px;box-shadow:0 4px 16px #0009,inset 0 1px #ffffff12;padding:8px 10px;z-index:60}.sk-slots{display:flex;align-items:center;gap:8px}.sk-slot{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--panel-2);border:2px solid var(--accent)}.sk-slot.empty{border-color:var(--border);color:var(--muted)}.sk-slot.placeholder{border-style:dashed;opacity:.9}.sk-slot.placeholder .sk-ic img,.sk-slot.placeholder .sk-ic .anim-strip{filter:grayscale(1) brightness(1.5);opacity:.32}.potion-slot.empty .po-icon img,.potion-slot.empty .po-icon .anim-strip{filter:grayscale(1) brightness(1.5);opacity:.34}.hud-cons-ic{width:18px;height:18px;display:inline-flex;vertical-align:middle}.hud-cons-ic.glyph-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.smith-counter-ic{width:18px;height:18px;display:inline-flex;vertical-align:middle}.smith-counter-ic.glyph-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.smith-btn-icon.glyph-img{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.smith-btn-icon.glyph-img img{width:26px;height:26px;object-fit:contain;image-rendering:pixelated}.cons-label{display:inline-flex;align-items:center;gap:2px}.map-screen .panel-head>span:first-child{margin-right:auto}.map-toggle{display:flex;align-items:center;gap:5px;font-size:15px;color:var(--text);cursor:pointer;padding:2px 6px}.map-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:0 0 20px;margin:0;border:1px solid var(--border);border-radius:3px;background:var(--panel-2);cursor:pointer;position:relative}.map-toggle input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.map-toggle input[type=checkbox]:checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#0c130d}.char-power{font-size:17px;color:var(--accent);margin:2px 0 4px}.shop-tabs{display:flex;gap:6px;margin-bottom:6px}.shop-tabs button{padding:5px 14px}.char-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:4px 0 8px}.char-cell{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);padding:4px 8px}.char-cell.hl{border-color:var(--accent);background:#2a2614}.cc-icon{font-size:16px}.cc-label{flex:1;color:var(--muted);font-size:14px}.cc-val{font-weight:700;font-size:15px}.char-cell.hl .cc-val{color:var(--accent)}.bis-star{color:var(--gold);font-size:12px;margin-left:4px;text-shadow:0 0 4px color-mix(in srgb,var(--gold) 60%,transparent)}.char-cell.bis{border-color:var(--gold-dim)}.char-cell.has-tip{cursor:help}.tt-attr.bis{color:var(--gold)}.tt-power,.item-power{color:var(--accent);font-weight:700;font-size:14px;margin:2px 0}.tt-power{padding:0 10px}.tt-prices{display:flex;justify-content:space-between;gap:12px;padding:3px 10px;font-weight:700;font-size:13px}.tt-prices .tt-price{display:inline-flex;align-items:center;gap:2px}.tt-prices .tt-price.shop{color:#ffd24a}.tt-prices .tt-price.mkt{color:#66d9ff}.tt-uid{padding:2px 10px 4px;font-size:10px;color:#8a7a63;font-family:monospace;word-break:break-all}.tt-verify{padding:5px 10px;font-size:12px;font-weight:700}.tt-verify.ok{color:#6fdc7f}.tt-verify.warn{color:#ffcf5c}.tt-verify.bad{color:#ff5c5c;background:#a0141440;border-top:1px solid #a02020}.chat-panel{position:absolute;left:12px;bottom:12px;z-index:250}.chat-toggle{position:relative;font-size:18px;width:42px;height:42px;border-radius:8px;background:#241a10;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.chat-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#c0392b;color:#fff;font-size:10px;line-height:16px;text-align:center;display:none}.chat-window{position:absolute;left:0;bottom:50px;width:min(620px,calc(92 * var(--uivw)));height:min(260px,calc(36 * var(--uivh)));display:flex;flex-direction:column;background:#1c140c;border:1px solid #4a371f;border-radius:10px;box-shadow:0 8px 30px #0009;overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#241a10;color:#e8c07d;font-weight:700;border-bottom:1px solid #4a371f}.chat-close,.chat-send{background:none;border:none;color:#c9b08a;cursor:pointer;font-size:15px}.chat-close:hover,.chat-send:hover{color:#fff}.chat-tabs{display:flex;gap:2px;padding:4px 6px 0;background:#201710;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.chat-tabs .chat-tab{flex:0 0 auto}.chat-tab{flex:1;padding:5px 4px;font-size:12px;background:#2c2014;color:#9d8867;border:1px solid #3a2b19;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer}.chat-tab:hover{color:#e8c07d;border-color:#6a4f2a}.chat-tab.active{background:#1c140c;color:#e8c07d}.chat-logwrap{position:relative;flex:1;min-height:0;display:flex}.chat-log{flex:1;min-height:0;position:relative;overflow-y:auto;padding:8px 10px;font-size:13px;line-height:1.5}.chat-newpill{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:3;padding:4px 12px;border-radius:999px;background:var(--panel-2, #241a10);border:1px solid var(--border, #6f5a2a);color:var(--accent, #ffd100);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 3px 12px #0009}.chat-newpill:hover{background:var(--panel-3, #2f2315);border-color:var(--accent, #ffd100)}.chat-line{margin-bottom:3px;word-break:break-word}.chat-line.sys{color:#d89a4a;font-style:italic}.chat-from{color:#7fc7ff;font-weight:700}.chat-body{color:#d8c6a6}.chat-report{background:none;border:none;color:#a0663a;cursor:pointer;font-size:11px;margin-left:4px;opacity:.5}.chat-report:hover{opacity:1}.chat-inputrow{display:flex;gap:4px;padding:6px;border-top:1px solid #4a371f;background:#201710}.chat-input{flex:1;padding:6px 8px;background:#120c07;border:1px solid #4a371f;border-radius:6px;color:#eee;font-size:13px}.pf-title{font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:1px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.pf-icon.has-frame{border-width:2px;border-style:solid}.pf-icon.has-aura{box-shadow:0 0 6px 1px var(--aura-color, transparent);animation:cos-aura 2s ease-in-out infinite}@keyframes cos-aura{0%,to{box-shadow:0 0 5px 0 var(--aura-color)}50%{box-shadow:0 0 9px 2px var(--aura-color)}}.cos-window,.tasks-window,.arena-window,.guild-window,.friends-window{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);flex-direction:column;background:radial-gradient(circle at 70% 60%,rgba(0,0,0,.18),transparent 55%),var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 52px #0009;overflow:hidden;z-index:150}.cos-panel{position:absolute;left:112px;bottom:12px;z-index:250}.cos-toggle{position:relative;font-size:18px;width:42px;height:42px;border-radius:8px;background:#241a10;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.cos-window{width:min(420px,calc(90 * var(--uivw)));height:min(520px,calc(74 * var(--uivh)))}.cos-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;align-content:start}.cos-item{background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.cos-item:hover{border-color:#6a4f2a}.cos-item.active{border-color:#e8c07d;box-shadow:0 0 8px #e8c07d4d}.cos-item.locked{opacity:.55;cursor:default}.cos-swatch{height:14px;border-radius:4px}.cos-name{font-size:13px;font-weight:700;color:#d8c6a6}.cos-src{font-size:10px;color:#8a7a63}.cos-bonus{font-size:10px;font-weight:700;color:#7fe08a}.tasks-panel{position:absolute;left:62px;bottom:12px;z-index:250}.tasks-toggle{position:relative;font-size:18px;width:42px;height:42px;border-radius:8px;background:#241a10;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.tasks-window{width:min(520px,calc(92 * var(--uivw)));height:min(560px,calc(78 * var(--uivh)))}.tasks-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.task-row{position:relative;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 10px}.task-row.done{opacity:.6}.task-label{font-size:13px;color:#e8c07d;font-weight:700;margin-bottom:5px}.task-bar{height:8px;background:#120c07;border-radius:4px;overflow:hidden;margin-bottom:5px}.task-fill{height:100%;background:linear-gradient(90deg,#b8862f,#e8c07d)}.task-meta{display:flex;justify-content:space-between;font-size:11px}.task-prog{color:#c9b08a}.task-reward{color:#ffd24a;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.reward-part{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;cursor:default}.reward-ic{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.reward-ic.glyph-img{width:1.15em;height:1.15em}.reward-ic.glyph-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.task-claim{position:absolute;right:8px;top:8px;padding:4px 10px;font-size:12px}.task-donetag{position:absolute;right:10px;top:8px;color:#6fdc7f;font-weight:700}.mail-panel{position:absolute;left:112px;bottom:12px;z-index:250}.mail-toggle{position:relative;font-size:18px;width:42px;height:42px;border-radius:8px;background:#241a10;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.mail-row{display:flex;align-items:center;gap:10px;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 10px}.mail-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.mail-reason{font-size:12px;color:#e8c07d}.mail-expiry{font-size:11px;color:#c9976a}.mail-collect{padding:6px 12px;font-size:12px;flex-shrink:0}.arena-panel{position:absolute;left:162px;bottom:12px;z-index:250}.arena-toggle{position:relative;font-size:18px;width:42px;height:42px;border-radius:8px;background:#241a10;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.arena-window{width:min(560px,92vw);height:min(600px,80vh)}.arena-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.arena-standing{display:flex;gap:6px}.arena-stat{flex:1;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 4px;text-align:center;display:flex;flex-direction:column;gap:2px}.arena-stat b{color:#e8c07d;font-size:16px}.arena-stat span{font-size:10px;color:#8a7a63}.arena-season{font-size:11px;color:#8a7a63;text-align:center}.arena-fightbtn{padding:12px;font-size:16px}.arena-noentries{font-size:12px;color:#d38f8f;text-align:center}.arena-buybtn{padding:8px;background:#241a10;border:1px solid #4a371f;border-radius:8px;color:#ffd24a;cursor:pointer}.arena-buybtn:hover{border-color:#6a4f2a}.arena-match{display:flex;align-items:center;gap:8px;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 10px}.arena-match.win{border-left:3px solid #6fdc7f}.arena-match.loss{border-left:3px solid #e05252}.arena-match.draw{border-left:3px solid #8a7a63}.arena-match-badge{font-size:18px}.arena-match-info{flex:1;font-size:13px;color:#d8c6a6}.arena-match-sub{font-size:11px;color:#8a7a63}.arena-replaybtn{width:34px;height:34px;border-radius:8px;background:#2c2014;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.arena-ladder-row{display:flex;gap:8px;align-items:center;background:#241a10;border:1px solid transparent;border-radius:6px;padding:6px 10px;font-size:13px;color:#d8c6a6}.arena-ladder-row.me{border-color:#e8c07d}.arena-rank{width:30px}.arena-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-pts{color:#ffd24a;font-weight:700}.arena-elo{color:#7fc7ff;width:44px;text-align:right}.arena-balance{text-align:center;color:#ffd24a;font-weight:700;font-size:14px}.ashop-box{background:#00000040;border-color:#3a2b19;border-radius:8px}.ashop-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.ashop-cell .inv-slot{background:#241a10;border-color:#3a2b19}.ashop-cell .inv-slot:hover{border-color:#6a4f2a}.ashop-buy{padding:3px 8px;font-size:13px;white-space:nowrap}.ashop-coin{font-size:11px;color:#ffd24a;font-weight:700}.ashop-title{max-width:100%;font-size:11px;line-height:1.15;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ashop-cell .arena-owned{font-size:15px}.arena-owned{color:#6fdc7f;font-weight:700}.arena-vs{display:flex;align-items:center;gap:8px}.arena-vs-x{font-size:18px;color:#e8c07d}.arena-fighter{flex:1;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px;min-width:0}.arena-fighter-name{font-weight:700;color:#e8c07d;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-fighter-cls{font-size:10px;color:#8a7a63;margin-bottom:6px}.arena-hp{position:relative;height:14px;background:#120c07;border-radius:4px;overflow:hidden}.arena-hp-fill{height:100%;background:linear-gradient(90deg,#7a1f1f,#e74c3c);transition:width .15s linear}.arena-hp-txt{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:14px;color:#fff;text-shadow:0 1px 2px #000}.arena-feed{flex:1;min-height:120px;overflow-y:auto;background:#120c07;border:1px solid #3a2b19;border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.arena-feed-line{font-size:11px;color:#c9b08a}.arena-feed-line.b{color:#d38f8f}.arena-result{text-align:center;font-size:16px;font-weight:700;color:#e8c07d;padding:8px}.arena-hall-season{font-size:13px;font-weight:700;color:#e8c07d;margin-top:6px}.arena-skip,.arena-backbtn{align-self:center;padding:6px 16px;background:#2c2014;border:1px solid #4a371f;border-radius:8px;color:#e8c07d;cursor:pointer;margin-top:4px}.guild-panel{position:absolute;left:212px;bottom:12px;z-index:250}.guild-toggle{position:relative;font-size:18px;width:42px;height:42px;border-radius:8px;background:#241a10;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.guild-window{width:min(560px,calc(92 * var(--uivw)));height:min(600px,calc(80 * var(--uivh)))}.guild-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.guild-head-id{display:flex;align-items:baseline;gap:6px}.guild-tag{color:#7fc7ff;font-weight:700}.guild-name{color:#e8c07d;font-weight:700;font-size:16px}.guild-lvrow{font-size:12px;color:#c9b08a}.guild-xprow{font-size:11px;color:#8a7a63}.guild-motd{background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 10px;font-size:13px;color:#d8c6a6;white-space:pre-wrap}.guild-btn{padding:8px 12px;background:#241a10;border:1px solid #4a371f;border-radius:8px;color:#e8c07d;cursor:pointer}.guild-btn.primary{background:#3a2b14;border-color:#6a4f2a;color:#ffd24a}.guild-btn.danger{color:#d38f8f}.guild-btn:hover{border-color:#6a4f2a;background:#2c2014}.guild-donate-row{display:flex;gap:6px}.guild-donate-in{flex:1;padding:8px 10px;background:#120c07;border:1px solid #4a371f;border-radius:8px;color:#eee;font-size:13px;min-width:0}.guild-tag-in{text-transform:uppercase}.guild-hint{font-size:11px;color:#8a7a63}.guild-member-row{display:flex;align-items:center;gap:8px;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 10px}.guild-mrank{width:22px;text-align:center}.guild-minfo{flex:1;font-size:13px;color:#d8c6a6;min-width:0}.guild-msub{font-size:11px;color:#8a7a63}.guild-mbtn{width:32px;height:32px;border-radius:8px;background:#2c2014;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.guild-mbtn.primary{color:#6fdc7f}.guild-mbtn.danger{color:#d38f8f}.guild-points{text-align:center;color:#ffd24a;font-weight:700;font-size:14px}.guild-skill-row{display:flex;align-items:center;gap:8px;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 10px}.guild-skill-row.locked{opacity:.5}.guild-sinfo{flex:1;font-size:13px;color:#d8c6a6}.guild-war-head{text-align:center;font-size:15px;font-weight:700;color:#e8c07d}.guild-war-score{text-align:center;font-size:28px;font-weight:700;color:#ffd24a}.guild-sec{font-size:12px;font-weight:700;color:#c9a35a;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.guild-recruit{display:flex;flex-direction:column;gap:6px;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 10px}.guild-chk-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#d8c6a6;cursor:pointer}.guild-chk{width:16px;height:16px;accent-color:#c9a35a;cursor:pointer}.guild-lv-in{max-width:90px;flex:0 0 auto}.guild-applied{font-size:11px;color:#6fdc7f}.guild-quest-row{display:flex;align-items:center;gap:8px;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:8px 10px}.guild-quest-row.done{opacity:.55}.gshop-box{background:#00000040;border-color:#3a2b19;border-radius:8px}.gshop-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.gshop-cell .inv-slot{background:#241a10;border-color:#3a2b19}.gshop-cell .inv-slot:hover{border-color:#6a4f2a}.gshop-buy{padding:3px 8px;font-size:13px;white-space:nowrap}.gshop-coin{font-size:13px;line-height:1}.gshop-title{max-width:100%;font-size:11px;line-height:1.15;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gshop-cell .arena-owned{font-size:15px}.guild-skill-row.active-node{border-color:#6a4f2a}.guild-active-on{font-size:11px;color:#ffd24a;font-weight:700}.tfx{--tfx-c1: #e8c07d;--tfx-c2: var(--tfx-c1);--tfx-fx: var(--tfx-c1)}.tfx-glow{text-shadow:0 0 4px var(--tfx-fx),0 0 10px var(--tfx-fx)}.tfx-outline{text-shadow:-1px -1px 0 var(--tfx-fx),1px -1px 0 var(--tfx-fx),-1px 1px 0 var(--tfx-fx),1px 1px 0 var(--tfx-fx)}.tfx-neon{text-shadow:0 0 2px #fff,0 0 6px var(--tfx-fx),0 0 12px var(--tfx-fx),0 0 22px var(--tfx-fx)}.tfx-gradient{background-image:linear-gradient(100deg,var(--tfx-c1),var(--tfx-c2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.chanbar{display:flex;align-items:center;gap:5px;margin-top:2px;align-self:stretch;background:var(--panel-grad, #241a10);border:2px solid var(--border, #4a371f);outline:1px solid #000;border-radius:6px;padding:4px 10px;box-shadow:0 2px 12px #0009}.chanbar-ic{font-size:13px;flex:0 0 auto}.chanbar-select{flex:1;min-width:0;background:#1c140c;color:#e8c07d;border:1px solid #3a2b19;border-radius:4px;padding:4px 6px;font:inherit;font-size:12px;cursor:pointer}.lobby-card{position:absolute;right:10px;top:46px;z-index:300;width:min(220px,calc(92 * var(--uivw)));background:#241a10;border:1px solid #6a4f2a;border-radius:10px;padding:12px;box-shadow:0 8px 30px #000000b3;display:flex;flex-direction:column;gap:6px}.lobby-card-scene{position:fixed;right:16px;top:120px;z-index:260}.lobby-card-at{position:fixed;right:auto}.chat-from-click{cursor:pointer}.chat-from-click:hover{text-decoration:underline;filter:brightness(1.25)}.lobby-card-name{font-weight:700;color:#e8c07d}.lobby-card-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.lobby-card-close{position:absolute;right:6px;top:6px}.friends-panel{position:absolute;left:312px;bottom:12px;z-index:250}.friends-toggle{position:relative;font-size:18px;width:42px;height:42px;border-radius:8px;background:#241a10;border:1px solid #4a371f;color:#e8c07d;cursor:pointer}.friends-window{width:min(460px,calc(92 * var(--uivw)));height:min(560px,calc(78 * var(--uivh)))}.friends-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.friends-add{display:flex;gap:6px}.friends-add-input{flex:1;padding:8px 10px;background:#120c07;border:1px solid #3a2b19;border-radius:6px;color:#e8dec8;font:inherit}.friends-row{display:flex;align-items:center;gap:8px;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:7px 9px}.friends-dot{color:#5a4a34;font-size:11px}.friends-dot.on{color:#6fdc7f}.friends-who{flex:1;min-width:0}.friends-name{color:#e8c07d;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-actions{display:flex;gap:4px;flex:0 0 auto}.friends-actions .guild-btn{padding:5px 8px}.inspect-window{position:fixed;right:16px;top:90px;z-index:320;width:min(340px,calc(92 * var(--uivw)));max-height:min(560px,calc(80 * var(--uivh)));overflow-y:auto;display:flex;flex-direction:column;background:#1c140c;border:1px solid #6a4f2a;border-radius:10px;box-shadow:0 8px 40px #000000b3}.inspect-loading{padding:18px;text-align:center;color:#9d8867}.inspect-head{padding:8px 12px 4px;display:flex;flex-direction:column;gap:2px}.inspect-sub{font-size:12px;color:#c9b08a}.inspect-cols{display:flex;gap:8px;padding:8px 12px}.inspect-col{flex:1;display:flex;flex-direction:column;gap:4px}.inspect-stat{display:flex;justify-content:space-between;font-size:12px;background:#241a10;border:1px solid #3a2b19;border-radius:6px;padding:4px 8px}.inspect-stat-k{color:#8a7a63}.inspect-stat-v{color:#e8dec8;font-weight:700}.inspect-equip{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px 12px 12px}.inspect-slot{display:flex;align-items:center;gap:6px;background:#241a10;border:1px solid #3a2b19;border-radius:8px;padding:6px 8px;min-height:40px;cursor:default}.inspect-slot-icon{width:32px;height:32px;flex:0 0 auto;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat;background-position:center}.inspect-slot-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.inspect-slot-name{font-size:11px;overflow:hidden;text-overflow:ellipsis}.inspect-slot-empty{color:#5a4a34;font-size:18px;margin:0 auto}.plaza-joy{position:fixed;left:18px;bottom:120px;z-index:240;width:120px;height:120px;border-radius:50%;background:#241a108c;border:2px solid rgba(106,79,42,.7);touch-action:none}.plaza-joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#e8c07d59;border:2px solid rgba(232,192,125,.6);pointer-events:none}.checkin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center;background:#0e0a06b3}.checkin-card{width:min(360px,calc(86 * var(--uivw)));max-height:calc(88 * var(--uivh));overflow-y:auto;background:#241a10;border:1px solid #4a371f;border-radius:10px;box-shadow:0 8px 40px #0009}.checkin-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2c2014;color:#e8c07d;font-weight:700;border-bottom:1px solid #4a371f}.checkin-body{padding:20px;text-align:center;display:flex;flex-direction:column;gap:12px}.checkin-streak{font-size:18px;color:#e8c07d;font-weight:700}.checkin-reward{font-size:15px;color:#d8c6a6;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.checkin-btn{align-self:center;padding:10px 24px}.checkin-done{color:#9d8867;font-style:italic}.checkin-best{font-size:12px;color:#8a7a63}.maint-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:#0e0a06f0}.maint-gate .maint-card{max-width:min(440px,86vw);text-align:center;padding:28px 30px;background:#241a10;border:1px solid #4a371f;border-radius:10px;box-shadow:0 8px 40px #000000b3}.maint-gate .maint-icon{font-size:42px;margin-bottom:8px}.maint-gate h2{color:#e8c07d;margin:0 0 10px}.maint-gate .maint-msg{color:#d8c6a6;font-size:15px;margin:0 0 14px;white-space:pre-wrap}.maint-gate .maint-sub{color:#8a7a63;font-size:12px;margin:0}.maint-gate .maint-adminbtn{margin-top:16px;padding:6px 14px;font-size:11px;background:transparent;border:1px solid #4a371f;border-radius:6px;color:#8a7a63;cursor:pointer;opacity:.7}.maint-gate .maint-adminbtn:hover{opacity:1;color:#e8c07d}.loot-banner{position:absolute;top:calc(var(--hud-h) + 48px);left:50%;transform:translate(-50%) translateY(-12px);display:none;align-items:center;gap:10px;background:#120c06f2;border:2px solid var(--border);padding:8px 16px;z-index:80;opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.loot-banner.show{display:flex;opacity:1;transform:translate(-50%) translateY(0)}body.mini .loot-banner{top:calc(var(--tb) + 2px);padding:3px 8px;gap:6px;max-width:94%;align-items:center}body.mini .loot-banner .lb-icon{width:22px;height:22px;flex:0 0 22px;font-size:17px}body.mini .loot-banner .lb-info{min-width:0}body.mini .loot-banner .lb-rarity{display:none}body.mini .loot-banner .lb-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.lb-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:30px}.lb-icon img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.lb-info{display:flex;flex-direction:column}.lb-rarity{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.lb-name{font-size:18px;font-weight:700}.leave-hunt{position:absolute;top:78px;right:10px;z-index:70;background:#281616eb;border:1px solid var(--hp);color:#ffcaca;padding:6px 12px;font-size:14px;cursor:pointer}.leave-hunt:hover{background:var(--hp);color:#fff}.dura-alert{position:absolute;top:150px;left:8px;display:none;background:#281010eb;border:1px solid var(--hp);color:#ffcaca;padding:5px 10px;font-size:14px;z-index:60;max-width:240px}.dura-alert.show{display:block}.tt-durbar{height:6px;background:#3a0d0d;border:1px solid var(--border);overflow:hidden;margin-top:3px}.tt-durbar>i{display:block;height:100%;background:linear-gradient(90deg,#e5484d,#ffd100 55%,#5ad15a)}.pf-hp-fill{background:linear-gradient(180deg,#ffffff4d,#ffffff0d 45%,#0003),linear-gradient(90deg,#2f9e44,#4caf50 60%,#69db7c)!important;box-shadow:inset 0 0 8px #dcffe14d,0 0 10px #4caf5059}.anim-ico{position:relative;overflow:hidden}.anim-strip{position:absolute;left:0;top:0;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;image-rendering:pixelated}@keyframes sprite-scroll{to{transform:translate(-100%)}}.glyph-img{display:flex;align-items:center;justify-content:center;line-height:0}.glyph-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block}.tn-icon.glyph-img,.sk-ic.glyph-img,.skill-chip-ic.glyph-img,.po-icon.glyph-img{width:100%;height:100%}.sb-icon.glyph-img{width:100%;height:40px}.tt-glyph.glyph-img{width:1.6em;height:1.6em}.sk-slot{position:relative;overflow:hidden}.sk-ic{position:relative;z-index:1}.sk-cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#08090eb3;border-top:1px solid rgba(255,255,255,.25);pointer-events:none;z-index:2}.debug-toggle{position:absolute;top:40px;right:8px;z-index:90;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:16px;padding:3px 8px;cursor:pointer}.debug-toggle:hover{border-color:var(--accent)}.dbg-screen{position:absolute;top:70px;right:8px;width:min(320px,calc(94 * var(--uivw)));max-height:calc(80 * var(--uivh));background:var(--panel);border:1px solid var(--accent);display:none;flex-direction:column;overflow:hidden;z-index:200;box-shadow:0 8px 24px #0009}.dbg-screen.open{display:flex}.dbg-body{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.dbg-section{display:flex;flex-direction:column;gap:5px}.dbg-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.dbg-row button{padding:5px 9px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:14px}.dbg-row button:hover{border-color:var(--accent)}.dbg-select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:4px 6px;font-family:inherit;font-size:14px}.smith-sac{width:100%;max-width:540px;display:flex;flex-direction:column;gap:4px;align-items:center;z-index:1}.sac-slots{justify-content:center;min-height:56px;padding:5px;border:1px dashed var(--border);max-height:124px;overflow-y:auto}.sac-slots.drag-over{border-color:#5ad15a;box-shadow:inset 0 0 10px #5ad15a4d}.inv-slot.sac-empty{opacity:.35;font-size:24px;color:var(--muted)}.inv-slot.empty.locked{opacity:.4;font-size:16px;color:var(--muted);background:repeating-linear-gradient(45deg,#00000040 0,#00000040 6px,#ffffff05 6px,#ffffff05 12px);display:flex;align-items:center;justify-content:center}.smith-fuse{padding:7px 16px;font-size:15px;background:var(--hp);border:1px solid var(--hp);color:#fff;font-weight:700;cursor:pointer}.smith-fuse:disabled{opacity:.4;cursor:default;background:var(--panel-2);border-color:var(--border);color:var(--muted)}.inv-slot.staged{outline:2px solid var(--hp);opacity:.7}.smith-inf{width:100%;max-width:540px;display:flex;flex-direction:column;gap:4px;align-items:center;z-index:1}.inf-slots{justify-content:center;min-height:52px;padding:5px;border:1px dashed var(--border);max-height:120px;overflow-y:auto}.inf-cell{position:relative;cursor:pointer}.inf-cell .inf-ic{width:100%;height:100%;object-fit:contain}.inf-cell .inf-count{position:absolute;right:2px;bottom:1px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.inf-cell.dim{opacity:.35;cursor:default}.smith-inf-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.smith-inf-bag{width:100%}.inv-slot .sac-xp{position:absolute;top:1px;left:2px;font-size:14px;font-weight:700;color:#7cc4ff;text-shadow:0 0 3px #000,0 0 3px #000;z-index:3}.ranking-card{width:min(640px,94vw);height:min(700px,84vh);display:flex;flex-direction:column;gap:6px}.ranking-card h2{margin:0 0 2px;text-align:center}.ranking-list{flex:1 1 auto;overflow-y:auto;min-height:80px;padding:2px;background:#00000038;border:1px solid var(--border);border-radius:8px}.ranking-tabs{display:flex;flex-direction:column;gap:5px}.ranking-tabrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.ranking-tabgroup{flex:0 0 74px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:right;padding-right:2px}.ranking-tab{flex:1 1 auto;min-width:58px;padding:5px 8px;font-size:12px;border-radius:6px;background:#2c2014;color:#9d8867;border:1px solid transparent;cursor:pointer}.ranking-tab:hover{color:#e8c07d}.ranking-tab.active{background:#1c140c;color:var(--accent);border-color:var(--border);font-weight:700}.ranking-me{border-top:1px solid #4a371f;padding-top:4px}.ranking-row.me{background:#e8c07d1f;border-radius:6px;border-bottom:none}.ranking-row.me .rk-name{color:#e8c07d;font-weight:700}.ranking-row{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(0,auto) auto;gap:10px;align-items:center;padding:7px 10px;border-bottom:1px solid rgba(74,55,31,.5)}.ranking-list .ranking-row:nth-child(2n){background:#ffffff06}.ranking-list .ranking-row:last-child{border-bottom:none}.ranking-row.top{background:color-mix(in srgb,var(--accent) 10%,transparent)}.ranking-row.rk-p1{box-shadow:inset 3px 0 #ffcf5a}.ranking-row.rk-p2{box-shadow:inset 3px 0 #cfd6de}.ranking-row.rk-p3{box-shadow:inset 3px 0 #cd7f45}.ranking-row .rk-pos{font-weight:700;color:var(--muted);text-align:center;font-size:14px}.ranking-row.top .rk-pos{color:var(--accent);font-size:17px}.ranking-row .rk-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row .rk-cls{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row .rk-lvl{font-weight:700;color:var(--accent);white-space:nowrap}.ranking-empty{color:var(--muted);padding:16px 4px;text-align:center}.options-card .server-url{flex:1 1 auto;min-width:0}.update-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#080603eb;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-card{background:var(--panel-grad, #1a140c);border:2px solid var(--border, #5a4a2a);border-radius:8px;padding:28px 32px;max-width:min(420px,90vw);text-align:center;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #000000b3}.update-card h2{margin:0 0 10px;color:var(--accent, #ffd24a)}.update-card p{margin:0 0 18px;color:var(--muted, #cbb88f);line-height:1.4}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#080603c7;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-card{background:var(--panel-grad, #1a140c);border:2px solid var(--border, #5a4a2a);border-radius:8px;padding:22px 26px;max-width:min(380px,90vw);text-align:center;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #000000b3}.confirm-card h2{margin:0 0 10px;color:var(--accent, #ffd24a);font-size:18px}.confirm-card p{margin:0 0 18px;color:var(--muted, #cbb88f);line-height:1.4}.confirm-actions{display:flex;gap:10px;justify-content:center}.goldbox-grid{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0}.goldbox-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;width:120px;border-radius:8px;background:#00000040;border:2px solid var(--border, #5a4a2a)}.goldbox-card .goldbox-icon{font-size:30px;line-height:1}.goldbox-card .goldbox-val{font-weight:700;color:var(--accent, #ffd24a)}.goldbox-card .btn{width:100%}.slot-tag{position:absolute;bottom:2px;right:2px;font-size:10px;font-weight:700;padding:1px 4px;border-radius:4px;background:#000000b3;color:#ffd24a;pointer-events:none}.cashshop-slots{margin-top:14px;border-top:1px solid var(--border, #5a4a2a);padding-top:10px}.cashshop-slots-grid{display:flex;flex-wrap:wrap;gap:12px}.shop-slot-block{flex:1 1 220px}.shop-slot-actions{display:flex;gap:8px;margin-top:6px}.shop-slot-actions .btn{flex:1 1 auto}.gm-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:none;pointer-events:none}.gm-window{position:fixed;top:calc(50% + var(--tb) / 2);left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:min(720px,calc(94 * var(--uivw)));height:min(600px,calc(82 * var(--uivh)));background:radial-gradient(circle at 70% 60%,rgba(0,0,0,.18),transparent 55%),var(--panel);border:1px solid #b0651f;border-radius:8px;box-shadow:0 14px 52px #0009;overflow:hidden;pointer-events:auto}.nav-gm{box-shadow:inset 0 0 0 1px #ff8c1a8c}.gm-headinfo{display:flex;flex-wrap:wrap;gap:10px;padding:6px 10px;background:#1c140c;border-bottom:1px solid #3a2b19;font-size:12px;color:#e8c07d;font-variant-numeric:tabular-nums}.gm-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.gm-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.gm-block{border:1px solid #3a2b19;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.gm-lb{font-size:11px;color:#9d8867;text-transform:uppercase;letter-spacing:.5px}.gm-grouplb{margin-top:6px}.gm-num,.gm-text,.gm-sel{background:#241a10;border:1px solid #4a371f;border-radius:6px;color:#e8dcc4;padding:4px 6px;font-size:12px;font-family:inherit}.gm-text{flex:1 1 180px;min-width:120px}.gm-chips{display:flex;flex-wrap:wrap;gap:4px}.gm-count{font-size:11px;color:#9d8867}.gm-list{display:flex;flex-direction:column;gap:3px}.gm-item{display:flex;align-items:center;gap:8px;padding:4px 6px;background:#241a10;border:1px solid #33261680;border-radius:6px}.gm-item:hover{border-color:#6a4f2a}.gm-ic{font-size:15px;flex:0 0 auto}.gm-iname{flex:1 1 auto;font-size:12px;color:#d8c6a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-imeta{font-size:10px;color:#8a7a63;flex:0 0 auto}.gm-give{flex:0 0 auto;padding:2px 10px;font-size:11px}.gm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.gm-cons{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;background:#241a10;border:1px solid #3a2b19;border-radius:6px;font-family:inherit;font-size:12px;text-align:left}.gm-cons:hover{border-color:#6a4f2a}.gm-cons.on{border-color:#e8c07d;box-shadow:0 0 8px #e8c07d40}.about-card{width:min(1180px,97vw);height:min(880px,93vh);display:flex;flex-direction:column}.about-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px}.about-title{margin:0;text-align:center}.about-sub,.about-note{text-align:center;color:var(--muted);font-size:12px}.about-note{border-top:1px solid var(--border);padding-top:8px}.about-clock{text-align:center;font-size:26px;font-weight:700;color:var(--accent);letter-spacing:1px}.about-vs{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;justify-content:center}.about-vs-x{align-self:center;font-size:26px;color:var(--accent)}.about-fighter{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:6px;padding:10px;background:#00000038;border:1px solid var(--border);border-radius:8px}.about-fighter.me{border-color:var(--accent);box-shadow:inset 0 0 0 1px #ffcf5a2e}.about-fighter-name{font-weight:700;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-fighter-sub{font-size:12px;color:var(--muted)}.about-power{display:flex;align-items:baseline;gap:6px}.about-power b{font-size:22px;color:var(--accent)}.about-power span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.about-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px}.about-stat{display:flex;justify-content:space-between;gap:6px;font-size:12px}.about-stat-k{color:var(--muted)}.about-stat-v{font-weight:700}.about-sec{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-top:4px}.about-skills{display:flex;flex-wrap:wrap;gap:4px}.about-skill{font-size:11px;padding:2px 7px;border-radius:10px;background:#2c2014;border:1px solid var(--border)}.about-gear{display:flex;flex-direction:column;gap:2px}.about-gear-row{display:flex;justify-content:space-between;gap:8px;font-size:12px}.about-gear-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-gear-tl{color:var(--muted);white-space:nowrap}.about-score{text-align:center;font-size:18px;font-weight:700}.about-round{text-align:center;font-size:13px;color:var(--accent)}.about-scene{display:flex;gap:10px}.about-side{flex:1 1 0;min-width:0}.about-side-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-side.b{text-align:right}.about-hp{position:relative;height:18px;background:#200f0f;border:1px solid var(--border);border-radius:4px;overflow:hidden}.about-hp-fill{height:100%;background:linear-gradient(180deg,#6fd36f,#2e8b2e);transition:width .1s linear}.about-side.b .about-hp-fill{margin-left:auto}.about-hp-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-shadow:0 1px 2px #000}.about-feed{flex:1 1 auto;min-height:90px;max-height:34vh;overflow-y:auto;font-size:12px;line-height:1.5;background:#00000038;border:1px solid var(--border);border-radius:6px;padding:6px 8px}.about-feed-line.b{color:#f0a0a2}.about-feed-line.a{color:#9ecbff}.about-skip{align-self:center}.about-result{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;padding-top:6px;border-top:1px solid var(--border)}.about-result-big{font-size:22px;font-weight:700}.about-result.win .about-result-big{color:var(--accent)}.about-result.loss .about-result-big{color:#f0a0a2}.about-result-sub{font-size:13px;color:var(--muted)}.arena-queue-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#00000038;border:1px solid var(--border);border-radius:8px}.arena-queue-lbl{font-size:13px;color:var(--muted)}.arena-queue-clock{font-size:30px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.arena-queue-hint{font-size:12px;color:var(--muted);text-align:center}.about-canvas{flex:1 1 auto;min-height:420px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#0e0f14}.about-canvas canvas{display:block;width:100%;height:100%}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.hud .buttons .nav-ic{display:flex}.hud .buttons .nav-tx,.opt-mobile{display:none}body.platform-touch .opt-mobile{display:flex}body.platform-touch .opt-desktop{display:none}body.platform-touch{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;--tb: 0px;--hud-h: 40px;--mnav-h: 0px}body.platform-touch input,body.platform-touch textarea{-webkit-user-select:text;user-select:text}body.platform-touch .titlebar{position:fixed;top:0;right:0;left:auto;width:auto;height:auto;background:transparent;border:none;padding:0;z-index:70;pointer-events:none}body.platform-touch .titlebar>*{display:none!important}body.platform-touch .titlebar>.tb-options{display:none!important}body.platform-touch .titlebar>.tb-options-legacy{display:flex!important;pointer-events:auto;align-items:center;justify-content:center;width:40px;height:40px;margin:calc(var(--safe-top) + 5px) calc(var(--safe-right) + 6px) 0 0;font-size:20px;color:var(--text);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border)}body.platform-touch .debug-toggle{display:none!important}body.platform-touch .hud{height:var(--safe-top);padding:0;background:none;pointer-events:none}body.platform-touch .hud-xp{display:none}body.platform-touch .hud .buttons{position:fixed;top:calc(var(--safe-top) + 52px);right:calc(8px + var(--safe-right));left:auto;bottom:auto;margin:0;display:grid;grid-template-columns:repeat(4,52px);gap:6px;padding:10px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2px solid var(--border);outline:1px solid #000;border-radius:10px;box-shadow:0 10px 30px #000000b3;z-index:130;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .12s ease,transform .12s ease}body.platform-touch.mnav-open .hud .buttons{opacity:1;transform:none;pointer-events:auto}body.platform-touch .hud .buttons button{flex:none;width:52px;height:52px;min-height:52px;padding:6px;white-space:nowrap}body.platform-touch .social-menu-wrap .social-submenu{left:auto;right:0;transform:none;max-width:calc(100vw - 24px)}body.platform-touch .hud .buttons .social-subitem{width:100%;height:auto;min-height:44px;padding:10px 12px;font-size:14px}body.platform-touch .player-hud{z-index:40}.mnav-burger{display:none}body.platform-touch .mnav-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:fixed;top:calc(var(--safe-top) + 6px);right:calc(8px + var(--safe-right));width:40px;height:40px;padding:0;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:8px;pointer-events:auto;z-index:140}body.platform-touch .mnav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--gold, #e8c87a);transition:transform .12s ease,opacity .12s ease}body.platform-touch.mnav-open .mnav-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}body.platform-touch.mnav-open .mnav-burger span:nth-child(2){opacity:0}body.platform-touch.mnav-open .mnav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}body.platform-touch .hud .buttons .nav-ic{display:inline;font-size:20px;line-height:1}body.platform-touch .player-hud{top:calc(var(--safe-top) + 30px);left:calc(6px + var(--safe-left));transform:scale(1.08);transform-origin:top left}body.platform-touch .player-frame{right:auto;min-width:36vw;max-width:72vw;padding:5px 9px;gap:7px}body.platform-touch .pf-icon{width:40px;height:40px;flex:0 0 40px}body.platform-touch .pf-level{flex:0 0 40px;width:40px}body.platform-touch #game-canvas{top:calc(var(--safe-top) + 4px);bottom:calc(var(--mnav-h) + var(--safe-bottom))}body.platform-touch .skillbar-bottom{left:50%!important;right:auto!important;top:auto!important;bottom:calc(var(--safe-bottom) + 64px)!important;transform:translate(-50%)!important;gap:6px;padding:6px 8px;max-width:calc(100vw - 12px)}body.platform-touch .sk-slot{width:46px;height:46px;font-size:22px}body.platform-touch .event-banner{bottom:calc(var(--safe-bottom) + 134px)!important;font-size:11.5px;padding:5px 42px;max-width:94vw}body.platform-touch .panel,body.platform-touch .smith-screen,body.platform-touch .map-screen,body.platform-touch .tree-screen,body.platform-touch .depot-screen,body.platform-touch .shop-screen,body.platform-touch .market-screen,body.platform-touch .cashshop-screen{position:fixed!important;top:var(--safe-top)!important;left:0!important;right:0!important;bottom:calc(var(--mnav-h) + var(--safe-bottom))!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:0!important;z-index:120!important;flex-direction:column;transform:none!important}body.platform-touch .panel .panel-head,body.platform-touch .smith-screen .panel-head,body.platform-touch .map-screen .panel-head,body.platform-touch .tree-screen .panel-head,body.platform-touch .depot-screen .panel-head,body.platform-touch .shop-screen .panel-head,body.platform-touch .market-screen .panel-head,body.platform-touch .cashshop-screen .panel-head,body.platform-touch .tree-screen .tree-top{flex:0 0 auto}body.platform-touch .panel .panel-body,body.platform-touch .shop-body,body.platform-touch .market-body,body.platform-touch .cashshop-body,body.platform-touch .smith-body,body.platform-touch .depot-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}body.platform-touch .shop-sell-2col{flex-direction:column}body.platform-touch .shop-sell-left,body.platform-touch .shop-sell-right{flex:none;width:100%}body.platform-touch .smith-body,body.platform-touch .depot-body{flex-direction:column;align-items:stretch!important}body.platform-touch .depot-col{max-height:none}body.platform-touch .depot-cols{flex-direction:column;align-items:stretch}body.platform-touch .smith-stage{flex:0 0 auto;overflow:visible;padding:8px 8px 24px;gap:8px}body.platform-touch .smith-card{min-width:0;width:100%;padding:10px 12px;gap:6px}body.platform-touch .smith-npc{height:auto;max-height:110px;opacity:.7}body.platform-touch .smith-counters{gap:8px;padding:6px 8px}body.platform-touch .smith-counter{font-size:14px}body.platform-touch .smith-btn{padding:6px 8px}body.platform-touch .smith-btn-icon.glyph-img,body.platform-touch .smith-btn-icon.glyph-img img{width:22px;height:22px}body.platform-touch .reward-ic.glyph-img{width:1.3em;height:1.3em}body.platform-touch .smith-btn-label,body.platform-touch .smith-btn-sub{font-size:12px}body.platform-touch .smith-podium{width:84px}body.platform-touch .smith-list{flex:1 1 auto;width:100%;height:auto;overflow:visible;border-left:none;border-top:1px solid var(--border)}body.platform-touch .smith-list .inv-box{overflow:visible}body.platform-touch .smith-list .inv-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}body.platform-touch .smith-corner-btn{min-width:34px;padding:4px 5px}body.platform-touch .smith-corner-btn .scb-ic{font-size:16px}body.platform-touch .smith-corner-btn .scb-cost{font-size:11px}body.platform-touch .hud .buttons button.active{background:linear-gradient(0deg,var(--accent),#c8941c);color:#1a1400;border-color:var(--accent)}body.platform-touch .panel-head .close{min-width:44px;min-height:44px;font-size:24px}body.platform-touch .inv-slot{width:48px;height:48px;flex:0 0 48px;font-size:22px}body.platform-touch .slot-img{width:28px;height:28px;font-size:24px}body.platform-touch .slot-img img{width:28px;height:28px}body.platform-touch .inv-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))!important;gap:5px}body.platform-touch .tibia-doll{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(4,48px)}body.platform-touch .map-main{flex-direction:column;position:relative}body.platform-touch .map-huntlist{display:none}body.platform-touch .map-track{flex:1 1 auto;width:100%;border:none;touch-action:none}body.platform-touch .map-detail{position:absolute;top:0;left:0;right:0;flex:none;min-width:0;max-height:48%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#120c06f7;border-bottom:2px solid var(--border);padding:10px 12px;z-index:5;display:none}body.platform-touch .map-screen.sel .map-detail{display:block}body.platform-touch .map-cre,body.platform-touch .map-cre.boss{background:transparent;border:none;padding:2px;min-width:0}body.platform-touch .map-cre-img{max-width:76px;max-height:76px}body.platform-touch .map-foot{flex:0 0 auto;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px calc(10px + var(--safe-right)) 10px calc(10px + var(--safe-left))}body.platform-touch .map-toggles{position:static;transform:none;left:auto;top:auto;flex-direction:row;justify-content:center;gap:18px}body.platform-touch .map-play{position:static;transform:none;left:auto;top:auto;width:100%;padding:13px 0;min-height:50px}body.platform-touch .tree-body{flex:1 1 auto;min-height:0}body.platform-touch .tree-main{flex-direction:column;min-height:0}body.platform-touch .tree-main .tree-scroll{flex:1 1 auto;min-height:44vh;touch-action:none}body.platform-touch .tree-side{flex:0 0 auto;width:100%;min-width:0;border-left:none;border-top:2px solid var(--border);max-height:26vh;overflow-y:auto}body.platform-touch .tree-bar-wrap{overflow-x:auto}body.platform-touch .skillbar-slot{width:72px}body.pip .titlebar,body.pip .hud,body.pip .player-frame,body.pip .skillbar-bottom,body.pip .leave-hunt,body.pip .dura-alert,body.pip .panel,body.pip .smith-screen,body.pip .map-screen,body.pip .tree-screen,body.pip .depot-screen,body.pip .shop-screen,body.pip .market-screen,body.pip .cashshop-screen,body.pip .ui-tip,body.pip .debug-toggle{display:none!important}body.pip #game-canvas{top:0!important;bottom:0!important;left:0!important;right:0!important}.platform-touch .market-buy-body{flex-direction:column}.platform-touch .market-cats{flex:0 0 auto;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.platform-touch .market-cat{flex:0 0 auto}.platform-touch .potion-menu{min-width:220px}.platform-touch .pm-slider{height:28px}.platform-touch .pm-slider-label,.platform-touch .pm-slider-val{font-size:13px}.platform-touch .chat-toggle{width:46px;height:46px;font-size:20px}.platform-touch .chat-window{width:94vw;height:min(38vh,300px);left:0;bottom:54px}.platform-touch .chat-tab{padding:8px 4px;font-size:13px}.platform-touch .chat-input{padding:9px 10px;font-size:15px}.platform-touch .chat-log{font-size:14px}.platform-touch .chat-report{font-size:14px;opacity:.7}.platform-touch .chat-newpill{padding:8px 16px;font-size:13px;bottom:10px}.platform-touch .chat-from-click{padding:3px 0}.platform-touch .checkin-card{width:min(90vw,380px)}.platform-touch .checkin-btn{padding:12px 28px;font-size:15px}.platform-touch .tasks-toggle{width:46px;height:46px;font-size:20px}.platform-touch .task-claim{padding:7px 14px;font-size:13px}.platform-touch .mail-toggle{width:46px;height:46px;font-size:20px}.platform-touch .mail-panel{left:120px;bottom:66px}.platform-touch .chat-panel{left:12px;bottom:12px}.platform-touch .tasks-panel{left:66px;bottom:12px}.platform-touch .cos-panel{left:120px;bottom:12px}.platform-touch .arena-panel{left:174px;bottom:12px}.platform-touch .guild-panel{left:12px;bottom:66px}.platform-touch .friends-panel{left:66px;bottom:66px}.platform-touch .cos-toggle,.platform-touch .arena-toggle,.platform-touch .guild-toggle{width:46px;height:46px;font-size:20px}.platform-touch .tasks-window,.platform-touch .cos-window,.platform-touch .arena-window,.platform-touch .guild-window,.platform-touch .friends-window{width:94vw;max-width:460px;height:min(74vh,560px)}.platform-touch .guild-mbtn{min-width:40px;min-height:40px}.platform-touch .guild-btn{min-height:42px}.platform-touch .guild-donate-in{min-height:40px;font-size:15px}.platform-touch .guild-chk{width:22px;height:22px}.platform-touch .guild-chk-row{min-height:40px;font-size:15px}.platform-touch .guild-lv-in{max-width:110px;min-height:40px}.platform-touch .guild-quest-row{padding:10px}.platform-touch .gshop-buy,.platform-touch .ashop-buy{min-height:38px;font-size:14px}.platform-touch .gshop-title,.platform-touch .ashop-title{font-size:12px}.platform-touch .guild-window .chat-tabs{flex-wrap:wrap}.platform-touch .market-body{overflow-x:hidden}.platform-touch .market-tabs{flex-wrap:wrap}.platform-touch .market-tabs button{max-width:100%}.platform-touch .market-search{min-width:0}.platform-touch .market-filter{min-width:0;max-width:100%}.platform-touch .market-filters{flex-wrap:wrap}.platform-touch .market-lvl{width:84px;min-height:40px}.platform-touch .market-star{width:42px;height:42px;font-size:20px}.platform-touch .market-use-suggest{min-height:36px}body.platform-touch .player-hud,body.platform-touch .potion-menu,body.platform-touch .lobby-card{max-width:calc(100vw - 12px)}.platform-touch .chanbar-select{padding:6px 8px;font-size:14px}.platform-touch .lobby-card-scene{top:84px;right:10px}.platform-touch .maint-adminbtn{min-height:40px;font-size:13px}.platform-touch .arena-fightbtn{padding:14px;font-size:17px}.platform-touch .arena-replaybtn{min-height:40px}.platform-touch .arena-ladder-row{padding:9px 10px;font-size:14px}.platform-touch .arena-feed-line{font-size:12px}.platform-touch .cos-grid{grid-template-columns:repeat(auto-fill,minmax(46%,1fr))}.platform-touch .cos-item{padding:12px}.platform-touch .cos-name{font-size:14px}.platform-touch .cos-bonus{font-size:11px}.platform-touch .cashshop-card-title{min-height:140px}.platform-touch .cashshop-title-preview{font-size:19px;min-height:38px}.platform-touch .cashshop-bonus{font-size:13px}.platform-touch .cashshop-section-title{font-size:16px}.platform-touch .cashshop-topup-warn{font-size:13px}.platform-touch .cashshop-card-topup{min-height:140px}.platform-touch .cashshop-topup-ic{font-size:34px}.platform-touch .cashshop-brl{font-size:14px}.platform-touch .cashshop-free-tag{font-size:12px}.platform-touch .cash-tabs{gap:8px}.platform-touch .cash-tabs button{padding:9px 16px;font-size:14px}.platform-touch .pf-title{font-size:12px}.platform-touch .friends-toggle{width:46px;height:46px;font-size:20px}.platform-touch .friends-row{padding:10px}.platform-touch .friends-add-input{min-height:42px;font-size:15px}.platform-touch .inspect-window{left:50%;right:auto;top:76px;transform:translate(-50%);width:94vw;max-width:420px;max-height:min(72vh,560px)}.platform-touch .plaza-joy{left:14px;bottom:128px;width:132px;height:132px}.platform-touch .plaza-joy-knob{width:58px;height:58px;margin:-29px 0 0 -29px}.platform-touch .ranking-tabrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.platform-touch .ranking-tabgroup{flex:0 0 auto;text-align:left}.platform-touch .ranking-tab{flex:0 0 auto;padding:8px 12px;font-size:13px}.platform-touch .ranking-card{width:96vw;height:88vh}.platform-touch .ranking-row{padding:9px 8px;font-size:14px}.platform-touch .gm-window{width:96vw;max-width:520px;height:min(84vh,640px)}.platform-touch .gm-num,.platform-touch .gm-text,.platform-touch .gm-sel{min-height:40px;font-size:15px}.platform-touch .gm-item{padding:8px}.platform-touch .gm-iname{font-size:14px}.platform-touch .gm-give{min-height:38px;padding:4px 14px;font-size:13px}.platform-touch .gm-grid{grid-template-columns:repeat(auto-fill,minmax(46%,1fr))}.platform-touch .gm-cons{min-height:44px;font-size:13px}.platform-touch .gm-chips .sort-btn{min-height:36px}.platform-touch .about-card{width:98vw;height:96vh}.platform-touch .about-vs{flex-direction:column}.platform-touch .about-vs-x{align-self:center}.platform-touch .about-clock{font-size:30px}.platform-touch .about-feed{font-size:13px;max-height:26vh}.platform-touch .about-skip{min-height:42px}.platform-touch .about-canvas{min-height:62vh}