:root{--gold: #e9c46a;--gold-bright: #ffd98a;--bronze: #b07d35;--ink: #0a0d12;--panel: rgba(16, 20, 28, .92);--panel-edge: #3a4a63;--hp: #d6373c;--mp: #2f7bdc;--xp: #6fcf3d;--rare-common: #cfd6df;--rare-uncommon: #5ad24a;--rare-rare: #4aa3ff;--rare-epic: #c060ff;--rare-legendary: #ff9a2e;--rare-mythic: #ff4d6d;--text: #e6ecf5;--text-dim: #93a1b5}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#05070b}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--text);user-select:none;-webkit-user-select:none}#game-root{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}#weather-flash{position:absolute;inset:0;z-index:5;background:#dfe8ff;opacity:0;pointer-events:none;transition:opacity .5s ease-out}#boot-screen{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 800px at 50% 30%,#14233b,#070a10 70%);transition:opacity .8s ease}#boot-screen.hidden{opacity:0;pointer-events:none}.boot-inner{text-align:center}.boot-logo{font-size:68px;font-weight:900;letter-spacing:10px;color:var(--gold-bright);text-shadow:0 0 24px rgba(233,196,106,.55),0 4px 0 #6e4a14}.boot-sub{margin-top:6px;color:var(--text-dim);letter-spacing:6px;font-size:14px;text-transform:uppercase}.boot-bar{margin:28px auto 10px;width:360px;height:8px;background:#1b2433;border-radius:6px;overflow:hidden;border:1px solid #2c3a52}.boot-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--bronze),var(--gold-bright));transition:width .3s ease}.boot-status{color:var(--text-dim);font-size:13px;letter-spacing:1px}.panel{position:absolute;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;box-shadow:0 12px 40px #0009,inset 0 0 0 1px #ffffff08;backdrop-filter:blur(2px)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-size:14px;border-bottom:1px solid var(--panel-edge);background:linear-gradient(180deg,rgba(233,196,106,.1),transparent)}.panel-close{cursor:pointer;color:var(--text-dim);font-size:18px;line-height:1;width:22px;height:22px;display:grid;place-items:center;border-radius:4px}.panel-close:hover{color:#fff;background:#ffffff14}.panel-body{padding:12px 14px}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.unit-frame{position:absolute;top:14px;left:14px;width:290px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:8px 10px;display:flex;gap:10px;align-items:center}.unit-portrait{width:52px;height:52px;border-radius:8px;flex:none;background:radial-gradient(circle at 50% 30%,#3a557e,#1a2436);border:2px solid var(--gold);display:grid;place-items:center;font-size:26px}.unit-info{flex:1;min-width:0}.unit-name{font-weight:800;font-size:14px;display:flex;justify-content:space-between}.unit-name .lvl{color:var(--gold)}.bar{position:relative;height:13px;border-radius:5px;background:#11161f;margin-top:4px;overflow:hidden;border:1px solid #000}.bar>span{position:absolute;inset:0;width:100%;transform-origin:left;transition:transform .18s ease}.bar.hp>span{background:linear-gradient(180deg,#ff5a5f,var(--hp))}.bar.mp>span{background:linear-gradient(180deg,#4f9bff,var(--mp))}.bar.xp{height:7px}.bar.xp>span{background:linear-gradient(180deg,#9bf06a,var(--xp))}.bar .bar-text{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}#target-frame{left:320px;width:250px}#target-frame.hidden{display:none}#minimap{position:absolute;top:14px;right:14px;width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid var(--bronze);box-shadow:0 0 0 2px #000,0 8px 24px #0009;background:#0b1018}#minimap canvas{width:100%;height:100%;display:block}#minimap-label{position:absolute;top:220px;right:14px;width:200px;text-align:center;font-size:12px;color:var(--gold);letter-spacing:1px;font-weight:700;text-shadow:0 1px 2px #000}#online-count{position:absolute;top:250px;right:14px;width:200px;text-align:center;font-size:11px;color:#7fe6a0;letter-spacing:.5px;font-weight:700;text-shadow:0 1px 2px #000}body.touch-ui #online-count{display:none}#minimap-zoom{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.mmz{width:20px;height:20px;border-radius:50%;background:#080b10cc;border:1px solid var(--bronze);color:var(--gold);font-weight:900;font-size:13px;display:grid;place-items:center;cursor:pointer;line-height:1}.mmz:hover{background:#e9c46a40;color:#fff}#minimap-clock{position:absolute;top:234px;right:14px;width:200px;text-align:center;font-size:10px;color:var(--text-dim);letter-spacing:1px;text-shadow:0 1px 2px #000;font-family:monospace}#waypoint-hud{position:absolute;top:44px;left:50%;transform:translate(-50%);padding:3px 14px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:1px;background:#080b10d9;border:1px solid #2a7a8f;color:#7fe6ff;cursor:pointer;text-shadow:0 1px 2px #000}#waypoint-hud:hover{border-color:#7fe6ff}#zone-banner{position:absolute;top:90px;left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .5s ease;pointer-events:none}#zone-banner .zb-name{font-size:40px;font-weight:900;letter-spacing:4px;color:var(--gold-bright);text-shadow:0 2px 16px rgba(0,0,0,.8)}#zone-banner .zb-sub{font-size:14px;letter-spacing:6px;text-transform:uppercase;color:var(--text-dim)}#zone-banner.safe .zb-sub{color:var(--rare-uncommon)}#zone-banner.show{opacity:1}#skillbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px}.slot{position:relative;width:54px;height:54px;border-radius:8px;background:#10151e;border:2px solid #2a3548;display:grid;place-items:center;font-size:26px;cursor:pointer}.slot:hover{border-color:var(--gold)}.slot .key{position:absolute;top:1px;left:4px;font-size:11px;color:var(--text-dim);font-weight:700}.slot .cd{position:absolute;inset:0;border-radius:6px;background:#000000a8;display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff}.slot .cd-fill{position:absolute;left:0;right:0;bottom:0;background:#0000008c;border-radius:0 0 6px 6px}.slot.empty{opacity:.5}.slot.disabled{filter:grayscale(.7) brightness(.6)}#bottom-cluster{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:520px}#sys-buttons{position:absolute;bottom:18px;right:16px;display:flex;gap:6px}.sys-btn{width:40px;height:40px;border-radius:8px;background:var(--panel);border:1px solid var(--panel-edge);display:grid;place-items:center;font-size:18px;cursor:pointer;color:var(--text)}.sys-btn:hover{border-color:var(--gold);color:var(--gold)}.sys-btn .hk{position:absolute}#info-strip{position:absolute;bottom:18px;left:16px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim)}#gold-display{color:var(--gold);font-weight:800;font-size:14px}#inventory{top:80px;right:70px;width:360px}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.inv-slot{position:relative;aspect-ratio:1;background:#10151e;border:1px solid #28324a;border-radius:6px;display:grid;place-items:center;font-size:24px;cursor:pointer}.inv-slot:hover{border-color:var(--gold)}.inv-slot .stack{position:absolute;bottom:1px;right:3px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.inv-slot.r-common{box-shadow:inset 0 0 0 1px var(--rare-common)}.inv-slot.r-uncommon{box-shadow:inset 0 0 0 1px var(--rare-uncommon)}.inv-slot.r-rare{box-shadow:inset 0 0 0 1px var(--rare-rare)}.inv-slot.r-epic{box-shadow:inset 0 0 0 1px var(--rare-epic)}.inv-slot.r-legendary{box-shadow:inset 0 0 0 1px var(--rare-legendary)}.inv-slot.r-mythic{box-shadow:inset 0 0 0 1px var(--rare-mythic)}.inv-foot{display:flex;justify-content:space-between;margin-top:10px;color:var(--text-dim);font-size:12px}#charsheet{top:80px;left:70px;width:380px}.equip-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.equip-col{display:flex;flex-direction:column;gap:6px}.equip-slot{position:relative;height:46px;background:#10151e;border:1px solid #28324a;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 8px;cursor:pointer}.equip-slot:hover{border-color:var(--gold)}.equip-slot .es-icon{font-size:22px;width:26px;text-align:center}.equip-slot .es-label{font-size:11px;color:var(--text-dim)}.equip-slot .es-name{font-size:12px;font-weight:700}.stat-list{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:13px}.stat-list .row{display:flex;justify-content:space-between;border-bottom:1px dotted #29354c;padding:2px 0}.stat-list .row b{color:var(--gold)}.attr-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.attr-plus{width:22px;height:22px;border-radius:4px;background:var(--bronze);color:#fff;border:none;cursor:pointer;font-weight:900}.attr-plus:disabled{opacity:.3;cursor:default}#tooltip{position:absolute;z-index:60;max-width:280px;padding:10px 12px;background:#080b10f7;border:1px solid var(--panel-edge);border-radius:8px;font-size:12px;pointer-events:none;box-shadow:0 8px 30px #000000b3}#tooltip .tt-name{font-weight:800;font-size:14px;margin-bottom:3px}#tooltip .tt-type{color:var(--text-dim);margin-bottom:6px}#tooltip .tt-stat{color:#7fd6ff}#tooltip .tt-req{color:#ff7a7a}#tooltip .tt-desc{color:var(--text-dim);font-style:italic;margin-top:6px}#tooltip .tt-flavor{color:var(--gold);margin-top:6px}#questlog{top:80px;left:50%;transform:translate(-50%);width:460px;max-height:70vh}.quest-item{padding:8px 10px;border:1px solid #243049;border-radius:8px;margin-bottom:8px;cursor:pointer}.quest-item:hover{border-color:var(--gold)}.quest-item .q-name{font-weight:800;color:var(--gold);display:flex;justify-content:space-between}.quest-item .q-name .q-lvl{color:var(--text-dim);font-weight:600;font-size:11px}.quest-item .q-obj{font-size:12px;color:var(--text-dim);margin-top:3px}.quest-item .q-obj.done{color:var(--rare-uncommon);text-decoration:line-through}.quest-item.complete{border-color:var(--rare-uncommon)}#quest-tracker{position:absolute;top:254px;right:14px;width:220px;font-size:12px;text-shadow:0 1px 3px #000}#quest-tracker .qt-guide{color:#7fe6ff;cursor:pointer;font-weight:900}#quest-tracker .qt-guide:hover{color:#fff}#quest-tracker .qt-title{color:var(--gold);font-weight:800;letter-spacing:1px;margin-bottom:4px;font-size:11px;text-transform:uppercase}#quest-tracker .qt-q{margin-bottom:8px}#quest-tracker .qt-q .name{font-weight:700}#quest-tracker .qt-q .obj{color:#cdd7e6;padding-left:8px}#quest-tracker .qt-q .obj.done{color:var(--rare-uncommon)}#dialog{bottom:90px;left:50%;transform:translate(-50%);width:560px}.dlg-head{display:flex;gap:12px;align-items:center}.dlg-portrait{width:60px;height:60px;border-radius:8px;background:radial-gradient(circle at 50% 30%,#4a6b3a,#20301c);border:2px solid var(--gold);display:grid;place-items:center;font-size:30px}.dlg-name{font-size:18px;font-weight:800;color:var(--gold)}.dlg-text{margin:12px 0;line-height:1.5;font-size:14px}.dlg-options{display:flex;flex-direction:column;gap:6px}.dlg-opt{padding:8px 12px;background:#131a26;border:1px solid #2a3548;border-radius:6px;cursor:pointer;font-size:13px}.dlg-opt:hover{border-color:var(--gold);color:var(--gold-bright)}.dlg-opt.quest{color:var(--gold)}.vendor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-height:300px;overflow-y:auto}.tabs{display:flex;gap:4px;margin-bottom:10px}.tab{padding:5px 12px;background:#131a26;border:1px solid #2a3548;border-radius:6px;cursor:pointer;font-size:12px}.tab.active{border-color:var(--gold);color:var(--gold)}#float-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:20}.float-text{position:absolute;font-weight:900;font-size:18px;white-space:nowrap;text-shadow:0 2px 3px #000,0 0 6px rgba(0,0,0,.6);will-change:transform,opacity}.float-text.dmg{color:#ffd0a0}.float-text.crit{color:#ff5a4d;font-size:26px}.float-text.heal{color:#7bf06a}.float-text.mp{color:#6fb0ff}.float-text.xp{color:#b9f06a;font-size:14px}.float-text.miss{color:#b9c4d4}#notify-stack{position:absolute;top:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.notify{padding:8px 18px;background:#080b10e6;border:1px solid var(--panel-edge);border-radius:20px;font-size:14px;font-weight:700;animation:notifyIn .3s ease}.notify.good{border-color:var(--rare-uncommon);color:#b9f0a0}.notify.bad{border-color:var(--hp);color:#ffb0b0}.notify.gold{border-color:var(--gold);color:var(--gold-bright)}.notify.level{border-color:var(--gold);color:var(--gold-bright);font-size:18px;box-shadow:0 0 30px #e9c46a66}@keyframes notifyIn{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}#combat-log{position:absolute;bottom:84px;left:16px;width:320px;max-height:150px;overflow:hidden;font-size:11px;color:#c2cdde;display:flex;flex-direction:column-reverse;gap:1px;text-shadow:0 1px 2px #000;pointer-events:none}#combat-log .log-line{opacity:.9}#combat-log .log-line.crit{color:#ff8a6a}#combat-log .log-line.loot{color:var(--gold)}#combat-log .log-line.sys{color:#8fd4ff}#creation{position:absolute;inset:0;z-index:90;display:flex;align-items:stretch;background:transparent}#creation .cc-stage{background:radial-gradient(900px 700px at 60% 45%,rgba(40,70,110,.15) 0%,transparent 70%)}#creation .cc-left{width:420px;padding:30px 34px;overflow-y:auto;background:#080b1099;border-right:1px solid var(--panel-edge)}#creation .cc-stage{flex:1;position:relative}.cc-title{font-size:30px;font-weight:900;letter-spacing:4px;color:var(--gold-bright);margin-bottom:4px}.cc-sub{color:var(--text-dim);letter-spacing:2px;font-size:12px;text-transform:uppercase;margin-bottom:22px}.cc-field{margin-bottom:18px}.cc-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:8px;font-weight:700}.cc-input{width:100%;padding:10px 12px;background:#10151e;border:1px solid #2a3548;border-radius:8px;color:#fff;font-size:15px}.cc-input:focus{outline:none;border-color:var(--gold)}.cc-options{display:flex;flex-wrap:wrap;gap:8px}.cc-opt{padding:8px 12px;background:#10151e;border:1px solid #2a3548;border-radius:8px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px}.cc-opt.active{border-color:var(--gold);background:#e9c46a1f;color:var(--gold-bright)}.cc-swatches{display:flex;flex-wrap:wrap;gap:8px}.cc-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent}.cc-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--gold)}.cc-class{display:flex;gap:10px}.cc-class-card{flex:1;padding:12px;background:#10151e;border:1px solid #2a3548;border-radius:10px;cursor:pointer;text-align:center}.cc-class-card.active{border-color:var(--gold);background:#e9c46a1a}.cc-class-card .icon{font-size:32px}.cc-class-card .name{font-weight:800;margin-top:4px}.cc-class-card .desc{font-size:11px;color:var(--text-dim);margin-top:4px;line-height:1.3}.cc-enter{width:100%;margin-top:14px;padding:14px;font-size:16px;font-weight:900;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(180deg,var(--gold-bright),var(--bronze));color:#2a1c06;border:none;border-radius:10px;cursor:pointer}.cc-enter:hover{filter:brightness(1.08)}.cc-rotate{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px}#worldmap{top:50%;left:50%;transform:translate(-50%,-50%);width:min(1060px,94vw);height:min(780px,92vh);display:flex;flex-direction:column}#worldmap .panel-body{flex:1;display:flex;flex-direction:column;min-height:0}#worldmap .map-canvas-wrap{position:relative;flex:1;min-height:0}#worldmap canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:8px;background:#0b1018;display:block}#wm-hint{text-align:center;font-size:12px;color:var(--text-dim);padding-top:8px}#wm-confirm{position:absolute;bottom:54px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:10px 16px;background:#080b10f2;border:1px solid var(--gold);border-radius:10px;z-index:3}#wm-confirm span{font-weight:700}#wm-confirm button{padding:6px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:800}#wm-go{background:var(--bronze);color:#fff}#wm-cancel{background:#2a3548;color:var(--text)}.map-node{position:absolute;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:2}.map-node .dot{width:30px;height:30px;border-radius:50%;border:2px solid #5a3f1c;margin:0 auto;display:grid;place-items:center;box-shadow:0 2px 6px #3c280a80}.map-node .dot .ico{font-size:15px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.map-node .nm{font-size:12px;margin-top:3px;font-weight:800;color:#3d2a10;white-space:nowrap}.map-node .nm small{font-weight:600;color:#6b512c}.map-node.current .dot{border-color:var(--gold-bright);box-shadow:0 0 14px var(--gold);animation:wmPulse 1.6s ease-in-out infinite}.map-node.locked{opacity:.45}.map-node:hover .nm{color:#7a4a10;text-decoration:underline}@keyframes wmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}#death-screen{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(800px 600px at 50% 50%,#78000066,#000000e0)}#death-screen .dz{font-size:60px;font-weight:900;color:#ff3b3b;letter-spacing:8px;text-shadow:0 0 30px rgba(255,0,0,.6)}#death-screen .dz-sub{color:var(--text-dim);margin:10px 0 24px}#death-screen button{padding:12px 30px;font-size:16px;font-weight:800;background:var(--bronze);color:#fff;border:none;border-radius:8px;cursor:pointer;letter-spacing:2px}#pvp-flag{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:14px;font-size:12px;font-weight:800;letter-spacing:1px;background:#080b10d9;border:1px solid #2a3548;text-transform:uppercase}#pvp-flag.on{color:#ff5a5a;border-color:var(--hp)}#pvp-flag.safe{color:var(--rare-uncommon);border-color:var(--rare-uncommon)}#vehicle-hud{position:absolute;bottom:150px;left:50%;transform:translate(-50%);width:240px;text-align:center;background:#080b10d1;border:1px solid var(--panel-edge);border-radius:10px;padding:8px 12px}#vehicle-hud .vh-name{font-weight:800;color:var(--gold);letter-spacing:1px;font-size:14px}#vehicle-hud .vh-speed{height:8px;background:#11161f;border:1px solid #000;border-radius:5px;overflow:hidden;margin:6px 0 3px}#vehicle-hud .vh-fill{height:100%;width:0%;background:linear-gradient(90deg,#2f7bdc,#7fe0ff);transition:width .1s linear}#vehicle-hud .vh-mph{font-size:12px;color:var(--text-dim);font-family:monospace}#cast-bar{position:absolute;bottom:150px;left:50%;transform:translate(-50%);width:280px}#cast-bar .cb-track{height:16px;background:#11161f;border:1px solid #000;border-radius:6px;overflow:hidden}#cast-bar .cb-fill{height:100%;width:0%;background:linear-gradient(180deg,#ffe08a,var(--gold))}#cast-bar .cb-label{text-align:center;font-size:12px;margin-top:3px;text-shadow:0 1px 2px #000}#help{top:50%;left:50%;transform:translate(-50%,-50%);width:540px;max-height:80vh;overflow-y:auto}#help .key-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px}#help kbd{background:#1a2230;border:1px solid #38465f;border-bottom-width:2px;border-radius:4px;padding:1px 7px;font-family:monospace;font-weight:700;color:var(--gold)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#2a3548;border-radius:4px}::-webkit-scrollbar-track{background:transparent}#interact-prompt{position:absolute;bottom:220px;left:50%;transform:translate(-50%);padding:6px 16px;background:#080b10d9;border:1px solid var(--gold);border-radius:20px;font-size:13px;pointer-events:none}#interact-prompt kbd{background:var(--gold);color:#2a1c06;border-radius:4px;padding:0 6px;font-weight:800}.fps{position:absolute;bottom:64px;left:16px;font-size:11px;color:#4f6a52;font-family:monospace}img.ic{display:block;border-radius:6px;pointer-events:none}.slot img.ic{width:44px;height:44px}.inv-slot img.ic{width:40px;height:40px}.vendor-grid .inv-slot img.ic{width:38px;height:38px}.equip-slot .es-icon img.ic{width:28px;height:28px;margin:0 auto;border-radius:5px}img.tt-ic{width:22px;height:22px;vertical-align:-5px;margin-right:4px;border-radius:4px;display:inline-block}img.ic-inline{width:15px;height:15px;vertical-align:-3px;margin:0 1px;border-radius:3px;display:inline-block}#forge{top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-height:82vh;overflow-y:auto}#forge .tabs{margin-bottom:10px}.forge-picker{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.forge-picker .inv-slot{position:relative}.forge-picker .inv-slot.forge-sel{border-color:var(--gold-bright);box-shadow:0 0 10px #e9c46a8c}.inv-slot .plus{position:absolute;top:1px;left:3px;font-size:11px;font-weight:800;text-shadow:0 1px 2px #000}.inv-slot .worn{position:absolute;top:1px;right:3px;font-size:10px;font-weight:800;color:var(--gold);text-shadow:0 1px 2px #000}.forge-detail{background:#10151e;border:1px solid #2a3548;border-radius:10px;padding:12px;margin-top:6px}.forge-iname{font-weight:800;font-size:15px;margin-bottom:6px}.forge-delta{font-size:13px;color:var(--text);margin-bottom:8px}.forge-costs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.forge-cost{font-size:12px;color:var(--text);background:#0b1018;border:1px solid #2a3548;border-radius:12px;padding:3px 10px}.forge-cost.lack{color:#ff7a5a;border-color:#6a2a20}.forge-rate{font-size:13px;margin-bottom:10px}.forge-btn{padding:9px 22px;font-size:14px;font-weight:800;letter-spacing:1px;cursor:pointer;background:linear-gradient(180deg,var(--gold-bright),var(--bronze));color:#2a1c06;border:none;border-radius:8px}.forge-btn:hover{filter:brightness(1.08)}.forge-btn:disabled{filter:grayscale(.8) brightness(.6);cursor:default}.forge-btn.small{padding:4px 10px;font-size:11px;align-self:center}.forge-hint{color:var(--text-dim);font-size:12px;line-height:1.45;margin-top:8px}.forge-socket{font-size:13px;padding:5px 10px;margin:4px 0;border:1px dashed #2a3548;border-radius:8px;color:var(--text-dim)}.forge-socket.filled{border-style:solid;color:var(--text);cursor:pointer}.forge-socket.filled:hover{border-color:#ff7a5a}.forge-socket .forge-x{float:right;color:#ff7a5a;font-weight:800;font-size:12px}@keyframes forgeGlow{0%{box-shadow:0 0 #ffd76a00}30%{box-shadow:0 0 42px #ffd76ae6}to{box-shadow:0 0 #ffd76a00}}@keyframes forgeFizzle{0%{box-shadow:0 0 #78829600}30%{box-shadow:0 0 34px #5a6478e6}to{box-shadow:0 0 #78829600}}#forge.forge-glow{animation:forgeGlow .9s ease-out}#forge.forge-fizzle{animation:forgeFizzle .9s ease-out}.tt-base{color:#66707e;font-size:11px}.tt-socket{font-size:12px;color:var(--text-dim);padding:2px 0 2px 6px;border-left:2px solid #2a3548;margin:2px 0}.tt-socket.filled{color:#8ad0e8;border-left-color:#3a7a8a}#inventory{width:400px}.inv-toolbar{display:flex;gap:6px;margin-bottom:8px}#inv-search{flex:1;background:#0b1018;border:1px solid #2a3548;border-radius:6px;color:var(--text);padding:5px 10px;font-size:12px;font-family:inherit}#inv-search:focus{outline:none;border-color:var(--gold)}#inv-sort{background:#131a26;border:1px solid #2a3548;border-radius:6px;color:var(--text);padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit}#inv-sort:hover{border-color:var(--gold);color:var(--gold)}.inv-tabs{margin-bottom:8px;flex-wrap:wrap}.tab .tab-n{color:var(--text-dim);font-size:10px}.inv-scroll{max-height:46vh;overflow-y:auto}.inv-slot.dim{opacity:.16;pointer-events:none}.inv-slot.locked{border-color:#7a6a3a}.inv-slot.junk img.ic{filter:grayscale(.9) brightness(.65)}.inv-slot .lockb{position:absolute;top:0;right:2px;font-size:10px;text-shadow:0 1px 2px #000}.inv-slot .junkb{position:absolute;top:1px;right:3px;font-size:10px;font-weight:900;color:#9aa5b5;text-shadow:0 1px 2px #000}.inv-slot.fresh{animation:invGlint 1.1s ease-out infinite;border-color:#ffe9a0}@keyframes invGlint{0%{box-shadow:0 0 2px #ffe078e6,inset 0 0 4px #ffe0788c}50%{box-shadow:0 0 12px #ffe078f2,inset 0 0 10px #ffe078cc}to{box-shadow:0 0 2px #ffe078e6,inset 0 0 4px #ffe0788c}}#inv-menu{position:absolute;z-index:70;min-width:170px;padding:6px;background:#0a0e14fa;border:1px solid var(--panel-edge);border-radius:8px;box-shadow:0 10px 30px #000000b3;font-size:12px}#inv-menu .im-title{font-weight:800;padding:4px 8px 6px;border-bottom:1px solid #243049;margin-bottom:4px}#inv-menu .im-row{padding:6px 8px;border-radius:5px;cursor:pointer;color:var(--text)}#inv-menu .im-row:hover{background:#1a2434;color:var(--gold)}#inv-menu .im-row.danger{color:#ff8a6a}#inv-menu .im-row.danger:hover{background:#2a1410;color:#ff5a4d}#tooltip-cmp{position:absolute;z-index:59;max-width:260px;padding:10px 12px;background:#080b10f7;border:1px solid #3a4a68;border-radius:8px;font-size:12px;pointer-events:none;box-shadow:0 8px 30px #000000b3}#tooltip-cmp .tt-name{font-weight:800;font-size:13px;margin-bottom:3px}#tooltip-cmp .tt-type{color:var(--text-dim);margin-bottom:6px}#tooltip-cmp .tt-stat{color:#7fd6ff}#tooltip-cmp .tt-req{color:#ff7a7a}#tooltip-cmp .tt-desc,#tooltip-cmp .tt-flavor{display:none}.tt-cmp-head{color:var(--gold);font-weight:800;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.tt-delta{font-weight:700}.tt-delta.up{color:#5ad24a}.tt-delta.down{color:#ff6a5a}#bank{top:70px;left:60px;width:430px}.bank-grid{grid-template-columns:repeat(8,1fr);max-height:44vh;overflow-y:auto}.bank-grid .inv-slot img.ic{width:34px;height:34px}.tab.tab-buy{color:var(--gold);border-style:dashed}.tab.tab-buy:hover{border-color:var(--gold)}.bank-gold{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px}.bank-gold b{color:var(--gold)}.bank-gold input{width:90px;background:#0b1018;border:1px solid #2a3548;border-radius:6px;color:var(--text);padding:4px 8px;font-size:12px;font-family:inherit}.bank-gold input:focus{outline:none;border-color:var(--gold)}.loadout-row{display:flex;align-items:center;gap:8px;margin-top:10px}.loadout-row .lo-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.lo-group{display:inline-flex}.lo-btn{width:30px;height:26px;background:#131a26;border:1px solid #2a3548;border-radius:6px 0 0 6px;color:var(--text-dim);font-weight:900;cursor:pointer;font-family:inherit}.lo-btn.has{color:var(--gold);border-color:#4a5a3a}.lo-btn:hover{border-color:var(--gold);color:var(--gold-bright)}.lo-save{height:26px;background:#0e1420;border:1px solid #2a3548;border-left:none;border-radius:0 6px 6px 0;color:var(--text-dim);font-size:10px;cursor:pointer;padding:0 6px;font-family:inherit}.lo-save:hover{color:var(--gold);border-color:var(--gold)}#charselect{position:absolute;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px;background:linear-gradient(180deg,#04080dad,#04080d14 30% 62%,#04080dc7)}.cs-logo{font-size:62px;font-weight:900;letter-spacing:12px;line-height:1.1;background:linear-gradient(180deg,#f0cd8a,#c99a4e 38%,#7a4e18 52%,#a8763a 68%,#5e3a10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #33200a) drop-shadow(0 3px 0 #241605) drop-shadow(0 10px 18px rgba(0,0,0,.8))}.cs-head{text-align:center}.cs-head .cc-sub{margin-top:12px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.cs-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:1100px}.cs-card{position:relative;width:196px;padding:18px 14px 14px;text-align:center;background:#0c121ceb;border:1px solid var(--panel-edge);border-radius:12px;box-shadow:0 12px 40px #0000008c}.cs-card:hover{border-color:var(--gold)}.cs-card.cs-new{border-style:dashed;opacity:.9}.cs-portrait{font-size:44px;line-height:1.1;margin-bottom:6px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.cs-name{font-size:17px;font-weight:800;color:var(--gold)}.cs-title{font-size:11px;font-style:italic;color:#ffd76a;min-height:15px;margin:2px 0 4px}.cs-title.dim{color:#3a4658}.cs-meta{font-size:12px;color:#93a1b5;line-height:1.5}.cs-enter{margin-top:12px;width:100%;font-size:14px;padding:9px 0}.cs-del{margin-top:8px;font-size:11px;color:#93a1b5;cursor:pointer}.cs-del:hover{color:#ff8a6a}.cs-confirm{margin-top:8px;padding:8px;background:#180e10;border:1px solid #55282a;border-radius:8px}.cs-confirm-msg{font-size:11px;color:#ffb0a0;margin-bottom:6px}.cs-del-input{width:100%;box-sizing:border-box;margin-bottom:6px}.cs-confirm-row{display:flex;gap:6px;justify-content:center}.cs-btn{padding:5px 12px;font-size:12px;font-family:inherit;cursor:pointer;border-radius:6px;background:#131b2a;border:1px solid #2a3548;color:var(--text)}.cs-btn.danger{background:#2a1410;border-color:#6a2a22;color:#ff8a6a}.cs-btn.danger:hover{background:#3a1a12}.cs-foot{font-size:11px;color:#5a6a80}.notify.achieve{border-color:var(--gold);color:var(--gold-bright);font-size:16px;background:linear-gradient(180deg,#3a2a0af2,#140e06f2);box-shadow:0 0 34px #ffd76a73}#achievements .panel-body{display:flex;flex-direction:column;min-height:0}.ach-scroll{overflow-y:auto;max-height:56vh;padding-right:4px}.ach-cat{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin:14px 0 6px;border-bottom:1px solid #243049;padding-bottom:4px}.ach-row{display:flex;gap:10px;align-items:center;padding:7px 6px;border-radius:8px}.ach-row:hover{background:#131b2a}.ach-row .ach-ic{width:36px;height:36px;border-radius:7px;flex:none;filter:grayscale(.9) brightness(.55)}.ach-row.done .ach-ic{filter:none}.ach-mid{flex:1;min-width:0}.ach-name{font-size:13px;font-weight:700;color:var(--text)}.ach-row.done .ach-name{color:var(--gold-bright)}.ach-check{color:#5ad24a}.ach-desc{font-size:11px;color:#93a1b5}.ach-reward{font-size:11px;color:#e9c46a}.ach-date{font-size:10px;color:#5a6a80;flex:none}.ach-bar{height:4px;background:#0e1420;border-radius:3px;margin-top:4px;overflow:hidden}.ach-bar span{display:block;height:100%;background:linear-gradient(90deg,#2f7bdc,#7fd6ff)}.ach-prog{font-size:10px;color:#5a8ab5;margin-top:2px}.ach-hint{font-size:11px;color:#93a1b5;line-height:1.5;margin:6px 0}.title-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.title-btn{padding:6px 12px;border-radius:16px;cursor:pointer;font-family:inherit;font-size:12px;background:#131b2a;border:1px solid #2a3548;color:var(--text);font-style:italic}.title-btn:hover{border-color:var(--gold)}.title-btn.active{background:#2a2210;border-color:var(--gold);color:var(--gold-bright)}#almanac .panel-body{display:flex;flex-direction:column;min-height:0}.alm-rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:8px 0}.alm-ring-card{background:#101826;border:1px solid #2a3548;border-radius:10px;padding:12px 8px;cursor:pointer;font-family:inherit;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .12s}.alm-ring-card:hover{border-color:var(--gold)}.alm-ring{width:62px;height:62px;border-radius:50%;display:grid;place-items:center}.alm-ring-in{width:48px;height:48px;border-radius:50%;background:#0c1320;display:grid;place-items:center;font-size:24px}.alm-ring-name{font-size:12px;font-weight:700}.alm-ring-num{font-size:11px;color:#3ec6a4;font-weight:700}.alm-next{font-size:12px;color:#93a1b5;line-height:1.5}.alm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin-top:6px}.alm-entry{display:flex;gap:9px;align-items:center;padding:7px;border-radius:8px;background:#101826;border:1px solid transparent}.alm-entry.known{border-color:#24344a}.alm-entry.known:hover{background:#14203160;border-color:#3ec6a4}.alm-entry.hidden-entry{opacity:.55}.alm-chip{width:38px;height:38px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:18px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 75%,white),var(--c) 70%);box-shadow:inset 0 -3px 6px #00000059}.alm-ic{width:38px;height:38px;border-radius:8px;flex:none}.alm-e-mid{min-width:0;flex:1}.alm-e-name{font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alm-entry.hidden-entry .alm-e-name{color:#5a6a80;letter-spacing:2px}.alm-e-sub{font-size:10px;color:#3ec6a4;text-transform:capitalize}.alm-entry.hidden-entry .alm-e-sub{color:#5a6a80}.alm-e-lore{font-size:10px;color:#8595a8;line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.touch-ui .alm-grid{grid-template-columns:1fr}.stat-col-h{font-size:10px;color:#5a8ab5;text-transform:none;letter-spacing:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px}.stat-cell{display:flex;align-items:baseline;gap:6px;font-size:12px;padding:3px 4px;border-radius:5px}.stat-cell:hover{background:#131b2a}.stat-cell span{flex:1;color:#93a1b5}.stat-cell b{color:var(--text)}.stat-cell i{font-style:normal;font-size:11px;color:#5a8ab5;min-width:40px;text-align:right}#settings{width:460px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px;font-size:13px}.set-row>span:first-child{color:var(--text)}.set-note{color:#5a8ab5;font-size:11px}.set-row input[type=range]{width:170px;accent-color:#e9c46a}.set-opts{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.set-opt{padding:5px 10px;font-size:12px;font-family:inherit;cursor:pointer;border-radius:6px;background:#131b2a;border:1px solid #2a3548;color:var(--text);text-transform:capitalize}.set-opt:hover{border-color:var(--gold)}.set-opt.active{background:#2a2210;border-color:var(--gold);color:var(--gold-bright)}.set-opt.danger{color:#ff8a6a;border-color:#55282a}.set-check input{width:18px;height:18px;accent-color:#e9c46a;cursor:pointer}#set-code{width:100%;box-sizing:border-box;height:74px;margin-top:8px;resize:none;background:#0a0f16;border:1px solid #2a3548;border-radius:8px;color:#7fd6ff;font:11px/1.4 monospace;padding:8px;word-break:break-all}body.cb-rarity .inv-slot[class*=r-]{position:relative}body.cb-rarity .inv-slot[class*=r-]:before{position:absolute;top:0;right:2px;z-index:3;font-size:9px;line-height:1.2;text-shadow:0 1px 2px #000;pointer-events:none}body.cb-rarity .inv-slot.r-uncommon{border-style:dashed}body.cb-rarity .inv-slot.r-uncommon:before{content:"▲";color:var(--rare-uncommon)}body.cb-rarity .inv-slot.r-rare{border-style:dotted}body.cb-rarity .inv-slot.r-rare:before{content:"◆";color:var(--rare-rare)}body.cb-rarity .inv-slot.r-epic{border-style:double;border-width:3px}body.cb-rarity .inv-slot.r-epic:before{content:"★";color:var(--rare-epic)}body.cb-rarity .inv-slot.r-legendary{border-style:dashed;border-width:2px}body.cb-rarity .inv-slot.r-legendary:before{content:"✦";color:var(--rare-legendary)}body.cb-rarity .inv-slot.r-mythic{border-style:double;border-width:3px}body.cb-rarity .inv-slot.r-mythic:before{content:"❖";color:var(--rare-mythic)}#fp-overlay{position:fixed;inset:0;pointer-events:none;z-index:40}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;--gap: 10px;transition:opacity .12s}#crosshair .ch-l{position:absolute;background:#f0f8fff2;border-radius:1px;box-shadow:0 0 0 1px #080c12cc,0 1px 3px #000000d9}#crosshair .ch-t{width:2px;height:9px;left:-1px;top:calc(-1 * var(--gap) - 9px)}#crosshair .ch-b{width:2px;height:9px;left:-1px;top:var(--gap)}#crosshair .ch-le{width:9px;height:2px;top:-1px;left:calc(-1 * var(--gap) - 9px)}#crosshair .ch-r{width:9px;height:2px;top:-1px;left:var(--gap)}#crosshair .ch-dot{position:absolute;width:3px;height:3px;left:-1.5px;top:-1.5px;border-radius:50%;background:#f0f8fff2;box-shadow:0 0 0 1px #080c12cc,0 1px 2px #000000d9}#crosshair .ch-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(240,248,255,.9);width:calc(var(--gap) * 2);height:calc(var(--gap) * 2);left:calc(-1 * var(--gap));top:calc(-1 * var(--gap));box-shadow:0 0 0 1px #080c12b3,inset 0 0 0 1px #080c12b3}#crosshair.ch-cross .ch-ring,#crosshair.ch-dot .ch-l,#crosshair.ch-dot .ch-ring,#crosshair.ch-circle .ch-l{display:none}#crosshair.ch-nodot:not(.ch-dot) .ch-dot{display:none}#hitmarker{position:absolute;left:50%;top:50%;opacity:0}#hitmarker i{position:absolute;width:2.5px;height:10px;background:#fff;box-shadow:0 0 4px #000000e6}#hitmarker i:nth-child(1){transform:translate(-9px,-14px) rotate(-45deg)}#hitmarker i:nth-child(2){transform:translate(6px,-14px) rotate(45deg)}#hitmarker i:nth-child(3){transform:translate(-9px,4px) rotate(45deg)}#hitmarker i:nth-child(4){transform:translate(6px,4px) rotate(-45deg)}#hitmarker.show{animation:hm-pop .28s ease-out}#hitmarker.crit i{background:#ff5a4d}@keyframes hm-pop{0%{opacity:1;transform:scale(1.35)}70%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(.92)}}#dmg-dirs{position:absolute;left:50%;top:50%}.dmg-dir{position:absolute;left:-40px;top:-40px;width:80px;height:80px;opacity:0}.dmg-dir:before{content:"";position:absolute;left:50%;top:-78px;width:64px;height:30px;transform:translate(-50%);background:radial-gradient(ellipse at 50% 100%,#ff3c2800 40%,#ff3c28d9 72%,#ff3c2800 78%);clip-path:polygon(15% 100%,50% 0%,85% 100%)}.dmg-dir.show{animation:dmg-dir-fade 1.1s ease-out}@keyframes dmg-dir-fade{0%{opacity:1}70%{opacity:.8}to{opacity:0}}#ammo-hud{position:absolute;right:24px;bottom:96px;text-align:right;text-shadow:0 2px 4px rgba(0,0,0,.9);pointer-events:none}#ammo-hud .ah-count{font-size:26px;font-weight:700;color:var(--text);letter-spacing:1px}#ammo-hud .ah-sep{color:#5a8ab5;margin:0 6px;font-size:20px}#ammo-hud #ah-mag.empty{color:#ff5a4d}#ammo-hud #ah-res{font-size:18px;color:#93a1b5}#ammo-hud .ah-name{font-size:11px;color:#e9c46a;margin-top:1px}#ammo-hud .ah-reload{height:4px;width:130px;margin-left:auto;margin-top:5px;background:#0e1420;border-radius:3px;overflow:hidden}#ammo-hud .ah-reload span{display:block;height:100%;width:0;background:linear-gradient(90deg,#e9c46a,#ffd76a)}#modes{width:560px}#modes-list{display:flex;flex-direction:column;gap:12px}.mode-card{display:flex;align-items:center;gap:14px;padding:12px;background:linear-gradient(135deg,#101a26,#0a1420 65%,#14100e);border:1px solid #2a3a4c;border-radius:10px}.mode-art{font-size:40px;width:74px;text-align:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}.mode-info{flex:1;min-width:0}.mode-name{font-weight:700;font-size:16px;color:#7ae8c8}.mode-sub{font-size:11px;color:#93a1b5;font-style:italic}.mode-blurb{font-size:11px;color:#b8c4d4;margin:4px 0}.mode-best{font-size:11px;color:#e9c46a}.mode-enter{padding:8px 14px;white-space:nowrap}.modes-foot{margin-top:12px;font-size:10.5px;color:#6a7a90;text-align:center}.cs-modes{margin-top:6px;width:100%;padding:6px;cursor:pointer;background:linear-gradient(180deg,#1c3028,#12201c);color:#7ae8c8;border:1px solid #2a5a48;border-radius:6px;font-size:12px}.cs-modes:hover{background:linear-gradient(180deg,#26463a,#16302a)}#horde-hud{position:absolute;left:50%;top:12px;transform:translate(-50%);text-align:center;pointer-events:none;z-index:30}#horde-hud .hh-round{font-size:30px;font-weight:700;color:#ff5a4d;text-shadow:0 0 12px rgba(255,40,20,.6),0 2px 4px #000}#horde-hud .hh-skull{font-size:20px;margin-right:6px;opacity:.85}#horde-hud .hh-points{font-size:17px;font-weight:700;color:#ffd76a;text-shadow:0 2px 4px #000}#horde-hud .hh-left{font-size:11px;color:#9fb2c8;text-shadow:0 1px 3px #000;margin-top:1px}#horde-hud .hh-perks{margin-top:5px;display:flex;gap:5px;justify-content:center}.hh-perk{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;font-size:15px;background:#080e16cc;border:1.5px solid #555;border-radius:50%}#horde-hud .hh-ticker{position:absolute;left:calc(100% + 12px);top:6px;text-align:left}.hh-tick{font-size:13px;font-weight:700;text-shadow:0 1px 3px #000;animation:hh-tick-fade 1.1s ease-out forwards}.hh-tick.plus{color:#ffd76a}.hh-tick.minus{color:#ff5a4d}@keyframes hh-tick-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}#horde-hud .hh-down{margin-top:8px;pointer-events:none}#horde-hud .hh-down-label{font-size:14px;font-weight:700;color:#ff3b30;animation:hh-blink .8s steps(2) infinite;text-shadow:0 0 10px rgba(255,0,0,.7)}@keyframes hh-blink{50%{opacity:.35}}#horde-hud .hh-down-bar{width:220px;height:7px;margin:4px auto 0;background:#200a0a;border:1px solid #5a1a1a;border-radius:4px;overflow:hidden}#horde-hud .hh-down-bar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a01818,#ff4a3a)}#horde-banner{position:absolute;left:50%;top:30%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:35;opacity:0}#horde-banner.show{animation:hb-in 3.4s ease-out forwards}#horde-banner .hb-round{font-size:54px;font-weight:700;letter-spacing:6px;color:#ff4a3a;text-shadow:0 0 24px rgba(255,30,10,.75),0 3px 6px #000}#horde-banner .hb-sub{font-size:18px;color:#8af2ff;letter-spacing:3px;text-shadow:0 0 14px rgba(80,220,255,.7),0 2px 4px #000}@keyframes hb-in{0%{opacity:0;transform:translate(-50%) scale(1.5)}12%{opacity:1;transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0}}#horde-vignette{position:fixed;inset:0;pointer-events:none;z-index:25;opacity:0;transition:opacity .8s}#horde-vignette.active{opacity:1;box-shadow:inset 0 0 140px 40px #040810bf}#horde-vignette.pulse{animation:hv-pulse 2.4s ease-out}#horde-vignette.down{box-shadow:inset 0 0 180px 70px #780606cc}@keyframes hv-pulse{0%{box-shadow:inset 0 0 140px 40px #040810bf}25%{box-shadow:inset 0 0 220px 110px #5a0804d9}to{box-shadow:inset 0 0 140px 40px #040810bf}}#horde-summary{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#0a0404d1,#020206f5)}#horde-summary.hidden{display:none}#horde-summary .hs-title{font-size:44px;font-weight:700;letter-spacing:8px;color:#ff4a3a;text-shadow:0 0 30px rgba(255,20,0,.6)}#horde-summary .hs-grid{display:flex;gap:26px}#horde-summary .hs-cell{text-align:center;min-width:110px;padding:14px 10px;background:#101622bf;border:1px solid #2a3a4c;border-radius:10px}#horde-summary .hs-num{font-size:30px;font-weight:700;color:#ffd76a}#horde-summary .hs-lbl{font-size:11px;color:#93a1b5;margin-top:2px;letter-spacing:1px}#horde-summary .hs-best{font-size:14px;color:#b8c4d4}#horde-summary .hs-new{color:#5ad24a;font-weight:700;animation:hh-blink .9s steps(2) infinite}#hs-return{padding:12px 26px;font-size:16px;cursor:pointer;border-radius:8px;background:linear-gradient(180deg,#2a6a4a,#1a4030);color:#eafff2;border:1px solid #3a8a5a}#hs-return:hover{background:linear-gradient(180deg,#37855d,#235640)}body.horde-run #pvp-flag{display:none}.dm-card .dm-opts{margin:6px 0 4px;display:flex;flex-direction:column;gap:5px}.dm-optrow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.dm-pill{padding:3px 10px;font-size:11px;cursor:pointer;border-radius:12px;background:#16202e;color:#9fb2c8;border:1px solid #2a3a4c}.dm-pill:hover{border-color:#3ae8c8}.dm-pill.on{background:#1c3a34;color:#7df2d8;border-color:#3ae8c8}.dm-gunsel{background:#101823;color:#cfe0f0;border:1px solid #2a3a4c;border-radius:6px;font-size:11px;padding:3px 4px;max-width:150px}.dm-equal{font-size:11px;color:#9fb2c8;display:flex;gap:4px;align-items:center;cursor:pointer}#dm-hud{position:absolute;left:50%;top:12px;transform:translate(-50%);text-align:center;pointer-events:none;z-index:30}#dm-hud .dmh-timer{font-size:26px;font-weight:700;color:#e8f2ff;text-shadow:0 0 10px rgba(80,180,255,.5),0 2px 4px #000}#dm-hud .dmh-score{font-size:14px;color:#c8d2e0;text-shadow:0 2px 4px #000;margin-top:1px}#dm-hud .dmh-vs{opacity:.6;margin:0 4px}#dm-hud .dmh-goal{font-size:11px;color:#7d8ba0}body.dm-run #pvp-flag{display:none}#dm-killfeed{position:fixed;right:14px;top:262px;z-index:35;display:flex;flex-direction:column;gap:4px;align-items:flex-end;pointer-events:none}.kf-entry{font-size:12px;font-weight:700;padding:4px 9px;border-radius:6px;background:#0a101ac7;border:1px solid #263344;display:flex;align-items:center;gap:6px;animation:kf-in .18s ease-out}.kf-gun{width:20px;height:20px;image-rendering:auto}.kf-gun-x{color:#93a1b5}@keyframes kf-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}#dm-medal{position:fixed;left:50%;top:26%;transform:translate(-50%);z-index:60;pointer-events:none;font-size:34px;font-weight:700;letter-spacing:6px;color:#ffd24a;text-shadow:0 0 24px rgba(255,180,40,.75),0 2px 4px #000}#dm-medal.show{animation:dm-medal-pop 2.2s ease-out forwards}#dm-medal.horn{color:#ff5a3a;text-shadow:0 0 30px rgba(255,60,20,.85),0 2px 4px #000;font-size:44px}@keyframes dm-medal-pop{0%{opacity:0;transform:translate(-50%) scale(1.6)}12%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) scale(.94)}}#dm-respawn{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:55;text-align:center;pointer-events:none}#dm-respawn .dmr-label{font-size:34px;font-weight:700;letter-spacing:8px;color:#ff4a3a;text-shadow:0 0 22px rgba(255,30,10,.7),0 2px 4px #000}#dm-respawn .dmr-by{font-size:14px;color:#c8d2e0;margin-top:2px;text-shadow:0 2px 4px #000}#dm-respawn .dmr-count{font-size:52px;font-weight:700;color:#ffd76a;margin-top:6px;text-shadow:0 0 18px rgba(255,200,60,.6),0 2px 6px #000}#dm-scoreboard{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:70;min-width:380px;padding:14px 18px;border-radius:12px;background:#080c14e0;border:1px solid #2a3a4c;box-shadow:0 10px 40px #0009}.dmsb-title{text-align:center;font-size:13px;letter-spacing:3px;color:#8fa2b8;margin-bottom:8px}.dmsb-team{font-size:13px;font-weight:700;letter-spacing:2px;margin:8px 0 2px}.dmsb-row{display:grid;grid-template-columns:26px 1fr 44px 44px 44px;gap:4px;padding:3px 6px;font-size:13px;color:#c8d2e0;border-radius:5px}.dmsb-row span:nth-child(n+3){text-align:center}.dmsb-row.me{background:#ffd76a1a;border:1px solid rgba(255,215,106,.3)}.dmsb-row.dmsb-head{color:#7d8ba0;font-size:11px}.dmsb-rank{color:#7d8ba0}.dmsb-name{font-weight:700;text-align:left}#dm-podium{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#060a06d1,#020206f5)}#dm-podium.hidden{display:none}.dmp-title{font-size:34px;font-weight:700;letter-spacing:4px;color:#e8f2ff;text-shadow:0 2px 6px #000}.dmp-win{color:#5ad24a;text-shadow:0 0 26px rgba(60,255,90,.5)}.dmp-mid{color:#ffd76a}.dmp-lose{color:#ff5a4d}.dmp-steps{display:flex;align-items:flex-end;gap:10px}.dmp-step{text-align:center;padding:10px 16px 12px;border-radius:10px 10px 0 0;background:#141c28d9;border:1px solid #2a3a4c;min-width:120px}.dmp-step.p1{padding-top:26px;border-color:#ffd76a;box-shadow:0 0 22px #ffd25a2e}.dmp-step.p3{padding-top:4px}.dmp-medal{font-size:26px}.dmp-sname{font-weight:700;font-size:14px;margin-top:2px}.dmp-skills{font-size:11px;color:#93a1b5}.dmp-table{min-width:380px;max-height:200px;overflow-y:auto;padding:8px 12px;background:#0c121cbf;border:1px solid #263344;border-radius:10px}.dmp-stats{display:flex;gap:18px}.dmp-gold{font-size:14px;color:#ffd76a;text-shadow:0 1px 3px #000}#dmp-return{padding:12px 26px;font-size:16px;cursor:pointer;border-radius:8px;background:linear-gradient(180deg,#2a6a4a,#1a4030);color:#eafff2;border:1px solid #3a8a5a}#dmp-return:hover{background:linear-gradient(180deg,#37855d,#235640)}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:8px}.pet-card{display:flex;gap:10px;padding:10px;border-radius:10px;background:#121a26d9;border:1px solid #2a3a4c}.pet-card.locked{opacity:.55;filter:saturate(.4)}.pet-card.active{border-color:#4f9b6d;box-shadow:0 0 14px #50c8822e}.pet-ic{width:52px;height:52px;border-radius:8px;flex:none}.pet-mid{flex:1;min-width:0}.pet-name{font-weight:700;font-size:13px}.pet-name .pet-active-tag{color:#6fe0a0;font-size:11px;font-weight:400}.pet-desc{font-size:11px;color:#93a1b5;margin-top:2px}.pet-src{font-size:10px;color:#6d87a8;margin-top:3px;font-style:italic}.pet-btn{margin-top:6px;padding:4px 12px;font-size:12px;cursor:pointer;border-radius:6px;background:linear-gradient(180deg,#2a6a4a,#1a4030);color:#eafff2;border:1px solid #3a8a5a}.pet-btn:hover{background:linear-gradient(180deg,#37855d,#235640)}.pet-btn.dismiss{background:linear-gradient(180deg,#5a4030,#3a2820);border-color:#7a5a40;color:#ffe8d0}.prof-list{display:flex;flex-direction:column;gap:8px}.prof-row{display:flex;gap:10px;padding:9px;border-radius:10px;background:#121a26d9;border:1px solid #2a3a4c}.prof-ic{width:46px;height:46px;border-radius:8px;flex:none}.prof-mid{flex:1;min-width:0}.prof-name{font-weight:700;font-size:13px;color:#e8f2ff}.prof-lvl{color:#ffd76a;font-size:12px;margin-left:4px}.prof-blurb{font-size:11px;color:#93a1b5;margin-top:1px}.prof-bar{height:6px;margin-top:5px;border-radius:3px;background:#0d1420;border:1px solid #263344;overflow:hidden}.prof-bar span{display:block;height:100%;background:linear-gradient(90deg,#2a8a5a,#5ad24a)}.prof-xp{font-size:10px;color:#6d87a8;margin-top:2px}.prof-counts{font-size:11px;color:#a8b6c8;margin-top:3px}.prof-counts b{color:#e9c46a}.prof-food{font-size:12px;color:#c8d2e0;padding:6px 2px}#cooking{width:560px}.cook-skill{font-size:11px;color:#93a1b5;margin-bottom:8px}.cook-row{display:flex;gap:10px;align-items:center;padding:8px;margin-bottom:6px;border-radius:10px;background:#121a26d9;border:1px solid #2a3a4c}.cook-row.unknown{opacity:.8}.cook-row.unknown .prof-ic{filter:brightness(.55) saturate(.3)}.cook-name{font-weight:700;font-size:13px}.cook-src{font-size:10px;color:#6d87a8;font-weight:400}.cook-req{font-size:10px;color:#6fb06a;margin-left:4px}.cook-req.lack{color:#ff7a5a}.cook-desc{font-size:11px;color:#93a1b5;margin-top:1px}.cook-ings{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.cook-ing{font-size:11px;color:#c8d2e0;background:#0a101ab3;border:1px solid #263344;border-radius:6px;padding:2px 6px}.cook-ing.lack{color:#ff8a70;border-color:#5a2a22}.cook-btn{flex:none;padding:6px 14px;font-size:12px;cursor:pointer;border-radius:6px;background:linear-gradient(180deg,#8a5a2a,#5a3a1a);color:#ffe8c8;border:1px solid #b07a3a}.cook-btn:hover:not(:disabled){background:linear-gradient(180deg,#a8702f,#6e4820)}.cook-btn:disabled{opacity:.4;cursor:default}#cook-bar{margin-top:10px;padding:10px;border-radius:10px;background:#0c121ce6;border:1px solid #3a4a5c}#cook-bar.hidden{display:none}.cb2-label{font-size:12px;color:#ffd76a;margin-bottom:6px}.cb2-track{position:relative;height:18px;border-radius:9px;background:#0d1420;border:1px solid #263344;overflow:hidden}.cb2-zone{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#ffbe46d9,#c8821ed9);border-radius:4px}.cb2-marker{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;background:#eafcff;border-radius:2px;box-shadow:0 0 8px #a0dcffe6}.cb2-hint{font-size:10px;color:#6d87a8;margin-top:6px}.cb2-hint kbd{background:#1a2436;border:1px solid #34435c;border-radius:4px;padding:0 5px;font-size:10px}#fish-game{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);z-index:80;padding:14px 18px 12px;border-radius:14px;text-align:center;background:#060c14eb;border:1px solid #2a4a6c;box-shadow:0 12px 50px #000000b3}#fish-game.hidden{display:none}.fg-title{font-size:16px;font-weight:700;color:#7fd6ff;letter-spacing:1px;margin-bottom:6px}.fg-hint{font-size:11px;color:#8fa2b8;margin-top:4px}.fg-hint kbd{background:#1a2436;border:1px solid #34435c;border-radius:4px;padding:0 5px;font-size:10px}#prof-channel{position:fixed;left:50%;bottom:128px;transform:translate(-50%);z-index:40;pointer-events:none}#prof-channel.hidden{display:none}#prof-channel .pc-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px}#event-banner{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:12px;padding:10px 22px;border-radius:12px;border:1px solid #e9c46a;background:linear-gradient(180deg,#0e1420f0,#080c14f0);box-shadow:0 10px 40px #0009,0 0 24px #e9c46a26;pointer-events:none;transition:transform .45s cubic-bezier(.2,.9,.25,1.2),opacity .35s;opacity:1}#event-banner.eb-hidden{transform:translate(-50%,-140px);opacity:0}#event-banner .eb-icon{font-size:26px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}#event-banner .eb-text{display:flex;flex-direction:column}#event-banner .eb-title{font-size:15px;letter-spacing:2px;color:#ffe08a}#event-banner .eb-sub{font-size:12px;color:#c8d2e0}#dailyboard{width:560px}.db-head{display:flex;justify-content:space-between;font-size:12px;color:#93a1b5;margin-bottom:10px}.db-head b{color:#ffd76a}.db-quest{display:flex;gap:12px;align-items:center;padding:10px;margin-bottom:8px;border-radius:10px;background:#121a26d9;border:1px solid #2a3a4c}.db-quest.done{border-color:#4a7a3c;box-shadow:0 0 12px #5ad24a1f inset}.db-quest.claimed{opacity:.55}.db-ic{font-size:24px;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.db-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.db-name{font-weight:700;font-size:13px;color:#e8f2ff}.db-desc{font-size:11px;color:#93a1b5}.db-bar{height:6px;border-radius:3px;background:#0d1420;border:1px solid #263344;overflow:hidden}.db-bar span{display:block;height:100%;background:linear-gradient(90deg,#8a6a2a,#e9c46a)}.db-prog{font-size:10px;color:#6d87a8}.db-prog b{color:#ffd76a}.db-claim{min-width:92px}.wm-badges{position:absolute;top:-10px;right:-12px;display:flex;gap:1px}.wm-badge{font-size:12px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9))}.wm-badge.wm-event{animation:wm-pulse 1.2s ease-in-out infinite}.wm-badge.wm-boss.down{opacity:.35;filter:grayscale(1)}@keyframes wm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.map-node .dot{position:relative}body.photo-mode #ui-root>:not(#photo-ui):not(#touch-controls){display:none!important}#photo-ui{position:absolute;inset:0;pointer-events:none;z-index:60}#photo-ui.hidden{display:none}.ph-bar{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:8px 18px;border-radius:10px;border:1px solid #3a4a63;background:#080c14d1}.ph-title{font-size:13px;font-weight:800;letter-spacing:3px;color:var(--gold)}.ph-filter{font-size:12px;color:#9fd6ff;text-transform:capitalize}.ph-help{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:12px;color:#c3cede;padding:7px 16px;border-radius:10px;background:#080c14b8;border:1px solid #2a3a4c;white-space:nowrap}.ph-help kbd{background:#1a2436;border:1px solid #34435c;border-radius:4px;padding:0 5px;font-size:10px}.ph-toast{position:absolute;top:74px;left:50%;transform:translate(-50%);font-size:13px;color:#ffe08a;padding:5px 14px;border-radius:8px;background:#080c14d9;opacity:0;transition:opacity .25s;pointer-events:none}.ph-toast.show{opacity:1}#emote-radial{position:absolute;inset:0;z-index:58;pointer-events:none;background:radial-gradient(360px 360px at 50% 50%,rgba(4,8,13,.55),transparent 70%)}#emote-radial.hidden{display:none}.er-ring{position:absolute;left:50%;top:50%;width:0;height:0}.er-item{position:absolute;left:-34px;top:-34px;width:68px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:50%;border:2px solid #3a4a63;background:#0c121ceb;box-shadow:0 8px 24px #0009;transition:border-color .1s,box-shadow .1s;pointer-events:auto;cursor:pointer}.er-item .er-ic{font-size:26px;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.er-item .er-key{font-size:9px;color:#6d87a8}.er-item.sel{border-color:var(--gold);box-shadow:0 0 18px #e9c46a73}.er-label{position:absolute;left:-60px;top:-12px;width:120px;text-align:center;font-size:13px;font-weight:800;letter-spacing:2px;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.9)}#hint-card{position:fixed;right:18px;bottom:210px;z-index:56;width:320px;display:flex;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid #4a6a8c;background:#0a121cf2;box-shadow:0 12px 40px #000000a6,0 0 20px #5aa0e61f;animation:hint-in .35s cubic-bezier(.2,.9,.25,1.15)}#hint-card.hidden{display:none}@keyframes hint-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}#hint-card .hc-icon{font-size:24px;flex:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}#hint-card .hc-text{font-size:12px;line-height:1.5;color:#d7e2f0}#hint-card .hc-text b{color:#ffd76a}#hint-card .hc-row{display:flex;gap:8px;margin-top:8px}.hc-btn{font-size:11px;padding:4px 10px;border-radius:6px;cursor:pointer;background:#1c2a3c;border:1px solid #34506c;color:#cfe0f2;font-family:inherit}.hc-btn:hover{background:#24384e}.hc-btn.dim{background:transparent;border-color:#2a3a4c;color:#6d87a8}#boss-card{position:fixed;top:22%;left:50%;transform:translate(-50%,-18px);z-index:57;text-align:center;pointer-events:none;opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.3,1.1)}#boss-card.show{opacity:1;transform:translate(-50%)}#boss-card .bc-name{font-size:42px;font-weight:900;letter-spacing:6px;color:#ffb0a0;text-shadow:0 0 26px rgba(214,55,60,.6),0 4px 0 #4a0e10,0 8px 22px rgba(0,0,0,.85);margin:6px 0}#boss-card .bc-sub{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:#c8a0a0}#boss-card .bc-rule{width:320px;height:2px;margin:0 auto;background:linear-gradient(90deg,transparent,#d6373c,transparent)}#lowhp-vignette{position:absolute;inset:0;z-index:22;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 50%,transparent 52%,rgba(150,12,18,.55) 100%);transition:opacity .2s}#lowhp-vignette.beat{animation:hp-beat .22s ease-out}@keyframes hp-beat{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}#perf-overlay{position:absolute;top:44px;right:12px;z-index:45;padding:8px 12px;font:11px/1.7 ui-monospace,Menlo,monospace;text-align:right;color:#9fd6ff;background:#060a10d9;border:1px solid #2a3a4c;border-radius:8px;pointer-events:none}#perf-overlay.hidden{display:none}#perf-overlay b{color:#ffe08a}.dz-quip{margin:4px 0 14px;font-size:13px;font-style:italic;color:#8d9cb2}#game-canvas{touch-action:none;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none}body.touch-ui{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body.touch-ui #ui-root,body.touch-ui #touch-controls{user-select:none;-webkit-user-select:none}#rotate-overlay{position:fixed;inset:0;z-index:1000;background:#05070bf0;display:grid;place-items:center;text-align:center}#rotate-overlay .ro-card{padding:24px}#rotate-overlay .ro-icon{font-size:52px;animation:roSpin 2.4s ease-in-out infinite}#rotate-overlay .ro-title{margin-top:14px;font-size:20px;font-weight:900;color:var(--gold-bright);letter-spacing:1px}#rotate-overlay .ro-sub{margin-top:6px;font-size:13px;color:var(--text-dim)}#rotate-overlay button{margin-top:22px;padding:12px 28px;font-size:15px;font-weight:800;background:var(--bronze);color:#fff;border:none;border-radius:10px;cursor:pointer}@keyframes roSpin{0%,55%{transform:rotate(0)}75%,to{transform:rotate(90deg)}}#touch-controls{position:absolute;inset:0;pointer-events:none;z-index:30}#touch-controls #tc-cluster,#touch-controls #tc-chips,#touch-controls #tc-hudchips{transition:opacity .5s ease;opacity:var(--tc-alpha, 1)}#touch-controls.tc-idle #tc-cluster,#touch-controls.tc-idle #tc-chips,#touch-controls.tc-idle #tc-hudchips{opacity:calc(.35 * var(--tc-alpha, 1))}.tc-stick{position:absolute;width:132px;height:132px;pointer-events:none;z-index:25;transform:scale(var(--joy-scale, 1));transform-origin:center}.tc-joy-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(233,196,106,.55);background:#0a0e1647}#tc-joy.sprint .tc-joy-ring{border-color:#7af08a;box-shadow:0 0 18px #7af08a73}.tc-joy-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#48587a,#222c42);border:2px solid #5a6c92;box-shadow:0 4px 12px #00000080}#tc-cluster{position:absolute;width:320px;height:240px;right:calc(8px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));pointer-events:none}.tc-btn{position:absolute;width:56px;height:56px;border-radius:50%;background:#0a0e16b8;border:2px solid #3a4a66;display:grid;place-items:center;pointer-events:auto;color:var(--text);box-shadow:0 3px 10px #00000073}.tc-btn:active{border-color:var(--gold)}.tc-btn .tc-ic{width:72%;height:72%;border-radius:50%;pointer-events:none}.tc-btn .tc-glyph{font-size:24px;pointer-events:none}.tc-btn.tc-big{width:78px;height:78px}.tc-btn.tc-big .tc-glyph{font-size:34px}.tc-btn.empty{opacity:.4}.tc-btn.disabled{filter:grayscale(.7) brightness(.6)}.tc-cd{position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(rgba(0,0,0,.74) var(--cd, 0deg),rgba(0,0,0,.12) 0deg);display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff;pointer-events:none}.tc-count{position:absolute;bottom:-2px;right:-2px;min-width:20px;height:20px;border-radius:10px;background:var(--bronze);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 4px;pointer-events:none}#tc-attack,#tc-fire,#tc-exit-vehicle,#tc-capture{right:12px;bottom:12px}.tc-skill[data-slot="1"],#tc-ads,#tc-photo-exit{right:106px;bottom:6px}.tc-skill[data-slot="2"],#tc-reload{right:138px;bottom:68px}.tc-skill[data-slot="3"]{right:116px;bottom:132px}.tc-skill[data-slot="4"]{right:48px;bottom:170px}#tc-pot-q{right:202px;bottom:4px;width:52px;height:52px}#tc-pot-r{right:260px;bottom:4px;width:52px;height:52px}#tc-pot-q .tc-ic,#tc-pot-r .tc-ic{border-radius:12px}.tc-btn.tc-wide{width:auto;min-width:130px;height:54px;border-radius:27px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;white-space:nowrap}#tc-action{right:12px;bottom:254px;border-color:var(--gold)}#tc-action .tc-action-ic{font-size:20px}#tc-exit-vehicle{right:12px;bottom:12px}#tc-fire.held{border-color:#ff7a5a;box-shadow:0 0 18px #ff7a5a66}#tc-ads.on,.tc-chip.on{border-color:var(--gold);color:var(--gold-bright);background:#e9c46a24}.tc-ammo{position:absolute;right:14px;bottom:106px;min-width:78px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 14px;background:#0a0e16cc;border:1px solid #3a4a66;pointer-events:auto;font-family:monospace;font-weight:800;font-size:17px;color:#fff}.tc-ammo i{color:var(--text-dim);font-style:normal}.tc-ammo span{color:#9ab0cf}.tc-ammo.empty b{color:#ff5a5a}#touch-controls .tc-g-normal,#touch-controls .tc-g-fp,#touch-controls .tc-g-vehicle,#touch-controls .tc-g-photo{display:none}#touch-controls.tc-mode-normal .tc-g-normal,#touch-controls.tc-mode-fp .tc-g-fp,#touch-controls.tc-mode-vehicle .tc-g-vehicle,#touch-controls.tc-mode-photo .tc-g-photo{display:grid}#touch-controls.tc-mode-fp .tc-ammo.tc-g-fp,#touch-controls.tc-mode-vehicle .tc-g-vehicle.tc-wide{display:flex}#touch-controls.tc-mode-photo #tc-chips,#touch-controls.tc-mode-photo #tc-hudchips,#touch-controls.tc-mode-photo #tc-action{display:none}#touch-controls .hidden{display:none!important}#tc-chips{position:absolute;top:calc(64px + env(safe-area-inset-top));right:calc(126px + env(safe-area-inset-right));display:flex;gap:8px;pointer-events:none}#tc-hudchips{position:absolute;top:calc(68px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));display:flex;gap:8px;pointer-events:none}.tc-chip{width:52px;height:52px;border-radius:14px;pointer-events:auto;background:#0a0e16b8;border:1px solid #3a4a66;color:var(--text);display:grid;place-items:center;font-size:22px;box-shadow:0 3px 10px #0006}#tc-assign{position:absolute;inset:0;background:#04060aa8;display:grid;place-items:center;pointer-events:auto;z-index:60}.tc-assign-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px;padding:16px 18px;max-width:92vw;max-height:80dvh;overflow-y:auto}.tc-assign-title{font-weight:900;color:var(--gold);letter-spacing:1px;margin-bottom:12px;text-transform:uppercase;font-size:12px}.tc-assign-grid{display:grid;grid-template-columns:repeat(4,70px);gap:12px}.tc-assign-item{text-align:center;font-size:10px;color:#cdd7e6;cursor:pointer}.tc-assign-item img{width:54px;height:54px;border-radius:10px;border:2px solid #2a3548;display:block;margin:0 auto 3px}.tc-assign-item.cur img{border-color:var(--gold)}body.touch-ui #skillbar,body.touch-ui #ammo-hud,body.touch-ui #interact-prompt{display:none!important}body.touch-ui .fps{display:none}body.touch-ui .unit-frame{width:200px;padding:5px 8px;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));gap:7px}body.touch-ui .unit-portrait{width:34px;height:34px;font-size:17px;border-width:1px}body.touch-ui .unit-name{font-size:11px}body.touch-ui .bar{height:10px;margin-top:3px}body.touch-ui .bar.xp{height:5px}body.touch-ui .bar .bar-text{font-size:8px}body.touch-ui #target-frame{left:216px;width:170px}body.touch-ui #minimap{width:108px;height:108px;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));border-width:2px}body.touch-ui #minimap-label{width:108px;top:calc(118px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));font-size:10px}body.touch-ui #minimap-clock{width:108px;top:calc(130px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right))}body.touch-ui #pvp-flag{top:calc(146px + env(safe-area-inset-top))}body.touch-ui #quest-tracker{display:none}body.touch-ui.qt-open #quest-tracker{display:block;top:calc(128px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:auto;width:220px;max-height:40dvh;overflow-y:auto;font-size:11px;background:#080b10c7;border:1px solid var(--panel-edge);border-radius:10px;padding:8px 10px}body.touch-ui #combat-log{display:none}body.touch-ui.log-open #combat-log{display:block;bottom:calc(46px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));max-width:44vw;max-height:30dvh;overflow-y:auto;font-size:10px;background:#080b10b8;border-radius:8px;padding:6px 8px}#tc-menu{position:absolute;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:46px;height:46px;border-radius:13px;z-index:41;pointer-events:auto;background:#0a0e16d1;border:1px solid #3a4a66;color:var(--text);display:none;place-items:center;font-size:21px;box-shadow:0 3px 10px #00000073}body.touch-ui #tc-menu{display:grid}#touch-controls.tc-mode-photo #tc-menu{display:none!important}body.touch-ui.tc-menu-open #tc-menu{background:#222c40f0;border-color:var(--gold);color:var(--gold)}body.touch-ui #sys-buttons,body.touch-ui #tc-chips,body.touch-ui #tc-hudchips{left:50%;right:auto;bottom:auto;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}body.touch-ui #sys-buttons{top:calc(60px + env(safe-area-inset-top));transform:translate(-50%) translateY(-6px)}body.touch-ui #tc-chips{top:calc(112px + env(safe-area-inset-top));transform:translate(-50%) translateY(-6px)}body.touch-ui #tc-hudchips{top:calc(164px + env(safe-area-inset-top));transform:translate(-50%) translateY(-6px)}body.touch-ui.tc-menu-open #sys-buttons,body.touch-ui.tc-menu-open #tc-chips,body.touch-ui.tc-menu-open #tc-hudchips{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}body.touch-ui.tc-menu-open #sys-buttons .sys-btn,body.touch-ui.tc-menu-open #tc-chips .tc-chip,body.touch-ui.tc-menu-open #tc-hudchips .tc-chip{pointer-events:auto}body.touch-ui .sys-btn{width:46px;height:46px}body.touch-ui #info-strip{bottom:calc(8px + env(safe-area-inset-bottom));left:calc(10px + env(safe-area-inset-left));font-size:10px}body.touch-ui #gold-display{font-size:12px}body.touch-ui #zone-banner{top:64px;max-width:92vw}body.touch-ui #zone-banner .zb-name{font-size:26px;letter-spacing:2px}body.touch-ui #zone-banner .zb-sub{font-size:10px;letter-spacing:3px}body.touch-ui #boss-card{max-width:92vw}body.touch-ui #boss-card .bc-name{font-size:26px;letter-spacing:2px}body.touch-ui #notify-stack{top:auto;bottom:calc(268px + env(safe-area-inset-bottom));left:auto;right:calc(10px + env(safe-area-inset-right));transform:none;align-items:flex-end;max-width:60vw}body.touch-ui .notify{font-size:12px;padding:4px 10px}body.touch-ui #waypoint-hud{top:60px}body.touch-ui #cast-bar{bottom:250px}body.touch-ui #vehicle-hud{bottom:calc(30px + env(safe-area-inset-bottom))}body.touch-ui #death-screen .dz{font-size:40px;letter-spacing:4px}body.touch-ui #creation .cc-left{width:min(420px,56vw);padding:16px 20px}body.touch-ui .cc-title{font-size:22px}body.touch-ui .cc-sub{margin-bottom:12px}body.touch-ui .cc-field{margin-bottom:10px}body.touch-ui .cc-class{flex-wrap:wrap}body.touch-ui .cc-enter{position:sticky;bottom:0;box-shadow:0 -8px 16px #080b10cc}body.touch-ui #pvp-flag,body.touch-ui #minimap-label,body.touch-ui #minimap-clock,body.touch-ui #info-strip,body.touch-ui #zone-banner,body.touch-ui #hint-card{pointer-events:none}body.touch-ui #hint-card .hc-btn{pointer-events:auto}body.touch-ui .panel{position:fixed!important;inset:0!important;width:auto!important;height:100dvh!important;max-width:none!important;max-height:none!important;transform:none!important;margin:0!important;border-radius:0;border-left:none;border-right:none;border-top:none;display:flex;flex-direction:column;overflow:hidden!important;padding-top:env(safe-area-inset-top);z-index:52}body.touch-ui .panel.hidden{display:none!important}body.touch-ui .panel>.panel-title{flex:none;font-size:clamp(14px,2.4dvh,17px);padding:10px 14px;align-items:center}body.touch-ui .panel .panel-close{width:44px;height:44px;font-size:26px;border-radius:10px;background:#ffffff0f;flex:none}body.touch-ui .panel>.panel-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;font-size:clamp(13px,1.9dvh,15px);padding:12px clamp(12px,3vw,24px) calc(14px + env(safe-area-inset-bottom))}#dialog .dlg-close{display:none}body.touch-ui #dialog .dlg-close{display:grid;place-items:center;position:absolute;z-index:3;top:calc(8px + env(safe-area-inset-top));right:10px;width:44px;height:44px;font-size:26px;border-radius:10px;background:#ffffff0f;cursor:pointer}body.touch-ui .tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}body.touch-ui .tabs::-webkit-scrollbar{display:none}body.touch-ui .tab{flex:none;white-space:nowrap;padding:10px 16px;font-size:13px;border-radius:17px}body.touch-ui .inv-tabs{flex-wrap:nowrap}body.touch-ui .inv-grid{max-width:560px;margin-left:auto;margin-right:auto}body.touch-ui .inv-slot{min-width:0;min-height:56px}body.touch-ui .inv-slot img.ic{width:68%;height:68%}@media (max-width: 480px){body.touch-ui .inv-grid,body.touch-ui .bank-grid{grid-template-columns:repeat(5,1fr)}}body.touch-ui .bank-grid{max-width:720px;max-height:none;overflow-y:visible}body.touch-ui .inv-scroll,body.touch-ui .ach-scroll{max-height:none;overflow-y:visible}body.touch-ui .vendor-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:none;overflow-y:visible}body.touch-ui .inv-toolbar{position:sticky;top:0;z-index:2;background:var(--panel);padding:4px 0 6px}body.touch-ui #inv-search{padding:10px 12px;font-size:14px}body.touch-ui #inv-sort{padding:10px 16px;font-size:13px}body.touch-ui .inv-foot{position:sticky;bottom:0;background:var(--panel);padding:8px 0 2px}body.touch-ui .equip-slot{height:54px}body.touch-ui .attr-plus{width:36px;height:36px;font-size:16px}body.touch-ui .lo-btn{width:42px;height:36px}body.touch-ui .lo-save{height:36px;padding:0 10px}body.touch-ui .dlg-opt{padding:13px 14px;font-size:14px}body.touch-ui .forge-btn{padding:13px 26px;font-size:15px}body.touch-ui .cook-btn,body.touch-ui .pet-btn,body.touch-ui .cs-btn{min-height:42px}body.touch-ui .set-row{padding:10px 2px}body.touch-ui .set-opt{padding:10px 14px;font-size:13px;min-height:40px}body.touch-ui .set-check input{width:26px;height:26px}body.touch-ui .title-btn{padding:10px 16px}body.touch-ui .forge-picker .inv-slot,body.touch-ui .vendor-grid .inv-slot{width:auto}body.touch-ui .forge-picker{gap:8px}body.touch-ui .forge-picker .inv-slot{width:56px;height:56px}body.touch-ui input[type=range]{-webkit-appearance:none;appearance:none;height:36px;background:transparent;width:200px}body.touch-ui input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#2a3548}body.touch-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:var(--gold);border:2px solid #6e4a14;box-shadow:0 2px 6px #00000080}@keyframes forgeGlowTouch{0%{box-shadow:inset 0 0 #ffd76a00}30%{box-shadow:inset 0 0 120px #ffd76abf}to{box-shadow:inset 0 0 #ffd76a00}}@keyframes forgeFizzleTouch{0%{box-shadow:inset 0 0 #78829600}30%{box-shadow:inset 0 0 100px #5a6478cc}to{box-shadow:inset 0 0 #78829600}}body.touch-ui #forge.forge-glow{animation:forgeGlowTouch .9s ease-out}body.touch-ui #forge.forge-fizzle{animation:forgeFizzleTouch .9s ease-out}#item-card-veil{position:fixed;inset:0;z-index:74;background:#04060a73}#item-card{position:fixed;left:0;right:0;bottom:0;z-index:75;max-width:560px;margin:0 auto;background:#0d121bfa;border:1px solid var(--panel-edge);border-bottom:none;border-radius:18px 18px 0 0;box-shadow:0 -14px 50px #000000a6;padding:8px 18px calc(16px + env(safe-area-inset-bottom));max-height:72dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:icdUp .22s cubic-bezier(.2,.9,.3,1.05);font-size:13px}@keyframes icdUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}#item-card .icd-grip{width:44px;height:4px;border-radius:2px;background:#3a4a63;margin:2px auto 10px}#item-card .icd-ctx{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}#item-card .tt-name{font-weight:800;font-size:16px;margin-bottom:3px}#item-card .tt-type{color:var(--text-dim);margin-bottom:6px}#item-card .tt-stat{color:#7fd6ff}#item-card .tt-req{color:#ff7a7a}#item-card .tt-desc{color:var(--text-dim);font-style:italic;margin-top:6px}#item-card .tt-flavor{color:var(--gold);margin-top:6px}#item-card .icd-cmp{margin-top:10px;padding-top:8px;border-top:1px dashed #2a3548}#item-card .icd-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:14px}.icd-btn{min-height:46px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:800;background:#17202e;border:1px solid #33415c;color:var(--text);cursor:pointer}.icd-btn:active{border-color:var(--gold)}.icd-btn.primary{background:linear-gradient(180deg,var(--gold-bright),var(--bronze));color:#2a1c06;border:none}.icd-btn.danger{background:#241012;border-color:#6a2a22;color:#ff8a6a}.inv-slot.mv-src{border-color:var(--gold-bright)!important;box-shadow:0 0 14px #e9c46ad9,inset 0 0 8px #e9c46a80!important}.inv-slot.mv-dst{border-color:#3a7a8a}#wm-view{position:absolute;inset:0;transform-origin:0 0;will-change:transform}#wm-view canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:8px;background:#0b1018;display:block}body.touch-ui #map-wrap{overflow:hidden;touch-action:none}#wm-center{display:none;position:absolute;right:12px;bottom:12px;z-index:4;width:48px;height:48px;border-radius:50%;font-size:24px;cursor:pointer;background:#080b10d9;border:1px solid var(--bronze);color:var(--gold);place-items:center}body.touch-ui #wm-center{display:grid}body.touch-ui #wm-hint{font-size:11px}body.touch-ui .map-node .dot{width:40px;height:40px}body.touch-ui .map-node .dot .ico{font-size:19px}body.left-handed #tc-cluster{right:auto;left:calc(8px + env(safe-area-inset-left));transform:scaleX(-1)}body.left-handed #tc-cluster .tc-glyph,body.left-handed #tc-cluster .tc-ic,body.left-handed #tc-cluster .tc-action-ic,body.left-handed #tc-cluster .tc-action-label,body.left-handed #tc-cluster .tc-count,body.left-handed #tc-cluster .tc-ammo>*{transform:scaleX(-1);display:inline-block}body.left-handed #tc-chips{right:auto;left:calc(126px + env(safe-area-inset-left))}body.left-handed #tc-hudchips{left:auto;right:calc(8px + env(safe-area-inset-right));top:calc(130px + env(safe-area-inset-top))}#help-touch{display:none}body.touch-ui #help-touch{display:block}body.touch-ui #help .key-grid,body.touch-ui #help .panel-body>p{display:none}.ht-fig{position:relative;display:flex;border-radius:16px;overflow:hidden;border:2px solid #3a4a63;background:linear-gradient(180deg,#14202e,#0c1420);aspect-ratio:19.5 / 9;max-width:560px;margin:0 auto 14px}.ht-zone{position:relative;flex:1}.ht-zone-l{border-right:2px dashed rgba(233,196,106,.35);flex:0 0 40%}.ht-lbl{position:absolute;top:12px;left:0;right:0;text-align:center;font-size:13px;font-weight:900;letter-spacing:2px;color:var(--gold)}.ht-lbl small{display:block;margin-top:3px;font-size:10px;font-weight:600;letter-spacing:.4px;color:var(--text-dim)}.ht-joy{position:absolute;left:50%;bottom:16%;width:64px;height:64px;margin-left:-32px;border-radius:50%;border:2px solid rgba(233,196,106,.6);background:#0a0e1666;display:grid;place-items:center}.ht-knob{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#48587a,#222c42);border:2px solid #5a6c92}.ht-btn{position:absolute;width:34px;height:34px;border-radius:50%;background:#0a0e16bf;border:2px solid #3a4a66;display:grid;place-items:center;font-size:15px}.ht-atk{right:8%;bottom:10%;width:46px;height:46px;border-color:var(--gold);font-size:21px}.ht-s1{right:24%;bottom:8%}.ht-s2{right:30%;bottom:34%}.ht-s3{right:20%;bottom:56%}.ht-act{position:absolute;right:6%;top:12%;padding:6px 12px;border-radius:15px;border:1px solid var(--gold);color:var(--gold-bright);font-size:11px;font-weight:800;background:#0a0e16bf;white-space:nowrap}.ht-gestures{display:flex;flex-direction:column;gap:6px;max-width:560px;margin:0 auto}.ht-g{display:flex;gap:10px;align-items:baseline;font-size:12.5px}.ht-g b{flex:0 0 150px;color:var(--gold);font-size:12px}.ht-g span{color:#b8c4d4;line-height:1.4}body.touch-ui #fish-game{width:min(94vw,560px);padding:16px 12px 14px}body.touch-ui #fish-game canvas{max-width:100%}body.touch-ui #cook-bar{padding:18px 14px}body.touch-ui .cb2-track{height:30px;border-radius:15px}body.touch-ui .fg-hint kbd,body.touch-ui .cb2-hint kbd{display:none}body.touch-ui #charselect{padding:16px;gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}body.touch-ui .cs-logo{font-size:clamp(30px,7vw,46px);letter-spacing:6px}body.touch-ui .cs-head .cc-sub{margin-top:4px}body.touch-ui .cs-cards{gap:10px}body.touch-ui .cs-card{width:208px;padding:14px 12px 12px}body.touch-ui .cs-enter{min-height:46px}body.touch-ui .cs-modes{min-height:40px}body.touch-ui .cs-del{padding:10px 0 2px}body.touch-ui #creation .cc-left{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body.touch-ui .cc-opt{padding:12px 16px;font-size:14px;min-height:44px}body.touch-ui .cc-swatch{width:42px;height:42px}body.touch-ui .cc-swatches{gap:10px}body.touch-ui .cc-input{padding:13px 14px;font-size:16px}body.touch-ui .cc-class-card{min-width:104px;padding:10px}body.touch-ui #creation .cc-rotate .sys-btn{width:52px;height:52px;font-size:24px}#pwa-toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:10000;background:#0a0e14f2;border:1px solid var(--bronze, #8a6d3b);border-radius:10px;padding:10px 14px;color:#e8eef5;font:600 13px Trebuchet MS,sans-serif;letter-spacing:.3px;box-shadow:0 6px 24px #00000080}#pwa-toast button{background:var(--gold, #e9c46a);color:#14100a;border:0;border-radius:7px;padding:6px 14px;font:700 13px Trebuchet MS,sans-serif;cursor:pointer}#pwa-toast button:hover{filter:brightness(1.1)}#pwa-toast .pwa-x{background:transparent;color:#93a1b5;padding:2px 4px;font-size:12px}