:root{--night-1: #120a36;--night-2: #1f1450;--night-3: #2a1f6e;--violet: #6c4cd6;--violet-2: #8b6cf6;--cyan: #6ee7e7;--sky: #7dd3fc;--pink: #f9a8d4;--gold: #ffd56b;--icon-lift: drop-shadow(0 0 2px rgba(0, 0, 0, .75)) drop-shadow(0 3px 4px rgba(0, 0, 0, .5));--gold-2: #f4a83a;--gold-deep: #b8741e;--paper: #fef6dc;--paper-2: #fbe8b8;--paper-3: #f3d68a;--line: #c08a4a;--line-2: #8a5a25;--ink: #3a2410;--ink-2: #5a3b18;--muted: #8a6a45;--hp: #ff6b8a;--hp-2: #ff3863;--mp: #6ec8ff;--mp-2: #2d8df0;--xp: #c5f06a;--xp-2: #79c328;--r-common: #3a2410;--r-uncommon: #79c328;--r-rare: #2d8df0;--r-epic: #b06bff;--r-legend: #ff9d2e;--r-mythic: #ff6b6b;--cream: var(--paper);--cream-2: var(--paper-2);--parch: #fff8e6;--ink-soft: var(--muted);--brown: var(--line);--brown-d: var(--line-2);--pink-d: #e87ba3;--mint: #8fd7c4;--shadow: rgba(28, 12, 60, .32);--radius: 18px;--font: "Nunito", "Noto Sans Thai", "Segoe UI", system-ui, sans-serif;--font-display: "Noto Sans Thai", "Baloo 2", sans-serif;--display-tracking: -.02em;--font-mono: "JetBrains Mono", "Noto Sans Thai", ui-monospace, monospace;font-family:var(--font)}body,#ui-root,input,button,textarea,select{font-family:var(--font)}.display,.ptitle,.title,.char-h,.shop-h,.trade-h,h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--display-tracking)}.mono,.gold,.stat-val,.pf-lv,.lv{font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#181030;cursor:url(/assets/mouse/cur_normal.png) 3 3,auto}.lp-cursor-on,.lp-cursor-on *{cursor:none!important}#lp-cursor{position:fixed;top:0;left:0;width:0;height:0;z-index:2147483000;pointer-events:none;will-change:transform}#lp-cursor.gone{opacity:0}#lp-cursor .lp-art{position:absolute;left:calc(-1 * var(--tipx));top:calc(-1 * var(--tipy));width:var(--w);height:var(--h);background:center / contain no-repeat;transform-origin:var(--tipx) var(--tipy);filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));animation:lp-cur-idle 2.6s ease-in-out infinite}#lp-cursor .lp-art:before{content:"";position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(circle,var(--glow, transparent) 0%,transparent 62%);opacity:0;transition:opacity .18s ease;z-index:-1}#lp-cursor[data-state=normal] .lp-art{--w: 39px;--h: 46px;--tipx: 1px;--tipy: 1px;background-image:url(/assets/mouse/mouse_normal.png)}#lp-cursor[data-state=hover] .lp-art{--w: 43px;--h: 51px;--tipx: 1px;--tipy: 1px;--glow: rgba(255, 208, 92, .55);background-image:url(/assets/mouse/mouse_normal.png);animation:lp-cur-hover 1.05s ease-in-out infinite}#lp-cursor[data-state=hover] .lp-art:before{opacity:1;animation:lp-cur-glow 1.05s ease-in-out infinite}#lp-cursor[data-state=atk] .lp-art{--w: 60px;--h: 56px;--tipx: 1px;--tipy: 7px;--glow: rgba(255, 96, 40, .5);background-image:url(/assets/mouse/mouse_atk.png);animation:lp-cur-atk .8s ease-in-out infinite}#lp-cursor[data-state=atk] .lp-art:before{opacity:1;animation:lp-cur-glow .8s ease-in-out infinite}#lp-cursor[data-state=npc] .lp-art{--w: 47px;--h: 50px;--tipx: 1px;--tipy: 2px;--glow: rgba(120, 200, 255, .5);background-image:url(/assets/mouse/mouse_npc.png);animation:lp-cur-npc 1.8s ease-in-out infinite}#lp-cursor[data-state=npc] .lp-art:before{opacity:.85}#lp-cursor[data-state=skill] .lp-art{--w: 58px;--h: 60px;--tipx: 29px;--tipy: 30px;--glow: rgba(120, 170, 255, .55);background-image:url(/assets/mouse/mouse_skill.png);animation:lp-cur-cast 1.5s ease-in-out infinite}#lp-cursor[data-state=skill] .lp-art:before{opacity:1;animation:lp-cur-glow 1.6s ease-in-out infinite}#lp-cursor.down .lp-art{animation:none;transform:scale(.84)}#lp-cursor .lp-ripple{position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid rgba(255,214,110,.9);opacity:0;pointer-events:none}#lp-cursor.click .lp-ripple{animation:lp-cur-ripple .42s ease-out}@keyframes lp-cur-idle{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes lp-cur-hover{0%,to{transform:scale(1.06)}50%{transform:scale(1.17)}}@keyframes lp-cur-atk{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.08) rotate(-4deg)}75%{transform:scale(1.08) rotate(4deg)}}@keyframes lp-cur-npc{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes lp-cur-cast{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes lp-cur-glow{0%,to{opacity:.45}50%{opacity:.95}}@keyframes lp-cur-ripple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion: reduce){#lp-cursor .lp-art,#lp-cursor .lp-art:before{animation:none!important}}#app{position:fixed;inset:0}#game-root{position:absolute;inset:0}#game-root canvas{display:block}#ui-root{position:absolute;top:0;left:0;width:100%;height:100%;zoom:var(--ui-scale, 1);pointer-events:none;font-size:15px}.drag-ghost,.buff-tip,.skill-tip,.rfx-flash,.enfx-flash,#lmp-toast,#levelup-fx,#craft-fx,#craft-suspense,#stat-tip{zoom:var(--ui-scale, 1)}#app img,#game-root canvas{-webkit-user-drag:none;user-select:none}#ui-root .panel,#ui-root .panel-inv,#ui-root .ctx-menu,#ui-root .npc-dialog,#ui-root .party-invite-pop,#ui-root .death,#ui-root button,#ui-root input,#ui-root .chat-log,#ui-root .gm-palette,#ui-root .gm-cedit-box,#ui-root .clickable{pointer-events:auto}.btn{font:inherit;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#4a2a08;cursor:pointer;user-select:none;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-2) 100%);border:2px solid var(--gold-deep);border-radius:14px;padding:10px 20px;box-shadow:0 3px 0 var(--gold-deep),inset 0 1px #ffffffb3;text-shadow:0 1px 0 rgba(255,255,255,.4);transition:transform .06s ease,box-shadow .06s ease,filter .1s}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gold-deep)}.btn.secondary{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-2) 100%);border-color:var(--gold-deep);box-shadow:0 3px 0 var(--gold-deep),inset 0 1px #ffffffb3;color:#4a2a08;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn.secondary>*{position:relative;z-index:1}.btn.secondary img{width:16px;height:16px}.btn.secondary:before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skew(-18deg);pointer-events:none;opacity:0}.btn.secondary:hover:before{animation:btn-sheen .85s ease}@keyframes btn-sheen{0%{left:-60%;opacity:0}12%{opacity:1}to{left:130%;opacity:0}}.btn.ghost{background:linear-gradient(180deg,#fff,var(--paper-2));color:var(--ink);border-color:var(--line);box-shadow:0 3px 0 var(--line),inset 0 1px #fff;text-shadow:none}.btn.small{padding:6px 14px;font-size:13px;border-radius:11px;box-shadow:0 2px 0 var(--gold-deep)}.btn.ghost.small{box-shadow:0 2px 0 var(--line)}.btn:disabled{filter:grayscale(.6) opacity(.55);cursor:not-allowed;box-shadow:none;transform:none}#ui-root button:focus,#ui-root .clickable:focus,#ui-root .inv-slot:focus,#ui-root .navbtn:focus{outline:none}#ui-root button:focus-visible,#ui-root .clickable:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}input.field{font:inherit;width:100%;padding:11px 14px;border-radius:12px;border:2px solid var(--line);background:#fff;color:var(--ink);outline:none;box-shadow:inset 0 2px #c08a4a26}input.field::placeholder{color:var(--muted)}input.field:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #f4a83a4d}input.field:-webkit-autofill,input.field:-webkit-autofill:hover,input.field:-webkit-autofill:focus,input.field:-webkit-autofill:active{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-in-out 0s}input.field::-ms-reveal,input.field::-ms-clear{display:none}input.field[type=number]{-moz-appearance:textfield;appearance:textfield}input.field[type=number]::-webkit-outer-spin-button,input.field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#120a2a4d,#120a2a80),url(/assets/maps/central_bg.webp) center / cover no-repeat,linear-gradient(180deg,var(--night-1) 0%,var(--night-2) 100%);pointer-events:auto}.overlay.show{display:flex}.overlay:before,.overlay:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.overlay:before{width:200px;height:200px;left:8%;top:8%;background:radial-gradient(circle at 35% 35%,#fff8d0,#ffd56b 55%,#ffd56b00 70%);opacity:.9;animation:floatA 9s ease-in-out infinite}.overlay:after{width:150px;height:150px;bottom:12%;right:10%;background:radial-gradient(circle,#fff 0%,var(--gold) 50%,transparent 60%);opacity:.5;animation:floatB 11s ease-in-out infinite}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}.loading-screen{position:absolute;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#120a2abd,#120a2ae0),url(/assets/maps/central_bg.webp) center / cover no-repeat,linear-gradient(180deg,var(--night-1),var(--night-2))}.loading-screen.show{display:flex;animation:lsIn .28s ease both}.loading-screen.hide{display:flex;animation:lsOut .42s ease forwards}@keyframes lsIn{0%{opacity:0}to{opacity:1}}@keyframes lsOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.ls-inner{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(440px,84vw);text-align:center}.ls-logo{width:min(360px,72vw);filter:drop-shadow(0 8px 22px rgba(0,0,0,.55));animation:lsFloat 3.4s ease-in-out infinite}@keyframes lsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.ls-dots{display:flex;gap:13px}.ls-dots i{width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,var(--gold),var(--gold-2));box-shadow:0 0 12px #ffd56bb3;animation:lsBounce 1.1s ease-in-out infinite}.ls-dots i:nth-child(2){animation-delay:.15s}.ls-dots i:nth-child(3){animation-delay:.3s}@keyframes lsBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-15px);opacity:1}}.ls-bar{width:100%;height:16px;border-radius:10px;background:#0a041cb3;border:2px solid rgba(255,213,107,.35);overflow:hidden;box-shadow:inset 0 2px 6px #00000080}.ls-fill{height:100%;width:0%;border-radius:8px;background:linear-gradient(90deg,var(--gold-2),var(--gold),#fff3c4);box-shadow:0 0 14px #ffd56bd9;transition:width .3s ease;position:relative;overflow:hidden}.ls-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);animation:lsSheen 1.3s linear infinite}@keyframes lsSheen{to{transform:translate(100%)}}.ls-row{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:var(--font);font-size:13px;color:#ffe9b0}#ls-pct{font-family:var(--font-mono)}#ls-pct{font-weight:800}.ls-tip{font-size:13px;color:#d9c9ff;min-height:36px;max-width:400px;line-height:1.55;transition:opacity .25s ease}.ls-tip b{color:var(--gold)}.card,.panel-inv{background:radial-gradient(120% 80% at 50% 0%,#fff8e0 0%,var(--paper) 60%,var(--paper-2) 100%);border:2px solid var(--line);border-radius:22px;color:var(--ink);position:relative;box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 -6px #c08a4a2e,0 14px 30px #1c0c3c66}.card:before,.card:after,.panel-inv:before,.panel-inv:after{content:"";position:absolute;width:14px;height:14px;z-index:2;background:radial-gradient(circle,var(--gold) 0%,var(--gold-2) 60%,transparent 70%);border-radius:50%;filter:drop-shadow(0 0 4px rgba(255,213,107,.8))}.card:before,.panel-inv:before{top:-5px;left:-5px}.card:after,.panel-inv:after{top:-5px;right:-5px}.card{width:min(440px,92vw);padding:26px}.card.wide{width:min(900px,95vw)}.logo{display:block;width:230px;max-width:70%;margin:-76px auto 6px;filter:drop-shadow(0 6px 16px rgba(124,93,255,.5))}.title{text-align:center;font-size:23px;font-weight:700;margin:6px 0 16px;color:var(--ink)}.subtitle{text-align:center;color:var(--muted);margin:-8px 0 18px;font-size:13px}.row{display:flex;gap:10px}.row.gap{margin-top:12px}.col{display:flex;flex-direction:column;gap:10px}.center{text-align:center}.error{display:none;align-items:center;gap:10px;color:#a8322f;font-size:13px;font-weight:700;line-height:1.4;background:linear-gradient(180deg,#ffe9e4,#ffd7cf);border:2px solid #f0a99e;border-radius:14px;padding:10px 13px;margin-top:10px;box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 -3px #c85a4a29,0 6px 16px #b23a3a33}.error.show{display:flex;animation:errShake .45s cubic-bezier(.36,.07,.19,.97) both}.error:before{content:"!";flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:#fff;background:linear-gradient(180deg,#ff7d6d,#e0463c);box-shadow:0 2px #b8332b,inset 0 1px #ffffff8c}@keyframes errShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.error.ok{color:#1f7a4d;background:linear-gradient(180deg,#dff7e6,#c7efd4);border-color:#8fd5a6}.error.ok:before{content:"✓";background:linear-gradient(180deg,#5fd087,#2f9d5b);box-shadow:0 2px #1f7a4d,inset 0 1px #ffffff8c}.hint{font-size:12px;color:var(--muted);text-align:center;margin-top:12px;margin-bottom:12px}.linkbtn{background:none;border:none;color:var(--violet);font:inherit;font-weight:800;cursor:pointer;text-decoration:underline}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:8px 0 4px}.char-card{background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-radius:16px;padding:12px;text-align:center;cursor:pointer;transition:transform .08s,border-color .08s;position:relative;box-shadow:inset 0 -4px #c08a4a40}.char-card:hover{transform:translateY(-3px);border-color:var(--gold-deep)}.char-card.add{display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--line);border-style:dashed;background:#ffd56b1f}.char-card img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(124,93,255,.25))}.char-card .cname{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking)}.char-card .cmeta{font-size:12px;color:var(--ink-2)}.section-label{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);margin:14px 0 6px;font-size:14px;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:700;font-size:13px}.chip.sel{background:linear-gradient(180deg,var(--gold),var(--gold-2));border-color:var(--gold-deep);color:#4a2a08}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.class-pick{border:2px solid var(--line);background:linear-gradient(180deg,#fff5d2,#ffe5a8);border-radius:14px;padding:8px;cursor:pointer;text-align:center;position:relative}.class-pick img{width:72px;height:72px;object-fit:contain}.class-pick.sel{border-color:var(--gold-deep);background:linear-gradient(180deg,#fff6dc,#ffd56b);box-shadow:0 0 0 2px var(--gold) inset}.class-pick.locked{opacity:.55;cursor:not-allowed}.class-pick .role{font-size:11px;color:var(--ink-2)}.class-pick .pname{font-weight:700;font-size:13px;font-family:var(--font-display);letter-spacing:var(--display-tracking)}.badge{position:absolute;top:6px;right:6px;background:var(--gold);color:#6a4e12;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px}.cs-card{width:min(900px,95vw);padding:0}.cs-head{display:flex;align-items:center;gap:12px;padding:16px 22px 12px;border-bottom:2px dashed rgba(192,138,74,.45)}.cs-logo{height:58px;flex:0 0 auto;filter:drop-shadow(0 2px 3px rgba(120,74,20,.35))}.cc-head{display:flex;align-items:center;gap:12px;padding:4px 6px 12px;margin-bottom:14px;border-bottom:2px dashed rgba(192,138,74,.45)}.cc-logo{height:58px;flex:0 0 auto;filter:drop-shadow(0 2px 3px rgba(120,74,20,.35))}.cc-headtitle{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:21px;color:var(--ink)}.cs-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:20px;color:var(--ink)}.cs-head .btn{margin-left:auto}.cs-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:16px 22px 22px}.cs-preview{position:relative;border:2px solid var(--line);border-radius:18px;background:radial-gradient(120% 80% at 50% 0%,#fff8e0,var(--paper-2));padding:18px;display:flex;flex-direction:column;align-items:center;min-height:380px;box-shadow:inset 0 -5px #c08a4a33}.cs-pedestal{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center}.cs-pedestal:after{content:"";position:absolute;bottom:7%;width:56%;height:26px;border-radius:50%;background:radial-gradient(50% 100% at 50% 50%,rgba(255,213,107,.6) 0%,transparent 70%);filter:blur(2px)}.cs-hero{position:relative;max-height:244px;max-width:78%;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(124,93,255,.4));animation:csFloat 4s ease-in-out infinite}@keyframes csFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cs-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:22px;color:var(--ink);margin-top:2px}.cs-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.cs-chip{font-size:12px;color:var(--ink-2);background:#fff8e0;border:1.5px solid var(--line);border-radius:999px;padding:3px 11px}.cs-chip b{color:var(--gold-deep);font-family:var(--font-display);letter-spacing:var(--display-tracking);margin-right:3px}.cs-play{width:100%;margin-top:14px;font-size:17px;padding:12px}.cs-list{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow-y:auto;padding:4px 6px 8px}.cs-row{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-radius:14px;padding:8px 12px;cursor:pointer;transition:filter .1s,border-color .1s;box-shadow:inset 0 -3px #c08a4a38}.cs-row:hover{border-color:var(--gold-deep);filter:brightness(1.04)}.cs-row.sel{border-color:var(--gold-deep);box-shadow:inset 0 0 0 2px var(--gold),inset 0 -3px #c08a4a38;background:linear-gradient(180deg,#fff6dc,#ffd56b)}.cs-rthumb{width:52px;height:58px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#fff5d2,#ffd56b);border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center}.cs-rthumb img{width:100%;height:100%;object-fit:contain}.cs-rthumb.add{font-size:26px;color:var(--line-2);font-weight:800;background:#ffd56b26;border-style:dashed}.cs-row.cs-add{background:#fff8ea8c;border-style:dashed}.cs-rinfo{flex:1;min-width:0}.cs-rname{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-rmeta{font-size:12px;color:var(--ink-2)}.cs-rlv{font-family:var(--font-mono);font-weight:800;font-size:12px;color:var(--gold-deep);background:#fff8e0;border:1.5px solid var(--line);border-radius:8px;padding:2px 8px}.cs-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink-2);gap:4px}.cs-empty-text{font-weight:700;line-height:1.5}@media (max-width: 680px){.cs-wrap{grid-template-columns:1fr}.cs-preview{min-height:280px}}.crest{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.cs-crest{width:26px;height:26px;margin-right:8px}.cs-mcrest{width:16px;height:16px;margin-right:5px;vertical-align:-3px}.pick-crest{position:absolute;top:5px;left:5px;width:26px;height:26px;z-index:2}.cc-card{width:min(860px,95vw)}.cc-stage{display:flex;align-items:center;gap:8px;margin:10px 0 4px}.cc-arrow{flex:0 0 auto;width:44px;height:150px;border-radius:14px;border:2px solid var(--line);line-height:1;background:linear-gradient(180deg,#fff,var(--paper-2));color:var(--gold-deep);font-size:30px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 var(--line)}.cc-arrow:disabled{opacity:.38;cursor:default;box-shadow:none;transform:translateY(2px)}.cc-arrow:disabled:hover{border-color:var(--line)}.cc-arrow:hover{border-color:var(--gold-deep);filter:brightness(1.04)}.cc-arrow:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.cc-grid{flex:1 1 auto;display:flex;justify-content:center;gap:10px}.cc-pick{position:relative;flex:0 0 calc(25% - 8px);max-width:178px;border:2px solid var(--line);border-radius:16px;padding:8px 6px 10px;text-align:center;cursor:pointer;transition:transform .1s,box-shadow .1s,border-color .1s;background:linear-gradient(180deg,#fff7e0,#ffe9b8);box-shadow:inset 0 -3px #c08a4a40}.cc-pick.clickable:hover{transform:translateY(-3px);border-color:var(--gold-deep)}.cc-pick.sel{border-color:var(--gold-deep);background:linear-gradient(180deg,#fff7df,#ffd56b);box-shadow:0 0 0 3px var(--gold) inset,0 8px 18px #f4a83a66;transform:translateY(-4px) scale(1.03)}.cc-pick.locked{opacity:.6;cursor:not-allowed}.cc-pickimg{width:92px;height:92px;object-fit:contain;margin:2px auto 0;display:block;filter:drop-shadow(0 4px 4px rgba(60,30,10,.22))}.cc-crest{position:absolute;top:6px;left:6px;width:28px;height:28px;z-index:2}.cc-badge{position:absolute;top:6px;right:6px;background:var(--gold);color:#6a4e12;font-size:10px;font-weight:800;padding:2px 7px;border-radius:8px;z-index:2}.cc-pname{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:var(--ink);margin-top:4px}.cc-role{font-size:11px;color:var(--ink-2)}.cc-dots{display:flex;justify-content:center;gap:7px;margin:6px 0 2px}.cc-dot{width:9px;height:9px;border-radius:50%;background:var(--line);opacity:.5}.cc-dot.on{background:var(--gold-2);opacity:1;box-shadow:0 0 6px #f4a83a99}.cc-detail{display:flex;gap:16px;align-items:stretch;margin-top:12px;padding-top:14px;border-top:2px dashed var(--line)}.cc-detail-left,.cc-detail-right{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.cc-detail-left{gap:8px}.cc-name{text-align:center}.cc-preview{position:relative;flex:1 1 auto;min-height:210px;display:flex;align-items:flex-end;justify-content:center;border-radius:14px;border:2px solid var(--line);padding:16px 8px 12px;background:radial-gradient(120% 80% at 50% 22%,#fffdf6,#ffeec2 68%,#ffe0a0);overflow:hidden}.cc-sprite{background-repeat:no-repeat;image-rendering:auto}.cc-bigsprite{width:168px;height:168px;filter:drop-shadow(0 9px 6px rgba(60,30,10,.34))}.cc-nameplate{position:absolute;top:12px;left:50%;transform:translate(-50%);max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:#fff;background:#281c0cbd;padding:3px 14px;border-radius:999px;box-shadow:0 2px 5px #00000047}.cc-nameplate.placeholder{opacity:.5}.cc-focus-label{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:13px;color:var(--ink);margin-bottom:6px;text-align:center}.cc-focus{margin:0 auto;max-width:340px}.cs-preview{position:relative;overflow:hidden;padding:0;border:2px solid var(--line);border-radius:18px;min-height:400px;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 6%,var(--sky-a, #fff8e0),var(--sky-b, #ffe7b6) 60%,var(--sky-c, #ffdca0));box-shadow:inset 0 3px 10px #78501e2e,inset 0 -6px #c08a4a33;transition:background .4s}.cs-aura{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--glow, #ffd56b),transparent 62%);opacity:.5;filter:blur(6px);pointer-events:none;transition:.4s}.cs-rays{position:absolute;left:50%;top:44%;width:480px;height:480px;transform:translate(-50%,-50%);pointer-events:none;background:conic-gradient(from 0deg,transparent 0 8deg,rgba(255,255,255,.28) 8deg 12deg,transparent 12deg 30deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 60%);mask:radial-gradient(circle,#000 12%,transparent 60%);opacity:.32;animation:csSpin 26s linear infinite}@keyframes csSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.cs-bgart{position:absolute;right:-26%;bottom:-8%;height:118%;width:auto;object-fit:contain;z-index:1;opacity:.16;pointer-events:none}.cs-bgart.cs-in{animation:csBgSlide 1s cubic-bezier(.2,.9,.3,1) both}@keyframes csBgSlide{0%{opacity:0;transform:translate(80px)}to{opacity:.16;transform:translate(0)}}.cs-spark{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff,var(--glow, #ffd56b) 60%,transparent 70%);opacity:.8;animation:csTwinkle 3.4s ease-in-out infinite}.cs-spark:nth-child(4){left:22%;top:26%}.cs-spark:nth-child(5){right:20%;top:32%;animation-delay:.7s}.cs-spark:nth-child(6){left:30%;top:56%;animation-delay:1.3s}.cs-spark:nth-child(7){right:26%;top:60%;animation-delay:1.9s}@keyframes csTwinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.9;transform:scale(1.1)}}.cs-lvbadge{position:absolute;top:14px;left:14px;z-index:6;width:56px;height:56px;display:grid;place-items:center;transform:rotate(-6deg);color:#5a3b18;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;line-height:1;text-align:center;background:radial-gradient(circle at 50% 40%,#fff3c4,var(--gold) 55%,var(--gold-2));border:2px solid #fff;border-radius:15px;box-shadow:0 4px 10px #a05a0a73,0 0 0 3px #b8741e59}.cs-lvbadge i{font-size:9px;font-style:normal;letter-spacing:.12em;opacity:.85}.cs-lvbadge b{font-size:18px;display:block}.cs-crestbadge{position:absolute;top:12px;right:12px;z-index:6;width:62px;height:62px;display:grid;place-items:center;transform:rotate(6deg)}.cs-crestbadge:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff7dff2,#ffe1a0b8);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 9px #a05a0a61}.cs-crestbadge img{position:relative;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.cs-podium{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;z-index:5;min-height:210px}.cs-ped{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:132px;height:39px;border-radius:50%;background:radial-gradient(58% 70% at 50% 32%,rgba(255,255,255,.85),transparent 70%),radial-gradient(closest-side,var(--glow, #ffd56b),rgba(255,213,107,.14) 62%,transparent 76%);box-shadow:0 0 24px 5px var(--glow, #ffd56b)}.cs-ped:after{content:"";position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:92px;height:21px;border-radius:50%;border:2px solid rgba(255,255,255,.65)}.cs-shadow{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:76px;height:14px;border-radius:50%;background:radial-gradient(50% 100% at 50% 50%,rgba(60,30,10,.32),transparent 72%);filter:blur(2px)}.cs-hero{position:relative;z-index:2;width:160px;height:160px;max-width:none;max-height:none;background-repeat:no-repeat;image-rendering:auto;filter:drop-shadow(0 12px 12px rgba(60,30,10,.34));transform:translateY(-6px);animation:none}.cs-foot{position:relative;z-index:6;padding:0 16px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.cs-ribbon{position:relative;display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:21px;color:#ffe7b0;padding:7px 24px;border-radius:12px;background:linear-gradient(180deg,#6e4c20,#3f2b12);border:2px solid #241706;box-shadow:0 6px 14px #1e100473,inset 0 0 0 2px #d9a01f,inset 0 2px #ffdc9638;text-shadow:0 2px 3px rgba(0,0,0,.55)}.cs-ribbon .cs-crest{width:24px;height:24px;margin:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.cs-ribbon:before,.cs-ribbon:after{content:"";position:absolute;top:50%;width:0;height:0;border:9px solid transparent}.cs-ribbon:before{left:-13px;border-right-color:#3f2b12;transform:translateY(-50%)}.cs-ribbon:after{right:-13px;border-left-color:#3f2b12;transform:translateY(-50%)}.cs-role{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.04em;color:#fff;padding:3px 12px;border-radius:999px;background:var(--glow, #b8741e);border:1.5px solid rgba(255,255,255,.5);box-shadow:0 2px 5px #0003;text-shadow:0 1px 1px rgba(0,0,0,.35)}.cs-foot .cs-chips{margin-top:2px}.cs-play{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:62px;margin-top:12px;padding:0;border:none;background:none;cursor:pointer;font-family:var(--font-display);letter-spacing:var(--display-tracking);filter:drop-shadow(0 7px 0 #8f5a10) drop-shadow(0 14px 20px rgba(90,50,10,.42)) drop-shadow(0 0 24px var(--glow, rgba(255, 190, 70, .7)));transition:transform .11s ease,filter .11s ease}.cs-play:hover{transform:translateY(-2px);filter:drop-shadow(0 9px 0 #8f5a10) drop-shadow(0 18px 26px rgba(90,50,10,.46)) drop-shadow(0 0 34px var(--glow, rgba(255, 190, 70, .85))) brightness(1.05)}.cs-play:active{transform:translateY(7px);filter:drop-shadow(0 0 0 #8f5a10) drop-shadow(0 4px 8px rgba(90,50,10,.35)) drop-shadow(0 0 18px var(--glow, rgba(255, 190, 70, .6)))}.csp-plate,.csp-facet,.csp-rim{position:absolute;inset:0;pointer-events:none}.csp-plate{clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,20px 100%,0 50%);background:linear-gradient(180deg,#fff4c9,#ffd75e 34%,#f0a92e 62%,#ffe294)}.csp-facet{clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 50%,0 50%);background:linear-gradient(180deg,#ffffff9e,#ffffff0f)}.csp-rim{inset:3px;clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,17px 100%,0 50%);box-shadow:inset 0 0 0 2px #a86d1680}.cs-play:after{content:"";position:absolute;inset:0;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,20px 100%,0 50%);background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.55) 46%,transparent 54%);background-size:260% 100%;background-position:130% 0;animation:csPlaySheen 4.6s ease-in-out infinite;pointer-events:none}@keyframes csPlaySheen{0%,58%{background-position:130% 0}90%,to{background-position:-40% 0}}.csp-label{position:relative;z-index:2;font-size:20px;font-weight:800;letter-spacing:.01em;color:#4a3010;text-shadow:0 1px 0 rgba(255,255,255,.8)}.csp-gem{position:relative;z-index:2;width:20px;height:20px;background:linear-gradient(170deg,var(--glow, #ffd869) 0%,var(--glow, #ffd869) 45%,rgba(20,10,40,.55) 100%);clip-path:polygon(50% 0,100% 36%,78% 100%,22% 100%,0 36%);filter:saturate(1.35) drop-shadow(0 0 8px var(--glow, rgba(255, 190, 70, .9)));animation:csPlayGem 2.8s ease-in-out infinite}.csp-gem:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,100% 36%,50% 46%,0 36%);background:linear-gradient(180deg,#fff,#ffffff59)}.csp-gem:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 46%,78% 100%,56% 100%);background:#ffffff80}@keyframes csPlayGem{0%,to{filter:saturate(1.35) drop-shadow(0 0 8px var(--glow, rgba(255, 190, 70, .9)))}50%{filter:saturate(1.55) brightness(1.25) drop-shadow(0 0 15px var(--glow, rgba(255, 190, 70, 1)))}}@media (prefers-reduced-motion: reduce){.cs-play:after{display:none}.csp-gem{animation:none}}.cs-rthumb{position:relative}.cs-rthumb img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}.cs-rthumb:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 70% at 50% 16%,var(--glow, #ffd56b),transparent 66%);opacity:.32}.cc-pick{position:relative;overflow:hidden;height:200px;padding:0;text-align:center;border:2px solid var(--line);border-radius:16px;box-shadow:inset 0 -3px #c08a4a40,0 4px 10px #3c1e0a24}.cc-cardart{position:absolute;left:50%;top:2px;transform:translate(-50%);height:158px;width:auto;object-fit:contain;z-index:1;filter:drop-shadow(0 5px 6px rgba(60,30,10,.3));transition:transform .2s}.cc-pick.clickable:hover .cc-cardart{transform:translate(-50%) scale(1.05)}.cc-cardscrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 44%,rgba(20,12,6,.05) 60%,rgba(16,9,4,.66) 100%)}.cc-pick .cc-crest{position:absolute;top:7px;left:7px;width:28px;height:28px;z-index:4;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.cc-cardtext{position:absolute;left:6px;right:6px;bottom:8px;z-index:3}.cc-pick .cc-pname{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:#fff;margin-top:0;line-height:1.1;text-shadow:0 2px 0 var(--glow, #b8741e),0 3px 7px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.6)}.cc-pick .cc-role{font-size:11px;font-weight:700;color:#fff;opacity:.95;text-shadow:0 1px 3px rgba(0,0,0,.7)}.cc-pick.clickable:hover{transform:translateY(-4px);border-color:var(--glow, var(--gold-deep))}.cc-pick.sel{transform:translateY(-5px) scale(1.03);border-color:var(--glow, var(--gold-deep));box-shadow:0 0 0 3px var(--glow, var(--gold)),0 12px 22px #0000004d}.cc-pick.sel:after{content:"";position:absolute;top:8px;right:8px;z-index:4;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,var(--glow, #ffd56b));border:2px solid #fff;box-shadow:0 2px 5px #00000059}.cc-preview{position:relative;overflow:hidden;height:300px;min-height:300px;padding:0;border-radius:14px;border:2px solid var(--line);display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(120% 85% at 50% 6%,var(--sky-a, #fffdf6),var(--sky-b, #ffeec2) 60%,var(--sky-c, #ffe0a0));transition:background .4s}.cc-preview .cs-aura{width:240px;height:240px;top:45%}.cc-preview .cs-rays{width:360px;height:360px;top:45%}.cc-preview .cs-podium{width:100%;min-height:0;padding-bottom:26px}.cc-preview .cs-ped{width:132px;height:34px;bottom:8px}.cc-preview .cs-ped:after{width:92px;height:21px}.cc-preview .cs-shadow{width:76px;bottom:18px}.cc-bigsprite{position:relative;z-index:2;width:160px;height:160px;background-repeat:no-repeat;image-rendering:auto;filter:drop-shadow(0 10px 9px rgba(60,30,10,.34));transform:translateY(2px);animation:none}.cc-nameplate{z-index:6}.cc-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.cc-blurb{font-size:12.5px;line-height:1.5;color:var(--ink-2);text-align:center;background:#ffffff8c;border:1.5px dashed var(--line);border-radius:12px;padding:8px 12px;margin-top:10px}.ic{width:15px;height:15px;vertical-align:-3px;margin-right:5px;color:var(--gold-deep)}.cc-focus-label .ic{width:17px;height:17px;vertical-align:-4px}#screen-login{background:url(/assets/loading/login.webp) center / cover no-repeat,linear-gradient(180deg,var(--night-1),var(--night-2));flex-direction:column;gap:2.5vh}.login-logo{width:min(460px,56vw);height:auto;filter:drop-shadow(0 6px 20px rgba(0,0,0,.55));pointer-events:none}.mute-pre{position:absolute;top:16px;right:16px;z-index:630;display:none;place-items:center;width:46px;height:46px;padding:0;border:2px solid rgba(255,236,196,.55);border-radius:50%;background:linear-gradient(180deg,#4e3660eb,#30203eeb);box-shadow:0 4px 14px #00000073,inset 0 1px #ffffff2e;cursor:pointer;transition:transform .12s ease,border-color .12s ease,filter .12s ease}#ui-root:has(#screen-login.show) .mute-pre,#ui-root:has(#screen-chars.show) .mute-pre,#ui-root:has(#screen-create.show) .mute-pre{display:grid}.mute-pre img{width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));pointer-events:none}.mute-pre:hover{transform:translateY(-1px) scale(1.04);border-color:#ffe06ae6}.mute-pre:active{transform:translateY(0) scale(.96)}.mute-pre.muted{border-color:#beb2cd73;filter:saturate(.35) brightness(.85)}.login-forgot{text-align:right;margin:4px 2px 0}.login-forgot a{color:var(--ink-2);font-size:12px;font-weight:700;text-decoration:none}.login-forgot a:hover{color:var(--gold-deep);text-decoration:underline}.or-sep{display:flex;align-items:center;gap:10px;margin:12px 0 2px;color:var(--ink-2);font-size:12px;font-weight:700}.or-sep:before,.or-sep:after{content:"";flex:1;height:1px;background:var(--line);opacity:.6}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#3c4043;border:2px solid var(--line);font-weight:800}.google-btn:hover{background:#f6f8fc;border-color:var(--gold-deep)}.google-btn .g-mark{width:18px;height:18px;flex:0 0 auto}#screen-login:before,#screen-login:after{display:none}#screen-chars,#screen-create{background:linear-gradient(180deg,#120a2a80,#120a2aa8),url(/assets/loading/charselect_meadow.webp) center / cover no-repeat,linear-gradient(180deg,var(--night-1) 0%,var(--night-2) 100%)}#screen-chars:before,#screen-chars:after,#screen-create:before,#screen-create:after{display:none}.pf-crest{width:36px!important;height:36px!important}.pr-crest{width:18px;height:18px;margin-right:6px}.head-crest{width:26px;height:26px}.title-icon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));flex:0 0 auto}#hud{position:absolute;inset:0;display:none}#hud.show{display:block}.glass,.vitals,.zone-pill,.party-frame,.chat-log,.chat-input.show{background:linear-gradient(180deg,#140832d1,#140832b3);border:2px solid rgba(255,213,107,.5);color:#fff8e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hud-tl{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px}.hud-profile{box-sizing:border-box;width:82px;height:82px;flex:0 0 82px;position:relative;isolation:isolate;z-index:3;margin-right:-22px}.hud-profile .portrait{display:block;width:100%;height:100%;border:0;border-radius:50%;background:transparent;object-fit:cover;object-position:center 18%;transform:scale(1.08)}.vitals{width:246px;border-radius:16px;padding:9px 13px;background:transparent}.vitals .name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:#fff8e0;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}.name-id{display:flex;align-items:center;gap:6px;min-width:0}.name-id #hud-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.vitals .lv{color:var(--gold);font-size:12px;font-family:var(--font-mono)}.bar{height:14px;border-radius:8px;background:#0c061e57;margin-top:5px;overflow:hidden;border:1px solid rgba(255,255,255,.14);position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 5px #00000038}.bar>span{display:block;height:100%;width:50%;border-radius:6px;transition:width .18s ease;box-shadow:inset 0 2px #ffffff59}.bar.hp>span{background:linear-gradient(180deg,#74efa0,#3fc56e)}.bar.hp.low>span{background:linear-gradient(180deg,#ffc24d,#f4881a)}.bar.hp.crit>span{background:linear-gradient(180deg,#ff6f5e,#e01b1b)}.bar.mp>span{background:linear-gradient(180deg,#9be0ff 0%,var(--mp-2) 100%)}.bar.xp{height:10px}.bar.xp>span{background:linear-gradient(180deg,var(--xp) 0%,var(--xp-2) 100%)}.buff-chip.ev-chip{position:relative}.buff-chip.ev-chip.ev-exp{border-color:#f5a623}.buff-chip.ev-chip.ev-drop{border-color:#55b845}.ev-chip .ev-chip-tag{position:absolute;right:-5px;bottom:-5px;padding:0 4px;border-radius:999px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:10px;line-height:1.35;color:#fff;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #00000080}.ev-chip.ev-exp .ev-chip-tag{background:linear-gradient(180deg,#f5a623,#e0791a)}.ev-chip.ev-drop .ev-chip-tag{background:linear-gradient(180deg,#55b845,#2f8a34)}.buff-chip.ev-chip.ev-item{border-color:#c264e8}.ev-chip.ev-item .ev-chip-tag{background:linear-gradient(180deg,#c264e8,#8a35b0)}.buff-chip.ev-chip.ev-item.spent{opacity:.45;filter:saturate(.4)}.ev-chip.ev-item.spent .ev-chip-tag{background:linear-gradient(180deg,#7b7b8a,#4a4a55)}.ev-tip{position:absolute;left:0;top:calc(100% + 8px);display:none;flex-direction:column;gap:2px;white-space:nowrap;padding:7px 11px;border-radius:10px;background:linear-gradient(180deg,#241552,#130929);border:1.5px solid var(--gold);color:#fff8e0;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:12px;box-shadow:0 8px 20px #00000080;z-index:30}.ev-chip:hover .ev-tip{display:flex}.ev-tip-time{font-family:var(--font-mono);font-weight:700;font-size:11px;color:#ffd98a}.exp-bar{position:absolute;left:0;right:0;bottom:0;height:18px;background:linear-gradient(180deg,#2a1850,#16092e);border-top:2px solid #0d052a;overflow:hidden;z-index:20}.exp-bar>span{display:block;height:100%;width:0;background:linear-gradient(180deg,var(--xp),var(--xp-2));box-shadow:inset 0 2px #ffffff4d;transition:width .25s ease}.exp-bar .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.75);letter-spacing:.04em}.potion-slots{display:flex;gap:6px;align-items:center;margin-left:8px;pointer-events:auto}.pslot{position:relative;width:44px;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#2013404d,#1008265c);box-shadow:inset 0 1px #ffffff38,0 4px 12px #0603144d;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.pslot:hover{border-color:#ffdd78b3;box-shadow:inset 0 1px #ffffff40,0 0 12px #ffd56b4d,0 4px 12px #0603144d}.pslot img{width:80%;height:80%;object-fit:contain}.pslot.empty-stock{filter:grayscale(.7);opacity:.5}.pslot .pkey{position:absolute;z-index:2;top:2px;left:3px;font-family:var(--font-mono);font-size:9px;font-weight:800;color:#fff;background:#1e0f3cd9;border:1px solid rgba(255,213,107,.3);padding:0 3px;border-radius:5px}.pslot .pcount{position:absolute;z-index:2;bottom:1px;right:3px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:#fff;background:#1e0f3cd9;padding:0 4px;border-radius:6px}.pslot .pcd{position:absolute;z-index:3;inset:0;display:none;align-items:center;justify-content:center;border-radius:9px;background:#1408329e;color:var(--gold);font-family:var(--font-mono);font-weight:800;font-size:15px;text-shadow:0 1px 2px #000}.item-info{position:fixed;z-index:400;display:none;width:356px;pointer-events:none;background:radial-gradient(130% 90% at 50% 0%,#fff8e0,var(--paper-2));border:2px solid var(--line);border-radius:15px;box-shadow:0 16px 34px #00000080;padding:12px;color:var(--ink);max-height:calc(100vh - 16px);overflow-y:auto}.item-info.show{display:block}.ii-row{display:flex;gap:12px;align-items:flex-start}.ii-pic{position:relative;flex:0 0 auto;width:84px;height:84px;border-radius:14px;background:#fff;border:3px solid var(--gold-2);box-shadow:0 4px 12px #00000040,inset 0 -8px 16px #0000000d;display:flex;align-items:center;justify-content:center}.ii-pic img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}.ii-qtychip{position:absolute;right:-6px;bottom:-6px;font-size:11px;font-weight:800;font-family:var(--font-mono);color:#fff8e0;background:linear-gradient(180deg,#a9713a,#7c4a1e);border:1px solid rgba(255,244,214,.55);border-radius:8px;padding:0 6px;box-shadow:0 2px 5px #0000004d}.ii-pic.rarb-common,.cmp-face-pic.rarb-common{border-color:var(--line)}.ii-pic.rarb-uncommon,.cmp-face-pic.rarb-uncommon{border-color:var(--r-uncommon)}.ii-pic.rarb-rare,.cmp-face-pic.rarb-rare{border-color:var(--r-rare)}.ii-pic.rarb-epic,.cmp-face-pic.rarb-epic{border-color:var(--r-epic)}.ii-pic.rarb-legendary,.cmp-face-pic.rarb-legendary{border-color:var(--r-legend)}.ii-pic.rarb-mythic,.cmp-face-pic.rarb-mythic{border-color:var(--r-mythic)}.ii-pic.grade-1,.cmp-face-pic.grade-1{border-color:#79c328}.ii-pic.grade-2,.cmp-face-pic.grade-2{border-color:#2d8df0}.ii-pic.grade-3,.cmp-face-pic.grade-3{border-color:#b06bff}.ii-pic.grade-4,.cmp-face-pic.grade-4{border-color:#ff9d2e}.ii-pic.grade-5,.cmp-face-pic.grade-5{border-color:#ff6b6b}.ii-main{flex:1;min-width:0;display:flex;flex-direction:column}.ii-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15.5px;line-height:1.25;display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px}.ii-plus{color:#ff9d2e;font-family:var(--font-mono);font-weight:800;text-shadow:0 0 6px rgba(255,157,46,.5)}.ii-type,.ii-sub{font-size:11px;color:var(--gold-deep);font-weight:700;margin-top:2px}.ii-details{display:flex;flex-direction:column;gap:2px;border-top:1px dashed rgba(192,138,74,.4);margin-top:6px;padding-top:6px}.ii-stat{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;color:var(--ink)}.ii-stat .ii-k{color:var(--ink-2)}.ii-stat .ii-v{text-align:right;white-space:nowrap}.ii-stat b{color:var(--xp-2);font-family:var(--font-mono)}.ii-req{font-size:11px;color:var(--hp-2);margin-top:1px}.ii-req.ok{color:#3f9a55}.ii-req.bad{color:var(--hp-2);font-weight:700}.ii-refine .ii-k{color:var(--gold-deep);font-weight:700}.ii-refine b{color:#ff9d2e;font-family:var(--font-mono)}.ii-ench-box{position:relative;margin:10px 0 5px;padding:13px 11px 9px;border-radius:13px;background:linear-gradient(180deg,#b06bff29,#b06bff0d);border:1px solid rgba(154,92,232,.4);box-shadow:inset 0 1px #ffffff80}.ii-enchant-head{position:absolute;top:-11px;left:0;right:0;text-align:center;white-space:nowrap}.ii-ench-badge{display:inline-block;min-width:124px;padding:5px 26px 6px;background:url(/assets/icons/ui/enchant_banner.png) center/100% 100% no-repeat;filter:drop-shadow(0 2px 4px rgba(60,20,110,.4));font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#fff2d6;text-shadow:0 1px 0 #6a3ba0,0 0 6px rgba(176,107,255,.7)}.ii-aff{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:3px 1px;font-size:12.5px}.ii-aff+.ii-aff{border-top:1px solid rgba(154,92,232,.18)}.ii-aff-k{display:flex;align-items:center;gap:7px;min-width:0;color:var(--ink);font-weight:700}.ii-aff-dot{flex:0 0 auto;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);box-shadow:0 0 5px currentColor}.ii-aff-val{flex:0 0 auto;font-family:var(--font-mono);font-weight:800;font-size:12.5px;padding:1px 9px;border-radius:9px;background:#ffffff9e;box-shadow:0 1px 2px #5a32781f}.ii-dim{color:#a99;font-weight:400;font-size:11px}.ii-desc{font-size:11px;color:var(--ink-2);border-top:1px dashed rgba(192,138,74,.4);margin-top:8px;padding-top:7px;line-height:1.45;font-style:italic}.item-info.cmp{width:470px}.ii-cmp{--cmp-col: 150px;margin-top:9px;padding:8px 9px 7px;border:1px solid rgba(192,138,74,.45);border-radius:10px;background:#fffaeccc}.cmp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.cmp-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:11px;font-weight:700;color:var(--gold-deep)}.cmp-verdict{font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;border:1px solid currentColor}.cmp-verdict.up{color:#1f8a4c;background:#1f8a4c1f}.cmp-verdict.down{color:#c0392b;background:#c0392b1a}.cmp-verdict.mixed{color:#b8791a;background:#b8791a1f}.cmp-verdict.same{color:var(--muted);background:#786e5f1a}.cmp-faces{display:grid;grid-template-columns:1fr 1px 1fr;gap:8px;align-items:stretch;padding-bottom:7px;border-bottom:1px dashed rgba(192,138,74,.4)}.cmp-split{background:#c08a4a59}.cmp-face{display:flex;gap:7px;align-items:center;min-width:0}.cmp-face.cur{opacity:.82}.cmp-face-pic{flex:0 0 auto;position:relative;width:38px;height:38px;border-radius:9px;background:#fff;border:2px solid var(--gold-2);display:flex;align-items:center;justify-content:center}.cmp-face-pic img{width:30px;height:30px;object-fit:contain}.cmp-face-pic .plus-badge,.cmp-face-pic .qty{display:none}.cmp-face.empty .cmp-face-pic{background:#78644614;border-style:dashed}.cmp-face-txt{min-width:0}.cmp-face-tag{font-size:9.5px;font-weight:800;letter-spacing:.03em;color:var(--muted);text-transform:uppercase;line-height:1.2}.cmp-face.new .cmp-face-tag{color:var(--gold-deep)}.cmp-face-name{font-size:11.5px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.cmp-face-name.dim{color:var(--muted);font-weight:600;font-style:italic}.cmp-table{margin-top:5px}.cmp-row{display:grid;grid-template-columns:1fr 62px 62px 58px;align-items:center;gap:4px;font-size:11.5px;line-height:1.85;border-radius:5px;padding:0 3px}.cmp-row.up{background:#1f8a4c12}.cmp-row.down{background:#c0392b0f}.cmp-k{color:var(--ink-2);font-weight:700}.cmp-cur,.cmp-next,.cmp-delta{font-family:var(--font-mono);text-align:right}.cmp-cur{color:var(--muted)}.cmp-next{color:var(--ink);font-weight:800}.cmp-nil{color:var(--muted);opacity:.45}.cmp-delta{font-weight:800}.cmp-row.up .cmp-delta{color:#1f8a4c}.cmp-row.down .cmp-delta{color:#c0392b}.ii-set{margin-top:6px;padding-top:6px;border-top:1px solid rgba(140,96,40,.28)}.ii-set-h{font-weight:800;font-size:12.5px;color:#8a4f1c}.ii-set-worn{font-weight:700;color:#6b4a2a}.ii-settier{font-size:11.5px;margin-top:2px;font-weight:400;color:#7a6450}.ii-settier.on{font-weight:700;color:#1f6b2a}.ii-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px dashed rgba(192,138,74,.4);margin-top:7px;padding-top:7px;font-size:11px;color:var(--gold-deep);font-weight:700}.ii-act{color:var(--violet)}.bar .lbl{position:absolute;inset:0;font-size:10px;font-weight:700;color:#fff;font-family:var(--font-mono);text-align:center;line-height:14px;text-shadow:0 1px 2px rgba(0,0,0,.6);letter-spacing:.03em}.hud-tr{position:absolute;top:16px;right:16px;text-align:right}.zone-pill{display:inline-block;border-radius:999px;padding:8px 18px;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--gold);box-shadow:0 4px 12px #0000004d}.target-frame{position:absolute;top:16px;left:50%;transform:translate(-50%);border-radius:14px;padding:9px 16px;width:min(340px,66vw);display:none;text-align:center;z-index:30;background:linear-gradient(180deg,#140832d1,#140832b3);border:2px solid rgba(255,213,107,.5);color:#fff8e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.target-frame.tier-boss{top:44px;padding:2px 0;width:min(460px,94vw);border-radius:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.target-frame.show{display:block;animation:pop .2s ease}.target-frame .tname-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px}.target-frame .tbadges{display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:3px;min-width:0}.target-frame .tb-chip{flex:0 0 auto;padding:1px 6px;border-radius:999px;font-size:9.5px;font-weight:700;line-height:1.5;white-space:nowrap;color:#e6dcff;background:#160d2ab8;box-shadow:inset 0 0 0 1px #bea5ff47}.target-frame .tb-elem{padding-left:4px}.target-frame .tb-neutral{opacity:.7}.target-frame .tname{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:12px}.target-frame.tier-boss .tname{font-size:17px;color:#fff8e0;letter-spacing:var(--display-tracking);text-shadow:0 2px 0 #1b0e2e,0 -2px 0 #1b0e2e,2px 0 0 #1b0e2e,-2px 0 0 #1b0e2e,2px 2px 0 #1b0e2e,-2px 2px 0 #1b0e2e,2px -2px 0 #1b0e2e,-2px -2px 0 #1b0e2e,0 0 8px rgba(12,4,26,.9),0 3px 8px rgba(0,0,0,.6)}.target-frame .tcrown{width:1.25em;height:1.25em;object-fit:contain;flex:0 0 auto;display:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.target-frame .telem{width:1.3em;height:1.3em;flex:0 0 auto;display:none;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.target-frame .telem.on{display:block}.target-frame.tier-boss .tname{color:#ffdd80}.target-frame.tier-boss .bar{border-color:#ffc23df2;box-shadow:0 0 14px #ffc23d52,inset 0 1px #fff3,0 3px 10px #0000008c}.target-frame.tier-boss .tcrown{display:block}.target-frame.tier-miniboss .bar{border-color:#c9d6e8e6}.target-frame.tier-miniboss .tname{color:#dbe6f5}.target-frame.tier-boss .tbar-row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"bar bar" "ail fighters";column-gap:8px;row-gap:5px;align-items:center;justify-items:center}.target-frame.tier-boss .bar{grid-area:bar;justify-self:center}.target-frame.tier-boss .tail,.target-frame.tier-boss .tfighters{min-width:0;display:flex;align-items:center;gap:2px}.target-frame.tier-boss .tail{grid-area:ail;justify-self:start;justify-content:flex-start}.target-frame.tier-boss .tfighters{grid-area:fighters;justify-self:end;justify-content:flex-end}.target-frame.tier-boss .bar{flex:0 0 auto;width:440px;height:20px;position:relative;border:2px solid rgba(255,213,107,.6);border-radius:5px;background:linear-gradient(180deg,#1c0a1eeb,#0a0310eb);box-shadow:inset 0 2px 4px #000000bf,inset 0 -1px #ffffff14,0 4px 14px #0000008c}.target-frame.tier-boss .bar:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.45) calc(10% - 1px) 10%)}.target-frame .bar.hp>span,.target-frame .bar.hp.low>span,.target-frame .bar.hp.crit>span{position:relative;z-index:1;border-radius:3px;background:linear-gradient(180deg,#ff9a6a,#f5453c 22%,#c1141f 62%,#6d0812);box-shadow:inset 0 1px #ffffff80,inset 0 -3px 6px -2px #0009,0 0 12px -2px #ff463cd9}.target-frame .tghost{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:3px;background:linear-gradient(180deg,#ffe2d6f2,#ff968ccc);transition:width .55s cubic-bezier(.4,0,.2,1) .22s;pointer-events:none}.target-frame .bar.hp.crit{animation:bossPulse .9s ease-in-out infinite}@keyframes bossPulse{0%,to{box-shadow:inset 0 2px 4px #000000bf,0 0 10px #ff3c3c59,0 4px 14px #0000008c}50%{box-shadow:inset 0 2px 4px #000000bf,0 0 22px #ff3c3cbf,0 4px 14px #0000008c}}.target-frame .thp{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:11px;font-style:normal;letter-spacing:.03em;color:#fff6df;z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.8);pointer-events:none}.target-frame:not(.tier-boss) .tail,.target-frame:not(.tier-boss) .tfighters{display:none}.target-frame:not(.tier-boss) .bar{height:13px}.target-frame:not(.tier-boss) .thp{font-size:9px;letter-spacing:.02em}.target-frame.tier-boss .tail-chip{position:relative;flex:0 0 auto;width:18px;height:18px;border-radius:6px;overflow:hidden;background:linear-gradient(180deg,#341a54e6,#180a2ce6);border:1.5px solid rgba(190,150,240,.75);box-shadow:0 2px 6px #00000080}.target-frame.tier-boss .tail-chip.hard{border-color:#ff8a8ae6;box-shadow:0 0 9px #ff6e6e66,0 2px 6px #00000080}.target-frame.tier-boss .tail-chip>img{width:100%;height:100%;object-fit:contain;padding:2px;box-sizing:border-box}.target-frame.tier-boss .tail-sweep{position:absolute;inset:0;background:#0803129e;transform-origin:50% 0;animation-name:tailSweep;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes tailSweep{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.target-frame.tier-boss .tf-face{flex:0 0 auto;width:22px;height:22px;margin-right:-7px;border-radius:50%;overflow:hidden;background:#140a28d9;border:1.5px solid rgba(255,213,107,.6);box-shadow:0 2px 6px #0000008c}.target-frame.tier-boss .tf-face:last-of-type{margin-right:0}.target-frame.tier-boss .tf-face.me{border-color:#7ff0d0;box-shadow:0 0 10px #7ff0d08c,0 2px 6px #0000008c;z-index:1}.target-frame.tier-boss .tf-face>img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.target-frame.tier-boss .tf-more{flex:0 0 auto;margin-left:10px;padding:0 5px;height:18px;display:grid;place-items:center;border-radius:999px;font-family:var(--font-mono);font-weight:800;font-size:11px;color:#ffeec2;background:#180a2ce6;border:1.5px solid rgba(255,213,107,.55);text-shadow:0 1px 2px rgba(0,0,0,.8)}.buff-bar{position:absolute;top:104px;left:16px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:340px;pointer-events:none}.buff-bar .buff-chip{pointer-events:auto}.buff-chip{position:relative;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:none;box-shadow:none;animation:pop .25s ease}.buff-chip .bf-ic{width:100%;height:100%;border-radius:8px;object-fit:contain;filter:var(--icon-lift)}.buff-chip.shield .bf-ic{filter:var(--icon-lift) drop-shadow(0 0 4px rgba(111,182,255,.75))}.buff-chip.atk .bf-ic{filter:var(--icon-lift) drop-shadow(0 0 4px rgba(244,168,58,.7))}.buff-chip.debuff .bf-ic{filter:var(--icon-lift) drop-shadow(0 0 4px rgba(255,111,111,.8))}.buff-chip .bf-t{position:absolute;z-index:2;left:0;right:0;bottom:-1px;text-align:center;font-family:var(--font-mono);font-weight:800;font-size:12px;line-height:1.1;color:var(--gold);text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);pointer-events:none}.buff-chip.shield .bf-t{color:#aee0ff}.buff-chip.boost.exp .bf-ic{filter:var(--icon-lift) drop-shadow(0 0 4px rgba(255,213,107,.8))}.buff-chip.boost.drop .bf-ic{filter:var(--icon-lift) drop-shadow(0 0 4px rgba(123,224,138,.8))}.buff-chip:has(.bf-label){width:auto;height:auto;min-width:34px;padding:3px 9px;border:2px solid var(--gold);background:linear-gradient(180deg,#281854eb,#140832eb);box-shadow:0 4px 12px #0006}.buff-chip.debuff:has(.bf-label){border-color:#ff6f6f;background:linear-gradient(180deg,#541422eb,#2e0816eb)}.buff-chip.boost .bf-label{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12px;color:#fff8e0}.buff-chip.boost.exp:has(.bf-label){border-color:var(--gold)}.buff-chip.boost.exp .bf-label{color:var(--gold)}.buff-chip.boost.drop:has(.bf-label){border-color:#7be08a}.buff-chip.boost.drop .bf-label,.buff-chip.boost.drop .bf-t{color:#9effb0}.buff-chip .bf-label{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:11px;color:#fff8e0;white-space:nowrap}.buff-chip.atk:has(.bf-label){border-color:#f4a83a}.buff-chip.atk .bf-label{color:#ffd56b}.buff-chip.debuff .bf-label,.buff-chip.debuff .bf-t{color:#ffb0b0}.buff-chip.debuff.hard .bf-ic{animation:debuffPulse .9s ease-in-out .25s infinite}@keyframes debuffPulse{0%,to{filter:var(--icon-lift) drop-shadow(0 0 3px rgba(255,154,74,.55))}50%{filter:var(--icon-lift) drop-shadow(0 0 9px rgba(255,154,74,.95)) drop-shadow(0 0 14px rgba(255,154,74,.5))}}@media (prefers-reduced-motion: reduce){.buff-chip.debuff.hard .bf-ic{animation:none}}.buff-tip{position:fixed;z-index:120;display:none;max-width:230px;padding:8px 11px;border-radius:12px;background:linear-gradient(180deg,#241552,#130929);border:2px solid var(--gold);box-shadow:0 8px 24px #00000080;color:#fff8e0;pointer-events:none}.buff-tip .bt-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:14px;color:var(--gold)}.buff-tip .bt-eff{font-size:12px;color:#9effb0;margin-top:2px;font-weight:700}.buff-tip .bt-desc{font-size:12px;color:#e8e0f5;margin-top:3px;line-height:1.35}.buff-tip .bt-time{font-family:var(--font-mono);font-size:12px;color:var(--gold);margin-top:5px}.hotbar{display:flex;gap:8px;padding:10px 12px;border-radius:18px;background:transparent;border:2px solid transparent}.hotbar-row{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:20}.auto-btn{flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,213,107,.6);background:linear-gradient(180deg,#140832e6,#140832b8);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;padding:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:box-shadow .15s,border-color .15s,filter .15s}.auto-btn img{width:30px;height:30px;object-fit:contain;pointer-events:none}.auto-btn:hover{border-color:var(--gold-2)}.auto-btn.active{box-shadow:0 0 0 3px #ff5a3cb3,0 0 16px #ff5a3cb3}@keyframes autoPulse{0%,to{box-shadow:0 0 0 2px #ffd56b80,0 0 10px #ffaa2873}50%{box-shadow:0 0 0 2px #ffd56bcc,0 0 18px #ffaa28cc}}.auto-btn{position:relative;width:58px;height:58px;overflow:visible;border-color:#ffd56b73;transition:border-color .18s,transform .12s}.auto-btn:active{transform:scale(.94)}.auto-btn .auto-ic{width:42px;height:42px;margin:0;transition:filter .2s,opacity .2s;filter:grayscale(.5) brightness(.9) drop-shadow(0 1px 2px rgba(0,0,0,.55))}.auto-btn.on .auto-ic{filter:drop-shadow(0 0 5px rgba(255,190,70,.75)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.auto-ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);pointer-events:none;transform:rotate(-90deg)}.auto-ring circle{fill:none;stroke-width:3;stroke-linecap:round}.auto-ring-bg{stroke:#ffd56b29}.auto-ring-fg{stroke:var(--gold);stroke-dasharray:34 98;stroke-dashoffset:0;opacity:0;transform-origin:50% 50%;filter:drop-shadow(0 0 4px rgba(255,190,70,.9))}.auto-btn.on .auto-ring-fg{opacity:1;animation:autoRingSpin 2.2s linear infinite}.auto-btn.on.active .auto-ring-fg{stroke:#ff7a4d;animation-duration:.85s;filter:drop-shadow(0 0 5px rgba(255,110,60,.95))}@keyframes autoRingSpin{to{transform:rotate(360deg)}}.auto-btn.on{border-color:var(--gold);box-shadow:0 0 0 2px #ffd56b73,0 0 16px #ffaa288c}.auto-state{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);z-index:1;font-family:var(--font-mono);font-size:8.5px;font-weight:800;letter-spacing:.06em;line-height:1;padding:2px 6px;border-radius:6px;color:#fff0cda6;background:#0c0620d9;border:1px solid rgba(255,213,107,.28);pointer-events:none;transition:color .18s,border-color .18s,background .18s}.auto-btn.on .auto-state{color:#1b0d02;background:linear-gradient(180deg,var(--gold),#f0a92e);border-color:#fff0c8b3}.auto-pot-dot{position:absolute;top:1px;right:1px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd2dc,#ff5f7e 45%,#b81f45);border:1.5px solid rgba(255,245,250,.85);box-shadow:0 0 7px #ff466ed9;opacity:0;transform:scale(.4);transition:opacity .2s,transform .2s;pointer-events:none}.auto-btn.potion .auto-pot-dot{opacity:1;transform:scale(1);animation:autoPotBead 2.4s ease-in-out infinite}@keyframes autoPotBead{0%,to{box-shadow:0 0 5px #ff466e99}50%{box-shadow:0 0 10px #ff466e}}.auto-btn .auto-lock{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);opacity:0;z-index:1;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));transition:opacity .2s}.auto-btn.locked{filter:none}.auto-btn.locked .auto-ic{opacity:.22;filter:grayscale(1) brightness(.6)}.auto-btn.locked .auto-lock{opacity:.9}.auto-btn.locked .auto-state{color:#fff0cd66}.slot{width:60px;height:60px;border-radius:12px;position:relative;cursor:pointer;transition:transform .1s ease}.slot.empty-slot,.slot.installable{border:2px solid var(--line);background:linear-gradient(180deg,#ffffff8c,#f0debe80)}.slot:hover{transform:translateY(-1px) scale(1.05)}.slot img{width:100%;height:100%;object-fit:contain;padding:3px;filter:var(--icon-lift)}.slot .key{position:absolute;z-index:2;top:3px;left:4px;font-size:10px;font-weight:800;color:#fff;font-family:var(--font-mono);background:#1e0f3cd9;padding:0 4px;border-radius:5px;border:1px solid rgba(255,213,107,.3)}.slot .cd{position:absolute;z-index:3;inset:0;border-radius:12px;background:conic-gradient(#000000b3 0deg 220deg,#00000059 220deg);color:var(--gold);display:none;align-items:center;justify-content:center;font-weight:800;font-size:18px;font-family:var(--font-mono);text-shadow:0 1px 2px #000}.slot.cooling .cd{display:flex}.slot.empty{opacity:.5;cursor:default;background:linear-gradient(180deg,#f5e6bf,#ecd49a)}:root{--nav-anchor-right: clamp(14px, 1.5vw, 24px);--nav-anchor-bottom: var(--hud-menu-bottom, 64px);--nav-toggle-size: clamp(52px, 6.6vh, 66px);--nav-dock-lift: 14px;--nav-bubble: clamp(44px, 5.6vh, 58px);--nav-gap: 7px;--nav-cols: 1;--nav-col-gap: 8px;--nav-stagger: 40ms}.hud-br{position:absolute;top:auto;right:calc(var(--nav-anchor-right) + (var(--nav-toggle-size) - var(--nav-bubble)) / 2);bottom:calc(var(--nav-anchor-bottom) + var(--nav-toggle-size) + var(--nav-dock-lift));width:calc(var(--nav-cols) * var(--nav-bubble) + (var(--nav-cols) - 1) * var(--nav-col-gap));height:max(180px,min(var(--hud-menu-max-height, 760px),calc(100% - var(--hud-minimap-safe-top, 264px) - var(--nav-anchor-bottom) - var(--nav-toggle-size) - var(--nav-dock-lift))));min-height:0;z-index:30;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}body:not(:has(#lp-minimap)) .hud-br{height:max(180px,min(var(--hud-menu-max-height, 760px),calc(100% - var(--hud-menu-clear-top, 24px) - var(--nav-anchor-bottom) - var(--nav-toggle-size) - var(--nav-dock-lift))))}.hud-nav-list{position:relative;width:100%;height:100%;display:flex;flex-flow:column wrap-reverse;justify-content:flex-end;align-content:flex-start;gap:var(--nav-gap) var(--nav-col-gap);padding:0}.nav-toggle{position:absolute;top:auto;left:auto;right:var(--nav-anchor-right);bottom:var(--nav-anchor-bottom);width:var(--nav-toggle-size);height:var(--nav-toggle-size);padding:0;border:1.5px solid rgba(255,255,255,.92);border-radius:50%;display:grid;place-items:center;cursor:pointer;pointer-events:auto;z-index:32;background:radial-gradient(circle at 31% 22%,rgba(255,255,255,.98) 0 7%,rgba(255,255,255,.58) 8% 15%,transparent 16%),radial-gradient(circle at 46% 42%,#ffffffeb,#ffe296cc 62%,#f4a83ab8);box-shadow:0 0 0 2px #ffca5bb8,0 5px 15px #58341042,inset 0 1px 4px #ffffffeb;backdrop-filter:blur(3px) saturate(1.15);-webkit-backdrop-filter:blur(3px) saturate(1.15);transition:transform .16s cubic-bezier(.2,.85,.3,1.25),box-shadow .16s ease}.nav-toggle:hover{transform:scale(1.08);box-shadow:0 0 0 3px #ffd56bd9,0 0 18px #ffd56b9e,inset 0 1px 4px #fffffff5}.nav-toggle:active{transform:scale(.95)}.nav-toggle[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);background:#140832f0;color:#fff8e0;border:1px solid rgba(255,213,107,.5);font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12px;white-space:nowrap;padding:4px 10px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .12s,transform .12s;box-shadow:0 4px 12px #0006;z-index:80}.nav-toggle[data-tip]:before{content:"";position:absolute;opacity:0;transition:opacity .12s;pointer-events:none;z-index:80}.nav-toggle[data-tip]:hover:after,.nav-toggle[data-tip]:hover:before{opacity:1}.nav-toggle>*{grid-area:1 / 1}.nav-toggle-ic{width:56%;height:56%;object-fit:contain;filter:sepia(.2) saturate(1.25) drop-shadow(0 2px 3px rgba(89,51,18,.3));transition:opacity .2s ease,transform .28s cubic-bezier(.2,.85,.3,1.25)}.nav-toggle-chev{width:12px;height:12px;border-right:3px solid #9a6321;border-bottom:3px solid #9a6321;border-radius:0 0 3px;transform:translate(-2px) rotate(-45deg) scale(.6);opacity:0;filter:drop-shadow(0 1px 0 rgba(255,255,255,.75));transition:opacity .2s ease,transform .28s cubic-bezier(.2,.85,.3,1.25)}.nav-toggle.open .nav-toggle-ic{opacity:0;transform:rotate(90deg) scale(.5)}.nav-toggle.open .nav-toggle-chev{opacity:1;transform:translate(-2px) rotate(-45deg) scale(1)}.nav-toggle-ring{width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,226,150,.9);pointer-events:none;opacity:0}.nav-toggle.ping .nav-toggle-ring{animation:navTogglePing .62s cubic-bezier(.16,.8,.3,1)}@keyframes navTogglePing{0%{opacity:.95;transform:scale(.62);border-width:3px}to{opacity:0;transform:scale(2.1);border-width:1px}}@keyframes navBubbleIn{0%{opacity:0;transform:translateY(26px) scale(.3)}55%{opacity:1;transform:translateY(-5px) scale(1.1)}76%{transform:translateY(2px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navBubbleOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.28)}}.hud-br.nav-in .navbtn{animation:navBubbleIn .46s cubic-bezier(.22,.9,.28,1.2) backwards;animation-delay:calc(var(--o, 0) * var(--nav-stagger))}.hud-br.nav-out .navbtn{animation:navBubbleOut .24s ease-in forwards;animation-delay:calc(var(--i, 0) * 26ms)}.fps-meter{position:absolute;right:clamp(82px,7.5vw,104px);bottom:22px;z-index:31;display:none;pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.3px;color:#9effb0;background:#0c0822bd;border:1px solid rgba(255,213,107,.35);padding:3px 10px;border-radius:10px;box-shadow:0 2px 8px #00000059}.fps-meter.show{display:block}.fps-gpu{display:block;margin-top:2px;font-size:11px;font-weight:600;letter-spacing:.2px;white-space:nowrap;color:#9ec9ff}.fps-gpu:empty{display:none}.iconbtn{position:relative;width:50px;height:50px;border:none;background:none;box-shadow:none;padding:3px;color:#fff8e0;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .08s;text-shadow:0 2px 3px rgba(0,0,0,.5)}.iconbtn:hover{transform:translateY(-3px) scale(1.06)}.iconbtn:active{transform:translateY(0) scale(.94)}.navicon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));pointer-events:none}.iconbtn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);background:#140832f0;color:#fff8e0;border:1px solid rgba(255,213,107,.5);font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12px;white-space:nowrap;padding:4px 10px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .12s,transform .12s;box-shadow:0 4px 12px #0006;z-index:80}.iconbtn[data-tip]:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#140832f0;opacity:0;transition:opacity .12s;pointer-events:none;z-index:80}.iconbtn[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.iconbtn[data-tip]:hover:before{opacity:1}.panel-inv.settings{width:min(420px,92vw)}.set-body{padding-top:12px;padding-bottom:14px}.set-row{display:flex;align-items:center;gap:10px;margin:8px 0}.set-label{flex:1;color:var(--ink);font-weight:700;font-size:13px}.set-val{font-family:var(--font-mono);font-weight:800;color:var(--gold-deep);width:46px;text-align:right}.set-stepper{display:flex;align-items:center;gap:6px}.set-stepper .btn{min-width:30px;padding:4px 0;text-align:center;font-weight:800}.set-stepper .set-val{width:52px;text-align:center}.set-stepper .btn[disabled]{opacity:.4;pointer-events:none}.set-slider{flex:1.3;accent-color:var(--gold-2)}.set-tabs{margin-top:6px}.set-pane[hidden]{display:none}.set-ch-toggle{flex:0 0 auto}.set-hr{border:none;border-top:2px dashed rgba(192,138,74,.4);margin:14px 0 10px}.set-note{font-size:11px;line-height:1.5;color:var(--muted);margin:2px 2px 0}.chat{position:absolute;bottom:22px;left:16px;width:400px;max-width:40vw}.net-veil{background:#0e06246b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.net-veil.show{display:flex}.net-card{width:min(360px,88vw);text-align:center}.net-spin{width:34px;height:34px;margin:2px auto 10px;border-radius:50%;border:3px solid rgba(184,116,30,.28);border-top-color:var(--gold-2);animation:net-spin .9s linear infinite}@keyframes net-spin{to{transform:rotate(360deg)}}.hud-br #btn-update{--bubble-rgb: 255, 205, 92}.nav-update .upd-dot{position:absolute;top:1px;right:1px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ff8a72,#d8442e 62%);border:2px solid rgba(255,255,255,.95);box-shadow:0 1px 3px #5a140a73,0 0 #d8442e8c;animation:upd-pulse 1.8s ease-out infinite}@keyframes upd-pulse{70%,to{box-shadow:0 1px 3px #5a140a73,0 0 0 8px #d8442e00}}.nav-update .navicon{animation:upd-breathe 2.6s ease-in-out infinite}@keyframes upd-breathe{0%,to{filter:drop-shadow(0 2px 2px rgba(77,42,14,.3)) drop-shadow(0 0 3px rgba(255,235,170,.5))}50%{filter:drop-shadow(0 2px 2px rgba(77,42,14,.3)) drop-shadow(0 0 10px rgba(255,214,103,.98))}}.res-warn{position:fixed;inset:0;z-index:600;display:none;align-items:center;justify-content:center;background:#0e06249e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.res-warn.show{display:flex}.game-alert .alert-card{width:min(380px,90vw);text-align:center}.game-alert.show .alert-card{animation:alertPop .34s cubic-bezier(.22,.9,.28,1.25)}@keyframes alertPop{0%{opacity:0;transform:scale(.86) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert-mark{width:58px;height:58px;margin:2px auto 12px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,#fff6d8 0 12%,#ffd071 45%,#f0a03c);border:3px solid #fffdf4;box-shadow:0 0 0 3px #f0a03c73,0 6px 16px #8c4e1452,inset 0 -4px 10px #c6782059}.alert-mark i{position:relative;display:block;width:7px;height:22px;border-radius:4px;background:#fffdf4;box-shadow:0 1px 2px #96581659;transform:translateY(-4px)}.alert-mark i:after{content:"";position:absolute;left:0;top:27px;width:7px;height:7px;border-radius:50%;background:#fffdf4;box-shadow:0 1px 2px #96581659}.alert-title{color:#8a4b12}.alert-msg{font-size:14px;font-weight:600;color:var(--ink)}.alert-ok{min-width:160px;margin:0 auto}.res-card{width:min(480px,92vw);background:linear-gradient(180deg,#fffdf4,#ffedbe);border:2.5px solid var(--line);border-radius:18px;padding:22px 24px 18px;text-align:center;box-shadow:0 14px 40px #0006}.res-logo{width:170px;max-width:60%;margin:0 auto 8px;display:block}.res-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:19px;color:var(--ink);margin-bottom:8px}.res-body{font-size:13.5px;color:var(--ink-2);line-height:1.65;white-space:pre-line;margin-bottom:16px}.res-actions{display:flex;flex-direction:column;gap:8px}.res-actions .btn{width:100%;justify-content:center}.chat.hud-hidden,.hud-br.hud-hidden{display:none}.hud-showbtn{position:absolute;bottom:22px;width:48px;height:48px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:21;background:linear-gradient(180deg,#140832d1,#140832b3);border:2px solid rgba(255,213,107,.5);box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .12s ease}.hud-showbtn.show{display:flex}.hud-showbtn:hover{transform:translateY(-2px)}.hud-showbtn img{width:26px;height:26px;object-fit:contain}.chat-showbtn{left:16px}.chat-openbtn{left:16px;bottom:78px;border-color:#ffd56bd9}html.dev-touch .chat-openbtn{display:flex}.hud-showbtn .show-dot{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#ff5b6a;border:2px solid #fff;display:none}.hud-showbtn.unread .show-dot{display:block}.chat-hidebtn{margin-left:auto;padding:2px 10px}.hud-chev{display:inline-block;width:8px;height:8px;border-right:2px solid #ffd56b;border-bottom:2px solid #ffd56b}.hud-chev.down{transform:rotate(45deg);margin-bottom:2px}.hud-chev.right{transform:rotate(-45deg)}.chat-tabs{display:flex;gap:4px;padding:0 8px;position:relative;z-index:2;margin-bottom:-1px}.chat-tab{position:relative;border:1px solid rgba(255,213,107,.22);border-bottom:none;background:#180e2e8c;color:#b9a8e6;font:inherit;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:11.5px;line-height:1;padding:7px 12px 6px;border-radius:11px 11px 0 0;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .12s,color .12s,transform .12s}.chat-tab:hover{color:#fff;background:#34205cb3}.chat-tab.active{background:linear-gradient(180deg,#5c3a98f2,#2c1852eb);color:#ffe9b0;border-color:#ffd56b99;box-shadow:inset 0 1px #ffffff29,0 -2px 8px #0000002e;transform:translateY(-1px);padding-bottom:7px}.chat-tab.active.tab-party{color:#9be0ff}.chat-tab.active.tab-whisper{color:#e2b8ff}.chat-tab.active.tab-system{color:#a9f2d7}.chat-tab .dot{position:absolute;top:3px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold);display:none}.chat-tab.unread .dot{display:block}.chat.f-say .chat-line:not(.ch-say){display:none}.chat.f-party .chat-line:not(.ch-party){display:none}.chat.f-guild .chat-line:not(.ch-guild){display:none}.chat.f-whisper .chat-line:not(.ch-whisper){display:none}.chat.f-system .chat-line:not(.ch-system){display:none}.chat.f-all .chat-line.ch-ambient{display:none}.chat:not(.f-all) .chat-sep{display:none}.chat-logwrap{position:relative}.chat-new{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:none;z-index:2;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:12px;font-weight:700;color:#2a1a06;background:linear-gradient(180deg,#ffd56b,#f4a83a);border:1.5px solid #b8741e;border-radius:999px;padding:4px 12px;box-shadow:0 2px 6px #00000073;cursor:pointer}.chat-new.show{display:block}.chat-new:hover{filter:brightness(1.06)}.chat-log{height:230px;overflow-y:auto;overscroll-behavior:contain;border-radius:0 14px 0 0;padding:10px 12px;border-bottom:none;color:#f1ecff;font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:3px}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:#ffd56b59;border-radius:3px}.chat-line .who{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--gold)}.chat-line .ts{color:#ffffff6b;font-size:11px;font-family:var(--font-mono);margin-right:5px}.chat-line.ch-say{color:#f1ecff}.chat-line.ch-party{color:#d6ecff}.chat-line.ch-party .who{color:#9be0ff}.chat-line.ch-guild{color:#ffe9b0}.chat-line.ch-guild .who{color:var(--gold)}.chat-line.ch-whisper{color:#f0d6ff}.chat-line.ch-whisper .who{color:#d9a8ff}.chat-line.ch-system{color:#cffbe9;font-style:italic}.chat-line.history{opacity:.58}.chat-sep{text-align:center;color:#fff6;font-size:11px;font-weight:700;margin:4px 0;letter-spacing:.5px}.ch-badge{display:inline-block;font-size:9px;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);line-height:1.6;border-radius:6px;padding:0 5px;margin-right:5px;color:#fff;vertical-align:middle}.ch-badge.say{background:#7c8aa3}.ch-badge.party{background:var(--mp-2)}.ch-badge.guild{background:var(--gold);color:#6a4e12}.ch-badge.whisper{background:#b06bff}.chat-input{margin-top:0;display:none}.chat-input.show{display:flex;gap:6px;align-items:center;padding:8px;border-radius:0 0 14px 14px;border-top:1px solid rgba(255,213,107,.25)}.chat-input input{flex:1;padding:8px 10px;font-size:13px;background:#ffffff1f;border:1px solid rgba(255,213,107,.3);color:#fff;box-shadow:none}.chat-input input::placeholder{color:#cebfff}.chat-chan{flex:0 0 auto;border:none;border-radius:9px;padding:7px 12px;font:inherit;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12px;color:#fff;cursor:pointer;box-shadow:0 2px #0000004d}.chat-chan.say{background:#7c8aa3}.chat-chan.party{background:var(--mp-2)}.chat-chan:active{transform:translateY(1px)}.panel-inv{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,92vw);padding:0;display:none}.panel-inv.show{display:block}.panel-head{display:flex;align-items:center;gap:8px;padding:13px 16px 11px;border-bottom:2px dashed rgba(192,138,74,.45);margin:0;cursor:grab;user-select:none;touch-action:none}.panel-head.dragging{cursor:grabbing}.panel-head .btn,.panel-head .iconbtn{cursor:pointer}.panel-head .ptitle{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:19px;color:var(--ink);flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-head .btn,.panel-head .gold{white-space:nowrap;flex:0 0 auto}.panel-inv>*:not(.panel-head):not(.panel-foot){padding-left:16px;padding-right:16px}.panel-inv>*:last-child{padding-bottom:14px}.gold{font-weight:800;color:var(--gold-deep);font-family:var(--font-mono)}.panel-head .gold{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#7a4a10;background:linear-gradient(180deg,#fff2c4,#ffe08a);border:1.5px solid rgba(184,116,30,.55);border-radius:999px;padding:3px 12px 3px 5px;box-shadow:inset 0 1px #ffffffbf,0 1px 2px #784a102e}.panel-head .gold:before{content:"G";flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffcf47 45%,#e8a41e 76%,#b8741e);border:1px solid #9a5f14;color:#7a4a10;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:10px;box-shadow:inset 0 1px 1px #ffffffbf;text-shadow:0 1px 0 rgba(255,255,255,.4)}.panel-head>.ptitle~*{margin-left:0}.panel-head>.ptitle+*{margin-left:auto}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}#panel-inv{width:min(460px,94vw)}#inv-grid{max-height:46vh;overflow-y:auto;margin-top:12px;padding:10px;background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-radius:14px;box-shadow:inset 0 -3px #c08a4a33}#inv-grid::-webkit-scrollbar{width:8px}#inv-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.inv-count{margin-left:2px;font-family:var(--font-mono);font-weight:800;font-size:12px;color:var(--ink-2);background:#fff8e0;border:1.5px solid var(--line);border-radius:8px;padding:2px 8px}.inv-count.full{color:#fff;background:var(--hp-2);border-color:var(--hp-2)}.inv-slot{aspect-ratio:1;border-radius:12px;border:2px solid var(--line);background:linear-gradient(180deg,#fff,var(--paper-2));position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -3px #c08a4a4d;overflow:hidden}.inv-slot.empty{opacity:.6;cursor:default;background:linear-gradient(180deg,#f5e6bf,#ecd49a);box-shadow:none}.inv-slot>img{width:80%;height:80%;object-fit:contain;pointer-events:none}.inv-slot .qty{position:absolute;bottom:2px;right:3px;font-size:10px;font-weight:700;color:#fff;font-family:var(--font-mono);background:#1e0f3cd9;padding:0 4px;border-radius:6px}.ench-gems{position:absolute;left:2px;bottom:4px;z-index:2;display:flex;gap:1px;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(60,20,110,.55))}.ench-gems img{width:9px;height:9px;object-fit:contain}.item-pic .ench-gems img{width:9px;height:9px}.ii-pic .ench-gems{left:4px;bottom:4px;gap:2px}.ii-pic .ench-gems img{width:13px;height:13px}.ii-pic .elem-badge{width:24px;height:24px;top:4px;right:4px}.ii-pic.broken>.elem-badge{top:26px}.cmp-face-pic .elem-badge{width:14px;height:14px;top:1px;right:1px}.doll-slot .elem-badge{width:15px;height:15px}.item-pic .equip-badge{display:none}.doll-slot .ench-gems{left:3px;bottom:3px}.doll-slot .ench-gems img{width:10px;height:10px}.doll-slot .plus-badge{inset:2px auto auto 2px}.inv-slot.equipped{box-shadow:0 0 0 2px var(--gold) inset,0 0 8px #ffd56b66}.inv-slot .equip-badge,.doll-slot .equip-badge{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:6px;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12px;line-height:1;color:#fff;background:linear-gradient(180deg,#a9713a,#7c4a1e);border:1.5px solid #fff4dd;box-shadow:0 1px 3px #00000073}.ii-equipped{display:inline-block;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(180deg,#a9713a,#7c4a1e);border-radius:7px;padding:1px 7px;margin-left:6px;vertical-align:middle}.inv-tabs{display:flex;gap:6px;margin:10px 0 0;border-bottom:2px solid var(--line)}.inv-tab{flex:1;padding:6px 4px;border-radius:11px 11px 0 0;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:13px;color:var(--gold-deep);background:#784a1e1f;border:2px solid transparent;border-bottom:none;margin-bottom:-2px;cursor:pointer;transition:background .12s}.inv-tab:hover{background:#784a1e33}.inv-tab.active{color:#6a3d0c;background:radial-gradient(120% 90% at 50% 0%,#fff3cf,var(--paper-2));border-color:var(--line);border-bottom:2px solid var(--paper-2)}.panel-inv #inv-grid{margin-top:10px}.inv-slot.rarity-uncommon{border-color:var(--r-uncommon)}.inv-slot.rarity-rare{border-color:var(--r-rare)}.inv-slot.rarity-epic{border-color:var(--r-epic)}.inv-slot.rarity-legendary{border-color:var(--r-legend)}.inv-slot.rarity-mythic{border-color:#ff6b6b}.eq-ic.rarity-uncommon{box-shadow:0 0 6px #79c32866}.eq-ic.rarity-rare{box-shadow:0 0 7px #2d8df073}.eq-ic.rarity-epic{box-shadow:0 0 8px #b06bff80}.eq-ic.rarity-legendary{box-shadow:0 0 9px #ff9d2e8c}.inv-slot.grade-1{border-color:#79c328}.inv-slot.grade-2{border-color:#2d8df0}.inv-slot.grade-3{border-color:#b06bff}.inv-slot.grade-4{border-color:#ff9d2e}.inv-slot.grade-5{border-color:#ff6b6b;box-shadow:0 0 8px #ff6b6b73}.ii-grade{font-size:10px;font-weight:800;border:1px solid;border-radius:7px;padding:0 6px;margin-left:6px;vertical-align:middle}.ii-gradeup{color:#9a8d7a;font-size:11px}#panel-craft{width:min(560px,92vw)}.craft-greet{padding:8px 14px 2px;color:#7a5c34;font-size:13px;font-style:italic}.craft-list{max-height:52vh;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:9px}.craft-row{display:flex;gap:11px;align-items:center;padding:9px 11px;border:2px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#fff,var(--paper-2));box-shadow:inset 0 -2px #c08a4a40}.craft-row .cr-icon{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.craft-row .cr-item-pic{width:58px;height:58px;border:2px solid rgba(180,119,48,.55);border-radius:13px;background:#fff9e9}.craft-row .cr-item-pic>img{width:46px;height:46px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.bank-item-pic{width:50px;height:50px;border:2px solid rgba(180,119,48,.55);border-radius:11px;background:#fff9e9}.bank-item-pic>img{width:40px;height:40px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.craft-row .cr-info{flex:1;min-width:0}.craft-row .cr-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:14px}.craft-row .cr-stats{font-size:11.5px;color:#8a6a3c;margin:1px 0 4px}.craft-row .en-current{margin-bottom:2px}.craft-row .en-affixes{display:flex;flex-direction:column;gap:1px;margin-bottom:3px}.craft-row .en-affix{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11.5px;font-weight:700}.craft-row .en-affix .en-aff-k{color:var(--ink-2, #4a4657)}.craft-row .en-affix .en-aff-v{font-family:var(--font-mono);font-weight:800;white-space:nowrap}.craft-row .en-affix.en-none{display:block;color:#a99;font-weight:400;font-style:italic}.craft-row .en-overwrite{color:#b08a4a;font-size:10.5px;margin:0}.craft-row .cr-mats{display:flex;flex-wrap:wrap;gap:4px 10px}.craft-row .cr-mat{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#5a7a4a}.craft-row .cr-mat img{width:17px;height:17px;object-fit:contain}.craft-row .cr-mat.lack{color:#c05555}.craft-row .cr-mat.lack b{color:#e03e3e}.craft-row .cr-side{text-align:right;display:flex;flex-direction:column;gap:3px;align-items:flex-end}.craft-row .cr-rate{font-size:11px;font-weight:800;color:#4a8a5a}.craft-row .cr-gold{font-size:12px;font-weight:800;color:#a1771e}.craft-row .cr-gold.lack{color:#e03e3e}.craft-row button[disabled]{opacity:.45;cursor:not-allowed}.tooltip{position:absolute;z-index:70;background:linear-gradient(180deg,#2a2070,#1a1240);color:#fff8e0;border:2px solid var(--gold);border-radius:12px;padding:9px 11px;font-size:12px;width:188px;pointer-events:none;display:none;box-shadow:0 10px 26px #00000080}.tooltip.show{display:block}.tooltip .tt-name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking)}.tooltip .tt-row{color:#cebfae}.toasts{position:absolute;z-index:330;top:90px;transition:top .18s ease;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{--tc: var(--gold);--tc-hi: #ffe9b0;--tc-soft: rgba(255, 213, 122, .5);position:relative;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#422a76f2,#26144cf2 45%,#14082ef5);color:#fff8e0;border:1.5px solid var(--tc);border-radius:999px;padding:7px 18px 7px 7px;font-weight:700;font-size:13px;letter-spacing:.01em;text-shadow:0 1px 2px rgba(8,4,20,.7);box-shadow:0 10px 26px #0a041c8c,0 0 18px -4px var(--tc-soft),inset 0 1px #ffffff38,inset 0 -6px 12px -8px #000000b3;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:hidden;animation:toastIn .38s cubic-bezier(.2,1.5,.35,1) both}.toast:before{content:"";flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--tc-icon, none) center / 16px 16px no-repeat,radial-gradient(circle at 50% 44%,#ffffff 0%,var(--tc-hi) 46%,var(--tc) 100%);box-shadow:0 0 10px -1px var(--tc-soft),inset 0 1px #ffffff8c,inset 0 -3px 6px -3px #00000073}.toast:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:32%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);animation:toastSheen .9s ease-out .18s 1 both}@keyframes toastSheen{0%{left:-40%}to{left:120%}}.toast.loot{--tc: #7be08a;--tc-hi: #d3ffdb;--tc-soft: rgba(123, 224, 138, .5);--tc-icon: url(/assets/icons/ui/gift.png)}.toast.level{--tc: #ffd36e;--tc-hi: #fff3cd;--tc-soft: rgba(255, 211, 110, .55);--tc-icon: url(/assets/icons/ui/check.png)}.toast.info{--tc-icon: url(/assets/icons/ui/paw.png)}.toast.gold{border-color:var(--gold);padding-left:8px;overflow:visible}.toast.gold:after{display:none}.toast.gold:before{display:none}.toast.gold .gt-coin{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffcf47 45%,#e8a41e 76%,#b8741e);border:1.5px solid #9a5f14;color:#7a4a10;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12px;box-shadow:inset 0 1px 1px #ffffffbf,0 0 8px #ffc8508c;text-shadow:0 1px 0 rgba(255,255,255,.4)}.toast.gold .gt-amt{font-family:var(--font-mono);font-weight:800;font-size:13px;color:#ffe08a}.toast.gold .gt-unit{font-size:11px;opacity:.8;margin-left:1px}.toast.gold.spend .gt-amt{color:#ff9d9d}.toast.gold.spend .gt-coin{filter:saturate(.85) brightness(.96)}.toast.gold .gt-coin.bump{animation:goldBump .3s ease}@keyframes goldBump{0%{transform:scale(1)}40%{transform:scale(1.14) rotate(-6deg)}to{transform:scale(1) rotate(0)}}.toast.out{animation:toastOut .3s ease forwards}@keyframes toastIn{0%{transform:translateY(-12px) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes toastOut{to{transform:translateY(-10px) scale(.96);opacity:0}}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}#levelup-fx{position:fixed;left:50%;top:30%;transform:translate(-50%,-50%);z-index:145;pointer-events:none;text-align:center;width:340px}#levelup-fx .lvl-burst{position:absolute;left:50%;top:42%;width:340px;height:340px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,222,120,.55) 0%,rgba(255,222,120,.18) 42%,transparent 68%);animation:lvlPulse 1.1s ease-in-out infinite alternate}#levelup-fx .lvl-logo{width:190px;display:block;margin:0 auto;filter:drop-shadow(0 6px 18px rgba(90,40,140,.5))}#levelup-fx .lvl-title{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:4px;margin-top:2px;background:linear-gradient(180deg,#fff6d8,#ffd23f 55%,#e89a1f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 3px 10px rgba(120,70,0,.35);filter:drop-shadow(0 2px 0 rgba(122,66,10,.9)) drop-shadow(0 0 2.5px rgba(96,52,6,.95)) drop-shadow(0 0 10px rgba(0,0,0,.35))}#levelup-fx .lvl-num{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:64px;line-height:1;margin-top:2px;background:linear-gradient(180deg,#fff,#ffe9a8 45%,#ffb02e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(122,66,10,.9)) drop-shadow(0 0 3px rgba(96,52,6,.95)) drop-shadow(0 8px 18px rgba(255,190,60,.45)) drop-shadow(0 0 12px rgba(0,0,0,.3))}#levelup-fx .lvl-rays{position:absolute;left:50%;top:42%;width:300px;height:300px;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,235,160,.16) 0deg 8deg,transparent 8deg 24deg);border-radius:50%;animation:lvlSpin 7s linear infinite;mask-image:radial-gradient(circle,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle,black 0%,transparent 70%)}@keyframes lvlSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes lvlPulse{0%{opacity:.75}to{opacity:1}}#craft-suspense{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%);z-index:146;pointer-events:none;text-align:center}#craft-suspense .cs-forge{position:relative;width:150px;height:96px;margin:0 auto 4px}#craft-suspense .cs-heat{position:absolute;left:50%;bottom:6px;width:110px;height:60px;transform:translate(-50%);border-radius:50%;opacity:.5;background:radial-gradient(ellipse at 50% 100%,rgba(255,150,40,.9),rgba(255,90,20,.35) 55%,transparent 72%);filter:blur(2px);animation:csHeat 1.1s ease-in-out infinite}#craft-suspense .cs-anvil{position:absolute;left:50%;bottom:0;transform:translate(-50%);filter:drop-shadow(0 5px 8px rgba(0,0,0,.45))}#craft-suspense .cs-anvil img{width:84px;height:auto;display:block}#craft-suspense .cs-ingot{position:absolute;left:50%;bottom:40px;transform:translate(-50%) rotate(-14deg);filter:drop-shadow(0 0 10px rgba(255,150,40,.95)) saturate(1.15);animation:csGlowPulse 1.1s ease-in-out infinite}#craft-suspense .cs-ingot img{width:44px;height:44px;object-fit:contain;display:block}#craft-suspense .cs-hammer{position:absolute;left:56%;bottom:48px;transform:translate(6px,-30px) rotate(-42deg);transform-origin:22% 82%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}#craft-suspense .cs-hammer img{width:64px;height:auto;display:block}@keyframes csGlowPulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,150,40,.7)) saturate(1.05)}50%{filter:drop-shadow(0 0 14px rgba(255,190,70,1)) saturate(1.3)}}#craft-suspense .cs-sparks{position:absolute;left:50%;bottom:40px;width:0;height:0}#craft-suspense .cs-sparks i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffd76a;box-shadow:0 0 6px 1px #ffbe50e6}@keyframes csHeat{0%,to{opacity:.42}50%{opacity:.68}}#craft-suspense .cs-text{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:18px;color:#ffe9b0;text-shadow:-1.5px 0 0 rgba(90,50,8,.95),1.5px 0 0 rgba(90,50,8,.95),0 -1.5px 0 rgba(90,50,8,.95),0 1.5px 0 rgba(90,50,8,.95),0 2px 0 #7a4a0c,0 6px 14px rgba(0,0,0,.45);margin:2px 0 8px}#craft-suspense .cs-bar{width:220px;height:12px;margin:0 auto;border-radius:8px;overflow:hidden;background:#140a24bf;border:2px solid rgba(255,213,107,.6)}#craft-suspense .cs-fill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#ffd23f,#ff9d2e);box-shadow:0 0 10px #ffd23fcc}@keyframes csSwing{0%,to{transform:rotate(-24deg)}50%{transform:rotate(18deg)}}#craft-fx{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%);z-index:145;pointer-events:none;text-align:center}#craft-fx .cfx-ring{width:96px;height:96px;margin:0 auto 8px;border-radius:50%;border:3px solid var(--gold);background:radial-gradient(circle at 50% 35%,#fff8e0,#f4e3b8);display:flex;align-items:center;justify-content:center}#craft-fx .cfx-ring img{width:62px;height:62px;object-fit:contain}#craft-fx .cfx-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:20px;color:#fff3c8;text-shadow:-1.5px 0 0 rgba(90,50,8,.95),1.5px 0 0 rgba(90,50,8,.95),0 -1.5px 0 rgba(90,50,8,.95),0 1.5px 0 rgba(90,50,8,.95),0 2px 0 #7a4a0c,0 6px 16px rgba(0,0,0,.4)}#craft-fx .cfx-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:#fff3c8;text-shadow:-1.5px 0 0 rgba(90,50,8,.95),1.5px 0 0 rgba(90,50,8,.95),0 -1.5px 0 rgba(90,50,8,.95),0 1.5px 0 rgba(90,50,8,.95),0 1px 3px rgba(0,0,0,.55)}#craft-fx .cfx-burst{position:absolute;left:50%;top:48px;width:0;height:0}#craft-fx .cfx-burst i{position:absolute;width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px 2px currentColor;opacity:0}.enfx-flash{position:fixed;inset:0;z-index:140;pointer-events:none}#craft-fx .enfx-runes{position:absolute;left:50%;top:48px;width:0;height:0}#craft-fx .enfx-runes i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:3px;opacity:0}#craft-fx .enfx-affixes{margin-top:9px;display:flex;flex-direction:column;gap:3px;align-items:center}#craft-fx .enfx-affix{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12.5px;white-space:nowrap;text-shadow:-1px 0 0 rgba(28,14,40,.95),1px 0 0 rgba(28,14,40,.95),0 -1px 0 rgba(28,14,40,.95),0 1px 0 rgba(28,14,40,.95),0 1px 4px rgba(0,0,0,.5);animation:enfxAffixIn .4s ease-out both}@keyframes enfxAffixIn{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}#craft-fx .cfx-rays,#craft-fx .cfx-halo{position:absolute;left:50%;top:48px;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;pointer-events:none}#craft-fx .cfx-rays{width:340px;height:340px;background:repeating-conic-gradient(from 0deg,rgba(255,214,110,.5) 0deg 5deg,transparent 5deg 12deg);-webkit-mask:radial-gradient(circle,#000 20%,rgba(0,0,0,.45) 46%,transparent 70%);mask:radial-gradient(circle,#000 20%,rgba(0,0,0,.45) 46%,transparent 70%);animation:cfxSpin 8s linear infinite,cfxFadeIn .5s ease-out both}#craft-fx .cfx-halo{width:210px;height:210px;background:radial-gradient(circle,rgba(255,242,198,.6) 0%,rgba(255,214,110,.22) 40%,transparent 68%);animation:cfxHalo 2.4s ease-in-out infinite,cfxHaloIn .5s cubic-bezier(.2,.9,.3,1.4) both}@keyframes cfxSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes cfxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cfxHalo{0%,to{opacity:.5}50%{opacity:.85}}@keyframes cfxHaloIn{0%{transform:translate(-50%,-50%) scale(.5)}to{transform:translate(-50%,-50%) scale(1)}}.center-toasts{position:absolute;top:30%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:stretch;gap:9px;pointer-events:none;z-index:330}.target-frame.tier-boss.show~.toasts{top:128px}.aim-hint{position:absolute;top:84px;left:50%;transform:translate(-50%);display:none;padding:6px 14px;border-radius:999px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:14px;white-space:nowrap;color:#eafcff;background:linear-gradient(180deg,#26184eeb,#140a30eb);border:1.5px solid rgba(140,220,255,.7);box-shadow:0 0 14px -3px #78d2ff99,0 4px 12px #00000080;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none;z-index:31}.aim-hint.show{display:block;animation:pop .18s ease}.target-frame.tier-boss.show~.aim-hint{top:112px}.aim-hint.show~.toasts{top:124px}.target-frame.tier-boss.show~.aim-hint.show~.toasts{top:152px}.center-toast{position:relative;--ct: #ffffff;--ct-dark: #2a1a10;display:flex;align-items:center;gap:10px;padding:2px 6px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:19px;white-space:nowrap;animation:ctIn .44s cubic-bezier(.16,1.6,.4,1),ctOut .5s ease 1.72s forwards}.center-toast .ct-txt{color:var(--ct);text-shadow:0 2px 0 var(--ct-dark),0 -2px 0 var(--ct-dark),2px 0 0 var(--ct-dark),-2px 0 0 var(--ct-dark),2px 2px 0 var(--ct-dark),-2px 2px 0 var(--ct-dark),2px -2px 0 var(--ct-dark),-2px -2px 0 var(--ct-dark),0 0 6px var(--ct-dark),0 3px 7px rgba(0,0,0,.6)}.center-toast .ct-ico{position:relative;display:grid;place-items:center;width:46px;height:46px;animation:ctIco .6s cubic-bezier(.18,1.7,.4,1)}.center-toast .ct-ico>img{width:42px;height:42px;object-fit:contain}.center-toast .ct-ico>img,.center-toast .ct-pic>img{filter:drop-shadow(0 0 5px var(--ct)) drop-shadow(0 2px 3px rgba(0,0,0,.55))}.center-toast.level{--ct: #d7a6ff;--ct-dark: #2c0f4d}.center-toast.quest{--ct: #7ff0d0;--ct-dark: #06382c}.center-toast .ct-spark{position:absolute;left:29px;top:50%;width:0;height:0;pointer-events:none}.center-toast .ct-spark i{position:absolute;width:7px;height:7px;margin:-3.5px;background:var(--ct);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:ctSpark .72s ease-out forwards}.center-toast .ct-spark i:nth-child(1){--a: -90deg}.center-toast .ct-spark i:nth-child(2){--a: -30deg;animation-delay:.04s}.center-toast .ct-spark i:nth-child(3){--a: 30deg;animation-delay:.08s}.center-toast .ct-spark i:nth-child(4){--a: 90deg;animation-delay:.02s}.center-toast .ct-spark i:nth-child(5){--a: 150deg;animation-delay:.06s}.center-toast .ct-spark i:nth-child(6){--a: 210deg;animation-delay:.1s}@keyframes ctSpark{0%{transform:rotate(var(--a)) translate(6px) scale(.4);opacity:1}to{transform:rotate(var(--a)) translate(34px) scale(.1);opacity:0}}@keyframes ctIco{0%{transform:scale(.3) rotate(-18deg)}55%{transform:scale(1.16) rotate(6deg)}to{transform:scale(1) rotate(0)}}@keyframes ctIn{0%{transform:scale(1.5,.5) translateY(16px);opacity:0}45%{transform:scale(1.06) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes ctOut{to{transform:translateY(-34px);opacity:0}}.npc-dialog{position:absolute;bottom:96px;left:50%;transform:translate(-50%);width:min(640px,94vw);padding:16px 18px;display:none;overflow:visible;background:radial-gradient(120% 80% at 50% 0%,#fff8e0 0%,var(--paper) 60%,var(--paper-2) 100%);border:2px solid var(--line);border-radius:20px;box-shadow:inset 0 0 0 2px #ffffff80,0 12px 30px #0006;color:var(--ink)}.npc-dialog.show{display:flex;align-items:flex-end;gap:26px}.npc-dialog .npc-portrait-wrap{flex:0 0 auto;width:172px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:-16px}.npc-dialog .npc-portrait{width:auto;max-width:200px;height:268px;object-fit:contain;object-position:bottom center;display:block;margin-top:-92px;filter:drop-shadow(0 8px 10px rgba(60,30,80,.35));pointer-events:none}.npc-dialog .npc-body{flex:1 1 auto;min-width:0;align-self:stretch;display:flex;flex-direction:column}.npc-dialog .npc-actions{margin-top:auto}.npc-dialog .npc-name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:17px;color:var(--gold-deep)}.npc-dialog .npc-text{color:var(--ink);margin:4px 0 10px;line-height:1.5}@media (max-width: 560px){.npc-dialog .npc-portrait-wrap{width:116px}.npc-dialog .npc-portrait{height:188px;margin-top:-46px}}.death{position:absolute;inset:0;display:none;z-index:300;align-items:center;justify-content:center;background:#0c061eb3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.death.show{display:flex}.death .box{text-align:center;color:#fff8e0}.death .big{font-size:36px;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);margin-bottom:4px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:linear-gradient(180deg,var(--night-1),var(--night-2));color:#fff8e0}.loading.hide{display:none}.spinner{width:46px;height:46px;border:5px solid rgba(255,213,107,.35);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quest-tracker{position:absolute;top:150px;left:16px;width:258px;display:none;padding:0;color:#fff8e0;font-size:14px;background:none;border:none;overflow:visible;pointer-events:none}.quest-tracker .qt-head,.quest-tracker .qt-name,.quest-tracker .qt-obj,.quest-tracker .qt-more{pointer-events:auto}.qt-head,.qt-name,.qt-obj,.qt-more{text-shadow:0 1px 0 rgba(16,6,34,.95),0 -1px 0 rgba(16,6,34,.95),1px 0 0 rgba(16,6,34,.95),-1px 0 0 rgba(16,6,34,.95),0 0 4px rgba(16,6,34,.9),0 2px 6px rgba(0,0,0,.55)}.quest-tracker.show{display:block}.qt-head{position:relative;display:flex;align-items:center;gap:6px;padding:6px 12px 7px;border-radius:10px 5px 5px 10px;overflow:hidden;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;color:#fff8e0;user-select:none;background:linear-gradient(90deg,#ffbe46a8,#ffbe4666 52%,#ffbe460f 88%,#ffbe4600);box-shadow:inset 4px 0 0 var(--gold),inset 0 1px #ffffff59;transition:background .15s ease}.qt-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--gold),rgba(255,213,107,.5) 50%,rgba(255,213,107,0))}.qt-head:hover{background:linear-gradient(90deg,#ffcd5fc7,#ffcd5f80 52%,#ffcd5f14 88%,#ffcd5f00)}.quest-tracker:has(.qt-chev.closed) .qt-head{border-radius:10px}.quest-tracker:has(.qt-chev.closed) .qt-head:after{display:none}.qt-chev{margin-left:auto;width:8px;height:8px;border-right:2px solid #fff8e0;border-bottom:2px solid #fff8e0;transform:rotate(45deg);transition:transform .18s ease;margin-bottom:3px}.qt-chev.closed{transform:rotate(-45deg);margin-bottom:0}.qt-quests{padding:9px 12px 10px;display:flex;flex-direction:column;gap:7px;max-height:36vh;overflow-y:auto}.qt-q{padding-top:7px}.qt-q:first-child{padding-top:0}.qt-name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;margin-bottom:2px;color:var(--gold);display:flex;align-items:center;gap:4px}.qt-name:hover{text-decoration:underline}.qt-q.ready .qt-name{color:#b6f2b4}.qt-obj{color:#fff;font-size:13px;padding:2px 7px;margin:0 -7px;border-radius:7px;position:relative;isolation:isolate}.qt-obj:not(.turnin):before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,rgba(28,24,40,.42),rgba(28,24,40,.16) 72%,transparent);transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.33,0,.2,1);pointer-events:none}.qt-obj:not(.turnin):hover:before{transform:scaleX(1)}.qt-obj b{color:var(--gold)}.qt-obj.done{color:var(--xp);text-decoration:line-through}.qt-obj.turnin{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;margin-top:2px;padding:3px 10px 3px 7px;border-radius:999px;font-weight:800;color:#0f2c14;background:linear-gradient(180deg,#b8f5b2,#6dcb6f);box-shadow:inset 0 1px #ffffffa6,0 2px 5px #0c281073;text-shadow:0 1px 0 rgba(255,255,255,.45);overflow:hidden;animation:qt-ready-breathe 2.4s ease-in-out infinite}.qt-obj.turnin:hover{filter:brightness(1.06)}.qt-obj.turnin:after{content:"";position:absolute;top:0;bottom:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:qt-ready-sweep 2.8s linear infinite;pointer-events:none}.qt-obj.turnin .qt-bubble{animation:qt-ready-nod 2.4s ease-in-out infinite;animation-delay:-.6s}@keyframes qt-ready-breathe{0%,to{transform:scale(1);box-shadow:inset 0 1px #ffffffa6,0 2px 5px #0c281073}50%{transform:scale(1.045);box-shadow:inset 0 1px #ffffffa6,0 3px 12px #78f0828c}}@keyframes qt-ready-sweep{0%{left:-60%}to{left:120%}}@keyframes qt-ready-nod{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-6deg)}}.qt-q.just-ready .qt-name{animation:qt-pop-name .9s ease-out 1}.qt-q.just-ready .qt-obj.turnin{animation:qt-pop-pill .9s cubic-bezier(.2,1.5,.4,1) 1,qt-ready-breathe 2.4s ease-in-out .9s infinite}.qt-q.just-ready .qt-obj.turnin:before{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid rgba(180,255,175,.9);animation:qt-pop-ring .9s ease-out 1 forwards;pointer-events:none}@keyframes qt-pop-name{0%{transform:scale(1);text-shadow:0 0 0 rgba(150,255,150,0)}35%{transform:scale(1.08);text-shadow:0 0 12px rgba(150,255,150,.95)}to{transform:scale(1);text-shadow:0 0 0 rgba(150,255,150,0)}}@keyframes qt-pop-pill{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes qt-pop-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}@media (prefers-reduced-motion: reduce){.qt-obj.turnin,.qt-obj.turnin .qt-bubble,.qt-q.just-ready .qt-name,.qt-q.just-ready .qt-obj.turnin{animation:none}.qt-obj.turnin:after,.qt-q.just-ready .qt-obj.turnin:before{display:none}}.qt-more{font-size:12px;color:#cbb8ee;text-align:center;padding-top:2px}.qt-more:hover{color:#fff}.qt-bubble{width:17px;height:18px;object-fit:contain;vertical-align:-3px;margin-right:3px}.npc-quests{display:flex;flex-direction:column;gap:8px;margin-top:6px}.npc-quest{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-radius:12px;padding:8px 10px}.npc-quest .nq-info{flex:1}.nq-name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--ink);font-size:13px}.nq-obj{font-size:11px;color:var(--ink-2)}.nq-empty{text-align:center;color:var(--muted);font-size:12px;padding:8px}.svc-menu{display:flex;flex-direction:column;gap:10px}.svc-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 14px;border-radius:14px;border:2px solid var(--line);background:linear-gradient(180deg,#fff8e6,#ffeec4);box-shadow:inset 0 1px #ffffffb3,0 3px 8px #784a142e;cursor:pointer;font-family:var(--font-display);letter-spacing:var(--display-tracking);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.svc-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold-2);box-shadow:inset 0 1px #fffc,0 6px 14px #ffaa2859}.svc-btn:active:not(:disabled){transform:translateY(0)}.svc-btn:disabled{opacity:.5;cursor:not-allowed}.svc-ic{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffe89c,#ffca55);border:1.5px solid rgba(184,116,30,.5);box-shadow:inset 0 1px #fff9}.svc-ic img{width:22px;height:22px;object-fit:contain}.svc-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.2}.svc-txt b{font-size:15px;color:var(--ink);font-weight:800}.svc-sub{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:1px}.svc-end{flex:0 0 auto;display:flex;align-items:center;color:var(--gold-deep)}.svc-end img{width:20px;height:20px}.svc-arrow{font-size:22px;font-weight:800;color:#c08a4a}#npc-starter-warp{border-color:var(--gold);background:linear-gradient(180deg,#fff4d2,#ffe3a4);animation:starterWarpBreath 2.6s ease-in-out infinite}#npc-starter-warp:hover{animation:none}@media (prefers-reduced-motion: reduce){#npc-starter-warp{animation:none}}@keyframes starterWarpBreath{0%,to{box-shadow:inset 0 1px #ffffffb3,0 3px 8px #784a142e,0 0 #ffbe4680}50%{box-shadow:inset 0 1px #fffc,0 4px 12px #784a1438,0 0 0 4px #ffbe4638}}.npc-quests>.svc-menu{margin-top:4px}.svc-btn.svc-save.on{border-color:#5ab46eb3;background:linear-gradient(180deg,#f0fbef,#d9f2da)}.svc-btn.svc-save.on .svc-ic{background:radial-gradient(circle at 50% 35%,#bff0b8,#7fce74);border-color:#3c8c4680}.svc-btn.svc-save.on .svc-txt b{color:#2f7d3a}.svc-warps .svc-warp{width:100%;justify-content:center}.svc-warps{display:flex;flex-direction:column;gap:6px}.qtag{font-size:11px;color:var(--gold-deep);font-weight:700}.jc-cur{font-size:12px;color:var(--ink-2);margin-bottom:8px}.jc-cur b{color:var(--gold-deep)}.jc-opts{display:flex;flex-direction:column;gap:8px}.jc-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;height:auto}.jc-crest{width:40px;height:40px;object-fit:contain;flex:0 0 auto}.jc-info{display:flex;flex-direction:column;gap:1px;min-width:0}.jc-name{font-weight:800;font-size:13px}.jc-role{font-size:11px;color:var(--gold-deep);font-weight:700}.jc-blurb{font-size:11px;color:var(--ink-2);white-space:normal;line-height:1.25}.panel-inv.shop{width:min(460px,95vw);position:relative}.shop-h{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--gold-deep);margin-bottom:6px;text-align:center}.shop-listing{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;margin-top:12px;margin-bottom:12px;padding:2px}.shop-row{display:flex;align-items:center;gap:9px;background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-radius:11px;padding:6px 9px}.shop-row>img,.shop-row .ic-ov>img{width:36px;height:36px;object-fit:contain}.shop-row .sr-info{flex:1;min-width:0}.sr-name{font-weight:700;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--gold-deep);font-weight:700;font-family:var(--font-mono)}.sr-act{flex:0 0 auto}.shop-qty{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:#1408328c;border-radius:18px}.shop-qty.show{display:flex}.shop-qty.global{position:fixed;z-index:340}.sq-card{width:min(320px,88%);background:radial-gradient(130% 90% at 50% 0%,#fff8e0,var(--paper-2));border:2px solid var(--line);border-radius:16px;box-shadow:0 14px 30px #00000080;padding:14px;display:flex;flex-direction:column;gap:12px}.sq-head{display:flex;align-items:center;gap:10px}.reset-btn-item{display:inline-flex;align-items:center;gap:6px;padding-left:6px}.reset-btn-ic{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.reset-btn-ct{font-weight:800;color:var(--ink)}.reset-btn-ct.lack{color:#ff5347}.reset-free{font-weight:800;color:#2fa36b}.rc-free{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);margin:4px 2px 10px}.rc-free img{width:22px;height:22px}#rc-body .sq-head{margin:6px 2px 10px}.rc-item{width:52px;height:52px;object-fit:contain}#rc-body .sq-unit b.lack{color:#ff5347}.sq-head img{width:46px;height:46px;object-fit:contain}.sq-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:16px;color:var(--ink)}.sq-unit{font-size:11px;color:var(--gold-deep);font-weight:700}.sq-stepper{display:flex;align-items:center;gap:8px;justify-content:center}.sq-stepper .btn{width:40px;height:40px;font-size:22px;padding:0;border-radius:12px}.sq-input{width:96px;height:40px;text-align:center;font-family:var(--font-mono);font-weight:800;font-size:18px;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:12px}.sq-input::-webkit-outer-spin-button,.sq-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sq-quick{display:flex;gap:6px}.sq-quick button{flex:1;padding:6px 0;border-radius:9px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:13px;color:var(--gold-deep);background:#784a1e24;border:2px solid transparent;cursor:pointer}.sq-quick button:hover{background:#784a1e3d}.sq-total{text-align:center;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:16px;color:#6a3d0c}.sq-actions{display:flex;gap:8px}.sq-actions .btn{flex:1}.panel-inv.quests{width:min(780px,96vw)}.qb-tabs{margin-top:10px}.qb-body{display:flex;gap:12px;margin-top:10px;height:min(560px,62vh)}.qb-list{width:235px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.qb-card{background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:8px 10px;transition:transform .12s ease,box-shadow .12s ease}.qb-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #5a280a26}.qb-card.sel{border-color:var(--gold-deep);background:linear-gradient(180deg,#fffbe2,#ffedb8);box-shadow:0 0 0 2px #ffbe5059}.qb-card.ready{border-left-color:#58c15f}.qb-card.finished{opacity:.65;border-left-color:#b9c0cc}.qb-card-top{display:flex;align-items:center;gap:6px}.qb-card-name{flex:1;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-card-sub{font-size:11px;color:var(--ink-2);margin-top:2px}.qb-card.ready .qb-card-sub{color:#2e7d32;font-weight:800}.qb-trackic{width:14px;height:14px}.qd-type{display:inline-block;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:800;letter-spacing:.4px;border:1.5px solid transparent;flex-shrink:0}.qd-type.main{background:#ffe9b0;color:#8a5a10;border-color:#eec66a}.qd-type.side{background:#dceeff;color:#24608f;border-color:#a9cdec}.qd-type.daily{background:#e2f7dd;color:#2e7d32;border-color:#a9dca4}.qd-type.guide{background:#ece4ff;color:#5b3ea8;border-color:#c3b1ee}.qb-card.guide{border-left-color:#9d80e0}.qb-card.locked{opacity:.55;border-left-color:#b9c0cc;filter:saturate(.6)}.qb-card.locked .qb-card-sub{font-weight:800;color:#7a6a55}.guide-note{margin-top:10px;font-size:11px;color:var(--ink-2);opacity:.9}.qd-objs{display:flex;flex-direction:column;gap:6px;margin-top:10px}.qd-objs .qd-obj{margin:0}.qd-foot{margin-top:12px;display:flex;flex-direction:column;gap:6px}.qb-detail{flex:1;overflow-y:auto;background:linear-gradient(180deg,#fffdf4,#fff3d8);border:2px solid var(--line);border-radius:14px;padding:12px 14px}.qd-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qd-name{font-size:17px;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--ink)}.qd-donechip{background:#eafbe7;color:#2e7d32;border:1.5px solid #a9dca4;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800}.qd-desc{font-size:12.5px;color:var(--ink-2);margin:6px 0 10px;line-height:1.5}.qd-sec{font-weight:700;font-family:var(--font-display);color:var(--gold-deep);font-size:12px;letter-spacing:.4px;margin-top:12px}.qd-obj{background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px}.qd-obj.done{border-color:#a9dca4;background:#f6fdf4}.qd-obj-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.qd-obj-label{font-weight:700;color:var(--ink);font-size:13px;display:flex;align-items:center;gap:5px}.qd-go{flex-shrink:0}.qd-target{display:flex;align-items:center;gap:10px;margin-top:8px}.qd-mon-frame,.qd-npc-frame,.qd-item-frame{display:flex;align-items:center;justify-content:center;border:2px solid var(--line);background:radial-gradient(circle at 50% 35%,#fff,#f3e8ff);overflow:hidden;flex-shrink:0}.qd-mon-frame{width:66px;height:66px;border-radius:12px}.qd-mon{max-width:58px;max-height:58px;object-fit:contain}.qd-npc-frame{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,#ffe4f1)}.qd-npc{width:100%;height:100%;object-fit:cover;object-position:top}.qd-item-frame{width:54px;height:54px;border-radius:12px;background:radial-gradient(circle at 50% 35%,#fff,#fdf1d2)}.qd-item-frame img{max-width:44px;max-height:44px;object-fit:contain}.qd-target-name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--ink);font-size:13.5px}.qd-lv{color:var(--gold-deep);font-size:11px;font-weight:800}.qd-target-sub{font-size:11px;color:var(--muted);margin-top:1px}.qd-bar{position:relative;height:17px;border-radius:999px;background:#eee3ca;border:1.5px solid var(--line);margin-top:9px;overflow:hidden}.qd-bar span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ffd56b,#ffb64d);border-radius:999px;transition:width .3s ease}.qd-bar.done span{background:linear-gradient(90deg,#9fe3a1,#63c96a)}.qd-bar b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink)}.qd-where{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:var(--ink-2);font-weight:700}.qd-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;color:var(--ink)}.qd-chip img,.qd-chip .ic-inline{width:16px;height:16px;object-fit:contain}.qd-chip.mon img{width:20px;height:20px}.qd-chip i{font-style:normal;font-weight:600;color:var(--muted)}.qd-chip.xp{background:#eafbe7;border-color:#a9dca4;color:#2e7d32}.qd-chip.gold{background:#fff3c9;border-color:#eec66a;color:#8a5a10}.qd-rewards{margin-top:4px}.qd-reward-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.qd-turnin-btn{width:100%;margin-top:14px;justify-content:center}.qd-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.btn.danger{color:#c0392b;border-color:#e5a09a}.quest-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;margin-top:12px}.q-card{background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:10px 12px}.q-name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--ink)}.q-desc{font-size:12px;color:var(--ink-2);margin:2px 0 6px}.q-obj{font-size:13px;color:var(--ink)}.q-obj.done{color:var(--xp-2)}.q-obj b{color:var(--gold-deep)}.party-frames{position:absolute;left:16px;top:244px;display:flex;flex-direction:column;gap:6px;transition:top .18s ease}.party-frame{display:flex;align-items:center;gap:8px;width:210px;border-radius:12px;padding:6px 9px}.party-frame.offline{filter:grayscale(.7) opacity(.6)}.party-frame>img{width:34px;height:34px;object-fit:contain}.pf-name .ic-inline{width:13px;height:13px;object-fit:contain;vertical-align:-2px;margin-right:3px}.party-frame .pf-info{flex:1;min-width:0}.pf-name{font-size:12px;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:#fff8e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-lv{color:var(--gold);font-weight:700;font-size:11px}.pf-bar{height:7px;border-radius:5px;background:#16092e;margin-top:3px;overflow:hidden;border:1px solid #0d052a}.pf-bar>span{display:block;height:100%;border-radius:5px}.pf-bar.hp>span{background:linear-gradient(180deg,var(--hp),var(--hp-2))}.pf-bar.mp>span{background:linear-gradient(180deg,#9be0ff,var(--mp-2))}.panel-inv.party{width:min(390px,92vw)}.party-roster{display:flex;flex-direction:column;gap:4px;margin-top:10px}.pr-row{display:flex;align-items:center;background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700;color:var(--ink)}.pr-row.clickable{cursor:pointer;transition:border-color .12s,filter .12s}.pr-row.clickable:hover{border-color:var(--gold-deep);filter:brightness(1.03)}.pr-kick{margin-left:auto;flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:none;background:#ff4854e6;color:#fff;font-weight:800;font-size:13px;line-height:1;cursor:pointer}.pr-kick:hover{background:#ff2a38}.pr-go{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:7px;border:none;background:#46965aeb;cursor:pointer}.pr-go img{width:15px;height:15px;display:block}.pr-go:hover{background:#3f9a63}.pr-go+.pr-kick{margin-left:6px}.pf-dot{display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:50%;background:#ff5a64;box-shadow:0 0 4px #ff5a64cc;vertical-align:middle}.friend-list,.friend-reqs,.friend-results{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:250px;overflow-y:auto;padding-right:2px}.friend-section-h{margin-top:10px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12px;color:var(--gold-deep)}.friend-row{display:flex;align-items:center;gap:7px;background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-radius:10px;padding:6px 8px;font-size:13px;font-weight:700;color:var(--ink)}.friend-row.offline{filter:grayscale(.55) opacity(.78)}.friend-row .fr-crest{width:26px;height:26px;flex:0 0 auto}.fr-info{flex:1 1 auto;min-width:0;line-height:1.25}.fr-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-lv{font-size:11px;color:var(--gold-deep)}.fr-where{font-size:11px;font-weight:600;color:#5a3c14bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-acts{display:flex;gap:4px;flex:0 0 auto}.fr-acts .btn{padding:3px 8px;font-size:11px}.fr-del{color:#c2333d}.f-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;border:1.5px solid #fff}.f-dot.on{background:#4ecb6f;box-shadow:0 0 5px #4ecb6fe6}.f-dot.off{background:#b9a98f}.party-frame.clickable{cursor:pointer;transition:transform .08s,filter .12s}.party-frame.clickable:hover{filter:brightness(1.08)}.party-frame.sel{position:relative;border-color:#7fe08a;box-shadow:0 0 10px #7fe08a73;animation:pf-glow 1.8s ease-in-out infinite}.party-frame.sel:before,.party-frame.sel:after{content:"";position:absolute;inset:-2px;border-radius:14px;border:2px solid rgba(127,224,138,.85);pointer-events:none;opacity:0;animation:pf-radar 1.8s ease-out infinite}.party-frame.sel:after{animation-delay:.9s}@keyframes pf-radar{0%{inset:-2px;opacity:.85}70%{inset:-13px;opacity:0}to{inset:-13px;opacity:0}}@keyframes pf-glow{0%,to{box-shadow:0 0 6px #7fe08a59}50%{box-shadow:0 0 14px #7fe08aa6}}.party-invite-pop{position:absolute;top:120px;left:50%;transform:translate(-50%);padding:14px 18px;display:none;z-index:130;background:radial-gradient(120% 80% at 50% 0%,#fff8e0,var(--paper-2));border:2px solid var(--line);border-radius:16px;box-shadow:0 12px 30px #0006}.party-invite-pop.show{display:block}.invite-text{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--ink);text-align:center}.ctx-menu{position:absolute;display:none;flex-direction:column;gap:4px;background:radial-gradient(120% 80% at 50% 0%,#fff8e0,var(--paper-2));border:2px solid var(--line);border-radius:14px;box-shadow:0 12px 26px #0006;padding:10px;width:172px;z-index:60;max-height:min(320px,70vh);overflow-y:auto}.ctx-menu.show{display:flex}.im-note{font-size:11px;color:var(--muted);padding:2px 2px 4px;line-height:1.4}.ic-inline{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:2px}.ptitle .ptitle-ic{width:22px;height:22px;object-fit:contain;vertical-align:-4px;margin-right:6px}.btn-ic{width:14px;height:14px;object-fit:contain;vertical-align:-2px;margin-right:4px;flex-shrink:0}.btn-enchant .btn-ic,.btn-premium .btn-ic{width:22px;height:22px;vertical-align:-6px;margin-right:5px}.craft-row .cr-side.ench-acts{align-items:stretch;gap:4px}.craft-row .cr-side.ench-acts .btn{font-size:12px;padding:4px 10px;min-height:30px;border-radius:10px}.craft-row .cr-side.ench-acts .btn-enchant .btn-ic{width:18px;height:18px;vertical-align:0;margin-right:5px}.craft-row .cr-side.ench-acts .ench-prem{background:#ffffffb8;border:1.5px solid #c08a4a;color:#8a4f1c;box-shadow:none;text-shadow:none}.craft-row .cr-side.ench-acts .ench-prem:hover{background:#ffffffeb;border-color:#a8500f;filter:none}.craft-row .cr-side.ench-acts .ench-prem:active{transform:translateY(1px);box-shadow:none}.craft-row .cr-side.ench-acts .ench-prem .btn-ic{width:16px;height:16px;vertical-align:-3px;margin-right:4px;opacity:.85}.btn-premium{background:linear-gradient(180deg,#ffb44d,#e07c22);border-color:#a8500f;color:#4a2008;box-shadow:0 3px #a8500f,inset 0 1px #ffffff8c}.btn-premium:hover{filter:brightness(1.08)}.btn-premium:active{box-shadow:0 1px #a8500f}.pe-item{display:flex;align-items:center;gap:10px;padding:4px 2px 8px}.pe-item-ic{width:46px;height:46px;object-fit:contain;flex:0 0 auto}.pe-item-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:14px;color:var(--ink)}.pe-note{font-size:11px;color:var(--ink-2);line-height:1.35}.pe-locklimit{font-size:11px;font-weight:700;color:#7d43c8;text-align:center;margin-bottom:6px}.pe-list{display:flex;flex-direction:column;gap:5px}.pe-aff{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:10px;border:1.5px solid rgba(154,92,232,.25);background:#b06bff0f;cursor:pointer;transition:border-color .12s,background .12s}.pe-aff:hover{border-color:#9a5ce880}.pe-aff.on{border-color:#f0a23a;background:linear-gradient(180deg,#ffd66e47,#b06bff24);box-shadow:inset 0 0 0 1px #f0a23a66}.pe-lockic{width:15px;height:15px;object-fit:contain;opacity:.28;filter:grayscale(1);flex:0 0 auto}.pe-aff.on .pe-lockic{opacity:1;filter:none}.pe-k{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink)}.pe-v{font-family:var(--font-mono);font-weight:800;font-size:12.5px}.pe-charm{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-weight:800;font-size:11.5px;color:var(--ink-2);flex:0 0 auto}.pe-charm img{width:14px;height:14px;object-fit:contain}.pe-cost{display:flex;justify-content:center;gap:14px;margin:11px 0 9px;font-family:var(--font-mono);font-weight:800;font-size:13px}.pe-c{display:inline-flex;align-items:center;gap:3px;color:var(--ink)}.pe-c img{width:16px;height:16px;object-fit:contain}.pe-c em{font-style:normal;color:var(--ink-2);font-weight:700}.pe-c.lack{color:#d9534f}.premium-go{width:100%;justify-content:center}.premium-go[disabled]{opacity:.5;pointer-events:none}.sv-check-ic{width:15px;height:15px;object-fit:contain;display:block;margin:0}.q-main{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:4px;flex-shrink:0}.qt-name .q-main{width:17px;height:17px}.cs-empty-paw{width:64px;height:64px;object-fit:contain;opacity:.85}.broken-badge img{width:14px;height:14px;object-fit:contain;display:block}.item-pic .broken-badge img{width:14px;height:14px}.ii-broken img{width:12px;height:12px;object-fit:contain;vertical-align:-2px;margin-right:2px}.shop-tab .ic-inline{width:17px;height:17px}.rfx-flash{position:fixed;inset:0;background:radial-gradient(circle at 50% 40%,#ff4632bf,#a0140a73);z-index:148;pointer-events:none}.rfx-crack{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(255,60,40,.8))}.rfx-smoke{position:absolute;left:50%;top:30%;width:64px;height:64px;transform:translate(-50%,-20%)}.lock-badge{opacity:.85}.cash-nav{position:relative;overflow:visible}.cash-nav .navicon{animation:cashPulse 2.4s ease-in-out infinite}@keyframes cashPulse{0%,to{filter:drop-shadow(0 0 2px rgba(255,210,80,.35))}50%{filter:drop-shadow(0 0 9px rgba(255,210,80,.95))}}.cash-tw{position:absolute;width:7px;height:7px;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0 18%,#ffd76a 40%,transparent 70%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:cashTwinkle 2.4s ease-in-out infinite}.cash-tw.tw1{top:4px;right:6px}.cash-tw.tw2{bottom:7px;left:5px;width:5px;height:5px;animation-delay:.8s}.cash-tw.tw3{top:10px;left:10px;width:4px;height:4px;animation-delay:1.5s}@keyframes cashTwinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}.panel-inv.cashshop{width:620px;max-width:94vw}.lmp-chip{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-weight:800;font-size:14px;color:var(--gold-deep);background:#ffd56b2e;border:1px solid rgba(192,138,74,.45);border-radius:10px;padding:3px 10px}.lmp-chip .lmp-ic,.cc-price .ic-inline,.ch-price .ic-inline{width:18px;height:18px}.btn.cash-topup{background:linear-gradient(180deg,#ff9dc0,#f56a9b);border-color:#c33b6e;box-shadow:0 3px #c33b6e,inset 0 1px #ffffff73;color:#fff;text-shadow:0 1px 0 rgba(120,20,60,.28)}.btn.cash-topup img{width:16px;height:16px}.btn.cash-hist{background:linear-gradient(180deg,#fff3d6,var(--paper-3));border-color:var(--line);box-shadow:0 3px 0 var(--line),inset 0 1px #ffffffb3;color:var(--ink-2);text-shadow:0 1px 0 rgba(255,255,255,.5)}.topup-card{align-items:center;text-align:center;gap:10px}.tp-badge{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff2d0,var(--paper-3));border:2px solid rgba(192,138,74,.55);box-shadow:inset 0 1px #fff}.tp-badge img{width:30px;height:30px}.tp-msg{font-size:14px;color:var(--ink-2);line-height:1.5}.cash-banner{position:relative;height:130px;margin:8px 12px 0;border-radius:14px;overflow:hidden;border:2px solid var(--line)}.cb-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease}.cb-slide.on{opacity:1}.cb-text{position:absolute;left:18px;top:50%;transform:translateY(-50%);max-width:46%;text-shadow:0 2px 6px rgba(60,20,60,.45)}.cb-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:19px;color:#fff8e0;line-height:1.2}.cb-sub{font-size:12px;color:#ffeccf;margin-top:3px}.cb-dots{position:absolute;right:10px;bottom:8px;display:flex;gap:5px}.cb-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff73}.cb-dots i.on{background:#fff;box-shadow:0 0 6px #ffffffe6}.cash-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;max-height:44vh;overflow-y:auto}.cash-card{display:flex;gap:10px;align-items:stretch;background:#fff8e08c;border:2px solid rgba(192,138,74,.35);border-radius:14px;padding:9px;transition:transform .12s ease,box-shadow .12s ease}.cash-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000002e}.cc-pic{position:relative;flex:0 0 auto;width:78px;height:78px;border-radius:13px;background:#fff;border:3px solid var(--gold-2);display:flex;align-items:center;justify-content:center;align-self:center}.cc-pic img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.cc-pic.rarb-common{border-color:var(--line)}.cc-pic.rarb-uncommon{border-color:var(--r-uncommon)}.cc-pic.rarb-rare{border-color:var(--r-rare)}.cc-pic.rarb-epic{border-color:var(--r-epic)}.cc-pic.rarb-legendary{border-color:var(--r-legend)}.cc-pic.rarb-mythic{border-color:var(--r-mythic)}.cc-tag{position:absolute;top:-8px;left:-8px;font-size:9px;font-weight:900;color:#fff;border-radius:8px;padding:2px 7px;box-shadow:0 2px 5px #0000004d}.cc-tag-new{background:linear-gradient(180deg,#ff6b9d,#d6336c)}.cc-tag-hot{background:linear-gradient(180deg,#ff9d2e,#e8590c)}.cc-tag-value{background:linear-gradient(180deg,#51cf66,#2f9e44)}.cc-body{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left}.cc-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:13.5px;line-height:1.25;text-align:left}.cc-desc{font-size:10.5px;color:var(--ink-2);line-height:1.35;margin-top:2px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-buyrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.cc-price{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-weight:800;font-size:14px;color:var(--gold-deep)}#lmp-toast{position:fixed;left:50%;top:92px;transform:translate(-50%);z-index:220;pointer-events:none;display:flex;align-items:center;gap:12px;padding:12px 22px 12px 14px;border-radius:18px;background:radial-gradient(120% 140% at 50% 0%,#fff6d8,#ffe19a 55%,#f7c65e);border:2px solid #b8802f;box-shadow:0 10px 26px #5a320a73,inset 0 0 0 2px #ffffffa6,0 0 26px #ffd05a8c}#lmp-toast .lt-coin{width:44px;height:44px;object-fit:contain;animation:ltCoin 1.15s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(120,70,10,.4))}@keyframes ltCoin{0%,to{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.08)}}#lmp-toast .lt-main{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:16.5px;color:#6b3f0a}#lmp-toast .lt-main b{color:#b8541b;font-family:var(--font-mono);font-size:18px;text-shadow:0 1px 0 rgba(255,255,255,.6)}#lmp-toast .lt-sub{font-size:11.5px;color:#8a5a1d;font-weight:700;margin-top:1px}#lmp-toast .lt-burst{position:absolute;left:34px;top:50%;width:0;height:0}#lmp-toast .lt-burst i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff2b0;box-shadow:0 0 8px 2px #ffd65af2}.cash-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 10px;font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--gold-deep)}.cash-histbox{position:absolute;inset:52px 0 0;display:none;flex-direction:column;background:radial-gradient(130% 90% at 50% 0%,#fff8e0,var(--paper-2));border-radius:0 0 16px 16px;z-index:3}.cash-histbox.show{display:flex}.ch-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:var(--ink);padding:10px 14px 6px}.ch-list{flex:1;overflow-y:auto;padding:4px 12px 12px;display:flex;flex-direction:column;gap:6px}.ch-row{display:flex;align-items:center;gap:10px;background:#fff8e08c;border:1px solid rgba(192,138,74,.3);border-radius:11px;padding:6px 10px}.ch-row>img{width:34px;height:34px;object-fit:contain}.ch-info{flex:1;min-width:0}.ch-name{font-size:12.5px;font-weight:700;color:var(--ink)}.ch-when{font-size:10.5px;color:var(--muted)}.ch-price{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-weight:800;font-size:13px;color:var(--gold-deep)}.refine-blessed{display:flex;align-items:center;gap:8px;margin:4px 14px 0;font-size:12px;color:var(--gold-deep);font-weight:700;cursor:pointer}.refine-blessed input{accent-color:var(--gold-2);width:15px;height:15px}.rf-risk{color:var(--hp-2);font-weight:800}.ii-broken{display:inline-block;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(180deg,#d9534f,#a23532);border-radius:7px;padding:1px 7px;vertical-align:middle}.inv-slot.broken>img{filter:grayscale(.85) brightness(.8)}.inv-slot.broken{border-color:#d9534f}.broken-badge{position:absolute;top:1px;right:2px;font-size:11px;z-index:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.ctx-title{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--ink);text-align:center;font-size:13px;border-bottom:2px dashed rgba(192,138,74,.45);padding-bottom:6px;margin-bottom:2px}.ctx-item{font:inherit;font-weight:700;font-size:13px;text-align:left;color:var(--ink);background:linear-gradient(180deg,#fff,var(--paper-2));border:2px solid var(--line);border-radius:9px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:8px}.ctx-item:hover{background:linear-gradient(180deg,var(--gold),var(--gold-2));border-color:var(--gold-deep)}.ctx-sep{height:0;border-top:2px dashed rgba(192,138,74,.45);margin:4px 2px 2px}.uic{width:18px;height:18px;flex:0 0 auto}.sound-toggle{width:38px;height:38px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;border:2px solid #1f7a3a;background:linear-gradient(180deg,#67d67f,#33ac54);box-shadow:0 2px #1f7a3a,inset 0 1px #ffffff8c;transition:transform .08s,filter .12s}.sound-toggle:hover{filter:brightness(1.05)}.sound-toggle:active{transform:translateY(2px);box-shadow:0 0 #1f7a3a,inset 0 1px #ffffff8c}.sound-toggle.muted{border-color:#6d6d7a;background:linear-gradient(180deg,#d0d0d9,#9a9aa8);box-shadow:0 2px #6d6d7a,inset 0 1px #ffffff8c}.sound-toggle svg{width:21px;height:21px;display:block}.panel-inv.trade{width:min(540px,95vw)}.trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.trade-col{background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-radius:12px;padding:8px}.trade-h{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--gold-deep);font-size:13px;margin-bottom:6px}.trade-ok{color:var(--xp-2);font-weight:800;font-size:12px}.trade-offer{display:flex;flex-wrap:wrap;gap:6px;min-height:56px;align-content:flex-start}.trade-item{width:44px;height:44px;border-radius:10px;border:2px solid var(--line);background:linear-gradient(180deg,#fff,var(--paper-2));position:relative;display:flex;align-items:center;justify-content:center}.trade-item>img{width:80%;height:80%;object-fit:contain}.trade-item .qty{position:absolute;bottom:1px;right:3px;font-size:10px;font-weight:700;color:#fff;font-family:var(--font-mono);background:#1e0f3cd9;padding:0 4px;border-radius:5px}.trade-gold-line{font-size:12px;font-weight:800;color:var(--gold-deep);min-height:16px;margin-top:4px}.trade-gold-row{font-size:12px;color:var(--ink);margin-top:6px;display:flex;align-items:center;gap:6px}.trade-gold-row input{width:90px;padding:4px 8px}.panel-inv.trade .inv-grid{max-height:180px;overflow-y:auto}.panel-inv.char{width:min(880px,96vw)}.char-identity{margin-top:12px}.ci-card{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#fff8dc,#ffe9b0);border:2px solid var(--line);border-radius:14px;padding:12px;box-shadow:inset 0 1px #ffffffb3,0 2px 6px #784a1026}.ci-portrait{position:relative;flex:0 0 auto;width:64px;height:64px}.ci-portrait img{width:64px;height:64px;object-fit:contain;display:block;filter:drop-shadow(0 3px 4px rgba(120,74,16,.35))}.ci-lv{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);white-space:nowrap;background:linear-gradient(180deg,#ffd76e,#f0a92e);border:1.5px solid #9a5f14;color:#5c3a08;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:11px;padding:1px 8px;border-radius:999px;box-shadow:0 1px 3px #784a1059}.ci-main{flex:1 1 auto;min-width:0}.ci-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:18px;color:#5c3a08;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-sub{display:flex;align-items:center;gap:5px;margin-top:1px;font-size:12px;font-weight:700;color:var(--gold-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-exp{margin-top:8px}.ci-exp-bar{height:10px;border-radius:999px;background:#784a1e2e;border:1px solid rgba(120,74,30,.25);overflow:hidden;box-shadow:inset 0 1px 2px #5a320a33}.ci-exp-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,#ffe27a,#ffb63d 60%,#f59a1f);box-shadow:inset 0 1px #ffffffa6;transition:width .5s ease}.ci-exp-txt{display:block;margin-top:3px;font-size:11px;font-weight:700;font-family:var(--font-mono);color:#5a3c14cc}.ci-flavor{margin-top:8px;font-size:11.5px;font-style:italic;line-height:1.45;color:#5a3c14d9}.char-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr);gap:14px;margin-top:12px;align-items:start}.char-h{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:var(--gold-deep);font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.ch-ic{width:18px;height:18px;object-fit:contain}.pts{color:#fff;font-weight:700;font-size:11px;background:var(--xp-2);border-radius:999px;padding:1px 8px;font-family:var(--font-display);letter-spacing:var(--display-tracking)}.char-doll{position:relative;min-height:268px;border:2px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff5d2,#ffe5a8);padding:10px;overflow:hidden;box-shadow:inset 0 -4px #c08a4a40}.char-doll .doll-hero{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center}.char-doll .doll-hero img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(124,93,255,.3))}.doll-slot{position:absolute;width:46px;height:46px;border-radius:11px;border:2px solid var(--line);background:linear-gradient(180deg,#fff,var(--paper-2));box-shadow:inset 0 -2px #c08a4a4d;display:flex;align-items:center;justify-content:center;cursor:default;z-index:2}.doll-slot.filled{cursor:pointer}.doll-slot.grade-1{border-color:#79c328}.doll-slot.grade-2{border-color:#2d8df0}.doll-slot.grade-3{border-color:#b06bff}.doll-slot.grade-4{border-color:#ff9d2e}.doll-slot.grade-5{border-color:#ff6b6b}.doll-slot.filled:hover{border-color:var(--gold-deep);box-shadow:0 0 0 2px var(--gold) inset}.doll-slot img{width:80%;height:80%;object-fit:contain}.doll-slot .ph{color:var(--line);opacity:.7;font-size:18px}.doll-slot .slabel{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:8px;font-family:var(--font-mono);font-weight:700;color:var(--ink-2);background:#fff6dce6;padding:0 4px;border-radius:4px;white-space:nowrap}.stat-list{display:flex;flex-direction:column;gap:5px}.stat-row{display:flex;align-items:center;gap:8px;background:#fff8e0;border:2px solid var(--line);border-radius:10px;padding:5px 10px}.stat-name{flex:1;font-weight:700;font-size:12px;color:var(--ink)}.stat-q{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--line);color:#fff;font-size:10px;font-weight:800;cursor:help;vertical-align:middle;margin-left:2px}.radar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.radar{width:100%;max-width:250px;height:auto}.radar .focus-poly{fill:#f4a83a52;stroke:var(--gold-2);stroke-width:2;stroke-linejoin:round}.radar .build-poly{fill:#2d8df033;stroke:var(--mp-2);stroke-width:2;stroke-linejoin:round}.radar-legend{display:flex;gap:14px;font-size:11px;color:var(--ink-2);font-weight:700}.rad-lg{display:flex;align-items:center;gap:4px}.rad-lg .d{width:10px;height:10px;border-radius:3px;display:inline-block}.rad-lg .d.gold{background:var(--gold-2)}.rad-lg .d.blue{background:var(--mp-2)}.create-focus,#create-focus{max-width:280px;margin:0 auto}.stat-val{font-weight:800;color:var(--ink);font-family:var(--font-mono)}.stat-val i{color:var(--xp-2);font-style:normal;font-size:11px}.stat-val i.stat-gear{color:#7a5bd6}.stat-plus{width:24px;height:24px;border-radius:8px;border:2px solid var(--gold-deep);background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#4a2a08;font-weight:800;cursor:pointer;box-shadow:0 2px 0 var(--gold-deep)}.stat-plus:disabled{filter:grayscale(.7) opacity(.5);cursor:not-allowed;box-shadow:none}.derived-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.der-chip{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--ink-2);background:#fff8e0;border:1.5px solid var(--line);border-radius:8px;padding:4px 9px}.der-chip b{color:var(--ink);font-family:var(--font-mono)}.der-chip.buffed{background:linear-gradient(180deg,#dcffe8,#b6f5cc);border-color:#46c46e}.der-chip.buffed b{color:#1f8a44}.der-chip b i{font-style:normal;color:#2fb457;font-weight:800;font-size:11px;margin-left:3px}.equipable-list{max-height:min(440px,58vh);overflow-y:auto;display:flex;flex-direction:column;gap:6px}.equipable-list::-webkit-scrollbar{width:8px}.equipable-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.eq-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:11px;border:2px solid var(--line);background:linear-gradient(180deg,#fff,var(--paper-2));box-shadow:inset 0 -2px #c08a4a38}.eq-row.locked{opacity:.55;flex-wrap:wrap}.eq-lock-line{flex-basis:100%;font-size:11px;font-weight:800;color:var(--hp-2);background:#e0555514;border:1px dashed rgba(224,85,85,.35);border-radius:8px;padding:3px 8px;text-align:center}.eq-ic{width:40px;height:40px;border-radius:9px;border:2px solid var(--line);object-fit:contain;background:#fff;flex:0 0 auto}.eq-info{flex:1;min-width:0}.eq-name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq-meta{display:flex;gap:8px;font-size:11px;flex-wrap:wrap}.eq-slot{color:var(--gold-deep);font-weight:800}.eq-stats{color:var(--ink-2)}.eq-btn{flex:0 0 auto}.eq-lock{flex:0 0 auto;font-size:10px;font-weight:800;color:var(--hp-2)}.eq-empty{font-size:12px;color:var(--muted);padding:16px 10px;text-align:center;line-height:1.5;word-break:break-word;border:2px dashed rgba(192,138,74,.4);border-radius:12px}.derived-list{display:flex;flex-direction:column;gap:3px}.der-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2);padding:2px 4px}.der-row b{color:var(--ink)}.equip-list{display:flex;flex-direction:column;gap:4px}.equip-row{display:flex;align-items:center;gap:8px;background:#fff8e0;border:2px solid var(--line);border-radius:10px;padding:4px 8px}.equip-row.clickable:hover{border-color:var(--gold-deep)}.equip-row img{width:28px;height:28px;object-fit:contain}.eq-slot{font-size:10px;color:var(--muted)}.eq-name{font-size:12px;font-weight:700;color:var(--ink)}.eq-name.muted{color:var(--muted);font-weight:400}.panel-inv.worldmap{width:min(1120px,97vw)}.wm-zone{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:11px;color:#4f331b;font-weight:700;margin-left:10px;padding:3px 9px;border:1px solid rgba(180,126,58,.38);border-radius:999px;background:#fff5d2b8}.wm-tools{margin-left:auto;display:flex;align-items:center;gap:6px}.wm-tools .btn{margin-left:0}.wm-zoom{min-width:44px;color:var(--gold-deep);font-family:var(--font-mono);font-size:11px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.wm-viewport{position:relative;margin-top:12px;width:100%;height:min(70vh,720px);overflow:hidden;border:3px solid #d59b4e;border-radius:18px;background:#178eb6;box-shadow:inset 0 0 0 2px #fff6cec7,inset 0 0 30px #04354f4d,0 8px 24px #3e261133;cursor:grab;touch-action:none}.wm-viewport:after{content:"";position:absolute;inset:0;z-index:8;border-radius:14px;box-shadow:inset 0 0 34px #0b374947;pointer-events:none}.wm-viewport:active{cursor:grabbing}.wm-canvas{position:absolute;top:0;left:0;width:100%;line-height:0;transform-origin:0 0;will-change:transform}.wm-img{display:block;width:100%;height:auto;image-rendering:auto;user-select:none;-webkit-user-drag:none}.wm-landmark{--wm-region: #fff0a7;position:absolute;z-index:3;width:0;height:0;line-height:normal;transform:scale(var(--wm-inverse-scale, 1));transform-origin:50% 50%;pointer-events:none}.wm-landmark__node{position:absolute;left:50%;top:50%;width:8px;height:8px;border:2px solid #fff9dc;border-radius:50%;background:var(--wm-region);box-shadow:0 0 0 2px #1f353661,0 0 10px color-mix(in srgb,var(--wm-region) 78%,transparent);transform:translate(-50%,-50%);transition:opacity .18s ease}.wm-landmark__label{position:absolute;z-index:2;display:block;padding:2px 6px 3px;border:1px solid color-mix(in srgb,var(--wm-region) 70%,#fff);border-radius:7px;color:#fffdf0;background:#16272bd1;box-shadow:0 2px 5px #04191f61;font-family:var(--font-display);font-size:8px;font-weight:700;line-height:1.15;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.58);white-space:nowrap;transition:opacity .18s ease,transform .18s ease}.wm-landmark--above .wm-landmark__label{left:50%;bottom:7px;transform:translate(-50%)}.wm-landmark--below .wm-landmark__label{left:50%;top:7px;transform:translate(-50%)}.wm-landmark--left .wm-landmark__label{right:7px;top:50%;transform:translateY(-50%)}.wm-landmark--right .wm-landmark__label{left:7px;top:50%;transform:translateY(-50%)}.wm-landmark--heartland{--wm-region: #ffe88f}.wm-landmark--coast{--wm-region: #76f1ff}.wm-landmark--highlands{--wm-region: #a9d7ff}.wm-landmark--fey{--wm-region: #d19cff}.wm-landmark--embersea{--wm-region: #ff9a60}.wm-landmark--tideway{--wm-region: #64f3df}.wm-landmark--maplefront{--wm-region: #ff897b}.wm-landmark--ayothaya{--wm-region: #ffc766}.wm-landmark--special{--wm-region: #ffe476}.wm-landmark--detail .wm-landmark__node{width:6px;height:6px}.wm-canvas[data-zoom-tier=overview] .wm-landmark--detail:not(.is-current) .wm-landmark__label{opacity:0}.wm-canvas[data-zoom-tier=overview] .wm-landmark--detail:not(.is-current) .wm-landmark__node{opacity:.72}.wm-landmark.is-current .wm-landmark__label,.wm-landmark.is-current .wm-landmark__node{opacity:0}.wm-pin{position:absolute;z-index:5;transform-origin:50% 100%;pointer-events:none;text-align:center;line-height:normal}.wm-dot{display:block;width:14px;height:14px;margin:0 auto;border-radius:50%;background:var(--hp-2);border:3px solid #fff;box-shadow:0 0 0 3px #ff386366,0 3px 7px #00000080;animation:wmpulse 1.3s ease-in-out infinite}.wm-lbl{display:inline-block;margin-top:3px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:11px;color:#fff;background:var(--hp-2);padding:1px 7px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 4px #00000073}@media (max-width: 700px){.panel-inv.worldmap{width:98vw}.panel-inv.worldmap .panel-head{flex-wrap:wrap}.wm-zone{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-tools{width:100%;margin-top:6px;justify-content:flex-end}.wm-viewport{height:min(64vh,600px);margin-top:8px}}@keyframes wmpulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.panel-inv.skills{width:min(600px,95vw)}.sk-bookhead{display:flex;align-items:center;gap:8px;margin-top:12px}.sk-bookhead .grow{flex:1}.sk-canvas{position:relative;margin-top:10px;min-height:220px;max-height:min(58vh,560px);border:2px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff5d2,#ffe5a8);padding:14px;overflow:auto;box-shadow:inset 0 -4px #c08a4a40}.sk-tree{position:relative;margin:0 auto}.sk-conn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sk-node{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:92px}.sk-node-slot{width:56px;height:56px;border-radius:12px;border:2px solid var(--line);background:linear-gradient(180deg,#fff,var(--paper-2));box-shadow:inset 0 -3px #c08a4a4d;position:relative;cursor:pointer}.sk-node-slot img{width:100%;height:100%;object-fit:contain;padding:4px}.sk-node.learned .sk-node-slot{border-color:var(--r-uncommon);box-shadow:0 0 0 1px var(--r-uncommon) inset,0 0 9px #79c32873}.sk-node.ult .sk-node-slot{border-color:var(--r-legend);box-shadow:0 0 0 1px var(--r-legend) inset,0 0 12px #ff9d2e8c}.sk-node.locked .sk-node-slot{filter:grayscale(.85) brightness(.72);cursor:not-allowed}.sk-node.canup .sk-node-slot{animation:skpulse 1.4s ease-in-out infinite}@keyframes skpulse{0%,to{box-shadow:0 0 0 1px var(--gold) inset,0 0 6px #ffd56b66}50%{box-shadow:0 0 0 2px var(--gold) inset,0 0 16px #ffd56bcc}}.sk-badge{position:absolute;bottom:-4px;right:-4px;font-family:var(--font-mono);font-size:10px;font-weight:800;background:#1a1442;color:var(--gold);padding:1px 5px;border-radius:6px;z-index:1}.sk-plus{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;border:2px solid var(--gold-deep);background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#4a2a08;font-weight:800;font-size:14px;line-height:1;cursor:pointer;box-shadow:0 2px 0 var(--gold-deep);display:none;z-index:3}.sk-node.canup .sk-plus{display:flex;align-items:center;justify-content:center}.sk-nname{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:11px;color:var(--ink);text-align:center;line-height:1.15;max-width:92px}.sk-node.locked .sk-nname{color:var(--muted)}.sk-ntype{font-size:9px;font-weight:800;line-height:1.5;padding:0 6px;border-radius:7px;color:#fff;letter-spacing:.02em}.sk-ntype.k-passive{background:#6b6357}.sk-ntype.k-atk{background:#c2502f}.sk-ntype.k-aoe{background:#b8741e}.sk-ntype.k-ground{background:#2d8df0}.sk-ntype.k-buff{background:#b06bff}.sk-ntype.k-heal{background:#2f9d5b}.sk-ntype.k-ally{background:#d4537e}.sk-node.locked .sk-ntype{filter:grayscale(.6) brightness(.85)}.skill-tip{position:fixed;z-index:4000;max-width:272px;pointer-events:none;display:none;background:linear-gradient(180deg,var(--parch),var(--paper-2));border:2px solid var(--line);border-radius:14px;padding:10px 12px;color:var(--ink);font-size:12.5px;line-height:1.5;box-shadow:0 12px 28px #28140575,inset 0 1px #fff}.skill-tip .skt-head{display:flex;gap:9px;align-items:center;margin-bottom:7px}.skill-tip .skt-ic{width:42px;height:42px;border-radius:9px;border:2px solid var(--line);flex:0 0 auto;background:linear-gradient(180deg,#fff,var(--paper-2));object-fit:contain;padding:2px}.skill-tip .skt-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:var(--ink)}.skill-tip .skt-type{display:inline-block;font-size:10px;font-weight:800;color:#fff;padding:1px 8px;border-radius:7px;margin-top:3px}.skill-tip .skt-type.k-passive{background:#6b6357}.skill-tip .skt-type.k-atk{background:#c2502f}.skill-tip .skt-type.k-aoe{background:#b8741e}.skill-tip .skt-type.k-ground{background:#2d8df0}.skill-tip .skt-type.k-buff{background:#b06bff}.skill-tip .skt-type.k-heal{background:#2f9d5b}.skill-tip .skt-type.k-ally{background:#d4537e}.skill-tip .skt-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.skill-tip .skt-chip{background:#fff8e0;border:1.5px solid var(--line);border-radius:8px;padding:1px 8px;font-size:11px;font-family:var(--font-mono);color:var(--ink-2)}.skill-tip .skt-chip b{color:var(--gold-deep)}.skill-tip .skt-chip.skt-elem{display:inline-flex;align-items:center;gap:4px;border-color:color-mix(in srgb,var(--el) 55%,#a86c2c);background:color-mix(in srgb,var(--el) 20%,#fff5d8)}.skill-tip .skt-chip.skt-elem b{color:color-mix(in srgb,var(--el) 36%,#2f1d16)}.skt-elem-orb{flex:0 0 auto;width:14px;height:14px;background-size:contain;background-repeat:no-repeat;background-position:center}.skill-tip .skt-pow{font-weight:700;margin-bottom:5px}.skill-tip .skt-pow.dmg{color:#c2502f}.skill-tip .skt-pow.heal{color:#2f9d5b}.skill-tip .skt-pow b{font-family:var(--font-mono)}.skill-tip .skt-eff{color:#8a5a25;font-weight:700;margin-bottom:5px}.skill-tip .skt-desc{color:var(--ink-2);border-top:1px dashed var(--line);padding-top:6px}.skill-tip .skt-foot{margin-top:6px;font-size:11px;color:var(--muted);font-family:var(--font-mono)}.skill-tip .skt-foot b{color:var(--gold-deep)}.skill-tip .skt-lock{margin-top:6px;font-size:11.5px;font-weight:700;color:#b3402f;background:#ffe9e3;border:1.5px solid #e7a99c;border-radius:8px;padding:3px 8px}.slot.locked{cursor:not-allowed}.slot.locked img{filter:grayscale(.92) brightness(.55)}.slot .lockicon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;text-shadow:0 1px 3px #000;pointer-events:none}.gm-badge-ic{width:26px;height:26px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.gm-panel{width:min(480px,94vw)}.gm-panel .panel-head{background:linear-gradient(180deg,rgba(255,210,90,.16),transparent)}.gm-shield{font-size:20px}.gm-body{max-height:min(72vh,620px);overflow-y:auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:11px}.gm-sec{background:#fff8e080;border:1.5px solid var(--line);border-radius:12px;padding:9px 11px}.gm-sec-h{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:13.5px;color:var(--ink);margin-bottom:7px}.gm-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.gm-row:last-child{margin-bottom:0}.gm-field{display:grid;grid-template-columns:78px 1fr 76px;align-items:center;gap:8px;margin-bottom:6px}.gm-field:last-child{margin-bottom:0}.gm-field label{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12.5px;color:#7a5c34;text-align:right;white-space:nowrap}.gm-field input{min-width:0;text-align:center;padding:7px 8px}.gm-field .btn{width:100%}.gm-gd-grid{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:7px 10px;margin-bottom:7px}.gm-gd-grid label{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12.5px;color:#7a5c34;line-height:1.25;white-space:normal;min-width:0}.gm-gd-grid input{min-width:0;text-align:center;padding:7px 8px}.gm-gd-grid .gm-gd-wide{grid-column:1 / -1;min-width:0}.gm-gd-grid label:has(+.gm-gd-wide){grid-column:1 / -1;margin-bottom:-3px}.gm-gd-grid .gm-gd-wide+label{margin-top:2px}.gm-gd-grid input.gm-gd-wide{text-align:left}.gm-combo-row{display:grid;grid-template-columns:1fr 58px auto;gap:7px;align-items:center}.gm-combo-row .gm-combo{min-width:0}.gm-combo-row .gm-qty{width:100%;min-width:0;text-align:center}.gm-warp-xy{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:center}.gm-warp-xy .gm-qty{width:100%;min-width:0;text-align:center}.gm-warp-name{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center}.gm-warp-name .gm-in{min-width:0}.gm-in{flex:1 1 130px;min-width:0;padding:6px 9px;font-size:13px}.gm-qty{width:62px;flex:0 0 auto;padding:6px;font-size:13px;text-align:center}.gm-lab{font-size:11px;font-weight:800;color:var(--ink-2)}.gm-hint{font-size:11px;color:var(--muted);margin-top:2px;width:100%}.gm-foot{font-size:11.5px;color:var(--ink-2);text-align:center}.gm-tg.on{background:linear-gradient(180deg,#8be36a,#4fae3b);border-color:#2f7d24;color:#16330f;box-shadow:0 2px #2f7d24,inset 0 1px #ffffff80}#gm-paint.on,#gm-rect.on,#gm-inspect.on{background:linear-gradient(180deg,#ffd070,#f0a52f);border-color:var(--gold-deep);color:#4a2a08;box-shadow:0 2px 0 var(--gold-deep)}.gm-tabs{margin:8px 14px 0;flex:none}.gm-tabs .inv-tab{font-size:12px;padding:5px 3px}.gm-pane{display:none}.gm-pane.on{display:block}.gm-palette{position:fixed;right:12px;top:calc(var(--hud-minimap-safe-top, 264px) + 10px);bottom:calc(var(--nav-anchor-bottom, 96px) + var(--nav-toggle-size, 44px) + 10px);width:232px;z-index:120;display:none;flex-direction:column;gap:7px;padding:10px;background:linear-gradient(180deg,var(--parch),var(--paper-2));border:2px solid var(--line);border-radius:14px;box-shadow:0 10px 28px #0000006b}.gm-palette.show{display:flex}.gm-pal-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.gm-pal-dirty{font-size:11px;line-height:1.35;color:var(--ink-soft)}.gm-pal-dirty.on{color:#b8451f;font-weight:700}.gm-pal-search{width:100%}.gm-pal-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-content:start}.gm-pal-item{position:relative;aspect-ratio:1;padding:2px;border:1.5px solid var(--line);border-radius:9px;background:#ffffff73;cursor:pointer;background-size:contain;background-repeat:no-repeat;background-position:center}.gm-pal-item.on{border-color:var(--gold-deep);box-shadow:0 0 0 2px var(--gold-deep) inset}.gm-pal-item.foreign{border-style:dashed}.gm-pal-item .gm-pal-n{position:absolute;right:2px;bottom:1px;font-size:9px;color:var(--ink-soft)}.gm-pal-empty{grid-column:1 / -1;padding:12px 4px;text-align:center;font-size:11px;color:var(--ink-soft)}.gm-pal-foot{display:flex;gap:6px}.gm-pal-foot .btn{flex:1}.gm-pal-hint{font-size:10px;line-height:1.45;color:var(--ink-soft)}.gm-cedit{position:fixed;top:8px;left:50%;transform:translate(-50%);width:max-content;max-width:min(880px,max(340px,calc(100% - 700px)));max-height:calc(var(--hud-minimap-safe-top, 264px) - 20px);z-index:121;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start}.gm-cedit.show{display:flex}.gm-cedit-box{min-height:0;display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:linear-gradient(180deg,var(--parch),var(--paper-2));border:2px solid var(--line);border-radius:14px;box-shadow:0 10px 28px #0000006b}.gm-cedit-bar,.gm-cedit-acts,.gm-cedit-hint{flex:0 0 auto}.gm-cedit-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gm-cedit-bar>b{flex:0 0 auto}.gm-cedit-bar>.btn{margin-left:auto}.gm-cedit-acts{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.gm-cedit-bar .btn{white-space:nowrap}.gm-cedit-status,.gm-cedit-hint{width:0;min-width:100%}.gm-cedit-status{flex:0 1 auto;min-height:0;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5;color:var(--ink-soft)}.gm-cedit-status:empty{display:none}.gm-cedit-ok{color:#2c6e49;font-weight:600}.gm-cedit-warn{color:#b8451f;font-weight:600}.gm-cedit-err{color:#a3162c;font-weight:700}.gm-cedit-info{color:var(--ink)}.gm-cedit-hint{font-size:10px;line-height:1.45;color:var(--ink-soft)}.gm-export-modal{position:fixed;inset:0;z-index:220;display:none;align-items:center;justify-content:center;background:#1408288c}.gm-export-modal.show{display:flex}.gm-export-box{width:min(560px,92vw);max-height:86vh;display:flex;flex-direction:column;gap:9px;padding:14px 16px;background:linear-gradient(180deg,var(--parch),var(--paper-2));border:2px solid var(--line);border-radius:16px;box-shadow:0 16px 40px #00000080}.gm-export-head{display:flex;align-items:center;justify-content:space-between}.gm-export-head b{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:16px;color:var(--ink)}.gm-export-hint{font-size:11.5px;color:var(--ink-2)}.gm-export-text{width:100%;flex:1 1 auto;min-height:300px;resize:vertical;padding:9px 11px;font-family:var(--font-mono);font-size:11px;line-height:1.45;background:#fffdf6;border:1.5px solid var(--line);border-radius:10px;color:var(--ink);white-space:pre}.gm-export-actions{display:flex;justify-content:flex-end}.gm-announce{position:absolute;top:78px;left:50%;transform:translate(-50%) translateY(-14px);max-width:min(80vw,680px);padding:12px 26px 12px 48px;border-radius:16px;pointer-events:none;z-index:95;display:flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(180deg,#3c1e5af5,#281246f5);border:2px solid var(--gold);color:#fff7df;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:18px;text-align:center;box-shadow:0 10px 28px #00000080,inset 0 1px #ffffff2e;opacity:0;transition:opacity .3s,transform .3s;text-shadow:0 2px 4px rgba(0,0,0,.5)}.gm-announce.show{opacity:1;transform:translate(-50%) translateY(0)}#target-frame.show.tier-boss~#gm-announce{top:156px}.gm-ann-ic{position:absolute;left:-26px;top:50%;width:64px;height:64px;object-fit:contain;transform:translateY(-58%) rotate(-10deg);transform-origin:50% 80%;filter:drop-shadow(0 5px 10px rgba(0,0,0,.55));pointer-events:none}.gm-announce.show .gm-ann-ic{animation:annWiggle .9s ease-in-out 1}@keyframes annWiggle{0%,to{transform:translateY(-58%) rotate(-10deg) scale(1)}15%{transform:translateY(-58%) rotate(-20deg) scale(1.12)}35%{transform:translateY(-58%) rotate(2deg) scale(1.06)}55%{transform:translateY(-58%) rotate(-16deg) scale(1.1)}75%{transform:translateY(-58%) rotate(-4deg) scale(1.02)}}.gm-ann-text{display:inline-block}.gm-announce.ann-boss{background:linear-gradient(180deg,#7a3410f0,#5a2408f0);border:2px solid #ffb454;box-shadow:0 10px 28px #00000080,inset 0 0 0 2px #00000059,inset 0 0 0 4px #ffb4548c,inset 0 1px #ffffff38;color:#ffe6b0;text-shadow:0 0 8px rgba(255,160,60,.6),0 2px 4px rgba(0,0,0,.6)}.gm-announce.ann-rare{background:linear-gradient(180deg,#8a1420f0,#5e0c16f0);border:2px solid #ff6b6b;box-shadow:0 10px 30px #78000073,inset 0 0 0 2px #0000004d,inset 0 1px #ffffff2e,0 0 22px #ff464659;color:#ffdede;text-shadow:0 0 8px rgba(255,80,80,.7),0 2px 4px rgba(0,0,0,.6)}.gm-announce.ann-player{background:linear-gradient(180deg,#fffdf6f2,#f2ead6f2);border:2px solid #d9c48f;box-shadow:0 10px 26px #0006,inset 0 0 0 2px #ffffffb3;color:#2a1c0c;text-shadow:none}.mega-overlay{position:absolute;inset:0;z-index:260;display:flex;align-items:center;justify-content:center;background:#0c061e8c;backdrop-filter:blur(2px);pointer-events:auto}.mega-box{width:min(440px,92vw);padding:20px 22px 18px;border-radius:18px;background:radial-gradient(120% 80% at 50% 0%,#fff8e0,var(--paper) 70%,var(--paper-2));border:2px solid var(--line);box-shadow:inset 0 0 0 2px #ffffff80,0 16px 40px #00000080;color:var(--ink)}.mega-head{display:flex;align-items:center;gap:10px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:19px}.mega-head img{width:34px;height:34px;object-fit:contain}.mega-sub{margin:6px 0 12px;font-size:13px;color:var(--ink-2, #6a4a28)}.mega-input{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:11px;border:2px solid var(--line);background:#fffdf6;font-family:var(--font);font-size:15px;color:var(--ink)}.mega-input:focus{outline:none;border-color:var(--gold)}.mega-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.chat-line .who.gm{color:#ffd23f;text-shadow:0 0 6px rgba(255,210,63,.5)}.ch-badge.gm{background:linear-gradient(180deg,#ffd23f,#f0a52f);color:#4a2a08}.gm-combo{position:relative;flex:1 1 150px;min-width:0}.gm-combo-in{width:100%}.gm-combo-in{padding-right:28px}.gm-combo-x{position:absolute;top:50%;right:7px;transform:translateY(-50%);width:19px;height:19px;padding:0;border:0;border-radius:50%;background:#78542824;cursor:pointer;display:none;transition:background .12s ease,transform .12s ease}.gm-combo-x.show{display:block}.gm-combo-x:hover{background:#7854284d}.gm-combo-x:active{transform:translateY(-50%) scale(.9)}.gm-combo-x:before,.gm-combo-x:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:2px;margin:-1px 0 0 -5px;border-radius:2px;background:var(--ink, #6b4a22)}.gm-combo-x:before{transform:rotate(45deg)}.gm-combo-x:after{transform:rotate(-45deg)}.gm-combo-list{position:absolute;top:calc(100% + 3px);left:0;width:100%;z-index:50;display:none;max-height:230px;overflow-y:auto;background:linear-gradient(180deg,#fff,var(--paper-2));border:2px solid var(--line);border-radius:12px;box-shadow:0 14px 30px #2814056b;padding:4px}.gm-combo-list.show{display:block}.gm-opt{display:flex;align-items:center;gap:9px;padding:5px 7px;border-radius:9px;cursor:pointer}.gm-opt:hover{background:linear-gradient(180deg,#fff6dc,#ffe6a8)}.gm-opt img{width:30px;height:30px;object-fit:contain;flex:0 0 auto;background:#785a321a;border-radius:7px}.gm-opt-n{font-weight:700;font-size:13px;color:var(--ink);flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-opt-id{font-family:var(--font-mono);font-size:10px;color:var(--muted);flex:0 0 auto}.gm-opt.empty{color:var(--muted);justify-content:center;cursor:default;padding:11px}.sk-legend{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--ink-2);margin-top:10px;flex-wrap:wrap}.sk-legend b.g{color:var(--r-uncommon)}.sk-legend b.a{color:var(--line)}.sk-legend b.l{color:var(--muted)}.sk-tip{font-size:11px;color:var(--muted);margin-top:6px;text-align:center}@media (max-width: 680px){.slot{width:52px;height:52px}.vitals{width:180px}.chat{width:260px;max-width:52vw}.chat-log{height:170px}.shop-cols,.trade-cols,.char-cols{grid-template-columns:1fr}}.hotbar .slot{pointer-events:auto}.slot.empty-slot{border-style:dashed;opacity:.68}.slot.empty-slot .slot-plus{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#ffe8aa8c}.slot.installable{animation:slotglow .9s ease-in-out infinite;border-color:var(--gold);opacity:1;cursor:copy}@keyframes slotglow{0%,to{box-shadow:0 0 0 1px var(--gold) inset,0 0 6px #ffd65a80}50%{box-shadow:0 0 0 2px var(--gold) inset,0 0 16px #ffd65af2}}.sk-node.installable-skill .sk-node-slot{cursor:grab}.sk-node.installable-skill:active .sk-node-slot{cursor:grabbing}.drag-ghost{position:fixed;width:46px;height:46px;transform:translate(-50%,-50%);pointer-events:none;z-index:400;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));opacity:.92}body.dragging-skill{cursor:grabbing!important;user-select:none}#hotbar.drop-ready .slot:not([data-index="0"]){animation:slotglow .9s ease-in-out infinite;border-color:var(--gold);opacity:1}.plus-badge{position:absolute;right:2px;bottom:2px;z-index:2;font-family:var(--font-mono);font-weight:800;font-size:10px;color:#fff;background:linear-gradient(180deg,#ffb02e,#e8590c);border-radius:7px;padding:0 4px;text-shadow:0 1px 1px rgba(90,40,0,.6);box-shadow:0 1px 3px #00000059;pointer-events:none}.inv-slot .plus-badge+.qty,.inv-slot .qty~.plus-badge,.mk-pic .plus-badge~.qty,.mk-pic .qty~.plus-badge,.trade-item .plus-badge~.qty,.trade-item .qty~.plus-badge,.mail-item-ic .plus-badge~.mail-item-qty,.mail-item-ic .mail-item-qty~.plus-badge{bottom:16px}.ic-ov{position:relative;display:inline-block;flex:0 0 auto;line-height:0}.eq-ic.eq-grade-1{border:2px solid #79c328;border-radius:9px}.eq-ic.eq-grade-2{border:2px solid #2d8df0;border-radius:9px}.eq-ic.eq-grade-3{border:2px solid #b06bff;border-radius:9px}.eq-ic.eq-grade-4{border:2px solid #ff9d2e;border-radius:9px}.eq-ic.eq-grade-5{border:2px solid #ff6b6b;border-radius:9px}.buff-tip .bt-ic{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:5px}.panel-inv.warp{width:460px;max-width:94vw}.warp-hint{padding:8px 16px 2px;font-size:12px;color:var(--gold-deep);font-weight:700}.warp-list{max-height:56vh;overflow-y:auto;padding:10px 12px 14px;display:flex;flex-direction:column;gap:7px}.warp-row{display:flex;align-items:center;gap:11px;text-align:left;background:#fff8e08c;border:2px solid rgba(192,138,74,.35);border-radius:12px;padding:7px 12px;cursor:pointer;font:inherit;color:var(--ink);transition:transform .1s ease,box-shadow .1s ease}.warp-row:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #00000029;border-color:var(--gold-2)}.warp-row:disabled{cursor:default}.warp-row{animation:warpRowIn .3s cubic-bezier(.34,1.2,.5,1) both}@keyframes warpRowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.warp-row .wr-logo{flex:0 0 auto;width:58px;height:40px;object-fit:contain;object-position:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.warp-row .wr-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.2}.warp-row .wr-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warp-row .wr-lv{font-family:var(--font-mono);font-weight:700;font-size:11px;color:var(--gold-deep);margin-top:1px}.warp-row .wr-town-lbl{color:#2f9e44}.warp-row .wr-arrow{flex:0 0 auto;font-size:22px;font-weight:800;color:#c08a4a;padding-right:2px}.warp-row .wr-here{flex:0 0 auto;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(180deg,#a9713a,#7c4a1e);border-radius:8px;padding:3px 9px}.warp-row .wr-lock{flex:0 0 auto;display:inline-flex;align-items:center}.warp-row .wr-lock img{width:18px;height:18px;opacity:.85}.warp-row.locked{background:#e4d6bc66;border-color:#c08a4a47}.warp-row.locked .wr-logo{opacity:.4;filter:grayscale(.55)}.warp-row.locked .wr-name{color:#8a6a45}.warp-row.locked .wr-lv{color:var(--hp-2)}.warp-row.here{background:#fff0c8b3;border-color:#ffc23d99}.sc-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:var(--ink);text-align:center}.sc-grade{font-size:12px;font-weight:800}.sc-warn{font-size:12px;font-weight:700;color:#e05555;background:#e055551a;border:1px dashed rgba(224,85,85,.45);border-radius:10px;padding:8px 10px;text-align:center}#sc-ok{background:linear-gradient(180deg,#ff8a7a,#e05555);border-color:#c94848}.set-lang{display:flex;gap:6px;margin-left:auto}#stat-tip{position:fixed;max-width:250px;background:#140832f2;color:#fff8e0;border:1px solid rgba(255,213,107,.5);font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:12px;line-height:1.45;padding:7px 11px;border-radius:10px;pointer-events:none;opacity:0;transition:opacity .1s;box-shadow:0 4px 12px #0006;z-index:300}#stat-tip.show{opacity:1}.craft-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;border-radius:11px;background:#140832e0;border:1px solid rgba(255,213,107,.45);margin-bottom:8px}.craft-note .cn-txt{font-size:12px;font-weight:700;color:#fff8e0}.craft-note .cn-grades{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.craft-note .cn-chip{font-size:12px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.55)}.craft-note .cn-arrow{color:#fff8e080;font-weight:800}.sv-hint{font-size:12px;color:var(--muted);padding-top:8px}.sv-row{position:relative;cursor:pointer}.sv-row.sv-sel{border-color:var(--gold-deep);box-shadow:0 0 0 2px #c08a4a59,inset 0 -2px #c08a4a38;background:linear-gradient(180deg,#fff7e2,var(--paper-2))}.sv-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--gold-deep);background:#fff;flex:0 0 auto}.sv-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:8px;padding-bottom:12px}.sv-count{font-weight:800;color:var(--ink)}.sv-possible{font-weight:800;font-size:13px;color:var(--ink)}.sv-gains{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.sv-gain{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:10px;padding:5px 9px;background:linear-gradient(180deg,#fff,var(--paper-2))}.sv-gain img{width:30px;height:30px;object-fit:contain}.svg-name{font-weight:800;font-size:13px;flex:1}.svg-qty{font-weight:800;font-size:12px;color:var(--gold-deep)}.svg-pct{font-size:11px;font-weight:800;color:var(--muted)}.sv-note{font-size:11px;color:var(--muted)}.svg-base{text-decoration:line-through;opacity:.55}.svg-up{color:#2e9e46;font-weight:800}.sv-charm-note{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.sv-charm-note.on{color:#2e9e46;font-weight:800}.sv-charm-note .svc-ic{width:20px;height:20px;object-fit:contain}.hud-tr{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.top-actions{position:fixed;top:50px;right:240px;z-index:40;display:flex;flex-direction:row;align-items:flex-start;gap:6px;flex-wrap:wrap;justify-content:flex-end;width:334px;max-width:calc(100vw - 268px);row-gap:4px}@media (max-width: 620px){.top-actions{right:12px;top:250px;max-width:calc(100vw - 24px)}}.topnav{position:relative;width:62px;height:auto;padding:0;background:#0000004d;border:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;-webkit-border-radius:50%;border-radius:50%;gap:3px;cursor:pointer}.topnav-ic{position:relative;width:50px;height:50px;transition:transform .1s ease}.topnav .navicon{margin:5px auto 0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55));animation:topBob 3.6s ease-in-out infinite}.topnav-label{font-size:11px;font-weight:800;line-height:1;color:#fff8e0;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.5);white-space:nowrap;letter-spacing:.01em}@keyframes topBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.top-actions .topnav:nth-child(2) .navicon{animation-delay:.5s}.top-actions .topnav:nth-child(3) .navicon{animation-delay:1s}.topnav:hover{transform:none}.topnav:hover .topnav-ic{transform:translateY(-2px) scale(1.1)}.topnav:active .topnav-ic{transform:translateY(1px) scale(.94)}.topnav.has-noti .topnav-ic:before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:50%;background:radial-gradient(circle,#ff78afa6,#ff78af00 70%);animation:notiGlow 1.4s ease-in-out infinite}@keyframes notiGlow{0%,to{transform:scale(.8);opacity:.45}50%{transform:scale(1.2);opacity:.95}}.topnav.has-noti .navicon{animation:notiWiggle 1.4s ease-in-out infinite}@keyframes notiWiggle{0%,55%,to{transform:rotate(0) translateY(0)}62%{transform:rotate(-11deg)}70%{transform:rotate(9deg)}78%{transform:rotate(-6deg)}86%{transform:rotate(3deg)}}.top-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:linear-gradient(180deg,var(--hp),var(--hp-2));border:2px solid #fff;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px #ff386399;animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}#panel-mail{width:min(680px,95vw)}#panel-mail .ptitle,#panel-market .ptitle{margin-right:auto}.mail-body{display:grid;grid-template-columns:40% 60%;gap:10px;padding:12px 16px 14px}.mail-list{max-height:52vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.mail-row{padding:8px 10px;border-radius:12px;cursor:pointer;background:#ffffff73;border:2px solid transparent}.mail-row:hover{background:#fff8e6}.mail-row.sel{border-color:var(--gold-2);background:#fff8e6}.mail-row.unread .mail-sender:before{content:"●";color:var(--hp-2);margin-right:5px;font-size:10px}.mail-r-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.mail-sender{font-weight:700;color:var(--ink);font-size:13px}.mail-exp{font-size:11px;color:var(--muted)}.mail-r-sub{font-size:12.5px;color:var(--ink-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-att-ic{width:14px;height:14px;vertical-align:-2px;margin-right:3px}.mail-detail{min-height:200px;max-height:52vh;overflow-y:auto;background:#fff6;border-radius:14px;padding:12px 14px}.mail-d-sub{font-size:17px;font-weight:700;color:var(--ink);font-family:var(--font-display);letter-spacing:var(--display-tracking)}.mail-d-from,.mail-d-exp{font-size:12px;color:var(--muted);margin-top:2px}.mail-d-body{margin:10px 0;color:var(--ink-2);font-size:14px;line-height:1.55}.game-richtext{overflow-wrap:anywhere}.game-richtext>:first-child{margin-top:0}.game-richtext>:last-child{margin-bottom:0}.game-richtext p{margin:.7em 0}.game-richtext h2,.game-richtext h3,.game-richtext h4{margin:.9em 0 .4em;color:var(--ink);font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;line-height:1.3}.game-richtext h2{font-size:17px}.game-richtext h3{font-size:15.5px}.game-richtext h4{font-size:14.5px}.game-richtext ul,.game-richtext ol{margin:.75em 0;padding-left:1.5em}.game-richtext li+li{margin-top:.3em}.game-richtext strong{color:var(--ink);font-weight:800}.game-richtext blockquote{margin:.8em 0;padding:8px 10px;border-left:3px solid var(--gold-2);border-radius:0 9px 9px 0;color:var(--ink-2);background:#ffd56b29}.game-richtext code{padding:1px 5px;border:1px solid rgba(192,138,74,.32);border-radius:5px;color:var(--gold-deep);background:#fff9;font:700 .88em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.game-richtext a{color:#287ca5;font-weight:700;text-decoration:underline;text-underline-offset:2px}.game-richtext hr{height:1px;margin:.9em 0;border:0;background:#c08a4a52}.game-md-asset{display:flex;align-items:center;flex-direction:column;margin:.9em 0;padding:10px;border:1px solid rgba(192,138,74,.3);border-radius:12px;background:radial-gradient(circle at 50% 42%,#ffffffe0,#ffe19f2e)}.game-md-asset img{width:auto;max-width:min(190px,100%);height:auto;max-height:170px;object-fit:contain}.game-md-asset--item img{width:72px;height:72px}.game-md-asset--news img,.game-md-asset--external img{width:100%;max-width:100%;max-height:300px;border-radius:9px;object-fit:cover}.game-md-asset figcaption{margin-top:6px;color:var(--muted);font-size:11.5px;font-weight:700;text-align:center}.game-md-columns{display:grid;gap:9px;margin:.9em 0}.game-md-columns--2{grid-template-columns:repeat(2,minmax(0,1fr))}.game-md-columns--3{grid-template-columns:repeat(3,minmax(0,1fr))}.game-md-column{min-width:0;padding:10px;border:1px solid rgba(192,138,74,.28);border-radius:11px;background:linear-gradient(145deg,#ffffffa3,#ffe5ae33)}.game-md-column>:first-child{margin-top:0}.game-md-column>:last-child{margin-bottom:0}.mail-d-body .game-md-columns--3{grid-template-columns:1fr}.mail-d-meta{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}.mail-d-from{font-size:12px;color:var(--muted)}.mail-d-exp{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--gold-deep);background:#ffd56b38;border:1px solid rgba(192,138,74,.4);border-radius:999px;padding:1px 9px 1px 5px}.mail-exp-ic{width:15px;height:15px;display:block}.mail-d-atts{margin-top:12px;padding:12px;border-radius:14px;background:#ffffff73;border:2px solid rgba(192,138,74,.32)}.mail-d-atts-h{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:9px;text-transform:none}.mail-money-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.mail-money{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:12px;font-family:var(--font-mono);font-weight:800;font-size:15px}.mail-money b{font-size:16px}.mail-money .mm-tag{font-size:11px;font-weight:800;opacity:.8}.mm-gold{background:linear-gradient(180deg,#fff2c4,var(--gold));color:var(--gold-deep);border:2px solid var(--gold-deep);box-shadow:inset 0 1px #fff9}.mm-lmp{background:linear-gradient(180deg,#efe4ff,#d9c6ff);color:#4d31a8;border:2px solid #6a4fc0}.mm-lmp-ic{width:20px;height:20px}.mail-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.mail-item{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:11px;background:#fff8e6;border:2px solid rgba(192,138,74,.4)}.mail-item-ic{position:relative;width:38px;height:38px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:#fffdf3;border:2px solid var(--line)}.mail-item-ic>img{width:30px;height:30px;object-fit:contain}.mail-item-qty{position:absolute;right:-4px;bottom:-4px;background:var(--ink);color:#fff;font-size:10px;font-weight:800;padding:0 4px;border-radius:7px}.mail-item-nm{font-size:13px;font-weight:700;color:var(--ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-d-actions{display:flex;gap:8px;margin-top:14px;align-items:center}.mail-claimed-tag{color:var(--muted);font-size:12px}#panel-market{width:min(720px,96vw)}.mk-tabs{display:flex;gap:5px;padding:12px 16px 2px}.mk-tab{flex:1;padding:9px 4px;border-radius:12px;cursor:pointer;border:2px solid transparent;background:#c08a4a24;color:var(--ink-2);font-weight:800;font-size:13px;transition:transform .08s ease,background .12s ease}.mk-tab:hover{background:#c08a4a42}.mk-tab.active{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:var(--ink);border-color:var(--gold-deep);box-shadow:0 3px 0 var(--gold-deep),0 5px 11px #b8741e59;transform:translateY(-1px)}.mk-toolbar{display:flex;gap:8px;padding:12px 16px 6px;align-items:center}.mk-search-wrap{position:relative;flex:1;display:flex;align-items:center}.mk-search-ic{position:absolute;left:11px;width:20px;height:20px;opacity:.75;pointer-events:none}.mk-search-wrap .mk-search{flex:1;padding:11px 14px 11px 42px}.mk-sort{flex:0 0 auto;min-width:134px;font:inherit;font-weight:700;color:var(--ink);padding:11px 34px 11px 14px;border-radius:12px;border:2px solid var(--line);background-color:#fff8e6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%235a3b18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:inset 0 2px #c08a4a26;outline:none}.mk-sort:hover{border-color:var(--gold-2)}.mk-sort:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #f4a83a4d}.mk-sort option{font-weight:700}.mk-stall-bar{padding:8px 16px}.mk-stall-build{display:flex;gap:8px;align-items:center}.mk-stall-build .field{flex:1}.mk-cart{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mk-cart-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 9px;border-radius:9px;background:#fff8e6;border:2px solid var(--line);font-size:12px}.mk-cart-rm{border:none;background:var(--hp-2);color:#fff;width:16px;height:16px;border-radius:50%;cursor:pointer;line-height:1}.mk-hint,.mk-stalls-h{color:var(--muted);font-size:12.5px;padding:2px 0}.mk-list{max-height:50vh;min-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px 16px 4px}.mk-empty{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;color:var(--muted);text-align:center}.mk-empty-ic{width:66px;height:66px;opacity:.6;animation:topBob 3.6s ease-in-out infinite}.mk-empty-t{font-size:14px;font-weight:700;max-width:260px;line-height:1.5}.mk-row,.mk-sell-row,.mk-stall-card{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:12px;background:#ffffff80;border:2px solid rgba(192,138,74,.3)}.mk-stall-card{cursor:pointer}.mk-stall-card:hover{background:#fff8e6}.mk-pic{position:relative;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#fff8e6;border:2px solid var(--line)}.mk-pic>img{width:34px;height:34px;object-fit:contain}.mk-pic .qty{position:absolute;right:-3px;bottom:-3px;background:var(--ink);color:#fff;font-size:10px;padding:0 4px;border-radius:7px}.mk-info{flex:1;min-width:0}.mk-name{font-weight:700;color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-name.rar-common{color:var(--ink-2)}.mk-plus{color:var(--gold-2);font-weight:800;margin-right:3px}.mk-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}.mk-price{text-align:right;font-family:var(--font-mono);font-weight:800;color:var(--gold-deep);font-size:14px;flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;min-width:74px}.mk-amt{white-space:nowrap}.mk-unit{font-size:10px;color:var(--muted);font-weight:600}.mk-sell-fields{display:flex;align-items:center;gap:8px;margin-top:4px}.fld{display:flex;align-items:stretch;flex:1 1 0;min-width:0;border-radius:10px;border:2px solid var(--line);background:#fff;box-shadow:inset 0 2px #c08a4a26;overflow:hidden}.fld:focus-within{border-color:var(--gold-2);box-shadow:0 0 0 3px #f4a83a4d}.fld-cap{display:flex;align-items:center;padding:0 7px;font-size:11px;font-weight:700;color:var(--gold-deep);background:#f4a83a24;border-right:2px solid var(--line);white-space:nowrap;flex:0 0 auto;pointer-events:none}.fld>input.field{flex:1 1 0;min-width:0;width:auto;border:none;border-radius:0;background:transparent;box-shadow:none;padding:5px 8px;font-size:12px;text-align:right}.fld>input.field:focus{border:none;box-shadow:none}.mk-sell-acts{display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto}.mk-sell-acts .btn{white-space:nowrap}.mk-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px 12px}.mk-pageno{font-size:13px;color:var(--ink-2);font-weight:700}.mk-stall-ic{width:42px;height:42px;display:grid;place-items:center}.mk-stall-cart{width:28px;height:28px}.mk-stall-detail-head{display:flex;align-items:center;gap:8px;padding:4px 0 8px}.mk-stall-open{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700}.rar-common{color:var(--r-common)}.rar-uncommon{color:var(--r-uncommon)}.rar-rare{color:var(--r-rare)}.rar-epic{color:var(--r-epic)}.rar-legendary{color:var(--r-legend)}.rar-mythic{color:var(--r-mythic)}.news-modal{position:absolute;inset:0;display:none;place-items:center;background:#120a368c;backdrop-filter:blur(3px);z-index:240;pointer-events:auto}.news-modal.show{display:grid}.news-box{width:min(560px,94vw);max-height:84vh;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#fff8e0,var(--paper) 60%,var(--paper-2));border:3px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 44px #1c0c3c8c}.news-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:2px dashed rgba(192,138,74,.45)}.news-ic{width:30px;height:30px}.news-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:20px;color:var(--ink);margin-right:auto}.news-carousel{position:relative;overflow:hidden;margin:12px 18px 6px;border-radius:16px;border:2px solid rgba(192,138,74,.3);background:#ffffff80}.news-track{display:flex;transition:transform .45s cubic-bezier(.22,.9,.3,1)}.news-slide{flex-shrink:0;display:flex;flex-direction:column}.news-slide:hover .news-post-title{color:var(--gold-deep)}.news-img{height:190px;background-size:cover;background-position:center;flex-shrink:0}.news-img.noimg{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f3e6ff,#ffe9f4)}.news-img.noimg img{width:64px;height:64px;opacity:.6}.news-readmore{margin-top:8px;font-size:12px;font-weight:800;color:var(--violet-2)}.news-slide:hover .news-readmore{text-decoration:underline}.news-nav{position:absolute;top:82px;width:34px;height:34px;border-radius:50%;border:2px solid rgba(192,138,74,.55);background:#fffcf0eb;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #3c1e0a40}.news-nav:hover{background:#fff}.news-nav.prev{left:10px}.news-nav.next{right:10px}.hud-chev.nleft{transform:rotate(135deg);border-color:var(--gold-deep);margin-left:3px}.hud-chev.nright{transform:rotate(-45deg);border-color:var(--gold-deep);margin-right:3px}.news-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}.news-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(120,80,30,.5);background:#ffffffbf;cursor:pointer;padding:0}.news-dot.on{background:var(--gold-2);border-color:var(--gold-deep);transform:scale(1.15)}.news-post-body{padding:12px 14px 22px}.news-cat{display:inline-block;font-size:11px;font-weight:800;padding:2px 9px;border-radius:9px;color:#fff;margin-bottom:6px}.news-cat-news{background:var(--violet-2)}.news-cat-event{background:var(--pink-d)}.news-cat-update{background:var(--mp-2)}.news-cat-maintenance{background:var(--gold-2);color:var(--ink)}.news-post-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:17px;color:var(--ink)}.news-post-sum{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-top:4px}.news-foot{padding:10px 18px 14px;border-top:2px dashed rgba(192,138,74,.35)}.news-dont{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px;cursor:pointer}@media (max-width: 640px){.mail-d-body .game-md-columns,.mail-body{grid-template-columns:1fr}.mail-list{max-height:24vh}}.stall-box{width:min(560px,94vw);max-height:86vh;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#fff8e0,var(--paper) 60%,var(--paper-2));border:3px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 44px #1c0c3c8c}.stall-body{flex:1 1 auto;min-height:0;overflow:hidden;padding:12px 18px;display:flex;flex-direction:column;gap:10px}.stall-box>.news-head,.stall-foot{flex:0 0 auto}.stall-box2{border:2px solid rgba(192,138,74,.45);border-radius:14px;background:#fff6;display:flex;flex-direction:column;min-height:0;overflow:hidden}.stall-box2-h{font-size:13px;font-weight:800;color:var(--ink-2);padding:8px 12px;border-bottom:2px dashed rgba(192,138,74,.35);flex:0 0 auto}.stall-cart-box{flex:0 0 auto;max-height:34%}.stall-pick-box{flex:1 1 auto}.stall-cart,.stall-pick{min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.stall-cart{min-height:44px}.stall-hint{font-size:12.5px;color:var(--muted)}.stall-name{width:100%}.stall-sec-h{font-size:13px;font-weight:800;color:var(--ink-2);margin-top:2px}.stall-cart-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:#fff8e6;border:2px solid var(--line)}.stall-cart-row img{width:30px;height:30px;object-fit:contain}.scr-name{font-weight:700;color:var(--ink);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scr-meta{font-family:var(--font-mono);font-weight:700;color:var(--gold-deep);font-size:12px}.stall-pick-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#ffffff80;border:2px solid rgba(192,138,74,.3)}.stall-fields{display:flex;align-items:center;gap:8px;margin-top:4px}.stall-empty{color:var(--muted);font-size:12.5px;padding:8px 0;text-align:center}.stall-foot{padding:12px 18px;border-top:2px dashed rgba(192,138,74,.4);text-align:center}.stall-open{min-width:160px}.stall-open:disabled{opacity:.5;cursor:default}#panel-mystall{width:min(560px,95vw)}#panel-mystall .ptitle{margin-right:8px}.ms-earn-head{margin-left:auto;font-size:13px}.ms-earn-head #ms-earnings{color:var(--gold-deep)}.ms-body{padding:12px 16px;display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.ms-sec-h{font-size:13px;font-weight:800;color:var(--ink-2);margin-top:4px}.ms-list{display:flex;flex-direction:column;gap:6px}.ms-sold-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:#79c3281f;border:2px solid rgba(121,195,40,.3)}.mk-pic.sm{width:34px;height:34px}.mk-pic.sm>img{width:26px;height:26px}.ms-net b{color:var(--xp-2)}.ms-foot{padding:12px 16px;border-top:2px dashed rgba(192,138,74,.4);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.ms-switch-note{flex-basis:100%;text-align:center;font-size:11.5px;color:var(--muted)}.ms-open-wrap{text-align:center;padding:4px 0 10px}.ms-open-btn{min-width:200px}.confirm-box,.buy-box{width:min(400px,92vw);padding:20px 22px;background:radial-gradient(120% 80% at 50% 0%,#fff8e0,var(--paper) 60%,var(--paper-2));border:3px solid var(--line);border-radius:20px;box-shadow:0 18px 44px #1c0c3c8c;color:var(--ink)}.confirm-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:19px;margin-bottom:6px}.confirm-msg{color:var(--ink-2);font-size:14px;line-height:1.55;white-space:pre-line}.confirm-acts{display:flex;gap:10px;justify-content:center;margin-top:18px}.confirm-acts .btn{min-width:108px}.buy-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.buy-pic{width:52px;height:52px;flex:0 0 auto}.buy-pic img{width:40px;height:40px;object-fit:contain}.buy-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:17px}.buy-qty-row,.buy-total-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.buy-lbl{font-weight:700;color:var(--ink-2)}.buy-stepper{display:flex;align-items:center;gap:6px}.buy-stepper .btn{min-width:34px;padding:6px 8px}.buy-stepper input{width:84px;text-align:center;padding:8px}.buy-total{font-family:var(--font-mono);font-weight:800;font-size:18px;color:var(--gold-deep)}#panel-board{width:min(820px,96vw)}#panel-board .gm-opt-id{display:none}#panel-board .mk-list{padding-left:15px;padding-right:15px}#panel-board .bd-list{display:flex;flex-direction:column;gap:6px;padding-left:0;padding-right:0}.bd-row{align-items:center}.bd-row .bd-action{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}.bd-lv{font-size:11px;opacity:.75;margin-left:6px}.bd-objs{margin-top:2px}.bd-obj{font-size:12px;opacity:.85}.bd-prog{opacity:.8}.bd-prog.ok{color:#7fe08a;font-weight:700}.bd-rews{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.bd-rew{font-size:11px;background:#ffffff14;border-radius:8px;padding:2px 7px}.bd-rew-item{display:inline-flex;align-items:center;gap:3px}.bd-rew-item img{width:14px;height:14px;object-fit:contain}.bd-rew-exp{display:inline-flex;align-items:center;gap:4px;font-weight:700}.bd-rew-exp img{width:auto;height:13px;object-fit:contain}.bd-rew-gold{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#7a4a10}.bd-rew-gold:before{content:"G";flex:0 0 auto;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffcf47 45%,#e8a41e 76%,#b8741e);border:1px solid #9a5f14;color:#7a4a10;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:8px;box-shadow:inset 0 1px 1px #ffffffbf;text-shadow:0 1px 0 rgba(255,255,255,.4)}.bd-lock{font-size:11px;opacity:.6;white-space:nowrap}.bd-locked{opacity:.55}.bd-req{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;flex:1;padding:2px}.bd-create{background:#ffffff0d;border-radius:10px;padding:8px 0}.bd-sec-h{font-weight:700;font-size:12px;opacity:.85;margin:4px 0 2px}.bd-form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.bd-item{flex:2 1 160px;min-width:140px}.bd-qty{flex:0 0 70px;width:70px}.bd-reward{flex:1 0 110px;min-width:100px}.bd-fee-note{font-size:11px;opacity:.7;margin-top:4px}.bd-req .mk-list{flex:none;overflow:visible}#panel-board #bd-hunt{padding:10px 15px}.hud-tl .vitals{box-sizing:border-box;width:288px;padding-left:28px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hud-tl .vitals .name{color:#fff;text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.95),1px 0 2px rgba(0,0,0,.7),-1px 0 2px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.55)}.hud-tl .vitals .lv{color:#3f2405;background:linear-gradient(180deg,#ffe89c,#ffca55);border:1.5px solid rgba(150,92,20,.85);border-radius:999px;padding:1.5px 9px;font-size:13px;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.55);box-shadow:inset 0 1px #fffc,0 1px 3px #3c220666}.hud-tl .bar{background:#0c061e57;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 5px #00000038}.hud-tl .bar>span{position:relative;z-index:1;box-shadow:inset 0 2px #ffffff73,inset 0 -2px 2px #0000001f,0 0 8px -2px #fff6}.hud-tl .bar .ghost{position:absolute;left:0;top:0;height:100%;width:0;z-index:0;border-radius:6px;background:#ffffff8c;transition:width .55s cubic-bezier(.3,0,.2,1) .2s;pointer-events:none}.hud-tl .bar:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.2) calc(10% - 1px) 10%)}.hud-tl .bar .lbl{z-index:3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.7)}.hud-profile{--pf-main: #d9a23a;--pf-light: #fff0a0;--pf-deep: #75420f;--pf-bg: #fff3d4;--pf-rune: "✦"}.profile-frame{position:absolute;inset:2px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--pf-deep) 88%,#25140b);border-radius:50%;padding:6px;background:radial-gradient(circle at 28% 18%,#fff 0 2px,transparent 3px),conic-gradient(from -10deg,var(--pf-light) 0 13deg,var(--pf-main) 13deg 42deg,var(--pf-deep) 42deg 49deg,var(--pf-light) 49deg 92deg,var(--pf-main) 92deg 136deg,var(--pf-deep) 136deg 143deg,var(--pf-light) 143deg 188deg,var(--pf-main) 188deg 228deg,var(--pf-deep) 228deg 235deg,var(--pf-light) 235deg 278deg,var(--pf-main) 278deg 318deg,var(--pf-deep) 318deg 325deg,var(--pf-light) 325deg 360deg);box-shadow:0 0 0 2px color-mix(in srgb,var(--pf-light) 66%,white),0 0 0 4px color-mix(in srgb,var(--pf-deep) 74%,transparent),0 6px 14px #361d0961}.profile-frame:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.78);border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pf-deep) 46%,transparent);pointer-events:none}.profile-frame:after{content:"";position:absolute;top:50%;left:-1px;width:7px;height:7px;border:1px solid var(--pf-deep);border-radius:2px;background:linear-gradient(135deg,#fff,var(--pf-light) 45%,var(--pf-main));box-shadow:69px 0 0 -1px var(--pf-light);transform:translateY(-50%) rotate(45deg)}.profile-inner{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;border:2px solid color-mix(in srgb,var(--pf-deep) 58%,#fff);border-radius:50%;background:radial-gradient(circle at 50% 28%,#fff 0%,var(--pf-bg) 58%,var(--pf-light) 100%);box-shadow:inset 0 -5px 9px color-mix(in srgb,var(--pf-main) 18%,transparent),inset 0 2px 3px #ffffffdb}.profile-rune{position:absolute;top:-4px;left:-4px;z-index:4;display:grid;place-items:center;width:25px;height:25px;border:2px solid color-mix(in srgb,var(--pf-deep) 78%,#24120a);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,var(--pf-light),var(--pf-main) 52%,var(--pf-deep));box-shadow:inset 0 1px 1px #ffffffd9,0 2px 5px #2d180757;font:900 14px/1 Georgia,serif;text-shadow:0 1px 1px var(--pf-deep)}.profile-rune:before{content:var(--pf-rune)}.profile-crest{position:absolute;right:-4px;bottom:-4px;z-index:5;box-sizing:border-box;width:29px;height:29px;border:2px solid color-mix(in srgb,var(--pf-deep) 76%,#21120a);border-radius:50%;padding:2px;background:linear-gradient(145deg,#fff,var(--pf-light));box-shadow:inset 0 0 0 1px #ffffffd1,0 3px 7px #2d180761;object-fit:contain}.hud-profile:before{content:"";position:absolute;inset:-7px;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pf-main) 30%,transparent),transparent 68%);filter:blur(3px)}.hud-profile[data-tier="2"] .profile-frame{box-shadow:0 0 0 2px color-mix(in srgb,var(--pf-light) 72%,white),0 0 0 4px var(--pf-deep),0 0 0 6px color-mix(in srgb,var(--pf-main) 52%,transparent),0 6px 16px #361d096b}.hud-profile[data-tier="2"] .profile-rune{box-shadow:inset 0 1px 1px #ffffffe6,0 0 0 2px color-mix(in srgb,var(--pf-light) 54%,transparent),0 2px 6px #2d180766}.hud-profile[data-class=warrior]{--pf-main: #e6a63a;--pf-light: #fff2a6;--pf-deep: #754112;--pf-bg: #e8f4ff;--pf-rune: "✦"}.hud-profile[data-class=rogue]{--pf-main: #d65b9b;--pf-light: #ffc3dc;--pf-deep: #65183f;--pf-bg: #fff0f7;--pf-rune: "◆"}.hud-profile[data-class=mage]{--pf-main: #c45bc1;--pf-light: #ffd0f1;--pf-deep: #5e236b;--pf-bg: #f3eaff;--pf-rune: "✿"}.hud-profile[data-class=healer]{--pf-main: #60bdca;--pf-light: #e1ffff;--pf-deep: #236875;--pf-bg: #edffff;--pf-rune: "☽"}.hud-profile[data-class=archer]{--pf-main: #78b84f;--pf-light: #e4f7a6;--pf-deep: #355f24;--pf-bg: #efffe2;--pf-rune: "❧"}.hud-profile[data-class=engineer]{--pf-main: #d7843b;--pf-light: #ffe2a4;--pf-deep: #703708;--pf-bg: #fff3dc;--pf-rune: "⚙"}.hud-profile[data-class=paladin]{--pf-main: #e7c14e;--pf-light: #fffbd0;--pf-deep: #806014;--pf-bg: #f2fbff;--pf-rune: "✧"}.hud-profile[data-class=nightblade]{--pf-main: #8056db;--pf-light: #cbb8ff;--pf-deep: #2c175f;--pf-bg: #eeeaff;--pf-rune: "☾"}.hud-profile[data-class=wizard]{--pf-main: #657ce6;--pf-light: #c8dcff;--pf-deep: #282869;--pf-bg: #e9f0ff;--pf-rune: "✣"}.hud-profile[data-class=priest]{--pf-main: #a77bdd;--pf-light: #fff3bc;--pf-deep: #573b82;--pf-bg: #fbf5ff;--pf-rune: "✢"}.hud-profile[data-class=windstalker]{--pf-main: #36ad98;--pf-light: #c4fff1;--pf-deep: #175e58;--pf-bg: #e5fffa;--pf-rune: "➶"}.hud-profile[data-class=mechanic]{--pf-main: #3b9fc7;--pf-light: #b9f3ff;--pf-deep: #174e69;--pf-bg: #e6faff;--pf-rune: "⚙"}.cs-delete{margin-left:auto}.cs-head #btn-logout{margin-left:8px}.cdel-card{max-width:460px}.cdel-title{color:#c0392b}.cdel-who{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;margin:6px 0 2px}.cdel-who .crest{width:20px;height:20px}.cdel-body{text-align:left;display:flex;flex-direction:column;gap:8px}.cdel-warn{color:#c0392b;font-weight:700}.cdel-bank{background:#ffd68259;border:1px dashed rgba(122,74,16,.45);border-radius:8px;padding:8px 10px}.cdel-note{font-size:12px;opacity:.85}.cdel-input{width:100%;box-sizing:border-box;margin-top:10px}.cdel-count-msg{margin-top:10px;font-weight:700}.cdel-secs{font-size:44px;font-weight:800;color:#c0392b;line-height:1.1;margin:6px 0 2px;font-variant-numeric:tabular-nums}.bank-gold-box{margin:10px 14px 0;padding:10px 12px;border:1px dashed rgba(122,74,16,.45);border-radius:10px;background:#ffd68238;display:flex;flex-direction:column;gap:6px}.bank-gold-line{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.bank-gold-ctl{display:flex;gap:6px;align-items:center;margin-top:2px}.bank-gold-ctl .field{flex:1;min-width:0;box-sizing:border-box}.tut{position:fixed;inset:0;z-index:260;display:none}.tut.show{display:block}.tut-hl{position:absolute;border-radius:14px;border:3px solid #ffd66a;box-shadow:0 0 0 4px #ffd66a59,0 0 0 9999px #1e180e9e;transition:all .25s ease;pointer-events:none}.tut-card{position:absolute;left:50%;transform:translate(-50%);bottom:16vh;display:flex;align-items:flex-end;gap:12px;max-width:560px;width:calc(100% - 48px)}.tut-npc{height:190px;filter:drop-shadow(0 6px 12px rgba(40,24,4,.45))}.tut-bodywrap{flex:1;background:radial-gradient(120% 100% at 50% 0%,#fffdf2,#ffe9c0);border-radius:14px;box-shadow:0 0 0 2px #7a4a108c,inset 0 0 0 2px #ffffffb3,0 8px 18px #1e120473;padding:14px 16px 12px}.tut-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:18px;color:var(--ink);margin-bottom:4px}.tut-text{font-size:14px;line-height:1.55;color:var(--ink)}.tut-dots{margin:10px 0 2px}.tut-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.navbtn{position:relative}.hud-br .navbtn{--bubble-rgb: 255, 199, 100;flex:0 0 auto;width:var(--nav-bubble);height:var(--nav-bubble);padding:clamp(2px,.35vh,4px);pointer-events:auto;border:1.5px solid rgba(255,255,255,.92);border-radius:50%;background:radial-gradient(circle at 31% 22%,rgba(255,255,255,.98) 0 7%,rgba(255,255,255,.58) 8% 15%,transparent 16%),radial-gradient(circle at 46% 42%,#ffffffe0,rgba(var(--bubble-rgb),.3) 64%,rgba(var(--bubble-rgb),.58));box-shadow:0 0 0 2px rgba(var(--bubble-rgb),.5),0 5px 14px #452c1833,inset 0 1px 4px #ffffffeb,inset 0 -4px 9px rgba(var(--bubble-rgb),.2);backdrop-filter:blur(3px) saturate(1.12);-webkit-backdrop-filter:blur(3px) saturate(1.12);transition:transform .16s cubic-bezier(.2,.85,.3,1.25),box-shadow .16s ease,filter .16s ease}.hud-br #btn-bag{--bubble-rgb: 255, 190, 82}.hud-br #btn-party{--bubble-rgb: 255, 151, 184}.hud-br #btn-char{--bubble-rgb: 255, 173, 126}.hud-br #btn-skills{--bubble-rgb: 184, 137, 255}.hud-br #btn-map{--bubble-rgb: 104, 215, 210}.hud-br #btn-guild{--bubble-rgb: 116, 173, 255}.hud-br #btn-mute{--bubble-rgb: 133, 218, 178}.hud-br #btn-gm{--bubble-rgb: 255, 214, 103}.hud-br #btn-settings{--bubble-rgb: 177, 160, 231}.hud-br .navbtn .navicon{width:100%;height:100%;filter:drop-shadow(0 2px 2px rgba(77,42,14,.3)) drop-shadow(0 0 3px rgba(255,255,255,.74));transition:transform .16s ease,filter .16s ease}.hud-br .navbtn:hover,.hud-br .navbtn:focus-visible{z-index:3;transform:translate(-7px) scale(1.09);filter:saturate(1.08) brightness(1.04);box-shadow:0 0 0 3px rgba(var(--bubble-rgb),.78),0 0 19px rgba(var(--bubble-rgb),.7),0 7px 17px #452c1838,inset 0 1px 5px #fffffffa}.hud-br .navbtn:hover .navicon,.hud-br .navbtn:focus-visible .navicon{transform:scale(1.04)}.hud-br .navbtn:active{transform:translate(-3px) scale(.96)}#ui-root:has(#panel-inv.show) #btn-bag,#ui-root:has(#panel-party.show) #btn-party,#ui-root:has(#panel-char.show) #btn-char,#ui-root:has(#panel-skills.show) #btn-skills,#ui-root:has(#panel-worldmap.show) #btn-map,#ui-root:has(#panel-guild.show) #btn-guild,#ui-root:has(#panel-gm.show) #btn-gm,#ui-root:has(#panel-settings.show) #btn-settings{z-index:2;transform:translate(-5px) scale(1.05);box-shadow:0 0 0 3px #ffbd3ee6,0 0 20px #ffc952c7,0 6px 16px #452c1838,inset 0 1px 5px #fffffffa}.hud-br .iconbtn[data-tip]:after,.nav-toggle[data-tip]:after{top:50%;right:calc(100% + 12px);bottom:auto;left:auto;transform:translate(5px) translateY(-50%);color:#5a3717;background:#fff9e2f5;border-color:rgba(var(--bubble-rgb),.78);box-shadow:0 4px 12px #3e241033,inset 0 1px #ffffffe6;text-shadow:none}.hud-br .iconbtn[data-tip]:before,.nav-toggle[data-tip]:before{top:50%;right:calc(100% + 2px);bottom:auto;left:auto;transform:translateY(-50%);border:6px solid transparent;border-left-color:#fff9e2f5}.hud-br .iconbtn[data-tip]:hover:after,.nav-toggle[data-tip]:hover:after{transform:translate(0) translateY(-50%)}@media (prefers-reduced-motion: reduce){.hud-br .navbtn,.hud-br .navbtn .navicon,.nav-toggle,.nav-toggle-ic,.nav-toggle-chev{transition:none}.hud-br.nav-in .navbtn,.hud-br.nav-out .navbtn,.nav-toggle.ping .nav-toggle-ring,.nav-update .navicon,.nav-update .upd-dot{animation:none}.hud-br.nav-out .navbtn{opacity:0}}.nav-alert{position:absolute;top:-7px;right:-6px;width:22px;height:22px;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(60,30,0,.45));animation:navAlertBounce 1.1s ease-in-out infinite;z-index:2}@keyframes navAlertBounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-5px) scale(1.12)}45%{transform:translateY(0) scale(.96)}60%{transform:translateY(-2px) scale(1.04)}75%{transform:translateY(0) scale(1)}}.jn-next{border:2px solid var(--line);border-radius:12px;padding:9px 11px;margin-top:10px;background:linear-gradient(180deg,#fff5d2,#ffe5a8)}.jn-next.locked{border-style:dashed;background:linear-gradient(180deg,#fdf7ea,#f3e9d4)}.jn-next-head{display:flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:700;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}.jn-next-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:14px;color:var(--ink);margin:2px 0 5px}.jn-gate-line{font-size:12.5px;line-height:1.5;color:var(--ink)}.jn-gate-line b{color:var(--gold-deep)}.jn-gate-bar{position:relative;height:17px;border-radius:999px;background:#eee3ca;border:1.5px solid var(--line);margin-top:6px;overflow:hidden}.jn-gate-bar.big{height:21px;margin:10px 0}.jn-gate-bar span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#c5f06a,#79c328);border-radius:999px;transition:width .3s ease}.jn-gate-bar b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(255,255,255,.9),1px 0 0 rgba(255,255,255,.9),-1px 0 0 rgba(255,255,255,.9),0 0 4px rgba(255,255,255,.75)}.jn-gate-hint{font-size:12.5px;color:var(--ink-2);margin-top:7px;line-height:1.6}.jn-grind{margin-top:9px;border-top:1px dashed var(--line);padding-top:7px}.jn-grind-head{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:var(--ink-2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.jn-grind-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.jn-grind-row .qd-chip{flex:1;min-width:0}.jn-board{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-2);margin-top:4px}.jn-board:hover{color:var(--ink)}.jn-obj{display:flex;align-items:center;font-size:12px;font-weight:700;color:#2e7d32}.quest-tracker .jn-next,.quest-tracker .jn-next.locked{border:1.5px solid rgba(255,255,255,.28);background:#ffd56b33;box-shadow:none}.quest-tracker .jn-next-head{color:#fff}.quest-tracker .jn-next-name{color:#fff8e0}.quest-tracker .jn-obj{color:#b6f2b4}.quest-tracker .jn-next-head,.quest-tracker .jn-next-name,.quest-tracker .jn-obj{text-shadow:0 1px 0 rgba(16,6,34,.95),0 -1px 0 rgba(16,6,34,.95),1px 0 0 rgba(16,6,34,.95),-1px 0 0 rgba(16,6,34,.95),0 0 4px rgba(16,6,34,.9),0 2px 6px rgba(0,0,0,.55)}#cp-pop{position:fixed;left:50%;top:24%;width:0;height:0;pointer-events:none;z-index:620}#cp-pop .cp-card{position:absolute;left:50%;top:0;transform:translate(-50%,10px) scale(.86);display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 20px;opacity:0;transition:opacity .4s ease,transform .4s ease;will-change:transform,opacity}#cp-pop .cp-card:before{content:"";position:absolute;inset:-60px -40px;border-radius:50%;background:radial-gradient(closest-side,#ffd56b6b,#ffd56b00 72%);opacity:0;z-index:-1;will-change:transform,opacity}#cp-pop.show .cp-card{animation:cp-card-in .5s cubic-bezier(.18,1.5,.4,1) forwards}#cp-pop.show .cp-card:before{animation:cp-aura 2.8s ease-out forwards}@keyframes cp-card-in{0%{opacity:0;transform:translate(-50%,18px) scale(.7)}55%{opacity:1;transform:translate(-50%,-6px) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes cp-aura{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.4)}}.cp-badge-wrap{width:126px;height:126px;margin-bottom:-8px;pointer-events:none}.cp-badge{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(80,45,12,.5))}#cp-pop.show .cp-badge{animation:cp-badge-in .55s cubic-bezier(.18,1.7,.4,1) both,cp-badge-bob 2.2s ease-in-out .55s infinite}@keyframes cp-badge-in{0%{opacity:0;transform:scale(.3) rotate(-14deg)}60%{opacity:1;transform:scale(1.12) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes cp-badge-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-1.5deg)}}.cp-pop-label{font-family:var(--font-display, inherit);font-size:15px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#fff6d8;-webkit-text-stroke:3px #7a3f10;paint-order:stroke fill;text-shadow:0 2px 3px rgba(60,30,8,.55)}.cp-pop-num{font-family:var(--font-mono);font-size:46px;font-weight:800;line-height:1.02;color:#ffd140;-webkit-text-stroke:6px #6a3208;paint-order:stroke fill;text-shadow:0 3px 0 rgba(90,45,10,.6),0 0 18px rgba(255,200,90,.75)}.cp-pop-delta{display:inline-flex;align-items:center;gap:2px;margin-top:3px;font-family:var(--font-mono);font-size:17px;font-weight:800;color:#b9ffcf;-webkit-text-stroke:4px #145c30;paint-order:stroke fill;text-shadow:0 2px 2px rgba(20,60,30,.5)}.cp-arrow{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(80,45,12,.45))}#cp-pop.down .cp-card:before{background:radial-gradient(closest-side,#ff8ca066,#ff8ca000 72%)}#cp-pop.down .cp-badge{filter:drop-shadow(0 3px 7px rgba(120,55,65,.5))}#cp-pop.down .cp-pop-num{color:#ffe1e8;-webkit-text-stroke:6px #b23a52;text-shadow:0 3px 0 rgba(120,30,45,.55),0 0 18px rgba(255,130,150,.7)}#cp-pop.down .cp-pop-delta{color:#ffd4dd;-webkit-text-stroke:4px #b23a52;text-shadow:0 2px 2px rgba(90,25,35,.5)}.cp-spark{position:absolute;left:50%;top:12px;width:22px;height:22px;margin:-11px 0 0 -11px;opacity:0;pointer-events:none;will-change:transform,opacity}#cp-pop.show .cp-spark{animation:cp-spark-fly 1.15s ease-out forwards}.cp-spark.s0{--dx: -120px;--dy: -46px;--sc: 1.1;animation-delay:.05s}.cp-spark.s1{--dx: 120px;--dy: -40px;--sc: .9;animation-delay:.12s}.cp-spark.s2{--dx: -150px;--dy: 36px;--sc: 1.25;animation-delay:0s}.cp-spark.s3{--dx: 150px;--dy: 40px;--sc: 1;animation-delay:.16s}.cp-spark.s4{--dx: -64px;--dy: -78px;--sc: .8;animation-delay:.2s}.cp-spark.s5{--dx: 72px;--dy: -74px;--sc: 1.15;animation-delay:.09s}.cp-spark.s6{--dx: 0px;--dy: -96px;--sc: .95;animation-delay:.24s}@keyframes cp-spark-fly{0%{opacity:0;transform:translate(0) scale(.2) rotate(0)}35%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--sc)) rotate(160deg)}}@media (prefers-reduced-motion: reduce){#cp-pop.show .cp-card{animation:none;opacity:1;transform:translate(-50%) scale(1)}#cp-pop.show .cp-badge{animation:none;opacity:1;transform:none}#cp-pop.show .cp-spark{animation:none;opacity:0}#cp-pop.show .cp-card:before{animation:none}}.der-chip.cp{grid-column:1 / -1;background:linear-gradient(180deg,#fff3c4,#ffe08a);border-color:var(--gold-deep)}.der-chip.cp b{color:var(--gold-deep);font-size:14px}.jn-fin{display:flex;align-items:center;gap:6px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;color:var(--gold-deep);margin-top:10px}.jn-arc{background:linear-gradient(180deg,#fff5d2,#ffe5a8);border:2px solid var(--line);border-left:5px solid var(--line);border-radius:12px;padding:8px 10px}.jn-arc.current{border-left-color:var(--gold);box-shadow:0 0 0 2px #ffbe5059}.jn-arc.done{opacity:.72;border-left-color:#7cc47f}.jn-arc-head{display:flex;flex-direction:column}.jn-arc-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:13px;color:var(--ink);line-height:1.35}.jn-arc-no{display:block;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-2)}.jn-arc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;font-size:11px;color:var(--ink-2)}.jn-arc-lv,.jn-arc-count{font-weight:800}.jn-arc-count{margin-left:auto;color:var(--gold-deep)}.jn-steps{margin-top:7px;border-top:1px dashed var(--line);padding-top:6px}.jn-step{display:flex;align-items:flex-start;gap:7px;padding:3px 0}.jn-step .jn-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex-shrink:0;background:#e2d4b6;border:1.5px solid var(--line)}.jn-step.done .jn-dot{background:#79c328}.jn-step.active .jn-dot,.jn-step.available .jn-dot{background:var(--gold)}.jn-step.ready .jn-dot{background:#58c15f}.jn-step.locked .jn-dot{background:#d9b3b3}.jn-step-body{flex:1;min-width:0}.jn-step-name{font-size:12px;font-weight:700;color:var(--ink);line-height:1.3}.jn-step-sub{font-size:10.5px;color:var(--ink-2)}.jn-step.done .jn-step-name{color:var(--ink-2);text-decoration:line-through}.jn-step.future .jn-step-name,.jn-step.future .jn-step-sub{opacity:.6}.jn-step.clickable:hover .jn-step-name{text-decoration:underline}.jn-summary .qd-name{font-size:17px}.quest-tracker .jn-next{background:#ffd56b47;border-color:#ffd56b4d;padding:7px 9px;margin-top:4px}.quest-tracker .jn-next.locked{background:#180e3080;border-color:#cbb8ee6b}.quest-tracker .jn-next-head{color:#fff;font-size:11px}.quest-tracker .jn-next-name{color:var(--gold);font-size:14px}.quest-tracker .jn-gate-line{color:#eee6ff;font-size:12.5px}.quest-tracker .jn-gate-line b{color:var(--gold)}.quest-tracker .jn-gate-bar{height:15px;background:#0c071ebf;border-color:#ffd56b66}.quest-tracker .jn-gate-bar b{color:#fff;font-size:11.5px}.quest-tracker .jn-gate-hint{color:#d9cdf5;font-size:12px}.quest-tracker .jn-obj{color:#a5e8a7}.quest-tracker .jn-gate-line,.quest-tracker .jn-gate-hint,.quest-tracker .jn-gate-bar b{text-shadow:0 1px 0 rgba(16,6,34,.95),0 -1px 0 rgba(16,6,34,.95),1px 0 0 rgba(16,6,34,.95),-1px 0 0 rgba(16,6,34,.95),0 0 4px rgba(16,6,34,.9),0 2px 6px rgba(0,0,0,.55)}.panel-inv.guild{width:min(900px,96vw)}.guild-body{padding:12px 14px 16px;max-height:min(72vh,660px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;color:var(--ink)}.guild-body .panel-head.sub{padding:2px 0 8px;border-bottom:2px dashed rgba(192,138,74,.5);cursor:default}.guild-body .panel-head.sub .ptitle{font-size:16px}.g-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.g-two{grid-template-columns:1fr}}.g-card{background:#ffffff80;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;box-shadow:inset 0 1px #fff9}.g-card h3{margin:0 0 9px;font-family:var(--font-display);letter-spacing:var(--display-tracking);color:#8a4f1c;font-size:15px;font-weight:700}.g-lab{display:block;font-size:13px;color:var(--ink);font-weight:700;margin-bottom:9px}.g-lab .field{margin-top:4px;font-weight:500}.field.tiny{font-size:12px;padding:5px 7px}.g-cost{font-size:12px;color:#9a5a12;font-weight:700;margin:4px 0 10px}.g-tag-hint{font-size:11.5px;color:#7a5a38;line-height:1.35;margin:-4px 0 10px}.g-crest-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:5px}.g-crest{background:#78502824;border:2px solid transparent;border-radius:9px;padding:3px;cursor:pointer}.g-crest img{width:100%;display:block}.g-crest.on{border-color:var(--gold-2);background:#ffd56b66}.g-color-row{display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}.g-color{width:22px;height:22px;border-radius:50%;border:2px solid rgba(90,60,30,.4);cursor:pointer}.g-color.on{border-color:#fff;box-shadow:0 0 0 2px var(--gold-2)}.g-search-row{display:flex;gap:6px;align-items:center;margin-bottom:9px}.g-search-row .field{flex:1}.g-browse-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow-y:auto}.g-browse-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"crest main" "act   act";gap:7px 9px;align-items:center;background:#ffffff8c;border:1px solid rgba(192,138,74,.5);border-radius:10px;padding:8px 9px}.g-browse-crest,.g-head-crest{flex:none}.g-browse-crest{grid-area:crest;align-self:start;width:44px;height:44px}.g-browse-main{grid-area:main;min-width:0}.g-browse-name{font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;text-shadow:0 1px 0 rgba(255,255,255,.5);overflow-wrap:anywhere;line-height:1.25}.g-tag{color:#9a5a12;font-weight:800}.g-browse-sub{font-size:12px;color:#6b4a2a;margin-top:2px;font-weight:600}.g-browse-notice{font-size:12px;color:#4a3420;margin-top:3px}.g-browse-act{grid-area:act;display:flex;flex-direction:row;align-items:center;gap:6px}.g-browse-act .field{flex:1;min-width:0}.g-browse-act .btn{flex:none}.g-empty{text-align:center;color:#7a5a38;padding:16px;font-size:13px;font-weight:600}.g-head{display:flex;gap:12px;align-items:center;border:2px solid var(--gold-2);border-radius:12px;padding:11px 13px;background:linear-gradient(160deg,#3a2550,#241436);box-shadow:0 3px 10px #140a2859}.g-head-crest{width:58px;height:58px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.g-head-main{flex:1;min-width:0}.g-head-name{font-size:19px;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);text-shadow:0 1px 3px rgba(0,0,0,.55)}.g-head-sub{font-size:12.5px;color:#f3e6c8;margin:3px 0 6px;font-weight:600}.g-exp{position:relative;height:16px;background:#00000073;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.g-exp-fill{height:100%;background:linear-gradient(90deg,#ffd86a,#ff9de0);border-radius:8px}.g-exp span{position:absolute;inset:0;text-align:center;font-size:10.5px;line-height:16px;color:#201430;font-weight:800}.g-buffs{font-size:12.5px;color:#7ff0b8;margin-top:6px;font-weight:800}.g-motd{background:#ffffff80;border:1px solid rgba(192,138,74,.5);border-radius:10px;padding:9px 11px}.g-motd-text{font-size:13.5px;color:var(--ink);font-weight:600}.g-motd-text i{color:#8a6a44}.g-motd-edit{display:flex;gap:6px;margin-top:7px}.g-motd-edit .field{flex:1}.g-actions,.g-editcrest{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.g-editcrest{background:#ffffff73;border:1px solid rgba(192,138,74,.5);border-radius:10px;padding:8px 10px}.g-editcrest .btn.g-save-dirty{animation:g-save-pulse 1.6s ease-in-out infinite}@keyframes g-save-pulse{0%,to{box-shadow:0 3px 0 var(--gold-deep),0 0 #f4a83a8c}50%{box-shadow:0 3px 0 var(--gold-deep),0 0 0 5px #f4a83a00}}.g-editcrest>span{font-size:12.5px;color:#6b4a2a;width:100%;font-weight:700}.g-editcrest .g-crest-grid{grid-template-columns:repeat(9,1fr);flex:1}.g-invite-row{display:flex;gap:6px}.g-invite-row .field{flex:1}.g-mtitle{font-family:var(--font-display);letter-spacing:var(--display-tracking);color:#8a4f1c;font-size:14.5px;font-weight:700;margin-top:5px}.g-mlist{display:flex;flex-direction:column;gap:4px;max-height:270px;overflow-y:auto}.g-mrow,.g-brow,.g-approw{display:flex;gap:9px;align-items:center;background:#ffffff8c;border:1px solid rgba(192,138,74,.35);border-radius:8px;padding:6px 9px;font-size:13.5px;color:var(--ink)}.g-dot{width:9px;height:9px;border-radius:50%;background:#3b5;flex:none;box-shadow:0 0 5px #33bb55b3}.g-mrow.off .g-dot{background:#b0a08c;box-shadow:none}.g-mrow.off{opacity:.72}.g-mname{font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-mlvl{color:#9a5a12;font-size:12.5px;font-weight:800}.g-mrank{color:#5a3f9a;font-size:12.5px;font-weight:700;width:78px}.g-mwhere{color:#6b4a2a;font-size:11.5px;width:100px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.g-macts{display:flex;gap:3px}.btn.tiny{padding:3px 8px;font-size:12px}.btn.danger{color:#b5321f;border-color:#c83c288c}.g-appmsg{flex:1;color:#4a3420;font-size:12.5px;font-style:italic}.g-bankgold{font-size:14px;color:var(--ink);font-weight:700}.g-bankgold b{color:#9a5a12}.g-loglist{display:flex;flex-direction:column;gap:3px;max-height:140px;overflow-y:auto}.g-reqlist{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.g-reqrow{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;background:#ffffff80;border:1px solid rgba(192,138,74,.35);font-size:12.5px}.g-reqwho{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-reqgold{font-weight:800;color:var(--gold-deep);flex:0 0 auto}.g-reqacts{display:flex;gap:4px;flex:0 0 auto}.g-hint{font-size:11.5px;line-height:1.5;color:#7a5a2e;opacity:.9;margin:4px 0 0}.g-disband-why{color:#a33a2a;flex-basis:100%}.g-logrow{font-size:11.5px;color:#6b4a2a;background:#fff6;border-radius:6px;padding:3px 7px}.g-foot{display:flex;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}.g-foot .g-disband-why{text-align:right}.guild-invite-pop{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:11px;background:linear-gradient(160deg,#3a2550,#241436);border:2px solid var(--gold-2);border-radius:14px;padding:11px 15px;box-shadow:0 8px 30px #00000080}.guild-invite-pop .gip-crest{width:42px;height:42px}.guild-invite-pop .gip-text{font-size:13px;color:#f3e6c8;max-width:260px;font-weight:600}.guild-invite-pop .gip-btns{display:flex;gap:6px}.g-dungeon,.g-skills{background:#ffffffd1;border:1px solid rgba(176,122,58,.7);border-radius:10px;padding:10px 12px;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #78501e1a}.g-dungeon .g-mtitle,.g-skills .g-mtitle{color:#7a3f0e}.g-dungeon .g-floorhint,.g-skills .g-sub{color:#5c4128;font-weight:500}.g-dungeon{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.g-dungeon .g-dgn-info{flex:1 1 200px;min-width:0}.g-dungeon .g-mtitle{margin-top:0}.g-dungeon .g-dgn-go{flex:0 0 auto;margin-left:auto}.g-floorhint,.g-sub{font-size:12px;color:#6b4a2a;font-weight:600}.g-floors{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.btn.g-floor{min-width:42px}.btn.g-floor.deep{background:linear-gradient(160deg,#4a2f6a,#281640);color:#ead9ff;border-color:#6a4a9a}.g-skillgrid{display:flex;flex-direction:column;gap:8px;margin-top:7px}.g-skillnode{display:flex;gap:10px;align-items:center;background:#ffffff8c;border:1px solid rgba(192,138,74,.5);border-radius:10px;padding:8px 10px}.g-skillnode.maxed{border-color:var(--gold-2);box-shadow:inset 0 0 0 1px #ffd56b80}.g-skillicon{position:relative;width:54px;height:54px;flex:none;border-radius:10px;background:#1e142d1a;border:2px solid var(--gold-2);overflow:hidden}.g-skillicon img{width:100%;height:100%;object-fit:contain}.g-skillbadge{position:absolute;right:0;bottom:0;background:#140c24eb;color:#ffe08a;font-size:10.5px;font-weight:800;padding:1px 5px;border-top-left-radius:7px}.g-skillinfo{flex:1;min-width:0}.g-skilltop{font-size:14px;color:var(--ink)}.g-skilldesc{font-size:11.5px;color:#6b4a2a;margin-top:3px;line-height:1.35}.g-skillup{flex:none;width:36px;height:36px;border-radius:50%;border:2px solid var(--gold-2);background:linear-gradient(160deg,#ffd86a,#f4a83a);color:#3a2410;font-size:22px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 2px 6px #a05a1466}.g-skillup:disabled{opacity:.4;cursor:default;filter:grayscale(.5)}.g-tabs{display:flex;gap:6px;margin-bottom:2px}.g-tab{flex:1;padding:8px 6px;border:1.5px solid var(--line);border-radius:10px 10px 0 0;background:#ffffff59;color:#7a5a38;font-weight:700;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;cursor:pointer}.g-tab.on{background:linear-gradient(160deg,#fff3d6,var(--paper-2));color:var(--ink);border-bottom-color:transparent;box-shadow:inset 0 -3px 0 var(--gold-2)}#btn-league.locked .navicon{filter:grayscale(.85) brightness(.82);opacity:.6}#btn-league.locked .topnav-label{opacity:.55}.league-live{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border-radius:50%;background:#6ee06e;box-shadow:0 0 0 2px #00000059,0 0 8px #6ee06e;animation:league-pulse 1.4s ease-in-out infinite}@keyframes league-pulse{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.15);opacity:1}}.panel-inv.events{width:min(560px,94vw)}.cal-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:12px;border:2px solid var(--gold-2, #e0a83a);background:linear-gradient(160deg,#fff5dd,#ffe9bd)}.cal-banner-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;color:var(--ink)}.cal-banner-sub{font-size:12px;color:#a8522a;flex:1}.cal-grid{display:flex;flex-direction:column;gap:6px}.cal-day{border:1px solid rgba(192,138,74,.4);border-radius:10px;padding:7px 10px;background:#ffffff80}.cal-day.today{border-color:var(--gold-2, #e0a83a);background:#fff3d6bf;box-shadow:inset 3px 0 0 var(--gold-2, #e0a83a)}.cal-dayhead{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.cal-dayname{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;color:var(--ink)}.cal-daydate{font-size:11px;color:#8a6a44}.cal-todaytag{font-size:10px;font-weight:800;color:#a8522a;background:#e0a83a47;border-radius:999px;padding:1px 7px}.cal-entry{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:8px;font-size:12px;color:#6f5436;padding:2px 0 2px 8px;border-left:3px solid rgba(0,0,0,.12);margin-top:2px}.cal-entry.k-guild{border-left-color:#6eb0e2}.cal-entry.k-siege{border-left-color:#e28a60}.cal-entry.k-daily{border-left-color:#96ce82}.cal-entry.k-world{border-left-color:#ce8cd6}.cal-entry.on{color:var(--ink);font-weight:700}.cal-time{font-variant-numeric:tabular-nums;opacity:.85}.cal-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-live{font-size:10px;font-weight:800;color:#2f6b3a;background:#7ac8824d;border-radius:999px;padding:1px 7px}.panel-inv.newslist{width:min(600px,94vw)}#newslist-body,#events-body{max-height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}#newslist-body::-webkit-scrollbar,#events-body::-webkit-scrollbar,.help-log::-webkit-scrollbar{width:8px}#newslist-body::-webkit-scrollbar-thumb,#events-body::-webkit-scrollbar-thumb,.help-log::-webkit-scrollbar-thumb{background:#c08a4a80;border-radius:999px}#newslist-body::-webkit-scrollbar-track,#events-body::-webkit-scrollbar-track,.help-log::-webkit-scrollbar-track{background:transparent}.panel-head .head-spacer{flex:1 1 auto}.nl-grid{display:flex;flex-direction:column;gap:10px}.nl-card{position:relative;display:block;width:100%;min-height:116px;padding:0;border:none;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;background-color:#4a4152;cursor:pointer;text-align:left;box-shadow:0 2px 8px #0000002e;transition:transform .12s ease,box-shadow .12s ease}.nl-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000042}.nl-noimg{position:absolute;inset:0;display:grid;place-items:center;opacity:.3}.nl-noimg img{width:56px;height:56px}.nl-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#14101a26,#14101a8c 46%,#14101adb)}.nl-top{position:absolute;top:8px;left:10px;right:10px;display:flex;gap:6px;align-items:center}.nl-cat{font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;border-radius:999px;padding:2px 9px;background:#00000073;backdrop-filter:blur(2px)}.nl-cat-event{background:#d97a45}.nl-cat-update{background:#4e8fd0}.nl-cat-maintenance{background:#9a7ad0}.nl-pin{width:8px;height:8px;border-radius:50%;background:var(--gold-2, #e0a83a);box-shadow:0 0 6px var(--gold-2, #e0a83a);margin-left:auto}.nl-body{position:relative;display:block;padding:52px 12px 11px}.nl-title{display:block;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.25}.nl-sum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:#ffffffdb;margin-top:2px}.nl-when{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;color:#ffd98a}.nl-when.muted{color:#fff9;font-weight:600}.nl-empty{text-align:center;color:#8a6a44;padding:28px 10px;font-style:italic}.panel-inv.help{width:min(500px,94vw)}.panel-inv.help.show{display:flex;flex-direction:column}.help-log{flex:1;min-height:220px;max-height:min(46vh,380px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 4px}.help-row{display:flex}.help-row.you{justify-content:flex-end}.help-bubble{max-width:86%;padding:8px 11px;border-radius:14px;font-size:13px;line-height:1.5}.help-bubble.bot{background:#ffffffb8;border:1px solid rgba(192,138,74,.4);border-bottom-left-radius:4px;color:#5a432a}.help-bubble.you{background:linear-gradient(160deg,#ffe9bd,#ffd98a);border-bottom-right-radius:4px;color:var(--ink);font-weight:600}.help-bubble b{color:var(--ink)}.hp-facts{color:#8a6a44;font-size:12px}.lm-lead{font-weight:700;color:#4a3520}.lm-p{margin-top:5px}.lm-list{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.lm-list li{position:relative;padding-left:13px;line-height:1.45}.lm-list li:before{content:"";position:absolute;left:3px;top:.62em;width:4px;height:4px;border-radius:50%;background:#c08a4a}.lm-k{color:#7a5320;font-weight:800;margin-right:2px}.lm-n{color:#a15c12;font-weight:800;font-variant-numeric:tabular-nums}.help-dots{display:inline-flex;gap:4px;align-items:center;height:12px}.help-dots i{width:6px;height:6px;border-radius:50%;background:#c08a4a;animation:help-dot 1s ease-in-out infinite}.help-dots i:nth-child(2){animation-delay:.16s}.help-dots i:nth-child(3){animation-delay:.32s}@keyframes help-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}body.q-low .help-dots i{animation:none;opacity:.6}.help-offer{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;border-radius:11px;background:#c08a4a1a;box-shadow:inset 0 0 0 1px #c08a4a4d}.help-offer span{flex:1;font-size:11.5px;color:#8a6a44;line-height:1.45}.help-offer-btn{flex:0 0 auto;border:0;border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:11.5px;font-weight:800;color:#5a432a;background:#ffffffbf;box-shadow:inset 0 0 0 1px #c08a4a73}.help-offer-btn:hover{background:#fff}.help-report{display:none}.help-report.show{display:block;margin-top:8px;padding:10px 11px;border-radius:14px;background:#fff8e8d9;box-shadow:inset 0 0 0 1px #c08a4a66;max-height:46vh;overflow-y:auto}.rp-head{font-weight:800;font-size:13.5px;color:#5a432a}.rp-intro{font-size:11.5px;color:#8a6a44;line-height:1.5;margin-top:3px}.rp-sub{font-size:11px;font-weight:800;color:#8a6a44;margin:10px 0 5px}.rp-cats{display:flex;flex-wrap:wrap;gap:5px}.rp-cat{border:0;border-radius:999px;padding:4px 11px;cursor:pointer;font:inherit;font-size:11px;font-weight:700;color:#7a5a34;background:#c08a4a24}.rp-cat.on{color:#2a1a06;background:linear-gradient(180deg,#ffe9bd,#ffd07a);box-shadow:0 2px #c9944a}.rp-cat.urgent:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#e2564a;margin-right:5px;vertical-align:1px}.rp-input{width:100%;margin-top:8px;padding:7px 10px;border:0;border-radius:10px;font:inherit;font-size:12.5px;font-weight:700;color:#4a3520;background:#fffc;box-shadow:inset 0 0 0 1px #c08a4a59}.rp-input:focus{outline:none;box-shadow:inset 0 0 0 2px #c9944a}.rp-title{font-size:12.5px;font-weight:800;color:#5a432a;margin-top:3px}.rp-note{font-size:11px;color:#8a6a44;margin:-2px 0 6px}.rp-text{width:100%;min-height:74px;margin-top:8px;padding:8px 10px;border:0;border-radius:11px;resize:vertical;font:inherit;font-size:12.5px;line-height:1.5;color:#4a3520;background:#fffc;box-shadow:inset 0 0 0 1px #c08a4a59}.rp-text:focus{outline:none;box-shadow:inset 0 0 0 2px #c9944a}.rp-err{margin-top:6px;font-size:11.5px;font-weight:700;color:#b03a2e}.rp-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}.rp-list{display:flex;flex-direction:column;gap:6px}.rp-row{padding:7px 9px;border-radius:11px;background:#ffffff9e;box-shadow:inset 0 0 0 1px #c08a4a47}.rp-row-top{display:flex;align-items:center;gap:6px;font-size:11px}.rp-row-top b{font-family:var(--font-mono);color:#5a432a}.rp-cat-tag{color:#8a6a44}.rp-status{margin-left:auto;font-weight:800;border-radius:999px;padding:1px 8px;font-size:10px}.rp-open{color:#8a6a44;background:#c08a4a2e}.rp-seen{color:#2a5a8a;background:#5096dc33}.rp-resolved{color:#2a6a35;background:#6ec87847}.rp-rejected{color:#7a5a5a;background:#a0828233}.rp-body{font-size:12px;color:#5a432a;margin-top:4px;line-height:1.45;white-space:pre-wrap}.rp-reply{margin-top:5px;font-size:12px;color:#2a6a35;line-height:1.45}.rp-reply b{color:#1f5228}.rp-empty{font-size:11.5px;color:#8a6a44;font-style:italic;padding:4px 0}.help-cards{margin-top:8px;display:flex;flex-direction:column;gap:6px}.help-card{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:12px;background:#fff8e8b8;box-shadow:inset 0 0 0 1px #c08a4a59}.hc-pic{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#fff9;box-shadow:inset 0 0 0 1px #c08a4a47;overflow:hidden}.hc-pic img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}.hc-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.hc-txt b{font-size:12.5px;color:#5a432a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-txt i{font-style:normal;font-size:11px;color:#8a6a44;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-go{flex:0 0 auto;border:0;border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:11.5px;font-weight:800;color:#2a1a06;background:linear-gradient(180deg,#ffe9bd,#ffd07a);box-shadow:0 2px #c9944a;transition:transform .08s ease,box-shadow .08s ease}.hc-go:hover{transform:translateY(-1px)}.hc-go:active{transform:translateY(1px);box-shadow:0 1px #c9944a}.help-chips{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.help-chips-lbl{font-size:11px;color:#8a6a44;margin-right:2px}.help-chip{font-size:11px;font-weight:700;color:#6f5436;background:#e0a83a29;border:1px solid rgba(192,138,74,.4);border-radius:999px;padding:3px 10px;cursor:pointer}.help-chip:hover{background:#e0a83a4d}.help-input{display:flex;gap:6px;padding-top:8px;border-top:1px solid rgba(192,138,74,.3)}.help-input .field{flex:1}.siege-hud{position:absolute;top:96px;right:12px;width:232px;display:none;flex-direction:column;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#18141eb8;color:#f2ecdf;font-size:12px;pointer-events:none;z-index:120}.siege-hud.show{display:flex}.sh-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:4px}.sh-phase{font-family:var(--font-display);font-weight:700;letter-spacing:.03em;color:#ffd98a}.sh-clock{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.sh-forts{display:flex;flex-direction:column;gap:3px}.sh-fort{display:grid;grid-template-columns:10px 1fr;grid-template-areas:"dot name" ". bar";align-items:center;gap:2px 6px}.sh-fort.keep .sh-fname{color:#ffd98a;font-weight:800}.sh-fdot{grid-area:dot;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px #00000073}.sh-fname{grid-area:name;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-cap{grid-area:bar;height:3px;border-radius:2px;background:#ffffff29;overflow:hidden}.sh-cap i{display:block;height:100%;transition:width .4s linear}.sh-board{display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(255,255,255,.14);padding-top:5px}.sh-row{display:grid;grid-template-columns:14px 10px 1fr 22px 52px;align-items:center;gap:6px;padding:2px 3px;border-radius:6px}.sh-row.mine{background:#ffd98a29;box-shadow:inset 2px 0 #ffd98a}.sh-rank{opacity:.6;font-variant-numeric:tabular-nums}.sh-swatch{width:9px;height:9px;border-radius:2px}.sh-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-row .sh-forts{text-align:right;opacity:.75;font-variant-numeric:tabular-nums}.sh-points{text-align:right;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-variant-numeric:tabular-nums}@media (max-width: 900px){.siege-hud{width:172px;font-size:11px;top:78px}.sh-clock{font-size:15px}}.g-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold-2, #e0a83a);vertical-align:middle;margin-left:4px;animation:g-dot-pulse 1.6s ease-in-out infinite}@keyframes g-dot-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.g-war{display:flex;flex-direction:column;gap:10px}.g-war-block{background:#ffffff8c;border:1px solid rgba(192,138,74,.45);border-radius:12px;padding:10px 12px}.g-war-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:15px;color:var(--ink);display:flex;align-items:baseline;gap:8px}.g-war-size{font-size:11px;font-weight:700;color:#8a6a44;background:#e0a83a2e;border-radius:999px;padding:1px 8px}.g-war-desc{font-size:12px;color:#7a5a38;line-height:1.45;margin:4px 0 8px}.g-war-standing{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.g-war-tier{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;color:var(--ink)}.g-war-tier.muted{color:#8a6a44;font-weight:700;font-size:12px}.g-war-rating{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:22px;font-weight:700;color:var(--gold-2, #e0a83a);line-height:1}.g-war-record{font-size:12px;color:#7a5a38}.g-war-when{margin:8px 0 6px}.g-when{font-size:12px;font-weight:700;color:#7a5a38;background:#0000000d;border-radius:999px;padding:3px 10px}.g-when.on{color:#2f6b3a;background:#7ac88240}.g-war-action{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.g-war-note{font-size:12px;color:#7a5a38}.g-war-note.muted{opacity:.75}.g-war-queued{font-size:12px;font-weight:700;color:#2f6b3a}.g-war-found{width:100%;border:2px solid var(--gold-2, #e0a83a);border-radius:12px;padding:10px;background:linear-gradient(160deg,#fff5dd,#ffe9bd)}.g-war-foe{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;color:var(--ink)}.g-war-timer{font-size:12px;font-weight:700;color:#a8522a;margin:2px 0 8px}.g-war-btns{display:flex;gap:8px}.g-siege-crown{font-size:11px;font-weight:800;letter-spacing:.04em;color:#8a6a44;text-transform:uppercase;margin-top:6px}.g-siege-holder{border:1px solid rgba(192,138,74,.45);border-left:4px solid var(--gold-2, #e0a83a);border-radius:10px;padding:6px 10px;margin-top:3px;background:#fff9}.g-siege-holder.ours{border-left-color:#4fa85c;background:#7ac8822e}.g-siege-holder.none{color:#8a6a44;font-size:12px;font-style:italic;border-left-color:#00000026}.g-siege-holder-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;color:var(--ink)}.g-siege-holder-sub{font-size:11px;color:#7a5a38}.g-siege-privs{margin-top:8px}.g-siege-privs summary{cursor:pointer;font-size:12px;font-weight:700;color:#7a5a38}.g-siege-privs ul{margin:6px 0 0;padding-left:18px}.g-siege-privs li{font-size:12px;color:#7a5a38;line-height:1.5;margin-bottom:3px}.g-siege-privs b{color:var(--ink)}.g-mgrid{display:flex;flex-direction:column;gap:8px}.g-mcard{display:flex;gap:10px;align-items:center;background:#ffffff8c;border:1px solid rgba(192,138,74,.45);border-radius:12px;padding:8px 10px}.g-mhead{width:50px;height:50px;flex:none;border-radius:50%;overflow:hidden;border:3px solid #9aa0ac;background:#1e142d26;box-shadow:0 1px 3px #00000040}.g-mhead img{width:100%;height:100%;object-fit:cover;object-position:top center}.g-mcard.on .g-mhead{border-color:#3b5;box-shadow:0 0 8px #3b59}.g-mcard.off .g-mhead{border-color:#a7a2b0;filter:grayscale(.5)}.g-mcard.off{opacity:.82}.g-minfo{flex:1;min-width:0}.g-mrow1{display:flex;align-items:center;gap:8px}.g-mrow1 .g-mname{font-weight:800;font-size:14.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-mrow1 .g-mlvl{color:#9a5a12;font-weight:800;font-size:12.5px;flex:none}.g-mrow2{font-size:12px;margin-top:2px;color:#6b4a2a}.g-mrole{font-weight:800}.g-mcardacts{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;align-items:center;max-width:220px}.g-kickrow{display:flex;gap:4px;align-items:center}.g-kickrow .field.tiny{width:120px}.panel-inv.pvp{width:min(760px,94vw)}.pvp-body{padding:12px 14px 16px;max-height:min(72vh,660px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;color:var(--ink)}.pvp-toolbar{display:flex;flex-direction:column;gap:8px}.pvp-search-row{display:flex;gap:6px;align-items:center}.pvp-search-row .field{flex:1;min-width:0}.pvp-chips{display:flex;gap:5px;flex-wrap:wrap}.pvp-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;border:1.5px solid var(--line);background:#ffffff8c;color:var(--ink-2);font-size:12px;font-weight:700;cursor:pointer}.pvp-chip img{width:16px;height:16px;object-fit:contain}.pvp-chip:hover{background:#fff}.pvp-chip.on{background:var(--gold);border-color:var(--gold-deep);color:#4a2c08}.pvp-list{display:flex;flex-direction:column;gap:6px;min-height:90px}.pvp-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:11px;border:1.5px solid var(--line);background:#ffffff80;box-shadow:inset 0 1px #fff9}.pvp-row.live{opacity:.6;filter:saturate(.7)}.pvp-row-mode{width:34px;height:34px;object-fit:contain;flex:0 0 auto}.pvp-row-main{flex:1;min-width:0}.pvp-row-name{display:flex;align-items:center;gap:5px;font-weight:800;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-lock{width:14px;height:14px;object-fit:contain}.pvp-row-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-row-count{font-size:13px;font-weight:800;color:var(--ink-2);flex:0 0 auto}.pvp-row-count.full{color:#b03a3a}.pvp-row-act{display:flex;gap:5px;align-items:center;flex:0 0 auto}.pvp-row-act .field.tiny{width:92px}.pvp-empty,.pvp-note{text-align:center;font-size:12.5px;color:var(--muted);padding:14px 8px}.pvp-note{padding:2px;font-size:11.5px}.pvp-create{display:flex;flex-direction:column;gap:4px}.pvp-lab{display:block;font-size:13px;color:var(--ink);font-weight:700;margin-bottom:9px}.pvp-lab .field{margin-top:4px;font-weight:500}.pvp-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:7px;margin-top:5px}.pvp-mode-card,.pvp-map-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:11px;border:2px solid var(--line);background:#ffffff8c;cursor:pointer;color:var(--ink)}.pvp-mode-card img{width:42px;height:42px;object-fit:contain}.pvp-mode-card:hover,.pvp-map-card:hover{background:#fff}.pvp-mode-card.on,.pvp-map-card.on{border-color:var(--gold-deep);background:linear-gradient(180deg,#fff6d8,var(--paper-2));box-shadow:0 0 0 2px #ffd56b8c}.pvp-mode-name{font-size:12.5px;font-weight:800}.pvp-mode-size{font-size:11px;color:var(--muted);font-weight:700}.pvp-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px;margin-top:5px}.pvp-map-card{flex-direction:row;justify-content:flex-start;gap:8px;font-size:13px;font-weight:700}.pvp-map-card img{width:32px;height:32px;object-fit:contain}.pvp-create-act{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.pvp-room-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:2px dashed rgba(192,138,74,.5)}.pvp-room-mode{width:40px;height:40px;object-fit:contain}.pvp-room-name{display:flex;align-items:center;gap:8px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:17px;font-weight:700;color:var(--ink)}.pvp-tag-ranked{flex:none;padding:1px 8px;border:1px solid rgba(214,138,40,.55);border-radius:999px;background:linear-gradient(180deg,#ffe9b8,#f6cd82);color:#6b4310;font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.pvp-room-sub{font-size:12px;color:var(--muted)}.pvp-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pvp-teams:has(.pvp-team.all){grid-template-columns:1fr}@media (max-width: 640px){.pvp-teams{grid-template-columns:1fr}}.pvp-team{border:1.5px solid var(--line);border-radius:12px;padding:9px 10px;background:#ffffff80;display:flex;flex-direction:column;gap:6px}.pvp-team h3{margin:0 0 2px;display:flex;align-items:center;gap:6px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;font-weight:700}.pvp-team h3 img{width:20px;height:20px;object-fit:contain}.pvp-team.t1{border-color:#d8635f}.pvp-team.t1 h3{color:#b03a3a}.pvp-team.t2{border-color:#5f8fd8}.pvp-team.t2 h3{color:#2f5fa8}.pvp-member{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:9px;background:#fff9;border:1.5px solid rgba(192,138,74,.45)}.pvp-member.me{border-color:var(--gold-deep);background:#fff8e2}.pvp-member.ready{box-shadow:inset 3px 0 0 var(--xp-2)}.pvp-member-head{width:30px;height:30px;border-radius:8px;object-fit:cover;background:#00000014}.pvp-member-main{flex:1;min-width:0}.pvp-member-name{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-crown{width:14px;height:14px;object-fit:contain}.pvp-member-sub{font-size:11px;color:var(--muted);font-weight:700}.pvp-member-state{font-size:11px;font-weight:800;color:var(--muted);flex:0 0 auto}.pvp-member.ready .pvp-member-state{color:#4a8a1c}.pvp-hint{font-size:12px;color:var(--muted);font-weight:700;align-self:center}.pvp-countdown{text-align:center;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:18px;font-weight:700;color:var(--gold-deep);padding:4px}.pvp-room-act{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding-top:4px;border-top:2px dashed rgba(192,138,74,.5)}.pvp-hud{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:40;display:none;flex-direction:column;align-items:center;gap:4px;pointer-events:none;font-family:var(--font-display);letter-spacing:var(--display-tracking)}.pvp-hud.show{display:flex}.pvp-hud-main{display:flex;align-items:stretch;gap:6px;background:#120a36d1;border:2px solid rgba(255,213,107,.5);border-radius:14px;padding:5px 8px;box-shadow:0 4px 14px #00000073}.pvp-hud-score{min-width:44px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;border-radius:10px;padding:0 8px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5)}.pvp-hud-score.t1{background:linear-gradient(180deg,#e0645f,#b03a3a)}.pvp-hud-score.t2{background:linear-gradient(180deg,#5f95e0,#2f5fa8)}.pvp-hud-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px}.pvp-hud-clock{font-size:22px;font-weight:900;color:var(--gold);line-height:1}.pvp-hud-round{font-size:11px;font-weight:700;color:#d8ccff;display:flex;align-items:center;gap:4px}.pvp-pips{display:inline-flex;gap:3px}.pvp-pips i{width:7px;height:7px;border-radius:50%;background:#ffffff40;display:inline-block}.pvp-pips i.on{background:var(--gold)}.pvp-capture{position:relative;width:260px;height:12px;border-radius:999px;background:#120a36cc;border:2px solid rgba(255,213,107,.4);overflow:hidden}.pvp-capture-fill{position:absolute;top:0;bottom:0;width:0;transition:width .2s linear}.pvp-capture-fill.t1{left:0;background:linear-gradient(90deg,#e0645f,#ff9a95)}.pvp-capture-fill.t2{right:0;background:linear-gradient(270deg,#5f95e0,#9ac4ff)}.pvp-hud-banner{font-size:30px;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 18px rgba(255,213,107,.7);opacity:0}.pvp-hud-banner.pop{animation:pvpBannerPop 1.5s ease-out}@keyframes pvpBannerPop{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1.1)}35%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1)}}.pvp-feed{position:fixed;top:150px;right:18px;z-index:39;display:none;flex-direction:column;gap:4px;pointer-events:none}.pvp-feed.show{display:flex}.pvp-feed-row{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:9px;background:#120a36c7;border-left:3px solid rgba(255,255,255,.35);color:#f2ecff;font-size:12.5px;font-weight:700;animation:pvpFeedIn .25s ease-out}.pvp-feed-row.t1{border-left-color:#e0645f}.pvp-feed-row.t2{border-left-color:#5f95e0}.pvp-feed-row img{width:16px;height:16px;object-fit:contain}@keyframes pvpFeedIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.pvp-season{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;margin-bottom:10px;border-radius:12px;background:linear-gradient(180deg,var(--paper-2),var(--paper-3));border:2px solid var(--line);font-size:13px}.pvp-season img{width:20px;height:20px}.pvp-season b{color:var(--gold-deep);font-size:14px}.pvp-season span{color:var(--muted);font-size:12px}.pvp-season.off{background:none;border-style:dashed;color:var(--muted);justify-content:center}.pvp-result{position:fixed;inset:0;display:none;place-items:center;background:#120a368c;z-index:300;pointer-events:auto}.pvp-result.show{display:grid;animation:pvp-res-in .28s ease-out}@keyframes pvp-res-in{0%{opacity:0}to{opacity:1}}.pvp-result-card{width:min(620px,94vw);max-height:88vh;overflow-y:auto;padding:18px 20px 16px;background:var(--paper);border:3px solid var(--line);border-radius:18px;box-shadow:0 18px 44px #28140873;animation:pvp-res-card .32s cubic-bezier(.2,1.3,.4,1)}@keyframes pvp-res-card{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.pvp-res-score{text-align:center;font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:2px;color:#8a6a3a;margin:-4px 0 10px}.pvp-res-score b.win{color:var(--gold-2)}.pvp-res-points{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--muted)}.pvp-res-points img{width:16px;height:16px}.pvp-res-points b{color:var(--gold-deep);font-size:14px}.pvp-res-warp{text-align:center;font-size:12.5px;color:var(--muted);padding-top:10px}.pvp-res-warp b{color:var(--gold-deep)}.pvp-res-head{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0 12px}.pvp-res-head img{width:44px;height:44px;object-fit:contain}.pvp-res-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:26px;font-weight:700}.pvp-res-head.win .pvp-res-title{color:#b8741e}.pvp-res-head.lose .pvp-res-title{color:#7a6a55}.pvp-res-table{width:100%;border-collapse:collapse;font-size:13px}.pvp-res-table th{text-align:center;font-size:11.5px;color:var(--muted);padding:4px 6px;border-bottom:2px dashed rgba(192,138,74,.5)}.pvp-res-table td{text-align:center;padding:5px 6px;border-bottom:1px solid rgba(192,138,74,.25)}.pvp-res-table tr.me td{background:#fff8e2;font-weight:800}.pvp-res-table tr.t1 .pvp-res-who{box-shadow:inset 3px 0 #d8635f}.pvp-res-table tr.t2 .pvp-res-who{box-shadow:inset 3px 0 #5f8fd8}.pvp-res-who{display:flex;align-items:center;gap:6px;text-align:left!important;font-weight:700}.pvp-res-who img{width:26px;height:26px;border-radius:7px;object-fit:cover}.pvp-res-mvp{width:16px;height:16px}.pvp-res-reward{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:800;color:#8a4f1c}.pvp-res-reward img{width:16px;height:16px}.pvp-res-deltarow td{padding:0 6px 5px;border-bottom:1px solid rgba(192,138,74,.25)}.pvp-res-rating{font-size:11.5px;font-weight:800}.pvp-res-rating.up{color:#4a8a1c}.pvp-res-rating.down{color:#b03a3a}.pvp-res-act{display:flex;justify-content:center;padding-top:12px}.pvp-header{display:flex;align-items:center;gap:10px;justify-content:flex-end;font-weight:800;font-size:13px;color:var(--ink)}.pvp-emblems,.pvp-tierchip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#fff9;border:1.5px solid var(--line)}.pvp-emblems img,.pvp-tierchip img{width:18px;height:18px;object-fit:contain}.pvp-tabs{display:flex;gap:4px;border-bottom:2px dashed rgba(192,138,74,.5);padding-bottom:8px}.pvp-tab{flex:1;padding:6px 4px;border-radius:10px 10px 0 0;border:1.5px solid var(--line);border-bottom:none;background:#ffffff73;color:var(--ink-2);font-weight:800;font-size:13px;cursor:pointer}.pvp-tab:hover{background:#fff}.pvp-tab.on{background:linear-gradient(180deg,#fff6d8,var(--paper-2));border-color:var(--gold-deep);color:#4a2c08}.pvp-ranked{display:flex;flex-direction:column;gap:12px}.pvp-ranked-blurb{font-size:12.5px;color:var(--muted);text-align:center}.pvp-rank-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pvp-rank-card{border:2px solid var(--line);border-radius:12px;padding:10px;text-align:center;background:#ffffff8c}.pvp-rank-kind{font-size:12px;font-weight:800;color:var(--muted)}.pvp-rank-icon{width:54px;height:54px;object-fit:contain;margin:4px 0}.pvp-rank-tier{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:15px;font-weight:700;color:#8a4f1c}.pvp-rank-rating{font-size:22px;font-weight:900;color:var(--ink)}.pvp-rank-pos{font-size:12px;font-weight:800;color:var(--gold-deep)}.pvp-queue-list{display:flex;flex-direction:column;gap:6px}.pvp-queue-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:11px;border:1.5px solid var(--line);background:#ffffff80}.pvp-queue-row img{width:30px;height:30px;object-fit:contain}.pvp-queue-name{flex:1;font-weight:800;font-size:13.5px}.pvp-queueing,.pvp-found{text-align:center;padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.pvp-queue-timer,.pvp-found-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:22px;font-weight:700;color:var(--gold-deep)}.pvp-queue-sub,.pvp-found-timer{font-size:12.5px;color:var(--muted);font-weight:700}.pvp-found img{width:58px;height:58px;object-fit:contain}.pvp-found-act{display:flex;gap:10px;margin-top:6px}.pvp-board{width:100%;border-collapse:collapse;font-size:13px}.pvp-board th{font-size:11.5px;color:var(--muted);padding:4px 6px;border-bottom:2px dashed rgba(192,138,74,.5);text-align:left}.pvp-board td{padding:5px 6px;border-bottom:1px solid rgba(192,138,74,.25)}.pvp-board tr.me td{background:#fff8e2;font-weight:800}.pvp-board-rank{width:44px;font-weight:900;color:var(--gold-deep)}.pvp-board-name{display:flex;align-items:center;gap:6px;font-weight:700}.pvp-board-name img{width:20px;height:20px;object-fit:contain}.pvp-board-rating{font-weight:900}.pvp-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pvp-shop-shelf{margin:12px 2px 6px;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft, #7a5a3a);display:flex;align-items:center;gap:8px}.pvp-shop-shelf:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--line),transparent)}.pvp-shop-shelf:first-child{margin-top:2px}.pvp-shop-card{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:11px;border:1.5px solid var(--line);background:#ffffff80}.pvp-shop-card.poor{opacity:.55}.pvp-shop-card>img{width:38px;height:38px;object-fit:contain}.pvp-shop-main{flex:1;min-width:0}.pvp-shop-name{font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-shop-price{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:#8a4f1c}.pvp-shop-price img{width:15px;height:15px}.pvp-outcome{position:fixed;inset:0;z-index:60;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;font-family:var(--font-display);letter-spacing:var(--display-tracking);text-align:center}.pvp-outcome.show{display:flex}.pvp-outcome-burst{position:absolute;width:120vmin;height:120vmin;border-radius:50%;opacity:0;animation:pvpBurst 2.4s ease-out forwards}.pvp-outcome.win .pvp-outcome-burst{background:radial-gradient(circle,rgba(255,213,107,.55) 0%,rgba(255,170,60,.18) 42%,transparent 68%)}.pvp-outcome.lose .pvp-outcome-burst{background:radial-gradient(circle,rgba(90,60,130,.55) 0%,rgba(30,18,60,.35) 45%,transparent 70%)}@keyframes pvpBurst{0%{opacity:0;transform:scale(.35)}22%{opacity:1;transform:scale(1.05)}55%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.pvp-outcome-icon{width:96px;height:96px;object-fit:contain;opacity:0;animation:pvpOutcomeIcon 2.4s cubic-bezier(.2,1.5,.4,1) forwards}.pvp-outcome.lose .pvp-outcome-icon{filter:grayscale(.85) brightness(.75)}@keyframes pvpOutcomeIcon{0%{opacity:0;transform:translateY(-26px) scale(.5) rotate(-14deg)}26%{opacity:1;transform:translateY(0) scale(1) rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px) scale(.96)}}.pvp-outcome-word{font-size:clamp(48px,11vmin,132px);font-weight:900;letter-spacing:2px;line-height:1;opacity:0;animation:pvpOutcomeWord 2.6s cubic-bezier(.15,1.6,.35,1) forwards}.pvp-outcome.win .pvp-outcome-word{color:#fff3cf;text-shadow:0 4px 0 #b8741e,0 0 26px rgba(255,205,90,.95),0 0 60px rgba(255,170,50,.65)}.pvp-outcome.lose .pvp-outcome-word{color:#e6dcff;text-shadow:0 4px 0 #3a2560,0 0 22px rgba(150,120,220,.75)}@keyframes pvpOutcomeWord{0%{opacity:0;transform:scale(2.1);filter:blur(10px)}18%{opacity:1;transform:scale(.94);filter:blur(0)}30%{transform:scale(1.04)}42%{transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06) translateY(-14px)}}.pvp-outcome-sub{font-size:clamp(13px,2vmin,19px);font-weight:800;color:#f0e8ff;text-shadow:0 2px 6px rgba(0,0,0,.8);opacity:0;animation:pvpOutcomeSub 2.6s ease-out forwards}@keyframes pvpOutcomeSub{0%,14%{opacity:0;transform:translateY(10px)}30%{opacity:1;transform:translateY(0)}82%{opacity:1}to{opacity:0}}.flt-wrap{margin:8px 2px 2px}.flt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:8px;border:2px solid var(--line);border-top:none;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#fff8e6b3,#fff0d280)}.flt-wrap.collapsed .flt-bar{display:none}.flt-head{width:100%;display:flex;align-items:center;gap:7px;padding:7px 11px;border:2px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff8e6d9,#fff0d299);cursor:pointer;transition:background .12s,border-color .12s}.flt-head:hover{background:linear-gradient(180deg,#fff6da,#ffe8becc);border-color:var(--gold-2)}.flt-wrap:not(.collapsed) .flt-head{border-bottom-color:transparent;border-radius:12px 12px 0 0}.flt-head-ic{width:15px;height:15px;flex:0 0 auto;color:var(--gold-deep)}.flt-head-txt{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:13px;color:var(--gold-deep)}.flt-count{flex:0 0 auto;min-width:17px;padding:0 5px;font-family:var(--font-mono);font-weight:800;font-size:11px;line-height:16px;text-align:center;color:#fff;background:linear-gradient(180deg,var(--gold-2),var(--gold-deep));border-radius:999px;box-shadow:0 1px 2px #5a28004d;display:none}.flt-count.on{display:inline-block}.flt-caret{width:14px;height:14px;flex:0 0 auto;margin-left:auto;color:var(--gold-deep);transition:transform .16s ease}.flt-wrap.collapsed .flt-caret{transform:rotate(-90deg)}.flt-bar .flt-search{flex:1 1 150px;width:auto;min-width:120px;padding:7px 12px;font-size:13px}.flt-chip{flex:0 0 auto;font:inherit;font-weight:800;font-size:12px;color:var(--gold-deep);padding:6px 11px;border-radius:999px;border:2px solid var(--line);background:#784a1e1a;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.flt-chip:hover{background:#784a1e33}.flt-chip.on{color:#fff;background:linear-gradient(180deg,var(--gold-2),var(--gold-deep));border-color:var(--gold-deep);box-shadow:0 1px 3px #5a28004d}.flt-lbl{flex:0 0 auto;font-size:11px;font-weight:800;color:var(--muted);margin-left:2px}.flt-select{flex:0 0 auto;font:inherit;font-weight:700;font-size:12px;color:var(--ink);padding:6px 26px 6px 10px;border-radius:10px;border:2px solid var(--line);background-color:#fff8e6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%235a3b18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.flt-select:hover{border-color:var(--gold-2)}.flt-select:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #f4a83a4d}.flt-select option,.flt-select optgroup{font-weight:700}.flt-clear{flex:0 0 auto;margin-left:auto;font:inherit;font-weight:800;font-size:12px;color:var(--muted);padding:6px 10px;border-radius:10px;border:2px solid transparent;background:transparent;cursor:pointer}.flt-clear:hover{color:#b3261e;border-color:#b3261e66;background:#b3261e14}.flt-empty{padding:22px 12px;text-align:center;color:var(--muted);font-weight:700;font-size:13px}.flt-empty,.nq-empty,.stall-empty,.eq-empty,.auto-empty,.g-empty,.rk-empty,.nl-empty,.rp-empty,.gm-pal-empty,.pvp-empty{grid-column:1 / -1;width:100%;min-width:0;box-sizing:border-box}.flt-empty{display:flex;align-items:center;justify-content:center;min-height:140px;line-height:1.5}.panel-inv.auto{width:min(360px,92vw)}.pet-nav .navicon{object-fit:contain;transform:scale(1.18);filter:drop-shadow(0 2px 3px rgba(41,22,67,.38))}.panel-inv.pet-panel{--pet-inset: 16px;width:min(920px,94vw);max-height:min(850px,90vh);overflow:hidden;z-index:145}.pet-head .ptitle{display:flex;align-items:center;gap:8px}.pet-head .ptitle img{width:34px;height:34px;object-fit:contain}.pet-head-count{margin-left:auto;padding:5px 10px;border:1px solid rgba(137,85,31,.35);border-radius:999px;background:#ffffff7a;color:var(--ink-2);font-family:var(--font-mono);font-weight:800}.pet-equipped{position:relative;min-height:196px;display:flex;align-items:center;gap:14px;overflow:hidden;border-bottom:1px solid rgba(192,138,74,.3);background:radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--pet-grade, #9ddcff) 28%,transparent),transparent 34%),linear-gradient(115deg,#ffffff94,#ffe9b757)}.pet-equipped>img{position:relative;z-index:1;width:150px;height:150px;flex:0 0 150px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(67,36,18,.2))}.pet-hero-aura{position:absolute;left:26px;top:22px;width:116px;height:116px;border-radius:50%;background:color-mix(in srgb,var(--pet-grade) 40%,transparent);filter:blur(14px);animation:petAura 2.1s ease-in-out infinite}@keyframes petAura{0%,to{transform:scale(.9);opacity:.58}50%{transform:scale(1.12);opacity:.9}}.pet-hero-copy{position:relative;z-index:1;min-width:0;flex:1;padding:12px 0}.pet-hero-copy>span{color:var(--pet-grade);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 0 white}.pet-hero-copy h3{margin:1px 0 3px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:25px}.pet-hero-copy h3 small{display:inline-block;margin-left:5px;border-radius:999px;padding:2px 8px;color:#fff;background:color-mix(in srgb,var(--pet-grade) 72%,#5b356b);box-shadow:0 2px 5px color-mix(in srgb,var(--pet-grade) 24%,transparent);font:900 12px var(--font-mono);vertical-align:middle}.pet-hero-species{margin:-1px 0 3px;color:color-mix(in srgb,var(--pet-grade) 62%,#5d5367);font-size:11px;font-weight:850}.pet-hero-copy p{margin:0 0 7px;color:var(--muted);line-height:1.35}.pet-hero-stats{display:flex;flex-wrap:wrap;gap:6px}.pet-hero-stats b,.pet-hero-stats i{padding:4px 8px;border-radius:999px;font-size:12px;font-style:normal;background:#ffffffa8;border:1px solid rgba(137,85,31,.22)}.pet-hero-stats .unlocked{border-color:color-mix(in srgb,var(--pet-grade) 52%,rgba(137,85,31,.22));background:color-mix(in srgb,var(--pet-grade) 14%,white)}.pet-hero-stats .locked{color:var(--muted);border-style:dashed}.pet-next-unlock{margin-top:6px;color:color-mix(in srgb,var(--pet-grade) 72%,#59382b);font-size:11px;font-weight:850}.pet-exp{max-width:460px;margin:7px 0}.pet-exp-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:3px;color:var(--ink-2);font:800 10px var(--font-mono)}.pet-exp-label b{color:color-mix(in srgb,var(--pet-grade) 78%,#604021)}.pet-exp-track{height:10px;overflow:hidden;border:1px solid rgba(92,57,27,.32);border-radius:999px;padding:1px;background:#4e34232e;box-shadow:inset 0 1px 2px #361f1033}.pet-exp-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--pet-grade) 70%,#fff3a5),var(--pet-grade));box-shadow:0 0 7px color-mix(in srgb,var(--pet-grade) 60%,transparent);transition:width .35s ease}.pet-exp.mini{width:100%;margin:5px 0 1px}.pet-exp.mini .pet-exp-label{margin-bottom:2px;font-size:9px}.pet-exp.mini .pet-exp-track{height:7px}.pet-hero-actions{position:relative;z-index:2;display:flex;flex:0 0 auto;flex-direction:column;gap:6px;margin-right:16px}.pet-hero-actions .btn{white-space:nowrap}.pet-hero-empty{width:100%;min-height:138px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.pet-hero-empty img{width:78px;height:98px;object-fit:contain;filter:grayscale(.35) opacity(.75)}.pet-hero-empty div{display:flex;flex-direction:column}.pet-hero-empty b{color:var(--ink);font-size:17px}.pet-hatch-dock{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:110px;padding:12px var(--pet-inset);border-bottom:2px dashed rgba(192,138,74,.38);background:linear-gradient(90deg,#a87aff14,#ffca6a1a)}.pet-egg-art{position:relative;display:grid;place-items:center;height:94px}.pet-egg-art img{position:relative;width:64px;height:82px;object-fit:contain;z-index:1;animation:petEggIdle 2.4s ease-in-out infinite}.pet-egg-aura{position:absolute;width:72px;height:72px;border-radius:50%;background:#c286ff54;filter:blur(10px)}@keyframes petEggIdle{0%,to{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.pet-egg-copy{min-width:0;display:flex;flex-direction:column}.pet-egg-copy b{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:18px}.pet-egg-copy>span{color:var(--muted);font-size:13px}.pet-rates{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.pet-rates i{display:inline-flex;align-items:center;gap:3px;border:1px solid color-mix(in srgb,var(--pet-grade) 70%,#76501f);border-radius:999px;padding:2px 6px;background:color-mix(in srgb,var(--pet-grade) 16%,white);color:var(--ink);font:800 10px var(--font-mono)}.pet-rates i:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pet-grade)}.pet-egg-action{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:138px}.pet-egg-have{display:flex;align-items:center;justify-content:center;gap:7px;padding:4px 10px;border-radius:999px;border:1.5px solid rgba(192,138,74,.4);background:#fffdf3c7}.pet-egg-have img{width:20px;height:20px;object-fit:contain}.pet-egg-have b{font-family:var(--font-mono);font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}.pet-egg-action .btn{width:100%;justify-content:center}#pet-hatch-btn:disabled{filter:grayscale(.65);opacity:.55;cursor:not-allowed}.pet-status{min-height:24px;padding:5px var(--pet-inset) 3px;text-align:center;color:#6f5493;font-size:12px;font-weight:800}.pet-status.error{color:#b83b4a}.pet-filters{display:flex;gap:5px;overflow-x:auto;padding:5px var(--pet-inset) 7px;scrollbar-width:thin}.pet-filters button{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--pet-grade, #c08a4a) 60%,#8a5a25);border-radius:999px;padding:5px 9px;color:var(--ink-2);background:color-mix(in srgb,var(--pet-grade, #ffe4ad) 15%,white);font:800 12px var(--font);cursor:pointer}.pet-filters button.active{color:#2c1643;background:color-mix(in srgb,var(--pet-grade, #ffd56b) 42%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--pet-grade, #ffd56b) 28%,transparent)}.pet-filters i{font-style:normal;opacity:.68}.pet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:min(338px,38vh);overflow-y:auto;padding:4px calc(var(--pet-inset) - 4px) 16px var(--pet-inset)}.pet-card{position:relative;min-width:0;min-height:281px;padding:8px;border:2px solid color-mix(in srgb,var(--pet-grade) 74%,#8a5a25);border-radius:16px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--pet-grade) 17%,white),transparent 46%),#fffdf2c7;box-shadow:inset 0 0 0 1px #ffffffb8,0 3px 8px #3a24101a;overflow:hidden}.pet-card-level{position:absolute;left:8px;top:8px;z-index:2;border:1px solid color-mix(in srgb,var(--pet-grade) 70%,#76501f);border-radius:999px;padding:3px 7px;color:#fff;background:color-mix(in srgb,var(--pet-grade) 76%,#533663);box-shadow:0 2px 5px #2e1b1438;font:900 10px var(--font-mono)}.pet-card-rename{position:absolute;right:8px;top:8px;z-index:3;display:grid;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--pet-grade) 66%,#76501f);border-radius:50%;color:#51325d;background:color-mix(in srgb,var(--pet-grade) 18%,rgba(255,255,255,.94));box-shadow:0 2px 5px #2e1b142e;font:900 15px var(--font);cursor:pointer}.pet-card-rename:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--pet-grade) 34%,white)}.pet-card.active{box-shadow:inset 0 0 0 2px #ffffffd1,0 0 0 3px color-mix(in srgb,var(--pet-grade) 42%,transparent),0 5px 14px #3a241029}.pet-card-art{height:118px;display:grid;place-items:center}.pet-card-art img{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(46,26,13,.2));transition:transform .18s ease}.pet-card.owned:hover .pet-card-art img{transform:translateY(-3px) scale(1.04)}.pet-card.locked .pet-card-art img{filter:grayscale(1) brightness(.38) opacity(.36)}.pet-card-grade{display:block;margin-top:-1px;color:color-mix(in srgb,var(--pet-grade) 78%,#4d2b12);font-size:10px;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.pet-card h4{margin:1px 0 3px;overflow:hidden;color:var(--ink);font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pet-card p{height:34px;margin:0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.35;text-align:center}.pet-card-foot{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:6px}.pet-card-foot>i{max-width:116px;overflow:hidden;border-radius:999px;padding:3px 7px;color:var(--ink-2);background:#ffe2a3b3;font:800 11px var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.pet-card-foot>b{color:color-mix(in srgb,var(--pet-grade) 76%,#623810);font-size:11px}.pet-card-foot .btn{min-height:29px;padding:3px 9px;font-size:11px}.pet-lock{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:#3625488a}.pet-rename-dialog{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:18px;background:#2718368a;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .16s ease}.pet-rename-dialog.show{opacity:1;pointer-events:auto}.pet-rename-card{width:min(520px,92%);display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;border:2px solid rgba(172,113,206,.64);border-radius:22px;padding:18px;background:radial-gradient(circle at 18% 42%,rgba(218,174,255,.32),transparent 36%),linear-gradient(145deg,#fffdf3,#f8edff);box-shadow:0 18px 52px #21122f61,inset 0 0 0 2px #ffffffb8;transform:translateY(8px) scale(.96);transition:transform .18s ease}.pet-rename-dialog.show .pet-rename-card{transform:none}.pet-rename-card>img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(61,35,76,.22))}.pet-rename-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.pet-rename-copy>span{color:#9061b0;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.pet-rename-copy>b{color:var(--ink);font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:22px}.pet-rename-copy input{width:100%;min-height:42px;border:2px solid rgba(145,96,177,.42);border-radius:12px;padding:7px 11px;color:var(--ink);background:#ffffffdb;font:800 16px var(--font);outline:none}.pet-rename-copy input:focus{border-color:#a66cce;box-shadow:0 0 0 3px #a66cce29}.pet-rename-copy>small{color:var(--muted);line-height:1.35}.pet-rename-cost{min-height:34px;display:flex;align-items:center;gap:7px;border:1px solid rgba(145,96,177,.28);border-radius:11px;padding:5px 8px;background:#ffffff94;color:var(--ink-2);font-size:12px;font-weight:850}.pet-rename-cost.free{border-color:#5bb76c7a;background:#daffda94;color:#3c8047}.pet-rename-cost.ticket img{width:30px;height:30px;flex:0 0 auto;object-fit:contain}.pet-rename-cost.ticket span{min-width:0}.pet-rename-cost.ticket b{color:#8c58ad}.pet-rename-cost.ticket.lack b{color:#c13f51}.pet-rename-cost button{margin-left:auto;border:1px solid rgba(145,96,177,.42);border-radius:999px;padding:3px 8px;color:#70448f;background:#ffffffc7;font:850 11px var(--font);cursor:pointer;white-space:nowrap}.pet-rename-cost button:hover{background:#fff}.pet-rename-copy>em{min-height:18px;color:#b83b4a;font-size:11px;font-style:normal;font-weight:800}.pet-rename-actions{display:flex;justify-content:flex-end;gap:7px}.pet-hatch-fx{position:absolute;inset:0;display:none;place-items:center;overflow:hidden;z-index:390;pointer-events:auto;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--pet-grade, #c083ff) 30%,transparent),transparent 34%),#10072ce0;backdrop-filter:blur(8px)}.pet-hatch-fx.show{display:grid}.ph-stars{position:absolute;inset:-20%;opacity:.58;background-image:radial-gradient(circle,#fff 0 1px,transparent 2px),radial-gradient(circle,color-mix(in srgb,var(--pet-grade, #d5a1ff) 72%,white) 0 1.5px,transparent 2.5px);background-position:0 0,31px 47px;background-size:72px 72px,109px 109px;animation:phStars 12s linear infinite}@keyframes phStars{to{transform:rotate(8deg) scale(1.08)}}.ph-ring{position:absolute;width:290px;height:146px;border:3px solid color-mix(in srgb,var(--pet-grade, #d5a1ff) 70%,white);border-radius:50%;opacity:0;box-shadow:0 0 26px color-mix(in srgb,var(--pet-grade, #d5a1ff) 70%,transparent)}.phase-charge .ph-ring{animation:phRing 1s ease-out infinite}.phase-charge .ph-ring.r2{animation-delay:.22s}.phase-charge .ph-ring.r3{animation-delay:.44s}@keyframes phRing{0%{transform:scale(.35);opacity:.92}to{transform:scale(1.45);opacity:0}}.ph-egg{position:relative;z-index:2;width:178px;height:224px;object-fit:contain;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--pet-grade, #d5a1ff) 76%,white))}.phase-charge .ph-egg{animation:phEggCharge .18s ease-in-out infinite alternate}@keyframes phEggCharge{0%{transform:rotate(-4deg) translate(-2px) scale(.98)}to{transform:rotate(4deg) translate(2px) scale(1.02)}}.ph-crack{position:absolute;z-index:4;color:#fff;font-size:120px;opacity:0;text-shadow:0 0 30px white,0 0 80px var(--pet-grade, #d5a1ff)}.phase-burst .ph-egg{animation:phEggBurst .52s ease-out forwards}.phase-burst .ph-crack{animation:phCrack .58s ease-out forwards}@keyframes phEggBurst{0%{transform:scale(1);opacity:1;filter:brightness(1)}45%{transform:scale(1.18);opacity:1;filter:brightness(4)}to{transform:scale(2.6);opacity:0;filter:brightness(8)}}@keyframes phCrack{0%{transform:scale(.2) rotate(-20deg);opacity:0}35%{opacity:1}to{transform:scale(4) rotate(25deg);opacity:0}}.ph-reveal{position:absolute;z-index:5;width:min(460px,88vw);display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(40px) scale(.72);text-align:center}.phase-reveal .ph-egg,.phase-reveal .ph-ring{display:none}.phase-reveal .ph-reveal{animation:phReveal .62s cubic-bezier(.18,.9,.3,1.25) forwards}@keyframes phReveal{to{opacity:1;transform:translateY(0) scale(1)}}.ph-reveal:before{content:"";position:absolute;top:84px;width:280px;height:280px;border-radius:50%;background:color-mix(in srgb,var(--pet-grade, #d5a1ff) 34%,transparent);filter:blur(28px);z-index:-1;animation:petAura 1.7s ease-in-out infinite}.ph-grade{margin-bottom:-6px;color:color-mix(in srgb,var(--pet-grade, #d5a1ff) 72%,white);font:900 15px var(--font-display);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 12px var(--pet-grade, #d5a1ff)}.ph-reveal>img{width:286px;height:286px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(8,4,25,.44));animation:phPetFloat 2.2s ease-in-out infinite}@keyframes phPetFloat{0%,to{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.ph-reveal h2{margin:-18px 0 2px;color:#fff;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:34px;text-shadow:0 3px 0 rgba(50,21,72,.45),0 0 16px var(--pet-grade, #d5a1ff)}.ph-reveal p{margin:0 0 8px;color:#f8efff;line-height:1.4}.ph-duplicate{margin-bottom:13px;border:1px solid color-mix(in srgb,var(--pet-grade, #d5a1ff) 68%,white);border-radius:999px;padding:5px 12px;color:#fff;background:#1f0f3e99;font-weight:800}@media (max-width: 800px){.panel-inv.pet-panel{width:96vw;max-height:92vh;--pet-inset: 12px}.pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-equipped>img{width:112px;height:112px;flex-basis:112px}.pet-hatch-dock{grid-template-columns:70px 1fr}.pet-egg-action{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:center;min-width:0;padding-bottom:9px}.pet-egg-action .btn{width:auto}}@media (max-width: 560px){.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-equipped{min-height:168px}.pet-hero-copy p,.pet-hero-stats i,.pet-next-unlock{display:none}.pet-hero-actions{margin-right:8px}.pet-hero-actions .btn{padding-inline:8px}.pet-rename-card{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:13px}.pet-rename-card>img{width:92px;height:92px}.pet-rename-copy>b{font-size:18px}}.auto-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;margin:8px 12px 0;border:2px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff8e6b3,#fff0d280);cursor:pointer}.auto-switch input{width:18px;height:18px;accent-color:var(--gold-deep);cursor:pointer;flex:0 0 auto}.auto-switch-txt{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:13px;color:var(--gold-deep)}.auto-hint{flex-basis:100%;font-size:11px;color:var(--muted);line-height:1.35}.auto-pick-head{padding:12px 14px 6px;font-size:11px;font-weight:800;color:var(--muted)}.auto-sec-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:14px 14px 2px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:12.5px;font-weight:700;color:var(--gold-deep)}.auto-sec-head:before{content:"";flex:0 0 auto;width:4px;height:13px;border-radius:2px;background:linear-gradient(180deg,var(--gold),#e08a2a)}.auto-sec-note{flex-basis:100%;padding-left:12px;font-family:var(--font-body);font-size:10.5px;font-weight:600;color:var(--muted)}.auto-pot{margin:8px 12px 0;padding:8px;border:2px solid var(--line);border-radius:12px;background:#fffdf38c}.auto-pot .auto-pot-sw{margin:0 0 7px;padding:0;border:0;background:none}.auto-pot-combo{position:relative}.auto-pot-combo .gm-combo-in{width:100%;font-size:12px;padding:6px 26px 6px 9px}.auto-thr{display:flex;align-items:center;gap:8px;margin-top:8px}.auto-thr-lbl{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--muted)}.auto-thr-val{flex:0 0 auto;min-width:38px;text-align:right;font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--gold-deep)}.auto-range{flex:1;min-width:0;height:6px;-webkit-appearance:none;appearance:none;border-radius:4px;background:linear-gradient(90deg,var(--thr-c, var(--gold)) 0%,rgba(160,120,60,.25) 100%);cursor:pointer}.auto-range.hp{--thr-c: #e8556d}.auto-range.mp{--thr-c: #4f8ee0}.auto-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--thr-c));border:2px solid #fffdf3;box-shadow:0 1px 3px #46280a80;cursor:pointer}.auto-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--thr-c);border:2px solid #fffdf3;box-shadow:0 1px 3px #46280a80;cursor:pointer}.auto-pick-list{max-height:220px;overflow-y:auto;margin:0 12px 12px;padding:6px;border:2px solid var(--line);border-radius:12px;background:#fffdf399;display:flex;flex-direction:column;gap:2px}.auto-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;cursor:pointer;transition:background .1s}.auto-row:hover{background:#784a1e1a}.auto-row input{width:16px;height:16px;accent-color:var(--gold-deep);cursor:pointer;flex:0 0 auto}.auto-row-ic{width:26px;height:26px;object-fit:contain;flex:0 0 auto;border-radius:5px;background:#fffdf3cc;border:1px solid var(--line)}.auto-row-name{flex:1;font-weight:700;font-size:12.5px;color:var(--ink)}.auto-row-lv{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.auto-row-all{background:#ffd56b2e;font-family:var(--font-display);letter-spacing:var(--display-tracking)}.auto-row-all .auto-row-name{color:var(--gold-deep)}.auto-empty{padding:16px 8px;text-align:center;color:var(--muted);font-weight:700;font-size:12.5px}.chk-box{width:min(760px,95vw);max-height:88vh;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#fff8e0,var(--paper) 60%,var(--paper-2));border:3px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 44px #1c0c3c8c}.chk-sub{padding:10px 20px 0;font-size:12.5px;font-weight:700;color:var(--ink-2);text-align:center}.chk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;padding:12px 18px;overflow-y:auto}.chk-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 5px 8px;border-radius:14px;border:2px solid rgba(192,138,74,.42);background:#fffdf3b8;transition:transform .12s,box-shadow .12s}.chk-dnum{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:11.5px;color:var(--muted)}.chk-pic{position:relative;width:52px;height:52px;border-radius:11px;border:2px solid var(--line);background:#ffffffd9;display:grid;place-items:center}.chk-pic img{width:40px;height:40px;object-fit:contain}.chk-day.tier-1 .chk-pic{border-color:#79c328}.chk-day.tier-2 .chk-pic{border-color:#2d8df0}.chk-day.tier-3 .chk-pic{border-color:#b06bff}.chk-day.tier-4 .chk-pic{border-color:#ff9d2e}.chk-day.tier-5 .chk-pic{border-color:#ff6b6b}.chk-qty{position:absolute;right:-4px;bottom:-4px;font-family:var(--font-mono);font-weight:800;font-size:10.5px;padding:1px 4px;border-radius:7px;color:#fff;background:#3a2410e0}.chk-name{font-size:10.5px;font-weight:800;line-height:1.25;text-align:center;color:var(--ink);min-height:26px}.chk-day.done{opacity:.58;background:#e8dec699}.chk-stamp{position:absolute;inset:0;display:grid;place-items:center;background:#ffffff59;border-radius:9px}.chk-stamp img{width:28px;height:28px}.chk-day.ready{border-color:var(--gold-2);background:linear-gradient(180deg,#fff6d4,#ffeab0);box-shadow:0 0 0 3px #ffd56b73,0 6px 16px #b8741e47;animation:ci-breathe 1.9s ease-in-out infinite}@keyframes ci-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.03)}}.chk-nowtag{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;padding:1px 8px;border-radius:8px;color:var(--ink);background:var(--gold);border:1.5px solid var(--gold-deep);white-space:nowrap}.chk-day.milestone{border-color:var(--violet-2);background:linear-gradient(180deg,#f6efff,#ece0ff)}.chk-day.milestone.ready{border-color:var(--gold-2);background:linear-gradient(180deg,#fff3d6,#ffe3c0)}.chk-ribbon{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:9.5px;font-weight:800;padding:1px 8px;border-radius:8px;color:#fff;background:var(--violet-2);white-space:nowrap}.chk-foot{display:flex;align-items:center;gap:12px;padding:10px 20px 16px;border-top:2px dashed rgba(192,138,74,.45)}.chk-meta{flex:1;font-size:12px;font-weight:700;color:var(--muted)}.chk-claim{min-width:168px;font-size:15px}.chk-claim:disabled{opacity:.55;cursor:default;filter:grayscale(.4)}@media (max-width: 720px){.chk-grid{grid-template-columns:repeat(4,1fr)}}:where(.item-pic){position:relative;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px}:where(.item-pic)>img{width:34px;height:34px;object-fit:contain}.item-pic.grade-1{--grade: #79c328}.item-pic.grade-2{--grade: #2d8df0}.item-pic.grade-3{--grade: #b06bff}.item-pic.grade-4{--grade: #ff9d2e}.item-pic.grade-5{--grade: #ff6b6b}.item-pic.grade-1,.item-pic.grade-2,.item-pic.grade-3,.item-pic.grade-4,.item-pic.grade-5{box-shadow:inset 0 0 0 2px var(--grade)}.item-pic.cr-item-pic,.item-pic.bank-item-pic{box-shadow:none;border-color:var(--grade, rgba(180, 119, 48, .55))}.item-pic.mk-pic,.item-pic.mail-item-ic{box-shadow:none;border-color:var(--grade, var(--line))}.item-pic.ii-pic{box-shadow:0 4px 12px #00000040,inset 0 -8px 16px #0000000d}.item-pic.cmp-face-pic{box-shadow:none}.scr-pic,.g-bpic,.mk-pic.sm{width:34px;height:34px}.scr-pic>img,.g-bpic>img,.mk-pic.sm>img{width:28px;height:28px}.item-pic.sr-pic{width:36px;height:36px;box-shadow:none}.sr-pic>img{width:36px;height:36px}.buy-pic-holder,.sq-pic{display:flex;align-items:center}.sq-pic-inner,.bq-pic-inner{width:48px;height:48px}.sq-pic-inner>img,.bq-pic-inner>img{width:38px;height:38px}#craft-fx .cfx-pic{width:62px;height:62px;background:none;box-shadow:none}#craft-fx .cfx-pic .plus-badge,#craft-fx .cfx-pic .qty,#craft-fx .cfx-pic .equip-badge,#craft-fx .cfx-pic .broken-badge,#craft-fx .cfx-pic .elem-badge,#craft-fx .cfx-pic .ench-gems{display:none}.rfx-dim{filter:grayscale(.9) brightness(.8)}.rfx-fade{filter:saturate(.6) brightness(.9)}.ct-pic{width:46px;height:46px;background:none;font-size:13px;line-height:1.2}.ct-pic>img{width:42px;height:42px}.item-pic.ct-pic{box-shadow:none}.pvp-shop-pic{width:40px;height:40px;background:none}.chk-pic-inner{width:100%;height:100%;background:none}.topnav.cash-nav .navicon{animation:topBob 3.6s ease-in-out infinite,cashPulse 2.4s ease-in-out infinite}.topnav.cash-nav .topnav-ic{overflow:visible}.topnav.cash-nav .cash-tw.tw1{top:2px;right:2px}.topnav.cash-nav .cash-tw.tw2{bottom:4px;left:1px}.topnav.cash-nav .cash-tw.tw3{top:9px;left:8px}.top-actions .topnav:nth-child(4) .navicon{animation-delay:1.5s}.top-actions .topnav:nth-child(5) .navicon{animation-delay:2s}.top-actions .topnav:nth-child(6) .navicon{animation-delay:2.5s}.top-actions .topnav:nth-child(7) .navicon{animation-delay:.25s}.top-actions .topnav:nth-child(8) .navicon{animation-delay:.75s}.top-actions .topnav:nth-child(9) .navicon{animation-delay:1.25s}.top-actions .topnav:nth-child(10) .navicon{animation-delay:1.75s}.ls-stuck{display:none;margin-top:16px;padding:14px 16px;border-radius:14px;border:2px solid rgba(255,213,107,.5);background:#120a2ab8;max-width:520px;text-align:center}.ls-stuck.show{display:block}.ls-stuck-msg{font-weight:700;font-size:13.5px;color:#ffe9b8;line-height:1.5}.ls-stuck-acts{display:flex;gap:10px;justify-content:center;margin-top:12px}.ls-stuck-diag{margin-top:10px;font-family:var(--font-mono);font-size:10.5px;color:#ffffff8c;word-break:break-all}.pet-hatch-fx .ph-multi{position:absolute;z-index:5;width:min(760px,94vw);display:none;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(40px) scale(.72);text-align:center}.pet-hatch-fx.phase-reveal.multi .ph-reveal{display:none}.pet-hatch-fx.phase-reveal.multi .ph-multi{display:flex;opacity:1;transform:none;transition:opacity .36s ease,transform .36s cubic-bezier(.18,1.5,.4,1)}.ph-multi-head h2{margin:0;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:26px;color:#fff;text-shadow:0 3px 0 rgba(20,8,40,.75)}.ph-multi-sum{margin:4px 0 0;font-size:13px;font-weight:700;color:color-mix(in srgb,var(--pet-grade, #d5a1ff) 55%,white)}.ph-multi-grid{display:grid;grid-template-columns:repeat(var(--ph-cols, 5),1fr);gap:10px;width:100%}@media (max-width: 700px){.ph-multi-grid{grid-template-columns:repeat(3,1fr)}}.ph-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border-radius:14px;border:2px solid color-mix(in srgb,var(--pet-grade, #c083ff) 45%,transparent);background:#1c0e3cb8;opacity:0;animation:phCell .34s cubic-bezier(.2,1.6,.4,1) forwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes phCell{0%{opacity:0;transform:translateY(14px) scale(.8)}to{opacity:1;transform:none}}.ph-cell.fresh{border-color:var(--pet-grade, #c083ff);background:#28144ee6;box-shadow:0 0 0 1px color-mix(in srgb,var(--pet-grade, #c083ff) 60%,transparent),0 6px 18px color-mix(in srgb,var(--pet-grade, #c083ff) 34%,transparent)}.ph-cell-art{width:62px;height:62px;display:grid;place-items:center}.ph-cell-art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.ph-cell-name{font-size:11.5px;font-weight:800;color:#fff;line-height:1.2}.ph-cell-note{font-size:10.5px;font-weight:700;color:#ffffff9e}.ph-cell.fresh .ph-cell-note{color:var(--pet-grade, #ffd56b);text-transform:uppercase;letter-spacing:.04em}.ph-cell.levelup .ph-cell-note{color:#9effb0}.pet-hatch-many{font-size:12.5px;padding-top:6px;padding-bottom:6px}.death-acts{display:flex;flex-direction:column;align-items:center;gap:9px}.death-revive{display:inline-flex;align-items:center;gap:9px;min-width:232px;justify-content:center}.death-revive img{width:26px;height:26px;object-fit:contain}.death-revive-n{font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums;padding:1px 8px;border-radius:999px;background:#3a241038}.death-revive:disabled{filter:grayscale(.7);opacity:.5;cursor:not-allowed}.death-hint{margin-top:10px;font-size:12px;font-weight:700;color:#fff8e0b8}.death-shop{margin-top:8px;gap:6px;color:#fff8e0e6;border-color:#ffd56b80;background:#fff8e014}.death-shop:hover{border-color:var(--gold);background:#ffd56b29}.death-shop img{width:16px;height:16px;object-fit:contain}#ui-root .panel-inv.over-veil{z-index:320}.cash-card.focus{border-color:var(--gold);box-shadow:0 0 0 2px #ffd56b8c,0 0 16px #ffaa2873;animation:cashFocusPulse 1.1s ease-out 2}@keyframes cashFocusPulse{0%,to{box-shadow:0 0 0 2px #ffd56b80,0 0 10px #ffaa284d}50%{box-shadow:0 0 0 3px #ffd56be6,0 0 22px #ffaa28bf}}:where(.item-pic){position:relative}:where(.item-pic)>:where(.qty){position:absolute;bottom:2px;right:3px;font-size:10px;font-weight:700;color:#fff;font-family:var(--font-mono);background:#1e0f3cd9;padding:0 4px;border-radius:6px;pointer-events:none}:where(.item-pic)>:where(.plus-badge){position:absolute;bottom:2px;right:3px;font-size:10px;font-weight:800;color:#ffe08a;text-shadow:0 1px 0 rgba(0,0,0,.75);pointer-events:none}:where(.item-pic)>:where(.equip-badge){position:absolute;top:2px;left:3px;right:auto;pointer-events:none}:where(.item-pic)>:where(.broken-badge){position:absolute;top:2px;right:3px;left:auto;pointer-events:none}:where(.item-pic)>:where(.broken-badge) img{width:14px;height:14px}.elem-badge{position:absolute;inset:2px 2px auto auto;display:grid;place-items:center;width:17px;height:17px;pointer-events:none;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 1px rgba(12,6,24,.9)) drop-shadow(0 0 4px var(--el-glow, transparent))}.broken>.elem-badge{top:19px}.elem-badge.elem-fire{--el-glow: #ff7a3c}.elem-badge.elem-water{--el-glow: #4fa9e8}.elem-badge.elem-thunder{--el-glow: #f4d23f}.elem-badge.elem-earth{--el-glow: #c79a5b}.elem-badge.elem-wind{--el-glow: #8fe0c4}.elem-badge.elem-ice{--el-glow: #9fe6ff}.elem-badge.elem-nature{--el-glow: #86d36a}.elem-badge.elem-light{--el-glow: #fff2b0}.elem-badge.elem-dark{--el-glow: #b07bd6}.el-fire{--el-glow: #ff7a3c}.el-water{--el-glow: #4fa9e8}.el-thunder{--el-glow: #f4d23f}.el-earth{--el-glow: #c79a5b}.el-wind{--el-glow: #8fe0c4}.el-ice{--el-glow: #9fe6ff}.el-nature{--el-glow: #86d36a}.el-light{--el-glow: #fff2b0}.el-dark{--el-glow: #b07bd6}#panel-element{z-index:120!important;width:min(780px,94vw)}#panel-element>.warp-hint{padding-top:8px;line-height:1.45}#element-body{max-height:min(68vh,700px);padding:10px 14px 14px}.el-infuse-main{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(350px,1.18fr);gap:11px;align-items:stretch}.el-infuse-preview,.el-chooser{position:relative;min-width:0;border-radius:16px;overflow:hidden}.el-infuse-preview{display:flex;flex-direction:column;padding:10px;color:#f4efff;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--el, #e7b54e) 18%,transparent),transparent 43%),linear-gradient(155deg,#263a54,#101a29 74%);box-shadow:inset 0 0 0 1px #c5dcf438,0 8px 22px -15px #091526eb}.el-chooser{padding:11px;background:linear-gradient(160deg,#273a52fa,#101b2afa);box-shadow:inset 0 0 0 1px #c5dcf433,0 8px 22px -15px #091526eb}.el-chooser>.el-sub{display:flex;align-items:center;gap:8px;margin:0 1px 8px;color:#edf5fc;opacity:1}.el-chooser>.el-sub i{margin-left:auto;color:#d6e2ef;font-size:9.5px;font-style:normal;font-weight:600}.el-seg{position:relative;z-index:3;display:flex;gap:5px;padding:4px;border-radius:12px;background:linear-gradient(180deg,#ead9b8,#ddc49a);box-shadow:inset 0 0 0 1px #c59a57,0 2px 5px #5b3a151f;margin-bottom:10px}.el-segbtn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid rgba(161,117,52,.3);border-radius:9px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;color:#654724;background:#fffae7a3;text-shadow:0 1px rgba(255,255,255,.55);transition:background .12s ease,color .12s ease,transform .08s ease}.el-segbtn:hover{color:#3f2a13;background:#fff8df}.el-segbtn.on{color:#4a2d0f;border-color:#c18024;background:linear-gradient(180deg,#fff4c9,#efc466);box-shadow:inset 0 1px #ffffffd9,0 2px #ae6e1e,0 4px 8px #5e360d2e}.el-segic{width:17px;height:17px;object-fit:contain}.el-sub{font-size:11px;font-weight:800;letter-spacing:.02em;opacity:.86;margin:12px 0 6px}.el-hero{position:relative;z-index:2;display:flex;gap:11px;align-items:center;min-height:64px;margin:0;padding:10px 12px;border-radius:14px;background:#050d1775;box-shadow:inset 0 0 0 1px #bbd5ef2e;overflow:hidden}.el-hero.infused:before{content:"";position:absolute;left:-30px;top:50%;width:150px;height:150px;transform:translateY(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--el) 42%,transparent) 0%,transparent 68%);pointer-events:none}.el-hero-ic{position:relative;flex:0 0 auto}.el-hero-txt{position:relative;min-width:0;flex:1}.el-hero-name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-hero-cur{display:flex;align-items:center;gap:6px;margin-top:3px}.el-hero-lbl{color:#d9e4ef;font-size:10.5px}.el-hero-none{color:#edf4fa;font-size:11px;font-style:italic}.el-hero-meta{position:relative;align-self:flex-start;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.el-hero-role,.el-hero-band{font-size:10px;font-weight:800;border-radius:999px;padding:2px 9px;white-space:nowrap}.el-hero-role{color:#e4f1fd;background:#75adde30}.el-hero-band{color:#ffd98a;background:#ffd98a29}.el-focus{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;min-height:112px;margin:9px 0 0;padding:9px 12px;border-radius:14px;background:#040c1666;box-shadow:inset 0 0 0 1px #bbd5ef26;overflow:hidden}.el-focus-ring{position:absolute;left:13px;top:50%;width:76px;height:76px;border:1px dashed rgba(198,222,245,.38);border-radius:50%;transform:translateY(-50%)}.el-focus-ring:before,.el-focus-ring:after{content:"";position:absolute;inset:8px;border:1px solid rgba(198,222,245,.2);border-radius:50%}.el-focus-ring:after{inset:20px}.el-focus.chosen .el-focus-ring{border-color:color-mix(in srgb,var(--el) 72%,white 12%);box-shadow:0 0 24px -7px var(--el),inset 0 0 18px -10px var(--el);animation:el-ritual-turn 16s linear infinite}@keyframes el-ritual-turn{to{transform:translateY(-50%) rotate(360deg)}}.el-focus-art{position:relative;z-index:1;display:grid;place-items:center;width:78px;height:78px}.el-focus-orb{width:76px;height:76px;object-fit:contain}.el-focus-empty{width:42px;height:42px;object-fit:contain;opacity:.42}.el-focus-copy{position:relative;z-index:1;min-width:0}.el-focus-copy span{display:block;margin-bottom:3px;color:#dce8f3;font-size:10px;font-weight:800}.el-focus-copy b{display:block;color:color-mix(in srgb,var(--el, #f5d273) 72%,white 28%);font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:18px;line-height:1.2}body.q-low .el-focus.chosen .el-focus-ring{animation:none}.el-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.el-orb-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));transition:transform .14s ease}.el-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px 7px;border:0;border-radius:12px;cursor:pointer;font:inherit;color:#f1f6fb;background:#06111db3;box-shadow:inset 0 0 0 1px #bbd5ef33;transition:transform .1s ease,box-shadow .12s ease,background .12s ease}.el-opt:hover{transform:translateY(-1px);background:#193046eb}.el-opt-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:none;box-shadow:none}.el-opt-name{font-size:11px;font-weight:700}.el-opt.on{color:#fff;background:color-mix(in srgb,var(--el) 18%,rgba(7,20,34,.92));box-shadow:inset 0 0 0 2px var(--el),0 0 14px -3px var(--el)}.el-opt.on .el-opt-name{color:#fff;text-shadow:0 1px 3px #000}.el-opt.on .el-orb-img{transform:scale(1.12) translateY(-1px)}.el-opt:hover .el-orb-img{transform:scale(1.06)}body.q-low .el-orb-img{transition:none}.el-opt.short .el-orb-img{filter:saturate(.2) brightness(.72)}.el-opt.short .el-opt-name{color:#f1f6fba8}.el-opt.short:hover .el-orb-img{filter:saturate(.55) brightness(.86)}.el-cur-tag{position:absolute;top:5px;right:5px;padding:1px 5px;border-radius:999px;color:#fff;background:color-mix(in srgb,var(--el) 68%,#142033 32%);font-size:8px;font-weight:900;line-height:1.45;box-shadow:0 0 7px -2px var(--el);text-shadow:0 1px 2px rgba(0,0,0,.7)}.el-opt .el-have{font-style:normal;font-size:10px;color:#d5e0ea;opacity:1;font-family:var(--font-mono)}.el-opt .el-have.ok{opacity:1;color:#9df5a8}.el-matchup{margin-top:11px;border-radius:12px;padding:9px 11px;background:#040d1885;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--el, #8b7ad0) 30%,transparent)}.el-infuse-preview .el-matchup{margin-top:auto}.el-infuse-preview .el-matchup.empty{color:#d7e4f0}.el-matchup.empty{text-align:center;font-size:11px;opacity:.82;font-style:italic;box-shadow:inset 0 0 0 1px #b49bfa24}.el-chart-page{padding:4px 2px 10px}.elc{display:grid;grid-template-columns:minmax(300px,1fr) minmax(210px,300px);align-items:start;gap:18px;border-radius:14px;padding:16px 18px;background:#040d189e;box-shadow:inset 0 0 0 1px #b49bfa33}@media (max-width: 780px){.elc{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}}.elc-side{display:flex;flex-direction:column;gap:10px}.elc-side .elc-h:not(:first-child){margin-top:4px}.elc-h{margin:0 0 7px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.2px;color:#ffe0a8}.elc-board{position:relative;width:100%;min-width:300px;max-width:420px;margin:0 auto;aspect-ratio:1}.elc-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.elc-arrow{stroke-width:2.4;stroke-linecap:round;opacity:.72}.elc-head{opacity:.85}.elc-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;width:68px}.elc-orb{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 34%,color-mix(in srgb,var(--el) 42%,transparent),#040c16e6);box-shadow:0 0 0 2px color-mix(in srgb,var(--el) 62%,transparent),0 3px 10px #00000073}.elc-orb img{width:30px;height:30px}.elc-name{font-size:10px;font-weight:700;line-height:1.1;text-align:center;color:#f2f7ff;text-shadow:0 0 4px rgba(2,8,18,.95),0 0 8px rgba(2,8,18,.8)}.elc-note{margin:7px 0 0;font-size:10.5px;line-height:1.45;color:#cfe0f2}.elc-chord-note{color:#b9d0ea;font-style:italic}.elc-duels{display:flex;flex-direction:column;gap:6px}.elc-duel{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:10px;background:#0a1426b3;box-shadow:inset 0 0 0 1px #b49bfa2e}.elc-duel-side{flex:1;display:flex;align-items:center;gap:5px;min-width:0;font-size:10.5px;color:color-mix(in srgb,var(--el) 55%,#ffffff)}.elc-duel-side img{width:22px;height:22px;flex:0 0 auto}.elc-duel-side b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elc-duel-vs{flex:0 0 12px;height:12px;background:linear-gradient(45deg,transparent 44%,#ffd56b 44%,#ffd56b 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#ffd56b 44%,#ffd56b 56%,transparent 56%);opacity:.75}.elc-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.elc-legend li{display:flex;align-items:center;gap:7px;font-size:10.5px;color:#dce8f6}.elc-legend i{flex:0 0 8px;height:8px;border-radius:2px}.elc-legend b{margin-left:auto;font-family:var(--font-display);font-weight:700}.elc-legend .good i{background:#7fe0a4}.elc-legend .good b{color:#7fe0a4}.elc-legend .bad i{background:#ff8a8a}.elc-legend .bad b{color:#ff8a8a}.elc-legend .mirror i{background:#b9a6ff}.elc-legend .mirror b{color:#b9a6ff}.el-mrow{display:flex;align-items:center;gap:8px;padding:3px 0}.el-mlbl{flex:0 0 78px;font-size:10.5px;font-weight:800}.el-mrow.good .el-mlbl{color:#9df5a8}.el-mrow.bad .el-mlbl{color:#ff9db5}.el-mgs{display:flex;gap:5px;flex-wrap:wrap}.el-mg{display:grid;place-items:center;width:30px;height:30px}.el-mg .el-orb-img{width:30px;height:30px;filter:none}.el-mg.none{color:#8b7ad0;font-size:12px;background:none;box-shadow:none}.el-trade{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:10px 0 4px;padding:12px 10px;border-radius:14px;color:#f1f6fb;background:linear-gradient(150deg,#263a52f5,#0e1927f5);box-shadow:inset 0 0 0 1px #bbd5ef33}.el-side{display:flex;flex-direction:column;align-items:center;gap:4px}.el-orb{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--el) 26%,transparent) 0%,transparent 70%);box-shadow:0 0 22px -8px var(--el)}.el-orb .el-orb-img{width:66px;height:66px}.el-side-name{font-size:12px;font-weight:800;color:color-mix(in srgb,var(--el) 72%,white 28%);text-shadow:0 1px 3px #000}.el-side-qty{color:#dce7f1;font-family:var(--font-mono);font-size:11px}.el-side-qty.ok{color:#9df5a8;opacity:1}.el-side-qty.short{color:#ff9db5;opacity:1}.el-arrow{display:flex;flex-direction:column;align-items:center;gap:3px}.el-rate{font-family:var(--font-mono);font-size:11px;font-weight:800;color:#ffd98a}.el-arrow i{display:block;width:34px;height:10px;background:currentColor;color:#c8b4ff8c;clip-path:polygon(0 38%,68% 38%,68% 0,100% 50%,68% 100%,68% 62%,0 62%)}.el-tier{border:0;border-radius:999px;padding:4px 12px;cursor:pointer;font:inherit;font-size:11px;font-weight:800;color:#eef5fb;background:#24384f;box-shadow:inset 0 0 0 1px #bbd5ef40}.el-tier.on{color:#2a1a06;background:linear-gradient(180deg,#ffe9bd,#ffd07a);box-shadow:0 2px 6px #00000040}.el-band{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.el-exchange-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.el-exchange-pick{min-width:0;padding:10px;border-radius:14px;background:linear-gradient(155deg,#263a52fa,#0e1927fa);box-shadow:inset 0 0 0 1px #bbd5ef33}.el-exchange-pick>.el-sub{margin:0 0 7px;color:#edf5fc;opacity:1}.el-bill{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px;padding:8px 11px;border-radius:11px;color:#49351f;background:#fff7df;box-shadow:inset 0 0 0 1px #d4aa66;font-size:11.5px;font-weight:700}.el-bill-item{display:inline-flex;align-items:center;gap:5px}.el-bill-item i{font-style:normal;font-family:var(--font-mono);font-size:10.5px}.el-bill-item i.ok{color:#1f743e}.el-bill-item i.short{color:#a52f4e}.el-bill-gold{margin-left:auto;color:#8a530a!important;text-shadow:none}.el-rate-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:3px 11px;color:#234a2d;background:#e9f3d6;box-shadow:inset 0 0 0 1px #90b16c}.el-rate-pill small{position:relative;font-size:9.5px;font-weight:800}.el-rate-pill:before{content:"";position:absolute;inset:0;width:calc(var(--pct) * 1%);background:linear-gradient(90deg,#6ee06e,#b6e86a);opacity:.34}.el-rate-pill b{position:relative;font-family:var(--font-mono)}.el-action-zone{padding:9px 11px 11px;border-radius:14px;color:#4d3822;background:linear-gradient(180deg,#fff9e8,#f2dfbb);box-shadow:inset 0 0 0 1px #a8702b6b,0 4px 12px #67401414}.el-action-zone .el-bill{margin-top:0}.el-action-help{display:flex;align-items:center;gap:9px;margin-top:7px}.el-action-help .el-note{flex:1;margin:0}.el-ready{flex:0 0 auto;border-radius:999px;padding:3px 9px;color:#8a5261;background:#b04d681a;font-size:10px;font-weight:800;white-space:nowrap}.el-ready.ok{color:#287443;background:#39a65b21}.el-go{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:11px;padding:11px;border:1px solid #b97b20;border-radius:13px;cursor:pointer;font:inherit;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:15px;font-weight:700;color:#4b2c0c;background:linear-gradient(180deg,#fff0ad,#e7ae3d);text-shadow:0 1px rgba(255,255,255,.55);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--el, #f5cf69) 42%,transparent),inset 0 1px #ffffffe0,0 3px #9b5f16,0 7px 14px -5px #53310b80;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}.el-go:hover:not(:disabled){transform:translateY(-1px)}.el-go:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--el, #f5cf69) 42%,transparent),0 1px #9b5f16}.el-go:disabled{cursor:default;color:#665844;border-color:#ac9a7d;background:linear-gradient(180deg,#e9dfcc,#cfc0a7);box-shadow:inset 0 1px #ffffffa6,0 2px #a39277;filter:none;opacity:1}.el-go-ic{width:20px;height:20px;object-fit:contain}.el-go-orb{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.el-cost{margin-top:9px;font-size:11.5px;font-weight:700;font-family:var(--font-mono)}.el-note{font-size:10.5px;opacity:.88;line-height:1.5;margin-top:7px}.el-note.el-warn{color:#ffe4b0;opacity:1}.el-action-zone .el-note.el-warn{color:#6f4c23;font-weight:650}#element-ritual-fx{--el: #f0c95b;--ritual-ms: 2.2s;position:fixed;inset:0;z-index:620;display:grid;place-items:center;isolation:isolate;overflow:hidden;pointer-events:auto;font-family:var(--font-body);animation:erf-enter .22s ease-out both}.erf-veil{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--el) 18%,transparent),transparent 34%),linear-gradient(#040c1694,#040a13d1)}.erf-stage{position:absolute;left:50%;top:45%;width:min(340px,86vw);height:300px;transform:translate(-50%,-50%)}.erf-aura{position:absolute;left:50%;bottom:22px;width:190px;height:84px;border-radius:50%;transform:translate(-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--el) 42%,transparent),transparent 68%);filter:blur(7px);opacity:.6;animation:erf-aura var(--ritual-ms) ease-in-out both}.erf-runes{position:absolute;left:50%;top:52%;width:220px;height:220px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--el) 58%,transparent);border-radius:50%;box-shadow:inset 0 0 24px -15px var(--el),0 0 28px -16px var(--el);animation:erf-wheel var(--ritual-ms) cubic-bezier(.2,.7,.25,1) both}.erf-runes:before,.erf-runes:after{content:"";position:absolute;inset:20px;border:1px dashed color-mix(in srgb,var(--el) 54%,transparent);border-radius:50%}.erf-runes:after{inset:50px;border-style:solid;opacity:.65}.erf-runes>i,.erf-motes>i{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);display:block;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--el) 76%,white 24%);box-shadow:0 0 8px 2px var(--el)}.erf-runes>i{transform:rotate(var(--a)) translateY(-109px);animation:erf-rune-in var(--ritual-ms) ease-in both}.erf-motes{position:absolute;inset:0}.erf-motes>i{width:4px;height:4px;transform:rotate(var(--a)) translateY(-150px);animation:erf-mote-in var(--ritual-ms) cubic-bezier(.3,0,.8,1) var(--delay) both}.erf-beam{position:absolute;left:50%;top:73px;width:8px;height:145px;border-radius:999px;transform:translate(-50%) scaleY(0);transform-origin:bottom;background:linear-gradient(transparent,color-mix(in srgb,var(--el) 82%,white 18%));box-shadow:0 0 18px 5px var(--el);opacity:0;animation:erf-beam var(--ritual-ms) ease-in both}.erf-orb{position:absolute;z-index:3;left:50%;top:18px;width:94px;height:94px;transform:translate(-50%);filter:drop-shadow(0 0 15px var(--el));animation:erf-orb-dive var(--ritual-ms) cubic-bezier(.2,.7,.25,1) both}.erf-orb-img{width:100%;height:100%;object-fit:contain}.erf-item{position:absolute;z-index:4;left:50%;bottom:38px;display:grid;place-items:center;width:76px;height:76px;border-radius:20px;transform:translate(-50%);background:#07111dd1;box-shadow:inset 0 0 0 2px #ffeebebd,0 8px 30px #00000075;animation:erf-item-charge var(--ritual-ms) ease-in both}.erf-item .item-pic{width:54px;height:54px;transform:scale(1.08);pointer-events:none}.erf-seal{position:absolute;z-index:2;left:50%;bottom:19px;width:116px;height:116px;border:3px double color-mix(in srgb,var(--el) 76%,white 24%);border-radius:50%;transform:translate(-50%) scale(.45);box-shadow:0 0 28px -6px var(--el),inset 0 0 24px -8px var(--el);opacity:0;animation:erf-seal var(--ritual-ms) ease-out both}.erf-copy{position:absolute;left:50%;top:calc(45% + 169px);width:min(440px,86vw);transform:translate(-50%);text-align:center;color:#eef6ff;text-shadow:0 2px 4px #07111d,0 0 12px #07111d}.erf-copy b{display:block;color:color-mix(in srgb,var(--el) 68%,white 32%);font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:clamp(19px,3vw,26px);line-height:1.25}.erf-copy span{display:block;margin-top:6px;font-size:12px;font-weight:700}.erf-progress{position:absolute;left:50%;top:calc(45% + 229px);width:min(310px,72vw);height:7px;padding:2px;border-radius:999px;transform:translate(-50%);background:#0b1724;box-shadow:0 0 0 1px #fff0c6a8,0 0 14px -2px var(--el)}.erf-progress>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--el) 70%,#fff 30%),var(--el));box-shadow:0 0 8px var(--el);animation:erf-progress var(--ritual-ms) cubic-bezier(.25,.7,.35,1) both}.erf-burst{position:absolute;z-index:6;left:50%;bottom:76px;width:1px;height:1px}.erf-burst>i{position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--el) 66%,white 34%);box-shadow:0 0 9px 2px var(--el);animation:erf-burst .78s cubic-bezier(.12,.72,.25,1) var(--delay) both}#element-ritual-fx.result .erf-progress>i{width:100%;animation:none}#element-ritual-fx.result .erf-runes{animation:erf-result-ring .7s ease-out both}#element-ritual-fx.ok .erf-item{animation:erf-success-pop .82s cubic-bezier(.16,.9,.3,1.25) both}#element-ritual-fx.ok .erf-copy b{color:#fff0a3}#element-ritual-fx.fail .erf-item{animation:erf-fail-shake .52s ease-out both}#element-ritual-fx.fail .erf-orb{animation:erf-fail-dissolve .62s ease-out both}#element-ritual-fx.fail .erf-copy b{color:#ffd5c9}#element-ritual-fx.fail .erf-burst>i{background:#b9c5ce;box-shadow:0 0 8px #748594}#element-ritual-fx.waiting .erf-progress>i{width:100%;animation:erf-wait .9s ease-in-out infinite alternate}@keyframes erf-enter{0%{opacity:0}}@keyframes erf-wheel{0%{opacity:0;transform:translate(-50%,-50%) rotate(-24deg) scale(1.2)}22%{opacity:.9}72%{opacity:1;transform:translate(-50%,-50%) rotate(32deg) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) rotate(60deg) scale(.5)}}@keyframes erf-rune-in{0%,16%{opacity:0;transform:rotate(var(--a)) translateY(-138px) scale(.35)}36%{opacity:1}82%{opacity:.95;transform:rotate(var(--a)) translateY(-63px) scale(.82)}to{opacity:0;transform:rotate(var(--a)) translateY(-24px) scale(.2)}}@keyframes erf-mote-in{0%,22%{opacity:0;transform:rotate(var(--a)) translateY(-165px) scale(.3)}42%{opacity:1}92%{opacity:.8}to{opacity:0;transform:rotate(var(--a)) translateY(-27px) scale(.2)}}@keyframes erf-orb-dive{0%{opacity:0;transform:translate(-50%,-28px) scale(.55)}18%{opacity:1;transform:translate(-50%) scale(1)}52%{transform:translate(-50%,8px) scale(1.08)}72%{transform:translate(-50%,12px) scale(.96)}91%{opacity:1;transform:translate(-50%,135px) scale(.45)}to{opacity:0;transform:translate(-50%,147px) scale(.15)}}@keyframes erf-beam{0%,58%{opacity:0;transform:translate(-50%) scaleY(0)}70%{opacity:.8;transform:translate(-50%) scaleY(.25)}91%{opacity:1;transform:translate(-50%) scaleY(1)}to{opacity:0;transform:translate(-50%) scaleY(.9)}}@keyframes erf-item-charge{0%,45%{box-shadow:inset 0 0 0 2px #ffeebebd,0 8px 30px #00000075}78%{transform:translate(-50%) scale(1)}92%{transform:translate(-50%) scale(.92);box-shadow:inset 0 0 0 2px #fff,0 0 40px 10px var(--el)}to{transform:translate(-50%) scale(1.08);box-shadow:inset 0 0 0 2px #fff,0 0 50px 14px var(--el)}}@keyframes erf-aura{0%{opacity:0;transform:translate(-50%) scale(1.5)}80%{opacity:.75}to{opacity:1;transform:translate(-50%) scale(.75)}}@keyframes erf-seal{0%,76%{opacity:0;transform:translate(-50%) scale(.45) rotate(-35deg)}92%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.35) rotate(20deg)}}@keyframes erf-progress{to{width:100%}}@keyframes erf-burst{0%{opacity:1;transform:rotate(var(--a)) translate(5px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translate(var(--d)) scale(.15)}}@keyframes erf-result-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}45%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}@keyframes erf-success-pop{0%{transform:translate(-50%) scale(.86)}42%{transform:translate(-50%) scale(1.28);box-shadow:inset 0 0 0 2px #fff,0 0 58px 18px var(--el)}to{transform:translate(-50%) scale(1.06)}}@keyframes erf-fail-shake{0%,to{transform:translate(-50%)}22%{transform:translate(calc(-50% - 9px)) rotate(-3deg)}45%{transform:translate(calc(-50% + 8px)) rotate(3deg)}68%{transform:translate(calc(-50% - 4px))}}@keyframes erf-fail-dissolve{0%{opacity:.85;transform:translate(-50%,128px) scale(.42)}to{opacity:0;transform:translate(-50%,102px) scale(1.25);filter:grayscale(1) blur(4px)}}@keyframes erf-wait{0%{opacity:.45}to{opacity:1}}body.q-low .erf-runes>i,body.q-low .erf-motes,body.q-low .erf-beam,body.q-low .erf-burst>i{display:none}@media (prefers-reduced-motion: reduce){#element-ritual-fx,#element-ritual-fx *{animation-duration:1ms!important;animation-iteration-count:1!important}.erf-motes,.erf-runes>i,.erf-burst>i{display:none}}@media (max-width: 760px){#panel-element{width:min(460px,96vw)}#element-body{max-height:70vh}.el-infuse-main,.el-exchange-pickers{grid-template-columns:1fr}.el-action-help{align-items:flex-start;flex-direction:column}.el-ready{white-space:normal}}@media (max-height: 720px) and (min-width: 761px){#element-body{max-height:63vh}.el-opt{padding-top:6px;padding-bottom:5px}.el-opt-ic{width:39px;height:39px}.el-focus{min-height:96px}}.btn-elem{position:relative;overflow:hidden;border-color:#c28b2e;background:linear-gradient(180deg,#fff2be,#e8bd5b);color:#51320f;text-shadow:0 1px rgba(255,255,255,.65);box-shadow:inset 0 1px #fffc,0 2px #a86d1d}.btn-elem:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 36%,rgba(255,255,240,.68) 49%,transparent 62%);transform:translate(-120%);animation:elem-sheen 4.2s ease-in-out infinite;pointer-events:none}@keyframes elem-sheen{0%,62%{transform:translate(-120%)}86%,to{transform:translate(120%)}}.q-low .btn-elem:after{animation:none;opacity:0}.ci-elem{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ci-elem-n{font-family:var(--font-mono);font-size:10.5px;font-weight:700;opacity:.75;margin-right:4px}.ci-elem-none{opacity:.6}.elem-chip.item-element-tag{padding:1px 7px 1px 5px;color:color-mix(in srgb,var(--el) 36%,#2f1d16);background:color-mix(in srgb,var(--el) 20%,#fff5d8);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--el) 55%,#a86c2c);line-height:1.45}.ii-element-card{margin:7px 0 5px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--el) 55%,#bc7b33);border-radius:10px;color:#4b321d;background:radial-gradient(circle at 11% 0%,color-mix(in srgb,var(--el) 22%,transparent),transparent 38%),linear-gradient(180deg,#fffaf0,#ffedc2);box-shadow:inset 0 1px #fff,0 2px 5px #673d1829}.ii-element-head{display:flex;align-items:center;gap:7px;margin-bottom:6px}.ii-element-orb{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--el) 55%,transparent))}.ii-element-head>div{display:grid;line-height:1.05}.ii-element-kicker{color:#785a3b;font-size:9px;font-weight:700}.ii-element-head strong{color:color-mix(in srgb,var(--el) 68%,#2f1d16);font-size:13px}.ii-element-role{margin-left:auto;padding:2px 7px;border-radius:999px;color:#71451e;background:#ffffffad;box-shadow:inset 0 0 0 1px #90571f47;font-size:9px;font-weight:800}.ii-match{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:5px;min-height:23px;border-top:1px dashed rgba(121,78,36,.2);font-size:9.5px;font-weight:800}.ii-match>div{display:flex;flex-wrap:wrap;gap:3px}.ii-match.good>span{color:#25833c}.ii-match.bad>span{color:#c34239}.ii-match-chip{padding:0 5px 0 3px;font-size:9px;color:color-mix(in srgb,var(--el) 36%,#2f1d16);background:color-mix(in srgb,var(--el) 18%,#fff9e9);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--el) 50%,#c39152)}.ii-match-chip .el-chip-orb{width:11px;height:11px}.elem-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 6px 1px 4px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.5;color:var(--el);background:color-mix(in srgb,var(--el) 16%,rgba(16,10,30,.72));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--el) 45%,transparent);white-space:nowrap}.el-chip-orb{flex:0 0 auto;width:13px;height:13px;background-size:contain;background-repeat:no-repeat;background-position:center}body.q-low .hotbar,body.q-low .auto-btn,body.q-low .nav-toggle,body.q-low .panel,body.q-low .modal-card,body.q-low .toast,body.q-low .center-toasts>*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.q-low .auto-btn.on .auto-ring-fg,body.q-low .auto-btn.potion .auto-pot-dot,body.q-low .nav-toggle.ping .nav-toggle-ring{animation:none!important}.perf-nudge{position:fixed;left:50%;bottom:148px;transform:translate(-50%,12px);z-index:250;display:none;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#1c0c38f0;border:1px solid rgba(255,213,107,.55);box-shadow:0 8px 26px #00000073;color:#fff6de;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;opacity:0;transition:opacity .22s ease,transform .22s ease}.perf-nudge.show{display:flex;opacity:1;transform:translate(-50%)}.perf-nudge-txt{white-space:nowrap}.panel-inv.fa-panel{width:min(1080px,96vw);max-height:min(880px,92vh);overflow:hidden;z-index:150;display:none}.panel-inv.fa-panel.show{display:flex;flex-direction:column}.fa-head{gap:12px;flex:0 0 auto}.fa-head .ptitle{display:flex;align-items:center;gap:8px}.fa-head .ptitle img{width:26px;height:26px}.fa-tabs{display:flex;gap:6px;flex:1 1 auto}.fa-tab{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;padding:7px 16px;border:2px solid var(--line);border-radius:11px;background:var(--paper-3);color:var(--ink-2);cursor:pointer;font-weight:600}.fa-tab.on{background:linear-gradient(180deg,#ffe9a8,var(--gold-2));color:#4a2b0a;box-shadow:inset 0 -3px #b8741e73}.fa-wallet{display:flex;gap:7px;flex:0 0 auto}.fa-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#fff8e6;border:2px solid var(--line);font-weight:800;font-size:13px;color:var(--ink-2)}.fa-chip img{width:24px;height:17px;object-fit:contain}.fa-glitter-dot{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cfefff,var(--mp-2));box-shadow:0 0 6px #2d8df0b3;display:inline-block}.fa-body{flex:1 1 auto;overflow:auto;padding:14px 16px 16px}.fa-gacha{display:grid;grid-template-columns:1fr 300px;gap:14px}.fa-banner{border:3px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(160deg,var(--night-3),#4a2b7a 55%,#7a3f7d)}.fa-banner-art{position:relative;min-height:190px;aspect-ratio:2.9;display:flex;align-items:flex-end;padding:16px;background-color:var(--night-2);background-image:radial-gradient(120% 120% at 75% 40%,var(--b2, #ffd56b) 0%,transparent 62%),radial-gradient(90% 90% at 20% 10%,var(--b1, #ff6b6b) 0%,transparent 60%);background-size:cover;background-position:center}.fa-banner-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,10,54,.72) 0%,rgba(18,10,54,.25) 42%,transparent 70%);pointer-events:none}.fa-banner-copy{position:relative;z-index:1}.fa-rateup{position:absolute;right:0;top:14px;background:linear-gradient(90deg,var(--gold-2),var(--gold));color:#4a2b0a;font-weight:800;font-size:12px;padding:4px 14px;border:2px solid var(--gold-deep);border-right:none;border-radius:9px 0 0 9px}.fa-banner-copy{display:flex;flex-direction:column;gap:2px}.fa-banner-k{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--gold)}.fa-banner-copy b{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:27px;color:#fff;text-shadow:0 3px 0 #4a2b7a}.fa-banner-copy em{font-style:normal;font-size:12px;color:#e4dbff}.fa-featured{display:flex;gap:10px;padding:12px;background:var(--paper);border-top:3px solid var(--line)}.fa-fcard{flex:1;background:#fff8e6;border:2px solid var(--line);border-radius:12px;padding:9px;text-align:center}.fa-fpic{width:100%;aspect-ratio:1;overflow:hidden;border-radius:10px;background:var(--night-2);display:grid;place-items:center;margin-bottom:6px;padding:8px}.fa-fcard b{display:block;font-size:12px;line-height:1.25}.fa-fcard span{font-size:10px;color:var(--muted)}.fa-fcard.grade-4{box-shadow:0 0 0 3px var(--r-legend)}.fa-fcard.grade-5{box-shadow:0 0 0 3px var(--r-mythic),0 0 18px #ff6b6b66}.fa-side{display:flex;flex-direction:column;gap:12px}.fa-card{background:#fff8e6;border:3px solid var(--line);border-radius:14px;padding:12px}.fa-card h3{font-family:var(--font-display);letter-spacing:var(--display-tracking);margin:0 0 8px;font-size:15px;color:var(--ink)}.fa-pity{margin-bottom:9px}.fa-pity-lab{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:4px}.fa-pity-lab b{color:var(--r-legend)}.fa-bar{height:11px;border-radius:999px;background:#e7d3a8;border:2px solid var(--line);overflow:hidden}.fa-bar i{display:block;height:100%;border-radius:999px}.fa-bar.legend i{background:linear-gradient(90deg,var(--r-legend),var(--gold))}.fa-bar.superb i{background:linear-gradient(90deg,var(--r-epic),#d8a6ff)}.fa-note{font-size:11px;color:var(--muted);line-height:1.55;margin:6px 0 0}.fa-rates-toggle{width:100%;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;padding:6px;border:2px solid var(--line);border-radius:10px;background:var(--paper-3);color:var(--ink);cursor:pointer}.fa-rates{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.fa-rates td{padding:4px 0;border-bottom:1px dashed #e0c894;font-weight:700}.fa-rates tr:last-child td{border-bottom:none}.fa-rates td.pc{text-align:right;font-variant-numeric:tabular-nums}.fa-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.fa-actions{display:flex;flex-direction:column;gap:10px}.fa-purse{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;border:3px solid var(--line);background:linear-gradient(180deg,#fff8e6,var(--paper-2));box-shadow:inset 0 -3px #c08a4a29}.fa-purse-art{width:64px;height:46px;flex:none;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(58,36,16,.35))}.fa-purse-copy{display:flex;flex-direction:column;line-height:1.2;min-width:0}.fa-purse-copy b{font-size:12px;color:var(--ink-2)}.fa-purse-copy i{font-style:normal;font-size:12px;color:var(--muted);font-weight:700}.fa-purse-copy em{font-style:normal;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:21px;color:var(--ink);margin-right:3px}.fa-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 14px;border-radius:15px;border:3px solid var(--line-2);cursor:pointer;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-weight:600;box-shadow:inset 0 2px #ffffff8c,inset 0 -4px #00000029,0 5px 0 var(--fa-btn-edge, var(--gold-deep)),0 9px 16px #1c0c3c59;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}.fa-btn:hover:not(:disabled){filter:brightness(1.06)}.fa-btn:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px #ffffff80,inset 0 -3px #00000029,0 1px 0 var(--fa-btn-edge, var(--gold-deep)),0 3px 8px #1c0c3c4d}.fa-btn:disabled{filter:grayscale(.65) brightness(.86);cursor:default;opacity:.75}.fa-btn-main{font-size:17px}.fa-btn-cost{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 5px;border-radius:999px;background:#140a2c42;font-family:var(--font);font-weight:800;font-size:15px}.fa-btn-cost img{width:32px;height:24px;object-fit:contain}.fa-btn.one{--fa-btn-edge: var(--gold-deep);background:linear-gradient(180deg,#fff0bd 0%,var(--gold) 46%,var(--gold-2) 100%);color:#4a2b0a;text-shadow:0 1px 0 rgba(255,255,255,.5)}.fa-btn.ten{--fa-btn-edge: #3d1f7a;margin-top:6px;border-color:#3d1f7a;background:linear-gradient(180deg,#d9bbff 0%,var(--violet-2) 42%,var(--violet) 100%);color:#fff;text-shadow:0 2px 0 rgba(30,12,70,.45)}.fa-btn.ten .fa-btn-cost{background:#140a2c57}.fa-btn-flag{position:absolute;top:-11px;left:50%;transform:translate(-50%);white-space:nowrap;padding:2px 12px;border-radius:999px;border:2px solid var(--gold-deep);background:linear-gradient(180deg,#fff0bd,var(--gold-2));color:#4a2b0a;font-family:var(--font);font-size:11px;font-weight:800;box-shadow:0 2px 6px #1c0c3c59}.fa-btn:disabled .fa-btn-flag{filter:grayscale(.5)}.fa-wd{display:grid;grid-template-columns:200px 1fr 300px;gap:14px;align-items:stretch;height:min(540px,82vh)}.fa-slots{display:flex;flex-direction:column;gap:7px}.fa-slot{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:12px;border:2px solid var(--line);background:#fff8e6;cursor:pointer}.fa-slot.on{background:linear-gradient(180deg,#ffe9a8,var(--paper-3));box-shadow:inset 0 0 0 2px var(--gold-2)}.fa-slot-ic{width:34px;height:34px;flex:none;border-radius:8px;background:var(--night-2);display:grid;place-items:center;padding:3px;overflow:hidden}.fa-slot-tx{min-width:0}.fa-slot-tx b{display:block;font-size:13px}.fa-slot-tx i{display:block;font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fa-presets{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:6px}#fa-strip{flex:1 1 auto;min-height:34px}.fa-stage{border:3px solid var(--line);border-radius:14px;background-image:linear-gradient(180deg,#140a3047,#140a301f 32%,#140a308c),url(/assets/cosmetic/wardrobe_bg.png),linear-gradient(180deg,var(--night-3),#4a2b7a);background-size:cover,100% auto,cover;background-position:center,center bottom,center;background-repeat:no-repeat;overflow:hidden;position:relative;min-height:520px;padding:10px;display:flex;flex-direction:column}.fa-stage-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:auto}.fa-style{background:#120a36b3;border:2px solid rgba(255,213,107,.45);border-radius:11px;padding:6px 11px}.fa-style span{display:block;font-size:10px;letter-spacing:1px;font-weight:800;color:#c3b6ee}.fa-style b{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:21px;color:var(--gold);line-height:1}.fa-setfx{background:#b06bff2e;border:2px solid rgba(176,107,255,.6);border-radius:11px;padding:6px 11px;max-width:190px;color:#efe6ff;font-size:11px;line-height:1.4}.fa-setfx.on{border-color:var(--gold);background:#ffd56b2e}.fa-setfx b{display:block}.fa-stage-floor{position:absolute;left:0;right:0;bottom:0;aspect-ratio:864 / 376;pointer-events:none}.fa-stage-doll{--doll-feet: 152px;position:absolute;left:0;right:0;bottom:100%;margin-bottom:calc(var(--doll-feet) * -1);height:300px}.fa-doll-body{position:absolute;left:50%;bottom:42%;width:150px;height:188px;transform:translate(-50%);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 16px rgba(0,0,0,.5));pointer-events:none;z-index:2}.fa-stage-doll:after{content:"";position:absolute;left:50%;bottom:41%;width:128px;height:28px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#ffdd828c,#ffdd8200 72%);pointer-events:none;z-index:0}.fa-doll-piece{position:absolute;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.fa-doll-aura{bottom:27%;width:132px;height:132px;opacity:.9;z-index:1;transform:translate(-50%) scaleY(.4) rotate(0);transform-origin:center;filter:none;will-change:transform;backface-visibility:hidden;animation:fa-aura-spin 22s linear infinite}@keyframes fa-aura-spin{0%{transform:translate(-50%) scaleY(.4) rotate(0)}to{transform:translate(-50%) scaleY(.4) rotate(360deg)}}.fa-doll-wing{bottom:52%;width:214px;height:118px;opacity:1;z-index:1;filter:drop-shadow(0 3px 9px rgba(0,0,0,.6))}.fa-doll-hat{bottom:82%;width:84px;height:84px;z-index:3}.fa-doll-face{bottom:73%;width:58px;height:58px;z-index:3}.fa-doll-trail{bottom:51%;left:24%;width:54px;height:54px;opacity:.9;z-index:4}.fa-stage-note{color:#c3b6ee;text-align:center}.fa-mastery{width:100%;margin-top:auto;padding:9px 11px 10px;border-radius:12px;border:1px solid rgba(176,107,255,.35);background:#28164e8c}.fa-mastery-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.5px}.fa-mastery-head b{color:#e8ddff}.fa-mastery-rank{color:var(--gold-2);font-weight:800}.fa-mastery-bar{margin:6px 0 5px;height:7px;border-radius:999px;background:#10072cbf;overflow:hidden}.fa-mastery-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b06bff,#ffd56b);transition:width .25s ease}.fa-mastery-next{font-size:11px;color:#c3b6ee}.fa-mastery-now{margin-top:8px;font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#9b8ac9}.fa-mastery-fine{margin:6px 0 0;font-size:10.5px}.fa-mastery-perks{margin:5px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:5px 6px}.fa-oc-spd{position:absolute;left:5px;top:5px;font-size:10px;font-weight:800;color:#143d1c;background:#79c328;border-radius:999px;padding:1px 6px;pointer-events:none}.fa-mastery-perks li{font-size:11px;font-weight:700;color:#143d1c;background:#79c328;border-radius:999px;padding:2px 8px}.fa-grid-wrap{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0}.fa-filters{display:flex;gap:8px;align-items:center}.fa-filters .gm-combo{flex:1 1 auto}.fa-filters .gm-combo>button{width:100%;text-align:left;font-family:var(--font);font-size:12px;font-weight:700;padding:8px 26px 8px 11px;border-radius:10px;border:2px solid var(--line);background:#fff8e6;color:var(--ink);cursor:pointer;position:relative}.fa-filters .gm-combo>button:after{content:"";position:absolute;right:10px;top:50%;width:0;height:0;border:5px solid transparent;border-top-color:var(--line-2);transform:translateY(-2px)}.gm-combo-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:12;background:var(--paper);border:2px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 22px #1c0c3c59}.gm-combo-menu button{display:block;width:100%;text-align:left;padding:7px 11px;border:0;background:transparent;font-family:var(--font);font-size:12px;font-weight:700;color:var(--ink);cursor:pointer}.gm-combo-menu button:hover{background:var(--paper-3)}.fa-owned{font-size:12px;font-weight:800;color:var(--ink-2)}.fa-owngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 4px 2px 0}.fa-oc{position:relative;border-radius:11px;border:3px solid var(--line);background:var(--night-2);padding:6px 5px 5px;cursor:pointer;text-align:center;min-height:104px}.fa-oc.grade-1{border-color:var(--r-uncommon)}.fa-oc.grade-2{border-color:var(--r-rare)}.fa-oc.grade-3{border-color:var(--r-epic)}.fa-oc.grade-4{border-color:var(--r-legend)}.fa-oc.grade-5{border-color:var(--r-mythic);box-shadow:0 0 14px #ff6b6b73}.fa-oc.locked{background:#3a3160;opacity:.72}.fa-oc.on{box-shadow:inset 0 0 0 3px var(--gold),0 0 14px #ffd56b8c}.fa-oc-pic{display:grid;place-items:center;height:52px;overflow:hidden}.fa-oc-name{display:block;font-size:10px;font-weight:800;color:#efe6ff;line-height:1.2;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-oc-cnt{position:absolute;right:4px;bottom:3px;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.fa-oc-worn{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--gold-2);color:#4a2b0a;font-size:9px;font-weight:800;padding:1px 8px;border-radius:999px;border:2px solid #fff8e6}.fa-oc-cost{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:800;color:#b9a9e0;margin-top:2px}.fa-oc-cost.ok{color:#a8f0d0}.fa-reveal{position:absolute;inset:0;z-index:390;display:none;place-items:center;overflow:hidden;pointer-events:auto;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--fa-grade, #ffd56b) 30%,transparent),transparent 34%),#10072ce6;backdrop-filter:blur(8px)}.fa-reveal.show{display:grid}.fa-stars{position:absolute;inset:-20%;opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,transparent 2px),radial-gradient(circle,color-mix(in srgb,var(--fa-grade, #ffd56b) 70%,white) 0 1.5px,transparent 2.5px);background-position:0 0,31px 47px;background-size:72px 72px,109px 109px;animation:faStars 12s linear infinite}@keyframes faStars{to{transform:rotate(8deg) scale(1.08)}}.fa-ring{position:absolute;width:300px;height:150px;border:3px solid color-mix(in srgb,var(--fa-grade, #ffd56b) 72%,white);border-radius:50%;opacity:0;box-shadow:0 0 26px color-mix(in srgb,var(--fa-grade, #ffd56b) 70%,transparent)}.phase-charge .fa-ring{animation:faRing 1s ease-out infinite}.phase-charge .fa-ring.r2{animation-delay:.22s}.phase-charge .fa-ring.r3{animation-delay:.44s}@keyframes faRing{0%{transform:scale(.35);opacity:.92}to{transform:scale(1.45);opacity:0}}.fa-capsule{position:relative;z-index:2;width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--fa-grade, #ffd56b) 76%,white))}.phase-charge .fa-capsule{animation:faShake .17s ease-in-out infinite alternate}@keyframes faShake{0%{transform:rotate(-5deg) translate(-3px) scale(.97)}to{transform:rotate(5deg) translate(3px) scale(1.03)}}.phase-burst .fa-capsule{animation:faBurst .52s ease-out forwards}@keyframes faBurst{0%{transform:scale(1);opacity:1;filter:brightness(1)}45%{transform:scale(1.2);opacity:1;filter:brightness(4)}to{transform:scale(2.7);opacity:0;filter:brightness(9)}}.fa-flash{position:absolute;z-index:3;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#fff 0%,color-mix(in srgb,var(--fa-grade, #ffd56b) 60%,transparent) 40%,transparent 70%);opacity:0;pointer-events:none}.phase-burst .fa-flash{animation:faFlash .58s ease-out forwards}@keyframes faFlash{0%{transform:scale(.2);opacity:0}35%{opacity:1}to{transform:scale(3.4);opacity:0}}.phase-reveal .fa-capsule,.phase-reveal .fa-ring{display:none}.fa-hero{position:absolute;z-index:5;width:min(460px,88vw);display:none;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(40px) scale(.72)}.fa-reveal.phase-reveal:not(.multi) .fa-hero{display:flex;animation:faHero .62s cubic-bezier(.18,.9,.3,1.25) forwards}@keyframes faHero{to{opacity:1;transform:translateY(0) scale(1)}}.fa-hero:before{content:"";position:absolute;top:70px;width:300px;height:300px;border-radius:50%;background:color-mix(in srgb,var(--fa-grade, #ffd56b) 34%,transparent);filter:blur(30px);z-index:-1;animation:faHeroAura 1.8s ease-in-out infinite}@keyframes faHeroAura{0%,to{transform:scale(.94);opacity:.8}50%{transform:scale(1.06);opacity:1}}.fa-hero-grade{color:color-mix(in srgb,var(--fa-grade, #ffd56b) 72%,white);font:900 15px var(--font-display);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 12px var(--fa-grade, #ffd56b)}.fa-hero-art{width:280px;height:280px;display:grid;place-items:center;overflow:hidden;animation:faHeroFloat 2.4s ease-in-out infinite}@keyframes faHeroFloat{0%,to{transform:translateY(5px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.fa-hero h2{margin:-10px 0 4px;color:#fff;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:33px;text-shadow:0 3px 0 rgba(50,21,72,.45),0 0 16px var(--fa-grade, #ffd56b)}.fa-hero p{margin:0 0 10px;color:#f4ecff;line-height:1.45;max-width:380px}.fa-hero-chip{border:1px solid color-mix(in srgb,var(--fa-grade, #ffd56b) 68%,white);border-radius:999px;padding:5px 14px;color:#fff;background:#1f0f3e99;font-weight:800}.fa-hero-chip.fresh{background:color-mix(in srgb,var(--fa-grade, #ffd56b) 26%,rgba(31,15,62,.7))}.fa-multi{position:absolute;z-index:5;width:min(820px,94vw);display:none;flex-direction:column;align-items:center;gap:12px;text-align:center;opacity:0;transform:translateY(40px) scale(.72)}.fa-reveal.phase-reveal.multi .fa-multi{display:flex;opacity:1;transform:none;transition:opacity .36s ease,transform .36s cubic-bezier(.18,1.5,.4,1)}.fa-multi-head h2{margin:0;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:26px;color:#fff;text-shadow:0 3px 0 rgba(20,8,40,.75)}.fa-multi-sum{margin:4px 0 0;font-size:13px;font-weight:700;color:color-mix(in srgb,var(--fa-grade, #ffd56b) 55%,white)}.fa-multi-grid{display:grid;grid-template-columns:repeat(var(--fa-cols, 5),1fr);gap:10px;width:100%}@media (max-width: 700px){.fa-multi-grid{grid-template-columns:repeat(3,1fr)}}.fa-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 8px;border-radius:14px;border:2px solid color-mix(in srgb,var(--fa-grade, #c083ff) 45%,transparent);background:#1c0e3cb8;opacity:0;animation:faCell .34s cubic-bezier(.2,1.6,.4,1) forwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes faCell{0%{opacity:0;transform:translateY(14px) scale(.8)}to{opacity:1;transform:none}}.fa-cell.fresh{border-color:var(--fa-grade, #c083ff);background:#28144ee6;box-shadow:0 0 0 1px color-mix(in srgb,var(--fa-grade, #c083ff) 60%,transparent),0 6px 18px color-mix(in srgb,var(--fa-grade, #c083ff) 34%,transparent)}.fa-cell.featured:after{content:"";position:absolute;inset:-3px;border-radius:15px;border:2px dashed var(--gold);pointer-events:none}.fa-cell-art{width:66px;height:66px;display:grid;place-items:center;overflow:hidden}.fa-cell-name{font-size:11.5px;font-weight:800;color:color-mix(in srgb,var(--fa-grade, #c083ff) 40%,white);line-height:1.2}.fa-cell-note{font-size:10.5px;color:#cbb9f5;font-weight:700}.fa-cell-pity{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--gold-2);color:#4a2b0a;font-size:9.5px;font-weight:800;padding:1px 8px;border-radius:999px;border:2px solid rgba(28,14,60,.9)}.fa-rv-close{margin-top:6px}.fa-hero .fa-rv-close{margin-top:14px}.fa-reveal:not(.phase-reveal) .fa-rv-close{display:none}@media (max-width: 1100px){.fa-gacha,.fa-wd{grid-template-columns:1fr}.fa-owngrid{grid-template-columns:repeat(4,minmax(0,1fr))}.fa-rv-inner{--rv-cols: 5}}.cos-art{max-width:100%;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(12,6,34,.45))}.fa-oc-pic .cos-art,.fa-rv-pic .cos-art,.fa-fpic .cos-art,.fa-slot-ic .cos-art{pointer-events:none}.fa-doll-piece .cos-art{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(12,6,34,.5))}#panel-rank{width:min(720px,94vw);max-height:min(80vh,800px);display:none;flex-direction:column}#panel-rank.show{display:flex}.rk-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:9px 12px 0;flex:0 0 auto}.rk-tabsep{width:1px;align-self:stretch;margin:2px 4px;background:#c08a4a73}.rk-tab{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:12.5px;font-weight:600;padding:5px 11px;border:2px solid var(--line);border-radius:11px;background:var(--paper-3);color:var(--ink-2);cursor:pointer;transition:transform .1s ease,background .15s ease}.rk-tab:hover{transform:translateY(-1px);background:#ffeec2}.rk-tab.on{background:linear-gradient(180deg,#ffe9a8,var(--gold-2));color:#4a2b0a;box-shadow:inset 0 -3px #b8741e73}.rk-ic{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.rk-body{padding:10px 12px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;flex:1 1 auto;min-height:0}.rk-blurb{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2);background:#ffffff80;border:1px solid rgba(192,138,74,.4);border-radius:9px;padding:5px 9px}.rk-podium{display:flex;align-items:flex-end;justify-content:center;gap:0;padding-top:12px;margin-bottom:8px;border-bottom:3px solid var(--line);box-shadow:0 3px #c08a4a38}.rk-plinth{flex:1 1 0;max-width:168px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.rk-plinth.p1{flex-grow:1.15;z-index:1}.rk-plinth.p1{--rk-tint: #f0b429;--rk-tint-2: #ffeaa6;--rk-tint-3: #c98a12}.rk-plinth.p2{--rk-tint: #a7b2c6;--rk-tint-2: #dfe6f1;--rk-tint-3: #78849a}.rk-plinth.p3{--rk-tint: #cf8b4a;--rk-tint-2: #f7dfc4;--rk-tint-3: #a46630}.rk-pface{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff;border:3px solid var(--rk-tint);box-shadow:0 3px 8px #3a241047}.rk-plinth.p1 .rk-pface{width:64px;height:64px}.rk-crown{position:absolute;top:-11px;width:20px;height:14px;background:linear-gradient(180deg,#ffe28a,var(--gold-2));clip-path:polygon(0 100%,0 22%,25% 56%,50% 0,75% 56%,100% 22%,100% 100%);filter:drop-shadow(0 1px 1px rgba(58,36,16,.45));z-index:2}.rk-pface img,.rk-face img{width:100%;height:100%;object-fit:cover}.rk-pname{margin-top:4px;font-size:12px;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-pval{font-size:12.5px;color:var(--ink-2);font-weight:800;margin-bottom:5px}.rk-plinth.p1 .rk-pval{margin-bottom:26px}.rk-plinth.p2 .rk-pval,.rk-plinth.p3 .rk-pval{margin-bottom:13px}.rk-pval .rk-unit{color:var(--ink-2)}.rk-step{position:relative;width:100%;display:grid;place-items:center;border:2px solid var(--rk-tint-3);border-bottom:none;border-radius:7px 7px 0 0;background:linear-gradient(180deg,var(--rk-tint-2) 0 9px,var(--rk-tint) 9px);box-shadow:inset 0 1px #ffffffd9,inset 0 -18px 22px -18px #00000059}.rk-step{overflow:visible}.rk-award{display:block;width:auto;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(58,36,16,.45));pointer-events:none}.rk-plinth.p1 .rk-step{height:62px}.rk-plinth.p2 .rk-step{height:48px}.rk-plinth.p3 .rk-step{height:36px}.rk-plinth.p1 .rk-award{height:68px;margin-top:-20px}.rk-plinth.p2 .rk-award{height:48px;margin-top:-9px}.rk-plinth.p3 .rk-award{height:42px;margin-top:-8px}.rk-plinth.p2 .rk-step{border-radius:7px 0 0;border-right:none}.rk-plinth.p3 .rk-step{border-radius:0 7px 0 0;border-left:none}.rk-plinth.p1 .rk-step{border-radius:7px 7px 0 0}.rk-list{display:flex;flex-direction:column;gap:3px}.rk-row{display:grid;grid-template-columns:26px 32px 1fr auto;align-items:center;gap:8px;padding:4px 8px;border-radius:9px;background:#ffffff80;border:1px solid transparent}.rk-row:nth-child(2n){background:#f3d68a59}.rk-row.me{border-color:var(--gold-2);background:#fff2cc}.rk-plinth.me .rk-step{box-shadow:inset 0 1px #ffffffd9,inset 0 -18px 22px -18px #00000059,0 0 0 3px var(--gold-2)}.rk-plinth.me .rk-pface{box-shadow:0 0 0 3px var(--gold-2),0 3px 8px #3a241047}.rk-no{font-size:12px;font-weight:800;color:var(--ink-2);text-align:right;opacity:.75}.rk-face{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff;border:2px solid var(--rk-accent, var(--line))}.rk-crest img{width:68%;height:68%;object-fit:contain}.rk-name{display:flex;flex-direction:column;min-width:0;line-height:1.25}.rk-name b{font-size:12.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-sub{font-size:10px;color:var(--ink-2);opacity:.8}.rk-val{font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap}.rk-unit{font-size:9.5px;font-weight:700;color:var(--ink-2);opacity:.75;margin-left:3px;font-style:normal}.rk-empty{padding:30px 0;text-align:center;color:var(--ink-2);font-size:12.5px}.rk-you{margin-top:2px;padding-top:7px;border-top:1px solid rgba(192,138,74,.4);text-align:center;font-size:12px;font-weight:700;color:var(--ink-2)}@media (max-width: 620px){.rk-tab span{display:none}.rk-tab{padding:6px 9px}}.panel-inv.bgrv{width:min(340px,90vw)}.bgrv-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:9px}.bgrv-ic{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.bgrv-boss{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:2px solid var(--line);background:linear-gradient(180deg,#ffe9a8,var(--paper-3));color:#4a2b0a}.bgrv-boss b{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bgrv-lv{margin-left:auto;font-size:11px;font-style:normal;opacity:.85;flex:0 0 auto}.bgrv-killer{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;border:1px solid rgba(192,138,74,.4);background:#ffffff80}.bgrv-face{width:40px;height:40px;flex:0 0 auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff;border:2px solid var(--gold-2)}.bgrv-face img{width:100%;height:100%;object-fit:cover}.bgrv-who{display:flex;flex-direction:column;min-width:0;line-height:1.3}.bgrv-who em{font-size:10px;font-style:normal;color:var(--ink-2);opacity:.8}.bgrv-who b{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bgrv-sub{font-size:10px;color:var(--ink-2);opacity:.8}.bgrv-rows{display:flex;flex-direction:column;gap:5px}.bgrv-row{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-2)}.bgrv-row.bgrv-next{color:var(--ink);font-weight:700;padding:5px 8px;border-radius:9px;border:1px solid var(--gold-2);background:#ffe9a880}.bgrv-note{margin:0;font-size:10.5px;line-height:1.45;color:var(--ink-2);opacity:.85}.perf-box{border:2px solid var(--line);border-radius:12px;background:#ffffff80;padding:9px 11px 10px;margin-bottom:10px}.perf-head{display:flex;align-items:center;gap:8px;margin-bottom:7px}.perf-title{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:13px;font-weight:700;color:var(--ink)}.perf-head .btn{margin-left:auto;flex:0 0 auto}.perf-verdict{font-size:11.5px;line-height:1.45;color:var(--ink-2);padding:6px 9px;border-radius:9px;border:1px solid rgba(192,138,74,.4);background:#ffffff8c}.perf-verdict.v-ok{border-color:#5f9e4f}.perf-verdict.v-graphics{border-color:var(--gold-2)}.perf-verdict.v-network,.perf-verdict.v-both{border-color:#c2593f}.perf-nums{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.perf-num{display:inline-flex;align-items:baseline;gap:4px;padding:3px 8px;border-radius:8px;border:1px solid rgba(192,138,74,.35);background:var(--paper);font-size:10.5px}.perf-num i{font-style:normal;color:var(--ink-2);opacity:.8}.perf-num b{font-size:11.5px;color:var(--ink)}.perf-num.bad{border-color:#c2593f}.perf-num.bad b{color:#a8402a}.perf-boosted{margin-top:7px;font-size:10.5px;line-height:1.45;color:var(--ink-2);opacity:.85}html.dev-touch,html.dev-touch body{overscroll-behavior:none;touch-action:manipulation}html.dev-touch #game-root,html.dev-touch #game-root canvas{touch-action:none}html.dev-touch{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html.dev-touch input,html.dev-touch textarea{user-select:text}html.dev-touch .hotbar-row,html.vp-compact .hotbar-row{bottom:calc(22px + env(safe-area-inset-bottom))}html.dev-touch .hud-showbtn{bottom:calc(22px + env(safe-area-inset-bottom));left:calc(16px + env(safe-area-inset-left))}html.dev-touch .chat-openbtn{bottom:calc(78px + env(safe-area-inset-bottom))}html.dev-touch #lp-minimap{right:calc(14px + env(safe-area-inset-right))!important}html.dev-touch .iconbtn,html.dev-touch .hud-showbtn,html.dev-touch .ctx-item,html.dev-touch [data-close]{min-width:44px;min-height:44px}html.dev-touch .ctx-item{padding:11px 12px}html.dev-touch .ctx-item:hover,html.dev-touch .hud-showbtn:hover{background:linear-gradient(180deg,#fff,var(--paper-2));transform:none}html.vp-compact .slot{width:48px;height:48px}html.vp-compact .hotbar{gap:5px;padding:6px 7px}html.vp-compact .hotbar-row{gap:6px}html.vp-compact .auto-btn{width:48px;height:48px}html.vp-compact .pslot{width:44px;height:44px}html.vp-tiny .slot,html.vp-tiny .auto-btn{width:42px;height:42px}html.vp-tiny .pslot{width:38px;height:38px}html.vp-tiny .hotbar{gap:4px;padding:4px 5px}html.vp-tiny .hud-tl{transform:scale(.85);transform-origin:top left}html.dev-touch .slot .key,html.dev-touch .pslot .pkey{display:none}html.vp-compact .panel,html.vp-compact .modal{max-height:calc(100dvh - 16px);overflow-y:auto;-webkit-overflow-scrolling:touch}html.dev-touch .kbd-hint,html.dev-touch [data-tip]:after{display:none}#rotate-veil{position:fixed;inset:0;z-index:9000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background:linear-gradient(180deg,#1b1038,#0f0a22);color:#ffe9b8}html.dev-phone.dev-portrait #rotate-veil{display:flex}#rotate-veil .rv-phone{width:92px;height:56px;border:4px solid rgba(255,213,107,.85);border-radius:12px;animation:rv-turn 2.2s ease-in-out infinite}#rotate-veil .rv-title{font-family:var(--font-display, inherit);font-size:21px;font-weight:800;color:#ffd56b}#rotate-veil .rv-body{font-size:14px;line-height:1.6;max-width:30ch;opacity:.9}@keyframes rv-turn{0%,40%{transform:rotate(90deg) scale(.9)}60%,to{transform:rotate(0) scale(1)}}@media (prefers-reduced-motion: reduce){#rotate-veil .rv-phone{animation:none;transform:rotate(0)}}