.area-card-scroller{position:relative;display:flex;flex:1;min-width:0;min-height:0;height:100%}.area-card-scroller>.map-zone-list,.area-card-scroller>.gather-region-strip{flex:1;min-width:0}.area-card-scroll-button{position:absolute;z-index:18;top:50%;width:34px;height:76px;padding:0;border:1px solid rgba(184,202,222,.35);border-radius:8px;background:linear-gradient(180deg,#1f2e41c2,#080f19e6);box-shadow:inset 0 1px #ffffff1a,0 6px 18px #00000052;opacity:.42;transform:translateY(-50%);transition:opacity .16s ease,border-color .16s ease,filter .16s ease,transform .16s ease;cursor:pointer}.area-card-scroll-button--left{left:8px}.area-card-scroll-button--right{right:8px}.area-card-scroll-button span{display:block;width:10px;height:10px;margin:auto;border-top:2px solid #e5edf7;border-right:2px solid #e5edf7}.area-card-scroll-button--left span{transform:rotate(-135deg)}.area-card-scroll-button--right span{transform:rotate(45deg)}.area-card-scroll-button:hover:not(:disabled),.area-card-scroll-button:focus-visible{opacity:.96;border-color:#e0bb65d1;filter:brightness(1.16)}.area-card-scroll-button--left:hover:not(:disabled){transform:translateY(-50%) translate(-2px)}.area-card-scroll-button--right:hover:not(:disabled){transform:translateY(-50%) translate(2px)}.area-card-scroll-button:disabled{opacity:0;pointer-events:none}@media (max-width: 640px){.area-card-scroll-button{width:30px;height:62px}.area-card-scroll-button--left{left:5px}.area-card-scroll-button--right{right:5px}}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #1a2235;--bg-card-hover: #1e2a40;--bg-input: #0f1729;--border-color: #2a3a5a;--border-glow: #3b82f6;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-dim: #94a3b8;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-amber: #f59e0b;--accent-purple: #818cf8}.map-page{padding:20px 16px;color:var(--text-primary);height:100%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.map-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.map-tab-bar{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid var(--border-color)}.map-tab{padding:8px 20px;font-size:.9rem;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.map-tab:hover{color:var(--text-primary)}.map-tab--active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.map-commission-placeholder{display:flex;justify-content:center;align-items:center;min-height:200px}.map-error{padding:10px 14px;border-radius:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:var(--accent-red);font-size:.85rem;margin-bottom:12px;display:flex;align-items:center;gap:10px;justify-content:space-between}.map-action-msg{padding:8px 14px;border-radius:8px;font-size:.85rem;margin-bottom:12px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:var(--accent-red);display:flex;justify-content:space-between;align-items:center}.map-action-msg--ok{background:#10b9811f;border-color:#10b98140;color:var(--accent-green)}.map-current-banner{background:linear-gradient(135deg,#1e2a50,#1d4ed8);border-radius:12px;padding:16px 18px;color:#fff;margin-bottom:14px}.map-current-banner__zone{display:flex;align-items:center;gap:14px}.map-current-banner__image{font-size:2rem}.map-current-banner__info{flex:1}.map-current-banner__name{font-size:1.125rem;font-weight:700;margin-bottom:3px}.map-current-banner__desc{font-size:.8rem;opacity:.8;margin-bottom:6px}.badge-current-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.7rem;background:#fff3;color:#fff;font-weight:600;margin-left:6px}.map-section{margin-bottom:0;flex:1;min-height:0;display:flex;flex-direction:column}.map-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.map-section__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.map-zone-list{display:flex;flex:1;flex-direction:row;gap:12px;padding:4px 2px;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;align-items:center}.map-zone-list::-webkit-scrollbar{display:none}.map-zone-card{flex:0 0 auto;width:auto;height:480px;max-height:calc(100% - 16px);aspect-ratio:3/4;box-sizing:border-box;overflow:hidden;background-color:#0f172a;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;padding:12px;border:1px solid rgba(148,163,184,.35);cursor:pointer;transition:all .15s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);scroll-snap-align:start;box-shadow:0 8px 22px #00000052}.map-zone-card:hover{border-color:#60a5fa;transform:translateY(-3px);box-shadow:0 12px 28px #0000006b}.map-zone-card--selected{border-color:var(--accent-purple)}.map-zone-card--current{border-color:var(--accent-green);box-shadow:0 0 0 1px #10b98140,0 8px 22px #00000052}.map-zone-card--current:hover{box-shadow:0 0 0 1px #10b98159,0 12px 28px #0000006b}.map-zone-card--locked{border-left:3px solid #475569;filter:grayscale(.8)}.map-zone-card--locked:hover{border-color:#64748b}.map-zone-card--locked .map-zone-card__image{filter:grayscale(1)}.map-zone-card--locked .map-zone-card__desc,.map-zone-card--locked .map-zone-card__meta{color:#64748b}.map-zone-card__header{display:flex;flex-direction:column;align-items:stretch;gap:6px;max-height:100%;padding:11px;overflow-y:auto;scrollbar-width:none;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:linear-gradient(180deg,#080f1ce0,#080f1cad);box-shadow:inset 0 1px #ffffff0f,0 6px 18px #00000052;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-zone-card__header::-webkit-scrollbar{display:none}.map-zone-card__image{font-size:1.8rem;line-height:1}.map-zone-card__info{flex:1;min-width:0}.map-zone-card__name{font-weight:600;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.map-zone-card__meta{font-size:.75rem;color:var(--text-dim);margin:2px 0}.map-zone-card__desc{font-size:.8rem;color:var(--text-secondary);margin:3px 0}.map-zone-card__actions{margin-top:6px;display:flex;gap:6px}.map-zone-card__badge{flex-shrink:0}.map-zone-card__detail{margin-top:10px;padding:10px;border-top:1px solid rgba(148,163,184,.16);border-radius:8px;background:#02061738}.map-zone-card__progress{font-size:.78rem;color:var(--text-secondary);margin-top:8px}.map-zone-card__progress-bar{margin-bottom:10px}.map-zone-card__progress-label{font-size:.78rem;color:var(--text-dim);margin-bottom:4px}.map-zone-card__progress-track{background:#0f172aad;border-radius:4px;height:8px;overflow:hidden}.map-zone-card__progress-fill{background:linear-gradient(90deg,var(--accent-amber),#fbbf24);height:100%;transition:width .3s}.map-zone-card__condition{margin-top:5px;color:var(--accent-amber);font-size:.72rem;line-height:1.45}.map-zone-card__summary{display:flex;flex-wrap:wrap;gap:4px 8px;color:#aebbd0;font-size:.68rem}.zone-monster-preview{margin-top:5px;padding-top:7px;border-top:1px solid rgba(255,255,255,.1)}.zone-monster-preview__section+.zone-monster-preview__section{margin-top:7px}.zone-mp-title{margin-bottom:4px;color:#aebbd0;font-size:10px;font-weight:700;letter-spacing:.06em}.zone-mp-list{display:flex;flex-wrap:wrap;gap:6px}.monster-icon{position:relative;width:46px;height:46px;padding:0;overflow:hidden;border:1px solid #708199;border-radius:7px;color:#dce7f5;background:radial-gradient(circle at 50% 35%,#31435b,#121c2b 68%);box-shadow:inset 0 1px #ffffff2e,0 3px 8px #0006;cursor:pointer}.monster-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.monster-icon>span{font-family:serif;font-size:22px;font-weight:800;text-shadow:0 2px 4px #000}.monster-icon em{position:absolute;right:1px;bottom:1px;padding:0 2px;border-radius:2px;color:#fff;background:#000000c7;font-size:8px;font-style:normal}.monster-icon--elite{border-color:#a875db;background:radial-gradient(circle at 50% 35%,#54386d,#21142d 70%)}.monster-icon--boss{border-color:#d7a64c;background:radial-gradient(circle at 50% 35%,#76552a,#291b0b 70%);box-shadow:inset 0 1px #fff0b44d,0 0 12px #d7a64c4d}.monster-hover-tip{position:fixed;z-index:2147483647;width:270px;padding:11px;pointer-events:none;color:#cbd5e1;border:1px solid #53677f;border-radius:8px;background:linear-gradient(145deg,#182335,#090f1a);box-shadow:0 12px 34px #000000bf,inset 0 1px #ffffff12}.monster-hover-tip--elite{border-color:#8056aa}.monster-hover-tip--boss{border-color:#b98737}.monster-hover-tip__head{display:flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.monster-hover-tip__portrait{display:flex;width:42px;height:42px;align-items:center;justify-content:center;overflow:hidden;border:1px solid currentColor;border-radius:6px;font:800 20px serif;background:#111a28}.monster-hover-tip__portrait img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.monster-hover-tip__head strong,.monster-hover-tip__head span{display:block}.monster-hover-tip__head strong{color:#f2e3bb;font-size:14px}.monster-hover-tip__head span{margin-top:2px;color:#8190a5;font-size:10px}.monster-hover-tip p{margin:8px 0;color:#9ba9bc;font-size:11px;line-height:1.55}.monster-hover-tip__reward{display:flex;gap:14px;color:#cfb875;font-size:10px}.monster-hover-tip__drops{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08)}.monster-hover-tip__drops b{display:block;margin-bottom:5px;color:#9ba9bc;font-size:10px}.monster-hover-tip__drops>div{display:flex;flex-wrap:wrap;gap:5px}.badge-current{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.68rem;background:#10b98126;color:var(--accent-green);font-weight:600}.badge-locked{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.68rem;background:#94a3b81f;color:var(--text-dim);font-weight:600}.zone-power-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.power-easy{background:#10b98126;color:var(--accent-green)}.power-normal{background:#3b82f626;color:var(--accent-blue)}.power-hard{background:#f59e0b26;color:var(--accent-amber)}.power-danger{background:#ef444426;color:var(--accent-red)}.zone-unlock-title{font-size:.8rem;font-weight:600;color:var(--accent-amber);margin-bottom:6px}.zone-unlock-conditions{display:flex;flex-direction:column;gap:6px}.zone-condition{font-size:.8rem;color:var(--text-secondary)}.progress-bar{height:6px;background:#f59e0b26;border-radius:3px;margin-top:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-amber);border-radius:3px}.zone-monster-preview{display:flex;flex-direction:column;gap:6px}.zone-mp-title{font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.zone-mp-list{display:flex;flex-wrap:wrap;gap:4px}.zone-mp-tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.73rem}.zone-mp-tag--normal{background:#94a3b814;border:1px solid var(--border-color);color:var(--text-secondary)}.zone-mp-tag--elite{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);color:var(--accent-amber)}.zone-mp-tag--boss{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--accent-red);font-weight:600}.zone-mp-tag--drop{background:#10b98114;border:1px solid rgba(16,185,129,.3);color:var(--accent-green)}.map-page .btn,.commission-view .btn{padding:6px 14px;border:none;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.map-page .btn:disabled,.commission-view .btn:disabled{opacity:.5;cursor:not-allowed}.map-page .btn-sm,.commission-view .btn-sm{padding:3px 10px;font-size:.72rem;background:var(--bg-card-hover);color:var(--text-secondary)}.map-page .btn-enter,.commission-view .btn-enter{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff}.map-page .btn-enter:hover,.commission-view .btn-enter:hover{opacity:.9}.map-page .btn-fight,.commission-view .btn-fight{background:linear-gradient(135deg,var(--accent-amber),#d97706);color:#fff}.map-page .btn-refresh,.commission-view .btn-refresh{background:#3b82f61f;color:var(--accent-blue)}.map-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px;color:var(--text-dim)}.map-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--accent-purple);border-radius:50%;animation:map-spin .6s linear infinite}@keyframes map-spin{to{transform:rotate(360deg)}}.map-empty{text-align:center;padding:40px;color:var(--text-dim);font-size:.9rem}.map-action-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:.9rem;z-index:999}@media (max-width:640px){.map-zone-card{height:320px;padding:8px}.map-zone-card__badge{align-self:flex-start}.map-current-banner__zone{flex-direction:column;text-align:center}}.zone-condition--deliver{display:flex;flex-direction:column;gap:8px}.btn-unlock{padding:6px 16px;font-size:.85rem;font-weight:600;border:none;border-radius:6px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;cursor:pointer;transition:opacity .2s}.btn-unlock:hover{opacity:.85}.btn-unlock:disabled{opacity:.5;cursor:not-allowed}.commission-view{min-height:200px;color:var(--text-primary)}.com-library__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;color:var(--text-secondary)}.com-library__diff{color:var(--text-primary)}.com-empty{text-align:center;padding:40px 20px;color:var(--text-dim);font-size:.95rem}.com-chain-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.com-chain-card{background:var(--bg-card);border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.com-chain-card:hover{border-color:var(--accent-blue);background:var(--bg-card-hover)}.com-chain-card__info{flex:1}.com-chain-card__name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:3px}.com-chain-card__desc{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.com-chain-card__meta{font-size:.75rem;color:var(--text-dim)}.com-chain-card__actions{display:flex;gap:8px;flex-shrink:0}.com-difficulty-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#aaa}.com-diff-select{padding:5px 10px;border:1px solid #444;background:#1a1a2e;color:#ccc;border-radius:4px;font-size:13px;cursor:pointer;outline:none;color-scheme:dark}.com-diff-select:focus{border-color:#f84}.com-diff-select option{background:#1a1a2e;color:#ccc}.com-diff-select option:disabled{color:#555}.com-promotion-inline{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:13px;color:#aaa}.com-promotion-inline .com-promotion-select{padding:5px 10px;border:1px solid #444;background:#1a1a2e;color:#ccc;border-radius:4px;font-size:12px;cursor:pointer;outline:none;min-width:200px;max-width:220px;color-scheme:dark}.com-promotion-inline .com-promotion-select:focus{border-color:#f84}.com-promotion-inline .com-promotion-select option{background:#1a1a2e;color:#ccc}.com-progress{background:var(--bg-card);border-radius:12px;padding:16px;border:1px solid var(--accent-purple)}.com-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.com-progress__name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.com-progress__name em{color:var(--text-dim);font-size:.85rem;font-style:normal}.com-progress__timer{font-size:.85rem;color:var(--accent-amber);font-weight:600}.com-team-panel{background:#38bdf814;border-radius:8px;padding:10px 14px;margin-bottom:12px;border:1px solid rgba(56,189,248,.2)}.com-team-panel__title{font-size:.8rem;font-weight:600;color:#38bdf8;margin-bottom:6px}.com-team-panel__list{display:flex;gap:8px;flex-wrap:wrap}.com-team-badge{font-size:.8rem;padding:3px 8px;border-radius:8px;background:#38bdf81f;color:#7dd3fc}.com-team-badge--captain{background:#f59e0b1f;color:var(--accent-amber);font-weight:700}.com-progress__footer{margin-top:16px;display:flex;justify-content:flex-end}.com-node-path{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.com-node-badge{font-size:.75rem;padding:3px 10px;border-radius:12px;background:#94a3b814;color:var(--text-dim);display:flex;align-items:center;gap:4px}.com-node-badge--current{background:#3b82f626;color:var(--accent-blue);font-weight:700}.com-node-arrow{margin:0 2px}.com-current-node{background:#818cf80f;border-radius:8px;padding:14px;margin-bottom:14px;border-left:4px solid var(--accent-purple)}.com-current-node__type{font-size:.8rem;font-weight:700;color:var(--accent-purple);margin-bottom:6px;text-transform:uppercase}.com-current-node__text{font-size:.95rem;color:var(--text-primary);line-height:1.5}.com-choices{display:flex;flex-direction:column;gap:10px}.com-choice-item{display:flex;gap:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:14px;transition:border-color .15s}.com-choice-item:hover{border-color:var(--accent-purple)}.com-choice-item__index{font-size:1.2rem;font-weight:800;color:var(--accent-purple);width:28px;text-align:center;flex-shrink:0}.com-choice-item__content{flex:1}.com-choice-item__text{font-size:.9rem;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.com-choice-item__reqs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.com-choice-item__votes{display:flex;gap:8px;font-size:.8rem;color:var(--text-dim)}.com-choice-item__actions{display:flex;gap:6px;flex-shrink:0;align-items:flex-start}.com-req-tag{font-size:.75rem;padding:1px 6px;border-radius:4px;background:#f59e0b26;color:var(--accent-amber)}.com-battle-node{background:#ef444414;border-radius:8px;padding:14px;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;gap:14px;margin-bottom:14px}.com-battle-node__info{flex:1;font-size:.9rem;color:var(--text-primary)}.com-battle-live{font-size:.85rem;color:var(--accent-red);font-weight:600;display:flex;align-items:center;gap:4px}.com-completed{text-align:center;padding:40px 20px}.com-completed__icon{font-size:3rem;margin-bottom:10px}.com-completed__title{font-size:1.3rem;font-weight:700;color:var(--accent-green);margin-bottom:6px}.com-completed__desc{font-size:.9rem;color:var(--text-dim);margin-bottom:16px}.map-page .btn-fight,.commission-view .btn-fight{padding:8px 20px;font-size:.9rem;font-weight:700;border:none;border-radius:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;cursor:pointer}.map-page .btn-fight:hover,.commission-view .btn-fight:hover{opacity:.9}.map-page .btn-fight:disabled,.commission-view .btn-fight:disabled{opacity:.5;cursor:not-allowed}.btn-deliver{padding:8px 20px;font-size:.9rem;font-weight:700;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:8px;background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-deliver:hover{opacity:.9}.btn-deliver:disabled{background:linear-gradient(135deg,#475569,#334155);opacity:.6;cursor:not-allowed}.map-page .btn-enter,.commission-view .btn-enter{padding:6px 16px;font-size:.85rem;font-weight:600;border:none;border-radius:6px;background:var(--accent-blue);color:#fff;cursor:pointer}.map-page .btn-enter:hover,.commission-view .btn-enter:hover{background:#1d4ed8}.map-page .btn-enter:disabled,.commission-view .btn-enter:disabled{opacity:.5;cursor:not-allowed}.map-page .btn-danger,.commission-view .btn-danger{padding:6px 16px;font-size:.85rem;font-weight:600;border:1px solid rgba(239,68,68,.3);border-radius:6px;background:transparent;color:var(--accent-red);cursor:pointer}.map-page .btn-danger:hover,.commission-view .btn-danger:hover{background:#ef44441a}.map-page .btn-danger:disabled,.commission-view .btn-danger:disabled{opacity:.5;cursor:not-allowed}.map-page .btn-sm,.commission-view .btn-sm{padding:4px 12px;font-size:.75rem;border-radius:6px;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.map-page .btn-sm:hover,.commission-view .btn-sm:hover{background:var(--bg-card-hover)}.map-page .btn-contribute,.commission-view .btn-contribute{background:#f59e0b1f;border-color:#f59e0b4d;color:var(--accent-amber)}.map-page .btn-contribute:hover,.commission-view .btn-contribute:hover{background:#f59e0b33}.map-page .btn-refresh,.commission-view .btn-refresh{padding:6px 16px;font-size:.85rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer}.map-page .btn-refresh:hover,.commission-view .btn-refresh:hover{background:var(--bg-card-hover)}.market-page{max-width:1200px;margin:0 auto;padding:20px;color:#e0e0e0}.market-page h1{text-align:center;margin-bottom:20px}.market-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;justify-content:center}.market-tab{padding:10px 20px;border:1px solid #444;background:#1a1a2e;color:#ccc;cursor:pointer;border-radius:6px;font-size:14px;transition:all .2s}.market-tab:hover,.market-tab.active{background:#2a2a5e;color:#fff;border-color:#68f}.market-success{background:#1a3a1a;color:#8f8;padding:10px;border-radius:6px;margin-bottom:12px;text-align:center}.market-error{background:#3a1a1a;color:#f88;padding:10px;border-radius:6px;margin-bottom:12px;text-align:center}.market-loading{text-align:center;padding:40px;color:#888}.market-empty{text-align:center;padding:40px;color:#666}.market-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.market-filters input,.market-filters select{padding:8px 12px;background:#1a1a2e;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px}.market-btn{padding:8px 16px;border:1px solid #5566aa;background:#2a2a5e;color:#dde;cursor:pointer;border-radius:4px;font-size:13px}.market-btn:hover{background:#3a3a7e}.market-btn:disabled{opacity:.5;cursor:default}.buy-btn{background:#2a5a2a;border-color:#4a8;width:100%;margin-top:8px}.buy-btn:hover{background:#3a7a3a}.cancel-btn{background:#5a2a2a;border-color:#a44;width:100%;margin-top:8px}.reclaim-btn{background:#5a5a2a;border-color:#aa4;width:100%;margin-top:8px}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.market-card{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.market-card:hover{border-color:#56a;transform:translateY(-2px)}.mc-header{display:flex;justify-content:space-between;margin-bottom:6px}.mc-rarity{font-size:11px;text-transform:uppercase;font-weight:700}.mc-quantity{color:#888;font-size:12px}.mc-name{font-size:15px;font-weight:700;margin-bottom:4px}.mc-enhance{color:#fa4;font-size:13px;margin-bottom:4px}.mc-seller{color:#888;font-size:12px;margin-bottom:4px}.mc-price{color:#fd4;font-size:14px}.mc-total{color:#da4;font-size:13px}.mc-expire{color:#888;font-size:11px;margin-top:4px}.mc-code{color:#555;font-size:10px;margin-top:2px}.mc-status{font-size:11px;padding:2px 6px;border-radius:3px}.status-active{background:#1a3a1a;color:#8f8}.status-sold{background:#3a3a1a;color:#ff8}.status-cancelled{background:#3a1a1a;color:#f88}.status-expired{background:#2a2a2a;color:#888}.status-reclaimed{background:#2a3a2a;color:#8a8}.market-sell-panel h2{margin-bottom:12px}.sell-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:16px}.sell-inv-slot{background:#1a1a2e;border:1px solid #333;border-radius:6px;padding:10px;cursor:pointer;transition:all .2s}.sell-inv-slot:hover,.sell-inv-slot.selected{border-color:#68f}.sell-inv-slot.not-tradable{opacity:.5;cursor:default}.sis-name{font-size:13px;font-weight:700}.sis-qty{color:#888;font-size:12px}.sis-instance{color:#4af;font-size:11px}.sis-enhance{color:#fa4;font-size:11px}.sis-nt{color:#f44;font-size:11px}.sell-form{background:#1a1a2e;border:1px solid #444;border-radius:8px;padding:16px;max-width:400px}.sell-form label{display:block;margin:8px 0}.sell-form input{padding:8px;background:#111;border:1px solid #444;border-radius:4px;color:#e0e0e0;width:100%;box-sizing:border-box}.sell-preview{margin:12px 0;padding:10px;background:#111;border-radius:6px}.sell-receive{color:#8f8;font-weight:700;font-size:16px}.orders-list{display:flex;flex-direction:column;gap:8px}.order-card{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:12px}.order-header{display:flex;justify-content:space-between;margin-bottom:6px}.order-code{color:#666;font-size:11px}.order-role{color:#8af;font-size:12px}.order-item{font-size:14px;font-weight:700}.order-price{color:#da4;font-size:13px;margin:4px 0}.order-other{color:#888;font-size:12px}.order-time{color:#555;font-size:11px;margin-top:4px}.market-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.market-pagination button{padding:8px 16px;background:#2a2a5e;border:1px solid #5566aa;color:#dde;cursor:pointer;border-radius:4px}.market-pagination button:disabled{opacity:.4;cursor:default}.market-pagination span{color:#888}.market-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.market-modal{background:#1a1a2e;border:1px solid #444;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#888;font-size:20px;cursor:pointer}.modal-close:hover{color:#fff}.modal-rarity{font-weight:700}.modal-stats,.modal-affixes{margin:12px 0;padding:10px;background:#111;border-radius:6px}.modal-price{margin:12px 0;color:#fd4}.modal-seller{color:#888;font-size:13px}.market-page{box-sizing:border-box;padding:14px!important;border:1px solid rgba(183,157,101,.28);border-radius:5px 16px;background:radial-gradient(circle at 85% 0,rgba(67,101,137,.16),transparent 34%),linear-gradient(145deg,#0e1826f5,#040910fa);box-shadow:inset 0 1px #ffffff0e,0 16px 38px #00000052}.market-page h1{margin:0 0 10px!important;color:#ead096;font-size:20px;letter-spacing:.18em}.market-tabs button,.market-tab{border:1px solid rgba(126,150,178,.34)!important;border-radius:3px 9px!important;background:linear-gradient(180deg,#27374ad1,#0d1622f0)!important;color:#9eafc2!important;box-shadow:inset 0 1px #ffffff0d}.market-tabs button:hover,.market-tabs button[style*="rgb(30, 58, 95)"],.market-tab.active{border-color:#e0bc699e!important;color:#f0d79c!important;filter:brightness(1.1)}.market-content{min-height:0;padding:12px;border:1px solid rgba(126,150,177,.18);border-radius:4px 13px;background:#03080f80;scrollbar-width:none}.market-content::-webkit-scrollbar{display:none}.market-filters input,.market-filters select{border-color:#8299b447!important;border-radius:3px 8px!important;background:#060d16e6!important}.market-selected-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);grid-template-rows:auto minmax(0,1fr);flex:1;min-height:0;overflow:hidden;gap:10px}.market-selected-layout>:first-child{grid-column:1 / -1}.market-selected-layout>:nth-child(2){min-height:0;overflow-y:auto;scrollbar-width:none}.market-selected-layout>:nth-child(2)::-webkit-scrollbar{display:none}.market-quick-sell{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:hidden;padding:10px;border:1px solid rgba(193,162,96,.24);border-radius:3px 11px;background:linear-gradient(145deg,#1d2a3ad1,#070d15f0)}.market-quick-sell__title{color:#e4c982;font-size:13px;font-weight:700}.market-quick-sell__hint{margin:2px 0 8px;color:#718398;font-size:10px}.market-quick-sell__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));align-content:start;gap:6px;max-height:calc(100% - 38px);overflow-y:auto;scrollbar-width:none}.market-quick-sell__grid::-webkit-scrollbar{display:none}.market-quick-sell__item{min-width:0;padding:7px 4px;border:1px solid rgba(129,153,181,.22);border-radius:3px 9px;background:linear-gradient(145deg,#202f40db,#070e17f5);color:#bdc9d6;cursor:pointer;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.market-quick-sell__item:hover{transform:translateY(-1px);border-color:#debb6a94;filter:brightness(1.12)}.market-quick-sell__item>span{display:block;overflow:hidden;margin-top:4px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 820px){.market-selected-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(150px,1fr) minmax(130px,.7fr);overflow-y:auto}.market-quick-sell{grid-column:1;grid-row:auto}}.shop-container{padding:12px;color:#e2e8f0;font-family:Inter,Noto Sans SC,sans-serif}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.shop-title{font-size:20px;font-weight:700;margin:0}.shop-gold{display:flex;align-items:center;gap:6px;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:6px 14px}.shop-gold-icon{font-size:18px}.shop-gold-amount{font-size:16px;font-weight:700;color:#fbbf24}.shop-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.shop-type-tabs{display:flex;gap:8px;padding:0 0 10px;border-bottom:1px solid rgba(105,132,158,.32)}.shop-type-tab{min-width:112px;height:34px;color:#9eb0c2;border:1px solid rgba(99,126,153,.45);border-radius:4px;background:#0b1827d1;cursor:pointer}.shop-type-tab--active{color:#f3d994;border-color:#e0bc69b8;background:linear-gradient(180deg,#705326e6,#2b1f12f5)}.shop-global-buff-icon{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 7px rgba(242,196,87,.5))}.shop-global-buff-modal-icon{width:52px;height:52px;-o-object-fit:contain;object-fit:contain}.shop-tab{padding:5px 12px;font-size:12px;border-radius:12px;border:1px solid #334155;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.shop-tab:hover{border-color:#475569;color:#e2e8f0}.shop-tab--active{border-color:#3b82f6;background:#1e3a5f;color:#93c5fd}.shop-message{padding:8px 12px;margin-bottom:8px;border-radius:6px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.shop-message--success{background:#065f4655;border:1px solid #065f46;color:#34d399}.shop-message--error{background:#7f1d1d55;border:1px solid #991b1b;color:#fca5a5}.shop-message-close{background:none;border:none;color:inherit;cursor:pointer;font-size:14px}.shop-loading,.shop-empty{text-align:center;padding:32px 16px;color:#64748b;font-size:13px;grid-column:1 / -1}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.shop-item-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;background:#0f172a;border:1px solid #1e293b;border-radius:8px;cursor:pointer;transition:all .15s;min-height:90px}.shop-item-block:hover{border-color:#3b82f6;background:#1e293b;transform:translateY(-1px)}.shop-item-block-emoji{font-size:22px;line-height:1}.shop-item-block-name{font-size:10px;font-weight:600;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop-item-block-price{font-size:10px;color:#fbbf24;font-weight:500}.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center}.shop-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;width:320px;max-width:90vw;box-shadow:0 8px 32px #00000080;overflow:hidden}.shop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px}.shop-modal-close{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px}.shop-modal-close:hover{color:#e2e8f0;background:#334155}.shop-modal-info{padding:0 16px 10px}.shop-modal-desc{font-size:12px;color:#64748b;font-style:italic;margin-bottom:6px}.shop-modal-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#94a3b8}.shop-modal-price-row,.shop-modal-qty-row{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;color:#cbd5e1;border-top:1px solid #334155}.shop-qty-control{display:flex;align-items:center;gap:8px}.shop-qty-btn{width:28px;height:28px;border-radius:6px;border:1px solid #475569;background:#0f172a;color:#e2e8f0;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.shop-qty-btn:hover{border-color:#3b82f6;color:#93c5fd}.shop-qty-value{font-size:16px;font-weight:700;min-width:24px;text-align:center}.shop-modal-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;border-top:1px solid #334155;background:#0f172a44}.shop-modal-balance{padding:6px 16px 10px;font-size:11px;color:#64748b;text-align:right}.shop-modal-actions{display:flex;gap:8px;padding:10px 16px 14px;border-top:1px solid #334155}.shop-btn-cancel{flex:1;padding:10px;border-radius:8px;border:1px solid #475569;background:transparent;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .15s}.shop-btn-cancel:hover{border-color:#64748b;color:#e2e8f0}.shop-btn-buy-main{flex:2;padding:10px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.shop-btn-buy-main:hover:not(:disabled){background:#2563eb}.shop-btn-buy-main:disabled{background:#1e3a5f;color:#64748b;cursor:not-allowed}.shop-container{box-sizing:border-box;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(184,157,100,.28);border-radius:5px 16px;background:radial-gradient(circle at 86% 0,rgba(69,102,138,.17),transparent 35%),linear-gradient(145deg,#0e1826f5,#040910fa);box-shadow:inset 0 1px #ffffff0e,0 16px 38px #00000052}.shop-title{color:#ead096;letter-spacing:.16em}.shop-gold{border-color:#dab45b6b;border-radius:3px 10px;background:linear-gradient(180deg,#48391dc7,#16120deb);box-shadow:inset 0 1px #fff0be1a}.shop-gold:before{content:"";width:20px;height:20px;background:url(/assets/ui/Icon_Gold.png) center/contain no-repeat}.shop-tab{border-color:#7e96b257;border-radius:3px 9px;background:linear-gradient(180deg,#27374ad1,#0d1622f0);box-shadow:inset 0 1px #ffffff0d}.shop-tab--active{border-color:#e0bc699e;background:linear-gradient(180deg,#705326e6,#2b1f12f5);color:#f1d899}.shop-grid{min-height:0;overflow-y:auto;padding:3px;scrollbar-width:none}.shop-grid::-webkit-scrollbar{display:none}.shop-item-block{min-height:112px;border-radius:3px 11px;background:linear-gradient(145deg,#1f2d3ee6,#060d16f5);box-shadow:inset 0 1px #ffffff0d,0 6px 15px #00000040}.shop-item-block:hover{border-color:#e1be6c9e!important;background:linear-gradient(145deg,#2a3a4ef0,#09111cfa);box-shadow:0 9px 21px #00000057,0 0 14px #d3ab4f1a}.shop-item-block-emoji{width:52px;height:52px}.shop-item-block-price:before{content:"";display:inline-block;width:13px;height:13px;margin-right:3px;vertical-align:-2px;background:url(/assets/ui/Icon_Gold.png) center/contain no-repeat}.shop-overlay{background:#01050ac7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shop-modal{border-color:#e2bf7485;border-radius:5px 16px;background:radial-gradient(circle at 80% 0,rgba(70,100,134,.2),transparent 38%),linear-gradient(150deg,#172438,#060b13);box-shadow:0 28px 75px #000000b3,inset 0 1px #ffffff12}.shop-modal-item-heading{display:flex;align-items:center;gap:10px;min-width:0}.shop-btn-buy-main{border:1px solid rgba(224,190,108,.65);border-radius:3px 9px;background:linear-gradient(180deg,#89672f,#3e2c16);color:#fff0c3;box-shadow:inset 0 1px #ffffff24,0 5px 13px #00000047}.shop-btn-buy-main:hover:not(:disabled){background:linear-gradient(180deg,#a17a39,#4b351a)}.spaceship-panel{width:100%;padding:16px}.spaceship-title{margin:0 0 4px;font-size:20px}.spaceship-subtitle{margin:0 0 12px;font-size:13px;color:#888}.spaceship-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ship-gallery{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.ship-gallery-card{width:150px;flex-shrink:0;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;cursor:pointer;text-align:center;transition:all .2s}.ship-gallery-card:hover{border-color:#60a5fa80;background:#60a5fa0d;transform:translateY(-2px)}.ship-gallery-img{width:100%;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:6px;margin-bottom:4px}.ship-gallery-info{display:flex;justify-content:center;align-items:center;gap:6px}.ship-gallery-name{font-size:13px;font-weight:600}.ship-gallery-tier{font-size:11px;background:#e8a400;color:#000;padding:1px 6px;border-radius:4px}.ship-gallery-desc{font-size:11px;color:#888;margin:4px 0 0}.ship-gallery-level{font-size:10px;color:#fbbf24;margin:2px 0 0}.ship-gallery-level.locked{color:#666}.ship-gallery-card.locked{opacity:.5;cursor:not-allowed}.ship-gallery-card.locked:hover{border-color:#333;transform:none}.hangar-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}.hangar-bar-item{flex-shrink:0;width:80px;padding:6px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);cursor:pointer;text-align:center;transition:all .2s}.hangar-bar-item:hover{border-color:#60a5fa66}.hangar-bar-item.active{border-color:#60a5fa;background:#60a5fa14}.hangar-bar-item.launched{border-color:#4ade80;background:#4ade8014}.hangar-bar-img{width:100%;height:48px;-o-object-fit:contain;object-fit:contain;border-radius:4px}.hangar-bar-name{font-size:10px;color:#ccc;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hangar-bar-badge{font-size:9px;padding:1px 4px;border-radius:3px;display:inline-block;margin-top:2px}.hangar-bar-badge.building{background:#e8a400;color:#000}.hangar-bar-badge:not(.building){background:#4ade80;color:#000}.spaceship-build-module-row{display:flex;gap:6px;align-items:center;justify-content:space-between}.spaceship-build-module-row .spaceship-upgrade-cost{font-size:10px;color:#cc0}.spaceship-cost-icons{display:flex;gap:2px;align-items:center}.spaceship-module.not-built{border-color:#ffffff0f;background:#ffffff03}.spaceship-image-wrap{text-align:center;margin-bottom:16px}.spaceship-image{max-width:100%;max-height:200px;border-radius:12px;filter:drop-shadow(0 0 12px rgba(96,165,250,.3))}.spaceship-banner{display:flex;gap:14px;align-items:flex-start;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;margin-bottom:12px}.spaceship-banner-img{width:120px;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:8px;flex-shrink:0}.spaceship-banner-info{flex:1;min-width:0}.spaceship-banner-name{font-size:18px;margin:0 0 4px;display:flex;align-items:center;gap:8px}.spaceship-banner-desc{font-size:12px;color:#888;margin:0 0 6px}.spaceship-banner-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#94a3b8}.spaceship-build-card{text-align:center;padding:40px 20px}.spaceship-build-card p{margin:8px 0;color:#888}.spaceship-cost{font-size:13px;color:#cc0}.spaceship-resources{margin-bottom:10px}.spaceship-res-bar{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff05;border-radius:4px;font-size:12px}.spaceship-res-label{width:32px;font-size:12px;flex-shrink:0}.spaceship-res-track{flex:1;height:10px;background:#333;border-radius:5px;overflow:hidden}.spaceship-res-fill{height:100%;border-radius:5px;transition:width .5s}.spaceship-res-fill.durability{background:linear-gradient(90deg,#4a9e4a,#7ec87e)}.spaceship-res-fill.energy{background:linear-gradient(90deg,#3a7ee8,#7eb8ff)}.spaceship-res-val{width:80px;font-size:12px;text-align:right;flex-shrink:0}.spaceship-res-actions{display:flex;gap:4px;align-items:center}.spaceship-qty-input{width:40px;padding:2px 4px;background:#222;border:1px solid #444;color:#ddd;border-radius:4px;text-align:center;font-size:12px}.spaceship-modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.spaceship-module{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;transition:border-color .2s}.spaceship-module:hover{border-color:#fff3}.spaceship-module.upgrading{border-color:#e8a400}.spaceship-module-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.spaceship-module-icon{font-size:18px}.spaceship-module-name{font-size:14px;font-weight:600}.spaceship-module-level{margin-left:auto;font-size:12px;color:#e8a400}.spaceship-module-effect{font-size:12px;color:#aaa;margin-bottom:6px}.spaceship-focus-row{display:flex;gap:4px;margin-bottom:6px}.spaceship-focus-row button{font-size:11px;padding:2px 8px}.spaceship-focus-row button.active{background:#4a9e4a;border-color:#4a9e4a}.spaceship-upgrade-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.spaceship-upgrade-cost{font-size:11px;color:#cc0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spaceship-upgrade-time{font-size:11px;color:#888}.spaceship-upgrade-progress{display:flex;align-items:center;gap:6px}.spaceship-upgrade-track{flex:1;height:6px;background:#333;border-radius:3px;overflow:hidden}.spaceship-upgrade-fill{height:100%;background:#e8a400;border-radius:3px}.spaceship-upgrade-pct{font-size:11px;color:#e8a400;width:35px;text-align:right}.spaceship-max-level{font-size:11px;color:#666}.spaceship-msg{margin:8px 0;font-size:13px}.spaceship-msg.error{color:#e85d3a}.starmap-layout{display:flex;gap:10px;height:calc(100vh - 100px);padding:8px;overflow:hidden}.starmap-side-panel{width:260px;flex-shrink:0;background:#0a0a1e99;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;overflow-y:auto;font-size:12px}.starmap-side-panel h3{font-size:14px;margin:0 0 6px;color:#c4b5fd}.starmap-side-panel .ship-mini-img{width:100%;height:100px;-o-object-fit:contain;object-fit:contain;border-radius:8px;margin-bottom:6px;filter:drop-shadow(0 0 8px rgba(96,165,250,.3))}.starmap-mini-bar{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-size:11px}.starmap-mini-track{flex:1;height:5px;background:#222;border-radius:3px;overflow:hidden}.starmap-mini-fill{height:100%;border-radius:3px}.starmap-mini-fill.dura{background:linear-gradient(90deg,#4a9e4a,#7ec87e)}.starmap-mini-fill.energy{background:linear-gradient(90deg,#3a7ee8,#7eb8ff)}.starmap-mini-modules{display:flex;flex-wrap:wrap;gap:2px;margin-top:6px}.starmap-mini-mod{font-size:10px;padding:1px 4px;border-radius:3px;background:#ffffff0d}.starmap-mini-mod.built{color:#4ade80}.starmap-mini-mod.missing{color:#666}.starmap-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,.04)}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.starmap-starfield{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.starmap-star{position:absolute;border-radius:50%;background:#fff;opacity:0;animation:starTwinkle 3s ease-in-out infinite;box-shadow:0 0 3px #ffffff80}.starmap-star:nth-child(3n){background:#aac;box-shadow:0 0 3px #b4b4ff80}.starmap-star:nth-child(5n+1){background:#ffd;box-shadow:0 0 4px #ffffc899}.starmap-grid-wrapper{position:relative;z-index:1;padding:4px;width:100%;max-width:680px;aspect-ratio:1}.starmap-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;width:100%;height:100%}.starmap-axis-label{font-size:9px;color:#555;display:flex;align-items:center;justify-content:center}.starmap-axis-label.row{justify-content:flex-end;padding-right:2px}.starmap-cell{aspect-ratio:1;background:transparent;border:1px solid transparent;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:default;transition:all .15s;position:relative}.starmap-cell.has-planet{border-color:#ffffff0f;cursor:pointer}.starmap-cell.has-planet:hover{border-color:#ffffff40;transform:scale(1.2);z-index:2}.starmap-cell.current{border-color:#4a9e4a;box-shadow:0 0 8px #4a9e4a80}.starmap-cell.selected{border-color:#e8a400;box-shadow:0 0 8px #e8a40080}.starmap-cell.in-range{border-color:#3e7ee866}.starmap-cell.out-range{border-color:transparent}.starmap-planet-icon{font-size:15px}.starmap-planet-img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;display:block;margin:auto}.starmap-legend{display:flex;gap:10px;font-size:10px;color:#555;position:relative;z-index:1;margin-top:4px}.starmap-flight-ship{position:absolute;font-size:14px;z-index:3;pointer-events:none;filter:drop-shadow(0 0 8px rgba(232,164,0,.9));transition:left .4s linear,top .4s linear}.starmap-flight-path{position:absolute;z-index:2;pointer-events:none;background:#e8a4001f;border:1px dashed rgba(232,164,0,.25);border-radius:2px}.starmap-flight-bar{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#e8a40026;border:1px solid rgba(232,164,0,.3);border-radius:6px;font-size:12px;width:calc(100% - 24px);margin-bottom:4px}.starmap-flight-track{flex:1;height:6px;background:#333;border-radius:3px;overflow:hidden}.starmap-flight-fill{height:100%;background:linear-gradient(90deg,#e8a400,gold);border-radius:3px}.starmap-regions{margin-top:8px}.starmap-regions h3{font-size:13px;margin:0 0 4px}.starmap-explore-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.starmap-explore-row select{background:#111;border:1px solid #333;color:#ccc;padding:2px 6px;border-radius:4px;font-size:12px}.starmap-region-list{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow-y:auto}.starmap-region-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff05;border-radius:4px;cursor:pointer;font-size:11px;transition:background .2s}.starmap-region-item:hover{background:#ffffff0f}.starmap-region-item.current{border-left:2px solid #4a9e4a}.starmap-planet-info{padding:8px;background:#ffffff05;border-radius:6px}.starmap-planet-info h3{margin:0 0 6px;font-size:14px}.starmap-planet-info p{margin:2px 0;font-size:11px;color:#aaa}.starmap-badge{font-size:10px;padding:1px 6px;border-radius:8px;display:inline-block;margin:3px 3px 0 0}.starmap-badge.current{background:#4a9e4a;color:#fff}.starmap-badge.out-range{background:#444;color:#888}.starmap-planet-ranges{display:flex;flex-direction:column;gap:4px;margin:4px 0}.starmap-range-row{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#ccc;padding:2px 6px;background:#ffffff0a;border-radius:4px}.starmap-range-row span:last-child{color:#fbbf24;font-weight:600}.starmap-planet-zones{margin-top:4px}.starmap-planet-zones .starmap-mini-mod{margin:1px 2px 1px 0;display:inline-block}.starmap-cell.empty-space{cursor:crosshair}.starmap-cell.empty-space:hover{background:#60a5fa1f}.starmap-warp-marker{position:absolute;right:2px;top:1px;z-index:4;font-size:13px;text-shadow:0 0 5px #000}.starmap-warp-marker.default{color:#60a5fa}.starmap-warp-marker.custom{color:#facc15}.starmap-space-ship-marker{color:#4ade80;font-size:18px;text-shadow:0 0 8px #22c55e}.starmap-map-tools{position:relative;z-index:4;width:calc(100% - 16px);display:flex;align-items:center;gap:6px;padding:6px 8px}.starmap-map-tools span{margin-left:auto;color:#64748b;font-size:11px}.starmap-viewport{position:relative;z-index:1;width:100%;flex:1;min-height:0;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.starmap-viewport:active{cursor:grabbing}.starmap-world{position:absolute;left:0;top:0;transform-origin:0 0;background-image:linear-gradient(rgba(96,165,250,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.1) 1px,transparent 1px);box-shadow:inset 0 0 0 1px #60a5fa40;will-change:transform}.starmap-world-marker{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;box-sizing:border-box}.starmap-world-marker.planet{border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#0f172ab8}.starmap-world-marker.planet.in-range{border-color:#60a5fabf;box-shadow:0 0 8px #60a5fa80}.starmap-world-marker.planet img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;pointer-events:none}.starmap-world-marker.selected-coordinate{border:2px solid #f59e0b;background:#f59e0b1a;box-shadow:0 0 10px #f59e0ba6;z-index:5}.starmap-world-warp,.starmap-world-ship{position:absolute;transform:translate(-50%,-50%);z-index:7;pointer-events:none;text-shadow:0 0 6px #000}.starmap-world-warp.default{color:#60a5fa;font-size:22px}.starmap-world-warp.custom{color:#facc15;font-size:22px}.starmap-world-ship{color:#4ade80;font-size:23px;text-shadow:0 0 8px #22c55e}.starmap-world .starmap-flight-path{position:absolute;z-index:3;background:none;border:0;border-radius:0}.starmap-world .starmap-flight-path.horizontal{height:0;border-top:2px dashed rgba(250,204,21,.65)}.starmap-world .starmap-flight-path.vertical{width:0;border-left:2px dashed rgba(250,204,21,.65)}.spaceship-fuel-owned{min-width:120px;color:#93c5fd;font-size:11px}.sp-btn{padding:6px 14px;border:1px solid #555;border-radius:6px;background:#333;color:#ddd;cursor:pointer;font-size:13px;transition:all .15s}.sp-btn:hover{background:#444}.sp-btn:disabled{opacity:.4;cursor:not-allowed}.sp-btn-primary{border-color:#4a9e4a;background:#3a7e3a}.sp-btn-primary:hover{background:#4a9e4a}.sp-btn-warn{border-color:#d4a017;background:#8a6d0b}.sp-btn-warn:hover{background:#d4a017}.sp-btn-danger{border-color:#a04040;background:#803030;color:#fcc}.sp-btn-danger:hover{background:#a04040}.sp-btn-sm{padding:3px 10px;font-size:12px}.sp-btn-xs{padding:2px 6px;font-size:11px;border-radius:4px}.sp-panel{color:#ddd}.stats-page{max-width:1000px;margin:0 auto;padding:20px 16px}.stats-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.stats-page__title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.stats-page__actions{display:flex;gap:8px}.stats-page__message{padding:10px 14px;border-radius:8px;font-size:.875rem;margin-bottom:12px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.stats-page__message--success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.stats-page__main{display:flex;flex-direction:column;gap:14px}.stats-error{text-align:center;padding:40px;color:#dc2626}.stats-card{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px #00000014}.stats-card__title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #eef2f6}.stats-summary-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stats-summary-card__avatar{width:56px;height:56px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.stats-summary-card__info{flex:1}.stats-summary-card__name{font-size:1.125rem;font-weight:600;margin:0 0 4px}.stats-summary-card__badges{display:flex;gap:8px;margin-bottom:4px}.stats-summary-card__exp{font-size:.8rem;opacity:.85}.stats-bars{display:flex;flex-direction:column;gap:10px}.stat-bar__fill{height:100%;border-radius:5px;transition:width .3s ease}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.skill-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.skill-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.skill-item__name{font-size:.85rem;font-weight:600;color:#1e293b}.skill-item__level{font-size:.75rem;font-weight:700;color:#667eea;background:#eef2ff;padding:1px 8px;border-radius:10px}.skill-item__exp-text{font-size:.72rem;color:#94a3b8}.final-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.final-stat-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f8fafc;border-radius:6px;border:1px solid #eef2f6}.final-stat-item__cat{font-size:.65rem;color:#94a3b8;background:#eef2f6;padding:1px 6px;border-radius:4px;text-transform:uppercase}.final-stat-item__label{flex:1;font-size:.85rem;color:#475569}.final-stat-item__value{font-weight:700;color:#1e293b;font-size:.9rem}.layers-container{display:flex;flex-direction:column;gap:6px}.layer-details{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.layer-summary{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem}.layer-summary:hover{background:#f1f5f9}.layer-summary__count{font-size:.75rem;color:#94a3b8;font-weight:400}.layer-body{padding:8px 14px 12px;border-top:1px solid #eef2f6}.layer-category{margin-bottom:8px}.layer-category:last-child{margin-bottom:0}.layer-category__title{font-size:.8rem;font-weight:600;color:#64748b;margin:0 0 4px}.layer-stat-row{display:flex;justify-content:space-between;padding:3px 8px;font-size:.82rem}.layer-stat-row__label{color:#64748b}.layer-stat-row__value{font-weight:600;color:#1e293b}.stats-page__meta{margin-top:16px;display:flex;gap:16px;font-size:.78rem;color:#94a3b8}.btn{padding:8px 18px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.inventory-page{padding:20px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 60px);background-color:#f5f5f5}.inventory-header{margin-bottom:24px;text-align:center}.inventory-title{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.inventory-subtitle{font-size:16px;color:#666;margin-bottom:20px}.inventory-info-bar{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.inventory-info-left{flex:1}.inventory-character-info{margin-bottom:16px}.inventory-character-name{font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.inventory-character-stats{display:flex;gap:24px}.inventory-stat{display:flex;flex-direction:column;align-items:flex-start}.inventory-stat-label{font-size:14px;color:#666;margin-bottom:4px}.inventory-stat-value{font-size:20px;font-weight:700;color:#333}.inventory-usage-progress{max-width:400px}.inventory-progress-bar{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.inventory-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.inventory-progress-text{font-size:14px;color:#666;text-align:right}.inventory-info-right{display:flex;flex-direction:column;gap:12px}.inventory-actions{display:flex;gap:12px}.inventory-action-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.inventory-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.refresh-btn{background-color:#4caf50;color:#fff}.refresh-btn:hover{background-color:#45a049}.switch-btn{background-color:#2196f3;color:#fff}.switch-btn:hover{background-color:#1976d2}.inventory-content{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.inventory-grid-section,.inventory-detail-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.section-title{font-size:20px;font-weight:700;color:#333;margin-bottom:8px}.section-info{font-size:14px;color:#666}.inventory-grid{min-height:400px}.inventory-grid-container{display:flex;flex-direction:column;gap:12px}.inventory-grid-row{display:flex;gap:12px}.inventory-grid-cell{width:100px;height:100px}.inventory-slot{width:100%;height:100%;border-radius:8px;background-color:#f9f9f9;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.inventory-slot:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#2196f3}.inventory-slot.empty{background-color:#f0f0f0;border-style:dashed}.inventory-slot.empty:hover{background-color:#e8e8e8}.inventory-slot-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px}.inventory-slot-icon{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;margin-bottom:4px}.inventory-slot-type{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:#e0e0e0;border-radius:50%;font-size:20px;font-weight:700;color:#666;margin-bottom:4px}.inventory-slot-info{text-align:center;width:100%;overflow:hidden}.inventory-slot-name{font-size:12px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.inventory-slot-quantity{font-size:14px;font-weight:700;color:#2196f3}.inventory-slot-rarity-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.inventory-slot-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.inventory-slot-index{font-size:14px;color:#999;font-weight:500}.inventory-empty-state{text-align:center;padding:40px 20px;color:#666}.inventory-empty-state p{margin-bottom:8px}.inventory-empty-hint{font-size:14px;color:#999}.inventory-item-detail{min-height:400px}.inventory-item-detail.empty{display:flex;align-items:center;justify-content:center;height:400px}.detail-empty-state{text-align:center}.detail-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.detail-empty-title{font-size:20px;font-weight:700;color:#666;margin-bottom:8px}.detail-empty-text{font-size:14px;color:#999}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.detail-rarity-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase}.detail-name{font-size:24px;font-weight:700;color:#333;flex:1;margin:0}.detail-quantity{font-size:20px;font-weight:700;color:#2196f3;background-color:#e3f2fd;padding:4px 12px;border-radius:20px}.detail-code{margin-bottom:20px;padding:8px 12px;background-color:#f5f5f5;border-radius:6px;font-family:Courier New,monospace}.detail-label{font-weight:500;color:#666;margin-right:8px}.detail-section{margin-bottom:20px}.detail-section-title{font-size:16px;font-weight:700;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.detail-properties{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-property{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5}.detail-value{font-weight:500;color:#333}.detail-description{line-height:1.6;color:#555;padding:12px;background-color:#f9f9f9;border-radius:6px;border-left:4px solid #2196F3}.detail-flags{display:flex;flex-wrap:wrap;gap:12px}.detail-flag{padding:6px 12px;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:6px}.detail-flag.active{background-color:#e8f5e9;color:#2e7d32}.detail-flag.inactive{background-color:#f5f5f5;color:#757575}.detail-actions{display:flex;flex-direction:column;gap:12px}.detail-action-btn{padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.detail-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.detail-action-btn:disabled{opacity:.5;cursor:not-allowed}.split-btn{background-color:#ff9800;color:#fff}.split-btn:hover:not(:disabled){background-color:#f57c00}.move-btn{background-color:#2196f3;color:#fff}.move-btn:hover:not(:disabled){background-color:#1976d2}.discard-action{display:flex;gap:8px}.discard-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;text-align:center}.discard-input:focus{outline:none;border-color:#2196f3}.discard-btn{background-color:#f44336;color:#fff}.discard-btn:hover:not(:disabled){background-color:#d32f2f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.split-modal{max-width:450px}.modal-title{font-size:20px;font-weight:700;color:#333;margin-bottom:16px;text-align:center}.modal-body{margin-bottom:24px}.modal-text{color:#555;margin-bottom:16px;text-align:center}.quantity-info{display:flex;justify-content:space-around;margin-bottom:20px;padding:16px;background-color:#f5f5f5;border-radius:8px}.quantity-stat{display:flex;flex-direction:column;align-items:center}.quantity-label{font-size:14px;color:#666;margin-bottom:4px}.quantity-value{font-size:20px;font-weight:700;color:#333}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.quantity-btn{width:40px;height:40px;border:none;border-radius:50%;background-color:#2196f3;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quantity-btn:hover:not(:disabled){background-color:#1976d2;transform:scale(1.1)}.quantity-btn:disabled{background-color:#bdbdbd;cursor:not-allowed}.quantity-input{width:80px;height:40px;border:2px solid #2196F3;border-radius:8px;font-size:20px;font-weight:700;text-align:center;color:#333}.quantity-input:focus{outline:none;border-color:#1976d2}.quantity-preview{padding:16px;background-color:#e3f2fd;border-radius:8px;text-align:center}.preview-split{display:flex;flex-direction:column;align-items:center;gap:8px}.preview-label{font-size:14px;color:#1976d2;font-weight:500}.preview-values{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.preview-original{color:#333}.preview-separator{color:#1976d2}.preview-new{color:#4caf50}.modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.confirm-btn{background-color:#4caf50;color:#fff}.confirm-btn:hover{background-color:#45a049}.cancel-btn{background-color:#f5f5f5;color:#333}.cancel-btn:hover{background-color:#e0e0e0}.inventory-footer{text-align:center;padding:20px;color:#666;font-size:14px;border-top:1px solid #e0e0e0;margin-top:20px}.inventory-hint{margin:0;opacity:.8}.inventory-loading,.inventory-error,.inventory-empty{display:flex;align-items:center;justify-content:center;min-height:400px}@media (max-width: 1024px){.inventory-content{grid-template-columns:1fr}.inventory-grid-row{justify-content:center}}@media (max-width: 768px){.inventory-page{padding:12px}.inventory-info-bar{flex-direction:column;gap:20px}.inventory-info-left,.inventory-info-right{width:100%}.inventory-character-stats{justify-content:space-between}.inventory-actions{justify-content:center}.inventory-grid-cell{width:80px;height:80px}.detail-actions,.discard-action{flex-direction:column}}.fr-page{max-width:1300px;margin:0 auto;padding:16px;color:#e2e8f0;background:#0a1428bf;border:2px solid rgba(200,170,100,.35);border-radius:4px;min-height:calc(100vh - 140px)}.fr-header{margin-bottom:12px}.fr-header h2{margin:0;font-size:1.1rem}.fr-error{background:#dc262626;color:#fca5a5;padding:8px 12px;border-radius:8px;margin-bottom:8px;display:flex;justify-content:space-between;font-size:.78rem}.fr-success{background:#10b98126;color:#6ee7b7;padding:8px 12px;border-radius:8px;margin-bottom:8px;font-size:.78rem}.fr-tabs{display:flex;gap:4px;margin-bottom:10px}.fr-tab{padding:6px 14px;border-radius:8px;background:#1e293b66;cursor:pointer;font-size:.78rem;color:#94a3b8;transition:all .15s}.fr-tab:hover{background:#475569b3;color:#e2e8f0}.fr-tab--active{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.fr-search-bar{display:flex;gap:8px;margin-bottom:12px}.fr-input{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0f172a80;color:#e2e8f0;font-size:.82rem;outline:none}.fr-input:focus{border-color:#3b82f6}.fr-input::-moz-placeholder{color:#475569}.fr-input::placeholder{color:#475569}.fr-btn{padding:6px 14px;border:1px solid #475569;border-radius:8px;background:#334155;color:#e2e8f0;font-size:.78rem;cursor:pointer;transition:all .15s}.fr-btn:hover{background:#475569}.fr-btn:disabled{opacity:.5;cursor:not-allowed}.fr-btn-sm{padding:4px 12px;font-size:.72rem}.fr-btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.fr-btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.fr-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#1e293b59;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:6px}.fr-card-left{display:flex;align-items:center;gap:10px}.fr-card-icon{font-size:1.3rem;width:36px;text-align:center}.fr-card-info{display:flex;flex-direction:column;gap:2px}.fr-card-name{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px}.fr-card-meta{font-size:.72rem;color:#64748b}.fr-card-msg{font-size:.72rem;color:#94a3b8}.fr-card-team{font-size:.7rem;color:#60a5fa}.fr-card-actions{display:flex;gap:6px;align-items:center}.fr-card-status{font-size:.7rem}.fr-status{display:inline-block;padding:1px 6px;border-radius:8px;font-size:.6rem;font-weight:600}.fr-status--online{background:#10b98133;color:#34d399}.fr-status--offline{background:#64748b33;color:#64748b}.fr-status--pending{color:#fbbf24}.fr-status--accepted{color:#34d399}.fr-status--rejected{color:#f87171}.fr-content{background:#0f172940;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;min-height:300px}.fr-section{min-height:200px}.fr-loading,.fr-empty{text-align:center;padding:40px 10px;color:#64748b;font-size:.82rem}.tm-page{max-width:1100px;margin:0 auto;padding:16px;color:#e2e8f0}.tm-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tm-header h2{margin:0;font-size:1.2rem}.tm-loading{padding:40px;text-align:center;color:#64748b}.tm-error{background:#dc262626;color:#fca5a5;padding:8px 12px;border-radius:8px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.tm-success{background:#10b98126;color:#6ee7b7;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:.82rem}.tm-layout{display:grid;grid-template-columns:1fr 340px;gap:12px}@media (max-width:800px){.tm-layout{grid-template-columns:1fr}}.tm-card{background:#1e293bcc;border:1px solid #334155;border-radius:10px;padding:14px;margin-bottom:12px}.tm-card-title{font-size:.9rem;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tm-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.68rem;background:#334155;color:#94a3b8;font-weight:600}.tm-badge-idle{background:#1e3a5f;color:#60a5fa}.tm-badge-recruiting{background:#1e3a2f;color:#34d399}.tm-badge-battling{background:#3a1e1e;color:#f87171}.tm-meta{font-size:.75rem;color:#64748b;margin-bottom:6px}.tm-desc{font-size:.78rem;color:#94a3b8;margin-bottom:8px}.tm-section-label{font-size:.72rem;color:#64748b;font-weight:600;margin:10px 0 6px;text-transform:uppercase;letter-spacing:.5px}.tm-member-list{display:flex;flex-direction:column;gap:4px}.tm-member{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#33415580;border-radius:6px}.tm-member-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.8rem}.tm-member-name{color:#e2e8f0;font-weight:500}.tm-member-level,.tm-member-prof{color:#64748b;font-size:.7rem}.tm-member-actions{display:flex;gap:4px}.tm-tag{display:inline-block;padding:1px 6px;border-radius:8px;font-size:.62rem;font-weight:600}.tm-tag-leader{background:#f59e0b33;color:#fbbf24}.tm-tag-ready{background:#10b98133;color:#34d399}.tm-tag-offline{background:#64748b33;color:#64748b}.tm-btn{padding:6px 14px;border:1px solid #475569;border-radius:8px;background:#334155;color:#e2e8f0;font-size:.78rem;cursor:pointer;transition:all .15s}.tm-btn:hover{background:#475569}.tm-btn:disabled{opacity:.5;cursor:not-allowed}.tm-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb}.tm-btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.tm-btn-secondary{background:transparent;border-color:#475569;color:#94a3b8}.tm-btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.tm-btn-xs{padding:3px 10px;border:none;border-radius:6px;background:#475569;color:#e2e8f0;font-size:.68rem;cursor:pointer}.tm-btn-xs:disabled{opacity:.5;cursor:not-allowed}.tm-btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.tm-action-bar{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tm-form{display:flex;flex-direction:column;gap:8px}.tm-form-row{display:flex;gap:8px;align-items:center}.tm-form-row label{font-size:.78rem;color:#94a3b8;min-width:60px}.tm-form-row--checkbox{padding:4px 0}.tm-form-row--checkbox label{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:auto}.tm-input{padding:6px 10px;border:1px solid #334155;border-radius:6px;background:#0f172a99;color:#e2e8f0;font-size:.78rem;flex:1;outline:none}.tm-input:focus{border-color:#3b82f6}.tm-input::-moz-placeholder{color:#475569}.tm-input::placeholder{color:#475569}select.tm-input{cursor:pointer}.tm-zone-select{margin-top:10px}.tm-zone-grid{display:flex;gap:6px;flex-wrap:wrap}.tm-zone-btn{padding:6px 12px;border:1px solid #334155;border-radius:8px;background:#33415580;color:#94a3b8;font-size:.75rem;cursor:pointer;transition:all .15s}.tm-zone-btn:hover{border-color:#475569;color:#e2e8f0}.tm-zone-btn--active{border-color:#3b82f6;background:#3b82f626;color:#60a5fa}.tm-battle-result{margin-top:10px;background:#0f172a80;border-radius:8px;padding:10px}.tm-br-summary{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.75rem;color:#94a3b8;margin-bottom:6px}.tm-br-kills{font-size:.72rem;color:#64748b}.tm-br-kills:last-child{margin-top:4px}.tm-br-label{color:#94a3b8}.tm-br-members{margin-top:4px}.tm-br-member-list{display:flex;flex-direction:column;gap:3px}.tm-br-member{padding:5px 8px;background:#3341554d;border-radius:6px}.tm-br-member-header{display:flex;align-items:center;gap:6px;font-size:.75rem}.tm-br-contribution{margin-left:auto;font-size:.65rem;color:#34d399;font-weight:600}.tm-br-member-stats{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.65rem;color:#64748b;margin-top:2px}.tm-empty-state{text-align:center;padding:30px 20px}.tm-empty-icon{font-size:2.5rem;margin-bottom:8px}.tm-empty-text{font-size:1rem;color:#94a3b8;margin-bottom:4px}.tm-empty-sub{font-size:.8rem;color:#64748b}.tm-invitation-item,.tm-request-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#33415580;border-radius:6px;margin-bottom:4px}.tm-inv-info{display:flex;flex-direction:column;gap:2px;font-size:.78rem}.tm-inv-actions,.tm-request-actions{display:flex;gap:4px}.tm-req-msg{font-size:.72rem;color:#64748b}.tm-invite-panel .tm-form-row{margin-top:4px}.tm-friend-invite-list{max-height:200px;overflow-y:auto;margin-top:4px;display:flex;flex-direction:column;gap:2px}.tm-friend-invite-item{display:flex;align-items:center;gap:6px;padding:5px 6px;background:#3341554d;border-radius:6px;font-size:.78rem}.tm-friend-invite-item:hover{background:#33415599}.tm-friend-name{color:#e2e8f0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-searched-team{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-top:8px;background:#33415580;border-radius:6px}.tm-searched-info{font-size:.78rem}.ct-page{max-width:1100px;margin:0 auto;padding:12px;color:#e2e8f0;height:calc(100vh - 80px);display:flex;flex-direction:column}.ct-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ct-header h2{margin:0;font-size:1.1rem}.ct-notice{padding:6px 12px;border-radius:8px;font-size:.78rem;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ct-notice--error{background:#dc262626;color:#fca5a5}.ct-notice button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem}.ct-layout{display:flex;gap:10px;flex:1;min-height:0}.ct-layout-sidebar{width:180px;flex-shrink:0}.ct-layout-main{flex:1;display:flex;flex-direction:column;min-width:0}.ct-sidebar{background:#1e293bcc;border:1px solid #334155;border-radius:10px;padding:12px}.ct-sidebar-title{font-size:.72rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.ct-sidebar-section{margin-bottom:10px}.ct-sidebar-label{font-size:.68rem;color:#64748b;margin-bottom:2px}.ct-sidebar-value{font-size:.8rem;color:#e2e8f0}.ct-sidebar-value--zone{color:#34d399}.ct-sidebar-value--team{color:#60a5fa}.ct-sidebar-sub{font-size:.68rem;color:#475569}.ct-sidebar-help{margin-top:16px;padding-top:10px;border-top:1px solid #334155}.ct-tabs{display:flex;gap:4px;margin-bottom:8px}.ct-tab{padding:6px 14px;border-radius:8px;background:#33415580;cursor:pointer;font-size:.78rem;color:#94a3b8;transition:all .15s;display:flex;align-items:center;gap:4px}.ct-tab:hover{background:#475569b3;color:#e2e8f0}.ct-tab--active{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.ct-tab-icon{font-size:.85rem}.ct-tab-label{font-weight:500}.ct-tabs-empty{padding:10px;text-align:center;color:#64748b;font-size:.78rem}.ct-msg-list{flex:1;background:#0f172a99;border:1px solid #334155;border-radius:10px;padding:10px;overflow-y:auto;min-height:200px}.ct-loading,.ct-empty,.ct-error{text-align:center;padding:30px 10px;color:#64748b;font-size:.8rem}.ct-error{color:#fca5a5}.ct-msg-item{padding:8px 6px;border-radius:6px;margin-bottom:2px}.ct-msg-item:hover{background:#3341554d}.ct-msg-item--system{background:#fbbf240d;border-left:2px solid #fbbf24;margin-bottom:4px}.ct-msg-header{display:flex;align-items:center;gap:8px;margin-bottom:2px;position:relative}.ct-msg-sender{font-size:.78rem;font-weight:600;color:#93c5fd}.ct-msg-sender--own{color:#a78bfa}.ct-msg-sender--clickable{cursor:pointer;position:relative;transition:color .15s}.ct-msg-sender--clickable:hover{color:#fbbf24}.ct-msg-sender-arrow{font-size:.5rem;margin-left:2px;vertical-align:middle;opacity:.5}.ct-msg-menu{position:absolute;z-index:100;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:4px 0;min-width:110px;box-shadow:0 4px 12px #0006}.ct-msg-menu-item{padding:6px 14px;font-size:.78rem;color:#e2e8f0;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px}.ct-msg-menu-item:hover{background:#3b82f633;color:#60a5fa}.ct-msg-system-icon{font-size:.78rem}.ct-msg-time{font-size:.62rem;color:#475569;margin-left:auto}.ct-msg-body{font-size:.82rem;color:#e2e8f0;word-break:break-word;padding-left:4px}.ct-msg-system-text{color:#fbbf24;font-style:italic}.ct-input-bar{background:#1e293bcc;border:1px solid #334155;border-radius:10px;padding:10px;margin-top:8px}.ct-input-info{font-size:.68rem;color:#64748b;margin-bottom:6px}.ct-input-row{display:flex;gap:8px}.ct-input{flex:1;padding:8px 12px;border:1px solid #334155;border-radius:8px;background:#0f172a99;color:#e2e8f0;font-size:.82rem;outline:none}.ct-input:focus{border-color:#3b82f6}.ct-input:disabled{opacity:.5}.ct-input::-moz-placeholder{color:#475569}.ct-input::placeholder{color:#475569}.ct-send-btn{padding:8px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.82rem;cursor:pointer;white-space:nowrap}.ct-send-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ct-send-btn:disabled{opacity:.5;cursor:not-allowed}.ct-input-counter{text-align:right;font-size:.6rem;color:#fbbf24;margin-top:2px}@media (max-width: 700px){.ct-layout{flex-direction:column}.ct-layout-sidebar{width:100%}.ct-sidebar{display:flex;gap:12px;flex-wrap:wrap;padding:8px 12px}.ct-sidebar-title{display:none}.ct-sidebar-section{margin-bottom:0}}.persona-page{height:100%;padding:18px;color:#e9f3ff}.persona-shell{height:100%;min-height:560px;background:linear-gradient(145deg,#0a1421f7,#152639f5);border:1px solid #6684a2;box-shadow:0 15px 45px #0000007a,inset 0 1px #cde8ff29;overflow:hidden}.persona-header{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(103,133,163,.55);background:#050d17c7}.persona-header h2{font-size:19px;letter-spacing:.16em;margin:0}.persona-header p,.persona-header span{margin:5px 0 0;color:#8fa6bc;font-size:11px}.persona-layout{display:grid;grid-template-columns:190px minmax(300px,1fr) minmax(300px,38%);height:calc(100% - 62px)}.persona-roster,.persona-talents{padding:15px;background:#050d169e;overflow:auto}.persona-roster{border-right:1px solid rgba(100,130,158,.45)}.persona-talents{border-left:1px solid rgba(100,130,158,.45)}.persona-section-title{font-size:11px;letter-spacing:.14em;color:#92a9bf;margin:0 4px 12px}.persona-card{width:100%;display:flex;gap:9px;align-items:center;text-align:left;padding:7px;background:transparent;border:1px solid transparent;color:#e4edf6;cursor:pointer;margin-bottom:7px}.persona-card.is-selected,.persona-card:hover{border-color:#769abd;background:linear-gradient(90deg,#2c4863d9,#15283ab3)}.persona-card img{width:52px;height:52px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #8bb3d7;background:#182839}.persona-card span{display:flex;flex-direction:column;gap:5px}.persona-card strong{font-size:13px}.persona-card small{font-size:10px;color:#d5bb75}.persona-preview{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden}.persona-art{flex:1;min-height:320px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 75%,rgba(106,187,239,.25),transparent 52%)}.persona-art-image{height:min(52vh,430px);width:auto;max-width:95%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.55))}.persona-profile{padding:15px 20px 18px;background:linear-gradient(90deg,#050d17f5,#0d1c2bf0)}.persona-profile h1{display:inline;font-size:24px;letter-spacing:.1em}.persona-profile em{font-style:normal;color:#d5bb75;font-size:11px;margin-left:10px}.persona-profile p{color:#a9bacb;font-size:12px;line-height:1.6;margin:7px 0}.persona-source{font-size:11px;color:#7f96ac;margin-bottom:11px}.persona-equip{height:38px;padding:0 22px;color:#fff;font-weight:700;border:1px solid #95b9db;background:linear-gradient(#365a78,#203c56);cursor:pointer}.persona-equip:disabled{color:#8597a8;border-color:#4a5e72;background:#1b2937;cursor:not-allowed}.persona-message{font-size:11px;color:#e89999;margin-top:8px}.persona-talents h3{font-size:11px;letter-spacing:.11em;color:#d6bd79;margin:14px 0 7px}.persona-talent{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:left;padding:8px;border:1px solid #405970;background:#142438;color:#edf5fd;margin-bottom:7px;cursor:pointer}.persona-talent.is-selected,.persona-talent:hover{border-color:#8dbce2;background:#1c344c}.persona-talent-gem{width:36px;height:36px;display:grid;place-items:center;border:1px solid #7696b5;color:#e1c679;background:#203a53}.persona-talent span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.persona-talent strong{font-size:12px}.persona-talent small{font-size:10px;color:#9fb2c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona-talent b{font-size:12px;color:#78d0ff}.persona-talent-detail{margin-top:15px;padding-top:13px;border-top:1px solid #415a72}.persona-talent-detail>strong{font-size:14px}.persona-talent-detail p{color:#a6b8ca;font-size:11px;line-height:1.65}.persona-talent-detail dl{display:grid;grid-template-columns:65px 1fr;gap:6px;font-size:10px}.persona-talent-detail dt{color:#70879d}.persona-talent-detail dd{margin:0;color:#d7e4f0}@media (max-width:850px){.persona-page{padding:8px}.persona-layout{grid-template-columns:1fr;height:auto}.persona-shell{overflow:auto}.persona-roster{display:flex;overflow:auto;border-right:0;border-bottom:1px solid rgba(100,130,158,.45)}.persona-roster .persona-section-title{display:none}.persona-card{min-width:160px}.persona-talents{border-left:0;border-top:1px solid rgba(100,130,158,.45)}}@media (min-width:851px){.persona-page{width:100%;max-width:none;margin:0;padding:8px}.persona-header{height:58px;padding:0 16px}.persona-header h2{font-size:18px}.persona-header p,.persona-header span{font-size:10px;margin-top:4px}.persona-layout{grid-template-columns:190px minmax(360px,1.25fr) minmax(300px,.75fr);height:calc(100% - 58px)}.persona-roster,.persona-talents{padding:12px}.persona-card img{width:46px;height:46px}.persona-art-image{height:min(58vh,520px)}}.persona-tabs{display:flex;gap:5px}.persona-tabs button{padding:6px 18px;border:1px solid #405f7b;background:#132538;color:#829bb2;cursor:pointer}.persona-tabs button.is-active{border-color:#8bc8ec;color:#e8f7ff;background:#214663}.persona-growth{min-width:0;overflow:auto;background:radial-gradient(circle at 50% 42%,rgba(48,111,151,.23),transparent 58%),#0a1624}.persona-growth-head{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid #34506a}.persona-growth-head h2{margin:0 0 4px;font-size:18px}.persona-growth-head span{font-size:10px;color:#84a0b8}.persona-growth-up{display:flex;align-items:center;gap:10px}.persona-growth-up button{padding:7px 13px;border:1px solid #78b5d9;background:#245170;color:#fff;cursor:pointer}.persona-growth-up button:disabled{opacity:.42;cursor:not-allowed}.persona-tree{min-width:700px;display:grid;grid-template-columns:repeat(7,90px);grid-template-rows:repeat(6,92px);justify-content:center;gap:8px;padding:22px 14px;position:relative}.persona-tree-node{width:90px;height:78px;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #354e65;border-radius:12px;background:linear-gradient(#14283b,#0d1c2b);color:#71899e;cursor:pointer}.persona-tree-node b{font-size:20px;color:#647e95}.persona-tree-node span{width:82px;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.persona-tree-node small{font-size:9px}.persona-tree-node.is-learned{color:#e4f4ff;border-color:#d1b96e;box-shadow:0 0 13px #d5b95b40}.persona-tree-node.is-learned b{color:#f0d37c}.persona-tree-node.is-available{border-color:#61bde7;box-shadow:0 0 14px #49b9ed38}.persona-tree-node.is-selected{outline:2px solid #b8e8ff}.persona-growth-detail h2{font-size:17px}.persona-growth-detail p{color:#9eb2c5;font-size:11px;line-height:1.7}.persona-growth-detail dl{display:grid;grid-template-columns:65px 1fr;gap:7px;font-size:10px}.persona-growth-detail dt{color:#6f899f}.persona-growth-detail dd{margin:0;color:#d4e2ee}@media (max-width:850px){.persona-tabs button{padding:5px 8px}.persona-growth,.persona-growth-detail{grid-column:1}.persona-tree{justify-content:start}}.persona-growth--wide{grid-column:2/4}.persona-tree-viewport{height:calc(100% - 66px);min-height:440px;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.persona-tree-viewport.is-dragging{cursor:grabbing}.persona-tree{transition:transform .04s linear}.persona-tree-node{touch-action:manipulation}.persona-talent-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:20px;background:#020810c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.persona-talent-modal__card{position:relative;width:min(390px,calc(100vw - 32px));padding:22px;border:1px solid #79a9cb;background:linear-gradient(145deg,#162b40,#0a1726);box-shadow:0 20px 70px #000000a6;color:#e9f3ff}.persona-talent-modal__card h2{margin:6px 0 10px;font-size:20px}.persona-talent-modal__card p{font-size:12px;line-height:1.75;color:#a8bacb}.persona-talent-modal__card dl{display:grid;grid-template-columns:76px 1fr;gap:8px;font-size:11px;margin:16px 0}.persona-talent-modal__card dt{color:#748da5}.persona-talent-modal__card dd{margin:0;color:#dceaf5}.persona-talent-modal__close{position:absolute;right:9px;top:8px;width:30px;height:30px;border:0;background:transparent;color:#a9bfd1;font-size:24px;cursor:pointer}@media (max-width:850px){.persona-growth--wide{grid-column:1}.persona-tree-viewport{min-height:520px}}.sk-manage{padding:8px 10px;display:flex;flex-direction:column;gap:12px}.skill-system{height:100%;min-height:0;display:flex;flex-direction:column;color:#dbeafe}.skill-system-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid rgba(125,180,230,.22);background:linear-gradient(180deg,#11233af2,#091527e6)}.skill-system-header h2{margin:0;font-size:20px;color:#f0f8ff}.skill-system-header p{margin:3px 0 0;font-size:12px;color:#7795b4}.skill-system-header>div:last-child{display:grid;grid-template-columns:auto auto;gap:3px 10px;font-size:11px;color:#7591ad}.skill-system-header strong{color:#bce7ff}.skill-system-tabs{display:flex;justify-content:center;gap:8px;padding:8px;background:#050e1ce0;border-bottom:1px solid rgba(105,166,220,.2)}.skill-system-tabs button,.skill-tree-canvas header nav button{border:1px solid #294968;background:#0c1b2d;color:#8ba9c5;border-radius:5px;padding:7px 22px;cursor:pointer}.skill-system-tabs button.is-active,.skill-tree-canvas header nav button.is-active{color:#e5f7ff;border-color:#54bcec;background:linear-gradient(180deg,#174a70,#102d4b);box-shadow:0 0 12px #41beff33}.skill-system-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.skill-system-body::-webkit-scrollbar{display:none}.skill-system-body>.sk-manage{height:auto;min-height:100%;overflow:visible}.skill-tree-layout{min-height:600px;height:100%;display:grid;grid-template-columns:150px minmax(420px,1fr) 230px;background:radial-gradient(circle at 52% 40%,rgba(22,67,103,.22),transparent 55%),#07111f}.skill-tree-nav,.skill-tree-detail{padding:12px;background:#091627eb}.skill-tree-nav{border-right:1px solid #233d58}.skill-tree-nav h3{margin:0 0 10px;font-size:13px;color:#a8dfff}.skill-tree-nav button{width:100%;display:grid;grid-template-columns:1fr;position:relative;padding:8px 9px;margin-bottom:4px;text-align:left;border:1px solid transparent;border-radius:5px;background:#12273ea6;color:#9db4c9;cursor:pointer}.skill-tree-nav button.is-active{color:#effaff;border-color:#478bb8;background:linear-gradient(90deg,#173e60,#102940)}.skill-tree-nav button small{margin-top:2px;color:#5e809e;font-size:9px}.skill-tree-nav button em{font-size:9px;color:#66d8ff;font-style:normal}.skill-tree-canvas{min-width:0;overflow:auto;padding:12px 18px 20px;scrollbar-width:none}.skill-tree-canvas::-webkit-scrollbar{display:none}.skill-tree-canvas>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.skill-tree-canvas>header strong{display:block;color:#e9f8ff}.skill-tree-canvas>header span{display:block;margin-top:3px;font-size:10px;color:#6685a1}.skill-tree-canvas header nav{display:flex;gap:4px}.skill-tree-canvas header nav button{padding:4px 8px;font-size:10px}.skill-tree-tiers section{display:grid;grid-template-columns:38px 1fr;min-height:94px;border-top:1px solid rgba(77,132,177,.16)}.skill-tree-tiers section>b{align-self:center;color:#4f7698;font-size:12px}.skill-tree-tiers section>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:9px}.skill-tree-node{width:112px;min-height:82px;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px;border:1px solid #29445f;border-radius:10px;background:linear-gradient(180deg,#142d46e6,#091728f2);color:#b7ccdc;cursor:pointer}.skill-tree-node.is-locked{filter:saturate(.35);opacity:.58}.skill-tree-node.is-unlocked{border-color:#4c9bca;box-shadow:inset 0 0 14px #2c93cf21}.skill-tree-node.is-selected{outline:2px solid #72d5ff}.skill-tree-node span{max-width:100%;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-tree-node small{font-size:9px;color:#708ca5}.skill-tree-node em{position:absolute;right:-5px;top:-6px;padding:2px 5px;border-radius:8px;background:#16789c;color:#fff;font-size:8px;font-style:normal}.skill-tree-detail{border-left:1px solid #233d58;overflow:auto}.skill-tree-detail__hero{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid #263e56}.skill-tree-detail h3{margin:0 0 3px;font-size:15px}.skill-tree-detail__hero span{font-size:10px;color:#7491ad}.skill-tree-detail>strong{display:block;margin:12px 0 8px;font-size:11px}.skill-tree-detail .is-unlocked{color:#6ee7b7}.skill-tree-detail .is-locked{color:#8ca0b3}.skill-tree-detail p{font-size:11px;line-height:1.65;color:#9cb0c2}.skill-tree-detail dl{display:grid;grid-template-columns:65px 1fr;gap:6px;font-size:10px}.skill-tree-detail dt{color:#66829d}.skill-tree-detail dd{margin:0;color:#c7d9e8}.skill-tree-book-tip{margin-top:14px;padding:9px;border:1px solid #4b6176;border-radius:6px;background:#3341554d;font-size:10px;line-height:1.6;color:#91a6b9}.skill-tree-empty{margin:auto;color:#617d96;font-size:11px;text-align:center;padding:40px 10px}@media (max-width:900px){.skill-tree-layout{grid-template-columns:120px 1fr}.skill-tree-detail{grid-column:1/3;border-left:0;border-top:1px solid #233d58}.skill-system-header{align-items:flex-start}.skill-tree-node{width:96px}}.sk-section{background:var(--bg-card, #1a2235);border:1px solid var(--border-color, #2a3a5a);border-radius:8px;padding:10px}.sk-section-title{font-size:13px;font-weight:700;color:var(--text-primary, #f1f5f9);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color, #2a3a5a)}.sk-section-save{border:none;background:none;padding:4px 0;display:flex;justify-content:center}.sk-group{margin-bottom:8px}.sk-group:last-child{margin-bottom:0}.sk-group-label{font-size:11px;font-weight:600;color:var(--text-dim, #94a3b8);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sk-skill-grid{display:grid;grid-template-columns:1fr;gap:6px}.sk-weapon-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.sk-weapon-tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;border-radius:4px;border:1px solid rgba(100,100,120,.2);background:#0f172a66;color:#94a3b8;cursor:pointer;transition:all .15s ease}.sk-weapon-tab:hover{border-color:#3b82f64d;color:#cbd5e1}.sk-weapon-tab--active{background:#3b82f626;border-color:#3b82f680;color:#60a5fa}.sk-weapon-tab-count{font-size:9px;color:inherit;opacity:.6;margin-left:1px}.sk-skill-card{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto auto auto;-moz-column-gap:10px;column-gap:10px;row-gap:3px;align-items:center;background:var(--bg-card-hover, #1e2a40);border:1px solid var(--border-color, #2a3a5a);border-radius:6px;padding:6px 10px;transition:all .15s ease}.sk-skill-card:hover{border-color:var(--border-glow, #3b82f6);box-shadow:0 0 6px #3b82f633}.sk-skill-card-header{grid-column:2;grid-row:2;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.skill-icon-wrap{position:relative;display:inline-flex;flex:0 0 auto}.skill-icon-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:9px;border:1px solid rgba(210,180,105,.65);box-shadow:inset 0 0 0 1px #ffffff1f,0 3px 9px #00000059}.skill-icon-image--round{border-radius:50%}.skill-icon-level{position:absolute;right:2px;bottom:2px;padding:1px 3px;border-radius:4px;color:#fff4c2;background:#05080dd1;font-size:9px;font-weight:700;text-shadow:0 1px 2px #000}.sk-skill-card-visual{display:contents}.sk-skill-card-visual .skill-icon-wrap{grid-column:1;grid-row:1 / 5;align-self:center}.sk-cond-subject{display:flex;align-items:center;gap:10px}.sk-skill-card-name{grid-column:2;grid-row:1;font-size:12px;font-weight:600;color:var(--text-primary, #f1f5f9)}.sk-skill-card-level{font-size:11px;color:var(--accent-yellow, #f59e0b);font-weight:600}.sk-exp-bar{grid-column:2;grid-row:3;width:100%;height:4px;background:#0f172a;border-radius:2px;overflow:hidden;margin-bottom:2px}.sk-exp-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue, #3b82f6),var(--accent-purple, #8b5cf6));border-radius:2px;transition:width .3s ease}.sk-exp-text{grid-column:2;grid-row:4;font-size:9px;color:var(--text-dim, #94a3b8)}.sk-skill-card>.sk-stat-req{grid-column:2}.sk-slot-group{margin-bottom:10px}.sk-slot-group:last-child{margin-bottom:0}.sk-slot-group-title{font-size:11px;font-weight:600;color:var(--text-secondary, #cbd5e1);margin-bottom:6px}.sk-slot-row{display:flex;flex-wrap:wrap;gap:4px}.sk-slot{flex:0 0 auto;width:calc(50% - 2px);min-height:42px;border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between;gap:4px;position:relative}.sk-slot--empty{border:1px dashed var(--border-color, #2a3a5a);background:#0f172a66;justify-content:center}.sk-slot--empty:hover{border-color:var(--border-glow, #3b82f6);background:#3b82f614}.sk-slot--filled{border:1px solid var(--border-color, #2a3a5a);background:var(--bg-card-hover, #1e2a40)}.sk-slot--filled .sk-slot-content{display:flex;flex-direction:column;align-items:center;min-width:58px}.sk-slot-name--under-icon{margin-top:3px;max-width:90px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-modal-item>.skill-icon-wrap{margin-right:9px}.sk-slot--filled:hover{border-color:var(--accent-blue, #3b82f6);box-shadow:0 0 4px #3b82f633}.sk-slot--locked{border:1px dashed rgba(100,100,120,.3);background:#0f172a33;cursor:not-allowed;justify-content:center;flex-direction:column;gap:2px;opacity:.45}.sk-slot--locked:hover{opacity:.55}.sk-slot-lock{font-size:14px;line-height:1}.sk-slot-lock-label{font-size:9px;color:#9696aab3}.sk-slot--item{min-width:0}.sk-item-qty-row{display:flex;align-items:center;gap:2px;margin-top:2px}.sk-qty-btn{width:20px;height:20px;border:1px solid var(--border-color, #2a3a5a);border-radius:3px;background:var(--bg-input, #0f172a);color:var(--text-primary, #f1f5f9);font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.sk-qty-btn:hover:not(:disabled){background:var(--accent-blue, #3b82f6);border-color:var(--accent-blue, #3b82f6)}.sk-qty-btn:disabled{opacity:.3;cursor:not-allowed}.sk-qty-input{width:36px;height:20px;border:1px solid var(--border-color, #2a3a5a);border-radius:3px;background:var(--bg-input, #0f172a);color:var(--text-primary, #f1f5f9);font-size:11px;text-align:center;padding:0 2px;-moz-appearance:textfield}.sk-qty-input::-webkit-inner-spin-button,.sk-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sk-slot-remaining{font-size:9px;color:var(--accent-orange, #f59e0b)}.sk-slot-placeholder{font-size:10px;color:var(--text-dim, #64748b)}.sk-slot-content{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sk-slot-name{font-size:11px;font-weight:600;color:var(--text-primary, #f1f5f9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-slot-info{font-size:10px;color:var(--text-dim, #94a3b8)}.sk-slot-stat-req{color:var(--accent-yellow, #f59e0b)}.sk-stat-req{font-size:10px;margin-top:2px}.sk-slot-actions{display:flex;gap:2px;flex-shrink:0}.sk-btn-config{background:none;border:1px solid var(--border-color, #2a3a5a);border-radius:3px;color:var(--accent-yellow, #f59e0b);font-size:10px;padding:1px 4px;cursor:pointer;line-height:1;transition:all .1s ease}.sk-btn-config:hover{background:#f59e0b26;border-color:var(--accent-yellow, #f59e0b)}.sk-btn-remove{background:none;border:1px solid transparent;border-radius:3px;color:var(--accent-red, #ef4444);font-size:11px;padding:1px 4px;cursor:pointer;line-height:1;transition:all .1s ease}.sk-btn-remove:hover{background:#ef444426;border-color:var(--accent-red, #ef4444)}.sk-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:2147483646;display:flex;align-items:center;justify-content:center;animation:sk-fade-in .15s ease}.sk-modal{background:var(--bg-secondary, #111827);border:1px solid var(--border-color, #2a3a5a);border-radius:10px;min-width:280px;max-width:380px;max-height:70vh;display:flex;flex-direction:column;animation:sk-slide-up .2s ease}.sk-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color, #2a3a5a);font-size:13px;font-weight:700;color:var(--text-primary, #f1f5f9)}.sk-btn-close{background:none;border:none;color:var(--text-dim, #94a3b8);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .1s ease}.sk-btn-close:hover{color:var(--text-primary, #f1f5f9);background:#ffffff1a}.sk-modal-body{flex:1;overflow-y:auto;padding:8px 14px}.sk-modal-group{margin-bottom:10px}.sk-modal-group-label{font-size:10px;font-weight:600;color:var(--text-dim, #94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.sk-modal-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .1s ease;margin-bottom:3px}.sk-modal-item:hover{background:var(--bg-card-hover, #1e2a40)}.sk-modal-item--selected{background:#3b82f61f;border:1px solid rgba(59,130,246,.3)}.sk-modal-item-info{flex:1;display:flex;align-items:center;gap:8px}.sk-modal-item-name{font-size:12px;color:var(--text-primary, #f1f5f9);font-weight:500}.sk-modal-item-level,.sk-modal-item-qty{font-size:11px;color:var(--accent-yellow, #f59e0b);font-weight:600}.sk-modal-check{color:var(--accent-green, #10b981);font-size:14px;font-weight:700}.sk-empty-text{font-size:11px;color:var(--text-dim, #64748b);padding:20px 0;text-align:center}.sk-detail-btn{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:13px;padding:1px 5px;border-radius:3px;opacity:.5;transition:all .15s;flex-shrink:0;line-height:1}.sk-detail-btn:hover{opacity:1;background:#60a5fa1f}.sk-skill-detail{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;min-width:280px;max-width:360px;box-shadow:0 8px 32px #00000080;animation:sk-fade-in .15s ease}.sk-skill-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;border-bottom:1px solid #334155;padding-bottom:12px}.sk-skill-detail-name{font-size:18px;font-weight:700;color:#e2e8f0}.sk-skill-detail-level{font-size:13px;color:#eab308;background:#eab3081f;padding:1px 8px;border-radius:4px;margin-left:auto}.sk-skill-detail-body{display:flex;flex-direction:column;gap:12px}.sk-skill-detail-exp{font-size:12px;color:#94a3b8}.sk-skill-detail-desc{font-size:14px;color:#cbd5e1;line-height:1.5;margin:0}.sk-skill-detail-stats{display:flex;flex-direction:column;gap:4px;background:#0f172a99;border-radius:8px;padding:10px 12px}.sk-skill-stat{display:flex;justify-content:space-between;font-size:13px;color:#94a3b8}.sk-skill-stat span:last-child{color:#e2e8f0;font-weight:500}.sk-exp-bar-mini{height:3px;background:#0f172a;border-radius:2px;overflow:hidden;flex:0 0 40px}.sk-exp-fill-mini{height:100%;background:linear-gradient(90deg,var(--accent-blue, #3b82f6),var(--accent-purple, #8b5cf6));border-radius:2px}.sk-cond-summary{display:flex;flex-direction:column;gap:6px}.sk-cond-summary-item{background:var(--bg-card-hover, #1e2a40);border:1px solid var(--border-color, #2a3a5a);border-radius:6px;padding:6px 10px}.sk-cond-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;font-weight:600;color:var(--text-primary, #f1f5f9);gap:8px}.sk-cond-cooldown-badge{padding:1px 6px;border-radius:10px;background:#fbbf2426;color:#fbbf24;font-size:10px;font-weight:500;white-space:nowrap}.sk-btn-edit-cond{background:none;border:1px solid var(--border-color, #2a3a5a);border-radius:3px;color:var(--accent-yellow, #f59e0b);font-size:10px;padding:1px 6px;cursor:pointer;transition:all .1s ease}.sk-btn-edit-cond:hover{background:#f59e0b26;border-color:var(--accent-yellow, #f59e0b)}.sk-cond-summary-body{display:flex;flex-wrap:wrap;gap:4px}.sk-cond-chip{font-size:10px;color:var(--text-secondary, #cbd5e1);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:3px;padding:1px 6px}.sk-cond-no{font-size:10px;color:var(--text-dim, #64748b);font-style:italic}.sk-cond-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:2147483647;display:flex;align-items:center;justify-content:center;animation:sk-fade-in .15s ease}.sk-cond-panel{background:var(--bg-secondary, #111827);border:1px solid var(--border-color, #2a3a5a);border-radius:10px;min-width:320px;max-width:420px;max-height:80vh;display:flex;flex-direction:column;animation:sk-slide-up .2s ease}.sk-cond-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color, #2a3a5a);font-size:13px;font-weight:700;color:var(--text-primary, #f1f5f9)}.sk-cond-body{flex:1;overflow-y:auto;padding:10px 14px}.sk-cond-footer{padding:8px 14px;border-top:1px solid var(--border-color, #2a3a5a);display:flex;justify-content:center}.sk-cond-row{display:flex;align-items:flex-start;gap:6px;padding:8px;margin-bottom:6px;background:var(--bg-card, #1a2235);border:1px solid var(--border-color, #2a3a5a);border-radius:6px;transition:all .15s ease}.sk-cond-row:hover{border-color:var(--border-glow, #3b82f6)}.sk-cond-fields{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.sk-cond-field{display:flex;flex-direction:column;gap:2px}.sk-cond-label{font-size:9px;color:var(--text-dim, #94a3b8);text-transform:uppercase;letter-spacing:.3px}.sk-cond-select{background:var(--bg-input, #0f1729);border:1px solid var(--border-color, #2a3a5a);border-radius:4px;color:var(--text-primary, #f1f5f9);font-size:11px;padding:3px 4px;cursor:pointer;transition:border-color .1s ease}.sk-cond-select:focus{border-color:var(--border-glow, #3b82f6);outline:none}.sk-cond-input{background:var(--bg-input, #0f1729);border:1px solid var(--border-color, #2a3a5a);border-radius:4px;color:var(--text-primary, #f1f5f9);font-size:11px;padding:3px 6px;width:100%;transition:border-color .1s ease}.sk-cond-input:focus{border-color:var(--border-glow, #3b82f6);outline:none}.sk-cond-input[type=number]::-webkit-inner-spin-button,.sk-cond-input[type=number]::-webkit-outer-spin-button{opacity:.5}.sk-btn-remove-cond{background:none;border:1px solid transparent;border-radius:3px;color:var(--accent-red, #ef4444);font-size:12px;padding:2px 6px;cursor:pointer;margin-top:14px;transition:all .1s ease;flex-shrink:0}.sk-btn-remove-cond:hover{background:#ef444426;border-color:var(--accent-red, #ef4444)}.sk-btn-add-cond{background:var(--bg-card-hover, #1e2a40);border:1px dashed var(--border-color, #2a3a5a);border-radius:6px;color:var(--accent-blue, #3b82f6);font-size:11px;font-weight:600;padding:6px 20px;cursor:pointer;transition:all .15s ease;width:100%}.sk-btn-add-cond:hover{border-color:var(--border-glow, #3b82f6);background:#3b82f614}.sk-btn-save{background:linear-gradient(135deg,var(--accent-blue, #3b82f6),var(--accent-purple, #8b5cf6));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:700;padding:10px 40px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #3b82f64d;width:100%;max-width:300px}.sk-btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.sk-btn-save:active{transform:translateY(0)}@keyframes sk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sk-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.character-creation{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;min-height:640px;margin:0;padding:clamp(30px,5vh,60px) clamp(18px,3vw,52px) clamp(24px,4vh,44px);overflow:hidden;color:#f5ead0;background-color:#08111d;background-image:url(/assets/ui/Login_Background001_low.jpg);background-image:-webkit-image-set(url(/assets/ui/Login_Background001_low.jpg) 1x,url(/assets/ui/Login_Background001.jpg) 2x);background-image:image-set(url(/assets/ui/Login_Background001_low.jpg) 1x,url(/assets/ui/Login_Background001.jpg) 2x);background-position:center;background-size:cover;background-repeat:no-repeat}.character-creation__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#03080e6b,#050a111f 35%,#03070ce6);pointer-events:none}.character-creation__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .8s ease}.character-creation__video--ready{opacity:1}.character-creation__header,.character-creation__cards,.character-creation__footer{position:relative;z-index:1}.character-creation__game-logo,.character-loader__game-logo{position:absolute;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.character-creation__game-logo{z-index:5;top:-32px;left:6px;width:clamp(180px,14vw,260px);filter:drop-shadow(0 5px 15px rgba(0,0,0,.72))}.character-creation__music{position:absolute;z-index:6;top:clamp(18px,3vh,34px);right:clamp(18px,3vw,44px);width:42px;height:42px;border:1px solid rgba(205,185,134,.58);border-radius:50%;color:#ead9ab;background:#070d159e;box-shadow:0 5px 18px #00000057;cursor:pointer;font:700 21px/1 Georgia,serif;transition:border-color .25s ease,box-shadow .25s ease,color .25s ease}.character-creation__music:hover,.character-creation__music--playing{color:#fff1c5;border-color:#d8bc76;box-shadow:0 0 18px #d8bc764d}.character-creation__music--playing span{display:inline-block;animation:characterMusicPulse 1.8s ease-in-out infinite}.character-loader{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;color:#eee5cf;background:#07101a url(/assets/ui/Login_Background001_low.jpg) center/cover no-repeat;opacity:1;transition:opacity .65s ease,visibility .65s ease}.character-loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 43%,rgba(50,82,104,.18),transparent 36%),linear-gradient(180deg,#03080eb3,#03070cf0)}.character-loader--complete{opacity:0;visibility:hidden;pointer-events:none}.character-loader__mist{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at 30% 55%,rgba(122,166,188,.13),transparent 27%),radial-gradient(ellipse at 70% 48%,rgba(172,144,85,.1),transparent 24%);filter:blur(24px);animation:characterLoaderMist 7s ease-in-out infinite alternate}.character-loader__game-logo{z-index:2;top:clamp(26px,5vh,64px);left:50%;width:clamp(300px,30vw,500px);transform:translate(-50%);filter:drop-shadow(0 7px 22px rgba(0,0,0,.8))}.character-loader__content{position:relative;width:min(440px,76vw);text-align:center;text-shadow:0 2px 12px #000}.character-loader__sigil{position:relative;display:block;width:78px;height:78px;margin:0 auto 24px;border:1px solid rgba(214,190,132,.55);border-radius:50%;animation:characterLoaderSpin 5s linear infinite}.character-loader__sigil:before,.character-loader__sigil:after,.character-loader__sigil i{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(156,202,222,.42);transform:rotate(45deg)}.character-loader__sigil:after{top:23px;right:23px;bottom:23px;left:23px;border-color:#e5ca89b8;border-radius:50%}.character-loader__sigil i:nth-child(1){top:-5px;right:36px;bottom:-5px;left:36px;border-width:0 1px;transform:none}.character-loader__sigil i:nth-child(2){top:36px;right:-5px;bottom:36px;left:-5px;border-width:1px 0;transform:none}.character-loader__sigil i:nth-child(3){top:31px;right:31px;bottom:31px;left:31px;border:0;border-radius:50%;background:#e5c982;box-shadow:0 0 18px #d2af5a}.character-loader__eyebrow{margin:0 0 7px;color:#bda66f;font-size:10px;letter-spacing:.42em}.character-loader h2{margin:0 0 24px;font-family:STKaiti,KaiTi,"FangSong",serif;font-size:25px;font-weight:500;letter-spacing:.22em}.character-loader__track{height:2px;overflow:hidden;background:#b9c7cf26;box-shadow:0 0 0 1px #04090e80}.character-loader__track span{display:block;height:100%;background:linear-gradient(90deg,#709cb4,#e2c77f);box-shadow:0 0 13px #dac17ebf;transition:width .3s ease}.character-loader__progress{margin:11px 0 0;color:#b7c1c7;font:11px/1 Georgia,serif;letter-spacing:.15em}.character-creation__header{text-align:center;text-shadow:0 3px 12px #000}.character-creation__header h1{margin:4px 0;font-size:32px;letter-spacing:.18em}.character-creation__header p{margin:0;color:#b9c2cc;font-size:13px}.character-creation__eyebrow{color:#cbaa63;font-size:10px;letter-spacing:.34em}.character-creation__cards{display:flex;justify-content:center;align-items:center;gap:0;width:min(90vw,1700px);min-height:0;height:clamp(430px,60vh,680px);margin:0 auto;padding:clamp(16px,2.5vh,30px) 0 clamp(10px,1.5vh,18px);overflow:visible}.character-preset-card{position:relative;flex:1 1 0;width:auto;min-width:0;height:100%;padding:0;overflow:visible;border:0;outline:none;-webkit-tap-highlight-color:transparent;background:transparent;color:#e7edf2;cursor:pointer;transform:translateY(0);transition:transform .5s cubic-bezier(.2,.72,.16,1)}.character-preset-card:focus,.character-preset-card:active{outline:none!important;box-shadow:none!important}.character-preset-card:focus-visible .character-preset-card__visual{outline:1px solid rgba(206,187,139,.62);outline-offset:-2px}.character-preset-card:hover{z-index:4;transform:translateY(-8px)}.character-preset-card--selected{z-index:2;transform:translateY(-5px)}.character-preset-card--selected:hover{z-index:5;transform:translateY(-9px)}.character-preset-card__visual{position:absolute;z-index:0;top:0;bottom:0;left:50%;display:block;width:100%;overflow:hidden;transform:translate(-50%);border-left:1px solid rgba(164,181,199,.22);background:linear-gradient(180deg,#26384a,#111c29 62%,#080d13);filter:saturate(.68) brightness(.7);box-shadow:0 9px 24px #00000047;transition:width .52s cubic-bezier(.2,.72,.16,1),filter .48s ease,box-shadow .48s ease,border-color .48s ease}.character-preset-card:last-child .character-preset-card__visual{border-right:1px solid rgba(164,181,199,.22)}.character-preset-card:hover .character-preset-card__visual{width:clamp(286px,40vh,454px);filter:saturate(.9) brightness(.84);border-color:#9bd2ee8c;box-shadow:0 22px 54px #000000ad,0 0 20px #6dbee721}.character-preset-card--selected .character-preset-card__visual,.character-preset-card--selected:hover .character-preset-card__visual{filter:none!important;border-color:#d7b76d!important;box-shadow:inset 0 0 0 2px #d7b76d,0 16px 36px #00000085,0 0 28px #d7b76d61!important}.character-preset-card--selected .character-preset-card__visual>img,.character-preset-card--selected:hover .character-preset-card__visual>img{filter:saturate(.9) brightness(.84)!important;opacity:1}.character-preset-card--selected .character-shader,.character-preset-card--selected:hover .character-shader{filter:none!important}.character-preset-card--hover-suppressed:hover .character-preset-card__visual{filter:saturate(.82) brightness(.72);border-color:#a4b5c738;box-shadow:0 18px 42px #0000009e}.character-preset-card__visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.character-shader{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .08s ease}.character-shader--ready{opacity:1}.character-shader--failed{display:none}.character-preset-card__visual:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#03070b14 34%,#04070be0);pointer-events:none}.character-preset-card__chosen{position:absolute;z-index:4;left:0;right:0;bottom:10px;color:#e8ca85;font-size:10px}.character-preset-card__hover-ripple{position:absolute;z-index:3;width:32px;height:32px;margin:-16px 0 0 -16px;border:1px solid rgba(190,229,246,.48);border-radius:50%;pointer-events:none;box-shadow:0 0 7px #70c3e824,inset 0 0 6px #bde4f514;animation:characterHoverRipple .9s cubic-bezier(.18,.65,.28,1) forwards}.character-preset-card__weapon-name{position:absolute;z-index:4;left:50%;top:50%;max-height:58%;transform:translate(-50%,-50%);writing-mode:vertical-rl;text-orientation:upright;color:#eef2efdb;font-family:STKaiti,KaiTi,"FangSong",serif;font-size:clamp(20px,1.55vw,29px);font-weight:700;letter-spacing:.18em;line-height:1.05;text-shadow:0 2px 2px #071018,0 0 8px #071018,0 0 18px rgba(3,8,14,.88);transition:left .5s cubic-bezier(.2,.72,.16,1),color .35s ease,text-shadow .35s ease,opacity .35s ease}.character-preset-card:hover .character-preset-card__weapon-name{left:19%;color:#ecf8fff0;text-shadow:0 2px 3px #06111a,0 0 12px rgba(82,180,228,.4)}.character-preset-card--selected .character-preset-card__weapon-name{color:#f2d48d;text-shadow:0 2px 3px #0b0a06,0 0 14px rgba(221,176,73,.42)}.character-preset-card--selected:hover .character-preset-card__weapon-name{color:#ffeab2}@keyframes characterHoverRipple{0%{opacity:.52;transform:scale(.2)}72%{opacity:.2}to{opacity:0;transform:scale(11)}}@keyframes characterMusicPulse{50%{transform:scale(1.18);text-shadow:0 0 9px #f1d184}}@keyframes characterLoaderSpin{to{transform:rotate(1turn)}}@keyframes characterLoaderMist{to{transform:translate3d(3%,-2%,0) scale(1.06);opacity:.72}}.character-creation__footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;max-width:720px;margin:0 auto}.character-creation__name-field{flex:1;min-width:280px}.character-creation__name-field label{display:block;margin-bottom:6px;color:#c9b785;font-size:11px;letter-spacing:.15em}.character-creation__name-field input{width:100%;height:46px;padding:0 15px;color:#f3ead5;background:#050b12e0;border:1px solid #756440;outline:none;font-size:15px}.character-creation__name-field input:focus{border-color:#d4b66e;box-shadow:0 0 12px #d4b66e38}.character-creation__submit,.character-creation__cancel{height:46px;padding:0 28px;border:1px solid #c9a85f;color:#fff2d0;background:linear-gradient(#9d7938,#5a421d);cursor:pointer;font-weight:700}.character-creation__cancel{border-color:#596574;background:#202a35}.character-creation__error{flex-basis:100%;margin:0;text-align:center;color:#ff8f86;font-size:12px}@media (max-width:1100px){.character-creation{min-height:640px;padding-inline:14px}.character-creation__game-logo{width:clamp(150px,22vw,210px);left:6px}.character-creation__cards{justify-content:flex-start;width:100%;height:clamp(400px,58vh,560px);overflow-x:auto;overflow-y:visible;padding-inline:24px}.character-preset-card{flex:0 0 126px}.character-preset-card:hover .character-preset-card__visual{width:clamp(267px,38.7vh,374px)}.character-preset-card__weapon-name{font-size:22px}}@media (prefers-reduced-motion:reduce){.character-shader,.character-preset-card__hover-ripple{display:none}.character-preset-card,.character-preset-card__visual,.character-preset-card__weapon-name{transition-duration:.01ms}.character-preset-card:hover,.character-preset-card--selected,.character-preset-card--selected:hover{transform:none}.character-creation__music--playing span,.character-loader__sigil,.character-loader__mist{animation:none}.character-preset-card--selected .character-preset-card__visual>img{filter:none}}.eqv-wrap{position:relative;padding:6px;display:flex;flex-direction:column;gap:6px;height:100%;min-height:0;overflow:hidden;font-size:13px;color:#e2e8f0}.eqv-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);font-size:12px;color:#22c55e;padding:4px 12px;background:#22c55e1a;border:1px solid #22c55e44;border-radius:6px;z-index:2200;animation:eqv-fade 2s ease forwards}@keyframes eqv-fade{0%{opacity:1}80%{opacity:1}to{opacity:0}}.eqv-main{flex:1 1 auto;height:auto;min-height:0;position:relative;border-radius:10px;overflow:hidden;border:1px solid #1e293b;background:#0a0f1a}.eqv-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.eqv-bg img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;opacity:.85;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.eqv-bg--character img{transform:scale(1.15);transform-origin:center center}.eqv-bg--character:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0308107a,#03081014 25%,#03081014 75%,#0308107a),linear-gradient(180deg,rgba(3,8,16,.2) 0%,transparent 25%,transparent 72%,rgba(3,8,16,.28) 100%)}.eqv-bg-fallback{font-size:72px;opacity:.15}.eqv-col{position:absolute;top:0;bottom:0;width:96px;z-index:2;display:flex;flex-direction:column;gap:2px;padding:8px 4px;overflow-y:auto;pointer-events:none}.eqv-col>*{pointer-events:auto}.eqv-col--left{left:0}.eqv-col--right{right:0}.eqv-col-title{font-size:9px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;padding:2px 0;text-align:center;background:#00000080;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin-bottom:2px}.eqv-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 2px;background:#0f172abf;border:1px solid rgba(51,65,85,.7);border-radius:6px;transition:all .15s;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-height:42px}.eqv-slot:hover{background:#1e293bd9;border-color:#3b82f688}.eqv-slot-icon{font-size:15px;line-height:1.2}.eqv-slot-label{font-size:8px;color:#94a3b8;line-height:1.1;text-transform:uppercase;letter-spacing:.3px}.eqv-slot-body{margin-top:0;width:100%}.eqv-slot--energyCore{border-color:#a855f766;background:#a855f71f;min-height:48px}.eqv-slot--energyCore:hover{border-color:#a855f7;background:#a855f733}.eqv-slot--energyCore .eqv-slot-icon{font-size:18px}@keyframes eqv-core-glow{0%,to{box-shadow:0 0 3px #a855f744}50%{box-shadow:0 0 10px #a855f788}}.eqv-slot--energyCore{animation:eqv-core-glow 3s ease-in-out infinite}.eqv-item{cursor:pointer;border-radius:3px;transition:all .15s;text-align:center}.eqv-item--filled{padding:1px 3px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.eqv-item--filled:hover{background:#ef444426;border-color:#ef444480}.eqv-item--empty{display:flex;align-items:center;justify-content:center;gap:2px;padding:1px 3px;border:1px dashed rgba(51,65,85,.6)}.eqv-item--empty:hover{border-color:#3b82f688;background:#3b82f614}.eqv-empty-plus{font-size:12px;color:#3b82f6;line-height:1}.eqv-empty-text{font-size:9px;color:#475569}.eqv-item-name{font-size:10px;font-weight:600;line-height:1.2;word-break:break-all}.eq-rarity-common{color:#94a3b8}.eq-rarity-uncommon{color:#3f9f58}.eq-rarity-rare{color:#3b82f6}.eq-rarity-epic{color:#a855f7}.eq-rarity-legendary{color:#eab308}.eqv-center{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:10px;background:#0f172a44;border:1px solid #1e293b;z-index:1}.eqv-avatar{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.eqv-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center 60%;object-position:center 60%;opacity:.8;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.eqv-avatar-fallback{font-size:64px;opacity:.2}.eqv-summary{flex:0 0 150px;height:150px;min-height:0;overflow:hidden;background:#1a2235;border:1px solid #2a3a5a;border-radius:8px;padding:8px 10px;margin-top:6px}.eqv-summary--drawer{position:relative;box-sizing:border-box;padding:30px 10px 8px;transition:height .24s ease,flex-basis .24s ease,border-radius .24s ease}.eqv-summary--drawer.eqv-summary--expanded{position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:4;width:auto;height:auto;margin:0;border-radius:10px}.eqv-summary-expand-btn{position:absolute;z-index:2;top:5px;left:50%;width:44px;height:22px;padding:0;transform:translate(-50%);color:#d8bc7a;border:1px solid rgba(216,188,122,.45);border-radius:999px;background:#0c1624eb;cursor:pointer;font-size:12px;line-height:20px}.eqv-summary-expand-btn:hover{color:#fff0bd;border-color:#d8bc7a;background:#2f3c4ef5}.eqv-summary-content{height:100%;min-height:0;overflow-y:auto;scrollbar-width:none}.eqv-summary-content::-webkit-scrollbar{display:none}.eqv-summary-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.eqv-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.eqv-summary-item{display:flex;justify-content:space-between;font-size:12px;padding:2px 4px;background:#0f172a44;border-radius:3px}.eqv-summary-key{color:#94a3b8;text-transform:capitalize}.eqv-summary-val{color:#22c55e;font-weight:600}.eqv-summary-empty{color:#64748b;font-size:12px;padding:8px 0;text-align:center}.eqv-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.eqv-modal{position:fixed;background:#1a1f2e;border:1px solid #2a3a5a;border-radius:10px;width:280px;min-width:280px;max-width:280px;max-height:calc(100vh - 16px);display:flex;flex-direction:column}.eqv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #2a3a5a;font-weight:700;font-size:13px}.eqv-modal-close{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:2px}.eqv-modal-close:hover{color:#ef4444}.eqv-modal-body{flex:1 1 auto;padding:6px 8px;min-height:0;max-height:calc(100vh - 72px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(199,170,104,.58) rgba(5,10,18,.7);display:flex;flex-direction:column;gap:4px}.eqv-modal-body::-webkit-scrollbar{width:6px}.eqv-modal-body::-webkit-scrollbar-thumb{background:#c7aa6894;border-radius:4px}.eqv-modal-item{display:flex;flex-direction:column;gap:1px;padding:5px 8px;background:#0f172a;border-radius:5px;cursor:pointer;transition:background .15s}.eqv-modal-item:hover{background:#1e293b}.eqv-modal-item--active{background:#1a2a4a;border:1px solid #3b82f644;outline:1px solid #3b82f633}.eqv-modal-stats{font-size:10px;color:#64748b;line-height:1.3}.eqv-modal-empty{color:#64748b;padding:12px;text-align:center;font-size:12px}.equipment-system *{box-sizing:border-box}.equipment-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#e0e0e0}@media (max-width: 768px){.equipment-page{padding:12px}}.eqv-block{width:64px;height:64px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#0f172ab3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px dashed rgba(51,65,85,.5)}.eqv-block:hover{border-color:#3b82f688;background:#1e293bcc}.eqv-block--filled{border-style:solid;border-width:2px;background:#0f172aa6}.eqv-block--filled:hover{filter:brightness(1.2);transform:scale(1.05)}.eqv-block--empty{border-style:dashed;background:#0f172a80}.eqv-block--empty .eqv-block-icon-slot{font-size:18px;opacity:.4}.eqv-block--empty .eqv-block-label{font-size:8px;color:#475569;margin-top:1px}.eqv-block--core{animation:eqv-core-glow 3s ease-in-out infinite}.eqv-block-icon-wrap{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;flex-shrink:0}.eqv-block-icon{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.eqv-block-icon-fallback{font-size:20px;opacity:.7}.eqv-block-name{font-size:8px;line-height:1.1;text-align:center;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;font-weight:600}.eqv-current-gear{background:#0f172a;border:1px solid #2a3a5a;border-radius:6px;padding:5px 8px;margin-bottom:6px}.eqv-current-gear-title{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.eqv-current-gear-item{display:flex;gap:6px;align-items:flex-start}.eqv-current-gear-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0a0f1a;border-radius:4px}.eqv-current-gear-info{flex:1;min-width:0}.eqv-current-gear-stats{display:flex;flex-wrap:wrap;gap:1px 6px;margin-top:2px}.eqv-current-gear-stat{font-size:10px;color:#94a3b8}.eqv-current-gear-stat strong{color:#22c55e}.eqv-unequip-btn{margin-top:3px;font-size:10px;padding:1px 8px;border:1px solid #ef444466;border-radius:3px;background:transparent;color:#ef4444;cursor:pointer;transition:all .15s}.eqv-unequip-btn:hover{background:#ef444422}.eqv-col{width:78px}.eqv-col>.eqv-block{margin:0 auto}.eqv-overlay--with-tip{display:flex;align-items:center;justify-content:center;gap:10px}.eqv-tips-panel{width:260px;flex-shrink:0;order:-1}.eqv-tips-panel .equipment-detail{background:#1a1f2e;border-radius:10px;border:1px solid #2a3a5a;padding:10px 12px;box-shadow:none}.eqv-tips-panel .detail-header{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #2a3a5a}.eqv-tips-panel .detail-title{margin:0;font-size:14px;font-weight:700;color:#e2e8f0}.eqv-tips-panel .detail-subtitle{display:none}.eqv-tips-panel .detail-content{display:flex;flex-direction:column;gap:6px}.eqv-tips-panel .item-header{display:flex;gap:8px;align-items:flex-start}.eqv-tips-panel .item-icon-section{flex-shrink:0}.eqv-tips-panel .item-icon-large{position:relative;width:48px;height:48px}.eqv-tips-panel .icon-image-large{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #334155}.eqv-tips-panel .icon-placeholder-large{width:100%;height:100%;background:#1e293b;border-radius:6px;border:1px solid #334155;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#64748b}.eqv-tips-panel .rarity-tag-sm{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;margin-right:6px}.eqv-tips-panel .detail-rarity-text{display:inline;font-size:11px;font-weight:600;margin-right:8px}.eqv-tips-panel .detail-row-line{display:flex;align-items:center;gap:4px;margin-top:2px}.eqv-tips-panel .rarity-tag{position:absolute;top:-6px;right:-6px;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;color:#fff;border:1px solid rgba(0,0,0,.3);text-shadow:0 1px 2px rgba(0,0,0,.5)}.eqv-tips-panel .item-basic-info{flex:1;min-width:0}.eqv-tips-panel .item-name{margin:0 0 2px;font-size:14px;font-weight:700}.eqv-tips-panel .item-code,.eqv-tips-panel .item-type,.eqv-tips-panel .item-slot,.eqv-tips-panel .item-level{font-size:11px;color:#94a3b8;margin-bottom:1px}.eqv-tips-panel .section-title{font-size:11px;font-weight:700;color:#cbd5e1;margin-bottom:4px;padding-bottom:2px;border-bottom:1px solid #2a3a5a}.eqv-tips-panel .item-description{background:#0f172a;padding:6px 8px;border-radius:6px;border:1px solid #2a3a5a}.eqv-tips-panel .description-text{font-size:11px;color:#94a3b8;line-height:1.4}.eqv-tips-panel .item-stats{background:#0f172a;padding:6px 8px;border-radius:6px;border:1px solid #2a3a5a}.eqv-tips-panel .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.eqv-tips-panel .stat-item{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:#1a2235;border-radius:4px;border:none}.eqv-tips-panel .stat-label{font-size:11px;color:#94a3b8}.eqv-tips-panel .stat-value{font-size:12px;font-weight:700;color:#4a9eff}.eqv-tips-panel .item-meta{background:#0f172a;padding:6px 8px;border-radius:6px;border:1px solid #2a3a5a}.eqv-tips-panel .meta-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px solid #2a3a5a}.eqv-tips-panel .meta-item:last-child{border-bottom:none}.eqv-tips-panel .meta-label{font-size:11px;color:#94a3b8}.eqv-tips-panel .meta-value{font-size:11px;color:#cbd5e1}.eqv-tips-panel .meta-value.code{font-family:monospace;font-size:10px;color:#64748b}.eqv-tips-panel .item-actions{display:flex;gap:6px;margin-top:4px}.eqv-tips-panel .btn{flex:1;padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;text-align:center}.eqv-tips-panel .btn:disabled{opacity:.5;cursor:not-allowed}.eqv-tips-panel .btn-primary{background:#1d4ed8;color:#fff}.eqv-tips-panel .btn-primary:hover:not(:disabled){background:#2563eb}.eqv-tips-panel .btn-danger{background:#dc2626;color:#fff}.eqv-tips-panel .btn-danger:hover:not(:disabled){background:#ef4444}.equipment-detail{background:linear-gradient(135deg,#1e1e1e,#151515);border-radius:12px;border:2px solid #333;padding:24px;box-shadow:0 8px 24px #00000080;min-height:300px}.detail-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.detail-title{margin:0 0 4px;font-size:24px;font-weight:700;color:#eee}.detail-subtitle{font-size:14px;color:#888}.detail-content{display:flex;flex-direction:column;gap:24px}.item-header{display:flex;gap:20px;align-items:flex-start}.item-icon-section{flex-shrink:0}.item-icon-large{position:relative;width:80px;height:80px}.icon-image-large{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #444}.icon-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-radius:8px;border:2px solid #444;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#888}.rarity-tag{position:absolute;top:-8px;right:-8px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;border:1px solid rgba(0,0,0,.3);text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-basic-info{flex:1}.item-name{margin:0 0 8px;font-size:20px;font-weight:700}.item-code,.item-type,.item-slot,.item-level{font-size:14px;color:#aaa;margin-bottom:4px}.section-title{font-size:16px;font-weight:700;color:#ddd;margin-bottom:12px;padding-bottom:4px;border-bottom:1px solid #333}.item-description{background:#0003;padding:16px;border-radius:8px;border:1px solid #333}.description-text{font-size:14px;color:#bbb;line-height:1.6}.item-stats{background:#0003;padding:16px;border-radius:8px;border:1px solid #333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid #333}.stat-label{font-size:14px;color:#aaa}.stat-value{font-size:16px;font-weight:700;color:#4a9eff}.item-meta{background:#0003;padding:16px;border-radius:8px;border:1px solid #333}.meta-grid{display:grid;grid-template-columns:1fr;gap:12px}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #333}.meta-item:last-child{border-bottom:none}.meta-label{font-size:14px;color:#aaa}.meta-value{font-size:14px;color:#ddd;max-width:200px;overflow:hidden;text-overflow:ellipsis}.meta-value.code{font-family:monospace;font-size:12px;color:#888}.item-actions{display:flex;gap:12px;margin-top:8px}.btn{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.btn-danger{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f44336,#d32f2f);transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.btn-primary{background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2196f3,#1976d2);transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}@media (max-width: 768px){.item-header{flex-direction:column;align-items:center;text-align:center}.item-basic-info{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.item-actions{flex-direction:column}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.meta-item{flex-direction:column;align-items:flex-start;gap:4px}.meta-value{max-width:100%}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body,#root{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}body{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input:focus,button:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.btn-primary{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.card{border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.form-group{margin-bottom:1rem}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.size-4{width:1rem;height:1rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-\[\#1e293b\]{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-\[\#2a3a5a\]{--tw-border-opacity: 1;border-color:rgb(42 58 90 / var(--tw-border-opacity, 1))}.border-\[\#334155\]{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-\[\#3F9F58\]{--tw-border-opacity: 1;border-color:rgb(63 159 88 / var(--tw-border-opacity, 1))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.border-primary-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.bg-\[\#0a0e1a\]{--tw-bg-opacity: 1;background-color:rgb(10 14 26 / var(--tw-bg-opacity, 1))}.bg-\[\#0f1729\]{--tw-bg-opacity: 1;background-color:rgb(15 23 41 / var(--tw-bg-opacity, 1))}.bg-\[\#1a2235\]{--tw-bg-opacity: 1;background-color:rgb(26 34 53 / var(--tw-bg-opacity, 1))}.bg-\[\#2563eb\]{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-\[\#3F9F58\]\/10{background-color:#3f9f581a}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-200{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from: #fffbeb var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-600{--tw-gradient-from: #d97706 var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-800{--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from: #eef2ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-50{--tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.to-green-100{--tw-gradient-to: #dcfce7 var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to: #fff7ed var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-purple-100{--tw-gradient-to: #f3e8ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-red-100{--tw-gradient-to: #fee2e2 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-yellow-100{--tw-gradient-to: #fef9c3 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-\[\#10b981\]{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-\[\#3F9F58\]{--tw-text-opacity: 1;color:rgb(63 159 88 / var(--tw-text-opacity, 1))}.text-\[\#3b82f6\]{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-\[\#64748b\]{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-\[\#94a3b8\]{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-\[\#cbd5e1\]{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-\[\#e2e8f0\]{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-\[\#f1f5f9\]{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.placeholder-\[\#64748b\]::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.placeholder-\[\#64748b\]::placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.com-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.com-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #334155;border-radius:16px;padding:28px 32px;max-width:440px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 60px #64c8ff26;color:#f1f5f9}.com-popup__icon{font-size:48px;text-align:center;margin-bottom:8px}.com-popup__title{font-size:22px;font-weight:700;text-align:center;margin-bottom:6px}.com-popup__desc{font-size:14px;color:#94a3b8;text-align:center;margin-bottom:18px}.com-popup__section{margin-bottom:14px}.com-popup__label{font-size:13px;color:#94a3b8;margin-bottom:4px}.com-popup__row{font-size:14px;padding:4px 8px;background:#ffffff0a;border-radius:6px;margin-top:3px}.com-popup .btn-enter{width:100%;margin-top:12px}.hover\:border-amber-300:hover{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.hover\:border-indigo-300:hover{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#1d4ed8\]:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#2a3a5a\]:hover{--tw-bg-opacity: 1;background-color:rgb(42 58 90 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#3b82f6\]:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-200:hover{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-300:hover{--tw-bg-opacity: 1;background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:from-amber-700:hover{--tw-gradient-from: #b45309 var(--tw-gradient-from-position);--tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-indigo-700:hover{--tw-gradient-from: #4338ca var(--tw-gradient-from-position);--tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-indigo-700:hover{--tw-gradient-to: #4338ca var(--tw-gradient-to-position)}.hover\:to-orange-600:hover{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:to-red-600:hover{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.hover\:text-\[\#60a5fa\]:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.hover\:text-\[\#e2e8f0\]:hover{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-indigo-800:hover{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.hover\:text-primary-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-primary-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-red-900:hover{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#3b82f6\]:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#3b82f6\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:mt-0{margin-top:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme: dark){.dark\:border-blue-800{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:border-blue-900{--tw-border-opacity: 1;border-color:rgb(30 58 138 / var(--tw-border-opacity, 1))}.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-green-800{--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.dark\:border-indigo-800{--tw-border-opacity: 1;border-color:rgb(55 48 163 / var(--tw-border-opacity, 1))}.dark\:border-purple-800{--tw-border-opacity: 1;border-color:rgb(107 33 168 / var(--tw-border-opacity, 1))}.dark\:border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:border-yellow-800{--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.dark\:bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.dark\:bg-red-800{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/20{background-color:#7f1d1d33}.dark\:bg-yellow-900{--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))}.dark\:from-blue-900\/20{--tw-gradient-from: rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-green-900\/20{--tw-gradient-from: rgb(20 83 45 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-indigo-900\/20{--tw-gradient-from: rgb(49 46 129 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-purple-900\/20{--tw-gradient-from: rgb(88 28 135 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-red-900\/20{--tw-gradient-from: rgb(127 29 29 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-yellow-900\/20{--tw-gradient-from: rgb(113 63 18 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-blue-900\/10{--tw-gradient-to: rgb(30 58 138 / .1) var(--tw-gradient-to-position)}.dark\:to-green-900\/10{--tw-gradient-to: rgb(20 83 45 / .1) var(--tw-gradient-to-position)}.dark\:to-indigo-900\/10{--tw-gradient-to: rgb(49 46 129 / .1) var(--tw-gradient-to-position)}.dark\:to-purple-900\/10{--tw-gradient-to: rgb(88 28 135 / .1) var(--tw-gradient-to-position)}.dark\:to-red-900\/10{--tw-gradient-to: rgb(127 29 29 / .1) var(--tw-gradient-to-position)}.dark\:to-yellow-900\/10{--tw-gradient-to: rgb(113 63 18 / .1) var(--tw-gradient-to-position)}.dark\:text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.dark\:text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:hover\:text-red-200:hover{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}}.page-container{max-width:1200px;margin:0 auto;padding:24px 16px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-header h1{margin:0;font-size:1.5rem}.page-header-actions{display:flex;gap:8px;align-items:center}.filter-bar{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px;flex:1}.filter-group label{font-size:.8rem;color:#666;font-weight:500}.filter-group input,.filter-group select{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.filter-actions{display:flex;gap:8px}.btn{padding:8px 16px;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .15s;background:#fff;white-space:nowrap}.btn:hover{opacity:.85}.btn-primary{background:#0070dd;color:#fff;border-color:#0070dd}.btn-outline{background:#fff;color:#333;border-color:#ccc}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-sm{padding:4px 10px;font-size:.8rem}.tag{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.75rem;font-weight:600;margin-right:4px;margin-bottom:2px}.tag-type{background:#e8e8e8;color:#555}.tag-rarity{color:#fff;text-shadow:0 0 2px rgba(0,0,0,.3)}.tag-common{background:#9d9d9d}.tag-uncommon{background:#3f9f58;color:#fff;text-shadow:none}.tag-rare{background:#0070dd}.tag-epic{background:#a335ee}.tag-legendary{background:#ff8000}.tag-flag{background:#d4edda;color:#155724}.tag-material{background:#cce5ff;color:#004085}.tag-consumable{background:#d4edda;color:#155724}.tag-equipment{background:#fff3cd;color:#856404}.tag-quest{background:#f8d7da;color:#721c24}.tag-currency{background:#fff3cd;color:#856404}.tag-misc{background:#e2e3e5;color:#383d41}.table-responsive{overflow-x:auto}.item-table{width:100%;border-collapse:collapse;font-size:.9rem}.item-table th,.item-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee;vertical-align:middle}.item-table th{background:#f8f9fa;font-weight:600;color:#555;white-space:nowrap}.item-table tbody tr:hover{background:#f0f7ff}.item-table code{font-size:.8rem;background:#f4f4f4;padding:2px 6px;border-radius:3px}.table-icon{width:36px;height:36px;border:2px solid #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:#f8f8f8;overflow:hidden}.table-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.action-cell{white-space:nowrap}.action-cell .btn{margin-right:4px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.item-card{display:flex;border:1px solid #e0e0e0;border-radius:8px;padding:12px;gap:12px;background:#fff;transition:box-shadow .15s}.item-card:hover{box-shadow:0 2px 8px #00000014}.item-card-icon{width:48px;height:48px;border:2px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f8f8f8;overflow:hidden}.item-card-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.item-icon-placeholder{font-size:1.2rem;color:#999}.item-card-body{flex:1;min-width:0}.item-card-name{font-weight:600;margin-bottom:2px}.item-card-code{font-size:.78rem;color:#999;margin-bottom:4px}.item-card-tags{display:flex;flex-wrap:wrap;gap:4px}.item-card-actions{display:flex;flex-direction:column;gap:4px;justify-content:flex-start;flex-shrink:0}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:12px 0}.pagination button{padding:6px 16px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:#666;font-size:.9rem}.message{padding:10px 16px;border-radius:6px;margin-bottom:12px;font-size:.9rem}.message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading-block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#0070dd;border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state-icon{font-size:3rem;margin-bottom:12px}.empty-state-text{font-size:1.1rem;margin-bottom:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.2rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0 4px}.modal-body{padding:16px 20px}.detail-section{margin-bottom:16px}.detail-section h4{margin:0 0 8px;font-size:.9rem;color:#666;border-bottom:1px solid #eee;padding-bottom:4px}.detail-row{display:flex;padding:4px 0;font-size:.9rem}.detail-label{width:100px;flex-shrink:0;color:#888}.detail-value{flex:1}.flags-display{display:flex;flex-wrap:wrap;gap:8px}.flag-tag{padding:3px 10px;border-radius:4px;font-size:.8rem;border:1px solid #ddd}.flag-on{background:#d4edda;border-color:#c3e6cb;color:#155724}.flag-off{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.form-wrapper{max-width:800px}.form-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px}.form-section h3{margin:0 0 12px;font-size:1rem;color:#444}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.85rem;color:#666;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:.9rem;font-family:inherit}.form-group input:disabled{background:#f0f0f0;color:#999}.form-group textarea{resize:vertical}.form-error{color:#dc3545;font-size:.8rem}.form-checkbox-grid{display:flex;flex-wrap:wrap;gap:12px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer}.checkbox-label input{width:16px;height:16px}.form-actions{display:flex;gap:8px;padding-top:8px}@media (max-width: 768px){.filter-row{flex-direction:column}.filter-group{min-width:auto}.card-grid,.form-grid{grid-template-columns:1fr}.item-table{font-size:.8rem}.item-table th,.item-table td{padding:6px 8px}}.item-use-page{max-width:1100px;margin:0 auto;padding:20px 16px}.item-use-page__header{margin-bottom:16px}.item-use-page__title{font-size:1.5rem;font-weight:700;color:#1e293b}.item-use-page__error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:32px;text-align:center;color:#dc2626}.item-use-page__error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;color:#dc2626;font-size:.875rem;margin-top:12px}.item-use-page__main{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media (max-width: 768px){.item-use-page__main{grid-template-columns:1fr}}.character-state-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;color:#fff}.character-state-panel--loading,.character-state-panel--empty{display:flex;align-items:center;justify-content:center;min-height:100px;gap:8px}.character-state-panel__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.character-state-panel__avatar{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.character-state-panel__info{flex:1}.character-state-panel__name{font-size:1.125rem;font-weight:600;margin:0}.character-state-panel__meta{font-size:.8rem;opacity:.85}.character-state-panel__gold{display:flex;align-items:center;gap:6px;background:#ffffff26;padding:6px 12px;border-radius:20px;font-weight:600}.gold-icon,.gold-value{font-size:1rem}.character-state-panel__bars{display:flex;flex-direction:column;gap:8px}.stat-bar{display:flex;flex-direction:column;gap:3px}.stat-bar__label{font-size:.8rem;font-weight:500;display:flex;justify-content:space-between}.stat-bar__values{font-weight:400;opacity:.8}.stat-bar__track{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.stat-bar__fill{height:100%;border-radius:4px;transition:width .3s ease}.stat-bar__fill--stamina{background:linear-gradient(90deg,#22c55e,#10b981)}.usable-item-list{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.usable-item-list__title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 12px;display:flex;align-items:center;gap:8px}.usable-item-list__count{font-weight:400;color:#94a3b8;font-size:.875rem}.usable-item-list__grid{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.usable-item-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s ease;background:#fff}.usable-item-card:hover{border-color:#cbd5e1;background:#f8fafc}.usable-item-card--selected{border-color:#667eea;background:#eef2ff}.usable-item-card__icon{position:relative;width:42px;height:42px;border-radius:8px;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;background:#f8fafc}.usable-item-card__emoji{font-size:1.25rem}.usable-item-card__badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 2px #0003}.usable-item-card__info{flex:1;min-width:0}.usable-item-card__name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usable-item-card__meta{display:flex;gap:8px;font-size:.75rem;margin-top:2px}.usable-item-card__rarity{font-weight:500}.usable-item-card__effect{color:#64748b}.item-use-detail{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.item-use-detail--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#94a3b8}.item-use-detail__empty-icon{font-size:2.5rem;margin-bottom:8px}.item-use-detail__hint{font-size:.9rem;margin:0}.item-use-detail__header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.item-use-detail__icon{width:48px;height:48px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.item-use-detail__header-info{flex:1}.item-use-detail__title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.item-use-detail__code{font-size:.75rem;color:#94a3b8;font-family:monospace}.item-use-detail__body{margin-bottom:16px}.item-use-detail__desc{font-size:.875rem;color:#64748b;margin:0 0 16px;line-height:1.5}.item-use-detail__attrs{display:flex;flex-direction:column;gap:8px}.item-use-detail__attr{display:flex;justify-content:space-between;font-size:.875rem}.item-use-detail__attr-label{color:#94a3b8}.item-use-detail__attr-value{font-weight:500;color:#1e293b}.item-use-detail__use-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.item-use-detail__use-btn:hover{opacity:.9}.item-use-detail__use-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.item-use-modal{background:#fff;border-radius:14px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003;overflow:hidden}.item-use-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.item-use-modal__header h3{margin:0;font-size:1rem;font-weight:600}.item-use-modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;padding:0;line-height:1}.item-use-modal__body{padding:16px 20px}.item-use-modal__info{display:flex;justify-content:space-between;padding:6px 0;font-size:.875rem}.item-use-modal__label{color:#94a3b8}.item-use-modal__value{font-weight:500}.item-use-modal__separator{height:1px;background:#e2e8f0;margin:12px 0}.item-use-modal__qty-label{display:block;font-size:.8rem;color:#64748b;margin-bottom:8px}.item-use-modal__qty-btns{display:flex;gap:8px;margin-bottom:10px}.item-use-modal__qty-btn{padding:6px 14px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s;color:#1e293b}.item-use-modal__qty-btn:hover{border-color:#667eea;color:#667eea}.item-use-modal__qty-btn:disabled{opacity:.4;cursor:not-allowed}.item-use-modal__qty-input-row{display:flex;align-items:center;gap:8px}.item-use-modal__qty-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;text-align:center;outline:none}.item-use-modal__qty-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.item-use-modal__qty-max{font-size:.8rem;color:#94a3b8}.item-use-modal__footer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #e2e8f0}.item-use-modal__footer .btn{flex:1}.item-use-result{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;margin-top:12px}.item-use-result__title{font-size:.9rem;font-weight:600;color:#1e293b;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.item-use-result__time{font-weight:400;font-size:.75rem;color:#94a3b8}.item-use-result__loading{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.8rem}.item-use-result__empty{color:#94a3b8;font-size:.85rem;text-align:center;margin:8px 0}.item-use-result__item{display:flex;justify-content:space-between;padding:4px 0;font-size:.8rem}.item-use-result__label{color:#94a3b8}.item-use-result__value{font-weight:500;color:#1e293b}.item-use-result__message{margin-top:10px;padding:8px 12px;border-radius:6px;font-size:.85rem;line-height:1.4}.item-use-result__message--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.item-use-result__message--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.item-use-result__changes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.item-use-result__change{padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.item-use-result__change--up{background:#f0fdf4;color:#15803d}.item-use-result__change--down{background:#fef2f2;color:#dc2626}.lootbox-result{margin-top:12px;padding:12px;background:linear-gradient(135deg,#fef9e7,#fdebd0);border:1px solid #f9e79f;border-radius:10px}.lootbox-result__header{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:#b7950b;margin-bottom:10px;font-weight:600}.lootbox-result__sparkle{font-size:.9rem}.lootbox-result__card{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014}.lootbox-result__icon{width:48px;height:48px;border-radius:8px;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f8fafc;overflow:hidden}.lootbox-result__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.lootbox-result__emoji{font-size:1.4rem}.lootbox-result__info{flex:1;min-width:0}.lootbox-result__name{font-size:.9rem;font-weight:700;margin-bottom:2px}.lootbox-result__desc{font-size:.75rem;color:#94a3b8;line-height:1.4}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .6s linear infinite}.loading-spinner--small{width:14px;height:14px;border-width:2px}.loading-block{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#64748b}.empty-state{text-align:center;padding:32px;color:#94a3b8}.empty-state-icon{font-size:2.5rem;margin-bottom:8px}.empty-state-text{font-size:.9rem;margin:0}.gather-page{max-width:1100px;margin:0 auto;padding:20px 16px}.gather-page__header{margin-bottom:12px}.gather-page__title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.gather-page__error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;color:#dc2626;margin-bottom:12px;display:flex;align-items:center;gap:12px}.gather-page__message{padding:8px 14px;border-radius:8px;font-size:.875rem;margin-bottom:12px;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.skill-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.skill-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s;font-size:.9rem;min-width:120px;justify-content:center}.skill-tab:hover{border-color:#cbd5e1;background:#f8fafc}.skill-tab--active{border-color:#667eea;background:#eef2ff;color:#667eea}.skill-tab--locked{opacity:.5}.skill-tab__icon{font-size:1.1rem}.skill-tab__name{font-weight:600}.skill-tab__level{font-size:.75rem;background:#eef2f6;padding:1px 8px;border-radius:10px;font-weight:700}.skill-tab--active .skill-tab__level{background:#dbeafe;color:#4338ca}.gather-page__main{display:grid;grid-template-columns:1fr 360px;gap:16px}@media (max-width: 800px){.gather-page__main{grid-template-columns:1fr}}.gather-page__left,.gather-page__right{display:flex;flex-direction:column;gap:12px}.gather-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.gather-section-header h3{font-size:.95rem;font-weight:600;color:#1e293b;margin:0}.gather-section-header__lvl{font-size:.8rem;color:#667eea;background:#eef2ff;padding:2px 10px;border-radius:10px}.gather-node-list{display:flex;flex-direction:column;gap:8px}.gather-region-strip{display:flex;gap:12px;padding:4px 2px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;height:100%;min-height:0;align-items:center}.gather-region-strip::-webkit-scrollbar{display:none}.gather-region-card{flex:0 0 auto;width:auto;height:480px;max-height:calc(100% - 16px);aspect-ratio:3 / 4;padding:clamp(150px,48%,260px) 12px 12px;box-sizing:border-box;border-radius:10px;background-color:#111827;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 8px 22px #00000052;scroll-snap-align:start;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;display:flex;flex-direction:column;justify-content:flex-end}.gather-region-card:hover{transform:translateY(-3px);border-color:#94a3b8!important;box-shadow:0 12px 28px #0000006b}.gather-region-card--selected{box-shadow:0 0 0 1px #00bcd459,0 12px 28px #0000006b}.gather-region-card--locked{filter:grayscale(.75)}.gather-unlock-conditions{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:7px;padding:6px 8px;border:1px solid rgba(248,113,113,.28);border-radius:6px;background:#0f172ad1;font-size:11px;line-height:1.35}.gather-unlock-conditions strong{width:100%;color:#cbd5e1;font-size:10px}.gather-unlock-conditions .is-met{color:#86efac}.gather-unlock-conditions .is-unmet{color:#fca5a5}.skl-node-item.gather-region-card{margin-bottom:0;padding:clamp(150px,48%,260px) 12px 12px;border-radius:10px;background-color:#111827;background-position:center;background-repeat:no-repeat;background-size:cover}.area-card-text-panel{padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:linear-gradient(180deg,#0b121fad,#070c17e6);box-shadow:inset 0 1px #ffffff0f,0 5px 16px #0000004d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@media (max-width: 640px){.gather-region-card{height:320px;padding:120px 9px 9px}.skl-node-item.gather-region-card{padding:120px 9px 9px}}.gather-node-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;transition:border-color .15s}.gather-node-card:hover{border-color:#cbd5e1}.gather-node-card--locked{opacity:.55}.gather-node-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gather-node-card__info{flex:1}.gather-node-card__name{margin:0 0 4px;font-size:.95rem;font-weight:600;color:#1e293b}.gather-node-card__meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.gather-node-card__time,.gather-node-card__exp{font-size:.75rem;color:#64748b}.gather-node-card__drops{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:6px;border-top:1px solid #eef2f6}.gather-node-card__drop{font-size:.7rem;color:#94a3b8;background:#f8fafc;padding:2px 6px;border-radius:4px;border:1px solid #eef2f6}.gather-node-card__drop-more{font-size:.7rem;color:#94a3b8}.gather-empty{text-align:center;padding:40px 16px;color:#94a3b8;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.gather-empty__icon{font-size:2rem;margin-bottom:8px}.gather-empty__text{font-size:.9rem;margin:0}.gather-status-panel{background:#fff;border-radius:10px;padding:14px;border:1px solid #e2e8f0}.gather-status-panel__empty{text-align:center;color:#94a3b8;padding:20px;font-size:.85rem}.gather-status-panel__title{font-size:.95rem;font-weight:600;color:#1e293b;margin:0 0 10px}.gather-status-panel__body{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.gather-status-row{display:flex;justify-content:space-between;font-size:.82rem}.gather-status-row__label{color:#94a3b8}.gather-status-row__value{font-weight:500;color:#1e293b;display:flex;align-items:center;gap:6px}.gather-status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.gather-status-panel__actions{display:flex;gap:8px}.gather-result-panel{background:#fff;border-radius:10px;padding:14px;border:1px solid #e2e8f0}.gather-result-panel--empty{text-align:center}.gather-result-panel__hint{color:#94a3b8;font-size:.82rem}.gather-result-panel__title{font-size:.9rem;font-weight:600;color:#1e293b;margin:0 0 8px;display:flex;justify-content:space-between}.gather-result-panel__time{font-weight:400;font-size:.72rem;color:#94a3b8}.gather-result-panel__body{display:flex;flex-direction:column;gap:6px}.gather-result-row{display:flex;justify-content:space-between;font-size:.82rem;color:#475569}.gather-result-row--levelup{color:#15803d;background:#f0fdf4;padding:4px 8px;border-radius:6px}.gather-result-items{margin-top:4px}.gather-result-items__label{font-size:.78rem;color:#94a3b8;display:block;margin-bottom:4px}.gather-result-items__list{display:flex;flex-wrap:wrap;gap:4px}.gather-result-item-tag{font-size:.72rem;color:#4338ca;background:#eef2ff;padding:2px 8px;border-radius:4px;font-weight:500}.gather-result-warning{font-size:.75rem;color:#d97706;background:#fffbeb;padding:4px 8px;border-radius:4px;margin-top:4px}.gather-offline-panel{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border-radius:12px;padding:14px;animation:fade-in .4s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gather-offline-panel__header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.gather-offline-panel__icon{font-size:1.3rem}.gather-offline-panel__title{font-weight:600;font-size:.9rem;flex:1}.gather-offline-panel__duration{font-size:.75rem;color:#94a3b8;background:#ffffff1a;padding:2px 10px;border-radius:10px}.gather-offline-panel__body{display:flex;flex-direction:column;gap:6px}.gather-offline-stat{display:flex;justify-content:space-between;font-size:.82rem;color:#cbd5e1}.gather-offline-stat strong{color:#facc15}.gather-offline-stat--levelup{color:#4ade80;padding:4px 8px;border-radius:6px;background:#4ade801a}.gather-offline-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.gather-offline-item-tag{font-size:.72rem;color:#93c5fd;background:#93c5fd26;padding:2px 8px;border-radius:4px;font-weight:500}.btn{padding:8px 18px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;gap:6px}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-secondary{background:#eef2f6;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover{background:#fee2e2}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.badge-level{background:#eef2ff;color:#4338ca}.badge--locked{background:#f1f5f9;color:#94a3b8}.loading-spinner{display:inline-block;width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .6s linear infinite}.combat-page{max-width:700px;margin:0 auto;padding:20px 16px}.combat-page__title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 14px}.combat-error{text-align:center;padding:40px;color:#dc2626;display:flex;flex-direction:column;gap:12px;align-items:center}.combat-msg{padding:8px 14px;border-radius:8px;font-size:.875rem;margin-bottom:12px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.combat-msg--ok{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.combat-card{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px #00000014;margin-bottom:12px}.combat-card__title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #eef2f6}.combat-summary{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.combat-summary__avatar{width:56px;height:56px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.combat-summary h2{margin:0;font-size:1.125rem;font-weight:600}.combat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.combat-stat{display:flex;justify-content:space-between;padding:6px 10px;background:#f8fafc;border-radius:6px;border:1px solid #eef2f6;font-size:.85rem}.combat-stat__label{color:#64748b}.combat-stat__value{font-weight:700;color:#1e293b}.stat-bar{margin-bottom:8px}.stat-bar:last-child{margin-bottom:0}.stat-bar__label{font-size:.8rem;display:flex;justify-content:space-between;margin-bottom:3px;color:#475569}.stat-bar__track{height:10px;background:#eef2f6;border-radius:5px;overflow:hidden}.stat-bar__fill{height:100%;border-radius:5px;transition:width .3s}.stat-bar__fill--hp{background:linear-gradient(90deg,#ef4444,#f97316)}.stat-bar__fill--mp{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.combat-loadout-form{display:flex;flex-direction:column;gap:10px}.combat-loadout-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#475569}.combat-loadout-row input[type=checkbox]{width:18px;height:18px}.combat-loadout-row input[type=number]{width:80px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;text-align:center}.combat-loadout-row input[type=text]{width:180px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-level{background:#fff3;color:#fff}.btn{padding:8px 18px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.loading-block{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px;color:#64748b}.loading-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #1a2235;--bg-card-hover: #1e2a40;--bg-input: #0f1729;--border-color: #2a3a5a;--border-glow: #3b82f6;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-dim: #94a3b8;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--accent-purple: #8b5cf6;--echoes-color: #f59e0b;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);background-image:url(/assets/ui/Background002.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);line-height:1.5;min-height:100vh}.game-root{height:100vh;display:flex;flex-direction:column;overflow:hidden}.mwd-root{position:relative;isolation:isolate;display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:transparent;background-image:none;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .6s ease}.mwd-root--starmap{background-image:url(/assets/ui/Background003.jpg)!important}.mwd-loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-size:1.2rem}.mwd-topbar{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#111827e0;border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mwd-top-spacer{height:128px;min-height:128px;flex-shrink:0}.mwd-topbar-left{display:flex;align-items:center;gap:16px}.mwd-logo{font-size:1.1rem;font-weight:700;color:var(--accent-blue);letter-spacing:1px}.mwd-topbar-center{flex:1;display:flex;justify-content:center;align-items:center}.mwd-topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.mwd-topbar-stats{display:flex;gap:20px;align-items:center}.mwd-topbar-logout-btn{padding:4px 12px;font-size:.75rem;color:var(--text-dim);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.mwd-topbar-logout-btn:hover{color:#ff6b6b;background:#ff6b6b1f;border-color:#ff6b6b4d}.mwd-topbar-skills{display:flex;gap:4px;align-items:center}.mwd-stat-item{display:flex;flex-direction:column;align-items:center;gap:1px}.mwd-stat-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.mwd-stat-value{font-size:.85rem;color:var(--text-primary);font-weight:600}.mwd-skill-block{margin:0 8px;min-width:100px}.mwd-skill-top{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;margin-bottom:2px}.mwd-skill-label{color:#cbd5e1}.mwd-skill-level{color:#64748b}.mwd-skill-bar-track{height:4px;background:#1e293b;border-radius:2px;overflow:hidden}.mwd-skill-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px;transition:width .3s}.mwd-skill-exp{font-size:.6rem;color:#475569;text-align:right;margin-top:1px}.mwd-stat-value.mwd-echoes{color:var(--echoes-color)}.mwd-main-area{flex:1;display:flex;min-height:0;min-width:0;padding-bottom:46px}.mwd-leftnav{width:148px;min-width:148px;margin-top:-128px;height:calc(100% + 174px);background:linear-gradient(90deg,#0f172ad9,#0f172ac7 20%,#0f172a8c 45%,#0f172a40 72%,#0f172a00 95%);border-right:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;gap:0;overflow-y:auto}.mwd-leftnav-skills{display:flex;flex-direction:column;gap:6px;width:100%;padding-top:0;margin-top:-30px}.mwd-skill-nav-btn{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s;padding:8px 10px;text-align:left}.mwd-skill-nav-btn:hover{background:#c8b47814;border-color:#c8b47859;border-right-color:transparent}.mwd-skill-nav-btn--active{background:#f59e0b26!important;border-color:#f59e0b80!important;border-right-color:#f59e0b!important;box-shadow:inset 0 0 12px #f59e0b26,0 0 8px #f59e0b1a}.mwd-skill-nav-btn--active .mwd-skill-nav-name{color:#fbbf24}.mwd-nav-divider{height:1px;margin:8px 8px 4px;background:#c8b4784d}.mwd-nav-bottom{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;align-items:flex-start;padding-left:10px}.mwd-nav-shop-icon{width:66px!important;height:66px!important}.mwd-skill-nav-icon{width:48px;height:48px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.mwd-skill-nav-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}.mwd-skill-nav-name{font-size:.8rem;white-space:nowrap;line-height:1.4;color:#f5efe6;text-shadow:-1px -1px 0 #1a1a2e,1px -1px 0 #1a1a2e,-1px 1px 0 #1a1a2e,1px 1px 0 #1a1a2e,0 2px 6px rgba(0,0,0,.8)}.mwd-skill-nav-lv{font-size:.7rem;white-space:nowrap;line-height:1.4;color:#fde68a;font-weight:600;text-shadow:-1px -1px 0 #1a1a2e,1px -1px 0 #1a1a2e,-1px 1px 0 #1a1a2e,1px 1px 0 #1a1a2e,0 2px 6px rgba(0,0,0,.8)}.mwd-mainview{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px;overflow-y:auto;min-width:0}.mwd-module-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;min-height:300px}.mwd-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:8px;text-align:center}.mwd-text-dim{color:var(--text-dim);font-size:.85rem}.bv-container{display:flex;flex-direction:column;gap:12px}.bv-header{display:flex;align-items:center;justify-content:space-between}.bv-title{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.bv-actions{display:flex;gap:8px}.bv-zone-selector{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px}.bv-zone-title{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.bv-zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.bv-zone-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;transition:all .15s}.bv-zone-card:hover{border-color:var(--accent-blue);background:var(--bg-card-hover)}.bv-zone-card--active{border-color:var(--accent-blue);background:#3b82f61a}.bv-zone-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.bv-zone-meta{display:flex;gap:6px;flex-wrap:wrap}.bv-zone-level{font-size:.75rem;color:var(--accent-yellow);font-weight:500}.bv-zone-desc{font-size:.7rem;color:var(--text-dim)}.bv-selected-zone{margin-top:8px;font-size:.8rem;color:var(--accent-blue)}.bv-battle-scene{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.mwd-sidepanel-spacer{width:400px;min-width:400px;flex-shrink:0}.mwd-sidepanel{width:320px;min-width:320px;background:#111827e0;border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease,min-width .3s ease}.mwd-sidepanel--collapsed{width:32px!important;min-width:32px!important}.mwd-sidepanel .sp-toggle-row{display:flex;justify-content:center;padding:4px 0;flex-shrink:0}.mwd-sidepanel .sp-toggle-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:13px;padding:4px 8px;opacity:.5;transition:opacity .2s}.mwd-sidepanel .sp-toggle-btn:hover{opacity:1}.mwd-sidepanel-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 4px}.mwd-side-tab{flex:1;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.mwd-side-tab:hover{color:var(--text-secondary);background:var(--bg-card)}.mwd-side-tab--active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.mwd-sidepanel-content{flex:1;overflow-y:auto;padding:8px}.sp-panel{display:flex;flex-direction:column;gap:6px}.mwd-sidepanel-content .sp-panel{width:315px;overflow-y:visible;max-height:none}.sp-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);padding-bottom:6px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.sp-inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sp-inv-item{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:6px 4px;cursor:pointer;text-align:center;transition:all .1s;position:relative}.sp-inv-item:hover{border-color:var(--accent-blue);background:var(--bg-card-hover)}.sp-inv-qty{position:absolute;top:2px;right:4px;font-size:.6rem;color:var(--accent-yellow);font-weight:600}.sp-inv-name{font-size:.65rem;color:var(--text-primary);word-break:break-all}.sp-equip-list{display:flex;flex-direction:column;gap:3px}.sp-equip-slot{display:flex;justify-content:space-between;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:6px 8px}.sp-equip-label{font-size:.75rem;color:var(--text-dim)}.sp-equip-value{font-size:.75rem;color:var(--text-primary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-stats-grid{display:flex;flex-direction:column;gap:4px}.sp-stat-row{display:flex;justify-content:space-between;padding:4px 8px;background:var(--bg-input)}.sp-stat-gear{color:#22c55e}.sp-stat-skill{color:#818cf8;border-radius:6px}.sp-stat-label{font-size:.75rem;color:var(--text-dim)}.sp-stat-value{font-size:.8rem;color:var(--text-primary);font-weight:600}.mwd-chat-overlay{position:fixed;bottom:0;left:0;z-index:100;width:480px;pointer-events:auto}.mwd-chat-overlay>*{pointer-events:auto}.mwd-adventure-btn{position:fixed;bottom:0;right:0;z-index:100;width:224px;height:256px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.mwd-adventure-btn img{width:192px;height:192px;-o-object-fit:contain;object-fit:contain;display:block}.mwd-adventure-label{font-size:1.6rem;font-weight:700;color:#f5efe6;margin-top:-30px;text-shadow:-1px -1px 0 #1a1a2e,1px -1px 0 #1a1a2e,-1px 1px 0 #1a1a2e,1px 1px 0 #1a1a2e,0 2px 6px rgba(0,0,0,.8);letter-spacing:2px}.mwd-radial-menu{position:absolute;top:128px;left:112px;width:0;height:0;pointer-events:none}.mwd-radial-item{position:absolute;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;pointer-events:auto;transition:all .2s ease;animation:radial-pop-in .25s ease backwards}.mwd-radial-item:hover{filter:brightness(1.3) drop-shadow(0 0 8px rgba(245,158,11,.5))}.mwd-radial-item img{width:72px;height:72px;-o-object-fit:contain;object-fit:contain}.mwd-radial-item span{font-size:.98rem;font-weight:600;color:#f5efe6;white-space:nowrap;text-shadow:-1px -1px 0 #1a1a2e,1px -1px 0 #1a1a2e,-1px 1px 0 #1a1a2e,1px 1px 0 #1a1a2e,0 2px 6px rgba(0,0,0,.8);margin-top:-12px}.mwd-radial-skills{transform:translate(8px,-196px);animation-delay:0s}.mwd-radial-attributes{transform:translate(-98px,-170px);animation-delay:.05s}.mwd-radial-team{transform:translate(-174px,-91px);animation-delay:.1s}.mwd-radial-equipment{transform:translate(-195px,27px);animation-delay:.15s}.mwd-radial-closing .mwd-radial-item{animation:radial-pop-out .25s ease forwards}@keyframes radial-pop-in{0%{opacity:0}to{opacity:1}}@keyframes radial-pop-out{0%{opacity:1}to{opacity:0}}.mwd-chatpanel{height:36px;min-height:36px;background:#111827d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:height .25s ease,min-height .25s ease}.mwd-chat-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 8px;height:28px;min-height:28px}.mwd-chat-tab{padding:4px 12px;background:transparent;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .1s}.mwd-chat-tab:hover{color:var(--text-secondary)}.mwd-chat-tab--active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.mwd-chat-expand-btn{margin-left:auto;background:transparent;border:none;color:var(--text-dim);font-size:10px;cursor:pointer;padding:4px 8px;opacity:.6;transition:opacity .15s}.mwd-chat-expand-btn:hover{opacity:1;color:var(--accent-blue)}.mwd-chatpanel--expanded{height:50vh!important;min-height:200px!important}.mwd-chatpanel:not(.mwd-chatpanel--expanded) .mwd-chat-messages,.mwd-chatpanel:not(.mwd-chatpanel--expanded) .mwd-chat-input-area{display:none}.mwd-chat-messages{flex:1;overflow-y:auto;padding:4px 12px;display:flex;flex-direction:column;gap:1px}.mwd-chat-msg{font-size:.75rem;color:var(--text-secondary);white-space:normal;word-break:break-all}.mwd-chat-empty{font-size:.75rem;color:var(--text-dim);text-align:center;padding:8px}.mwd-chat-input-area{display:flex;gap:6px;padding:4px 8px;border-top:1px solid var(--border-color);height:32px}.mwd-chat-input{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;padding:2px 8px;color:var(--text-primary);font-size:.75rem;outline:none}.mwd-chat-input:focus{border-color:var(--accent-blue)}.mwd-btn-primary{background:var(--accent-blue);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.mwd-btn-primary:hover{background:#2563eb;box-shadow:0 0 12px #3b82f64d}.mwd-btn-primary:disabled{opacity:.5;cursor:not-allowed}.mwd-btn-danger{background:var(--accent-red);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.mwd-btn-danger:hover{background:#dc2626}.mwd-btn-danger:disabled{opacity:.5;cursor:not-allowed}.mwd-btn-sm{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px 12px;font-size:.8rem;cursor:pointer;transition:all .1s}.mwd-btn-sm:hover{border-color:var(--accent-blue);background:var(--bg-card-hover)}.mwd-btn-sm:disabled{opacity:.4;cursor:not-allowed}.mwd-btn-active{border-color:var(--accent-blue)!important;background:#3b82f626!important;color:var(--accent-blue)!important}.mwd-gathering-active{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px}.mwd-gather-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.altar-page{padding:20px 24px}.altar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.altar-title{color:#f5efe6;font-size:1.3rem;font-weight:700;margin:0}.altar-header-stats{display:flex;gap:24px}.altar-hs-item{display:flex;flex-direction:column;align-items:center;gap:2px}.altar-hs-label{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.altar-hs-value{font-size:1.1rem;font-weight:700;color:#f1f5f9}.altar-hs-echoes{color:#e8c46a!important}.altar-hs-sp{color:#a78bfa!important}.altar-body{display:flex;gap:20px}.mwd-main-area--primary{padding-bottom:0}.mwd-main-area--primary .mwd-quest-right{display:none}.mwd-mainview--primary{padding:8px 12px 12px;overflow:hidden}.mwd-mainview--primary>*{flex:1;min-width:0;min-height:0}.system-primary-page{display:flex;width:100%;height:100%;min-width:0;min-height:0;padding:8px;background:linear-gradient(135deg,#050d1994,#101f3080)}.system-primary-page>*{flex:1;min-width:0;min-height:0}.system-primary-page--flush{padding:0;background:transparent}.mwd-root--fullscreen-shell .mwd-top-spacer{height:92px;min-height:92px}.mwd-root--fullscreen-shell .mwd-top-plate{position:absolute;inset:0 0 auto 0;height:92px;padding:0 18px 0 8px;align-items:center;border-bottom:1px solid rgba(105,139,173,.5);background:linear-gradient(180deg,#060e19f7,#0a1727f0);box-shadow:0 7px 24px #00000052,inset 0 -1px #c2ddf414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mwd-root--fullscreen-shell .cnp-root{width:306px;height:92px;flex:0 0 306px;margin:0;transform:none;filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}.mwd-root--fullscreen-shell .cnp-avatar-slot{left:15px;top:10px;width:72px;height:72px}.mwd-root--fullscreen-shell .cnp-avatar-frame{left:5px;top:0;width:92px;height:92px}.mwd-root--fullscreen-shell .cnp-info{left:60px;top:10px;width:246px;height:72px;padding:5px 9px 5px 44px}.mwd-root--fullscreen-shell .cnp-name-row{height:18px;gap:6px;padding:0}.mwd-root--fullscreen-shell .cnp-name{font-size:12px}.mwd-root--fullscreen-shell .cnp-level-text{padding:1px 6px;border-radius:6px;font-size:9px}.mwd-root--fullscreen-shell .cnp-status-stack{gap:2px;margin-top:2px}.mwd-root--fullscreen-shell .cnp-status{gap:4px}.mwd-root--fullscreen-shell .cnp-status-track{height:11px;border-radius:3px}.mwd-root--fullscreen-shell .cnp-status--echo .cnp-status-track{height:8px}.mwd-root--fullscreen-shell .cnp-status-label{flex-basis:24px;font-size:8px}.mwd-root--fullscreen-shell .cnp-status-value{right:4px;font-size:8px}.mwd-root--fullscreen-shell .cnp-status--echo .cnp-status-label{flex-basis:24px}.mwd-root--fullscreen-shell .mwd-top-right-col{width:min(420px,24vw);height:84px;flex:0 0 min(420px,24vw);min-width:330px;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;margin-left:8px;margin-right:270px}.mwd-root--fullscreen-shell .mwd-top-status-row{height:38px;display:flex;align-items:center;justify-content:flex-end;gap:6px}.mwd-root--fullscreen-shell .mwd-currency-bar{position:absolute;z-index:2;top:4px;right:110px;width:auto;min-width:176px;height:30px;margin:0;padding:1px 10px;border-radius:3px;background:#0a1624b8}.mwd-root--fullscreen-shell .mwd-global-buff-bar{position:absolute;z-index:3;top:38px;right:110px;width:auto;min-width:176px;min-height:34px;margin:0;padding:0;justify-content:flex-end;background:transparent;border-color:transparent}.mwd-root--fullscreen-shell .mwd-actionbar{width:100%;margin:0}.mwd-root--fullscreen-shell .mwd-main-area{min-height:0;padding:0;background:#040a136b}.mwd-root--fullscreen-shell{background:#07111e}.mwd-root--fullscreen-shell .mwd-main-area{background:#081321}.mwd-root--fullscreen-shell .mwd-mainview{padding:10px 12px 12px;background:#0b1726}.mwd-root--fullscreen-shell .mwd-top-actions,.mwd-root--fullscreen-shell .mwd-right-btns,.mwd-root--fullscreen-shell .mwd-market-shop,.mwd-root--fullscreen-shell .mwd-chat-overlay,.mwd-root--fullscreen-shell .mwd-adventure-btn,.mwd-root--fullscreen-shell .mwd-version-corner{display:none}.mwd-root--fullscreen-shell .mwd-view-controls{top:12px;right:12px;left:auto;z-index:80}.mwd-root--fullscreen-shell{--utility-panel-width:420px}.mwd-root--fullscreen-shell .mwd-main-area{transition:padding-right .2s ease}.mwd-root--fullscreen-shell .mwd-main-area--utility-open{width:calc(100% - var(--utility-panel-width));flex:1 1 auto;align-self:flex-start;padding-right:0}.mwd-root--fullscreen-shell .mwd-attr-left-panel{display:flex;left:auto;right:0;top:138px;width:var(--utility-panel-width);height:calc(100vh - 138px);border-radius:0;border-width:0 0 0 1px;z-index:75;animation:none}.mwd-root--fullscreen-shell .inv-pop-panel{left:auto!important;right:0!important;top:138px!important;width:var(--utility-panel-width);height:calc(100vh - 138px);border-radius:0;border-width:0 0 0 1px;z-index:75!important;box-shadow:none;animation:none}.mwd-root--fullscreen-shell .inv-pop-header{cursor:default}.mwd-root--fullscreen-shell .inv-pop-panel,.mwd-root--fullscreen-shell .mwd-attr-left-panel{background:linear-gradient(180deg,#08121ffa,#0c1928f7);border-left-color:#6084a69e}.mwd-root--fullscreen-shell .inv-pop-header,.mwd-root--fullscreen-shell .mwd-attr-left-header{height:48px;min-height:48px;padding:0 16px;color:#dce9f5;border-bottom:1px solid rgba(95,130,164,.48);background:#050d17ad}.mwd-root--fullscreen-shell .mwd-attr-left-close{display:none}.mwd-root--fullscreen-shell .inv-pop-body{padding:12px 14px 18px}.mwd-root--fullscreen-shell .inv-pop-close--main,.mwd-root--fullscreen-shell .inv-pop-close{border-radius:3px;background:#152433d1}.game-shell-quick-actions{position:fixed;z-index:78;top:92px;right:0;bottom:auto;width:var(--utility-panel-width);height:46px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:3px;margin:0;padding:2px 8px;box-sizing:border-box;border:1px solid rgba(99,132,164,.45);border-width:1px 0 1px 1px;border-radius:0;background:#07111ef0;box-shadow:0 8px 24px #00000040}.game-shell-quick-actions button{width:auto;height:40px;display:flex;align-items:center;justify-content:center;gap:4px;color:#91a5b9;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;font-size:10px}.game-shell-quick-actions button img{width:25px;height:25px;-o-object-fit:contain;object-fit:contain;opacity:.76}.game-shell-quick-actions button:hover,.game-shell-quick-actions button.is-active{color:#f1dfaa;border-color:#bea05d94;background:#4339256b}.game-shell-quick-actions button:hover img,.game-shell-quick-actions button.is-active img{opacity:1;filter:drop-shadow(0 0 5px rgba(211,184,110,.4))}.life-skill-bar{align-self:flex-end;flex:0 1 720px;min-width:620px;max-width:720px;height:68px;display:flex;align-items:stretch;gap:1px;margin:0 8px 3px;padding:0;overflow-x:auto;border:0;background:transparent;scrollbar-width:none}.life-skill-bar::-webkit-scrollbar{display:none}.life-skill-bar__item{position:relative;min-width:84px;flex:1;display:flex;align-items:center;gap:5px;padding:6px 5px 8px;color:#9fb2c5;border:0;border-radius:0;background:transparent;cursor:pointer;text-align:left}.life-skill-bar__item:after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;background:transparent}.life-skill-bar__item:hover,.life-skill-bar__item.is-active{color:#f1dfaa;background:linear-gradient(180deg,transparent,rgba(66,78,86,.3));box-shadow:none}.life-skill-bar__item.is-active:after{background:#d3b46b;box-shadow:0 0 7px #d3b46b7a}.life-skill-bar__item img{width:31px;height:31px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.life-skill-bar__item>span{min-width:0;flex:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 4px}.life-skill-bar__item strong{font-size:10px}.life-skill-bar__item small{color:#d5bb75;font-size:9px}.life-skill-bar__item i{grid-column:1/-1;height:2px;overflow:hidden;background:#26384a}.life-skill-bar__item i b{display:block;height:100%;background:linear-gradient(90deg,#598bb6,#d2b56e)}.mwd-root--fullscreen-shell .mwd-chat-overlay.game-chat-dock{display:block;left:12px;right:auto;bottom:12px;width:360px;z-index:74;border:1px solid rgba(90,125,158,.62);background:#081522;box-shadow:0 12px 32px #00000073}.game-chat-dock__toggle{width:100%;height:36px;padding:0 10px;display:flex;align-items:center;gap:8px;color:#dce8f3;border:0;background:#102238;cursor:pointer;text-align:left}.game-chat-dock__toggle span{font-size:12px;font-weight:700}.game-chat-dock__toggle small{flex:1;color:#7890a8;font-size:10px}.game-chat-dock__toggle b{color:#d8bd78;font-size:17px}.game-chat-dock:not(.is-collapsed){width:380px}.game-chat-dock:not(.is-collapsed) .mwd-chatpanel{width:100%;height:250px;border:0;border-radius:0;background:#091724}.game-chat-dock.is-collapsed{width:300px}.game-shell-action-dock{position:relative;top:-12px;width:100%;height:40px;padding:0;border:0;background:transparent;box-shadow:none}.game-shell-action-dock .mwd-actionbar{width:100%;margin:0}.game-shell-action-dock .mwd-actionbar-inner{height:40px;box-sizing:border-box}.mwd-root--fullscreen-shell .cnp-info{border:0;clip-path:none;background:transparent;box-shadow:none}.mwd-root--fullscreen-shell .cnp-info:before{display:none}.game-shell-nav{width:212px;min-width:212px;display:flex;flex-direction:column;min-height:0;color:#dfeaf5;border-right:1px solid rgba(94,127,159,.55);background:linear-gradient(90deg,#060e19f7,#0c1929e8);box-shadow:10px 0 28px #0000003d,inset -1px 0 #cfe4f60a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-shell-nav__brand{height:58px;padding:11px 16px 8px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(91,122,153,.35)}.game-shell-nav__brand span{color:#7890a8;font-size:9px;letter-spacing:.18em}.game-shell-nav__brand strong{color:#e9f3fc;font-size:15px;letter-spacing:.12em;font-weight:600}.game-shell-nav__scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 18px;scrollbar-width:thin}.game-shell-nav__group{margin-bottom:10px}.game-shell-nav__group h2{margin:0 8px 5px;color:#7890a8;font-size:10px;font-weight:500;letter-spacing:.14em}.game-shell-nav__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.game-shell-nav__item{min-width:0;height:44px;padding:4px 7px;display:flex;align-items:center;gap:6px;color:#aebfd0;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;font-size:11px;text-align:left;transition:.15s ease}.game-shell-nav__item img{width:27px;height:27px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;opacity:.78}.game-shell-nav__item:hover{color:#f2f7fc;border-color:#6f97be61;background:#34526e47}.game-shell-nav__item.is-active{color:#f5e5b4;border-color:#c0a465b8;background:linear-gradient(90deg,#68512785,#283c4f7a);box-shadow:inset 3px 0 #d6b969,0 0 14px #568fc11a}.game-shell-nav__item.is-active img{opacity:1;filter:drop-shadow(0 0 5px rgba(211,185,112,.45))}.game-shell-top-logout{position:fixed;z-index:82;top:4px;right:18px;width:80px;height:30px;padding:0 10px;color:#aebfd0;border:1px solid rgba(101,126,151,.48);border-radius:3px;background:#0a1624d1;cursor:pointer;font-size:11px}.game-shell-top-logout:hover{color:#ffd0d0;border-color:#bc5b669e;background:#5b1f2885}.system-empty-page{width:100%;height:100%;display:grid;place-content:center;gap:8px;text-align:center;border:1px solid rgba(99,132,165,.45);background:#08121fd1}.system-empty-page h2{color:#e7eff7;font-size:22px;letter-spacing:.14em}.system-empty-page p{color:#71879d;font-size:12px}@media (max-width:1480px){.mwd-root--fullscreen-shell .mwd-top-right-col{display:none}.game-shell-quick-actions button{width:46px}}@media (max-width:1100px){.game-shell-quick-actions button{width:43px}.game-shell-quick-actions button span{display:none}.life-skill-bar{min-width:300px}.life-skill-bar__item{min-width:76px}.life-skill-bar__item img{width:28px;height:28px}.life-skill-bar__item strong{font-size:10px}}@media (max-width:1200px){.mwd-root--fullscreen-shell{--utility-panel-width:360px}}@media (max-width:900px){.game-shell-nav{width:76px;min-width:76px}.game-shell-nav__brand{padding:8px;text-align:center}.game-shell-nav__brand span{display:none}.game-shell-nav__brand strong{font-size:11px}.game-shell-nav__grid{grid-template-columns:1fr}.game-shell-nav__group h2{text-align:center;margin:6px 0 4px;font-size:9px}.game-shell-nav__item{justify-content:center;padding:4px}.game-shell-nav__item span{display:none}.mwd-root--fullscreen-shell{--utility-panel-width:min(360px, calc(100vw - 76px) )}}.mwd-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}.mwd-background-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#0a0e1a}.mwd-background-layer--image{background-size:cover;background-position:center;background-repeat:no-repeat}.mwd-background-layer--enter{animation:mwd-background-fade-in .8s ease both}.mwd-background-layer--leave{animation:mwd-background-fade-out .8s ease both}.mwd-background-layer--idle{opacity:0}@keyframes mwd-background-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mwd-background-fade-out{0%{opacity:1}to{opacity:0}}.mwd-view-controls{position:fixed;top:134px;left:28px;right:auto;z-index:10050!important;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.mwd-view-control{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 10px;border:1px solid rgba(159,190,216,.48);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);color:#cfe8f7;background:linear-gradient(180deg,#1f334bf0,#08111ef5);box-shadow:inset 0 1px #ffffff21,0 5px 12px #00000052;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer}.mwd-view-control:hover{color:#fff;border-color:#84d0f7cc;filter:brightness(1.14)}.mwd-view-control:disabled{opacity:.58;cursor:wait;filter:saturate(.55)}.mwd-view-control__icon{color:#77c9ef;font-size:12px}.mwd-ui-toggle--restore{border-color:#dfbe68a8;color:#f4dda2;background:linear-gradient(180deg,#4a3a1ff2,#19130bf5)}.mwd-ui-toggle--restore .mwd-view-control__icon{color:#f1c765}.mwd-root--ui-hidden>:not(.mwd-background-layer):not(.mwd-background-click-layer):not(.mwd-view-controls){visibility:hidden!important;pointer-events:none!important}.mwd-background-click-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10040!important;overflow:hidden;pointer-events:none}.mwd-background-click{position:absolute;width:16px;height:16px;transform:translate(-50%,-50%);border:1px solid rgba(151,220,255,.9);border-radius:50%;box-shadow:0 0 7px #50b5eb85,inset 0 0 5px #bce9ff52;animation:mwd-background-click-ring .5s cubic-bezier(.18,.72,.2,1) forwards}.mwd-background-click:before,.mwd-background-click:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#c9efff 42%,#fff 50%,#c9efff 58%,transparent);transform:translate(-50%,-50%);box-shadow:0 0 5px #75cdf8b8}.mwd-background-click:before{width:22px;height:1px}.mwd-background-click:after{width:1px;height:22px}@keyframes mwd-background-click-ring{0%{width:10px;height:10px;opacity:0;filter:brightness(1.8)}18%{opacity:1}to{width:52px;height:52px;opacity:0;filter:brightness(.9)}}@media (prefers-reduced-motion: reduce){.mwd-background-click{display:none}.mwd-background-layer--enter,.mwd-background-layer--leave{animation-duration:.01ms}}@media (max-width: 640px){.mwd-view-controls{top:116px;left:18px;right:auto}.mwd-view-control{padding:5px 8px}.mwd-view-control span:last-child{display:none}}.altar-tabs{display:flex;gap:6px;padding:0 0 14px}.altar-tab{border:1px solid rgba(148,163,184,.28);border-radius:6px;padding:8px 18px;color:#94a3b8;background:#0f172a8c;cursor:pointer}.altar-tab.active{border-color:#facc15a6;color:#fde68a;background:#713f1259}.altar-proficiency-panel{padding:16px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#0f172a6b}.altar-proficiency-note{margin-bottom:14px;color:#94a3b8;font-size:13px;line-height:1.6}.altar-proficiency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.altar-proficiency-card{position:relative;overflow:hidden;padding:14px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#02061775}.altar-proficiency-card:after,.altar-armor-proficiency-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(105deg,#020617eb,#020617b3 48%,#020617e0)}.altar-proficiency-card>:not(.altar-proficiency-card-bg),.altar-armor-proficiency-card>:not(.altar-armor-proficiency-bg){position:relative;z-index:1}.altar-proficiency-card-bg,.altar-armor-proficiency-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.altar-proficiency-card--equipped .altar-proficiency-card-bg,.altar-armor-proficiency-card--active .altar-armor-proficiency-bg{opacity:.48}.altar-proficiency-card--equipped{border-color:#facc15a6;box-shadow:inset 0 0 16px #facc1512}.altar-proficiency-card-head{display:flex;justify-content:space-between;gap:10px}.altar-proficiency-card-head strong,.altar-proficiency-card-head span{display:block}.altar-proficiency-card-head strong{color:#e2e8f0}.altar-proficiency-card-head span{margin-top:2px;color:#64748b;font-size:10px}.altar-proficiency-card-head em{color:#fde68a;font-size:11px;font-style:normal}.altar-proficiency-level{margin-top:12px;color:#f8fafc;font-size:20px;font-weight:700}.altar-proficiency-bar{height:6px;margin-top:8px;overflow:hidden;border-radius:999px;background:#334155bf}.altar-proficiency-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d97706,#facc15)}.altar-proficiency-exp{margin-top:5px;color:#94a3b8;font-size:11px;text-align:right}.altar-proficiency-bonus{margin-top:10px;color:#86efac;font-size:13px}.altar-proficiency-empty{grid-column:1 / -1;padding:40px;color:#64748b;text-align:center}.altar-armor-proficiency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.altar-armor-proficiency-card{position:relative;min-width:0;padding:12px;border:1px solid rgba(130,153,181,.2);border-radius:5px 15px;background:linear-gradient(150deg,#1d2b3ce6,#060c14f7);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0000004d;filter:saturate(.62) brightness(.82)}.altar-armor-proficiency-card--active{border-color:#e1be6aad;box-shadow:inset 0 1px #fff2c71f,0 12px 28px #00000061,0 0 18px #d7ae4b24;filter:none}.altar-armor-proficiency-status{color:#728397;font-size:11px;text-align:right}.altar-armor-proficiency-card--active .altar-armor-proficiency-status{color:#e4c678}.altar-armor-proficiency-name{color:#e5edf6;font-size:18px;font-weight:800;letter-spacing:.14em}@media (max-width: 760px){.altar-armor-proficiency-grid{grid-template-columns:1fr}}.altar-section{flex:1;min-width:0}.altar-section-title{color:#cbd5e1;font-size:1rem;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:10px}.altar-sp-badge{font-size:.75rem;font-weight:500;color:#a78bfa;background:#a78bfa1a;padding:2px 10px;border-radius:10px}.altar-section--level{border-right:1px solid rgba(255,255,255,.05);padding-right:20px}.altar-maxed{color:gold;font-size:1.2rem;font-weight:700;text-align:center;padding:40px 0}.altar-level-card{background:#1e293b59;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px}.altar-level-desc{color:#94a3b8;font-size:.8rem;margin:0 0 12px}.altar-level-desc strong{color:#fbbf24}.altar-level-bar-wrap{display:flex;align-items:center;gap:10px;margin-bottom:12px}.altar-level-bar{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.altar-level-bar-fill{height:100%;background:linear-gradient(90deg,#e8c46a,#fbbf24);border-radius:4px;transition:width .4s ease}.altar-level-bar-text{font-size:.7rem;color:#64748b;white-space:nowrap}.altar-level-target{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.altar-level-target-label{color:#cbd5e1;font-size:.85rem;font-weight:600}.altar-level-target-cost{color:#60a5fa;font-size:.8rem;font-weight:600}.altar-level-target-cost--low{color:#ef4444}.altar-level-btn{width:100%;padding:10px 0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.5px}.altar-level-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 16px #f59e0b4d;transform:translateY(-1px)}.altar-level-btn:disabled{opacity:.4;cursor:not-allowed}.altar-stats-list{display:flex;flex-direction:column;gap:6px}.altar-stat-row{display:flex;justify-content:space-between;align-items:center;background:#0f172980;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:10px 14px;transition:background .15s,border-color .15s}.altar-stat-row:hover{background:#0f1729cc;border-color:#ffffff14}.altar-stat-left{display:flex;align-items:center;gap:10px}.altar-stat-icon-img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.altar-stat-meta{display:flex;flex-direction:column;gap:1px}.altar-stat-name{font-size:.85rem;font-weight:600;color:#f1f5f9}.altar-stat-tip{font-size:.65rem;color:#64748b;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.altar-stat-right{display:flex;align-items:center;gap:12px}.altar-stat-val{font-size:1.05rem;font-weight:700;color:#f1f5f9;min-width:24px;text-align:center}.altar-stat-ctrl{display:flex;gap:4px}.altar-stat-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#1e293b80;color:#cbd5e1;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;line-height:1}.altar-stat-btn:hover:not(:disabled){background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.altar-stat-btn:disabled{opacity:.3;cursor:not-allowed}.altar-stat-btn--plus:hover:not(:disabled){background:#22c55e26;border-color:#22c55e66;color:#4ade80}.altar-stat-btn--reset:hover:not(:disabled){background:#ef444426;border-color:#ef444466;color:#f87171}.altar-reset-badge{margin-left:8px;padding:2px 8px;border-radius:10px;background:#a855f71f;color:#c4b5fd;font-size:.72rem;font-weight:600}.altar-presets{margin-top:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.altar-presets-label{font-size:.72rem;color:#64748b;margin-right:4px}.altar-preset-btn{padding:4px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#1e293b66;color:#94a3b8;font-size:.72rem;font-weight:500;cursor:pointer;transition:all .15s}.altar-preset-btn:hover:not(:disabled){background:#f59e0b1f;border-color:#f59e0b66;color:#fbbf24}.altar-preset-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 700px){.altar-body{flex-direction:column}.altar-section--level{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding-right:0;padding-bottom:16px}}CODEX ============================================================ */ .codex-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.codex-count{font-size:.85rem;color:var(--accent-yellow);font-weight:600}.codex-search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;color:var(--text-primary);font-size:.8rem;outline:none;width:200px}.codex-search:focus{border-color:var(--accent-blue)}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px}.codex-item{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:8px}.codex-item-code{font-size:.65rem;color:var(--text-dim);font-family:var(--font-mono)}.codex-item-name{font-size:.85rem;color:var(--text-primary);font-weight:600}.codex-item-source{font-size:.7rem;color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media (max-width: 900px){.mwd-chatpanel{height:32px;min-height:32px}}@media (max-width: 640px){.mwd-leftnav{width:120px;min-width:120px}.mwd-skill-nav-btn{padding:5px 6px;gap:6px}.mwd-skill-nav-icon{width:34px;height:34px}.mwd-skill-nav-name{font-size:.65rem}.mwd-skill-nav-lv{font-size:.58rem}.sp-inventory-grid{grid-template-columns:repeat(2,1fr)}}.mwd-action-bar{position:relative;background:linear-gradient(90deg,#0d1b2ad9,#1b2838d9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #2a3a4a;min-height:46px;overflow:hidden}.mwd-action-bar-progress-wrap{position:absolute;top:0;left:0;width:100%;height:3px;background:#1e293b}.mwd-action-bar-progress-fill{height:100%;transition:width .1s linear}.mwd-action-bar-content{display:flex;align-items:center;justify-content:space-between;padding:9px 16px 6px}.mwd-action-bar-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.mwd-action-icon{font-size:18px}.mwd-action-label{color:#e2e8f0;font-size:13px;font-weight:700}.mwd-action-detail{color:#94a3b8;font-size:12px}.mwd-action-bar-center{display:flex;align-items:center;gap:12px;flex-shrink:0}.mwd-action-stat{color:#cbd5e1;font-size:12px;white-space:nowrap}.mwd-action-bar-right{display:flex;align-items:center;flex-shrink:0}.mwd-btn-danger-sm{padding:4px 12px;border-radius:4px;border:none;cursor:pointer;font-size:13px;background:#dc2626;color:#fff}.mwd-btn-danger-sm:hover{background:#b91c1c}.mwd-toast-container{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.mwd-toast-item{background:#1a1a2e;border:1px solid #3b82f6;border-radius:8px;padding:8px 20px;color:#e2e8f0;font-size:13px;white-space:nowrap;box-shadow:0 4px 16px #0009;animation:mwd-toast-in .3s ease-out}@keyframes mwd-toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.sp-inv-tooltip{display:block;position:fixed;min-width:220px;max-width:280px;background:#1a1a2e;border:1px solid #334155;border-radius:8px;padding:10px 12px;z-index:2147483647;box-shadow:0 4px 16px #00000080;pointer-events:auto}.sp-inv-tooltip--hidden{display:none!important}.item-tooltip-hover{position:fixed;z-index:2147483647;width:210px;background:#18181f;border:1px solid #2a2a3e;border-radius:6px;padding:0;box-shadow:0 6px 24px #000000b3,0 0 0 1px #ffffff0a;pointer-events:none;overflow:hidden;font-family:Microsoft YaHei,PingFang SC,sans-serif}.tt-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.tt-item-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid;border-radius:5px;background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--tt-rarity-color) 20%,transparent),transparent 72%),#0d111a;box-shadow:inset 0 1px #ffffff1a,0 0 8px color-mix(in srgb,var(--tt-rarity-color) 16%,transparent)}.tt-item-icon img{display:block;width:34px;height:34px;-o-object-fit:contain;object-fit:contain}.tt-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tt-heading-meta{display:flex;align-items:center;gap:5px;min-width:0;color:#7a8ba0;font-size:10px;line-height:1.2}.tt-rarity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tt-name{display:block;font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-rarity-badge{font-size:9px;font-weight:600;color:#fff;padding:1px 6px;border-radius:3px;flex-shrink:0;line-height:1.4}.tt-body{padding:6px 10px 8px}.tt-meta{display:flex;gap:10px;font-size:11px;color:#7a8ba0;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.tt-section-title{font-size:10px;font-weight:700;color:#8a9bb5;margin-bottom:3px;letter-spacing:.04em}.tt-stats{margin-bottom:5px}.tt-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.tt-stat{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:1px 0}.tt-stat-label{color:#6b7d95}.tt-stat-value{font-weight:600;color:#d0d8e8}.tt-scaling{margin-bottom:5px}.tt-scaling-text{font-size:11px;color:#b8c8e0}.tt-req-stats{margin-bottom:5px}.tt-req-text{font-size:11px;color:#f59e0b}.tt-desc{border-top:1px solid rgba(255,255,255,.06);padding-top:5px}.tt-desc-text{font-size:10px;font-style:italic;color:#5a6a80;line-height:1.5}.tt-unknown{font-size:11px;color:#64748b}.sp-tt-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sp-tt-icon{font-size:22px;line-height:1}.sp-tt-name{font-size:14px;font-weight:700}.sp-tt-desc{font-size:12px;color:#94a3b8;margin-bottom:4px;line-height:1.4}.sp-tt-source,.sp-tt-usage{font-size:11px;color:#64748b;margin-top:2px}@media (max-width: 480px){.game-root{overflow-x:hidden;height:100vh}.mwd-topbar{flex-wrap:nowrap;padding:4px 6px;gap:4px;min-height:36px;height:auto}.mwd-topbar-skills{gap:4px;overflow-x:auto;flex:1;min-width:0}.mwd-skill-block{min-width:70px;padding:2px 4px}.mwd-skill-label,.mwd-skill-level{font-size:8px}.mwd-skill-exp{font-size:7px}.mwd-skill-bar-track{height:2px}.mwd-topbar-left .mwd-logo{font-size:11px}.mwd-topbar-stats{gap:4px}.mwd-topbar-stat{font-size:9px}.mwd-main-area{flex:1;flex-direction:column;overflow-y:auto;min-height:0}.mwd-leftnav{width:100%;min-width:unset;flex-direction:row;overflow-x:auto;padding:4px 6px;gap:0;border-right:none;border-bottom:none;flex-shrink:0;background:linear-gradient(90deg,#0f172ad9,#0f172a99 40%,#0f172a33 75%,#0f172a00);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(90deg,black 0%,black 50%,transparent 100%);mask-image:linear-gradient(90deg,black 0%,black 50%,transparent 100%)}.mwd-leftnav-skills{flex-direction:row;gap:4px}.mwd-skill-nav-btn{width:auto;flex-direction:row;gap:5px;padding:3px 7px;border-radius:6px}.mwd-skill-nav-icon{width:22px;height:22px;border-radius:4px}.mwd-skill-nav-name{font-size:.6rem}.mwd-skill-nav-lv{font-size:.55rem}.mwd-mainview{flex:none;min-width:unset;padding:4px;min-height:0;overflow:visible}.mwd-sidepanel{position:fixed;top:auto;bottom:80px;right:0;width:70vw;max-width:300px;max-height:55vh;overflow-y:auto;border-left:1px solid var(--border-color);border-top:none;border-radius:8px 0 0 8px;z-index:100;box-shadow:-4px 0 16px #0006}.mwd-sidepanel--collapsed{width:32px!important;min-width:32px!important;max-height:32px!important;overflow:hidden;position:fixed;right:0;bottom:80px;z-index:100;border-radius:8px 0 0 8px}.mwd-chatpanel{height:32px;min-height:32px}.mwd-chatpanel--expanded{height:40vh!important;min-height:100px!important}.mwd-chat-messages{font-size:10px;padding:2px 6px}.mwd-chat-input{font-size:11px}.mwd-chat-input-area{height:28px}.mwd-module-card{padding:6px}.mwd-action-bar{flex-wrap:wrap;padding:2px 4px;gap:3px;min-height:30px}.mwd-action-bar button,.mwd-action-bar .mwd-btn-sm,.mwd-btn-sm{font-size:10px;padding:3px 8px}.bv-title{font-size:14px}.ct-msg-item{padding:3px 4px}.ct-msg-sender{font-size:10px}.ct-msg-body{font-size:11px}.ct-msg-time{font-size:9px}.sp-panel{padding:6px}.sp-title{font-size:12px}.sp-stat-row{font-size:11px}.mwd-toast-container{top:40px}.mwd-toast-item{font-size:11px;padding:5px 12px}}.skl-page{padding:8px;height:100%;display:flex;flex-direction:column;min-height:0}.skl-frame-outer{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:none;background:#0a1428bf;border:2px solid rgba(200,170,100,.35);border-radius:4px;overflow:hidden;box-shadow:inset 0 0 60px #0a142880,0 0 30px #0000004d}.skl-frame-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0f172ae6;border-bottom:1px solid rgba(200,170,100,.2);flex-shrink:0}.skl-title{margin:0;font-size:1.1rem;color:#e8c46a;font-weight:600}.skl-header-row{display:flex;align-items:center;gap:10px}.skl-level{font-size:.9rem;color:#fbbf24;font-weight:700;background:#fbbf241a;padding:3px 14px;border-radius:12px;border:1px solid rgba(251,191,36,.2)}.skl-content{flex:1;padding:16px 16px 50px;overflow-y:auto;background:#080f1eb8;animation:skl-fade-in .25s ease}.skl-content--gather{min-height:0;padding-bottom:16px;overflow:hidden}.area-action-dock{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:78px;padding:10px 18px;border:1px solid rgba(211,181,112,.38);border-radius:10px;background:linear-gradient(180deg,#141d2ef0,#080e1bf7);box-shadow:inset 0 1px #ffffff14,0 -8px 24px #00000042,0 8px 28px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.area-action-dock--gather{margin:0 16px 16px}.area-action-dock__selection{color:#e7d7ad;font-size:12px;font-weight:600;letter-spacing:.08em}.area-action-dock__buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.area-action-btn{position:relative;min-width:146px;padding:9px 22px;overflow:hidden;color:#eef5ff;border:1px solid rgba(128,173,222,.68);border-radius:7px;background:linear-gradient(180deg,#315a83,#1c3b61 48%,#132b4a);box-shadow:inset 0 1px #ffffff3d,inset 0 -2px #0000004d,0 4px 12px #050f1e80,0 0 12px #4b97dc24;font-size:13px;font-weight:700;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.7);cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.area-action-btn:before{content:"";position:absolute;inset:1px 10px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}.area-action-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.16);box-shadow:inset 0 1px #ffffff47,0 7px 18px #050f1e94,0 0 18px #53a5eb40}.area-action-btn--boss{color:#fff1d2;border-color:#e0ab4abf;background:linear-gradient(180deg,#81602b,#5f401b,#392711);box-shadow:inset 0 1px #fff3c247,inset 0 -2px #00000052,0 4px 14px #2b180380,0 0 14px #e0ab4a24}.area-action-btn--danger{color:#ffe8e8;border-color:#d35c69b8;background:linear-gradient(180deg,#763943,#54242e 52%,#351820)}.area-action-btn:disabled{color:#778294;border-color:#6f7c8f47;background:linear-gradient(180deg,#283241,#1b2431);box-shadow:inset 0 1px #ffffff0a;cursor:not-allowed;filter:saturate(.5)}.loot-preview{margin:8px 0 10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.loot-preview__title{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;color:#d6b66f;font-size:11px;font-weight:700}.loot-preview__title span{color:#64748b;font-size:9px;font-weight:400}.loot-preview__grid{display:grid;grid-template-columns:repeat(auto-fill,40px);gap:6px}.loot-preview__entry{min-width:0;cursor:default}.loot-preview__icon{position:relative;aspect-ratio:1;overflow:hidden;border:2px solid #8b8b8b;border-radius:4px;background:#101018}.loot-preview__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.loot-preview__quantity,.loot-preview__rate{position:absolute;padding:0;border-radius:0;background:transparent;line-height:12px;font-size:8px;font-weight:700;-webkit-text-stroke:1px rgba(0,0,0,.9);paint-order:stroke fill;text-shadow:0 1px 2px #000,0 0 3px #000}.loot-preview__quantity{right:1px;top:1px;color:#e2e8f0}.loot-preview__rate{right:1px;bottom:1px;color:#fbbf24}.loot-preview__name{margin-top:2px;overflow:hidden;color:#94a3b8;font-size:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.loot-preview--compact{margin-bottom:0}.loot-preview--compact .loot-preview__grid{grid-template-columns:repeat(auto-fill,30px);gap:4px}.loot-secondary-tip{position:fixed;z-index:2147483647;width:230px;padding:9px;color:#cbd5e1;background:#11111a;border:1px solid #303044;border-radius:6px;box-shadow:0 8px 28px #000000c7;pointer-events:none;font-family:Microsoft YaHei,PingFang SC,sans-serif}.loot-secondary-tip__header{display:flex;align-items:center;gap:8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.07)}.loot-secondary-tip__header img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;background:#181824;border:2px solid #8b8b8b;border-radius:4px}.loot-secondary-tip__name{font-size:13px;font-weight:700}.loot-secondary-tip__rarity{margin-top:2px;color:#78869a;font-size:9px}.loot-secondary-tip__meta{display:flex;gap:10px;padding:6px 0;color:#8a9bb5;font-size:10px}.loot-secondary-tip__description{padding-top:6px;border-top:1px solid rgba(255,255,255,.06);color:#9ba8ba;font-size:10px;line-height:1.55}.loot-secondary-tip__line{display:flex;gap:7px;margin-top:5px;color:#78869a;font-size:10px;line-height:1.4}.loot-secondary-tip__line b{flex-shrink:0;color:#b6a16d;font-weight:600}.skl-control-bar{display:flex;gap:8px;margin-bottom:14px}.skl-node-item{padding:10px 14px;margin-bottom:8px;border-radius:6px;cursor:pointer;background:#1a1a2eb3;border:1px solid rgba(42,42,62,.5);transition:all .15s}.skl-node-item:hover{background:#1e2846cc;border-color:#c8aa6440}.skl-node-item--active{background:#1e3a5fb3;border-color:#00bcd480}.skl-node-item--locked{opacity:.45;cursor:not-allowed}.skl-node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.skl-node-name{color:#f1f5f9;font-weight:700;font-size:14px}.skl-node-meta{font-size:12px;color:#94a3b8;display:flex;gap:12px}.skl-node-drops{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.skl-drop-tag{background:#2a2a3e;padding:2px 8px;border-radius:4px;color:#e2e8f0;font-size:11px}.skl-content--craft{padding:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.skl-content--craft .mwd-module-card{flex:1;min-height:0;background:transparent;box-shadow:none;border:none;padding:0 16px}.skl-header-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.skl-header-icon{width:64px;height:64px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.skl-header-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.skl-node-level{flex-shrink:0;color:#cbd5e1;font-size:11px;font-weight:600}.skl-node-level--locked{color:#ef7777}.skl-drop-icon{flex:0 0 auto}.craft-recipe-row-main{display:flex;align-items:center;gap:10px;min-width:0}.craft-recipe-row-name{display:flex;align-items:center;gap:6px;min-width:0}.craft-recipe-row-materials{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;margin-left:auto;text-align:right}.craft-recipe-row-material{display:inline-flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap}.craft-recipe-row-requirements{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;color:#ef7777;font-size:10px;line-height:1.5;text-align:right;white-space:nowrap}.craft-workshop--standard{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;padding:16px!important;overflow:hidden;border:1px solid rgba(190,164,105,.28)!important;background:radial-gradient(circle at 80% 5%,rgba(61,103,145,.16),transparent 34%),linear-gradient(145deg,#0c1626f0,#050b16f7)!important;box-shadow:inset 0 1px #ffffff0f,0 14px 38px #0000004d}.craft-workshop--standard:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(224,194,124,.75),rgba(95,170,224,.45),transparent)}.craft-workshop--standard>*{position:relative;z-index:1}.craft-workshop--standard .altar-tabs{gap:7px!important;margin-bottom:13px!important;padding:0 0 10px;border-bottom:1px solid rgba(174,151,99,.18)}.craft-workshop--standard .altar-tab{position:relative;min-width:92px;padding:8px 16px;border:1px solid rgba(111,137,166,.34);border-radius:5px;color:#8fa2b8;background:linear-gradient(180deg,#253549cc,#0f1927e0);box-shadow:inset 0 1px #ffffff0d;font-weight:600;letter-spacing:.05em;transition:.16s ease}.craft-workshop--standard .altar-tab:hover{color:#d9e6f5;border-color:#90b1d294;filter:brightness(1.1)}.craft-workshop--standard .altar-tab.active{color:#f4dfac;border-color:#dcb55db8;background:linear-gradient(180deg,#664e26d1,#2d2214eb);box-shadow:inset 0 1px #fff0be33,0 0 14px #d3a74621}.craft-workshop--standard .altar-tab.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:#e2b65c;box-shadow:0 0 8px #e2b65cbf}.craft-subtabs{padding:7px;border:1px solid rgba(106,128,151,.18);border-radius:7px;background:#03091247}.craft-subtab{background:#192637cc!important;border:1px solid transparent!important;border-radius:4px!important;color:#8295aa!important}.craft-subtab.active{color:#eed69a!important;border-color:#cea9537a!important;background:linear-gradient(180deg,#5c45229e,#2f2315c2)!important;box-shadow:inset 0 1px #ffffff17}.craft-filter-toggle{padding:5px 9px;border:1px solid rgba(112,136,162,.18);border-radius:5px;background:#08101c7a}.craft-workshop-layout{flex:1;height:auto;min-height:0;overflow:hidden;align-items:stretch}.craft-recipe-library{flex:1.2!important;max-height:none!important;min-height:0;padding:4px 7px 4px 3px;scrollbar-width:none}.craft-recipe-library::-webkit-scrollbar,.craft-detail-panel::-webkit-scrollbar{display:none}.craft-recipe-card{position:relative;margin-bottom:7px!important;padding:10px 12px!important;border:1px solid rgba(100,124,151,.26)!important;border-radius:8px!important;background:linear-gradient(100deg,#1a283ac2,#0a121eb8)!important;box-shadow:inset 0 1px #ffffff0a,0 4px 10px #0000002e;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.craft-recipe-card:hover{transform:translate(3px);border-color:#80a4c78c!important;filter:brightness(1.08)}.craft-recipe-card--ready{border-color:#ae904b61!important;background:linear-gradient(100deg,#372e1db8,#0c1520c2)!important}.craft-recipe-card--selected{border-color:#e7be5ec7!important;background:linear-gradient(100deg,#59421ec7,#161f2bd1)!important;box-shadow:inset 0 1px #ffecb424,0 0 18px #daa8411f!important}.craft-recipe-card--selected:before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#edc46d;box-shadow:0 0 9px #edc46db8}.craft-detail-panel{flex:.9!important;min-width:330px;min-height:0!important;overflow:hidden;padding:15px!important;border:1px solid rgba(181,154,91,.32)!important;border-radius:10px!important;background:linear-gradient(155deg,#182434ed,#070d17f5)!important;box-shadow:inset 0 1px #ffffff12,0 10px 24px #00000038;scrollbar-width:none}.craft-detail-content{height:100%;min-height:0;display:flex;flex-direction:column}.craft-detail-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:none}.craft-detail-scroll::-webkit-scrollbar{display:none}.craft-detail-action-dock{flex:0 0 auto;margin:10px -15px -15px;padding:11px 15px 15px;border-top:1px solid rgba(207,177,105,.27);background:linear-gradient(180deg,#0b1420f0,#050b14fa);box-shadow:0 -10px 22px #0003}.craft-detail-hero{display:flex;align-items:center;gap:13px;margin:-2px -2px 12px;padding:12px;border:1px solid rgba(204,173,100,.25);border-radius:9px;background:radial-gradient(circle at 15% 50%,rgba(89,137,181,.18),transparent 38%),linear-gradient(120deg,#223042e0,#0d1623bf);box-shadow:inset 0 1px #ffffff12}.craft-detail-hero__icon{padding:5px;border:1px solid rgba(218,184,103,.48);border-radius:9px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--craft-rarity-color,#8b8b8b) 42%,transparent),transparent 72%),linear-gradient(145deg,color-mix(in srgb,var(--craft-rarity-color,#8b8b8b) 18%,#111b29),#030911e0);box-shadow:inset 0 1px #fff5d31f,0 0 18px color-mix(in srgb,var(--craft-rarity-color,#8b8b8b) 30%,transparent)}.craft-detail-hero__eyebrow{display:block;margin-bottom:4px;color:#7690a9;font-size:9px;letter-spacing:.2em}.craft-detail-hero h3{margin:0!important;color:#f0dfb7;font-size:17px}.craft-detail-section-title{margin-top:7px!important;padding-bottom:5px;border-bottom:1px solid rgba(165,143,90,.18);color:#b9a574!important;font-size:11px;font-weight:700;letter-spacing:.08em}.craft-detail-materials{min-height:42px;align-items:center;gap:8px!important;padding:8px;border:1px solid rgba(101,127,154,.18);border-radius:7px;background:#03091257}.craft-quantity-control{align-self:flex-start;padding:7px 9px;border:1px solid rgba(103,128,154,.2);border-radius:7px;background:#040b156b}.craft-workshop-action{width:100%;min-height:40px;margin-top:auto;border:1px solid rgba(224,181,88,.72)!important;border-radius:6px!important;color:#fff0c9!important;background:linear-gradient(180deg,#82612d,#5b401d,#362511)!important;box-shadow:inset 0 1px #fff3c64d,inset 0 -2px #00000052,0 6px 16px #00000059,0 0 16px #daa8411f;font-weight:800;letter-spacing:.14em;text-shadow:0 1px 2px #000}.craft-workshop-action:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.craft-workshop--dismantle .craft-detail-panel{border-color:#b064706b!important}.craft-workshop--dismantle .craft-detail-hero{background:radial-gradient(circle at 15% 50%,rgba(157,72,87,.2),transparent 40%),linear-gradient(120deg,#2d2634e6,#12141fcc)}.craft-derive-layout{flex:1;min-height:0}.craft-derive-equipment-card{box-shadow:inset 0 1px #ffffff0d,0 5px 14px #0000003d}.craft-derive-equipment-card:hover{transform:translateY(-2px);filter:brightness(1.12)}.craft-derive-equipment-card--selected{box-shadow:inset 0 1px #fff0be29,0 0 18px #daa8412e}.craft-derive-detail{overflow-y:auto;scrollbar-width:none}.craft-derive-detail-content{min-height:100%;padding-bottom:2px}.craft-derive-recipe-card{border:1px solid rgba(106,130,158,.22)!important;background:linear-gradient(100deg,#1b2839b8,#0a121da3)!important}.craft-derive-recipe-card--selected{border-color:#e5bc5ead!important;background:linear-gradient(100deg,#533e1fbf,#121c29cc)!important}.craft-derive-action{position:sticky;z-index:3;bottom:0;margin-top:12px}.craft-workshop--enhance .craft-detail-panel{border-color:#668ec173!important}.craft-workshop--repair .craft-detail-panel{border-color:#5ba18b6b!important}.craft-enhance-detail,.craft-repair-detail{overflow-y:auto;scrollbar-width:none}.craft-enhance-detail::-webkit-scrollbar,.craft-repair-detail::-webkit-scrollbar{display:none}.craft-enhance-detail-content,.craft-repair-detail-content{min-height:100%;display:flex;flex-direction:column}.craft-equipment-hero{padding:12px;border:1px solid rgba(204,173,100,.25);border-radius:9px;background:radial-gradient(circle at 15% 50%,rgba(88,137,184,.18),transparent 40%),linear-gradient(120deg,#223042e0,#0d1623bf);box-shadow:inset 0 1px #ffffff12}.craft-enhance-action,.craft-repair-action{position:sticky;z-index:4;bottom:0;margin-top:auto}.craft-repair-card{box-shadow:inset 0 1px #ffffff0a,0 5px 14px #0003;transition:transform .15s ease,filter .15s ease}.craft-repair-card:hover{transform:translate(3px);filter:brightness(1.1)}.craft-repair-card--selected{box-shadow:inset 0 1px #fff0be26,0 0 18px #daa84124}.craft-derive-recipe-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;-moz-column-gap:12px;column-gap:12px}.craft-derive-recipe-card>.mwd-text-dim{justify-self:end;margin:0!important;text-align:right;white-space:nowrap}.craft-derive-recipe-card>div:last-child:not(:first-child){grid-column:2;justify-self:end;text-align:right}.craft-repair-hero{display:flex;align-items:center;gap:12px;justify-content:flex-start;flex-direction:row;padding:12px}.craft-repair-hero>.craft-detail-hero__icon{flex:0 0 auto}.craft-repair-hero__info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.craft-repair-hero .craft-detail-hero__eyebrow{margin:0 0 4px;letter-spacing:.16em}.craft-repair-hero h3{margin:0;color:#f0dfb7;font-size:17px;line-height:1.3}.craft-repair-hero__durability{margin:5px 0 0;color:#94a3b8;font-size:12px}.craft-repair-hero__durability--broken{color:#f87171}.craft-enhance-material{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.craft-enhance-action:disabled{color:#788493!important;border-color:#65748752!important;background:linear-gradient(180deg,#293442,#1a2330)!important;box-shadow:inset 0 1px #ffffff0a!important;cursor:not-allowed;filter:saturate(.45)}.craft-workshop--alchemy .craft-detail-panel{border-color:#5ca59659!important}.craft-workshop--cooking .craft-detail-panel{border-color:#b9795061!important}.craft-workshop--combine .craft-detail-panel{border-color:#6989bd61!important}@media (max-width:800px){.craft-workshop-layout{flex:1;height:auto;min-height:0;overflow:hidden;flex-direction:column}.craft-recipe-library{flex:1!important;max-height:none!important}.craft-detail-panel{flex:1!important;min-width:0;max-height:none}.craft-recipe-row-main{align-items:flex-start}.craft-recipe-row-materials,.craft-recipe-row-requirements{max-width:48%}}.skl-header-actions{display:none;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}@media (max-width: 640px){.skl-frame-header{padding:10px 12px}.skl-header-main{gap:8px}.skl-header-icon{width:48px;height:48px}.skl-header-actions{flex-direction:column;gap:4px}.skl-header-actions .mwd-btn-primary,.skl-header-actions .mwd-btn-secondary{min-width:86px;padding:6px 8px;font-size:12px}}.skl-header-progress{display:flex;align-items:center;gap:8px;min-width:0}.skl-progress-bar-track{flex:1;max-width:320px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;min-width:40px}.skl-progress-bar-fill{height:100%;background:linear-gradient(90deg,#e8c46a,#fbbf24);border-radius:3px;transition:width .4s ease}.skl-progress-text{font-size:.7rem;color:#94a3b8;white-space:nowrap;font-variant-numeric:tabular-nums}.mwd-top-plate{position:absolute;top:0;left:12px;z-index:50;display:flex;align-items:flex-start}.mwd-top-right-col{display:flex;flex-direction:column;margin-left:16px}@keyframes cnp-glow-pulse{0%,to{filter:drop-shadow(0 0 6px rgba(245,158,11,.15))}50%{filter:drop-shadow(0 0 18px rgba(245,158,11,.45)) drop-shadow(0 0 30px rgba(232,196,106,.2))}}.cnp-root{position:relative;width:410px;height:128px;display:flex;align-items:center;filter:drop-shadow(0 8px 14px rgba(0,0,0,.36))}.cnp-bg{display:none}.cnp-avatar-slot{position:absolute;left:25px;top:9px;width:110px;height:110px;border-radius:50%;overflow:hidden;z-index:2;background:radial-gradient(circle at 50% 30%,#2e4664,#0a101a 72%)}.cnp-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cnp-avatar-frame{position:absolute;left:16px;top:0;z-index:4;width:128px;height:128px;-o-object-fit:contain;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 5px rgba(111,190,235,.2))}.cnp-info{position:absolute;left:66px;top:18px;z-index:1;width:344px;height:92px;display:flex;flex-direction:column;padding:8px 12px 8px 88px;border:2px solid rgba(176,197,217,.72);border-left:0;border-radius:0;clip-path:polygon(0 16%,6% 0,94% 0,100% 18%,100% 82%,94% 100%,6% 100%,0 84%);background:radial-gradient(circle at 94% 50%,rgba(68,170,229,.12),transparent 15%),linear-gradient(180deg,#1d314bfa,#07101dfa 48%,#0e1e32fa);box-shadow:inset 0 1px #f0f8ff3d,inset 0 -2px #01050cb3,inset -10px 0 18px #4389b81c}.cnp-info:before{content:"";position:absolute;left:88px;right:18px;top:31px;height:1px;background:linear-gradient(90deg,#84a9c914,#b2d3eb61,#4f94c21a)}.cnp-info:after{content:none}.cnp-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.92rem;font-weight:700;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.5px;color:#f5efe6;white-space:nowrap;line-height:1.3}.cnp-name-row{display:flex;justify-content:space-between;align-items:center;gap:10px;height:22px;padding:0 2px}.cnp-level-text{flex:0 0 auto;padding:1px 7px;border:1px solid rgba(107,179,222,.38);border-radius:8px;background:#417da521;font-size:.72rem;font-weight:700;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#ccecff;white-space:nowrap}.cnp-status-stack{display:flex;flex-direction:column;gap:4px;margin-top:4px}.cnp-status{display:flex;align-items:center;gap:5px}.cnp-status-track{flex:1;min-width:0;position:relative;height:15px;overflow:hidden;border:1px solid rgba(150,178,202,.3);border-radius:5px;background:#02070ec2;box-shadow:inset 0 1px 3px #000000b8}.cnp-status-fill{height:100%;border-radius:4px;transition:width .35s ease;box-shadow:inset 0 1px #fff3}.cnp-status--hp .cnp-status-fill{background:linear-gradient(90deg,#7f202b,#d14d59)}.cnp-status--mp .cnp-status-fill{background:linear-gradient(90deg,#17628b,#38a9d0)}.cnp-status--echo .cnp-status-track{height:11px}.cnp-status--echo .cnp-status-fill{background:linear-gradient(90deg,#9b6a22,#e5b95a)}.cnp-status-label,.cnp-status-value{z-index:2;color:#f6fafff0;font-size:9px;line-height:1;text-shadow:0 1px 2px #000}.cnp-status-label{position:static;flex:0 0 28px;color:#a9c4d8;font-weight:800;letter-spacing:.4px;text-align:right}.cnp-status-value{position:absolute;top:50%;right:6px;transform:translateY(-50%);font-variant-numeric:tabular-nums}.cnp-status--echo .cnp-status-label{flex-basis:28px;color:#d6b86f}.cnp-status--echo .cnp-status-label,.cnp-status--echo .cnp-status-value{font-size:8px}@media (max-width: 640px){.cnp-root{width:352px;height:110px}.cnp-avatar-slot{left:23px;top:7px;width:96px;height:96px}.cnp-avatar-frame{left:16px;width:110px;height:110px}.cnp-info{left:54px;top:15px;width:298px;height:80px;padding:5px 9px 5px 78px}.cnp-name{font-size:.8rem}.cnp-status-stack{gap:3px;margin-top:2px}.cnp-status-track{height:13px}}.starmap-layout{background:#0a1428b3!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid rgba(200,170,100,.25);border-radius:4px;margin:8px;padding:16px;flex:1;overflow-y:auto;animation:skl-fade-in .2s ease}@keyframes skl-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes qt-expand{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.qt-panel{padding:0;color:#f5efe6;font-size:.78rem;display:flex;flex-direction:column;height:100%}.qt-heading{font-size:.85rem;font-weight:700;color:#fbbf24;margin:0;padding:8px 12px;border-bottom:1px solid rgba(200,180,120,.2);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qt-heading:hover{color:#fcd34d}.qt-toggle{font-size:.65rem;opacity:.5;margin-left:6px}.qt-heading-right{display:flex;align-items:center;gap:2px;font-size:.75rem;color:#cbd5e1;font-weight:400}.qt-list{flex:1;overflow-y:auto;scrollbar-width:none;padding:8px 12px;display:flex;flex-direction:column;gap:8px;max-height:200px;transition:max-height .2s ease,padding .2s ease,opacity .15s ease}.qt-list--collapsed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;opacity:0}.qt-list::-webkit-scrollbar{display:none}.qt-empty{color:#64748b;text-align:center;padding:20px 0;font-style:italic}.qt-task{padding:10px;background:#1e293b66;border:1px solid rgba(200,180,120,.1);border-radius:6px;display:flex;flex-direction:column;gap:6px}.qt-task--done{border-color:#22c55e4d;background:#22c55e0d}.qt-task-top{display:flex;justify-content:space-between;align-items:center}.qt-task-name{font-weight:600;font-size:.8rem}.qt-task-pct{color:#fbbf24;font-weight:700;font-size:.75rem}.qt-task-bar-row{display:flex;align-items:center;gap:8px}.qt-task-bar{flex:1;height:8px;background:#ffffff14;border-radius:3px;overflow:hidden}.qt-item-count{display:flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;color:#f5efe6;flex-shrink:0;min-width:50px}.qt-item-icon{width:22px;height:22px;-o-object-fit:contain;object-fit:contain}.qt-task-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;transition:width .3s}.qt-task-actions{display:flex;gap:4px;flex-shrink:0}.qt-btn-deliver{padding:2px 8px;font-size:.68rem;background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:4px;cursor:pointer}.qt-btn-deliver:hover:not(:disabled){background:#3b82f659}.qt-btn-deliver:disabled{opacity:.4;cursor:not-allowed}.qt-task-reward{display:flex;align-items:center;gap:2px;font-size:.7rem;color:#fbbf24;flex-shrink:0}.qt-rew-icon{width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.qt-btn-claim{padding:4px 12px;font-size:.72rem;background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:4px;cursor:pointer}.qt-btn-claim:hover{background:#22c55e59}.qt-footer{flex-shrink:0;transition:max-height .2s ease,opacity .15s ease;overflow:hidden}.qt-footer--collapsed{max-height:0;opacity:0}.qt-btn-all{margin:0;padding:8px;font-size:.78rem;background:#c8b47814;color:#94a3b8;border:none;border-top:1px solid rgba(200,180,120,.15);cursor:pointer;text-align:center;width:100%}.qt-btn-all:hover{background:#c8b4782e;color:#fbbf24}.bp-panel{background:#0a1428bf;border:1px solid rgba(200,170,100,.25);border-radius:4px;display:flex;flex-direction:column;max-height:250px;overflow:hidden}.bp-heading{font-size:.85rem;font-weight:700;color:#fbbf24;margin:0;padding:8px 12px;border-bottom:1px solid rgba(200,180,120,.2);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bp-heading:hover{color:#fcd34d}.bp-heading-right{display:flex;align-items:center;gap:2px;font-size:.75rem;color:#cbd5e1;font-weight:400}.bp-toggle{font-size:.65rem;opacity:.5;margin-left:6px}.bp-list{flex:1;overflow-y:auto;scrollbar-width:none;padding:8px 12px;max-height:160px;transition:max-height .2s ease,padding .2s ease,opacity .15s ease}.bp-list--collapsed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;opacity:0}.bp-empty{text-align:center;color:#64748b;font-size:.8rem;padding:16px 0}.bp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.bp-item{position:relative;aspect-ratio:1;background:#c8b47814;border:1px solid rgba(200,180,120,.15);border-radius:4px;display:flex;align-items:center;justify-content:center}.bp-item-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.bp-item-qty{position:absolute;right:-2px;bottom:-2px;background:#000c;color:#cbd5e1;font-size:.6rem;padding:0 3px;border-radius:3px;line-height:1.1}.bp-footer{flex-shrink:0;transition:max-height .2s ease,opacity .15s ease;overflow:hidden}.bp-footer--collapsed{max-height:0;opacity:0}.bp-btn-all{margin:0;padding:8px;font-size:.78rem;background:#c8b47814;color:#94a3b8;border:none;border-top:1px solid rgba(200,180,120,.15);cursor:pointer;text-align:center;width:100%}.bp-btn-all:hover{background:#c8b4782e;color:#fbbf24}.market-page,.shop-container,.commission-view,.map-page,.spaceship-panel{background:#0a1428bf!important;border:2px solid rgba(200,170,100,.35)!important;border-radius:4px!important;margin:8px!important;padding:16px!important;flex:1!important;max-width:1300px!important;animation:skl-fade-in .2s ease}.battlefield{background:#0a1428bf!important;border:2px solid rgba(200,170,100,.35)!important;border-radius:4px!important;margin:8px!important;padding:16px!important;flex:1!important;overflow-y:auto!important;max-width:1600px!important;animation:skl-fade-in .2s ease}.mwd-quest-right{position:absolute;top:59px;right:12px;width:350px;max-height:350px;z-index:55;background:#111827e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(200,180,120,.15);border-radius:8px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.mwd-quest-right::-webkit-scrollbar{display:none}.mwd-market-shop{position:fixed;top:14px;left:calc(50% + 300px);display:flex;gap:6px;z-index:90}.mwd-market-shop .mwd-action-icon{width:76px;height:76px;opacity:1}.qp-panel{padding:14px;color:#f5efe6;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:.82rem;flex:1;overflow-y:auto}.qp-heading{font-size:1rem;font-weight:700;color:#fbbf24;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(200,180,120,.25)}.qp-empty{color:#64748b;text-align:center;padding:30px 8px;font-style:italic}.qp-body{display:flex;flex-direction:column;gap:8px}.qp-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.qp-title{font-weight:700;font-size:.88rem;color:#f5efe6}.qp-badge{font-size:.68rem;padding:2px 7px;border-radius:4px;background:#10b98126;color:#10b981;white-space:nowrap}.qp-badge--fighting{background:#ef444426;color:#ef4444}.qp-desc{color:#94a3b8;font-size:.74rem;line-height:1.4}.qp-step-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fbbf240f;border-radius:4px}.qp-step-num{color:#fbbf24;font-weight:700;font-size:.78rem}.qp-step-text{color:#cbd5e1}.qp-obj{padding:8px 10px;background:#3b82f614;border-left:2px solid #3b82f6;border-radius:0 4px 4px 0;font-size:.78rem;color:#cbd5e1}.qp-list{display:flex;flex-direction:column;gap:10px}.qp-task-card{padding:10px;background:#1e293b80;border-radius:6px;border:1px solid rgba(200,180,120,.1)}.qp-task-card--active{background:#3b82f60f;border-color:#3b82f633}.qp-accept-btn{font-size:.7rem;padding:3px 10px;border-radius:4px;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);cursor:pointer}.qp-accept-btn:hover{background:#f59e0b40}.qp-section{margin-top:14px;padding-top:10px;border-top:1px solid rgba(200,180,120,.15)}.qp-subheading{font-size:.78rem;font-weight:600;color:#60a5fa;margin:0 0 8px}.qp-reqs{margin-top:6px;display:flex;flex-direction:column;gap:3px}.qp-req-row{display:flex;justify-content:space-between;font-size:.74rem;color:#94a3b8}.qp-req-val{color:#fbbf24;font-weight:600}.mwd-top-actions{position:fixed;top:12px;right:16px;z-index:60;display:flex;align-items:center;gap:6px}.mwd-action-icon{width:45px;height:45px;-o-object-fit:contain;object-fit:contain;cursor:pointer;opacity:.65;transition:opacity .15s}.mwd-action-icon:hover,.mwd-action-icon--active{opacity:1}.mwd-attr-left-panel{position:fixed;left:12px;top:216px;width:280px;height:min(560px,calc(100vh - 236px));z-index:55;background:#0a101eeb;border:1px solid rgba(245,158,11,.25);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;display:flex;flex-direction:column;animation:attrPanelIn .2s ease-out}@keyframes attrPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mwd-attr-left-header{display:flex;justify-content:flex-start;gap:8px;align-items:center;padding:6px 12px;background:#f59e0b14;border-bottom:1px solid rgba(255,255,255,.06);color:#f5efe6;font-size:.82rem;font-weight:600;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.mwd-attr-left-close{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.mwd-attr-left-close:hover{color:#f87171;background:#f871711f}.mwd-attr-left-body{padding:12px 14px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.mwd-attr-stats{display:flex;flex-direction:column;gap:3px}.mwd-attr-section-label{font-size:10px;color:#94a3b8;padding:6px 0 2px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2px;margin-top:4px}.mwd-attr-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:1px 0}.mwd-attr-row-label{color:#94a3b8}.mwd-attr-row-val{color:#f1f5f9;font-weight:600}.mwd-attr-left-body::-webkit-scrollbar{display:none}.mwd-root--battlefield{background-image:url(/assets/ui/Background004.jpg)!important}.mwd-version-corner{position:fixed;top:4px;left:106px;z-index:9998;font-size:9px;color:#94a3b859;font-family:JetBrains Mono,monospace;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.3;white-space:nowrap}.mwd-version-corner span{display:inline}.mwd-root--battlefield .mwd-leftnav{width:0!important;min-width:0!important;overflow:hidden!important;opacity:0!important;transition:width .3s ease,opacity .25s ease,min-width .3s ease}.mwd-root--battlefield .mwd-adventure-btn{z-index:1000}.mwd-root--battlefield .mwd-main-area{padding:0;margin:0;max-width:none}.mwd-root--battlefield .mwd-mainview{padding:0}.mwd-root--battlefield .battlefield{margin:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;flex:1 1 auto!important;min-height:0!important}.mwd-right-btns{position:fixed;right:0;top:0;bottom:0;z-index:50;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 6px;margin-top:-15px;width:70px;background:linear-gradient(270deg,rgba(17,24,39,.85) 20%,rgba(17,24,39,.3) 80%,transparent 100%)}.mwd-rbtn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:6px;cursor:pointer;background:transparent;border:1px solid transparent;transition:background .15s,border-color .15s;width:auto}.mwd-rbtn:hover{background:transparent;border-color:transparent}.mwd-rbtn:hover .mwd-rbtn-img{opacity:1;filter:drop-shadow(0 0 8px rgba(245,158,11,.7))}.mwd-actionbar{margin-top:4px;width:450px;flex-shrink:0}.mwd-actionbar .mwd-actionbar-inner{background:linear-gradient(90deg,#111827d9,#11182799,#11182740);border:1px solid rgba(245,158,11,.18);border-radius:6px}.mwd-rbtn-img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;opacity:.8}.mwd-rbtn-icon{font-size:22px;line-height:1}.mwd-rbtn-label{font-size:.65rem;color:#cbd5e1;margin-top:-10px;text-shadow:-1px -1px 0 #1a1a2e,1px -1px 0 #1a1a2e,-1px 1px 0 #1a1a2e,1px 1px 0 #1a1a2e}.mwd-rbtn:first-child{margin-top:-10px}.mwd-currency-bar{display:flex;gap:12px;align-items:center;width:200px;margin-top:20px;background:#1118278c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 14px;border-radius:8px;border:1px solid rgba(200,180,120,.25)}.mwd-global-buff-bar{width:200px;min-height:40px;margin-top:6px;padding:5px;display:flex;flex-wrap:wrap;gap:5px;background:#080e18d6;border:1px solid rgba(189,160,91,.45);border-radius:5px;box-sizing:border-box}.mwd-global-buff{position:relative}.mwd-global-buff-icon-btn{position:relative;width:34px;height:34px;padding:0;border:1px solid #a98b48;border-radius:4px;background:#111927;cursor:pointer;overflow:hidden}.mwd-global-buff-icon{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mwd-global-buff-time{position:absolute;left:0;right:0;bottom:0;padding:1px 2px;color:#fff;background:#000000b8;font-size:9px;line-height:11px;white-space:nowrap}.mwd-global-buff-tip{position:absolute;z-index:10020;top:40px;right:0;width:250px;padding:10px;color:#d9e2ef;background:#070c14f7;border:1px solid #a98b48;border-radius:5px;box-shadow:0 6px 18px #0000008c;font-size:12px;line-height:1.7}.mwd-global-buff-tip-head{display:flex;align-items:center;gap:8px;color:#f1d47b;font-size:14px}.mwd-global-buff-tip-head img{width:38px;height:38px;-o-object-fit:cover;object-fit:cover;border:1px solid #a98b48;border-radius:4px}.mwd-global-buff-desc{margin:7px 0;color:#fff}.mwd-currency-item{display:flex;align-items:center;gap:5px}.mwd-currency-icon{width:22px;height:22px;-o-object-fit:contain;object-fit:contain}.mwd-currency-value{font-size:.85rem;font-weight:600;color:#f5efe6;min-width:50px;text-align:right;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.inv-pop-trigger{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:6px;cursor:pointer;background:transparent;border:1px solid transparent;transition:border-color .15s}.inv-pop-trigger:hover .inv-pop-trigger-img,.inv-pop-trigger--active .inv-pop-trigger-img{opacity:1;filter:drop-shadow(0 0 8px rgba(245,158,11,.7))}.inv-pop-trigger-img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;opacity:.8}.inv-pop-trigger-label{font-size:.65rem;color:#cbd5e1;margin-top:-10px;text-shadow:-1px -1px 0 #1a1a2e,1px -1px 0 #1a1a2e,-1px 1px 0 #1a1a2e,1px 1px 0 #1a1a2e}.inv-pop-panel{position:fixed;width:350px;height:550px;z-index:100;background:#0a1428f2;border:2px solid rgba(200,170,100,.4);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;animation:skl-fade-in .15s ease}.inv-pop-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(200,180,120,.2);gap:10px;font-size:.9rem;font-weight:700;color:#fbbf24;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.inv-pop-count{font-size:.75rem;color:#94a3b8;font-weight:400;margin-right:auto}.inv-pop-close{background:none;border:none;color:#94a3b8;font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:4px}.inv-pop-close:hover{color:#fbbf24;background:#c8b4781a}.inv-pop-close--main{position:absolute;top:7px;right:8px;z-index:10;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;color:#f1f5f9;background:#0f172af5;border:none;font-size:15px;font-weight:700}.inv-pop-close--main:hover{color:#fff;background:#7f1d1deb}.inv-pop-body{flex:1;overflow-y:auto;padding:8px 12px 12px;scrollbar-width:none}.inv-pop-body::-webkit-scrollbar{display:none}.inv-pop-empty{text-align:center;color:#64748b;font-size:.85rem;padding:60px 0}.inv-pop-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.inv-pop-grid .inv-pop-item{width:100%;max-width:50px;justify-self:center}@media (max-width: 1200px){.inv-pop-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.inv-pop-item{position:relative;aspect-ratio:1;background:#c8b4780f;border:1px solid rgba(200,180,120,.12);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:default}.inv-pop-item-icon{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.inv-pop-item-emoji{font-size:28px;line-height:1}.inv-pop-item-qty{position:absolute;right:-2px;bottom:-2px;background:#000c;color:#cbd5e1;font-size:.6rem;padding:0 3px;border-radius:3px;line-height:1.1}.inv-pop-footer{border-top:1px solid rgba(200,180,120,.15);padding:8px}.inv-pop-btn{width:100%;padding:8px;font-size:.8rem;background:#c8b47814;color:#94a3b8;border:none;cursor:pointer;text-align:center;border-radius:4px}.inv-pop-btn:hover{background:#c8b4782e;color:#fbbf24}.inv-pop-tabs{display:flex;gap:0;padding:0;border-bottom:1px solid rgba(200,180,120,.15);flex-shrink:0}.inv-pop-tab{flex:1;padding:6px 0;font-size:.7rem;color:#94a3b8;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.inv-pop-tab:hover{color:#cbd5e1}.inv-pop-tab--active{color:#fbbf24;border-bottom-color:#fbbf24}.inv-pop-item--empty{background:#c8b47808!important;border-color:#c8b4780f!important;cursor:default}.inv-pop-item--dim{opacity:.25}.inv-pop-tooltip{background:#0a1428f7;border:1px solid rgba(245,158,11,.5);border-radius:6px;padding:10px 14px;min-width:140px;z-index:99999;pointer-events:none}.inv-tip-name{font-size:.85rem;font-weight:700;color:#fbbf24;margin-bottom:4px}.inv-tip-code{font-size:.7rem;color:#94a3b8;margin-bottom:4px}.inv-tip-qty{font-size:.75rem;color:#cbd5e1}.activity-select{max-width:720px;margin:0 auto;padding:24px 16px}.activity-title{font-size:22px;font-weight:700;color:#e2e8f0;margin-bottom:20px;text-align:center}.activity-grid{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.activity-card{flex:0 1 200px;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:12px;padding:20px 16px;cursor:pointer;transition:all .2s;text-align:center}.activity-card:hover{border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa33}.activity-card-icon{font-size:36px;margin-bottom:10px}.activity-card-name{font-size:18px;font-weight:600;color:#f1f5f9;margin-bottom:6px}.activity-card-desc{font-size:13px;color:#94a3b8;margin-bottom:10px;line-height:1.4}.activity-card-tag{display:inline-block;padding:2px 10px;border-radius:10px;background:#1e3a5f;color:#60a5fa;font-size:11px;font-weight:500}.stage-select{max-width:800px;margin:0 auto;padding:16px}.stage-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.stage-back-btn{background:none;border:1px solid #334155;color:#94a3b8;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s}.stage-back-btn:hover{border-color:#60a5fa;color:#60a5fa}.stage-title{font-size:22px;font-weight:700;color:#e2e8f0;margin:0;flex:1}.stage-mode-tag{padding:3px 12px;background:#3b1f3b;color:#e879f9;border-radius:10px;font-size:12px;border:1px solid #701a75}.stage-progress{color:#94a3b8;font-size:13px;margin-left:auto}.stage-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.stage-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:14px 18px;cursor:pointer;transition:all .15s;display:flex;justify-content:space-between;align-items:center}.stage-card.locked{opacity:.5;cursor:not-allowed}.stage-card.locked:hover{border-color:#334155}.stage-card:not(.locked):hover{border-color:#64748b}.stage-card--selected{border-color:#60a5fa!important;background:#1e3a5f!important}.stage-card-left{display:flex;flex-direction:column;gap:4px}.stage-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.stage-card-id{font-weight:600;color:#e2e8f0}.stage-card-name{color:#f1f5f9;font-size:14px}.stage-card-enemy{color:#f87171;font-size:13px}.stage-badge{font-size:11px;padding:2px 8px;border-radius:8px;white-space:nowrap}.stage-badge--cleared{background:#14532d;color:#86efac}.stage-badge--locked{background:#2d1a1a;color:#fca5a5}.stage-badge--ready{background:#1e3a5f;color:#60a5fa}.stage-card-reward{color:#fbbf24;font-size:12px;display:flex;gap:6px}.reward-item{background:#2d3a1a;padding:1px 8px;border-radius:6px;font-size:11px}.stage-preview{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px}.stage-preview h3{color:#e2e8f0;font-size:15px;margin:0 0 12px}.enemy-preview-list{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.enemy-preview-card{display:flex;align-items:center;gap:8px;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:10px 14px}.enemy-preview-icon{font-size:28px}.enemy-preview-info div:first-child{color:#f1f5f9;font-weight:500;font-size:14px}.enemy-preview-info div:last-child{color:#94a3b8;font-size:12px}.stage-start-btn{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.stage-start-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stage-start-btn:disabled{background:#334155;color:#64748b;cursor:not-allowed}.battlefield{display:flex;flex-direction:column;height:100%}.battlefield-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #1a2a3a;flex-shrink:0}.battlefield-header h2{font-size:18px;color:#e2e8f0;margin:0;flex:1}.debug-component-label{position:absolute;top:2px;right:2px;font-size:10px;color:#0f8;background:#000000b3;padding:1px 5px;border-radius:3px;border:1px solid #00ff88;font-family:monospace;pointer-events:none;z-index:999}.battle-view{display:flex;flex-direction:column;height:100%;background:#0a0e17}.battle-header{text-align:center;padding:8px 0 4px;color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:1px;border-bottom:1px solid rgba(148,163,184,.15);margin:0 32px}.battle-arena{display:flex;flex:1;align-items:center;justify-content:center;padding:20px 32px;gap:0;min-height:0}.battle-view--empty{display:flex;align-items:center;justify-content:center}.battle-empty-msg{color:#64748b;font-size:16px}.battle-summary-modal{background:#1a2235;border:1px solid #2a3a5a;border-radius:12px;padding:24px;min-width:320px;max-width:420px;color:#e2e8f0;box-shadow:0 8px 32px #0006}.battle-summary-modal h2{margin:0 0 16px;font-size:20px;text-align:center;color:#f1f5f9}.battle-summary-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.summary-line{display:flex;justify-content:space-between;color:#94a3b8;font-size:14px}.summary-val{color:#e2e8f0;font-weight:700}.summary-victory{color:#10b981}.summary-defeat{color:#ef4444}.summary-items{border-top:1px solid #2a3a5a;padding-top:10px}.summary-section-title{color:#f1c40f;font-size:13px;margin-bottom:6px}.summary-duration{border-top:1px solid #2a3a5a;padding-top:10px}.summary-buttons{display:flex;gap:10px;margin-top:16px}.summary-btn-confirm,.summary-btn-cancel{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.summary-btn-confirm{background:#dc2626;color:#fff}.summary-btn-confirm:hover{background:#ef4444}.summary-btn-cancel{background:#334155;color:#cbd5e1}.summary-btn-cancel:hover{background:#475569}.battle-countdown-center{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:900;color:#f8fafc;text-shadow:0 0 30px rgba(248,250,252,.5),0 0 60px rgba(248,250,252,.3);z-index:10;pointer-events:none;animation:battleCountdownPop .4s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes battleCountdownPop{0%{transform:translate(-50%,-50%) scale(1.8);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.battle-side{display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(var(--grid-rows, 1),auto);gap:8px;flex:1;max-width:620px;align-content:center;justify-content:center}.unit-slot{min-width:0}.unit-slot--empty{height:0}.battle-divider{width:2px;min-height:200px;background:linear-gradient(to bottom,transparent,#334155,transparent);margin:0 24px;flex-shrink:0}.unit-panel{background:linear-gradient(135deg,#1a1f2e,#0f1525);border:1px solid #2a3a5a;border-radius:8px;padding:12px 10px 16px;cursor:pointer;transition:all .15s;position:relative;min-width:0;width:130px}@keyframes unit-hit-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:translate(0)}}.unit-panel--hit{animation:unit-hit-shake .25s ease-out}.unit-panel--dead{opacity:.5;pointer-events:none}.unit-panel--dead:after{content:"已阵亡";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fca5a5;border-radius:8px;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:5}.unit-panel:hover{border-color:#4a6a9a;background:linear-gradient(135deg,#222a3e,#141a2f)}.battle-side--ally .unit-panel{border-color:#1a3a5a}.unit-panel--player-portrait{position:relative;isolation:isolate;overflow:hidden}.unit-panel--player-portrait:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#040c1624,#040c160f 35%,#040c169e 72%,#030810e6)}.unit-panel--player-portrait>:not(.unit-player-card-art){position:relative;z-index:2}.unit-player-card-art{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 22%;object-position:center 22%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.battle-side--ally .unit-panel:hover{border-color:#3a7aba}.battle-side--enemy .unit-panel{border-color:#3a1a2a}.battle-side--enemy .unit-panel:hover{border-color:#7a2a3a}.unit-panel--elite{border-color:#c9a84c!important;box-shadow:0 0 8px #c9a84c40;background:linear-gradient(135deg,#1e1a2a,#1a1530)!important}.battle-side--enemy .unit-panel--elite{border-color:#c9a84c!important}.unit-panel--elite:hover{border-color:#e6c96a!important;box-shadow:0 0 14px #c9a84c66}.unit-panel--elite .unit-avatar-placeholder{border-color:#c9a84c}.unit-panel--elite .unit-name{color:#f5d78c}.unit-panel--boss{border-width:2px!important;border-color:#d4483c!important;box-shadow:0 0 12px #d4483c59,0 0 24px #b4281426;background:linear-gradient(135deg,#2a1518,#1a0f1f)!important;width:150px!important;animation:boss-glow 2s ease-in-out infinite alternate}@keyframes boss-glow{0%{box-shadow:0 0 12px #d4483c59,0 0 24px #b4281426}to{box-shadow:0 0 18px #f0645073,0 0 36px #c83c1e40}}.unit-panel--boss:hover{border-color:#f06850!important}.unit-panel--boss .unit-avatar-placeholder{width:88px!important;height:88px!important;border-color:#d4483c;border-width:2px}.unit-panel--boss .unit-name{color:#f5988c;font-size:14px;text-shadow:0 0 6px rgba(200,60,40,.5)}.unit-name{font-size:13px;font-weight:600;color:#e2e8f0;text-align:center;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-avatar{display:flex;justify-content:center;margin-bottom:6px}.unit-avatar-placeholder{position:relative;width:72px;height:72px;background:#0f172a;border:1px solid #2a3a5a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px;overflow:hidden}.unit-avatar-placeholder .unit-buff-bar{position:absolute;bottom:2px;left:0;right:0;display:flex;justify-content:center;gap:2px;min-height:0;margin-bottom:0}.unit-avatar-placeholder .unit-buff-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;cursor:help;flex-shrink:0}.unit-bar{position:relative;height:18px;background:#1a1a2e;border-radius:4px;margin-bottom:4px;overflow:hidden}.unit-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.unit-bar--hp .unit-bar-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.unit-bar-fill--shield{background:linear-gradient(90deg,#7c3aed,#a78bfa);position:absolute;top:0;left:0;height:100%;border-radius:4px;opacity:.7;z-index:1}.unit-shield-text{color:#c4b5fd;font-weight:700}.unit-bar--energy .unit-bar-fill{background:linear-gradient(90deg,#2563eb,#3b82f6)}.unit-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#f1f5f9;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.7);line-height:16px}.unit-action-bar{position:relative;height:12px;background:#1a1a2e;border-radius:4px;overflow:hidden;margin-top:4px}.unit-action-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:none}.unit-action-time{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);z-index:1;line-height:12px}.unit-action-skill-label{font-size:9px;color:#fbbf24;text-align:center;margin-top:2px;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-footer{flex-shrink:0;height:140px;border-top:1px solid #1a2a3a;display:flex;flex-direction:row}.battle-log{flex-shrink:0;width:500px;overflow-y:auto;padding:8px 16px;font-size:12px;color:#94a3b8;border-right:1px solid rgba(245,158,11,.15)}.battle-log-entry{margin-bottom:2px;line-height:1.4}.battle-skill-panel{flex:1;min-width:200px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.battle-skill-title{font-size:11px;color:#f59e0b;font-weight:600;letter-spacing:1px}.battle-skill-grid{display:flex;flex-wrap:wrap;gap:6px}.battle-skill-btn{width:60px;height:60px;border-radius:8px;background:#0f172ae6;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;position:relative;cursor:default;overflow:visible;margin-bottom:16px}.battle-skill-icon{width:100%;height:100%;border-radius:7px;-o-object-fit:cover;object-fit:cover;display:block}.battle-skill-btn--cd{background:#0f172ab3;border-color:#ffffff1a}.battle-skill-name{font-size:9px;color:#e2e8f0;text-align:center;line-height:1.2;padding:2px;word-break:break-all;position:absolute;top:calc(100% + 2px);left:-6px;right:-6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-skill-cd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000006b}.battle-skill-cd-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.battle-skill-cd-num{font-size:16px;font-weight:700;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.8);z-index:1;position:relative}.battle-actions{padding:8px 16px;border-top:1px solid #1a2a3a;display:flex;gap:8px;justify-content:center}.battle-stop-btn{background:#5a1a1a;color:#e2e8f0;border:1px solid #7a2a2a;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:12px}.battle-stop-btn:hover{background:#7a2a2a}.unit-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.unit-detail-content{background:linear-gradient(145deg,#172233fc,#070c16fc);border:1px solid #53677f;border-radius:14px;padding:24px;min-width:320px;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 24px 70px #000000c7,inset 0 1px #ffffff14;scrollbar-width:none}.unit-detail-content::-webkit-scrollbar{display:none}.unit-detail-content--elite{border-color:#8056aa;box-shadow:0 24px 70px #000000c7,0 0 28px #8056aa2e,inset 0 1px #ffffff14}.unit-detail-content--boss{border-color:#b98737;box-shadow:0 24px 70px #000000c7,0 0 34px #b9873738,inset 0 1px #ffefb91f}.unit-detail-content h3{color:#e2e8f0;font-size:18px;margin:0 0 16px}.unit-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-bottom:16px}.unit-detail-stat{display:flex;justify-content:space-between;font-size:13px}.unit-detail-stat-label{color:#94a3b8}.unit-detail-stat-value{color:#e2e8f0;font-weight:500}.unit-detail-buffs h4{color:#cbd5e1;font-size:14px;margin:0 0 8px}.unit-detail-buff{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #0f172a;font-size:13px}.unit-detail-buff-name{color:#60a5fa}.unit-detail-buff-duration{color:#94a3b8}.unit-detail-close{display:block;width:100%;margin-top:16px;padding:8px;background:#334155;color:#e2e8f0;border:none;border-radius:8px;cursor:pointer;font-size:14px}.unit-detail-close:hover{background:#475569}.float-text{position:absolute;top:-10px;transform:translate(-50%);font-weight:700;font-size:18px;white-space:nowrap;animation:float-up 1.5s ease-out forwards;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:15;pointer-events:none;display:flex;align-items:center;gap:2px}.float-text-icon{width:24px;height:24px;vertical-align:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.float-text--attack{color:#ef4444}.float-text--magic{color:#a78bfa}.float-text--miss{color:#94a3b8;font-size:22px}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}.battle-view{display:flex;flex-direction:column;height:100%;background:#0a0e17;position:relative}.battle-debug{position:fixed;bottom:4px;left:4px;background:#000000d9;color:#94a3b8;font-size:11px;font-family:monospace;padding:4px 8px;border-radius:4px;z-index:999;-moz-user-select:text;user-select:text;-webkit-user-select:text;white-space:pre}.unit-buff-bar{display:flex;justify-content:center;gap:4px;margin-bottom:4px;min-height:18px}.unit-buff-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:help;flex-shrink:0}.buff-icon-img{width:20px;height:20px;border-radius:2px;-o-object-fit:contain;object-fit:contain}.buff-stack-num{position:absolute;bottom:-2px;right:-4px;font-size:8px;font-weight:700;color:#fff;background:#000000b3;border-radius:2px;padding:0 2px;line-height:1.1}.buff-tooltip{position:fixed;transform:translate(-50%,-100%);background:#1a1a2e;border:1px solid #4a5568;border-radius:6px;padding:8px 10px;min-width:160px;max-width:220px;z-index:1000;box-shadow:0 4px 16px #00000080;pointer-events:none}.buff-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.buff-tooltip-icon{width:32px;height:32px;border-radius:4px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.buff-tooltip-name{font-size:13px;font-weight:700;color:#f0c040;margin-bottom:2px}.buff-tooltip-tag{display:inline-block;font-size:10px;padding:0 4px;border-radius:2px;line-height:1.4}.buff-tag--positive{color:#4ade80;background:#4ade8026;border:1px solid rgba(74,222,128,.3)}.buff-tag--negative{color:#f87171;background:#f8717126;border:1px solid rgba(248,113,113,.3)}.buff-tooltip-desc{font-size:11px;color:#a0aec0;margin-bottom:4px;line-height:1.4}.buff-tooltip-info{display:flex;gap:12px;font-size:10px;color:#718096}.float-text--heal{color:#22c55e}.float-text--fire{color:#f97316}.float-text--frost{color:#60a5fa}.float-text--lightning{color:#eab308}.float-text--air{color:#a7f3d0}.float-text--life{color:#34d399}.float-text--holy{color:#fbbf24}.float-text--death{color:#a855f7}.float-text--pierce{color:#fca5a5}.float-text--blunt{color:#d4a574}.float-text--slash{color:#ef4444}.unit-detail-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:16px}.unit-detail-portrait{display:flex;width:58px;height:58px;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border:1px solid #8ca0b8;border-radius:9px;color:#f2e3bb;background:radial-gradient(circle at 50% 35%,#435875,#111b2a 72%);box-shadow:inset 0 1px #ffffff29,0 5px 14px #0000006b;font:800 28px serif}.unit-detail-portrait img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.unit-detail-heading{min-width:0}.unit-detail-heading h3{color:#f2e3bb}.unit-detail-heading span{display:block;margin-top:4px;color:#8292a8;font-size:11px}.unit-detail-description{margin:-4px 0 14px;padding:9px 11px;color:#aebbd0;border-left:2px solid rgba(207,184,117,.65);background:#040a1461;font-size:11px;line-height:1.6}.unit-detail-header h3{margin:0}.unit-detail-status{font-size:12px;padding:2px 8px;border-radius:4px}.unit-detail-status.alive{color:#22c55e;background:#22c55e1a}.unit-detail-status.dead{color:#ef4444;background:#ef44441a}.unit-detail-stat-bar{position:relative;width:120px;height:16px;background:#1a1a2e;border-radius:3px;overflow:hidden}.unit-detail-bar-fill{height:100%;border-radius:3px}.unit-detail-bar-fill--hp{background:linear-gradient(90deg,#dc2626,#ef4444)}.unit-detail-bar-fill--shield{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.unit-detail-bar-fill--energy{background:linear-gradient(90deg,#2563eb,#3b82f6)}.unit-detail-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#f1f5f9;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.7)}.unit-detail-attrs{display:flex;gap:16px;font-size:13px;color:#94a3b8;margin-bottom:16px}.unit-detail-section{margin-bottom:12px;padding:10px;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:#03091259}.unit-detail-loot>div{display:flex;flex-wrap:wrap;gap:7px}.unit-detail-section h4{color:#cbd5e1;font-size:14px;margin:0 0 8px}.unit-detail-table{width:100%;border-collapse:collapse;font-size:11px;color:#94a3b8;table-layout:fixed}.unit-detail-table th{color:#64748b;font-weight:400;text-align:left;padding:1px 2px;border-bottom:1px solid #1e293b}.unit-detail-table td{padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-detail-table td:nth-child(odd){color:#64748b;width:32%}.unit-detail-table td:nth-child(2n){color:#e2e8f0;font-weight:500;width:18%;max-width:48px;text-align:right}.unit-detail-table tr.table-section-divider td{color:#475569;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding-top:6px;border-bottom:1px solid #1e293b;text-align:center}.unit-detail-controls{display:flex;flex-wrap:wrap;gap:6px}.unit-control-tag{display:inline-block;padding:2px 8px;background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:4px;font-size:12px}.unit-detail-buffs{display:flex;flex-direction:column;gap:4px}.unit-detail-buff{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 6px;background:#0f172a99;border-radius:4px}.unit-detail-buff-icon{font-size:16px;width:20px;text-align:center}.unit-detail-buff-name{color:#60a5fa;flex:1}.unit-detail-buff-stack{color:#eab308;font-size:11px}.unit-detail-buff-time{color:#94a3b8;font-size:11px}.unit-detail-empty{color:#64748b;font-size:12px;padding:8px 0}.battle-status-count{display:inline-block;font-size:12px;color:#94a3b8;padding:4px 8px;background:#0f172a99;border-radius:4px}@media (max-width: 768px){.battle-arena{padding:8px 6px;gap:0}.battle-side{grid-template-columns:repeat(2,1fr);gap:4px;max-width:none}.unit-panel{width:90px;padding:8px 6px 12px}.unit-panel .unit-skill-name{font-size:11px}.unit-bar{height:14px;margin-bottom:2px}.unit-bar-text{font-size:9px}.unit-action-bar{height:8px}.unit-action-time,.unit-action-skill-label{font-size:9px}.battle-divider{min-height:100px;margin:0 6px}.battle-header{font-size:11px;margin:0 8px;padding:4px 0 2px}.battle-log{max-height:80px}.battle-log-entry{font-size:11px}}.battle-view--end{display:flex;align-items:center;justify-content:center;height:100%}.battle-end-panel{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:#1a2235;border:1px solid #2a3a5a;border-radius:12px}.battle-end-result{font-size:32px;font-weight:900;color:#f1f5f9}.battle-end-info{color:#94a3b8;font-size:14px}.battle-end-actions{display:flex;gap:12px}.battle-settle-btn,.battle-continue-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.battlefield{position:relative;height:100%;min-height:0;overflow:hidden;color:#e8eef7;background:#050a12}.battlefield-header{position:relative;z-index:30;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:44px;padding:0 20px;border-bottom:1px solid rgba(184,203,225,.24);background:linear-gradient(180deg,#111c2bfa,#050b14e6);box-shadow:inset 0 -1px #e0bc691f,0 7px 22px #00000057}.battlefield-header:after{content:"";position:absolute;left:50%;bottom:-1px;width:min(360px,45vw);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(225,190,109,.78),transparent)}.battlefield-header h2{margin:0;color:#eef4fc;font-size:15px;font-weight:700;letter-spacing:.24em;text-shadow:0 2px 8px rgba(0,0,0,.75)}.battle-status-count,.battle-status-running{padding:4px 10px!important;border:1px solid rgba(151,175,204,.28);border-radius:12px!important;background:linear-gradient(180deg,#27384cb8,#0a131fd1)!important;box-shadow:inset 0 1px #ffffff14}.battle-status-count{color:#d9c28d}.battle-status-running{position:relative;padding-left:22px!important;border-color:#52b28157;color:#83ddb0}.battle-status-running:before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;border-radius:50%;background:#5ed69a;box-shadow:0 0 9px #5ed69acc;transform:translateY(-50%);animation:battlefield-status-pulse 1.6s ease-in-out infinite}@keyframes battlefield-status-pulse{50%{opacity:.45;box-shadow:0 0 3px #5ed69a66}}.battlefield>.battle-view--empty,.battlefield>.battle-view--end{flex:1 1 auto;background:radial-gradient(circle at 50% 48%,rgba(52,77,103,.2),transparent 36%),linear-gradient(145deg,#091522,#030810 72%)}.battlefield .battle-empty-msg,.battlefield .battle-end-panel{position:relative;min-width:min(360px,calc(100% - 40px));box-sizing:border-box;padding:24px 30px;border:1px solid rgba(149,172,198,.24);border-radius:4px 14px;background:linear-gradient(145deg,#192738eb,#060d16f5);color:#aebdce;text-align:center;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff0f,0 16px 38px #00000061}.battlefield .battle-empty-msg:before,.battlefield .battle-end-panel:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(226,190,105,.8),transparent)}.battlefield .battle-view--error .battle-empty-msg{border-color:#c1484861;color:#efaaa5}.battlefield .battle-view--loading .battle-empty-msg,.battlefield .battle-view--end .battle-end-result{color:#e3c77f}.battle-view{position:relative;min-height:0;overflow:hidden;isolation:isolate;background-color:#07101c;background-image:radial-gradient(ellipse at 50% 48%,#526f8d14,#02070e85 78%),linear-gradient(180deg,#060d1740,#03080fdb);background-position:center;background-repeat:no-repeat;background-size:cover}.battle-view--with-background{background-image:none}.battle-view--with-background .battle-arena{background-image:linear-gradient(90deg,#050d1885,#08111c1a 27%,#08111c1a 73%,#18080c7a),linear-gradient(180deg,#040a121f,#0409100f 48%,#02070da8),var(--battle-background-image);background-position:center bottom;background-repeat:no-repeat;background-size:cover}.battle-view:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 90px #00000080,inset 0 -80px 90px #00000061}.battle-arena{position:relative;align-items:center;padding:28px 26px 12px;box-shadow:inset 0 -30px 38px #01050a66}.battle-side{align-content:center;gap:10px;transform:translateY(6%)}.battle-divider{position:relative;width:42px;min-height:270px;margin:0 8px;background:linear-gradient(180deg,transparent,rgba(205,221,238,.35) 35%,rgba(231,193,104,.7) 50%,rgba(205,221,238,.35) 65%,transparent);clip-path:polygon(48% 0,52% 0,59% 45%,100% 50%,59% 55%,52% 100%,48% 100%,41% 55%,0 50%,41% 45%);filter:drop-shadow(0 0 10px rgba(224,190,105,.32));transform:translateY(6%)}.unit-panel{width:148px;padding:8px 9px 12px;border:1px solid rgba(153,178,205,.42);border-radius:11px;background:linear-gradient(155deg,#182637cc,#050c16e6);box-shadow:inset 0 1px #ffffff1a,0 10px 25px #0000006b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.unit-slot{position:relative}.unit-slot:after{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:-7px;height:14px;border-radius:50%;background:radial-gradient(ellipse,#000000b8,#0000 72%);filter:blur(2px);pointer-events:none}.battle-side--ally .unit-panel{border-color:#5ca3d68c;background:linear-gradient(155deg,#133147c7,#050f1be6)}.battle-side--enemy .unit-panel{border-color:#b5676f7a;background:linear-gradient(155deg,#3b1c26c2,#12080fe6)}.unit-panel:hover{transform:translateY(-4px);filter:brightness(1.1);border-color:#e5c579c7;background:linear-gradient(155deg,#263445db,#070e18f0);box-shadow:inset 0 1px #ffffff24,0 14px 30px #00000080,0 0 15px #dcb8611f}.battle-side--ally .unit-panel:hover{border-color:#70c5f7eb;background:linear-gradient(155deg,#194562e6,#051220f5);box-shadow:inset 0 1px #ddf4ff33,0 15px 32px #00000085,0 0 22px #45aae857}.battle-side--enemy .unit-panel:not(.unit-panel--elite):not(.unit-panel--boss):hover{border-color:#cf6868e6;background:linear-gradient(155deg,#4b2026e8,#18090ff7);box-shadow:inset 0 1px #ffd5cd1f,0 15px 32px #00000085,0 0 20px #b2373d47}.battle-side--enemy .unit-panel--elite:hover{border-color:#f4d067fa!important;background:linear-gradient(155deg,#52421df0,#17100afa)!important;box-shadow:inset 0 1px #fff2b738,0 15px 34px #0000008a,0 0 26px #deb23d66!important}.battle-side--enemy .unit-panel--boss:hover{border-color:#ff775b!important;background:linear-gradient(155deg,#631d1bf5,#1c070cfc)!important;box-shadow:inset 0 1px #ffdcc12e,0 17px 38px #00000094,0 0 31px #e4372580!important}.unit-name{margin:0 -2px 5px;padding:3px 6px 5px;color:#edf3fb;font-size:12px;font-weight:700;letter-spacing:.04em;border-bottom:1px solid rgba(184,205,228,.16);text-shadow:0 2px 5px #000}.unit-avatar{margin-bottom:7px}.unit-avatar-placeholder{width:104px;height:108px;overflow:visible;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 82%,rgba(108,154,195,.3),transparent 62%)}.battle-side--enemy .unit-avatar-placeholder img{width:112%!important;height:112%!important;border-radius:0!important;-o-object-fit:contain!important;object-fit:contain!important;filter:drop-shadow(0 8px 7px rgba(0,0,0,.65))}.battle-side--ally .unit-avatar-placeholder:before{content:"◆";display:flex;width:72px;height:72px;align-items:center;justify-content:center;color:#abd6f6e6;border:1px solid rgba(129,190,232,.55);transform:rotate(45deg);background:radial-gradient(circle,#4285b585,#081f31d1);box-shadow:inset 0 0 16px #b1dfff29,0 0 18px #4ba0dc2e;text-shadow:0 0 10px rgba(194,230,255,.8)}.battle-side--ally .unit-avatar-placeholder:has(.unit-player-appearance):before{display:none}.battle-side--ally .unit-panel--player-portrait .unit-avatar-placeholder:before{display:none}.battle-side--ally .unit-panel--player-portrait .unit-avatar-placeholder{background:transparent}.unit-player-appearance{position:relative;z-index:1;display:block;width:100%;height:100%;margin:0 auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;transform:scale(1.08);transform-origin:center 58%;filter:drop-shadow(0 8px 7px rgba(0,0,0,.62));pointer-events:none}@media (max-width: 1600px){.battle-side{grid-template-columns:repeat(2,auto);gap:7px}.unit-panel{width:clamp(94px,8vw,124px)}.unit-avatar-placeholder{width:88px;height:92px}.unit-panel--boss{width:138px!important}.unit-panel--boss .unit-avatar-placeholder{width:104px!important;height:108px!important}.battle-divider{width:28px;margin:0 4px}}.unit-panel--elite{border-color:#d8b55dd1!important;background:linear-gradient(155deg,#3d331cd1,#0f0c13f0)!important;box-shadow:inset 0 1px #ffecb02e,0 0 18px #d2a94633,0 12px 28px #00000075}.unit-panel--boss{width:174px!important;border-color:#e26453e0!important;border-radius:13px;background:linear-gradient(155deg,#4d1b1bdb,#11070df5)!important}.unit-panel--boss .unit-avatar-placeholder{width:132px!important;height:132px!important;border:0}.unit-bar{height:15px;margin-bottom:4px;border:1px solid rgba(174,195,218,.16);border-radius:3px;background:#01060cd6;box-shadow:inset 0 1px 4px #000000e6}.unit-bar-fill,.unit-bar-fill--shield{border-radius:2px;box-shadow:inset 0 1px #fff3}.unit-bar--hp .unit-bar-fill{background:linear-gradient(90deg,#7c1f2d,#d64a4e 62%,#f08369)}.unit-bar--energy .unit-bar-fill{background:linear-gradient(90deg,#174b7d,#2e83c0 65%,#65b4df)}.unit-bar-text{font-size:9px;letter-spacing:.02em}.unit-action-bar{width:100%;height:16px;margin-top:6px;border:1px solid rgba(225,190,106,.2);border-radius:4px;background:#01060ce0}.unit-action-fill{background:linear-gradient(90deg,#a16c24,#e7bf64 70%,#fff0ad)}.unit-action-time{top:0;right:0;bottom:0;left:0;width:auto;min-width:0;height:auto;transform:none;display:grid;place-items:center;font-size:11px;line-height:14px;white-space:nowrap}.unit-action-skill-label{color:#f0d493}.unit-action-bar--idle{border-color:#8a9eb529;background:#01050ab8}.unit-action-bar--idle .unit-action-fill{width:0!important}.unit-action-bar--idle .unit-action-time{color:#b2bfcf80}.unit-action-skill-label{height:14px;min-height:14px;line-height:14px;overflow:hidden}.battle-footer{height:132px;border-top:1px solid rgba(183,205,228,.22);background:linear-gradient(180deg,#0b1623,#03080f 88%);box-shadow:0 -9px 26px #0006,inset 0 1px #e1be6a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.battle-log{width:min(42vw,520px);padding:10px 16px;color:#9eacbd;border-right:1px solid rgba(213,181,107,.18);scrollbar-width:thin}.battle-log-entry{padding-left:8px;border-left:1px solid rgba(133,159,187,.18);line-height:1.5}.battle-skill-panel{padding:9px 14px}.battle-skill-title{color:#d9bd7d;letter-spacing:.16em}.battle-skill-grid{gap:8px}.battle-skill-btn{width:62px;height:62px;border:1px solid rgba(192,163,96,.5);border-radius:9px;background:radial-gradient(circle at 50% 35%,#3d556e9e,#060d17f0);box-shadow:inset 0 1px #fff1cb1f,0 4px 11px #00000059}.battle-skill-btn--cd{filter:saturate(.45) brightness(.7)}.battle-skill-name{color:#edf2f8;text-shadow:0 2px 4px #000}@media (max-width: 768px){.battlefield-header{min-height:38px;padding:0 10px}.battle-arena{padding:12px 5px 7px}.battle-side{gap:4px}.battle-divider{width:20px;min-height:150px;margin:0 2px}.unit-panel{width:94px;padding:6px 5px 9px}.unit-action-bar{height:15px}.unit-action-time{min-width:0;font-size:10px;line-height:13px}.unit-avatar-placeholder{width:72px;height:76px}.unit-player-appearance{transform:scale(1.06)}.unit-panel--boss{width:110px!important}.unit-panel--boss .unit-avatar-placeholder{width:86px!important;height:88px!important}.battle-footer{height:112px}.battle-log{width:42%;padding:7px 8px}.battle-skill-panel{padding:7px 8px}.battle-skill-btn{width:48px;height:48px}}.unit-detail-modal{padding:18px;background:radial-gradient(circle at 50% 42%,#1f304457,#000308e0 68%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.unit-detail-content{position:relative;width:min(760px,92vw);min-width:0;max-width:760px;max-height:min(84vh,780px);padding:0 22px 20px;border:1px solid rgba(139,165,193,.5);border-radius:4px 18px;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 22%),linear-gradient(155deg,#152334fc,#040a13fe);box-shadow:0 30px 90px #000000d1,inset 0 1px #ffffff1a}.unit-detail-content:before{content:"";position:sticky;z-index:4;top:0;display:block;height:3px;margin:0 -22px 16px;background:linear-gradient(90deg,transparent,#8fa7bf 22%,#e0c582 50%,#8fa7bf 78%,transparent);box-shadow:0 0 15px #b4cae040}.unit-detail-content--ally{border-color:#5caee1ad}.unit-detail-content--ally:before{background:linear-gradient(90deg,transparent,#57b9ed 28%,#cceeff 50%,#57b9ed 72%,transparent)}.unit-detail-content--enemy{border-color:#bb5c619e}.unit-detail-content--enemy:before{background:linear-gradient(90deg,transparent,#a84249 28%,#e59a8a 50%,#a84249 72%,transparent)}.unit-detail-content--elite{border-color:#dcb74fc7}.unit-detail-content--elite:before{background:linear-gradient(90deg,transparent,#c79331 24%,#ffeda3 50%,#c79331 76%,transparent)}.unit-detail-content--boss{border-color:#e24e3dd1}.unit-detail-content--boss:before{background:linear-gradient(90deg,transparent,#b52d2b 24%,#ff9571 50%,#b52d2b 76%,transparent)}.unit-detail-header{position:sticky;z-index:3;top:3px;margin:-16px -22px 18px;padding:14px 22px;border-bottom:1px solid rgba(186,207,228,.17);background:linear-gradient(180deg,#111d2cfc,#08101bf7);box-shadow:0 9px 22px #00000047}.unit-detail-portrait{width:82px;height:82px;border-radius:7px 16px;background:radial-gradient(circle at 50% 34%,#56749299,#09121e 75%)}.unit-detail-portrait img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(0,0,0,.58))}.unit-detail-content--ally .unit-detail-portrait{border-color:#62b9e8;box-shadow:inset 0 1px #e0f6ff38,0 0 18px #42a4dc2e}.unit-detail-content--enemy .unit-detail-portrait{border-color:#b66165;box-shadow:inset 0 1px #ffe1d924,0 0 18px #b5444829}.unit-detail-content--elite .unit-detail-portrait{border-color:#ddb851;box-shadow:inset 0 1px #fff2b838,0 0 20px #daae4138}.unit-detail-content--boss .unit-detail-portrait{border-color:#e65947;box-shadow:inset 0 1px #ffddc92e,0 0 23px #de3d2f47}.monster-detail-content{isolation:isolate}.monster-detail-rank{flex:0 0 auto;margin-left:auto;border-radius:3px 9px;background:#040a12b8;font-size:10px;font-style:normal}.monster-detail-rank--enemy{color:#d78982}.monster-detail-rank--elite{color:#f0cf78}.monster-detail-rank--boss{color:#f07c69}.monster-detail-skill{position:relative;overflow:hidden;margin-bottom:7px;padding:10px 12px;border:1px solid rgba(148,174,201,.15);border-left-color:#d2b56c80;border-radius:3px 10px;background:linear-gradient(145deg,#152130e0,#040a12db);box-shadow:inset 0 1px #ffffff09,0 5px 14px #0003}.monster-detail-skill:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,#d5b467,transparent)}.monster-detail-skill__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.monster-detail-skill__name{color:#f0dfb8;font-size:13px;font-weight:700;letter-spacing:.04em}.monster-detail-skill__type{flex:0 0 auto;padding:2px 7px;color:#a9b7c8;border:1px solid rgba(153,176,204,.2);border-radius:999px;background:#0409109e;font-size:9px}.monster-detail-skill__meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:6px;color:#91a2b6;font-size:10px}.monster-detail-skill__meta span{padding-right:10px;border-right:1px solid rgba(139,162,190,.13)}.monster-detail-skill__meta span:last-child{padding-right:0;border-right:none}.monster-detail-skill__description{margin-top:7px;padding-top:7px;color:#aab8c9;border-top:1px solid rgba(141,164,192,.11);font-size:11px;line-height:1.55}.unit-detail-heading{flex:1}.unit-detail-heading h3{margin:0!important;color:#f3ead5;font-size:22px;letter-spacing:.08em;text-shadow:0 3px 9px rgba(0,0,0,.8)}.unit-detail-heading span{color:#91a3b8;letter-spacing:.18em}.unit-detail-status{margin-left:auto;padding:5px 11px;border:1px solid currentColor;border-radius:999px;letter-spacing:.08em}.unit-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px;padding:12px;border:1px solid rgba(151,178,204,.15);border-radius:10px;background:#01070e8c}.unit-detail-stat{display:block}.unit-detail-stat-label{display:block;margin-bottom:5px;color:#9eafc1;font-size:10px;letter-spacing:.12em}.unit-detail-stat-bar{width:100%;height:18px;border:1px solid rgba(174,199,221,.14);background:#020711;box-shadow:inset 0 2px 5px #000c}.unit-detail-section{padding:12px 14px;border-color:#94aec926;border-radius:3px 11px;background:linear-gradient(145deg,#0c1724cc,#030911b8);box-shadow:inset 0 1px #ffffff09}.unit-detail-section h4{margin:0 0 10px;padding-bottom:7px;color:#d8c18b;border-bottom:1px solid rgba(209,182,112,.16);font-size:12px;letter-spacing:.14em}.unit-detail-table{font-size:12px}.unit-detail-table td{padding:5px 6px;border-bottom:1px solid rgba(126,151,176,.065)}.unit-detail-table td:nth-child(odd){color:#8192a7}.unit-detail-table td:nth-child(2n){color:#edf3fa}.unit-detail-table tr.table-section-divider td{padding:8px 4px 5px;color:#c0a86f;border-bottom-color:#ccaf672e}.unit-detail-close{position:sticky;bottom:0;margin-top:18px;padding:11px;color:#efe4c8;border:1px solid rgba(206,177,105,.48);border-radius:3px 10px;background:linear-gradient(180deg,#2b3d50,#111d2a);box-shadow:inset 0 1px #ffffff1a,0 8px 22px #00000059}.unit-detail-close:hover{border-color:#efcf7ec7;background:linear-gradient(180deg,#3b5064,#172737)}@media (max-width: 768px){.battle-side,.battle-divider{transform:translateY(3%)}.unit-detail-modal{padding:8px}.unit-detail-content{width:96vw;max-height:90vh;padding:0 12px 14px}.unit-detail-content:before{margin-left:-12px;margin-right:-12px}.unit-detail-header{margin-left:-12px;margin-right:-12px;padding:11px 12px}.unit-detail-portrait{width:62px;height:62px}.unit-detail-heading h3{font-size:17px}.unit-detail-status{padding:4px 7px;font-size:10px}.unit-detail-stats{grid-template-columns:1fr}.unit-detail-table{font-size:10px}.unit-detail-table td{padding:4px 3px}}.battle-settle-btn{background:#2563eb;color:#fff}.battle-settle-btn:hover{background:#3b82f6}.battle-settle-btn:disabled{opacity:.6;cursor:not-allowed}.battle-continue-btn{background:#1e293b;color:#e2e8f0;border:1px solid #334155}.battle-continue-btn:hover{background:#334155}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;animation:popup-fade-in .15s ease}.popup-container{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;width:100%;max-height:85vh;overflow-y:auto;animation:popup-scale-in .2s ease}.popup-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.popup-stat-item{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid #1e293b}.popup-stat-label{font-size:12px;color:#94a3b8}.popup-stat-value{font-size:12px;color:#e2e8f0;font-weight:600}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.th-container{flex:1;padding:0;color:#e0e0e0;display:flex;flex-direction:column;overflow:hidden;min-height:0}.th-body{flex:1;padding:10px 12px;min-height:0;overflow-y:auto}.th-task-card--main{border-color:#facc158c!important;box-shadow:inset 3px 0 #eab308,0 0 18px #eab30814}.th-main-badge{display:inline-block;margin-right:8px;padding:2px 7px;border-radius:10px;background:linear-gradient(135deg,#92400e,#ca8a04);color:#fef3c7;font-size:.7em;vertical-align:middle}.th-task-permanent,.th-main-locked{color:#facc15;font-size:.76em}.th-main-locked{margin-top:8px;text-align:right;opacity:.8}.th-header{display:flex;flex-direction:column;padding:10px 14px;background:#162032b3;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:5}.th-header-main{width:100%;display:flex;align-items:center;justify-content:space-between}.th-header-left{display:flex;align-items:center;gap:12px}.th-header-icon{font-size:28px;line-height:1}.th-header-info h2{margin:0;font-size:1.2em;color:gold}.th-header-stats{display:flex;gap:12px;margin-top:3px;font-size:.8em;color:#94a3b8}.th-header-stat{display:flex;align-items:center;gap:4px}.th-header-level{display:flex;flex-direction:column;align-items:center;gap:2px}.th-level-badge{background:linear-gradient(135deg,#4a6fa5,#3a5f9a);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:700;border:1px solid rgba(255,255,255,.2)}.th-level-next-text{font-size:.75em;color:#94a3b8;text-align:center;margin:2px 0}.th-level-maxed-text{font-size:.85em;color:gold;font-weight:700;text-align:center;margin:2px 0}.th-btn-upgrade{padding:3px 10px;border:1px solid #4a6fa5;border-radius:5px;background:#2a3a5e;color:#94a3b8;font-size:.75em;cursor:not-allowed;margin-top:2px}.th-btn-upgrade--ready{background:#2a6a3e;border-color:#4ade80;color:#4ade80;cursor:pointer}.th-btn-upgrade--ready:hover{background:#3a7a4e}.th-btn-upgrade:disabled{opacity:.6}.th-exp-bar-track{width:120px;height:6px;background:#2a2a3e80;border-radius:3px;overflow:hidden;margin-top:2px}.th-exp-bar-fill{height:100%;background:linear-gradient(90deg,#4a6fa5,#6a8fd5);border-radius:3px;transition:width .4s ease}.th-toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#16203280;border:1px solid rgba(255,255,255,.06);border-radius:8px;width:100%;box-sizing:border-box;margin-top:10px}.th-btn-refresh{padding:7px 18px;border:1px solid #4a6fa5;border-radius:6px;background:linear-gradient(135deg,#2a4a6a,#3a5a8a);color:#b8d4f0;cursor:pointer;font-size:.85em;font-weight:700;transition:all .15s;white-space:nowrap}.th-btn-refresh:hover:not(:disabled){background:linear-gradient(135deg,#3a5a7a,#4a6a9a);color:#fff;border-color:#6a8fbf}.th-btn-refresh:disabled{opacity:.4;cursor:not-allowed}.th-refresh-info{display:flex;gap:14px;font-size:.8em;color:#94a3b8;flex-wrap:wrap}.th-refresh-info-item{display:flex;align-items:center;gap:4px}.th-refresh-cost{color:gold}.th-refresh-count{color:#93c5fd}.th-refresh-timer{color:#fbbf24}.th-stats-bar{display:flex;gap:16px;padding:8px 14px;background:#16203266;border:1px solid rgba(255,255,255,.06);border-radius:8px;width:100%;box-sizing:border-box;margin-top:8px;font-size:.8em;color:#64748b;justify-content:center;flex-wrap:wrap}.th-stats-item{display:flex;align-items:center;gap:4px}.th-empty{text-align:center;padding:40px 20px;color:#64748b;font-size:.9em;background:#1620324d;border:1px dashed rgba(255,255,255,.08);border-radius:8px}.th-task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;background:#0f172ac2;border:1px solid rgba(148,163,184,.14);border-radius:8px}.th-task-card{background:#1e293b59;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px 10px;transition:border-color .2s;display:flex;flex-direction:column;font-size:.78rem}.th-task-card:hover{border-color:#3a3a5e;transform:translateY(-1px)}.th-task-card--available{border-left:3px solid #f59e0b}.th-task-card--active{border-left:3px solid #4a6fa5}.th-task-card--completed{border:1px solid rgba(34,197,94,.25);border-left:3px solid #22c55e}.th-task-card--expired{opacity:.5}.th-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.th-task-title-area{flex:1;min-width:0}.th-task-name{color:#f1f5f9;font-weight:700;font-size:.95em}.th-task-desc{font-size:.84em;color:#94a3b8;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-task-meta{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:8px}.th-task-type{color:#8ed8ff;border:1px solid rgba(92,180,226,.35);border-radius:4px;padding:2px 6px;font-size:12px;white-space:nowrap}.th-status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.78em;font-weight:700}.th-status-badge--active{background:#1e3a5f99;color:#93c5fd}.th-status-badge--completed{background:#14532d80;color:#4ade80}.th-status-badge--expired,.th-status-badge--claimed{background:#2a2a2a80;color:#888}.th-task-timer{font-size:.82em;color:#fbbf24;white-space:nowrap}.th-progress-list{margin-bottom:8px;flex:1}.th-progress-row{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:.84em}.th-progress-item-name{color:#cbd5e1;min-width:90px;font-size:13px;font-weight:600}.th-progress-item-name--done{color:#4ade80}.th-progress-bar-track{flex:1;height:8px;max-width:120px;background:#2a2a3e;border-radius:3px;overflow:hidden}.th-progress-bar-fill{height:100%;background:linear-gradient(90deg,#4a6fa5,#6a8fd5);border-radius:3px;transition:width .3s ease}.th-progress-bar-fill--done{background:linear-gradient(90deg,#22c55e,#4ade80)}.th-progress-numbers{color:#94a3b8;font-size:14px;font-weight:700;min-width:48px;text-align:right}.th-btn-deliver{padding:3px 12px;border:1px solid #4a6fa5;border-radius:4px;background:#1e3a5f;color:#93c5fd;cursor:pointer;font-size:.78em;transition:all .15s;white-space:nowrap}.th-btn-deliver:hover:not(:disabled){background:#2a4a7a;color:#b8d4f0}.th-btn-deliver:disabled{opacity:.5;cursor:not-allowed}.th-progress-done-icon{color:#4ade80;font-size:.9em}.th-rewards{display:flex;gap:6px;font-size:.82em;padding:4px 6px;background:#fbbf240f;border:1px solid rgba(251,191,36,.15);border-radius:6px;margin-bottom:8px}.th-reward-item{display:flex;align-items:center;gap:4px}.th-reward-label{color:#94a3b8}.th-reward-value{color:#fbbf24;font-weight:700}.th-rewards .th-item-icon{width:28px;height:28px}.th-rewards .th-item-qty{font-size:11px;min-width:16px;padding:0 3px}.th-btn-claim{padding:7px 24px;border:1px solid #22c55e;border-radius:6px;background:linear-gradient(135deg,#166534,#1a7a3a);color:#86efac;cursor:pointer;font-size:.85em;font-weight:700;transition:all .15s;display:block;width:100%;text-align:center;margin-top:auto}.th-btn-claim:hover{background:linear-gradient(135deg,#1a7a3a,#22c55e);color:#fff;border-color:#4ade80}.th-loading{text-align:center;padding:60px 20px;color:#888;font-size:1em}.th-error-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#3a1a1a;color:#f88;padding:10px 24px;border-radius:8px;border:1px solid rgba(244,67,54,.4);z-index:9999;font-size:.9em;animation:thFadeIn .3s ease;box-shadow:0 4px 12px #0006}.th-error-toast--success{background:#1a3a1a;color:#8f8;border-color:#4caf5066}@keyframes thFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.th-status-badge--available{background:#5a4a0e;color:#fcd34d}.th-section{margin-bottom:8px}.th-section-header{display:flex;align-items:center;gap:6px;padding:4px 0 6px;font-size:.95em;font-weight:700;color:#cbd5e1}.th-section-hint{font-size:.82em;color:#64748b;font-weight:400}.th-section-empty-hint{font-size:.78em;color:#fbbf24;font-weight:400;margin-left:auto}.th-empty--board{text-align:center;padding:16px;color:#64748b;font-size:.85em;background:#1a1a2e;border:1px dashed #333;border-radius:8px}.th-toolbar-left{display:flex;align-items:center;gap:12px}.th-slot-info{font-size:.8em;color:#94a3b8}.th-slot-info strong{color:#93c5fd}.th-btn-accept{padding:4px 12px;border:1px solid #f59e0b;border-radius:4px;background:linear-gradient(135deg,#5a4a0e,#6a5a1e);color:#fcd34d;cursor:pointer;font-size:.85em;font-weight:700;transition:all .15s;display:block;width:100%;text-align:center;margin-top:auto}.th-btn-accept:hover:not(:disabled){background:linear-gradient(135deg,#7a5a0e,#8a6a1e);color:#fff;border-color:#fbbf24}.th-btn-accept:disabled{opacity:.4;cursor:not-allowed}.th-item-icon{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.th-item-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.th-item-qty{position:absolute;right:-4px;bottom:-4px;background:#000000d9;color:#f5efe6;font-size:12px;font-weight:700;padding:1px 4px;border-radius:3px;min-width:18px;text-align:center;line-height:1.35;border:1px solid rgba(200,180,120,.3)}.th-item-icon[title]{cursor:help}.th-monster-icon-wrap{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;overflow:hidden;background:#0f172acc;border:1px solid rgba(142,216,255,.25)}.th-monster-icon{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.th-btn-row{display:flex;gap:8px;margin-top:4px;justify-content:flex-end}.th-btn-abandon{padding:3px 12px;border:1px solid #5a5a5a;border-radius:4px;background:transparent;color:#64748b;cursor:pointer;font-size:.73em;transition:all .15s}.th-btn-abandon:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#ef444414}.th-btn-abandon:disabled{opacity:.3;cursor:not-allowed}.th-progress-need{color:#cbd5e1;font-size:13px;font-weight:600;margin-left:4px}:root{--ui-ink: #070b12;--ui-panel: rgba(12, 18, 29, .94);--ui-panel-soft: rgba(19, 28, 43, .88);--ui-line: rgba(175, 144, 83, .34);--ui-line-soft: rgba(126, 155, 190, .2);--ui-gold: #d8bc7a;--ui-gold-bright: #f3dda3;--ui-text: #edf2f8;--ui-muted: #8d9aae}.eqv-wrap,.inv-view,.sk-manage,.altar-page,.stats-page,.inventory-page{color:var(--ui-text);background:radial-gradient(circle at 50% -18%,rgba(70,102,145,.2),transparent 45%),linear-gradient(145deg,#090e17,#111a29 52%,#080c13);border:1px solid var(--ui-line);box-shadow:inset 0 1px #ffffff0d,0 18px 45px #00000052}.eqv-wrap,.sk-manage,.altar-page{min-height:0;height:100%;overflow:hidden}.eqv-wrap:before,.sk-manage:before,.altar-page:before,.stats-page:before,.inventory-page:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--ui-gold),transparent);opacity:.75}.eqv-main,.eqv-summary,.eqv-picker,.eqv-modal,.eqv-set-section{background:linear-gradient(155deg,#182232f2,#080d16f7)!important;border-color:var(--ui-line)!important;box-shadow:inset 0 1px #ffffff0b,0 10px 28px #00000047}.eqv-slot{background:linear-gradient(145deg,#212c3deb,#0b111bf5)!important;border-color:#a9915c52!important;box-shadow:inset 0 0 18px #6889b414,0 4px 12px #00000052}.eqv-slot:hover{border-color:var(--ui-gold)!important;filter:brightness(1.12)}.eqv-summary-title,.eqv-section-title{color:var(--ui-gold-bright)!important;letter-spacing:.08em}.eqv-summary--drawer .eqv-summary-title{font-size:17px;text-align:center}.eqv-summary-subtitle{margin:5px 0 16px;color:var(--ui-muted);font-size:11px;text-align:center}.eqv-summary--drawer .eqv-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eqv-summary--drawer .eqv-summary-item{min-height:42px;padding:9px 11px;border:1px solid rgba(170,145,91,.22);background:#060b13a8}.eqv-summary--drawer .eqv-summary-val{font-size:14px;color:var(--ui-gold-bright)}.eqv-unequip-btn,.eqv-modal button,.eqv-picker button{border:1px solid var(--ui-line)!important;background:linear-gradient(180deg,#29384e,#151e2d)!important;color:var(--ui-text)!important}.inv-pop-panel,.inventory-info-bar,.inventory-content,.inventory-detail-panel{background:linear-gradient(150deg,#111927fa,#070b12fa)!important;border:1px solid var(--ui-line)!important;box-shadow:inset 0 1px #ffffff0d,0 20px 50px #00000080!important}.inventory-page{max-width:none!important;min-height:100%;padding:14px!important}.inventory-title,.inventory-header h1{color:var(--ui-gold-bright)!important;letter-spacing:.12em}.inventory-subtitle,.inventory-info-label{color:var(--ui-muted)!important}.inv-pop-header,.inventory-header{border-bottom:1px solid var(--ui-line)!important;background:linear-gradient(90deg,rgba(216,188,122,.08),transparent)!important}.inv-pop-body{min-height:0}.inv-pop-body--equipment{overflow:hidden!important}.inv-pop-body--skills{overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain}.inv-pop-body--skills>.sk-manage{height:auto;min-height:100%;overflow:visible;box-sizing:border-box}.inv-pop-tab,.inventory-tab,.category-tab{color:var(--ui-muted)!important;border:1px solid transparent!important;background:#ffffff06!important}.inv-pop-tab--active,.inventory-tab.active,.category-tab.active{color:var(--ui-gold-bright)!important;border-color:var(--ui-line)!important;background:linear-gradient(180deg,#b8934e30,#48371c1f)!important}.inv-pop-item,.inventory-slot,.inv-item-slot{background:linear-gradient(145deg,#1e293af2,#090e17fa)!important;border-color:#8ea2be38!important;box-shadow:inset 0 1px #ffffff0a,0 4px 12px #00000040}.inv-pop-item:hover,.inventory-slot:hover,.inv-item-slot:hover{border-color:var(--ui-gold)!important;transform:translateY(-1px)}.sk-manage{padding:10px}.sk-section,.sk-group,.sk-condition-panel{background:linear-gradient(145deg,#172131f0,#0a0f18f5)!important;border:1px solid var(--ui-line-soft)!important;box-shadow:inset 0 1px #ffffff09,0 8px 20px #00000038}.sk-section-title,.sk-group-label{color:var(--ui-gold-bright)!important;border-color:var(--ui-line)!important;letter-spacing:.06em}.skill-slot,.sk-slot{background:linear-gradient(145deg,#1b283b,#0b111c)!important;border-color:#a08b5c57!important}.skill-slot:hover,.sk-slot:hover{border-color:var(--ui-gold)!important;box-shadow:0 0 18px #d8bc7a1f}.sk-manage button:not(:disabled){transition:border-color .15s,filter .15s,transform .15s}.sk-manage button:not(:disabled):hover{filter:brightness(1.14)}.sk-config-meta{display:flex;flex-direction:column;gap:3px;margin-top:6px;color:#b9c5d4;font-size:11px;font-weight:400;letter-spacing:.02em}.sk-config-meta span:first-child{color:var(--ui-gold-bright)}.sk-skill-card{position:relative;overflow:hidden;padding:8px 10px!important;border:1px solid rgba(153,174,202,.2)!important;border-radius:4px 9px!important;background:linear-gradient(145deg,#1c283af0,#080d16fa)!important;box-shadow:inset 0 1px #ffffff0b,0 5px 13px #0000003d}.sk-skill-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,rgba(216,188,122,.78),transparent)}.sk-skill-card:hover{border-color:#d8bc7a9e!important;box-shadow:inset 0 1px #ffffff0f,0 7px 18px #0000004d,0 0 15px #d8bc7a1a!important;transform:translateY(-1px)}.sk-skill-card-name{color:#edf2f8!important}.sk-skill-card-level{color:var(--ui-gold-bright)!important}.sk-exp-bar,.sk-exp-bar-mini{border:1px solid rgba(132,153,181,.16);background:#050a12!important}.sk-exp-fill,.sk-exp-fill-mini{background:linear-gradient(90deg,#896526,#d9b75f 68%,#f3dda3)!important}.sk-cond-summary-item{padding:9px 11px!important;border:1px solid rgba(154,176,204,.18)!important;border-left-color:#d8bc7a8f!important;border-radius:3px 8px!important;background:linear-gradient(145deg,#192434eb,#070c14f5)!important;box-shadow:inset 0 1px #ffffff09,0 5px 14px #0003}.sk-cond-overlay{padding:18px;background:radial-gradient(circle at 50% 36%,#23354857,#01050ad1 70%)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sk-cond-panel{position:relative;width:min(900px,94vw);min-width:0!important;max-width:900px!important;max-height:min(84vh,760px)!important;overflow:hidden;border:1px solid rgba(202,174,108,.48)!important;border-radius:4px 16px!important;background:linear-gradient(150deg,#192737fc,#050c15fe)!important;box-shadow:inset 0 1px #ffffff17,0 28px 72px #000000bd,0 0 24px #c09d4c1a}.sk-cond-panel:before{content:"";position:absolute;z-index:3;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#9d7d3e 24%,#f0d58b 50%,#9d7d3e 76%,transparent);pointer-events:none}.sk-cond-header{min-height:54px;padding:14px 18px!important;color:#efe4c9!important;border-bottom:1px solid rgba(196,167,99,.22)!important;background:linear-gradient(180deg,#23303efa,#0d1722f7);font-size:15px!important;letter-spacing:.09em;box-shadow:0 8px 20px #0000003d}.sk-cond-header .sk-btn-close{width:30px;height:30px;padding:0;border:1px solid rgba(176,193,210,.25);border-radius:3px 9px;background:#0309109e;color:#aebdcb}.sk-cond-header .sk-btn-close:hover{color:#f4dfac;border-color:#ddbc6c9e;background:#4c3b1d75}.sk-cond-body{padding:14px 16px 16px!important;scrollbar-width:thin;scrollbar-color:rgba(202,171,97,.46) transparent}.sk-cond-divider{height:1px;margin:13px 2px;border:0;background:linear-gradient(90deg,transparent,rgba(209,179,107,.28),transparent)}.sk-cond-row{position:relative;display:block!important;margin-bottom:10px!important;padding:12px 13px 13px!important;border:1px solid rgba(139,164,190,.2)!important;border-left-color:#d3b36480!important;border-radius:3px 11px!important;background:linear-gradient(145deg,#142230eb,#050c15e0)!important;box-shadow:inset 0 1px #ffffff0b,0 6px 16px #0003}.sk-cond-row:hover{border-color:#cfb36e7a!important;transform:translateY(-1px)}.sk-cond-row--cooldown{border-left-color:#59a4d394!important;background:linear-gradient(145deg,#142b3deb,#050e18e6)!important}.sk-cond-row-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:8px;color:#dfc581;border-bottom:1px solid rgba(201,173,105,.14);font-size:11px;font-weight:700;letter-spacing:.1em}.sk-cond-row-title small{color:#73869a;font-size:9px;font-weight:500;letter-spacing:.08em}.sk-cond-fields{grid-template-columns:repeat(4,minmax(140px,1fr))!important;gap:11px!important}.sk-cond-row--cooldown .sk-cond-fields{grid-template-columns:minmax(150px,220px) 1fr!important;align-items:end}.sk-cond-label{margin-bottom:3px;color:#8497aa!important;font-size:9px!important;letter-spacing:.1em!important}.sk-cond-select,.sk-cond-input{min-height:34px;padding:6px 9px!important;color:#e8eef5!important;border:1px solid rgba(137,163,190,.28)!important;border-radius:3px 8px!important;background:linear-gradient(180deg,#050d17f0,#0a141ff5)!important;box-shadow:inset 0 1px 4px #00000080}.sk-cond-select:focus,.sk-cond-input:focus{border-color:#debd6cad!important;box-shadow:0 0 0 2px #d2b15e1a,inset 0 1px 4px #00000080}.sk-cond-hint{color:#718499!important;font-size:10px}.sk-btn-remove-cond{margin:0!important;padding:4px 9px!important;color:#e7a09c!important;border:1px solid rgba(190,84,80,.42)!important;border-radius:3px 7px!important;background:linear-gradient(180deg,#5b21238c,#2a1115b8)!important;font-size:10px!important;letter-spacing:.04em}.sk-btn-remove-cond:hover{color:#ffd5cf!important;border-color:#e76961c7!important;background:linear-gradient(180deg,#7f2b2bb8,#391418d6)!important}.sk-cond-footer{padding:11px 16px 14px!important;border-top:1px solid rgba(203,173,103,.2)!important;background:linear-gradient(0deg,#050c15fc,#0c1621f7)}.sk-btn-add-cond{min-height:38px;color:#f2dfac!important;border:1px solid rgba(218,184,101,.58)!important;border-radius:3px 10px!important;background:linear-gradient(180deg,#554527eb,#271f16fa)!important;box-shadow:inset 0 1px #ffffff1a,0 5px 12px #00000047;font-size:12px!important;letter-spacing:.1em}.sk-btn-add-cond:hover{filter:brightness(1.16);box-shadow:inset 0 1px #ffffff24,0 0 15px #d7b46033}@media (max-width:760px){.sk-cond-overlay{padding:8px}.sk-cond-panel{width:96vw;max-height:90vh!important}.sk-cond-fields{grid-template-columns:1fr 1fr!important}.sk-cond-row--cooldown .sk-cond-fields{grid-template-columns:1fr!important}}@media (max-width:460px){.sk-cond-fields{grid-template-columns:1fr!important}}.sk-cond-chip{color:#cbd6e3!important;border-color:#a0895540!important;background:#aa894417!important}.sk-btn-edit-cond{color:var(--ui-gold-bright)!important;border-color:var(--ui-line)!important}.sk-modal{border:1px solid rgba(206,177,109,.48)!important;border-radius:4px 13px!important;background:linear-gradient(150deg,#162131fc,#050a12fe)!important;box-shadow:0 28px 75px #000000b8,inset 0 1px #ffffff12!important}.sk-modal-header{color:var(--ui-gold-bright)!important;border-bottom-color:var(--ui-line)!important;background:linear-gradient(90deg,rgba(173,135,61,.16),rgba(33,47,66,.25),transparent);letter-spacing:.08em}.sk-modal-body{min-height:0;padding:11px 14px 14px!important;background:radial-gradient(circle at 85% 0,rgba(62,91,125,.1),transparent 38%);scrollbar-width:thin;scrollbar-color:rgba(192,161,91,.5) rgba(5,10,17,.7)}.sk-modal-item{margin-bottom:5px!important;border:1px solid rgba(139,160,187,.15);background:linear-gradient(145deg,#1c2737d1,#080e17e6)}.sk-modal-item:hover{border-color:#d8bc7a7a;background:linear-gradient(145deg,#2c3747e6,#0e151ff5)!important}.sk-modal-item--selected{border-color:#d8bc7ab8!important;background:linear-gradient(145deg,#644e255c,#1c1811e6)!important;box-shadow:inset 2px 0 #d8bc7a}.sk-skill-detail{position:relative;overflow:hidden;min-width:330px!important;max-width:430px!important;padding:0!important;border:1px solid rgba(218,185,107,.6)!important;border-radius:5px 16px!important;background:linear-gradient(150deg,#192536fe,#050a12fe)!important;box-shadow:0 30px 85px #000000c7,inset 0 1px #ffffff14!important}.sk-skill-detail:before{content:"";display:block;height:3px;background:linear-gradient(90deg,transparent,#9d7b35,#f0d997,#9d7b35,transparent)}.sk-skill-detail-header{margin:0!important;padding:15px 18px 13px!important;border-bottom-color:#ccae6947!important;background:linear-gradient(90deg,rgba(165,126,52,.17),rgba(36,50,69,.32),transparent)}.sk-skill-detail-name{color:#f4ead2!important;letter-spacing:.06em}.sk-skill-detail-level{color:#ffe4a0!important;border:1px solid rgba(216,188,122,.34);background:#89652638!important}.sk-skill-detail-body{padding:16px 18px 18px}.sk-skill-detail-desc{padding:10px 12px;border-left:2px solid rgba(216,188,122,.42);background:#050a128c;color:#cbd6e3!important}.sk-skill-detail-stats{gap:0!important;padding:5px 12px!important;border:1px solid rgba(145,168,197,.17);border-radius:4px 10px!important;background:#03080fb3!important}.sk-skill-stat{padding:7px 1px;border-bottom:1px solid rgba(137,159,185,.1)}.sk-skill-stat:last-child{border-bottom:none}.sk-skill-stat span:last-child{color:var(--ui-gold-bright)!important}.sk-slot{min-height:58px!important;padding:7px 8px!important}.sk-slot-actions{flex-direction:column;gap:4px!important}.sk-btn-config,.sk-btn-remove{width:44px;min-height:22px;padding:3px 6px!important;border-radius:4px!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap}.sk-btn-config{color:var(--ui-gold-bright)!important;border-color:#d8bc7a6b!important;background:linear-gradient(180deg,#644e2657,#241c1075)!important}.sk-btn-remove{color:#eaa1a1!important;border-color:#b44c4c66!important;background:linear-gradient(180deg,#682a2a40,#2b121461)!important}.sk-btn-config:hover{border-color:#d8bc7a!important}.sk-btn-remove:hover{border-color:#d36b6b!important}.sk-qty-btn{width:24px!important;height:22px!important;font-size:15px!important}.inv-pop-item--filled{--item-rarity: #8b98a8}.inv-pop-item--common{--item-rarity: #8b8b8b}.inv-pop-item--uncommon{--item-rarity: #3f9f58}.inv-pop-item--rare{--item-rarity: #377ec4}.inv-pop-item--epic{--item-rarity: #884eb2}.inv-pop-item--legendary{--item-rarity: #bd782c}.inv-pop-item--mythic{--item-rarity: #b84040}.inv-pop-item--filled{border-color:color-mix(in srgb,var(--item-rarity) 42%,#607086)!important;background:radial-gradient(circle at 48% 38%,color-mix(in srgb,var(--item-rarity) 24%,transparent),transparent 70%),linear-gradient(145deg,#1c2737f5,#070c14fc)!important;box-shadow:inset 0 1px #ffffff12,0 4px 12px #00000047,0 0 10px color-mix(in srgb,var(--item-rarity) 12%,transparent)!important}.inv-pop-item--filled>div:first-child{width:100%!important;height:100%!important;margin:0!important}.inv-pop-item--filled>div:first-child>img{width:calc(100% - 6px)!important;height:calc(100% - 6px)!important}.inv-pop-item--filled:hover{border-color:color-mix(in srgb,var(--item-rarity) 75%,#f3dda3)!important}.eqv-block--filled,.eqv-modal-item--filled{border-color:color-mix(in srgb,var(--item-rarity) 52%,#718096)!important;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--item-rarity) 25%,transparent),transparent 70%),linear-gradient(145deg,#192433f0,#060b13fa)!important;box-shadow:inset 0 1px #ffffff12,0 5px 13px #00000047,0 0 11px color-mix(in srgb,var(--item-rarity) 15%,transparent)!important}.eqv-block--filled:hover,.eqv-modal-item--filled:hover{border-color:color-mix(in srgb,var(--item-rarity) 78%,#f3dda3)!important}.eqv-tips-panel--portal{position:fixed;z-index:2147483000;top:8px;left:8px;right:auto;width:340px;max-height:calc(100vh - 16px);overflow-y:auto;transform:none;scrollbar-width:thin;scrollbar-color:rgba(199,170,104,.58) rgba(5,10,18,.7)}.eqv-tips-panel--portal::-webkit-scrollbar{width:6px}.eqv-tips-panel--portal::-webkit-scrollbar-thumb{background:#c7aa6894;border-radius:4px}.eqv-tips-panel--portal .equipment-detail{min-height:0!important;padding:14px!important;border:1px solid rgba(216,188,122,.54)!important;border-radius:5px 15px!important;background:radial-gradient(circle at 82% 0,rgba(77,108,145,.17),transparent 38%),linear-gradient(150deg,#172232fe,#050a12fe)!important;box-shadow:0 26px 70px #000000b8,inset 0 1px #ffffff13!important}.eqv-tips-panel--portal .detail-header{margin:-14px -14px 12px!important;padding:13px 15px 10px!important;border-bottom:1px solid rgba(216,188,122,.25)!important;background:linear-gradient(90deg,rgba(158,119,47,.18),rgba(31,45,63,.26),transparent)}.eqv-tips-panel--portal .detail-title{color:var(--ui-gold-bright)!important;letter-spacing:.08em}.eqv-tips-panel--portal .item-icon-large{border:1px solid color-mix(in srgb,currentColor 45%,#78879b);border-radius:5px 11px;background:linear-gradient(145deg,#273446e6,#070c14f5);box-shadow:inset 0 1px #ffffff14,0 5px 15px #00000052}.eqv-tips-panel--portal .icon-image-large{border:none!important;-o-object-fit:contain!important;object-fit:contain!important}.eqv-tips-panel--portal .item-stats,.eqv-tips-panel--portal .item-meta,.eqv-tips-panel--portal .item-description{border-color:#93a9c529!important;background:#03080f9e!important}.eqv-tips-panel--portal .section-title{color:#d9c38e!important;border-bottom-color:#d8bc7a2e!important;letter-spacing:.06em}.eqv-tips-panel--portal .stat-item{border:1px solid rgba(139,161,188,.1)!important;background:#182230b8!important}.eqv-tips-panel--portal .stat-value{color:var(--ui-gold-bright)!important}.equipment-special-effects{margin:8px 0 10px;padding:8px 9px;border:1px solid rgba(168,124,236,.36);border-radius:4px 10px;background:linear-gradient(145deg,#4a2a6f47,#0c0f1cd1)}.equipment-special-effects__title{margin-bottom:5px;color:#d8b4fe;font-size:10px;font-weight:700;letter-spacing:.1em}.equipment-special-effects__summary{margin-bottom:5px;color:#e5d6f4;font-size:11px;line-height:1.45}.equipment-special-effects__skill{display:flex;flex-direction:column;gap:2px;padding:5px 0;border-top:1px solid rgba(193,154,238,.16)}.equipment-special-effects__skill strong{color:#c4b5fd;font-size:11px}.equipment-special-effects__skill span{color:#9faec0;font-size:10px;line-height:1.45}.eqv-tips-panel--portal .btn-primary{border:1px solid rgba(216,188,122,.52)!important;background:linear-gradient(180deg,#5d4826,#292013)!important;color:#fff0c5!important}@media (max-width: 760px){.eqv-tips-panel--portal{left:8px;right:auto;width:min(310px,calc(100vw - 16px))}}.sk-btn-save{border:1px solid rgba(229,198,125,.68)!important;border-radius:4px 12px!important;background:linear-gradient(180deg,#97702ff5,#3b2a15fa)!important;color:#fff1c7!important;letter-spacing:.12em;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 1px #ffffff29,0 7px 18px #00000057,0 0 14px #ca9d481f!important}.sk-btn-save:hover{border-color:#f4d78e!important;background:linear-gradient(180deg,#b5893afa,#483117fa)!important;box-shadow:inset 0 1px #fff3,0 9px 22px #0006,0 0 18px #deb15738!important}.th-container,.commission-view{position:relative;min-height:0!important;height:100%;max-width:none!important;overflow:hidden;color:#d8e0eb;border:1px solid rgba(183,157,99,.28);border-radius:5px 17px;background:linear-gradient(90deg,rgba(212,176,99,.055) 1px,transparent 1px) 0 0 / 46px 46px,radial-gradient(circle at 86% 0,rgba(66,91,123,.18),transparent 38%),linear-gradient(145deg,#111b29fa,#040910fc);box-shadow:inset 0 1px #ffffff0e,0 18px 42px #00000061}.th-container:before,.commission-view:before{content:"";position:absolute;inset:0 0 auto;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(238,205,133,.76),transparent)}.th-header,.com-library__header,.com-progress__header{border:0!important;border-bottom:1px solid rgba(204,174,111,.25)!important;background:linear-gradient(90deg,rgba(142,105,43,.2),rgba(32,47,66,.38),transparent)!important;box-shadow:inset 0 1px #ffffff0b}.th-header{padding:15px 18px!important}.th-header-info h2,.th-section-title,.com-progress__name{color:#f0d38d!important;letter-spacing:.12em;text-shadow:0 0 16px rgba(225,183,92,.18)}.th-header-icon{display:none}.th-level-badge,.th-main-badge,.th-status-badge,.com-team-badge,.com-node-badge,.com-req-tag{border:1px solid rgba(179,155,102,.34)!important;border-radius:3px 8px!important;background:linear-gradient(145deg,#364252d1,#0f1722eb)!important;color:#d9c38e!important;box-shadow:inset 0 1px #ffffff0d}.th-body,.commission-view>.com-library,.commission-view>.com-progress{min-height:0;height:100%;overflow-y:auto;scrollbar-width:none;padding:14px 16px 18px!important;box-sizing:border-box}.mwd-root--fullscreen-shell .th-body{padding:8px!important}.th-body::-webkit-scrollbar,.commission-view>.com-library::-webkit-scrollbar,.commission-view>.com-progress::-webkit-scrollbar{display:none}.th-toolbar,.th-stats-bar,.th-section,.com-promotion-section,.com-team-panel,.com-node-path,.com-current-node,.com-battle-node{border:1px solid rgba(130,153,181,.16)!important;border-radius:4px 12px!important;background:linear-gradient(145deg,#192535d1,#070d16e6)!important;box-shadow:inset 0 1px #ffffff0a,0 7px 18px #0003}.commission-view .com-battle-node{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 18px;padding:18px!important;overflow:hidden}.commission-view .com-battle-node:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,#c74343 24%,#e3b96b 74%,transparent);box-shadow:0 0 14px #c7434361}.commission-view .com-battle-node__monsters{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px}.commission-view .com-battle-node .zone-mp-tag{padding:7px 11px;border:1px solid rgba(162,181,202,.28);border-radius:3px 9px;background:linear-gradient(145deg,#283545e6,#0a111bf5);color:#dce6f0;box-shadow:inset 0 1px #ffffff12,0 4px 11px #00000040;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.commission-view .com-battle-node .zone-mp-tag:hover{transform:translateY(-1px);border-color:#e1be6c9e;filter:brightness(1.12)}.commission-view .com-battle-node .btn-fight{min-width:112px;min-height:40px;padding:9px 22px!important;border:1px solid rgba(242,188,112,.7)!important;border-radius:3px 10px!important;background:linear-gradient(180deg,#9f3d3d,#4d171c 86%)!important;color:#fff0d0!important;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 3px #210609;box-shadow:inset 0 1px #ffffff2b,0 6px 15px #00000052,0 0 12px #ab383226;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.commission-view .com-battle-node .btn-fight:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.13);box-shadow:inset 0 1px #fff3,0 8px 18px #0006,0 0 18px #cb4a3b47}.commission-view .com-battle-node .btn-fight:active:not(:disabled){transform:translateY(1px)}.commission-view .com-battle-node .btn-fight:disabled{border-color:#737e8c3d!important;background:linear-gradient(180deg,#303a46b8,#11171fe6)!important;color:#b5bfca75!important;box-shadow:none}.commission-view .com-battle-node__wait,.commission-view .com-battle-live{padding:8px 12px;border:1px solid rgba(123,149,177,.24);border-radius:3px 9px;background:#050b13b3;color:#9fadc0;font-size:13px}.commission-view .com-battle-live{grid-column:1 / -1;justify-self:stretch;margin:0;border-color:#cca5505c;color:#e5c77e;box-shadow:inset 3px 0 #d5b15ba6}@media (max-width: 720px){.commission-view .com-battle-node{grid-template-columns:1fr}.commission-view .com-battle-node .btn-fight,.commission-view .com-battle-node__wait{width:100%}}.th-section{padding:10px!important;margin-bottom:8px}.th-task-card,.com-chain-card,.com-choice-item{position:relative;border:1px solid rgba(132,153,179,.18)!important;border-radius:4px 13px!important;background:linear-gradient(90deg,rgba(218,185,111,.08),transparent 2px),linear-gradient(145deg,#1c293af0,#080e17f7)!important;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #00000042;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease!important}.th-task-card:hover,.com-chain-card:hover,.com-choice-item:hover{transform:translateY(-1px);border-color:#e0c17c75!important;box-shadow:inset 0 1px #ffffff12,0 11px 25px #00000057,0 0 14px #d1a85217}.th-task-card--active{border-left-color:#6f9fc4!important}.th-task-card--completed,.qt-task--done{border-color:#5dab7e6b!important}.th-task-card--main{border-color:#e2bc5b8c!important}.th-task-name,.com-chain-card__name,.com-current-node__type,.com-choice-item__index{color:#ead49d!important}.th-task-desc,.com-chain-card__desc,.com-chain-card__meta,.com-current-node__text{color:#9faebe!important}.th-progress-bar-track,.qt-task-bar{overflow:hidden;border:1px solid rgba(142,162,184,.18);background:#02070dd1!important;box-shadow:inset 0 2px 5px #000000a6}.th-progress-bar-fill,.qt-task-bar-fill{background:linear-gradient(90deg,#496f91,#a88a4c,#e0c57f)!important;box-shadow:0 0 9px #d1af624d}.th-rewards,.com-popup__section{border:1px solid rgba(192,161,95,.16)!important;background:#04091094!important}.th-btn-refresh,.th-btn-accept,.th-btn-deliver,.th-btn-claim,.commission-view .btn-enter,.commission-view .btn-contribute,.qt-btn-deliver,.qt-btn-claim,.qt-btn-all{border:1px solid rgba(224,193,124,.58)!important;border-radius:3px 9px!important;background:linear-gradient(180deg,#85632bf5,#312312fa)!important;color:#fff0c4!important;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px #ffffff24,0 5px 13px #00000047}.th-btn-abandon,.commission-view .btn-danger{border:1px solid rgba(178,80,78,.48)!important;border-radius:3px 9px!important;background:linear-gradient(180deg,#5a2727cc,#271214f0)!important;color:#efb2aa!important}.commission-view .btn-sm:not(.btn-danger):not(.btn-enter):not(.btn-contribute){border:1px solid rgba(128,153,184,.34)!important;border-radius:3px 8px!important;background:linear-gradient(180deg,#334458e0,#121b27f5)!important;color:#c7d3df!important}.commission-view button:disabled,.th-container button:disabled,.qt-panel button:disabled{filter:saturate(.35);opacity:.42!important;cursor:not-allowed}.com-diff-select,.com-promotion-select,.com-contribute-row input{border:1px solid rgba(177,151,98,.3)!important;border-radius:3px 8px!important;background:#050b13eb!important;color:#d6dee8!important}.com-library-tabs{border-bottom-color:#c5a76938!important;display:flex!important;gap:8px;padding:0 0 10px!important;margin:16px 0 14px!important}.com-library-tab{min-width:136px;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;padding:9px 18px!important;border:1px solid rgba(128,151,178,.25)!important;border-radius:3px 10px!important;background:linear-gradient(180deg,#2a394bcc,#0e1620f0)!important;color:#9baaba!important;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff0b,0 5px 13px #00000038}.com-library-tab:hover{color:#dbe4ed!important;border-color:#bea46c6b!important}.com-library-tab--active{color:#f2d590!important;border-color:#e1bf749e!important;background:linear-gradient(180deg,#826028c7,#2f2212f5)!important;box-shadow:inset 0 1px #ffffff1f,0 7px 17px #00000047,0 0 14px #cda44d21!important}.com-library-tab__count{min-width:22px;padding:1px 7px;border:1px solid rgba(212,183,120,.3);border-radius:10px;background:#02070d8c;color:#e9d096;font-size:11px;letter-spacing:0}.com-library-settings{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;gap:10px;margin:0 0 4px}.com-setting-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid rgba(133,154,180,.17);border-radius:4px 12px;background:linear-gradient(145deg,#1b2839c7,#070d16e0);box-shadow:inset 0 1px #ffffff0a}.com-setting-card--promotion{border-color:#c6a45b38}.com-setting-card--difficulty:only-child{grid-column:1 / -1}.com-setting-card__copy{display:flex;flex-direction:column;gap:3px;min-width:170px}.com-setting-card__copy strong{color:#e6cc91;font-size:13px;letter-spacing:.1em}.com-setting-card__copy span{color:#7f8fa2;font-size:11px}.com-setting-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.com-setting-card .com-diff-select{min-width:128px}.com-setting-card .com-promotion-select{min-width:280px;max-width:440px}@media (max-width: 720px){.com-library-settings{grid-template-columns:1fr}.com-setting-card{align-items:stretch;flex-direction:column;gap:9px}.com-setting-card__actions{justify-content:stretch}.com-setting-card__actions select{flex:1;min-width:0!important}.com-library-tab{min-width:0;flex:1}}.com-popup-overlay{background:#01050ac7!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.com-popup{width:min(1040px,calc(100vw - 32px))!important;max-width:1040px!important;max-height:calc(100vh - 32px)!important;overflow:visible!important;border:1px solid rgba(226,191,116,.55)!important;border-radius:5px 17px!important;background:radial-gradient(circle at 80% 0,rgba(73,101,134,.18),transparent 35%),linear-gradient(150deg,#172438,#060b13)!important;box-shadow:0 30px 80px #000000b8,inset 0 1px #ffffff12!important}.com-popup__title{color:#f1d48c!important;letter-spacing:.1em}.com-reward-grid{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:7px}.com-reward-grid--compact{margin-top:8px}.com-reward-item{position:relative;display:grid;width:58px;height:58px;flex:0 1 58px;min-width:44px;place-items:center;padding:5px;border:1px solid rgba(139,161,187,.2);border-radius:3px 10px;background:linear-gradient(145deg,#1e2c3de0,#060c14f0);box-shadow:inset 0 1px #ffffff0b,0 5px 12px #00000038}.com-reward-item__icon{display:grid;width:46px;height:46px;place-items:center}.com-reward-item__icon>img{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.com-reward-item__qty{position:absolute;right:2px;bottom:1px;min-width:16px;padding:0 3px;border-radius:7px;color:#fff3c8;background:#000000d6;font-size:11px;font-weight:700;line-height:16px;text-align:center;text-shadow:0 1px 2px #000}.com-reward-item__clear-badge{position:absolute;z-index:3;top:-5px;left:-5px;padding:1px 4px;border:1px solid rgba(255,226,151,.62);border-radius:3px 7px;color:#fff0b5;background:#74531e;font-size:8px;font-weight:700;line-height:14px}.com-reward-item--missing{border-color:#a95b5b4d;background:linear-gradient(145deg,#332228bf,#0c0c12f0)}.com-reward-item--missing .com-reward-item__name{color:#bda5a8;font-family:Consolas,monospace}.com-missing-item-icon{position:relative;display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid rgba(169,111,111,.42);border-radius:3px 8px;background:linear-gradient(145deg,#25262d,#0a0c11);box-shadow:inset 0 0 12px #000000b3}.com-missing-item-icon:after{content:"?";position:absolute;right:3px;bottom:0;color:#d88f8b;font-size:15px;font-weight:800;text-shadow:0 1px 3px #000}.com-missing-item-icon__image{position:relative;width:22px;height:17px;border:2px solid #747c87;opacity:.72}.com-missing-item-icon__image:before{content:"";position:absolute;left:3px;bottom:3px;width:13px;height:8px;background:linear-gradient(135deg,transparent 45%,#747c87 47% 58%,transparent 60%),linear-gradient(45deg,transparent 38%,#747c87 40% 54%,transparent 56%)}.com-missing-item-icon__image:after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:#9a6262}@media (max-width: 560px){.com-reward-grid{grid-template-columns:1fr 1fr}}.qt-panel{overflow:hidden;border:1px solid rgba(185,157,99,.3)!important;border-radius:4px 13px!important;background:radial-gradient(circle at 100% 0,rgba(67,92,123,.18),transparent 45%),linear-gradient(145deg,#121c2af7,#040910fa)!important;box-shadow:inset 0 1px #ffffff0e,0 10px 28px #0000005c!important}.qt-heading{color:#ebcf8b!important;border-bottom-color:#cdad6a3d!important;background:linear-gradient(90deg,rgba(146,109,48,.18),rgba(31,45,63,.26),transparent);letter-spacing:.08em}.qt-list{padding:9px!important;gap:7px!important}.qt-task{border:1px solid rgba(130,153,180,.17)!important;border-radius:3px 10px!important;background:linear-gradient(145deg,#1d2a3ae6,#080e17f0)!important;box-shadow:inset 0 1px #ffffff0a,0 5px 13px #00000038}.qt-task-name{color:#dce4ed!important}.qt-task-reward{color:#e2c372!important}.qt-footer{border-top-color:#c3a6692e!important;background:#03080f73}.qt-btn-all{width:calc(100% - 16px);margin:7px 8px!important}.altar-page{padding:12px}.altar-header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:center;gap:10px;padding:14px 18px!important;background:linear-gradient(90deg,rgba(168,126,55,.18),rgba(29,42,62,.32),transparent)!important;border:1px solid var(--ui-line)!important;box-shadow:inset 0 1px #ffffff0a}.altar-title{width:100%;margin:0!important;color:var(--ui-gold-bright)!important;text-align:center;letter-spacing:.16em;text-shadow:0 0 18px rgba(226,190,112,.22)}.altar-header-stats{display:grid!important;grid-template-columns:repeat(3,minmax(90px,1fr));width:min(560px,100%);gap:8px}.altar-hs-item{display:grid!important;grid-template-columns:1fr;justify-items:center;gap:2px;padding:7px 10px!important;border:1px solid rgba(183,153,91,.24);border-radius:5px;background:linear-gradient(180deg,#263346b8,#0a101ad1)}.altar-hs-label{color:var(--ui-muted)!important;font-size:10px!important;letter-spacing:.1em}.altar-hs-value{color:var(--ui-gold-bright)!important;font-size:15px!important;font-weight:700}.altar-section,.altar-level-card,.altar-stat-row,.altar-presets{background:linear-gradient(145deg,#172131f0,#090e17f7)!important;border-color:var(--ui-line-soft)!important;box-shadow:inset 0 1px #ffffff09,0 8px 22px #0000003b}.altar-section-title,.altar-stat-name{color:var(--ui-gold-bright)!important}.altar-tab.active,.altar-level-btn:not(:disabled),.altar-stat-btn--plus:not(:disabled){background:linear-gradient(180deg,#5f4a27,#2b2112)!important;border-color:#b8944f!important;color:#fff2c9!important;box-shadow:inset 0 1px #ffffff21,0 5px 14px #00000047}.stats-page{max-width:none!important;min-height:100%;padding:14px!important}.stats-page__header{border-bottom:1px solid var(--ui-line);padding:12px 16px!important}.stats-page__title,.stats-card__title{color:var(--ui-gold-bright)!important;letter-spacing:.09em}.stats-page__main{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.stats-card{color:var(--ui-text)!important;background:linear-gradient(145deg,#172131f2,#080d15f7)!important;border:1px solid var(--ui-line-soft)!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px #00000042!important}.stats-summary-card,.layers-container{grid-column:1 / -1}.final-stat-item,.skill-item,.layer-details{background:#080d16b3!important;border-color:#859cbc33!important}.final-stat-item__value,.layer-stat-row__value{color:var(--ui-gold-bright)!important}.mwd-attr-left-panel{background:linear-gradient(155deg,#0f1724fb,#060a11fc)!important;border-color:var(--ui-line)!important;box-shadow:inset 0 1px #ffffff0a,0 24px 60px #00000085!important}.mwd-attr-left-header{color:var(--ui-gold-bright)!important;border-color:var(--ui-line)!important;letter-spacing:.1em}.mwd-attr-section-label{color:var(--ui-gold)!important;background:linear-gradient(90deg,rgba(184,147,78,.13),transparent)}.mwd-attr-row{border-bottom-color:#899db91f!important}.mwd-attr-row:hover{background:#d8bc7a0e}@media (max-width: 900px){.stats-page__main{grid-template-columns:1fr}.stats-summary-card,.layers-container{grid-column:auto}}.floating-item-panel{position:relative;width:330px!important;max-height:min(78vh,720px)!important;padding:15px 16px 14px!important;overflow-x:hidden!important;overflow-y:auto!important;color:#dbe5ef;border:1px solid color-mix(in srgb,var(--item-rarity-color) 58%,#d6b76b)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 26%),radial-gradient(circle at 12% 0,color-mix(in srgb,var(--item-rarity-color) 20%,transparent),transparent 42%),linear-gradient(160deg,#192534fa,#080f19fa)!important;box-shadow:inset 0 1px #ffffff1a,inset 0 0 32px #00000047,0 16px 42px #0000009e,0 0 20px color-mix(in srgb,var(--item-rarity-color) 18%,transparent)!important;scrollbar-width:thin;scrollbar-color:rgba(207,173,95,.52) transparent}.floating-item-panel:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(222,194,126,.16);border-radius:7px}.floating-item-panel__header{position:sticky;top:-15px;z-index:2;margin:-15px -16px 12px!important;padding:15px 16px 11px!important;background:linear-gradient(180deg,#172331fc,#0d1723f7);box-shadow:0 7px 16px #0000003d}.floating-item-panel__actions{position:sticky;bottom:-14px;z-index:2;margin:10px -16px -14px!important;padding:11px 16px 14px;border-top:1px solid rgba(210,178,103,.24);background:linear-gradient(0deg,#080f19fc,#0e1824f7)}.floating-item-panel__actions button{min-height:34px;border-color:#dab86994!important;border-radius:4px!important;background:linear-gradient(180deg,#4f442ef2,#231f19fa)!important;color:#f1dfb0!important;box-shadow:inset 0 1px #ffffff1c,0 3px 8px #00000047}.floating-item-panel__actions button:hover{filter:brightness(1.2);box-shadow:inset 0 1px #ffffff29,0 0 12px #dab86938}@media (max-width:767px){.floating-item-panel{width:min(330px,90vw)!important;max-height:76vh!important}}.craft-repair-costs{display:grid;gap:7px;margin:12px 0 14px}.craft-repair-cost-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:5px 9px;border:1px solid rgba(145,169,194,.18);border-radius:3px 9px;background:linear-gradient(145deg,#121f2de6,#050c15e6);color:#dce5ee}.craft-repair-cost-row strong{color:#a9d8b4;font-size:12px}.craft-repair-cost-row--missing{border-color:#ca524d7a;background:linear-gradient(145deg,#41191db8,#190a10e6)}.craft-repair-cost-row--missing strong{color:#f29a94}.craft-repair-cost-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.craft-repair-cost-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(213,178,91,.5);border-radius:5px;background:radial-gradient(circle,#70531f,#241a0b);color:#ffe29a;font-weight:800}