:root{--bg: #14110e;--glass: rgba(24, 19, 14, .78);--glass-2: rgba(38, 30, 22, .86);--line: rgba(255, 214, 140, .16);--line-2: rgba(255, 214, 140, .32);--text: #f4ead8;--muted: #b8a78c;--dim: #8a7a62;--gold: #f7a91c;--brand-a: #ff8a1c;--brand-b: #ffc61a;--gold-2: #ffd77a;--gold-d: #a8721a;--ok: #5fd38d;--warn: #ffb547;--bad: #ff5a4a;--info: #7fc0ff;--r: 12px;--shadow: 0 18px 50px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--display: "Segoe UI", "Inter", system-ui, sans-serif;--ui: "Inter", system-ui, -apple-system, Segoe UI, sans-serif;--common: #b9c0c9;--uncommon: #5fd38d;--rare: #4ea8ff;--epic: #b47cff;--legendary: #ffb340;--mythic: #ff4f6d;--ancient: #2fe0c0;--celestial: #bfe6ff;--eternal: #ff7ad9;--primal: #a6ff3a;--genesis: #f7931a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--ui);font-size:14px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}#ui-root,#fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui-root>*{pointer-events:auto}#fx-layer{z-index:5;overflow:hidden}#ui-root{z-index:10}button{font-family:inherit;cursor:pointer}kbd{display:inline-block;min-width:18px;padding:1px 5px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;font:600 11px var(--ui);color:var(--text);text-align:center}.glass{background:var(--glass);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--line);box-shadow:var(--shadow)}.shard-ico{display:inline-block;width:14px;height:14px;vertical-align:-2px;background:radial-gradient(circle at 35% 30%,#fff3c4 0,#fff3c4 18%,#ffd25a 30%,#e09a1a 70%,#8a5a08);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);filter:drop-shadow(0 0 3px rgba(255,190,60,.6))}.btn{--b: rgba(255, 255, 255, .08);padding:9px 16px;border-radius:9px;border:1px solid var(--line-2);background:linear-gradient(180deg,#ffffff17,#ffffff08);color:var(--text);font-weight:600;font-size:13px;letter-spacing:.2px;transition:transform .08s,background .15s,border-color .15s,box-shadow .15s}.btn:hover:not(:disabled){background:linear-gradient(180deg,#ffffff26,#ffffff0d);border-color:var(--gold)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.gold{background:linear-gradient(180deg,#ffd77a,#f2b33d 55%,#c9871c);color:#2a1a04;border-color:#ffe3a3;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 4px 16px #f2b33d4d,inset 0 1px #ffffff80}.btn.gold:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 6px 22px #f2b33d73,inset 0 1px #ffffff80}.btn.ghost{background:transparent}.btn.danger{background:linear-gradient(180deg,#ff7a6a,#c9372a);border-color:#ff9a8a;color:#fff}.btn.small{padding:5px 10px;font-size:12px;border-radius:7px}.btn.big{padding:14px 26px;font-size:16px;border-radius:12px}.btn.big small{display:block;font-weight:500;font-size:12px;opacity:.75;margin-top:2px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 40%,#2a2016,#0e0b08 70%);transition:opacity .6s}#loading.out{opacity:0;pointer-events:none}.ld-mark,.t-mark,.brand-mark{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font:900 42px var(--display);color:#3a2400;background:radial-gradient(circle at 35% 30%,#fff3c4,#f2b33d 45%,#a8721a);box-shadow:0 0 40px #f2b33d73,inset 0 -4px 10px #0000004d}.ld-title{font:900 34px var(--display);letter-spacing:3px;color:var(--gold-2);text-shadow:0 2px 20px rgba(242,179,61,.3)}.ld-bar{width:280px;height:4px;border-radius:4px;background:#ffffff14;overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-d),var(--gold-2));transition:width .3s}.ld-msg{color:var(--muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}.title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:9vh 20px 8vh;background:radial-gradient(ellipse at 50% 30%,#0000 30%,#0a0704a6);opacity:0;transition:opacity .6s}.title.in{opacity:1}.title.out{opacity:0;pointer-events:none}.t-brand{text-align:center;display:flex;flex-direction:column;align-items:center}.t-brand h1{margin:16px 0 6px;font:900 clamp(44px,7vw,86px) var(--display);letter-spacing:6px;color:#fff3d6;text-shadow:0 4px 30px rgba(0,0,0,.6),0 0 60px rgba(242,179,61,.35)}.t-brand p{margin:0;color:#f4ead8;font-size:16px;text-shadow:0 2px 12px rgba(0,0,0,.8)}.t-actions{text-align:center}.t-fine{color:#f4ead8b3;font-size:12px;margin-top:14px;text-shadow:0 1px 6px #000}.creator{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;animation:fadeIn .5s;background:#14110e}.creator.out{opacity:0;transition:opacity .4s}.cr-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab}.cr-canvas:active{cursor:grabbing}.cr-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 35%,rgba(8,6,4,.7))}.cr-head{position:absolute;top:18px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;font-size:24px}.brand-title{font:700 22px var(--display);letter-spacing:2px;color:var(--gold-2)}.brand-sub{font-size:12px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.cr-cost{pointer-events:auto;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line-2)}.cr-left,.cr-right{position:absolute;top:84px;bottom:24px;border-radius:16px;display:flex;flex-direction:column}.cr-left{left:24px;width:360px;overflow:hidden}.cr-right{right:24px;width:320px;padding:18px;gap:10px;overflow:auto}.cr-tabs{display:flex;padding:6px;gap:4px;border-bottom:1px solid var(--line)}.cr-tab{flex:1;padding:9px 4px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:600;font-size:12px}.cr-tab.on{background:#f2b33d24;color:var(--gold-2);box-shadow:inset 0 0 0 1px #f2b33d59}.cr-body{padding:14px 16px 20px;overflow:auto;flex:1}.cr-section{font:700 11px var(--ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}.cr-section:first-child{margin-top:2px}.cr-label{font:700 11px var(--ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.cr-name{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line-2);background:#00000059;color:var(--text);font:600 16px var(--ui);outline:none}.cr-name:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f2b33d33}.cr-name.shake{animation:shake .4s;border-color:var(--bad)}.profs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prof{padding:12px 6px 10px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .15s}.prof:hover{border-color:var(--pc);background:#ffffff0f}.prof.on{border-color:var(--pc);background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 28%,transparent),transparent);box-shadow:0 0 0 1px var(--pc),0 6px 20px color-mix(in srgb,var(--pc) 25%,transparent)}.prof-ico{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.prof-name{font-weight:700;font-size:12px}.outfits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.outfit{padding:8px;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:var(--text);font-weight:600;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:6px}.outfit span{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.outfit.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.cr-tip{color:var(--muted);font-size:12px;line-height:1.55;margin-top:16px}.slider{margin-bottom:12px}.sl-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:4px}.sl-val{color:var(--gold-2);font-variant-numeric:tabular-nums}.sl-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin-top:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,#f2b33d99,#ffffff1f);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#f2b33d);border:2px solid #2a1a04;cursor:pointer;box-shadow:0 1px 6px #00000080}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f2b33d;border:2px solid #2a1a04;cursor:pointer}.swatches{display:flex;flex-wrap:wrap;gap:7px}.sw{width:28px;height:28px;border-radius:50%;border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 -3px 6px #00000040;transition:transform .1s}.sw:hover{transform:scale(1.1)}.sw.on{outline:2px solid var(--gold);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:12px;font-weight:600;text-transform:capitalize}.chip:hover{color:var(--text);border-color:var(--line-2)}.chip.on{color:#2a1a04;background:var(--gold);border-color:var(--gold-2)}.chips.small .chip{padding:4px 9px;font-size:11px}.cr-prof-card{border-radius:12px;border:1px solid var(--line);background:#00000040;padding:14px}.pc-head{display:flex;gap:12px;align-items:center}.pc-head>span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--pc) 30%,#000);border:1px solid var(--pc)}.pc-head b{display:block;font:700 18px var(--display)}.pc-head small{color:var(--pc);font-weight:600;font-size:11px}.cr-prof-card p{color:var(--muted);font-size:12.5px;line-height:1.5;margin:10px 0}.pc-kit{font-size:12px}.pc-kit span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--dim);margin-bottom:2px}.cr-actions{display:flex;gap:8px}.cr-actions .btn{flex:1}.cr-save{margin-top:auto}.cr-note{font-size:11.5px;color:var(--dim);line-height:1.5;margin:0;text-align:center}.cr-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#f4ead88c;font-size:12px;pointer-events:none}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:fadeIn .8s}#hud>*{pointer-events:auto}#hud #toasts,#hud #lootfeed,#hud #xpfeed,#hud #zone-banner,#hud #prompt,#hud #hint,#hud #bow-meter,#hud #held-name,#hud #hurt-vignette,#hud #faint{pointer-events:none}.hud-tl{position:absolute;top:16px;left:16px;display:flex;gap:12px;padding:10px 14px 10px 10px;border-radius:16px;min-width:270px}.pc-portrait{position:relative;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--pc) 55%,#fff 0%),color-mix(in srgb,var(--pc) 40%,#000));border:2px solid var(--pc);box-shadow:0 0 18px color-mix(in srgb,var(--pc) 40%,transparent)}.pc-lvl{position:absolute;bottom:-6px;right:-6px;min-width:24px;height:20px;padding:0 5px;border-radius:10px;font:800 11px/20px var(--ui);text-align:center;background:var(--gold);color:#2a1a04;border:2px solid #2a1a04}.pc-info{flex:1;min-width:0}.pc-name{font:700 16px var(--display);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-prof{font-size:11.5px;color:var(--muted);margin-bottom:6px}.hp-bar{position:relative;height:14px;border-radius:7px;background:#00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden}.hp-fill{height:100%;background:linear-gradient(180deg,#ff8a7a,#d8352a);transition:width .3s;box-shadow:inset 0 1px #ffffff59}.hp-fill.low{animation:pulse .8s infinite}.hp-txt{position:absolute;top:0;right:0;bottom:0;left:0;font:700 10px/13px var(--ui);text-align:center;text-shadow:0 1px 2px #000}.buffs{display:flex;gap:4px;margin-top:5px}.buff{position:relative;font-size:15px;padding:1px 3px;border-radius:6px;background:#ffffff0f}.buff i{position:absolute;bottom:-4px;right:-4px;font:700 8px var(--ui);font-style:normal;background:#000;padding:0 2px;border-radius:3px}.hud-tr{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.pills{display:flex;gap:8px}.pill{position:relative;display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill b{font-size:14px;font-variant-numeric:tabular-nums}.shards-pill b{color:var(--gold-2);font-size:15px}.shards-pill .shard-ico{width:17px;height:17px}.clock-pill small{color:var(--muted);font-size:11px}.shard-pop{position:absolute;right:10px;top:100%;font:800 14px var(--ui);color:var(--gold-2);text-shadow:0 1px 4px #000;animation:rise 1.2s forwards}.shard-pop.neg{color:var(--bad)}.minimap{position:relative;width:196px;height:196px;border-radius:50%;padding:3px;border:2px solid rgba(242,179,61,.55)}.minimap canvas{width:190px;height:190px;border-radius:50%;display:block}.mm-zone{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);padding:3px 12px;border-radius:999px;background:#1a140e;border:1px solid var(--line-2);font:700 11px var(--display);color:var(--gold-2);white-space:nowrap;letter-spacing:.6px}.mm-n{position:absolute;left:50%;top:50%;margin:-9px 0 0 -9px;width:18px;height:18px;border-radius:50%;background:#c9372a;color:#fff;font:800 10px/18px var(--ui);text-align:center;border:1px solid #000}.hud-btns{display:flex;gap:6px;margin-top:8px}.hud-btns button{position:relative;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--glass);font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .12s}.hud-btns button:hover{border-color:var(--gold);transform:translateY(-2px)}.hud-btns kbd{position:absolute;bottom:-7px;right:-4px;font-size:8.5px;padding:0 3px;min-width:0;background:#000}.journey{position:absolute;top:106px;left:16px;width:270px;padding:10px 14px 12px;border-radius:14px}.j-head{font:700 10px var(--ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--gold)}.j-title{font:700 14px var(--display);margin:3px 0 2px}.j-hint{font-size:12px;color:var(--muted);line-height:1.45}.j-bar{height:4px;border-radius:4px;background:#ffffff14;margin-top:8px;overflow:hidden}.j-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-d),var(--gold-2));transition:width .4s}.farm-status{position:absolute;top:330px;right:16px;display:flex;gap:12px;padding:6px 12px;border-radius:999px;font-size:12px;color:var(--muted)}.farm-status b{color:var(--text)}#zone-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;opacity:0}#zone-banner small{display:block;font:600 11px var(--ui);letter-spacing:4px;text-transform:uppercase;color:#fff0d2d9;text-shadow:0 1px 6px #000}#zone-banner span{display:block;font:900 40px var(--display);letter-spacing:3px;color:#fff3d6;text-shadow:0 3px 20px rgba(0,0,0,.8),0 0 40px rgba(242,179,61,.35)}#zone-banner span:before,#zone-banner span:after{content:"";display:inline-block;width:60px;height:1px;vertical-align:middle;margin:0 16px;background:linear-gradient(90deg,transparent,var(--gold-2))}#zone-banner span:after{background:linear-gradient(90deg,var(--gold-2),transparent)}#zone-banner.on{animation:banner 3.4s forwards}#prompt{position:absolute;bottom:132px;left:50%;transform:translate(-50%,10px);display:flex;align-items:center;gap:9px;padding:8px 16px 8px 9px;border-radius:999px;background:#100c08d1;border:1px solid var(--line-2);opacity:0;transition:all .18s;font-weight:600;white-space:nowrap}#prompt.on{opacity:1;transform:translate(-50%)}#prompt kbd{background:var(--gold);color:#2a1a04;border-color:#ffe3a3;font-size:12px;padding:2px 7px}.pr-ico{font-size:17px}#hint{position:absolute;top:40%;left:50%;transform:translate(-50%);font:900 30px var(--display);color:var(--gold-2);text-shadow:0 2px 14px #000;opacity:0}#hint.show{animation:hintPop 1s forwards}#bow-meter{display:none;position:absolute;left:50%;top:58%;width:120px;height:6px;margin-left:-60px;border-radius:4px;background:#0000008c;border:1px solid rgba(255,255,255,.25);overflow:hidden}#bow-meter i{display:block;height:100%;background:linear-gradient(90deg,#a8721a,#ffd77a)}#bow-meter.full{box-shadow:0 0 12px var(--gold)}#bow-meter.full i{background:#fff3c4}#hotbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px;border-radius:16px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hb-slot{position:relative;cursor:pointer;border-radius:11px;transition:transform .1s}.hb-slot:hover{transform:translateY(-2px)}.hb-slot kbd{position:absolute;top:-7px;left:-5px;z-index:2;font-size:9px;padding:0 4px;min-width:0;background:#1a140e}.hb-slot .slot{width:54px;height:54px}.hb-slot.sel .slot{border-color:var(--gold-2)!important;box-shadow:0 0 0 2px var(--gold),0 0 18px #f2b33d80}.hb-slot.sel{transform:translateY(-4px)}.hb-slot.missing .slot{opacity:.35;filter:grayscale(1)}#held-name{position:absolute;bottom:92px;left:50%;transform:translate(-50%);font:700 13px var(--display);color:var(--gold-2);text-shadow:0 1px 6px #000;opacity:0}#held-name.show{animation:fadeOut 1.8s forwards}#xpfeed{position:absolute;right:18px;top:46%;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.xp-row{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border-radius:999px;background:#100c08c7;border:1px solid color-mix(in srgb,var(--sc) 50%,transparent);opacity:0;transform:translate(20px);transition:all .25s}.xp-row.on{opacity:1;transform:none}.xi{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--sc) 35%,#000);font-size:13px}.xb{width:90px;height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden}.xb i{display:block;height:100%;background:var(--sc);transition:width .3s}.xa{font:700 12px var(--ui);color:var(--sc);min-width:64px;text-align:right}#lootfeed{position:absolute;left:18px;bottom:110px;display:flex;flex-direction:column;gap:5px}.loot-line{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 8px;border-radius:8px;background:linear-gradient(90deg,#100c08e0,#100c0866);border-left:3px solid var(--rc);font-weight:600;font-size:13px;animation:slideIn .25s;transition:opacity .4s,transform .4s}.loot-line.out{opacity:0;transform:translate(-20px)}.loot-line.bump{animation:bump .25s}.ln{color:var(--rc);font-weight:800;min-width:28px}.li{font-size:17px}.lt{color:var(--rc)}#toasts{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(560px,60vw)}.toast{display:flex;gap:8px;align-items:center;padding:9px 16px;border-radius:10px;background:#100c08e6;border:1px solid var(--line-2);box-shadow:var(--shadow);font-weight:600;font-size:13px;text-align:center;animation:dropIn .25s;transition:opacity .3s,transform .3s}.toast.out{opacity:0;transform:translateY(-8px)}.toast.ok{border-color:#5fd38d8c}.toast.warn{border-color:#ffb547b3;color:#ffe0b0}.toast.rare{border-color:var(--legendary);background:linear-gradient(90deg,#3c2606f2,#100c08eb);color:var(--gold-2);box-shadow:0 0 24px #ffb34059}.toast .tn{color:var(--gold);font-size:11px}#hurt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(200,20,10,.55));opacity:0}#hurt-vignette.on{animation:hurt .6s}#faint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;opacity:0;transition:opacity .6s;font:700 36px var(--display);color:#f4ead8}#faint small{font:500 14px var(--ui);color:var(--muted);margin-top:10px}#faint.on{opacity:1}.float-text{position:absolute;left:0;top:0;font:800 15px var(--ui);white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5);will-change:transform}.float-text.big{font:900 22px var(--display);letter-spacing:.5px}.levelup{position:absolute;top:24%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:16px 30px 16px 18px;border-radius:18px;background:linear-gradient(135deg,#1e160cf2,#100c08eb);border:1px solid var(--sc);box-shadow:0 0 50px color-mix(in srgb,var(--sc) 45%,transparent),var(--shadow);animation:luIn .6s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.levelup.out{opacity:0;transform:translate(-50%,-20px);transition:all .5s}.lu-ico{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:32px;background:color-mix(in srgb,var(--sc) 40%,#000);border:2px solid var(--sc)}.levelup small{display:block;font:700 11px var(--ui);letter-spacing:3px;color:var(--sc)}.levelup b{display:block;font:900 28px var(--display)}.levelup i{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-top:3px}.slot{--rc: var(--common);position:relative;width:50px;height:50px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 22%,#2a2118),#17120d 80%);border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);box-shadow:inset 0 1px #ffffff0f,inset 0 -8px 14px #0000004d;transition:transform .08s,border-color .12s;cursor:pointer}.slot:hover{border-color:var(--rc);transform:translateY(-1px)}.slot .ico{font-size:25px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));line-height:1}.slot .cnt{position:absolute;right:4px;bottom:2px;font:800 11px var(--ui);text-shadow:0 1px 2px #000,0 0 3px #000}.slot.empty{background:#00000047;border:1px dashed rgba(255,255,255,.08);box-shadow:none;cursor:default}.slot.ghost{font-size:20px;opacity:.45}.slot.used{opacity:.35}.r-common{--rc: var(--common)}.r-uncommon{--rc: var(--uncommon)}.r-rare{--rc: var(--rare)}.r-epic{--rc: var(--epic)}.r-legendary{--rc: var(--legendary)}.r-mythic{--rc: var(--mythic)}.slot.r-ancient,.slot.r-celestial,.slot.r-eternal,.slot.r-primal,.slot.r-genesis{box-shadow:inset 0 0 16px color-mix(in srgb,var(--rc) 45%,transparent),0 0 14px color-mix(in srgb,var(--rc) 45%,transparent)}.slot.r-genesis .ico{animation:mythic 1.6s infinite}.slot.r-epic,.slot.r-legendary,.slot.r-mythic{box-shadow:inset 0 0 14px color-mix(in srgb,var(--rc) 35%,transparent),0 0 10px color-mix(in srgb,var(--rc) 30%,transparent)}.slot.r-mythic .ico{animation:mythic 2s infinite}.slot.unknown{filter:grayscale(.6) brightness(.6);cursor:default}.slot.unknown .ico{font:800 18px var(--display);color:var(--rc)}.mini-ico{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#0000004d;border:1px solid var(--rc);font-size:13px;vertical-align:middle}.tooltip{position:fixed;left:0;top:0;z-index:200;max-width:300px;padding:11px 13px;border-radius:10px;background:#0e0a07f7;border:1px solid var(--rc, var(--line-2));box-shadow:0 10px 30px #0009,0 0 20px color-mix(in srgb,var(--rc, #000) 20%,transparent);pointer-events:none;opacity:0;transition:opacity .1s;font-size:12.5px}.tooltip.on{opacity:1}.tt-name{font:700 15px var(--display)}.tt-sub{font-size:11px;color:var(--muted);text-transform:capitalize;margin:2px 0 6px}.tt-desc{color:#d8ccb6;line-height:1.45;margin-bottom:6px}.tt-stat{color:var(--ok);font-weight:600}.tt-uses{margin-top:6px;font-size:11.5px;color:var(--muted);line-height:1.4}.tt-val{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted)}.tt-val b{color:var(--gold-2)}.win-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06040273;opacity:0;transition:opacity .18s;z-index:30}.win-wrap.in{opacity:1}.win-wrap.out{opacity:0}.win{width:min(560px,94vw);max-height:86vh;display:flex;flex-direction:column;border-radius:18px;transform:translateY(10px) scale(.98);transition:transform .2s;background:linear-gradient(180deg,#221b14f2,#14100cf2)}.win-wrap.in .win{transform:none}.win-wrap.wide .win{width:min(940px,96vw)}.win-wrap.xwide .win{width:min(1180px,97vw)}.win-head{display:flex;align-items:center;gap:12px;padding:14px 16px 12px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(242,179,61,.07),transparent);border-radius:18px 18px 0 0}.win-title{flex:1;font:700 19px var(--display);letter-spacing:.8px;color:#fff3d6;display:flex;align-items:center;gap:10px}.win-ico{font-size:22px}.win-x{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:14px}.win-x:hover{color:#fff;border-color:var(--bad);background:#ff5a4a26}.win-body{padding:16px 20px 20px;overflow:auto}.win-body::-webkit-scrollbar,.cr-body::-webkit-scrollbar,.recipes::-webkit-scrollbar,.mk-list::-webkit-scrollbar{width:8px}.win-body::-webkit-scrollbar-thumb,.cr-body::-webkit-scrollbar-thumb,.recipes::-webkit-scrollbar-thumb,.mk-list::-webkit-scrollbar-thumb{background:#f2b33d40;border-radius:4px}.sub{color:var(--muted);margin:0 0 14px;line-height:1.5;font-size:13px}.fine{color:var(--dim);font-size:11.5px;line-height:1.5}.hint-line{color:var(--dim);font-size:11.5px;margin:10px 0 0}.empty-msg{color:var(--muted);text-align:center;padding:30px 10px}.sec-title{font:700 11px var(--ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.tabs{display:inline-flex;padding:4px;gap:4px;border-radius:10px;background:#0000004d;border:1px solid var(--line);margin-bottom:12px}.tabs button{padding:7px 18px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:700}.tabs button.on{background:var(--gold);color:#2a1a04}.chips.filt{margin-bottom:12px}.price{font-weight:700;color:var(--gold-2);white-space:nowrap}.price.big{font-size:17px}.inv-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.char-card{text-align:center;padding:10px;border-radius:12px;background:#00000040;border:1px solid var(--line);margin-bottom:12px}.cc-name{font:700 18px var(--display)}.cc-prof{font-size:12px;font-weight:600}.eq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.eq-grid.relics{grid-template-columns:repeat(3,1fr);padding:8px;border-radius:12px;background:linear-gradient(135deg,#b47cff1a,#ffb3400f);border:1px solid rgba(180,124,255,.25)}.eq-slot{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.eq-slot small{font-size:10px;color:var(--dim)}.stat-list{display:grid;gap:4px;font-size:12.5px}.stat-list div{display:flex;justify-content:space-between;padding:5px 9px;border-radius:7px;background:#ffffff08}.stat-list b{color:var(--gold-2)}.bag-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.bag{display:grid;grid-template-columns:repeat(8,50px);gap:6px}.bag.small{grid-template-columns:repeat(5,50px);max-height:380px;overflow:auto;padding-right:4px}.bag.bank{grid-template-columns:repeat(8,50px);max-height:430px;overflow:auto}.pop-menu{position:fixed;z-index:150;min-width:170px;padding:5px;border-radius:10px;background:#100c08fa;border:1px solid var(--line-2);box-shadow:var(--shadow);display:flex;flex-direction:column}.pop-menu button{text-align:left;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:var(--text);font-weight:600;font-size:13px}.pop-menu button:hover:not(:disabled){background:#f2b33d26;color:var(--gold-2)}.pop-menu button:disabled{opacity:.4}.mk-list{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow:auto;padding-right:4px}.mk-row{display:grid;grid-template-columns:1fr 150px 150px;align-items:center;gap:12px;padding:6px 10px 6px 6px;border-radius:12px;background:#ffffff08;border:1px solid transparent}.mk-row:hover{border-color:var(--line);background:#ffffff0d}.mk-item{display:flex;align-items:center;gap:10px}.mk-item small{display:block;font-size:11px;color:var(--dim);text-transform:capitalize}.mk-price{display:flex;flex-direction:column;gap:2px}.trend{font-size:10.5px;font-weight:700}.trend.stable{color:var(--ok)}.trend.soft{color:var(--warn)}.trend.flooded{color:var(--bad)}.mk-btns{display:flex;gap:6px;justify-content:flex-end}.mk-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.mk-foot small{color:var(--dim);font-size:11.5px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.shop-card{--rc: var(--common);display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;border-radius:14px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--rc) 14%,transparent),#ffffff05 70%);border:1px solid color-mix(in srgb,var(--rc) 30%,var(--line));text-align:center}.shop-card.locked{opacity:.55}.sc-ico{font-size:34px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}.shop-card small{color:var(--dim);font-size:11px;text-transform:capitalize}.sc-btns{display:flex;gap:6px;margin-top:6px}.contracts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contract{position:relative;padding:14px;border-radius:14px;background:linear-gradient(180deg,#2c2318,#221a12);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0d}.contract.tier3{border-color:#4ea8ff73}.contract.tier4{border-color:#ffb34099;box-shadow:0 0 20px #ffb34026}.contract.done{opacity:.6}.ct-head{display:flex;justify-content:space-between;align-items:flex-start}.ct-head b{font:700 16px var(--display);display:block}.ct-head small{color:var(--dim);font-size:11.5px}.tier{color:var(--gold);letter-spacing:2px}.ct-wants{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.want{display:flex;flex-direction:column;align-items:center;gap:2px;font:700 11px var(--ui);color:var(--bad)}.want.ok{color:var(--ok)}.want .slot{width:44px;height:44px}.ct-foot{display:flex;align-items:center;gap:10px}.ct-foot small{flex:1;color:var(--dim);font-size:11px}.stamp{font:900 13px var(--display);color:var(--ok);border:2px solid var(--ok);padding:3px 8px;border-radius:6px;transform:rotate(-6deg)}.craft-layout{display:grid;grid-template-columns:300px 1fr 340px;gap:18px;min-height:470px}.cr-bench{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(255,140,50,.12),transparent 60%),linear-gradient(180deg,#3a2a1c,#2a1e14);border:1px solid rgba(255,170,80,.25);box-shadow:inset 0 2px 30px #0006}.bench{display:flex;align-items:center;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,62px);gap:6px;padding:10px;border-radius:14px;background:#00000059;border:1px solid rgba(255,255,255,.08)}.gcell{width:62px;height:62px;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 3px 8px #00000080}.gcell .slot{width:56px;height:56px}.arrow{font-size:30px;color:#fff3;transition:all .2s}.arrow.ready{color:var(--gold-2);text-shadow:0 0 14px var(--gold);animation:nudge 1s infinite}.out-slot{--rc: #555;width:86px;height:86px;border-radius:16px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 30%,#1a140e),#120e0a);border:2px solid color-mix(in srgb,var(--rc) 60%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--rc) 30%,transparent)}.out-slot .ico{font-size:44px}.out-slot .q{font:900 30px var(--display);color:#ffffff26}.out-slot .cnt{position:absolute;right:6px;bottom:4px;font-weight:800}.out-slot.flash{animation:craftFlash .6s}.bench-info{text-align:center;min-height:72px;max-width:360px}.bench-info b{font:700 18px var(--display)}.bench-info small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.bench-info p{color:#d8ccb6;font-size:12px;margin:6px 0 0}.nft-note{color:var(--epic)!important;font-weight:700}.bench-btns{display:flex;gap:8px}.cr-book .search{width:100%;padding:8px 11px;border-radius:9px;border:1px solid var(--line);background:#0000004d;color:var(--text);font:500 13px var(--ui);margin-bottom:8px;outline:none}.cr-book .search:focus{border-color:var(--gold)}.recipes{display:flex;flex-direction:column;gap:6px;max-height:390px;overflow:auto;padding-right:4px}.recipe{padding:7px;border-radius:10px;background:#ffffff08;border:1px solid transparent;cursor:pointer;transition:all .1s}.recipe:hover{border-color:var(--line-2);background:#ffffff0f}.recipe.can{border-color:#5fd38d59}.recipe.lock{opacity:.5}.rc-out{display:flex;align-items:center;gap:9px}.rc-out .slot{width:40px;height:40px}.rc-out .slot .ico{font-size:20px}.rc-out b{font-size:13px;display:block}.rc-out small{color:var(--dim);font-size:11px}.rc-ing{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.rc-ing span{font-size:12px;font-weight:700;padding:2px 6px;border-radius:6px;background:#0000004d}.rc-ing .ok{color:var(--ok)}.rc-ing .no{color:#ff8a7a}.vault-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;min-height:420px}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,74px);gap:10px;align-content:start}.nft-tile{--rc: var(--epic);position:relative;width:74px;height:86px;border-radius:12px;border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rc) 35%,#1a140e),#120e0a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);box-shadow:0 0 14px color-mix(in srgb,var(--rc) 25%,transparent)}.nft-tile .ico{font-size:32px}.nft-tile small{font:700 10px var(--ui)}.nft-tile.on{outline:2px solid var(--rc);outline-offset:2px}.nft-tile.eq:after{content:"E";position:absolute;top:4px;left:5px;font:800 9px var(--ui);color:#2a1a04;background:var(--gold);border-radius:3px;padding:0 3px}.nft-tile .st{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--dim)}.nft-tile .st.queued{background:var(--warn)}.nft-tile .st.minted{background:var(--ok)}.empty-vault{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--muted)}.empty-vault div{font-size:54px;filter:grayscale(.4)}.empty-vault p{max-width:420px;margin:8px auto;line-height:1.55;font-size:13px}.vault-detail{text-align:center}.vd-card{width:150px;height:180px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 45%,#1a140e),#0e0a07);border:2px solid var(--rc);box-shadow:0 0 40px color-mix(in srgb,var(--rc) 40%,transparent);animation:floaty 4s ease-in-out infinite}.vd-ico{font-size:70px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.vault-detail h3{font:700 19px var(--display);margin:0}.vd-sub{color:var(--muted);font-size:12px;margin:3px 0 10px}.vd-stats{display:grid;gap:3px;color:var(--ok);font-weight:600;font-size:13px}.vd-stats .trait{color:var(--gold-2)}.vd-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;text-align:left;font-size:12px;margin:12px 0;padding:10px;border-radius:10px;background:#00000040}.vd-meta span{color:var(--dim)}.st-queued{color:var(--warn)}.st-minted{color:var(--ok)}.vd-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.skills{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skill{display:flex;gap:12px;padding:12px;border-radius:14px;background:#ffffff08;border:1px solid var(--line)}.skill.mine{border-color:color-mix(in srgb,var(--sc) 60%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 12%,transparent),transparent)}.sk-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--sc) 30%,#000);border:1px solid var(--sc);flex:none}.sk-main{flex:1;min-width:0}.sk-top{display:flex;align-items:center;gap:8px}.sk-top b{font:700 15px var(--display)}.sk-lv{margin-left:auto;font:800 15px var(--ui);color:var(--sc)}.tag{font-size:10px;font-weight:800;color:#2a1a04;background:var(--sc);padding:1px 6px;border-radius:5px}.sk-bar{height:7px;border-radius:4px;background:#0006;margin:6px 0 3px;overflow:hidden}.sk-bar i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--sc) 60%,#000),var(--sc))}.skill small{color:var(--dim);font-size:11px}.sk-next{font-size:11px;color:var(--muted);margin-top:4px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.sk-next span{background:#0000004d;padding:1px 6px;border-radius:5px}.coll-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--muted)}.coll-head b{color:var(--gold-2)}.coll-bar{flex:1;height:8px;border-radius:5px;background:#0006;overflow:hidden}.coll-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-d),var(--gold-2))}.coll-group{margin-bottom:14px}.cg-title{font:700 14px var(--display);margin-bottom:7px}.cg-title small{color:var(--dim);font:600 11px var(--ui)}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,46px);gap:6px}.coll-grid .slot{width:46px;height:46px}.storage-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.map-wrap{position:relative}.map-wrap canvas{width:min(640px,80vh);height:min(640px,80vh);display:block;border-radius:12px;border:1px solid var(--line-2)}.map-legend{display:flex;gap:14px;justify-content:center;margin-top:10px;font-size:12px;color:var(--muted)}.map-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}.ranch-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:14px}.ranch-stats div{text-align:center;padding:12px 6px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);color:var(--muted)}.ranch-stats b{font:800 22px var(--ui);color:var(--text)}.ranch-stats small{display:block;font-size:11px;margin-top:2px}.row-btns{display:flex;gap:8px;margin-top:14px}.row-btns .btn{flex:1}.expand{display:flex;align-items:center;gap:14px;justify-content:center;padding:16px;border-radius:14px;background:#f2b33d12;border:1px solid rgba(242,179,61,.3)}.rush{position:relative}.rush canvas{width:100%;max-width:760px;display:block;margin:0 auto;border-radius:12px;cursor:none}.rush-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#100c08d1;border-radius:12px;padding:20px}.rush-intro h3{font:900 28px var(--display);margin:0 0 8px;color:var(--gold-2)}.rush-intro p{color:var(--muted);max-width:420px;line-height:1.5}.rush-res{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:8px 0;font-weight:700}.menu{display:flex;flex-direction:column;gap:8px}.mbtn{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:11px;border:1px solid var(--line);background:#ffffff08;color:var(--text);font:600 14px var(--ui);text-align:left}.mbtn:hover{border-color:var(--gold);background:#f2b33d14}.mbtn small{margin-left:auto;color:var(--gold-2);font-weight:700}.mbtn.danger{color:#ff8a7a}.mbtn.danger:hover{border-color:var(--bad);background:#ff5a4a1a}.save-ind{margin-left:auto;color:var(--ok);font-size:12px;opacity:0}.save-ind.on{animation:fadeOut 1.6s}.settings{display:grid;gap:10px;padding:14px;border-radius:12px;background:#00000040;margin:4px 0}.settings label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.settings label.chk{display:flex}.settings input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}.help{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.help h4{margin:0 0 4px;font:700 15px var(--display);color:var(--gold-2)}.help p{margin:0;color:#d8ccb6;line-height:1.55;font-size:13px}.confirm-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:#00000080;opacity:0;transition:opacity .15s}.confirm-wrap.in{opacity:1}.confirm{width:min(440px,92vw);padding:22px;border-radius:16px;background:linear-gradient(180deg,#261e16fa,#16110cfa)}.confirm h3{margin:0 0 10px;font:700 20px var(--display);color:#fff3d6}.confirm-body{color:#d8ccb6;line-height:1.55}.confirm-body code{font-size:11.5px;word-break:break-all;color:var(--gold-2)}.confirm-body input{width:100%;padding:11px 13px;border-radius:9px;border:1px solid var(--line-2);background:#0006;color:var(--text);font:500 14px ui-monospace,monospace;outline:none;margin-top:6px;-webkit-user-select:text;user-select:text}.confirm-body .err{color:var(--bad);font-size:12px;min-height:16px}.confirm-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog{position:absolute;bottom:96px;left:50%;transform:translate(-50%);width:min(620px,92vw);display:flex;gap:16px;padding:16px 18px;border-radius:18px;animation:dropUp .25s;z-index:25}.dl-portrait{width:68px;height:68px;flex:none;border-radius:16px;display:grid;place-items:center;font-size:36px;background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--pc) 50%,#000),#120e0a);border:2px solid var(--pc)}.dl-main{flex:1}.dl-name{font:700 17px var(--display);color:var(--gold-2)}.dl-name small{font:600 11px var(--ui);color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-left:6px}.dl-text{margin:6px 0 12px;line-height:1.55;min-height:44px;color:#efe4d0;font-size:14px}.dl-btns{display:flex;gap:8px;justify-content:flex-end}.nft-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:radial-gradient(circle,#00000080,#000000d9);opacity:0;transition:opacity .3s}.nft-reveal.in{opacity:1}.nft-reveal.out{opacity:0}.nr-rays{position:absolute;width:900px;height:900px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 30%,transparent) 0 6deg,transparent 6deg 18deg);mask:radial-gradient(circle,#000 10%,transparent 60%);-webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);animation:spin 18s linear infinite}.nr-card{position:relative;width:340px;padding:26px 24px 22px;border-radius:22px;text-align:center;background:linear-gradient(180deg,#2a2018,#140f0a);border:2px solid var(--rc);box-shadow:0 0 80px color-mix(in srgb,var(--rc) 50%,transparent),var(--shadow);animation:cardIn .7s cubic-bezier(.2,1.4,.4,1)}.nr-top{font:800 11px var(--ui);letter-spacing:4px;color:var(--rc)}.nr-ico{font-size:92px;margin:10px 0;filter:drop-shadow(0 0 24px var(--rc));animation:floaty 3s ease-in-out infinite}.nr-name{font:900 21px var(--display);color:#fff3d6}.nr-rar{color:var(--rc);font-weight:700;font-size:13px;margin:4px 0 10px}.nr-trait{font-size:13px;color:var(--gold-2)}.nr-stats{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0}.nr-stats span{font-size:11px;font-weight:700;color:var(--ok);background:#00000059;padding:2px 7px;border-radius:5px}.nr-card p{color:var(--dim);font-size:11.5px}.nr-btns{display:flex;gap:8px;justify-content:center}#reel{position:absolute;right:22%;top:50%;transform:translateY(-50%) scale(.9);opacity:0;pointer-events:none;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}#reel.on{opacity:1;transform:translateY(-50%)}.reel-fish-name{font:700 15px var(--display);text-shadow:0 2px 6px #000;white-space:nowrap}.reel-body{display:flex;gap:8px;padding:10px;border-radius:16px;background:#100c08d9;border:1px solid var(--rc);box-shadow:0 0 30px color-mix(in srgb,var(--rc) 30%,transparent),var(--shadow)}.reel-track{position:relative;width:44px;height:320px;border-radius:10px;background:linear-gradient(180deg,#1a4a6a,#0c2a40);overflow:hidden;box-shadow:inset 0 4px 16px #0009}.reel-zone{position:absolute;left:3px;right:3px;bottom:0;border-radius:7px;background:#5fd38d59;border:2px solid rgba(95,211,141,.7);transition:background .1s}.reel-zone.hit{background:#5fd38d99;box-shadow:0 0 14px #5fd38db3}.reel-fish{position:absolute;left:50%;transform:translate(-50%);font-size:24px;filter:drop-shadow(0 2px 3px #000)}.reel-prog{position:relative;width:12px;height:320px;border-radius:6px;background:#00000080;overflow:hidden}.reel-prog i{position:absolute;left:0;right:0;bottom:0;border-radius:6px;transition:background .2s}.reel-help{font-size:11.5px;color:var(--muted);text-shadow:0 1px 4px #000}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{0%,60%{opacity:1}to{opacity:0}}@keyframes rise{to{transform:translateY(-26px);opacity:0}}@keyframes pulse{50%{filter:brightness(1.6)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px)}12%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes hintPop{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.15)}40%,70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}}@keyframes dropUp{0%{opacity:0;transform:translate(-50%,16px)}}@keyframes bump{50%{transform:scale(1.06)}}@keyframes hurt{0%{opacity:1}to{opacity:0}}@keyframes luIn{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}}@keyframes mythic{50%{filter:drop-shadow(0 0 8px #ff4f6d) brightness(1.3)}}@keyframes nudge{50%{transform:translate(4px)}}@keyframes craftFlash{0%{transform:scale(1)}30%{transform:scale(1.18);box-shadow:0 0 60px var(--rc)}to{transform:scale(1)}}@keyframes floaty{50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardIn{0%{opacity:0;transform:scale(.6) rotateY(90deg)}}@media(max-width:1100px){.craft-layout{grid-template-columns:1fr}.cr-left{width:300px}.cr-right{width:270px}.journey{display:none}}@media(max-width:760px){.inv-layout,.vault-layout,.storage-layout,.skills,.contracts,.help{grid-template-columns:1fr}.bag{grid-template-columns:repeat(6,46px)}.slot{width:46px;height:46px}.cr-left{left:8px;right:8px;width:auto;top:64px;bottom:auto;height:34vh}.cr-right{left:8px;right:8px;width:auto;top:auto;bottom:8px;max-height:36vh}.cr-prof-card,.cr-note{display:none}.minimap{width:140px;height:140px}.minimap canvas{width:134px;height:134px}.hud-tl{min-width:0}.farm-status{top:220px}}.win-wrap.mapwin .win{width:auto}.brand-grad{background:linear-gradient(90deg,var(--brand-a),var(--brand-b));-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 22px rgba(255,150,30,.35));font-family:var(--display);font-weight:900;letter-spacing:-.5px}.ld-logo,.t-logo,.brand-logo{border-radius:50%;box-shadow:0 0 40px #ffaa1e73,0 0 0 2px #ffbe3c40;background:#000}.ld-logo{width:96px;height:96px}.ld-title{font-size:40px;text-shadow:none}.ld-sub{font:800 13px var(--ui);letter-spacing:6px;color:#ffcf6a;opacity:.8;margin-top:-6px}.t-badge{display:inline-block;padding:7px 18px;border-radius:999px;border:1px solid rgba(255,186,80,.55);background:#28160499;color:#ffd27a;font:800 12px var(--ui);letter-spacing:3px;text-transform:uppercase;box-shadow:0 0 20px #ff961e40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.t-logo{width:110px;height:110px;margin-bottom:14px;animation:logoFloat 4s ease-in-out infinite}.t-brand h1.brand-grad{font-size:clamp(54px,8.5vw,112px);margin:14px 0 0;letter-spacing:-2px;text-shadow:none;line-height:1}.t-game{font:900 clamp(18px,2.2vw,26px) var(--display);letter-spacing:10px;color:#fff3d6;margin:10px 0;text-shadow:0 2px 14px rgba(0,0,0,.8)}.t-brand p{font-size:17px;max-width:640px;line-height:1.5}.title{background:radial-gradient(ellipse at 50% 30%,#1e0e0059 10%,#0a0500d1)}.embers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.embers i{position:absolute;bottom:-20px;width:4px;height:4px;border-radius:50%;background:#ffae3a;box-shadow:0 0 10px #ff8a1c;animation:ember linear infinite;opacity:0}.embers b{position:absolute;width:22px;height:22px;background:linear-gradient(135deg,#ffd23a,#ff7a1a);box-shadow:0 0 18px #ff8c1e99;animation:cube 9s ease-in-out infinite;opacity:.85}@keyframes ember{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}to{transform:translateY(-105vh) translate(40px);opacity:0}}@keyframes cube{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(160deg)}}@keyframes logoFloat{50%{transform:translateY(-8px);box-shadow:0 0 60px #ffaa1e99,0 0 0 2px #ffbe3c59}}.btn.gold{background:linear-gradient(180deg,#ffd23a,#ffae1c 55%,#f07d12);border-color:#ffe08a}.brand-logo{width:44px;height:44px}.eq-grid.five{grid-template-columns:repeat(5,1fr)}.eq-grid.five .slot{width:42px;height:42px}.pets-row{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.pets-row .pet{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#ff4f6d14;font-size:20px}.pets-row .pet.on{border-color:var(--mythic);box-shadow:0 0 12px #ff4f6d66}.daily-btn{position:relative}.daily-btn .dot{display:none;position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#ff4a3a;box-shadow:0 0 8px #ff4a3a}.daily-btn.ready .dot{display:block;animation:pulse 1s infinite}.daily-btn.ready{border-color:var(--gold)!important}#fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .4s}#fade.on{opacity:1}#ride-hint{position:absolute;bottom:132px;left:50%;transform:translate(-50%);padding:7px 14px;border-radius:999px;background:#100c08cc;border:1px solid var(--line);font-size:12px;color:var(--muted);display:none}#ride-hint.on{display:block}#ride-hint kbd{margin:0 1px}.veh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.veh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 14px;border-radius:16px;background:radial-gradient(circle at 50% 0%,#f7a91c1f,#ffffff05 70%);border:1px solid var(--line)}.veh.owned{border-color:#5fd38d8c}.veh-ico{font-size:54px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.veh b{font-size:16px}.veh small{color:var(--muted);font-size:12px;line-height:1.45;min-height:52px}.veh-stats{display:flex;gap:10px;font-size:11px;color:var(--dim)}.veh-stats b{color:var(--gold-2);font-size:11px}.travel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tw{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#7fe0ff0d;border:1px solid rgba(127,224,255,.25)}.tw>div{flex:1}.tw small{display:block;color:var(--dim);font-size:11px}.tw.locked{opacity:.45;border-color:var(--line)}.tw-ico{font-size:24px}.daily-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.daily-head b{font-size:22px;display:block}.daily-head small{color:var(--muted)}.daily-track{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.dd{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;background:#ffffff08;border:1px solid var(--line);text-align:center}.dd small{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:1px}.dd-ico{font-size:30px}.dd b{color:var(--gold-2)}.dd span{font-size:12px}.dd.got{opacity:.45}.dd.got .dd-ico{filter:grayscale(1)}.dd.now{border-color:var(--gold);box-shadow:0 0 22px #f7a91c59;background:#f7a91c1a;animation:floaty 2s infinite}.dd.big{background:linear-gradient(180deg,#b47cff26,#ffb34014)}.hodl-top{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.hodl-top div{padding:12px;border-radius:12px;background:#0000004d;border:1px solid var(--line);text-align:center}.hodl-top small{display:block;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:1px}.hodl-top b{font-size:20px}.hodl-top b.g{color:var(--ok)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.plan{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--text);text-align:left}.plan span{color:var(--ok);font-weight:800}.plan small{color:var(--dim)}.plan.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.plan:disabled{opacity:.4}.hodl-act{display:flex;gap:8px}.hodl-act input{flex:1;padding:10px 12px;border-radius:9px;border:1px solid var(--line-2);background:#00000059;color:var(--text);font:600 14px var(--ui);outline:none;-webkit-user-select:text;user-select:text}.trophies{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tro{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);opacity:.55}.tro>div{flex:1}.tro small{display:block;color:var(--dim);font-size:11.5px}.tro.got{opacity:1;border-color:#f7a91c80;background:#f7a91c12}.tro-ico{font-size:26px}@media(max-width:760px){.veh-grid,.travel,.trophies,.plans{grid-template-columns:1fr}.daily-track{grid-template-columns:repeat(4,1fr)}.hodl-top{grid-template-columns:1fr 1fr}}.eq-grid.six{grid-template-columns:repeat(3,1fr);gap:6px}.eq-grid.six .slot{width:40px;height:40px}.eq-grid.six small{font-size:10px}.stat-list.combat{margin-top:8px;grid-template-columns:1fr 1fr;padding-top:8px;border-top:1px solid var(--line)}.stat-list.combat div{font-size:11.5px;padding:4px 7px}.stat-list.combat b{color:#ffd9a8}.tt-gear-sub{font-size:11px;color:var(--muted);margin:2px 0 8px}.tt-big{font:900 24px var(--display);color:#fff;line-height:1.1}.tt-big small{font:600 12px var(--ui);color:var(--muted)}.tt-line{font-size:12px;color:#d8ccb6;margin:2px 0}.tt-dps{font:800 15px var(--ui);color:var(--gold-2);margin:4px 0}.tt-dps small{font-weight:600;font-size:11px;color:var(--muted)}.tt-cmp{font:800 12px var(--ui);margin:4px 0 2px}.tt-cmp.up{color:#5fd38d}.tt-cmp.down{color:#ff6a5a}.tt-affixes{margin:8px 0 6px;padding:7px 0 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:3px}.tt-affixes .aff{color:#8fb8ff;font-weight:600;font-size:12.5px}.tt-affixes .aff.fire{color:#ff9a5a}.tt-affixes .aff.frost{color:#9fdcff}.tt-affixes .aff.void{color:#c89aff}.tt-req{font-size:11px;color:var(--muted)}.tt-lock{font:700 12px var(--ui);color:#ff6a5a;margin-top:4px}.tt-nft{margin-top:6px;padding:5px 8px;border-radius:7px;font:800 11.5px var(--ui);color:#2a1004;background:linear-gradient(90deg,#f7931a,#ffd77a)}.r-ancient{--rc: var(--ancient)}.r-celestial{--rc: var(--celestial)}.r-eternal{--rc: var(--eternal)}.r-primal{--rc: var(--primal)}.r-genesis{--rc: var(--genesis)}.rbadge{display:inline-block;padding:1px 8px;border-radius:999px;font:800 10.5px var(--ui);letter-spacing:.4px;color:var(--rc);border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);background:color-mix(in srgb,var(--rc) 12%,transparent)}.nftglow{color:#f7931a;text-shadow:0 0 10px rgba(247,147,26,.5)}.forge-layout{display:grid;grid-template-columns:190px 1fr;gap:14px}.fg-tiers{display:grid;gap:5px;align-content:start}.fg-tier{text-align:left;padding:7px 10px;border-radius:9px;border:1px solid color-mix(in srgb,var(--rc) 35%,transparent);background:#00000040;color:var(--rc);cursor:pointer}.fg-tier b{display:block;font:800 13px var(--display)}.fg-tier small{color:var(--muted);font-size:10.5px}.fg-tier.on{background:color-mix(in srgb,var(--rc) 16%,#120e0a);box-shadow:inset 0 0 0 1px var(--rc),0 0 14px color-mix(in srgb,var(--rc) 25%,transparent)}.fg-tier.lock{opacity:.45}.fg-bases{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.fg-base{display:flex;flex-direction:column;align-items:center;width:74px;padding:6px 4px;border-radius:10px;border:1px solid var(--line);background:#00000040;color:var(--text);cursor:pointer}.fg-base span{font-size:22px}.fg-base small{font-size:10.5px;color:var(--muted)}.fg-base.on{border-color:var(--gold);background:#f2b33d1f}.fg-card{display:flex;gap:14px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);background:radial-gradient(circle at 10% 30%,color-mix(in srgb,var(--rc) 18%,#15100b),#110d09);box-shadow:0 0 22px color-mix(in srgb,var(--rc) 18%,transparent)}.fg-ico{flex:none;width:72px;height:72px;display:grid;place-items:center;font-size:42px;border-radius:14px;background:#00000059;border:1px solid color-mix(in srgb,var(--rc) 50%,transparent)}.fg-name{font:800 19px var(--display)}.fg-sub{font-size:12px;color:var(--muted);margin:3px 0 6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fp-big{font:900 22px var(--display);color:#fff}.fp-big small{font:600 12px var(--ui);color:var(--muted)}.fp-line{font-size:12px;color:#d8ccb6}.fp-line.dim,.dim{color:var(--muted)}.fg-ing{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.fg-ing .want small{color:var(--muted);font-weight:600;font-size:10px;max-width:70px;text-align:center;line-height:1.15}.fg-reqs{display:flex;flex-wrap:wrap;gap:12px;font:700 12px var(--ui);color:var(--muted);align-items:center}.fg-reqs .ok{color:var(--ok)}.fg-reqs .no{color:var(--bad)}.fg-result{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line)}.fg-result small{display:block;color:var(--muted);font-size:11px}.forge-2col{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.fg-side{padding:12px;border-radius:12px;background:#00000038;border:1px solid var(--line)}.slot.picked{outline:2px solid var(--gold);outline-offset:1px}.atlas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:8px 0 12px}.at-zone{padding:11px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--zc) 45%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--zc) 16%,#16110c),#100c08);display:grid;gap:6px}.at-zone.lock{filter:saturate(.4);opacity:.7}.at-head{display:flex;justify-content:space-between;align-items:baseline}.at-head b{font:800 15px var(--display);color:var(--zc)}.at-lv{font:800 11px var(--ui);color:#fff;padding:1px 7px;border-radius:6px;background:#0006}.at-mobs{display:flex;flex-wrap:wrap;gap:4px}.at-mobs span{font-size:11px;color:#d8ccb6;padding:1px 6px;border-radius:6px;background:#ffffff0d}.at-boss{font:700 12px var(--ui);color:#ff8a7a}.at-boss small{color:var(--muted);font-weight:600}.at-mats{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.at-lock{font:800 12px var(--ui);color:var(--bad)}#boss-bar{position:absolute;top:74px;left:50%;width:min(560px,70vw);transform:translate(-50%,-10px);opacity:0;transition:.3s;pointer-events:none;text-align:center}#boss-bar.on{opacity:1;transform:translate(-50%)}.bb-name{font:900 18px var(--display);color:#ffd6c8;letter-spacing:1.5px;text-shadow:0 2px 10px #000,0 0 20px rgba(255,60,30,.45);margin-bottom:5px}.bb-name small{font:700 11px var(--ui);color:#ffe6d2bf;letter-spacing:.5px}.bb-track{position:relative;height:16px;border-radius:4px;background:#0a0402cc;border:1px solid rgba(255,120,90,.5);overflow:hidden;box-shadow:0 0 20px #ff32144d}.bb-track i{position:absolute;left:0;top:0;bottom:0}.bb-lag{background:#ffd08a;opacity:.75}.bb-fill{background:linear-gradient(180deg,#ff5a3a,#a8180c);transition:width .12s}.bb-txt{position:relative;font:800 11px/16px var(--ui);color:#fff;text-shadow:0 1px 3px #000}#potion-pill{position:absolute;bottom:24px;left:calc(50% + 290px);display:none;align-items:center;gap:5px;padding:6px 10px;border-radius:10px;background:#100c08d1;border:1px solid var(--line-2);font:800 13px var(--ui);color:#ffd0da;pointer-events:none}#potion-pill.show{display:flex}#potion-pill kbd{background:var(--gold);color:#2a1a04;border-color:#ffe3a3}#zone-banner.danger small{color:#ff8a7a}@media(max-width:900px){#potion-pill{left:auto;right:12px;bottom:96px}.forge-layout,.forge-2col{grid-template-columns:1fr}.fg-tiers{grid-template-columns:repeat(5,1fr)}}.settings select{margin-left:8px;background:#1a140e;color:var(--text);border:1px solid var(--line-2);border-radius:7px;padding:4px 8px;font:600 12px var(--ui)}