.pgn-tool{position:relative;z-index:2}.pgn-bar{display:flex;align-items:center;gap:14px;margin:14px 0 10px;flex-wrap:wrap}.pgn-budget{flex:1;min-width:260px}.pgn-budget .lab{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2);margin-bottom:4px}.pgn-budget .lab b{color:var(--ink);font-family:var(--font-mono);font-weight:600}#pgn-meter{height:10px;border-radius:99px;background:var(--surface-3);border:1px solid var(--line-1);overflow:hidden}#pgn-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent) 60%,var(--rar-legendary)));transition:width .25s ease}.pgn-bar .btn{padding:7px 14px;font-size:13px}#pgn-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.pgn-chip b{font-family:var(--font-mono);font-weight:600;color:var(--accent-text)}.pgn-chip .gsub{font-size:11.5px;color:var(--ink-3)}.pgn-chip .gsub.leg{color:var(--rar-legendary-text)}.pgn-chip.dashed{border-style:dashed;color:var(--ink-3);cursor:default}#pgn-canvas{position:relative;height:660px;border-radius:var(--r-card);border:1px solid #3a333b;overflow:hidden;cursor:grab;background:#151118 radial-gradient(1200px 600px at 50% 0%,#1d1720,#151118 70%)}#pgn-canvas.grabbing{cursor:grabbing}#pgn-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.pgn-board{position:absolute;background:#1c1721 radial-gradient(circle at 50% 50%,#211a26,#1c1721 80%);border:1px solid #3b3341;border-radius:4px;box-shadow:0 0 0 1px #0b090d,0 14px 40px #00000080;background-image:radial-gradient(circle,#332b3a 1.5px,transparent 2px);background-size:40px 40px;background-position:20px 20px}.pgn-bname{position:absolute;left:10px;top:-26px;font-family:var(--font-display);font-size:15px;letter-spacing:.06em;color:#8d8394;white-space:nowrap}.pgn-n{position:absolute;width:34px;height:34px;padding:0;border:none;background:transparent no-repeat center/contain;cursor:pointer;background-position:center,center,center;background-repeat:no-repeat;border-radius:50%;transition:transform .12s ease,opacity .15s ease,filter .15s ease}.pgn-n.far{opacity:.22;filter:grayscale(.9) brightness(.8);cursor:default}.pgn-n.far:is(.r-magic,.r-rare,.r-legendary){opacity:.5;filter:saturate(.85) brightness(.75)}.pgn-n.can{opacity:.82;filter:grayscale(.15)}.pgn-n.can:hover{opacity:1;filter:none;transform:scale(1.18);box-shadow:0 0 0 2px #cbb886aa,0 0 14px #cbb88655}.pgn-n.alloc{opacity:1}.pgn-n.alloc.r-normal{box-shadow:0 0 6px #b7b7b755}.pgn-n.alloc.r-magic{box-shadow:0 0 8px #8484f666}.pgn-n.alloc.r-rare{box-shadow:0 0 9px #eceb1444}.pgn-n.alloc.r-legendary{box-shadow:0 0 12px #ff880866}.pgn-n.alloc:hover{transform:scale(1.1)}.pgn-n.pv{box-shadow:0 0 0 2px #d05a4a,0 0 12px #d05a4a88!important;opacity:.95}.pgn-n.pop{animation:pgn-pop .3s ease}@keyframes pgn-pop{40%{transform:scale(1.35)}}.pgn-n.start{box-shadow:0 0 0 2px #cbb886,0 0 18px #cbb88688}.pgn-n.gate{width:26px;height:26px;background:#241d2a;border:2px solid #6d6276;transform:rotate(45deg);border-radius:5px;margin:4px}.pgn-n.gate.can{border-color:#cbb886;box-shadow:0 0 10px #cbb88666;animation:pgn-gate 2s ease infinite}.pgn-n.gate.alloc{border-color:#cbb886;background:#3a3040}@keyframes pgn-gate{50%{box-shadow:0 0 16px #cbb886aa}}.pgn-n.socket{width:40px;height:40px;margin:-3px;border-radius:50%}.pgn-n.socket.alloc{box-shadow:0 0 0 2px #cbb886,0 0 16px #cbb88699}.pgn-n.socket:not(.alloc):after{content:"";position:absolute;inset:2px;border:2px solid #e0362c;border-radius:50%;box-shadow:0 0 6px #e0362c99,inset 0 0 3px #e0362c66;pointer-events:none}.pgn-n.socket.far{opacity:.75;filter:brightness(.85)}.gl-sock{margin:0 10px 8px;font-size:12.5px;color:var(--ink-3)}.gl-refund{font:inherit;font-size:12.5px;color:var(--ink-2);background:none;border:1px solid var(--line-2);border-radius:var(--r-chip);padding:4px 10px;cursor:pointer}.gl-refund:hover{color:var(--ink);border-color:#d05a4a}.pgn-n.socket.filled.leg{filter:drop-shadow(0 0 8px #ff880888)}.pgn-rng{position:absolute;left:0;top:0;pointer-events:none}.pgn-rng i{position:absolute;width:40px;height:40px;background:#c42c202b;box-shadow:inset 0 0 0 1px #c42c201a}.pgn-can{position:absolute;left:0;top:0;pointer-events:none}.pgn-can i{position:absolute;width:40px;height:40px;background:#deba4024;box-shadow:inset 0 0 0 1px #deba401a}.pgn-zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;z-index:5}.pgn-zoom button{width:34px;height:34px;border-radius:5px;border:1px solid #4a4152;background:#241d2acc;color:#c9c2d0;font-size:16px;cursor:pointer;backdrop-filter:blur(4px)}.pgn-zoom button:hover{background:#332b3a;color:#fff}.pgn-hint{position:absolute;left:12px;bottom:10px;font-size:12px;color:#6f6678;z-index:5;pointer-events:none}.pgn-ghost{position:absolute;border:2px dashed #cbb886;border-radius:4px;background:#cbb8860d;pointer-events:none;z-index:4}.pgn-ghost .pgn-bname{color:#cbb886}.pgn-ghost i{position:absolute;width:22px;height:22px;border-radius:50%;background:#8a8292;opacity:.5}.pgn-ghost i.g-magic{background:#8484f6}.pgn-ghost i.g-rare{background:#eceb14}.pgn-ghost i.g-legendary{background:#ff8808;opacity:.8}.pgn-ghost i.g-gate{border-radius:4px;transform:rotate(45deg);background:#cbb886;opacity:.9}.pgn-ghost i.g-sock{border-radius:4px;background:#7a6ec7;opacity:.8}.pgn-drawer{position:absolute;right:0;top:0;bottom:0;width:340px;z-index:6;transform:translate(105%);transition:transform .28s cubic-bezier(.3,.7,.3,1);background:color-mix(in oklab,var(--surface-1) 94%,transparent);backdrop-filter:blur(8px);border-left:1px solid var(--line-2);display:flex;flex-direction:column}.pgn-drawer.open{transform:none}.dr-h{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-1)}.dr-h b{font-family:var(--font-display);font-weight:400;font-size:18px;letter-spacing:.02em}.dr-sub{font-size:12px;color:var(--ink-3)}.dr-x{margin-left:auto;background:none;border:none;color:var(--ink-3);font-size:15px;cursor:pointer}.dr-x:hover{color:var(--ink)}.dr-list{flex:1;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.dr-card{display:flex;gap:10px;align-items:center;text-align:left;padding:8px;border:1px solid var(--line-1);border-radius:var(--r-tile);background:var(--surface-2);cursor:pointer;font-family:var(--font-body)}.dr-card:hover{border-color:var(--accent)}.dr-card.sel{border-color:var(--accent);background:var(--accent-wash);box-shadow:0 0 0 1px var(--accent)}.dr-card.used{opacity:.4;cursor:default}.dr-card .dr-map{width:52px;height:52px;flex:none;border-radius:4px;background:#17131b;border:1px solid #3b3341;overflow:hidden}.dr-card .dr-map svg{width:100%;height:100%;display:block}.dr-card img{width:44px;height:44px;flex:none;object-fit:contain}.dr-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.dr-txt b{font-size:13.5px;color:var(--ink)}.dr-txt i{font-style:normal;font-size:11.5px;color:var(--ink-3)}.dr-txt i.c-legendary{color:var(--rar-legendary-text)}.dr-foot{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line-1)}.dr-foot .btn{flex:1;padding:8px 10px;font-size:13px}.dr-search{margin:10px 10px 0;padding:8px 12px;border:1px solid var(--line-2);border-radius:var(--r-chip);background:var(--surface-2);color:var(--ink);font-family:var(--font-body);font-size:13.5px}.dr-search:focus{outline:none;border-color:var(--accent)}.dr-lvl{padding:12px 16px;border-bottom:1px solid var(--line-1);font-size:13px}.dr-lvl.none{color:var(--ink-3)}.gl-cur{display:flex;align-items:center;gap:8px}.gl-cur b{font-family:var(--font-display);font-size:16px;font-weight:400}.gl-badge{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rar-rare);color:var(--rar-rare-text);border-radius:3px;padding:1px 7px}.gl-badge.leg{border-color:var(--rar-legendary);color:var(--rar-legendary-text)}.gl-rm{margin-left:auto;background:none;border:none;color:var(--ink-3);font-size:12px;cursor:pointer;text-decoration:underline}.gl-slider{display:flex;align-items:center;gap:10px;margin-top:10px}.gl-slider input{flex:1;accent-color:var(--accent)}.gl-slider output{font-family:var(--font-mono);font-size:13px;min-width:30px;text-align:right}.gl-meta{margin-top:6px;font-size:12px;color:var(--ink-3)}#pgn-totals{display:flex;flex-direction:column;gap:8px;margin-top:14px}.tg{border:1px solid var(--line-1);border-radius:var(--r-card);background:var(--surface-1);overflow:hidden}.tg-h{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-family:var(--font-body);color:var(--ink);text-align:left}.tg-h.static{cursor:default}.tg-h>span:first-child{font-family:var(--font-display);font-size:15px;letter-spacing:.04em;white-space:nowrap}.tg-sum{font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-sum b{color:var(--ink-2);font-family:var(--font-mono);font-weight:500}.tg-car{margin-left:auto;color:var(--ink-3);transition:transform .2s}.tg.open .tg-car{transform:rotate(180deg)}.tg-b{display:none;border-top:1px solid var(--line-1);padding:6px 14px 10px}.tg.open .tg-b,.tg-b.open{display:block}.tg-row{display:flex;justify-content:space-between;gap:14px;padding:4.5px 0;font-size:13.5px;color:var(--ink-2);border-bottom:1px solid var(--line-1)}.tg-row:last-child{border-bottom:none}.tg-row b{font-family:var(--font-mono);font-weight:500;color:var(--ink);white-space:nowrap}.tg-row.thr{align-items:center}.tg-row.thr .bd{font-style:normal;font-size:11px;color:var(--ink-3);font-family:var(--font-mono)}.thbar{flex:1;max-width:200px;height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.thbar i{display:block;height:100%;background:var(--rar-rare);opacity:.75}.tg-row.thr.met .thbar i{background:var(--accent)}.tg-row.thr.met b{color:var(--accent-text)}.lp-row{padding:8px 0;font-size:13.5px;color:var(--ink-2);border-bottom:1px solid var(--line-1)}.lp-row:last-child{border-bottom:none}.lp-row>b{font-family:var(--font-display);font-weight:400;font-size:15px;display:block;margin-bottom:2px}#pgn-tip{position:fixed;display:none;z-index:80;width:360px;pointer-events:none;color:#bab0a3;font-size:14px;line-height:1.4;background:#0c0a0e;border:24px solid transparent;border-image:url(data/ui/panel-leather.webp) 76 fill / 24px stretch;box-shadow:0 18px 50px #0009;text-shadow:0 1px 2px rgba(0,0,0,.55);padding:6px 6px 10px}#pgn-tip .tprar{text-align:center;font-size:12.5px;letter-spacing:.04em;color:#9a9088}#pgn-tip .tpname{font-family:var(--font-display);text-align:center;font-size:19px;color:#dfdad1;letter-spacing:.04em;line-height:1.15;margin:2px 0 6px}#pgn-tip hr.tpdiv{border:none;border-top:1px solid #3a3340;margin:6px 0 8px}#pgn-tip .tpbody{margin:4px 0}#pgn-tip .tpbody.dim{color:#8d8478}#pgn-tip .tplabel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a8f5c;margin:2px 0}#pgn-tip .tpth.met{color:#a9c39a}#pgn-tip .tpfoot{margin-top:8px;padding-top:6px;border-top:1px solid #2a2530;font-size:12px;color:#7d7368}#pgn-tip .ttn{color:#dcaf6c}#pgn-tip .tti{color:#d6d0c4;font-weight:600}#pgn-tip .ttl{color:#9a9088}#pgn-tip .ttf{color:#717171}#pgn-tip .ttamp{color:#a99ee0;font-size:11.5px}.c-normal{color:#b7b7b7}.c-magic{color:var(--rar-magic)}.c-rare{color:var(--rar-rare)}.c-legendary{color:var(--rar-legendary)}#pgn-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);z-index:90;opacity:0;pointer-events:none;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-chip);padding:9px 18px;font-size:13.5px;color:var(--ink);box-shadow:0 10px 30px #00000059;transition:all .25s ease}#pgn-toast.show{opacity:1;transform:translate(-50%)}.dim{color:var(--ink-3)}@media (max-width:900px){#pgn-canvas{height:480px}.pgn-drawer{width:290px}}.pgn-err{padding:40px;text-align:center;color:var(--ink-3)}#pgn-canvas{touch-action:none}.pgn-callout{position:absolute;z-index:5;background:#cbb886;color:#1a1512;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px #00000080;animation:pgn-callout 1.6s ease infinite}.pgn-callout:after{content:"";position:absolute;left:14px;top:100%;border:6px solid transparent;border-top-color:#cbb886}@keyframes pgn-callout{50%{transform:translateY(-4px)}}#pgn-banner{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:9px 14px;border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:var(--r-chip);background:var(--surface-2);font-size:13.5px;color:var(--ink-2)}#pgn-banner[hidden]{display:none}#pgn-banner span{flex:1}#pgn-banner a{color:var(--accent-text)}#pgn-banner button{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:13px}.toast-act{margin-left:10px;background:var(--accent-wash);border:1px solid var(--accent);border-radius:4px;color:var(--accent-text);font-size:12.5px;padding:3px 10px;cursor:pointer}.pgn-hint,#pgn-tip .tpfoot{color:#8a8090}@media (prefers-reduced-motion: reduce){.pgn-n.gate.can,.pgn-callout{animation:none}.pgn-n,.pgn-drawer,#pgn-world,#pgn-toast{transition:none}}#pgn-canvas.engaged{border-color:#cbb88666}