@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600&family=Noto+Sans+SC:wght@400;600;700&display=swap";:root{--ui-color-brand-500: #ec4899;--ui-color-brand-600: #db2777;--ui-color-brand-700: #be185d;--ui-color-accent-500: #a855f7;--ui-color-accent-600: #9333ea;--ui-color-cyan-500: #38bdf8;--ui-color-mint-500: #34d399;--ui-color-gold-500: #fbbf24;--ui-color-danger-500: #f87171;--ui-color-warning-500: #facc15;--ui-color-success-500: #4ade80;--ui-bg-base: #0f172a;--ui-bg-elev-1: #111b2f;--ui-bg-elev-2: #1e293b;--ui-bg-elev-3: #334155;--ui-bg-overlay: rgba(2, 6, 23, .72);--ui-text-primary: #f1f5f9;--ui-text-secondary: #94a3b8;--ui-text-muted: #64748b;--ui-border-soft: rgba(148, 163, 184, .22);--ui-border-strong: rgba(148, 163, 184, .4);--ui-radius-xs: 6px;--ui-radius-sm: 8px;--ui-radius-md: 12px;--ui-radius-lg: 16px;--ui-radius-xl: 20px;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-space-8: 32px;--ui-shadow-1: 0 8px 20px rgba(2, 6, 23, .28);--ui-shadow-2: 0 14px 28px rgba(2, 6, 23, .34);--ui-shadow-focus: 0 0 0 3px rgba(56, 189, 248, .45);--ui-motion-fast: .12s;--ui-motion-base: .18s;--ui-motion-slow: .26s;--ui-ease-standard: cubic-bezier(.2, 0, 0, 1);--ui-font-size-xs: .75rem;--ui-font-size-sm: .84rem;--ui-font-size-md: .95rem;--ui-font-size-lg: 1.08rem;--ui-font-size-xl: 1.25rem;--ui-font-size-2xl: 1.5rem;--ui-line-height-tight: 1.2;--ui-line-height-normal: 1.45;--ui-z-floating: 60;--ui-z-overlay: 120;--ui-z-toast: 200;--ui-rarity-t1: #94a3b8;--ui-rarity-t2: #4ade80;--ui-rarity-t3: #2dd4bf;--ui-rarity-t4: #60a5fa;--ui-rarity-t5: #a78bfa;--ui-rarity-t6: #fbbf24;--ui-rarity-t7: #f87171;--ui-rarity-myth: #ff4fd8;--ui-rarity-myth-rainbow: linear-gradient(120deg, #ff6ad5 0%, #ffd166 20%, #5eead4 40%, #60a5fa 60%, #a78bfa 80%, #ff6ad5 100%);--bg-dark: var(--ui-bg-base);--bg-primary: var(--ui-bg-base);--bg-panel: var(--ui-bg-elev-2);--accent: var(--ui-color-brand-500);--accent-blue: var(--ui-color-cyan-500);--success: var(--ui-color-success-500);--warning: var(--ui-color-warning-500);--danger: var(--ui-color-danger-500);--text-primary: var(--ui-text-primary);--text-secondary: var(--ui-text-secondary);--border: var(--ui-border-soft);--radius-md: var(--ui-radius-md);--radius-lg: var(--ui-radius-lg);--font-size-xs: var(--ui-font-size-xs);--font-size-sm: var(--ui-font-size-sm);--font-size-md: var(--ui-font-size-md);--font-size-lg: var(--ui-font-size-lg);--font-size-xl: var(--ui-font-size-xl);--font-size-2xl: var(--ui-font-size-2xl);--line-height-tight: var(--ui-line-height-tight);--line-height-normal: var(--ui-line-height-normal)}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;background:var(--ui-bg-base);color:var(--ui-text-primary);font-family:Noto Sans SC,Inter,system-ui,-apple-system,sans-serif;font-size:var(--ui-font-size-md);line-height:var(--ui-line-height-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:none;box-shadow:var(--ui-shadow-focus)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}[data-density=compact]{--ui-space-2: 6px;--ui-space-3: 10px;--ui-space-4: 12px;--ui-space-5: 16px;--ui-space-6: 20px;--ui-font-size-sm: .8rem;--ui-font-size-md: .88rem;--ui-font-size-lg: 1rem}.rarity-tier-t1{--slot-rarity-color: var(--ui-rarity-t1)}.rarity-tier-t2{--slot-rarity-color: var(--ui-rarity-t2)}.rarity-tier-t3{--slot-rarity-color: var(--ui-rarity-t3)}.rarity-tier-t4{--slot-rarity-color: var(--ui-rarity-t4)}.rarity-tier-t5{--slot-rarity-color: var(--ui-rarity-t5)}.rarity-tier-t6{--slot-rarity-color: var(--ui-rarity-t6)}.rarity-tier-t7{--slot-rarity-color: var(--ui-rarity-t7)}.rarity-tier-myth{--slot-rarity-color: var(--ui-rarity-myth)}.rarity-rainbow-text{background-image:var(--ui-rarity-myth-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent!important}@keyframes ui-rarity-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.rarity-flow-border{--rarity-flow-width: 1px;position:relative;isolation:isolate;border-color:transparent!important}.rarity-flow-border:before{content:"";position:absolute;inset:calc(-1 * var(--rarity-flow-width));border-radius:inherit;padding:var(--rarity-flow-width);background-image:var(--ui-rarity-myth-rainbow);background-size:220% 220%;animation:ui-rarity-flow 2.6s linear infinite;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@media (prefers-reduced-motion: reduce){.rarity-flow-border:before{animation:none!important}}[data-motion=reduced] .rarity-flow-border:before{animation:none!important}a{color:inherit;text-decoration:none}.action-list{padding:var(--ui-space-5)}.action-list>h2{margin:0;font-size:var(--ui-font-size-xl)}.action-command-error{margin-top:var(--ui-space-3);border:1px solid rgba(248,113,113,.45);background:#7f1d1d40;color:#fecaca;border-radius:var(--ui-radius-sm);padding:8px 10px;font-size:var(--ui-font-size-sm)}.action-filter-bar{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#0f172af2,#0f172ac7);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px;margin-top:var(--ui-space-4)}.alchemy-filters{display:flex;flex-wrap:wrap;gap:8px}.alchemy-filters button{border-radius:999px;border:1px solid rgba(167,139,250,.35);background:#a78bfa1f;color:#ddd6fe;padding:6px 14px;font-size:var(--ui-font-size-sm);font-weight:600}.alchemy-filters button.active{background:#ec48993d;border-color:#ec48999e;color:#fff}.actions-grid{margin-top:var(--ui-space-4);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ui-space-4)}.action-card{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);padding:var(--ui-space-4);background:linear-gradient(180deg,#1e293b8f,#0f172a8f);display:flex;flex-direction:column;gap:var(--ui-space-3);transition:border-color var(--ui-motion-base) var(--ui-ease-standard),transform var(--ui-motion-fast) var(--ui-ease-standard)}.action-card:hover{border-color:var(--ui-border-strong);transform:translateY(-1px)}.action-card.active{border-color:#ec4899a6;box-shadow:0 0 0 1px #ec48994d}.action-card.locked{opacity:.56}.action-card.no-materials{border-color:#f8717173}.action-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-3)}.action-title{font-size:var(--ui-font-size-lg);font-weight:700;line-height:var(--ui-line-height-tight)}.level-req{border-radius:999px;border:1px solid rgba(148,163,184,.38);background:#94a3b81f;color:var(--ui-text-secondary);padding:2px 8px;font-size:var(--ui-font-size-xs)}.action-description{margin:0;color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm);line-height:1.5}.action-details{flex:1;display:flex;flex-direction:column;gap:var(--ui-space-2);color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm)}.action-details p{margin:0}.materials-required,.drops-preview{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.materials-required>p,.drops-preview>p{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-size-xs);font-weight:600}.material-entry{display:inline-flex}.material-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172aa6;padding:3px 8px;font-size:var(--ui-font-size-xs)}.material-badge.not-enough{border-color:#f87171b8}.material-icon{line-height:1}.material-count{color:#cbd5e1}.advanced-preference-block{border:1px solid rgba(148,163,184,.25);background:#0f172a73;border-radius:var(--ui-radius-sm);padding:8px;display:flex;flex-direction:column;gap:8px}.advanced-preference-toggle{width:100%;border:1px solid rgba(148,163,184,.28);border-radius:var(--ui-radius-xs);background:#0f172a9e;color:#dbeafe;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;font-size:var(--ui-font-size-xs);font-weight:700}.advanced-preference-summary{display:flex;flex-wrap:wrap;gap:6px}.pref-summary-chip{border-radius:999px;border:1px solid rgba(56,189,248,.32);background:#38bdf81a;color:#bae6fd;padding:2px 8px;font-size:11px;font-weight:600}.advanced-preference-grid{display:flex;flex-direction:column;gap:8px}.material-preference-row{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs)}.material-preference-row span{font-weight:600;color:#cbd5e1}.material-preference-row select{border:1px solid rgba(148,163,184,.35);border-radius:var(--ui-radius-xs);background:#0b1220;color:#e2e8f0;font-size:var(--ui-font-size-xs);padding:2px 8px}.drop-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--ui-radius-xs);border:1px solid rgba(148,163,184,.35);background:#0f172aad;color:#e2e8f0;padding:3px 8px;font-size:var(--ui-font-size-xs)}.drop-badge[class*=rarity-tier-]{border-color:var(--slot-rarity-color, rgba(148, 163, 184, .35))}.drop-badge.rarity-tier-myth{box-shadow:0 0 10px #ff4fd83d}.drop-badge.rarity-flow-border{--rarity-flow-width: 1px}.drop-icon{line-height:1}.drop-name{font-weight:700}.drop-quantity{color:#f9a8d4;font-weight:700}.start-btn{margin-top:auto;border:1px solid rgba(236,72,153,.5);border-radius:var(--ui-radius-sm);background:linear-gradient(135deg,#ec4899d9,#a855f7d9);color:#fff;padding:9px 11px;font-size:var(--ui-font-size-sm);font-weight:700}.start-btn:disabled{background:#47556980;border-color:#94a3b84d;color:#94a3b8}.action-tooltip{position:fixed;min-width:220px;max-width:320px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:#0f172af5;box-shadow:var(--ui-shadow-2);padding:10px 12px;z-index:var(--ui-z-floating);pointer-events:none}.tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:var(--ui-space-2);border-bottom:1px solid rgba(148,163,184,.25);padding-bottom:8px;margin-bottom:8px}.tooltip-title{font-weight:700;color:#f8fafc}.tooltip-rarity{font-size:var(--ui-font-size-xs);border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:2px 8px}.tooltip-description{color:#cbd5e1;font-size:var(--ui-font-size-sm);margin-bottom:8px}.tooltip-stats{display:flex;flex-direction:column;gap:4px;color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs)}.market-view{height:100%;display:flex;flex-direction:column;padding:var(--ui-space-5);overflow:hidden}.market-not-logged-in{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--ui-text-secondary);border:2px dashed rgba(148,163,184,.2);border-radius:var(--ui-radius-lg);background:#0f172a59;padding:var(--ui-space-8)}.market-not-logged-in h2,.market-not-logged-in p{margin:0}.market-tabs{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ui-border-soft);padding-bottom:10px}.tab-btn{border:1px solid transparent;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-secondary);display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:var(--ui-font-size-sm);font-weight:700}.tab-btn.active{color:#fff;border-color:#ec489973;background:#ec48992e}.refresh-btn{margin-left:auto;border:1px solid rgba(56,189,248,.35);border-radius:var(--ui-radius-sm);background:#38bdf81f;color:#bae6fd;display:inline-flex;align-items:center;gap:6px;font-size:var(--ui-font-size-sm);font-weight:700;padding:8px 12px}.refresh-btn .spinning{animation:market-spin .8s linear infinite}@keyframes market-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.market-inline-feedback{margin-top:10px;border-radius:var(--ui-radius-sm);padding:8px 10px;font-size:var(--ui-font-size-sm);font-weight:600}.market-inline-feedback.success{border:1px solid rgba(74,222,128,.45);background:#16653438;color:#86efac}.market-inline-feedback.error{border:1px solid rgba(248,113,113,.5);background:#7f1d1d3d;color:#fecaca}.market-content{flex:1;min-height:0;overflow-y:auto;margin-top:var(--ui-space-3)}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--ui-space-3)}.market-card{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#1e293b8f;padding:var(--ui-space-4);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:inherit}.market-card:hover{border-color:#ec489994}.card-icon{font-size:2rem}.card-name{font-size:var(--ui-font-size-sm);font-weight:700}.card-price{font-size:var(--ui-font-size-xs);color:var(--ui-text-secondary)}.market-specs,.market-orderbook{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#0f172a73;padding:var(--ui-space-4)}.back-btn{border:1px solid rgba(148,163,184,.35);border-radius:var(--ui-radius-sm);background:#94a3b81f;color:#cbd5e1;font-size:var(--ui-font-size-sm);padding:6px 10px}.market-specs h3{margin:var(--ui-space-3) 0}.specs-list{display:flex;flex-direction:column;gap:8px}.spec-row{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-sm);background:#1e293b8c;color:inherit;display:flex;justify-content:space-between;align-items:center;padding:9px 12px}.price-gold{color:var(--ui-color-gold-500);font-weight:700}.orderbook-header{display:flex;justify-content:space-between;align-items:center;gap:var(--ui-space-3);margin:var(--ui-space-3) 0}.orderbook-header h2{margin:0;font-size:var(--ui-font-size-lg)}.orderbook-stats{color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm)}.orderbook-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4);height:460px}.orderbook-column{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#0f172aa6;overflow-y:auto}.col-header{position:sticky;top:0;z-index:2;text-align:center;font-size:var(--ui-font-size-sm);font-weight:700;padding:10px;border-bottom:1px solid var(--ui-border-soft);background:#0f172af2}.asks .col-header{color:#fca5a5}.bids .col-header{color:#86efac}.order-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.18);font-size:var(--ui-font-size-sm)}.order-row.has-mine{background:#6366f11f}.price-ask{color:#fca5a5;font-weight:700}.price-bid{color:#86efac;font-weight:700;text-align:right}.order-count{color:var(--ui-text-secondary);min-width:48px;text-align:center}.order-action{border:none;border-radius:var(--ui-radius-xs);color:#fff;font-size:var(--ui-font-size-xs);font-weight:700;padding:5px 8px}.order-action.buy{background:#2563eb}.order-action.sell{background:#16a34a}.order-action:disabled{opacity:.55}.mine-tag{display:inline-flex;align-items:center;border-radius:999px;background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;font-size:11px;font-weight:700;padding:1px 7px;margin-right:4px}.sell-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.sell-form,.my-listings{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#1e293b73;padding:var(--ui-space-4)}.sell-form h3,.my-listings h3{margin:0 0 var(--ui-space-3)}.item-selection h4{margin:0;color:#cbd5e1;font-size:var(--ui-font-size-sm)}.inventory-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.inv-item{border:1px solid transparent;border-radius:var(--ui-radius-sm);background:#0f172aa6;color:#e2e8f0;font-size:var(--ui-font-size-sm);padding:5px 10px}.inv-item.selected{border-color:#ec489994;background:#ec48992e}.sell-controls{margin-top:var(--ui-space-4);display:flex;flex-direction:column;gap:var(--ui-space-3)}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{color:#cbd5e1;font-size:var(--ui-font-size-sm)}.control-group input{border:1px solid rgba(148,163,184,.38);border-radius:var(--ui-radius-xs);background:#0f172abf;color:#e2e8f0;padding:7px 8px}.input-with-action{display:flex;align-items:center;gap:8px}.input-with-action input{flex:1}.small-action-btn{border:1px solid rgba(148,163,184,.35);border-radius:var(--ui-radius-xs);background:#94a3b81f;color:#cbd5e1;font-size:var(--ui-font-size-xs);padding:6px 10px}.post-actions{display:flex;gap:10px}.post-btn{flex:1;border:none;border-radius:var(--ui-radius-sm);color:#fff;font-size:var(--ui-font-size-sm);font-weight:700;padding:9px 10px}.post-btn.sell{background:#ef4444}.post-btn.buy{background:#22c55e}.my-listings-list{max-height:430px;overflow-y:auto}.my-listing-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.2);font-size:var(--ui-font-size-sm)}.type-tag{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;border:1px solid rgba(148,163,184,.35);background:#94a3b81f;color:#cbd5e1}.my-listing-row.buy .type-tag{border-color:#22c55e73;color:#86efac}.my-listing-row.sell .type-tag{border-color:#f8717173;color:#fca5a5}.cancel-btn{border:none;background:transparent;color:#fca5a5;font-weight:700;font-size:var(--ui-font-size-xs)}.market-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ui-z-overlay);background:#020617bf;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.market-modal{width:min(360px,calc(100vw - 32px));border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);background:#0f172af5;box-shadow:var(--ui-shadow-2);padding:var(--ui-space-5)}.market-modal h3{margin:0}.modal-item-info{display:flex;align-items:center;gap:10px;margin:var(--ui-space-3) 0;font-weight:700}.modal-price,.modal-total{color:var(--ui-color-gold-500);font-weight:700}.modal-quantity{margin:var(--ui-space-3) 0;display:flex;flex-direction:column;gap:6px}.modal-quantity input{border:1px solid rgba(148,163,184,.35);border-radius:var(--ui-radius-xs);background:#020617b8;color:#fff;padding:7px 8px}.modal-tax-info{color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs);line-height:1.5;margin-top:8px}.modal-actions{display:flex;gap:10px;margin-top:var(--ui-space-4)}.modal-actions button{flex:1;border-radius:var(--ui-radius-sm);border:none;font-size:var(--ui-font-size-sm);font-weight:700;padding:9px 10px}.confirm-btn{background:#2563eb;color:#fff}.confirm-btn:disabled{background:#475569;color:#cbd5e1}.modal-cancel-btn{background:#334155;color:#fff}.modal-warning{margin:8px 0 0;color:#fca5a5;font-size:var(--ui-font-size-xs)}@media (max-width: 1200px){.sell-panel{grid-template-columns:1fr}}@media (max-width: 980px){.orderbook-container{grid-template-columns:1fr;height:auto;max-height:70vh}}.equipment-view-container{padding:1.5rem;color:#e2e8f0}.panels-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.panel-header{font-size:1.1rem;font-weight:700;color:#a855f7;margin-bottom:1.2rem;padding-bottom:.5rem;border-bottom:2px solid rgba(168,85,247,.3);text-shadow:0 0 10px rgba(168,85,247,.4)}.equips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skills-grid,.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.tools-grid .equip-slot-box{height:70px}.tools-grid .item-icon-large{font-size:1.8rem}.tools-grid .equip-slot-box:nth-child(4n+3) .slot-item-tooltip,.tools-grid .equip-slot-box:nth-child(4n+4) .slot-item-tooltip{left:auto;right:105%}.equip-slot-box{height:85px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.equip-slot-box.rarity-flow-border{--rarity-flow-width: 2px}.equip-slot-box.filled{background:#1e293bcc;cursor:help}.equip-slot-box.empty{border-style:dashed;opacity:.6}.slot-type-bg{font-size:2rem;opacity:.15;position:absolute;filter:grayscale(1);pointer-events:none}.slot-name-label{position:absolute;bottom:6px;font-size:.65rem;color:#64748b;text-transform:uppercase;font-weight:700}.equipped-item-mini{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.item-icon-large-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.item-icon-large{font-size:2.5rem;z-index:2;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.item-enhance-badge{position:absolute;top:-8px;right:-10px;background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.78rem;font-weight:900;line-height:1;letter-spacing:.2px;-webkit-text-stroke:.4px rgba(15,23,42,.5);filter:drop-shadow(0 0 4px rgba(245,158,11,.4));pointer-events:none}.slot-item-tooltip{position:absolute;top:50%;left:105%;transform:translateY(-50%);width:240px;background:#0f172a;border:2px solid rgba(168,85,247,.4);border-radius:12px;padding:16px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;box-shadow:0 10px 40px #000000e6}.equip-slot-box:nth-child(2n) .slot-item-tooltip{left:auto;right:105%}.slot-item-tooltip:before{content:"";position:absolute;top:-20px;bottom:-20px;left:-40px;width:50px;background:transparent}.equip-slot-box:nth-child(2n) .slot-item-tooltip:before{left:auto;right:-40px}.equip-slot-box:hover .slot-item-tooltip{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1.02)}.tooltip-name{font-size:1.05rem;font-weight:800;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:6px;text-align:center}.tooltip-stats{font-size:.85rem;color:#cbd5e1;display:flex;flex-direction:column;gap:4px}.stat-line{display:flex;justify-content:space-between}.stat-line-empty{justify-content:center;color:#94a3b8}.stat-val{color:#4ade80;font-weight:700}.tooltip-desc-line{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:.82rem;line-height:1.45}.tooltip-affixes{margin-top:12px;display:flex;flex-direction:column;gap:6px}.affix-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),transparent);margin:4px 0}.tooltip-affix-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#93c5fd;line-height:1.4}.affix-tier{font-size:.7rem;color:#fbbf24;font-weight:700;background:#fbbf241a;padding:1px 4px;border-radius:3px;margin-left:8px}.tooltip-actions{margin-top:16px}.mini-unequip-btn{width:100%;background:linear-gradient(to right,#ef4444,#dc2626);border:none;color:#fff;padding:8px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:700;box-shadow:0 4px 12px #ef44444d;transition:all .2s}.mini-unequip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ef444480;filter:brightness(1.1)}.mini-unequip-btn:active{transform:translateY(0)}.char-stats-panel{background:#1e293b80;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.08)}.stat-category{margin-bottom:1.8rem}.category-title{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;font-weight:700}.full-stat-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.full-stat-line .label{color:#cbd5e1;font-size:.9rem}.full-stat-line .value{color:#fbbf24;font-weight:700;font-family:Courier New,Courier,monospace}.skill-grid-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-skill-item{background:#a855f71a;padding:8px 12px;border-radius:8px;display:flex;justify-content:space-between;font-size:.85rem;border:1px solid rgba(168,85,247,.2)}.mini-skill-lv{color:#a855f7;font-weight:800}.quick-equip-list{background:#0f172a80;border-radius:16px;padding:1.2rem;border:1px solid rgba(255,255,255,.05)}.equip-scroll{display:flex;gap:15px;overflow-x:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.5) transparent}.mini-inventory-item{flex:0 0 auto;width:140px;background:#1e293b99;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s}.mini-inventory-item.rarity-flow-border{--rarity-flow-width: 2px}.mini-inventory-item:hover{background:#a855f726;transform:translateY(-5px);box-shadow:0 8px 20px #0006}.mini-item-icon{font-size:2.2rem}.mini-item-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.mini-item-icon-wrap .item-enhance-badge{top:-9px;right:-11px;font-size:.72rem}.mini-item-name{font-size:.8rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.no-equips-msg{width:100%;text-align:center;color:#64748b;padding:20px;font-style:italic}.stat-formula-hint{font-size:.7rem;color:#64748b;font-family:Courier New,Courier,monospace;text-align:right;margin-top:-8px;margin-bottom:4px;padding-right:4px;opacity:.8}.stat-formula-hint.highlight{color:#94a3b8;opacity:1;font-weight:600}.combat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.combat-panel{width:90%;max-width:650px;background:linear-gradient(135deg,#1e1b4bf2,#0f172af2);-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid rgba(168,85,247,.3);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #a855f766;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.combat-header{padding:1rem 1.5rem;background:#0006;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:1rem}.wave-info{font-weight:700;color:#a855f7;background:#a855f726;padding:6px 14px;border-radius:20px;border:1px solid #a855f7;font-size:.9rem}.combat-title{flex:1;font-size:1.1rem;font-weight:700;color:#e2e8f0;text-align:center}.combat-controls{display:flex;gap:.5rem}.combat-control-btn{padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#cbd5e1}.auto-dive-btn{min-width:112px;padding:.45rem .75rem;font-size:.78rem;font-weight:700;letter-spacing:.02em}.auto-dive-btn.active{border-color:#22c55ecc;color:#86efac;background:#22c55e29;box-shadow:0 0 12px #22c55e33}.combat-control-btn:hover{background:#fff3;transform:scale(1.1)}.minimize-btn:hover{border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 15px #38bdf84d}.exit-btn:hover{border-color:#ef4444;color:#ef4444;box-shadow:0 0 15px #ef44444d}.combat-minimized{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.3);border-radius:30px;box-shadow:0 8px 24px #a855f780;cursor:pointer;z-index:999;display:flex;align-items:center;gap:.8rem;color:#fff;font-weight:600;transition:all .3s;animation:pulse 2s ease-in-out infinite}.combat-minimized:hover{transform:scale(1.05);box-shadow:0 12px 32px #a855f7b3}@keyframes pulse{0%,to{box-shadow:0 8px 24px #a855f780}50%{box-shadow:0 8px 32px #ec4899b3}}.combat-arena{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background:radial-gradient(circle at center,rgba(168,85,247,.08) 0%,transparent 70%);position:relative;isolation:isolate}.combat-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 24%,rgba(148,163,184,.14) 0%,transparent 58%);opacity:.65}.combat-arena>*{position:relative;z-index:1}.combat-arena.arena-shake{animation:arenaShake .22s linear}.combat-arena[class*=arena-skill-]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:arenaSkillFlash .46s ease-out;z-index:0}.combat-arena.arena-skill-fire:after{background:radial-gradient(circle at 50% 44%,rgba(251,146,60,.28) 0%,rgba(251,113,133,.12) 40%,transparent 76%)}.combat-arena.arena-skill-ice:after{background:radial-gradient(circle at 50% 44%,rgba(125,211,252,.26) 0%,rgba(147,197,253,.1) 40%,transparent 76%)}.combat-arena.arena-skill-lightning:after{background:radial-gradient(circle at 50% 44%,rgba(250,204,21,.3) 0%,rgba(253,230,138,.12) 40%,transparent 76%)}.combat-arena.arena-skill-holy:after{background:radial-gradient(circle at 50% 44%,rgba(254,240,138,.28) 0%,rgba(255,255,255,.14) 40%,transparent 76%)}.combat-arena.arena-skill-wind:after{background:radial-gradient(circle at 50% 44%,rgba(129,140,248,.24) 0%,rgba(192,132,252,.1) 40%,transparent 76%)}.combat-arena.arena-skill-blood:after{background:radial-gradient(circle at 50% 44%,rgba(251,113,133,.26) 0%,rgba(239,68,68,.1) 40%,transparent 76%)}.combat-arena.arena-skill-physical:after,.combat-arena.arena-skill-default:after{background:radial-gradient(circle at 50% 44%,rgba(229,231,235,.2) 0%,rgba(148,163,184,.08) 40%,transparent 76%)}@keyframes arenaShake{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}@keyframes arenaSkillFlash{0%{opacity:0}24%{opacity:1}to{opacity:0}}.combat-unit{background:#0000004d;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;transition:transform .12s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;transform-origin:center center}.combat-unit.hit-stop{transform:scale(.992)}.combat-unit.hit-stop .character-sprite,.combat-unit.hit-stop .weapon-sprite{animation-play-state:paused!important}.sprite-container{height:80px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1rem}.character-sprite{position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px rgba(168,85,247,.4));animation:idleFloat 3s ease-in-out infinite;will-change:transform,filter}.player-sprite{color:#60a5fa}.enemy-sprite{color:#f87171}.weapon-sprite{position:absolute;right:-26px;top:34px;transform:rotate(-62deg);transform-origin:20% 82%;color:#cbd5e1;will-change:transform;display:flex;align-items:center;justify-content:center}.weapon-icon{font-size:1.35rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(2,6,23,.85))}.monster-icon{transform:scaleX(-1)}.player-unit.attacking .character-sprite{animation:playerLunge .4s cubic-bezier(.23,1,.32,1)}.enemy-unit.attacking .character-sprite{animation:enemyLunge .4s cubic-bezier(.23,1,.32,1)}.player-unit.attacking .weapon-sprite{animation:weaponSwing .4s cubic-bezier(.17,.84,.44,1)}.attack-trail{position:absolute;top:calc(50% - 7px);width:112px;height:14px;border-radius:999px;pointer-events:none;opacity:0;filter:blur(.5px)}.skill-cast-ring{position:absolute;width:74px;height:74px;border-radius:50%;border:2px solid rgba(255,255,255,.65);pointer-events:none;mix-blend-mode:screen;animation:skillCastRing .54s cubic-bezier(.22,1,.36,1) forwards}.skill-cast-core{position:absolute;width:30px;height:30px;border-radius:50%;pointer-events:none;filter:blur(.4px);animation:skillCastCore .54s cubic-bezier(.22,1,.36,1) forwards}.skill-cast-ring.skill-fire,.skill-cast-core.skill-fire{color:#fb923cf2}.skill-cast-ring.skill-fire{border-color:#fb923ceb;box-shadow:0 0 16px #fb923c9e}.skill-cast-core.skill-fire{background:radial-gradient(circle,rgba(251,191,36,.96) 0%,rgba(251,113,133,.82) 44%,transparent 75%)}.skill-cast-ring.skill-ice{border-color:#7dd3fceb;box-shadow:0 0 16px #7dd3fc9e}.skill-cast-core.skill-ice{background:radial-gradient(circle,rgba(186,230,253,.96) 0%,rgba(125,211,252,.82) 44%,transparent 75%)}.skill-cast-ring.skill-lightning{border-color:#facc15f2;box-shadow:0 0 16px #facc15b3}.skill-cast-core.skill-lightning{background:radial-gradient(circle,rgba(254,240,138,1) 0%,rgba(250,204,21,.9) 44%,transparent 75%)}.skill-cast-ring.skill-holy{border-color:#fffffff5;box-shadow:0 0 16px #ffffff9e}.skill-cast-core.skill-holy{background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(254,240,138,.88) 44%,transparent 75%)}.skill-cast-ring.skill-wind{border-color:#c4b5fdeb;box-shadow:0 0 16px #c4b5fd9e}.skill-cast-core.skill-wind{background:radial-gradient(circle,rgba(224,231,255,.96) 0%,rgba(196,181,253,.82) 44%,transparent 75%)}.skill-cast-ring.skill-blood{border-color:#fb7185eb;box-shadow:0 0 16px #fb7185a8}.skill-cast-core.skill-blood{background:radial-gradient(circle,rgba(253,164,175,.98) 0%,rgba(239,68,68,.85) 44%,transparent 75%)}.skill-cast-ring.skill-physical,.skill-cast-ring.skill-default{border-color:#e2e8f0eb;box-shadow:0 0 14px #e2e8f08a}.skill-cast-core.skill-physical,.skill-cast-core.skill-default{background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(148,163,184,.78) 44%,transparent 75%)}@keyframes skillCastRing{0%{opacity:0;transform:scale(.55)}26%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.28)}}@keyframes skillCastCore{0%{opacity:0;transform:scale(.5)}20%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.player-unit.attacking .attack-trail-player{right:-4px;background:linear-gradient(90deg,#facc1500,#facc15f2 45%,#fffffff2 60%,#facc1500);transform-origin:right center;animation:slashTrailPlayer .34s ease-out}.enemy-unit.attacking .attack-trail-enemy{left:-4px;background:linear-gradient(90deg,#f8717100,#f87171f2 45%,#ffffffe6 60%,#f8717100);transform-origin:left center;animation:slashTrailEnemy .34s ease-out}@keyframes playerLunge{0%{transform:translate(0) scale(1);filter:drop-shadow(0 0 8px rgba(96,165,250,.35))}36%{transform:translate(26px) scale(1.06);filter:drop-shadow(0 0 16px rgba(96,165,250,.7))}to{transform:translate(0) scale(1);filter:drop-shadow(0 0 10px rgba(168,85,247,.4))}}@keyframes enemyLunge{0%{transform:translate(0) scale(1);filter:drop-shadow(0 0 8px rgba(248,113,113,.3))}36%{transform:translate(-26px) scale(1.06);filter:drop-shadow(0 0 16px rgba(248,113,113,.65))}to{transform:translate(0) scale(1);filter:drop-shadow(0 0 10px rgba(168,85,247,.4))}}@keyframes weaponSwing{0%{transform:rotate(-62deg) scale(.95)}28%{transform:rotate(-132deg) scale(1.1)}62%{transform:rotate(-18deg) scale(1.06)}to{transform:rotate(-62deg) scale(1)}}@keyframes slashTrailPlayer{0%{opacity:0;transform:translate(-18px) scaleX(.2)}35%{opacity:1;transform:translate(8px) scaleX(1)}to{opacity:0;transform:translate(24px) scaleX(1.2)}}@keyframes slashTrailEnemy{0%{opacity:0;transform:translate(18px) scaleX(.2)}35%{opacity:1;transform:translate(-8px) scaleX(1)}to{opacity:0;transform:translate(-24px) scaleX(1.2)}}.combat-unit.hit{animation:hitShake .25s cubic-bezier(.22,1,.36,1);border-color:#fb7185eb;box-shadow:0 0 0 1px #fb718547}.combat-unit.hit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:12px;background:radial-gradient(circle at center,rgba(251,191,36,.22) 0%,rgba(251,113,133,.16) 45%,transparent 80%);animation:hitFlash .25s ease-out}@keyframes hitShake{0%,to{transform:translate(0)}24%{transform:translate(-3px) scale(.99)}48%{transform:translate(3px) scale(.995)}74%{transform:translate(-2px)}}@keyframes hitFlash{0%{opacity:0}36%{opacity:1}to{opacity:0}}.impact-burst{position:absolute;top:30px;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.9);transform:translate(-50%);pointer-events:none;mix-blend-mode:screen;animation:impactBurst .34s ease-out forwards;z-index:9}.impact-burst.enemy-impact{border-color:#fbbf24f2;box-shadow:0 0 14px #fbbf248c}.impact-burst.player-impact{border-color:#60a5faf2;box-shadow:0 0 14px #60a5fa8c}.impact-burst.heavy{width:24px;height:24px;border-width:3px;animation-duration:.45s}@keyframes impactBurst{0%{opacity:0;transform:translate(-50%) scale(.2)}35%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.6)}}.damage-popup{position:absolute;top:-22px;font-weight:900;font-size:1.35rem;pointer-events:none;animation:damageFloat .82s cubic-bezier(.22,1,.36,1) forwards;z-index:10;text-shadow:2px 2px 0px black;letter-spacing:.02em;will-change:transform,opacity}.player-damage{color:#ef4444}.enemy-damage{color:#fbbf24}.damage-popup.thorns-damage{color:#5eead4;text-shadow:0 0 12px rgba(94,234,212,.82),2px 2px 0 rgba(0,0,0,.85)}.damage-popup.crit-like{font-size:1.75rem;animation:damageFloatCrit .92s cubic-bezier(.22,1,.36,1) forwards}.enemy-damage.crit-like{color:#fde047;text-shadow:0 0 14px rgba(253,224,71,.9),2px 2px 0 rgba(0,0,0,.9)}.player-damage.crit-like{color:#fda4af;text-shadow:0 0 14px rgba(251,113,133,.8),2px 2px 0 rgba(0,0,0,.9)}@keyframes damageFloat{0%{transform:translateY(0) scale(.85);opacity:0}16%{transform:translateY(-14px) scale(1.08);opacity:1}to{transform:translateY(-56px) scale(1);opacity:0}}@keyframes damageFloatCrit{0%{transform:translateY(0) scale(.75);opacity:0}20%{transform:translateY(-18px) scale(1.28);opacity:1}58%{transform:translateY(-38px) scale(1.16);opacity:1}to{transform:translateY(-68px) scale(1.03);opacity:0}}@keyframes idleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.unit-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.unit-name{font-weight:700}.unit-level{color:#94a3b8;font-size:.85rem}.hp-bar-container{height:20px;background:#0006;border-radius:10px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.hp-bar{height:100%;background:linear-gradient(to right,#ef4444,#f87171);transition:width .3s ease-out}.hp-bar.enemy-hp{background:linear-gradient(to right,#dc2626,#991b1b)}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;text-shadow:1px 1px 2px black;z-index:2}.mp-bar-container{height:12px;background:#0006;border-radius:6px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-top:4px}.mp-bar{height:100%;background:linear-gradient(to right,#3b82f6,#60a5fa);transition:width .3s ease-out}.combat-skills-bar{display:flex;justify-content:center;gap:12px;padding:12px;background:#0003;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.combat-skill-slot{width:48px;height:48px;background:#1e293bcc;border:2px solid rgba(168,85,247,.4);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s}.combat-skill-slot.empty{border-style:dashed;border-color:#ffffff1a;background:#0003}.combat-skill-slot.on-cd{filter:grayscale(.8)}.combat-skill-slot.no-mp{border-color:#ef4444}.combat-skill-slot.triggered{border-color:#facc15;box-shadow:0 0 16px #facc158f,inset 0 0 10px #facc152e;animation:skillSlotTrigger .44s ease-out}.skill-icon{font-size:1.8rem;z-index:1}@keyframes skillSlotTrigger{0%{transform:scale(.92)}48%{transform:scale(1.08)}to{transform:scale(1)}}.skill-cd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;z-index:5}.skill-mp-warning{position:absolute;bottom:0;left:0;right:0;background:#ef4444e6;color:#fff;font-size:.6rem;text-align:center;font-weight:700;padding:1px 0;z-index:4}.unit-stats{display:flex;gap:1rem;margin-top:.5rem;font-size:.85rem;color:#94a3b8}.unit-stats span{display:flex;align-items:center;gap:4px}.vs-divider{text-align:center;font-weight:900;font-style:italic;color:#a855f780;font-size:1.5rem;letter-spacing:4px}.enemies-container{display:flex;flex-direction:column;gap:.75rem}.enemy-unit.dead{opacity:.5;filter:grayscale(1)}.combat-log{height:150px;background:#00000080;padding:1rem;overflow-y:auto;font-family:Courier New,monospace;font-size:.85rem;border-top:1px solid rgba(255,255,255,.1)}.log-entry{margin-bottom:4px;color:#64748b;border-left:2px solid transparent;padding-left:8px}.log-entry:last-child{color:#cbd5e1;border-left-color:#a855f7}.combat-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .5s ease-out forwards}.combat-result-overlay.victory{box-shadow:inset 0 0 50px #a855f780}.combat-result-overlay.defeat{box-shadow:inset 0 0 50px #ef444480}.result-content{text-align:center;padding:2rem;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}.result-title{font-size:3rem;font-weight:900;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px rgba(255,255,255,.5)}.victory .result-title{color:#a855f7;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(168,85,247,.6))}.defeat .result-title{color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.6))}.result-loot{margin:2rem 0}.result-loot h3{color:#94a3b8;font-size:.9rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.loot-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.loot-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;animation:lootFadeIn .5s ease-out forwards}.loot-icon{font-size:1.5rem}.loot-name{color:#e2e8f0;font-weight:600}.loot-count{color:#a855f7;font-weight:700}.result-no-loot{color:#64748b;font-style:italic}.result-hint{margin-top:2rem;font-size:.85rem;color:#475569;animation:blink 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes lootFadeIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.combat-arena.arena-shake,.combat-arena[class*=arena-skill-]:after,.combat-unit.hit,.player-unit.attacking .character-sprite,.enemy-unit.attacking .character-sprite,.player-unit.attacking .weapon-sprite,.player-unit.attacking .attack-trail-player,.enemy-unit.attacking .attack-trail-enemy,.skill-cast-ring,.skill-cast-core,.damage-popup,.damage-popup.crit-like,.impact-burst,.combat-skill-slot.triggered{animation:none!important}}.abyss-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#0f172a,#1e1b4b);color:#e2e8f0;overflow:hidden}.abyss-header{padding:1.5rem;background:#0000004d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.abyss-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.abyss-header h2{margin:0;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.8em;font-weight:700}.abyss-header p{margin:.5rem 0 0;color:#94a3b8;font-size:1rem;font-weight:500}.abyss-auto-dive-toggle{border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#cbd5e1;border-radius:10px;padding:.45rem .75rem;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.abyss-auto-dive-toggle:hover{background:#ffffff24;border-color:#fff6}.abyss-auto-dive-toggle.active{border-color:#22c55ecc;color:#86efac;background:#22c55e29;box-shadow:0 0 12px #22c55e33}.abyss-map{flex:1;overflow-y:auto;overflow-x:hidden;cursor:grab;position:relative;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.5) transparent}.abyss-map::-webkit-scrollbar{width:8px}.abyss-map::-webkit-scrollbar-track{background:transparent}.abyss-map::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ec4899,#a855f7);border-radius:4px}.abyss-map:active{cursor:grabbing}.abyss-content{display:flex;flex-direction:column;padding:3rem 0;min-height:100%;width:100%;max-width:600px;margin:0 auto;position:relative}.abyss-layer{height:200px;position:relative;width:100%;margin-bottom:1rem}.layer-depth-label{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#a855f74d;font-weight:700;font-size:2rem;pointer-events:none;text-shadow:0 0 20px rgba(168,85,247,.5)}.abyss-node{position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(168,85,247,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5;box-shadow:0 0 15px #a855f733;overflow:visible}.abyss-node:focus-visible{box-shadow:0 0 0 3px #38bdf88c,0 0 18px #38bdf859}.abyss-node:hover{border-color:#ec4899;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 25px #ec489980;background:#ec48991a;z-index:100}.abyss-node.active{border-color:#fbbf24;background:#fbbf2433;box-shadow:0 0 30px #fbbf2499;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #fbbf2499}50%{box-shadow:0 0 40px #fbbf24cc}}.abyss-node.completed{opacity:.8;border-color:#34d39980;background:#34d3991a}.abyss-node.locked{cursor:not-allowed;opacity:.5;filter:grayscale(1);border-color:#fff3;background:#0009}.abyss-node.locked:hover{transform:translate(-50%,-50%) scale(1);box-shadow:none;background:#0009}.lock-icon{font-size:1.2rem;opacity:.8}.main-node{width:70px;height:70px;border-width:3px}.node-icon{color:#cbd5e1;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.abyss-node:hover .node-icon{color:#fff}.icon-boss{color:#ef4444}.icon-gold{color:#fbbf24}.icon-material{filter:none}.node-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-15px);background:#0f172afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:10px 14px;border-radius:12px;font-size:.85rem;min-width:160px;max-width:240px;max-height:250px;overflow-y:auto;white-space:normal;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000;border:1px solid rgba(168,85,247,.8);box-shadow:0 10px 40px #000000e6,0 0 20px #a855f766;display:flex;flex-direction:column;gap:6px;scrollbar-width:none}.node-tooltip::-webkit-scrollbar{display:none}.abyss-node:hover .node-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.node-name{font-weight:700;color:#f8fafc;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px;margin-bottom:2px}.node-drops{display:flex;flex-direction:column;gap:4px}.node-drop-item{display:flex;align-items:center;gap:6px;color:#cbd5e1;font-size:.8rem}.drop-quantity{color:#a855f7;font-weight:700;margin-left:auto}.player-avatar{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fbbf24;box-shadow:0 0 15px #fbbf24cc;animation:bounce 1s infinite alternate;z-index:10}.layer-connector{position:absolute;top:50%;left:50%;width:3px;height:200px;background:linear-gradient(to bottom,rgba(168,85,247,.4) 0%,rgba(168,85,247,.2) 50%,transparent 100%);transform:translate(-50%);z-index:1}.abyss-footer{position:relative;text-align:center;padding:6rem 2rem;min-height:500px;color:#94a3b899;font-style:italic;font-size:1rem;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);background:linear-gradient(to bottom,#0f172a00,#1e1b4b66 15%,#1e1b4bb3 40%,#0f172af2)}.abyss-footer:before{content:"";position:absolute;top:-80%;left:-20%;width:140%;height:250%;background:radial-gradient(ellipse at center,rgba(168,85,247,.25) 0%,rgba(168,85,247,.15) 25%,rgba(168,85,247,.08) 50%,transparent 80%);filter:blur(60px);animation:fog-drift-1 25s ease-in-out infinite;pointer-events:none}.abyss-footer:after{content:"";position:absolute;top:-50%;left:-10%;width:120%;height:200%;background:radial-gradient(ellipse at 40% 30%,rgba(236,72,153,.2) 0%,rgba(236,72,153,.12) 30%,rgba(236,72,153,.06) 50%,transparent 80%);filter:blur(50px);animation:fog-drift-2 18s ease-in-out infinite reverse;pointer-events:none}.abyss-footer>*{position:relative;z-index:1}@keyframes fog-drift-1{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(-10%,5%) scale(1.1);opacity:.8}66%{transform:translate(10%,-5%) scale(.9);opacity:.7}}@keyframes fog-drift-2{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(15%,10%) scale(1.15);opacity:.7}}@keyframes bounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-8px)}}.crafting-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e94560;padding:20px;border-radius:12px;overflow:hidden}.crafting-header{margin-bottom:24px;border-bottom:2px solid rgba(233,69,96,.2);padding-bottom:12px;flex-shrink:0}.crafting-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;text-transform:uppercase;letter-spacing:2px;color:#e94560}.crafting-main{display:flex;gap:24px;flex:1;min-height:0;margin-bottom:20px}.crafting-left{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:8px}.crafting-section h3{font-size:16px;margin-bottom:12px;color:#fff;opacity:.8}.crafting-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px}.crafting-item-slot{width:60px;height:60px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.crafting-item-slot:hover{background:#ffffff1a;border-color:#e94560}.crafting-item-slot.selected{border-color:#e94560;background:#e945601a;box-shadow:0 0 15px #e945604d}.item-icon{font-size:24px}.item-count{position:absolute;bottom:2px;right:4px;font-size:10px;background:#00000080;padding:0 2px;border-radius:2px}.enhance-tag{position:absolute;top:-4px;right:-4px;background:#27ae60;color:#fff;font-size:10px;padding:2px 4px;border-radius:4px}.corrupt-tag{position:absolute;top:-4px;left:-4px;background:#8e44ad;color:#fff;font-size:10px;padding:2px 4px;border-radius:4px}.crafting-right{flex:1.2;background:#0003;border-radius:12px;padding:24px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);min-width:350px;overflow-y:auto}.preview-header{display:flex;gap:20px;align-items:center;margin-bottom:24px}.preview-icon-bg{width:80px;height:80px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid transparent}.preview-icon-large{font-size:40px}.title-row{display:flex;align-items:center;gap:12px}.item-level-tag{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:11px;color:#94a3b8}.quality-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700;margin-top:4px}.quality-normal{background:#95a5a6;color:#fff}.quality-magic{background:#3498db;color:#fff}.quality-unique{background:#f1c40f;color:#000}.preview-stats-container{flex:1;display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.section-label{font-size:12px;color:#95a5a6;text-transform:uppercase;margin-bottom:8px}.craft-stat-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.craft-stat-name{color:#bdc3c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:15px}.craft-stat-value{color:#fff;font-weight:700;font-family:monospace;white-space:nowrap;position:static!important;flex-shrink:0}.craft-stat-row.affix{color:#3498db}.crafting-actions{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.selected-material-info{margin-bottom:15px;background:#e945600d;padding:12px;border-radius:8px}.material-header{display:flex;align-items:center;gap:10px;margin-bottom:5px}.material-name{font-weight:700}.material-desc{font-size:12px;color:#94a3b8;line-height:1.4}.crafting-confirm-btn{width:100%;padding:16px;background:#e94560;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.crafting-confirm-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.craft-feedback{margin-top:10px;padding:8px 10px;border-radius:6px;font-size:13px;line-height:1.4}.craft-feedback.success{background:#27ae602e;color:#9ae6b4;border:1px solid rgba(39,174,96,.35)}.craft-feedback.error{background:#e9456029;color:#fca5a5;border:1px solid rgba(233,69,96,.35)}.affix-pool-preview{margin-top:24px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden;display:flex;flex-direction:column;max-height:400px;flex-shrink:0}.preview-header-bar{padding:12px 20px;background:#e9456026;border-bottom:1px solid rgba(233,69,96,.2);display:flex;justify-content:space-between;align-items:center}.affix-table-wrapper{overflow-y:auto;flex:1}.affix-table{width:100%;border-collapse:collapse;font-size:13px}.affix-table th{padding:12px 20px;text-align:left;background:#0003;position:sticky;top:0}.affix-table td{padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.03)}.tier-cell{color:#facc15;font-weight:700}.name-cell{color:#fff}.tags-cell{display:flex;gap:4px}.tag{padding:1px 6px;border-radius:4px;font-size:10px;background:#ffffff1a}.affix-row.locked td{color:#94a3b8!important;opacity:.5!important}.affix-row.locked .tier-cell{color:#94a3b8!important}.affix-row.conflict{background:#e9456014!important}.affix-row.conflict td:not(.tier-cell):not(.level-cell):not(.weight-cell){text-decoration:line-through!important;color:#e94560!important;opacity:.7!important}.group-divider.conflict{background:#e9456040!important;border-left:4px solid #e94560!important}.group-divider.conflict td{color:#ff6b6b!important;font-weight:700!important;text-decoration:line-through!important}.preview-stats-mini{display:flex;flex-direction:column;gap:4px}.craft-stat-row-mini{display:flex;justify-content:space-between;width:100%}.craft-stat-name-mini{color:#94a3b8}.craft-stat-value-mini{color:#fff;font-weight:700;position:static!important}.enhancement-panel .crafting-right{display:flex;flex-direction:column}.success-rate-banner{background:#00000047;border:1px solid rgba(148,163,184,.24);border-radius:var(--ui-radius-sm);padding:10px;display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;font-size:var(--ui-font-size-lg);font-weight:700}.success-rate-banner .label{color:var(--ui-text-secondary)}.rate-value.high{color:#4ade80}.rate-value.medium{color:#facc15}.rate-value.low{color:#f87171}.dual-preview-container{display:flex;gap:15px;margin-bottom:20px}.preview-card{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--ui-radius-sm);padding:10px;transition:all .2s;opacity:.84}.preview-card.highlight{transform:scale(1.05);opacity:1;box-shadow:0 0 15px #ffffff2e;z-index:1}.preview-card.dimmed{opacity:.3;transform:scale(.95)}.success-card.highlight{border-color:#4ade80;box-shadow:0 0 15px #4ade804d}.failure-card.highlight{border-color:#f87171;box-shadow:0 0 15px #f871714d}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:700;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;gap:8px}.success-card .card-header{color:#4ade80}.failure-card .card-header{color:#f87171}.rate-badge{font-size:var(--ui-font-size-sm);border-radius:var(--ui-radius-xs);background:#00000047;padding:2px 7px}.item-name{font-weight:700;margin-bottom:8px}.item-name .plus{color:#fbbf24}.preview-stats-mini{font-size:var(--ui-font-size-sm);color:#d1d5db}.affix-section-mini{margin-top:8px}.affix-divider{height:1px;background:#ffffff1a;margin:4px 0}.affix-row-mini{display:flex;justify-content:space-between;color:#a5b4fc;font-size:var(--ui-font-size-sm)}.affix-tier{color:#64748b;font-size:var(--ui-font-size-xs)}.downgrade-warning,.protection-active{margin-top:10px;font-size:var(--ui-font-size-sm);display:flex;align-items:center;gap:5px}.downgrade-warning{color:#f87171}.protection-active{color:#60a5fa}.action-area{margin-top:auto;text-align:center}.enhance-btn{width:100%;padding:12px;border:none;border-radius:var(--ui-radius-sm);background:linear-gradient(45deg,#2563eb,#1d4ed8);color:#fff;font-weight:700}.enhance-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.enhance-btn:disabled{background:#334155;opacity:.75}.enhance-btn.animating{background:#475569}.result-message{margin-bottom:10px;padding:8px;border-radius:var(--ui-radius-xs);font-weight:700;animation:enhancement-fade-in .25s ease}.result-message.success{background:#4ade8033;color:#4ade80}.result-message.failure{background:#f8717133;color:#f87171}@keyframes enhancement-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.corruption-panel .crafting-item-slot.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.corruption-outcomes-container{display:flex;gap:10px;margin-bottom:20px}.corruption-outcomes-container.two-paths .preview-card{flex:1}.corruption-card{flex:1;border:1px solid rgba(255,255,255,.12);background:#0003;transition:all .2s}.corruption-card.highlight{transform:scale(1.05);z-index:10;border-color:#a855f7;box-shadow:0 0 20px #a855f766}.corruption-card.dimmed{opacity:.3;transform:scale(.95)}.corruption-card.upgrade .card-header{color:#facc15}.corruption-card.add-affix .card-header{color:#a855f7}.corruption-card.destroy .card-header{color:#ef4444}.outcome-desc{font-size:var(--ui-font-size-sm);color:#a3a3a3;margin-bottom:5px;text-align:center}.mystery-box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:#a855f7;gap:5px}.destroyed-icon{display:flex;justify-content:center;align-items:center;height:100px;color:#ef4444}.warning-text{color:#f87171;font-size:var(--ui-font-size-xs);text-align:center;margin-top:5px}.corrupt-btn{background:linear-gradient(45deg,#7e22ce,#a855f7)}.corrupt-btn:hover:not(:disabled){box-shadow:0 4px 12px #7e22ce66}.result-message.upgrade{color:#facc15;background:#facc151a}.result-message.add_affix{color:#a855f7;background:#a855f71a}.result-message.destroy{color:#ef4444;background:#ef44441a}.fishing-premium-container{padding:24px;display:flex;flex-direction:column;gap:24px;color:#e2e8f0;height:100%;background:radial-gradient(circle at 10% 20%,#0f172acc,#1e293b66 90%)}.fishing-glass-header{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.05)}.header-icon-box{width:56px;height:56px;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0ea5e94d}.waves-main-icon{color:#fff;animation:float 3s infinite ease-in-out}.header-text h2{margin:0;font-size:1.8em;color:#38bdf8;letter-spacing:1px}.header-text p{margin:4px 0 0;color:#94a3b8;font-size:.95em}.fishing-layout-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;flex:1}.fishing-main-view{display:flex;flex-direction:column;gap:20px}.stats-glass-card{display:flex;justify-content:space-around;padding:16px;background:#0f172a66;border-radius:12px;border:1px solid rgba(56,189,248,.2)}.stat-pill{display:flex;flex-direction:column;align-items:center;gap:4px}.pill-label{color:#64748b;font-size:.85em;font-weight:500}.pill-value{font-size:1.25em;font-weight:700;color:#f1f5f9}.luck-text{color:#facc15}.highlight-gold{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.pill-progress-bg{width:80px;height:4px;background:#ffffff1a;border-radius:2px;margin-top:4px}.pill-progress-fill{height:100%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;border-radius:2px}.river-visual-stage{position:relative;flex:1;min-height:320px;background:linear-gradient(180deg,#0b1226,#12213b 45%,#0f172a);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);--waterline: 54%;--line-length: 150px;--bob-offset: -8px}.river-water-bg{position:absolute;top:var(--waterline);left:0;right:0;bottom:0;background:linear-gradient(180deg,#2c76e66b,#2563d27a 26%,#1e54b68f 54%,#163f92a8 78%,#0f172ad1);box-shadow:inset 0 20px 50px #00000080;transition:top .5s ease-in-out}.river-water-bg:before{content:"";position:absolute;left:0;right:0;top:-8px;height:16px;background:linear-gradient(180deg,rgba(56,189,248,.12) 0%,transparent 100%);opacity:0;pointer-events:none}.river-water-bg:after{content:"";position:absolute;left:0;right:0;top:6px;height:20px;background:radial-gradient(circle at 50% 0%,rgba(147,197,253,.08),transparent 70%);opacity:0;pointer-events:none}.river-visual-stage.is-active .river-water-bg{top:var(--waterline)}.river-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:none;pointer-events:none}.waves-container{display:none}.wave{position:absolute;bottom:-10px;left:0;width:200%;height:60px;background-repeat:repeat-x;background-position:0 bottom;transform-origin:center bottom}.wave-1{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 200"><path fill="rgba(56,189,248,0.10)" d="M0,110 C150,80 350,140 500,110 C650,80 850,140 1000,110 L1000,200 L0,200 Z"/></svg>');animation:move-wave 8s linear infinite,wave-float 4s ease-in-out infinite alternate;opacity:.35}.wave-2{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 200"><path fill="rgba(56,189,248,0.08)" d="M0,110 C200,150 400,70 600,110 C800,150 1000,70 1200,110 L1200,200 L0,200 Z"/></svg>');animation:move-wave 12s linear infinite reverse,wave-float 6s ease-in-out infinite alternate-reverse;opacity:.2;bottom:-10px}.wave-3{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 200"><path fill="rgba(56,189,248,0.04)" d="M0,125 C120,135 220,115 320,125 C420,135 520,115 620,125 L620,200 L0,200 Z"/></svg>');animation:move-wave 20s linear infinite;opacity:.12;bottom:-12px}@keyframes wave-float{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-10px) scaleY(1.1)}}.underwater-particles{position:absolute;top:var(--waterline);left:0;right:0;bottom:0;z-index:3;pointer-events:none;overflow:hidden}.particle{position:absolute;bottom:-20px;background:#fff3;border-radius:50%;animation:rise 5s infinite ease-in}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.6}80%{opacity:.3}to{transform:translateY(-300px) scale(1.5);opacity:0}}.sun-ray{position:absolute;top:-50px;width:20px;height:400px;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 80%);filter:blur(10px);transform:rotate(25deg);animation:ray-shimmer 6s infinite ease-in-out}@keyframes ray-shimmer{0%,to{opacity:.3;transform:translate(0) rotate(25deg)}50%{opacity:.6;transform:translate(100px) rotate(25deg)}}@keyframes move-wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes line-bob{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}@keyframes ripple{0%{transform:translate(-50%) rotateX(60deg) scale(.5);opacity:1}to{transform:translate(-50%) rotateX(60deg) scale(2.5);opacity:0}}.action-floating-label{position:absolute;top:20px;right:20px;padding:8px 16px;background:#0f172acc;border-radius:20px;border:1px solid rgba(56,189,248,.3);font-size:.9em;color:#38bdf8;display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;background:#38bdf8;border-radius:50%;animation:pulse 1s infinite}.fishing-action-zone{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;padding:10px}.premium-action-btn{position:relative;padding:14px 60px;font-size:1.25em;font-weight:800;border-radius:12px;border:none;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-action-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.is-start{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;box-shadow:0 10px 20px #0ea5e94d}.is-start:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0ea5e966}.is-stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 10px 20px #ef44444d}.is-stop:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ef444466}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s}.premium-action-btn:hover .btn-shine{left:100%}.fishing-command-error{width:min(460px,100%);padding:8px 10px;border-radius:8px;border:1px solid rgba(248,113,113,.4);background:#7f1d1d33;color:#fecaca;font-size:.84rem;line-height:1.35;text-align:center}.fishing-side-panel{display:flex;flex-direction:column;gap:20px}.side-card{background:#0f172a99;border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:16px;display:flex;flex-direction:column;gap:16px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#38bdf8;font-weight:700;font-size:1.05em}.card-header-title{display:inline-flex;align-items:center;gap:10px}.detail-toggle-btn{border:1px solid rgba(56,189,248,.35);background:#0e749029;color:#7dd3fc;padding:4px 10px;border-radius:999px;font-size:.78em;font-weight:700;cursor:pointer;transition:all .2s ease}.detail-toggle-btn:hover{border-color:#38bdf88c;background:#0e749042}.probability-list{display:flex;flex-direction:column;gap:12px}.prob-item{display:flex;align-items:center;gap:10px}.prob-rarity-tag{width:60px;font-size:.85em;font-weight:600;display:flex;align-items:center;gap:6px}.rarity-dot{width:6px;height:6px;border-radius:50%}.prob-bar-container{flex:1;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.prob-bar-fill{height:100%;border-radius:3px}.prob-percent{width:55px;text-align:right;font-size:.85em;color:#94a3b8;font-variant-numeric:tabular-nums}.detail-drop-panel{border-top:1px solid rgba(255,255,255,.06);padding-top:10px;display:flex;flex-direction:column;gap:8px}.detail-drop-section-title{font-size:.75em;color:#94a3b8;letter-spacing:.01em}.detail-drop-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:2px}.detail-drop-list.extra{max-height:130px}.detail-drop-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff08;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:7px 10px}.detail-drop-left{display:flex;align-items:center;gap:6px;min-width:0;font-size:.85em;color:#e2e8f0}.detail-drop-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.detail-drop-chance{font-size:.82em;color:#93c5fd;font-variant-numeric:tabular-nums}.detail-drop-note{font-size:.72em;color:#94a3b8;white-space:nowrap}.detail-drop-tag{display:inline-flex;align-items:center;border-radius:999px;padding:0 6px;font-size:.7em;line-height:1.5;border:1px solid transparent}.detail-drop-tag.rarity{background:#0f172a99}.detail-drop-tag.surprise{color:#c4b5fd;border-color:#a78bfa73;background:#4c1d9547}.detail-drop-tag.jackpot{color:#fcd34d;border-color:#facc1580;background:#78350f59}.detail-drop-tag.equipment{color:#7dd3fc;border-color:#7dd3fc73;background:#0c4a6e59}.detail-drop-hint{font-size:.74em;color:#64748b}.luck-hint{font-size:.75em;color:#64748b;line-height:1.4;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.purify-list-container{display:flex;flex-direction:column;gap:10px;max-height:160px;overflow-y:auto}.mini-purify-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:8px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.15)}.mini-item-info{display:flex;align-items:center;gap:8px}.mini-icon{font-size:1.25em}.mini-name{font-size:.9em;color:#f87171}.mini-purify-btn{background:#0ea5e9;color:#fff;border:none;padding:4px 12px;border-radius:6px;font-size:.85em;font-weight:600;cursor:pointer}.danger-zone{text-align:center;padding:6px;background:#ef44440d;border-radius:6px}.warning-text{font-size:.8em;color:#ef4444;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.river-sky{position:absolute;top:0;right:0;bottom:0;left:0;bottom:calc(100% - var(--waterline));z-index:1;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,rgba(14,116,144,.25) 0%,rgba(30,64,175,.12) 60%,transparent 100%)}.sky-glow{position:absolute;top:-40px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(56,189,248,.25) 0%,transparent 70%);border-radius:50%;opacity:.7;filter:blur(16px)}.cloud{position:absolute;width:124px;height:34px;border-radius:999px;background:linear-gradient(180deg,#f1f5f942,#f1f5f914);opacity:.42;filter:blur(2px);animation:cloud-drift 30s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:999px;background:inherit}.cloud:before{width:58px;height:42px;left:14px;top:-14px}.cloud:after{width:52px;height:34px;right:14px;top:-9px}.cloud-1{top:18px;left:-22%;animation-duration:30s;transform:scale(1.05)}.cloud-2{top:40px;left:-34%;animation-duration:36s;opacity:.3;transform:scale(.9)}.cloud-3{top:24px;left:-42%;animation-duration:42s;opacity:.26;transform:scale(.8)}.distant-hills{position:absolute;left:-10%;right:-10%;bottom:-4px;height:70px;background:radial-gradient(60% 100% at 18% 100%,rgba(15,23,42,.65) 0%,transparent 70%),radial-gradient(70% 100% at 55% 100%,rgba(15,23,42,.6) 0%,transparent 72%),radial-gradient(60% 100% at 82% 100%,rgba(15,23,42,.55) 0%,transparent 75%)}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(140%)}}.river-shoreline{position:absolute;top:calc(var(--waterline) - 12px);left:0;right:0;height:40px;z-index:6;pointer-events:none;display:none}.foam-band{position:absolute;top:6px;left:0;right:0;height:14px;background:linear-gradient(180deg,rgba(56,189,248,.22) 0%,transparent 100%);opacity:.35}.shore-rocks{position:absolute;left:0;right:0;bottom:0;z-index:2;height:16px;background:radial-gradient(circle at 10% 50%,rgba(15,23,42,.55) 0%,transparent 60%),radial-gradient(circle at 30% 50%,rgba(15,23,42,.5) 0%,transparent 60%),radial-gradient(circle at 60% 50%,rgba(15,23,42,.45) 0%,transparent 60%),radial-gradient(circle at 85% 50%,rgba(15,23,42,.5) 0%,transparent 60%)}.reeds{position:absolute;bottom:8px;width:36px;height:24px;border-left:2px solid rgba(34,197,94,.4);border-right:2px solid rgba(34,197,94,.35);transform:skew(-12deg);filter:blur(.2px)}.reeds-1{left:12%}.reeds-2{left:78%;transform:skew(12deg);opacity:.7}.river-visual-stage.is-active{--line-length: 230px;--bob-offset: -4px}.fishing-rod-animation{position:absolute;left:10%;top:calc(var(--waterline) - 150px);width:240px;height:240px;transform:rotate(-5deg);transform-origin:left top;z-index:9;transition:transform .4s ease;display:block}.river-visual-stage.is-active .fishing-rod-animation{transform:rotate(-4deg)}.rod-handle{position:absolute;left:0;top:0;width:210px;height:6px;background:linear-gradient(90deg,#b45309,#92400e 45%,#78350f);border-radius:3px;box-shadow:0 2px 8px #00000080;transform:none;transform-origin:left center}.rod-grip{position:absolute;left:8px;top:-2px;width:30px;height:10px;background:#111827;border-radius:4px}.rod-reel{position:absolute;left:36px;top:5px;width:14px;height:14px;border:2px solid rgba(226,232,240,.6);border-radius:50%;background:#0f172a99;box-shadow:0 0 6px #38bdf833}.rod-line-group{position:absolute;left:206px;top:-2px;width:1px;height:var(--line-length);transform:translate(-.5px) rotate(5deg);transform-origin:top center;z-index:10}.rod-string{width:1px;height:var(--line-length);background:#fff9;box-shadow:0 0 6px #38bdf873;animation:none;transform-origin:top center}.river-visual-stage.is-active .rod-string{height:var(--line-length);animation:line-bob 2.2s infinite ease-in-out}.rod-hook-box{position:absolute;left:0;top:var(--line-length);transform:translate(-50%,var(--bob-offset));display:flex;align-items:center;justify-content:center;z-index:10}.active-hook{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;z-index:10}.lure-ripple{position:absolute;left:50%;top:8px;width:46px;height:22px;border:1px solid rgba(56,189,248,.45);border-radius:50%;border-width:1px;transform:translate(-50%) rotateX(60deg);animation:ripple 2s infinite}.idle-anchor{opacity:.45;transform:translateY(10px)}.idle-anchor.active-anchor{opacity:.85;filter:drop-shadow(0 0 6px rgba(56,189,248,.35))}.river-water-bg,.river-visual-stage.is-active .river-water-bg{top:var(--waterline)}.river-water-bg:before,.river-water-bg:after,.river-overlay,.waves-container,.river-shoreline{display:none!important}.talent-tree-container{height:100%;width:100%;background:radial-gradient(circle at center,#1e1b4b,#020617);color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.tree-header{padding:24px;z-index:100;background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.tree-header h2{margin:0;font-size:1.8rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tree-header p{margin:4px 0 0;font-size:.9rem;color:#64748b}.points-badge{background:#fbbf241a;border:1px solid rgba(251,191,36,.5);padding:8px 16px;border-radius:99px;display:flex;align-items:center;gap:10px;color:#fbbf24;font-weight:700;box-shadow:0 0 20px #fbbf2426;font-size:.9rem}.reset-button{background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:#ef4444;padding:8px 16px;border-radius:99px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.reset-button:hover{background:#ef444433;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.reset-button:active{transform:translateY(0)}.tree-viewport{flex:1;cursor:grab;overflow:hidden;position:relative;background:#020617}.tree-viewport:active{cursor:grabbing}.tree-viewport:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000);background-size:200px 200px;opacity:.2;pointer-events:none}.tree-canvas{position:absolute;width:0;height:0;left:50%;top:50%}.connector-svg{position:absolute;pointer-events:none;z-index:1;overflow:visible}.tree-line{stroke:#ffffff08;stroke-width:2;transition:all .4s ease;stroke-linecap:round}.tree-line.available{stroke:#fbbf2426;stroke-width:2.5}.tree-line.path-hint{stroke:#fbbf2466;stroke-width:3;stroke-dasharray:8,4;animation:dash-flow 2s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-12}}.tree-line.active{stroke:#fbbf24;stroke-width:4;filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}.talent-node{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:z-index 0s}.talent-node:hover{z-index:1000}.node-inner{width:32px;height:32px;background:#0f172a;border:2px solid #334155;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#475569;z-index:5;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.node-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid transparent;border-radius:50%;transition:all .3s ease;z-index:4}.talent-node.medium .node-inner{width:42px;height:42px}.talent-node.keystone .node-inner{width:54px;height:54px;min-width:54px;min-height:54px;border-width:3px;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.talent-node.can-unlock .node-inner{border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 15px #fbbf2426}.talent-node.can-unlock:hover .node-inner{background:#fbbf241a;box-shadow:0 0 25px #fbbf244d;transform:scale(1.1)}.talent-node.unlocked .node-inner{background:#fbbf24;border-color:#f59e0b;color:#78350f;box-shadow:0 0 30px #fbbf2480}.talent-node.unlocked .node-ring{border-color:#fbbf2480;animation:rotate-ring 8s linear infinite;top:-6px;right:-6px;bottom:-6px;left:-6px}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.node-tooltip{position:absolute;bottom:140%;left:50%;transform:translate(-50%);background:#0f172a;border:1px solid rgba(255,255,255,.2);padding:16px;border-radius:12px;width:280px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 10px 30px #000c;z-index:200;white-space:normal;word-break:break-word}.talent-node:hover .node-tooltip{opacity:1;visibility:visible;bottom:160%}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tooltip-header h4{margin:0;font-size:1.1rem;color:#fbbf24}.node-type-tag{font-size:.65rem;padding:2px 8px;border-radius:4px;text-transform:uppercase;font-weight:700}.node-type-tag.small{background:#334155;color:#cbd5e1}.node-type-tag.medium{background:#1e40af;color:#bfdbfe}.node-type-tag.keystone{background:linear-gradient(135deg,#78350f,#92400e);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.node-desc{font-size:.9rem;color:#e2e8f0;line-height:1.6;margin:0;white-space:normal;overflow-wrap:break-word}.node-stats-panel{margin-top:12px;display:flex;flex-direction:column;gap:8px;background:#ffffff0d;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.stat-row{display:flex!important;justify-content:space-between!important;align-items:center!important;height:auto!important;padding:6px 4px!important;font-size:1rem;line-height:1.2!important;background:transparent;margin-bottom:2px}.stat-label{color:#94a3b8;line-height:inherit}.stat-value{color:#34d399;font-weight:800;font-size:1.1rem!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;text-shadow:0 0 10px rgba(52,211,153,.2);margin:0!important;top:auto!important;line-height:inherit;text-align:right}.tooltip-divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);margin:14px 0}.node-connections-info{font-size:.8rem;color:#64748b}.unlock-hint{margin-top:14px;color:#34d399;font-weight:700;font-size:.85rem;text-align:center;text-shadow:0 0 10px rgba(52,211,153,.3)}.unlocked-hint{margin-top:14px;color:#fbbf24;font-weight:700;font-size:.85rem;text-align:center}.tree-footer{padding:16px 32px;background:#020617e6;border-top:1px solid rgba(255,255,255,.05)}.footer-tips{display:flex;justify-content:center;gap:48px;font-size:.85rem;color:#475569}.settings-panel{height:100%;padding:32px;background:radial-gradient(circle at top right,rgba(30,41,59,.4),transparent 70%);overflow-y:auto;color:#e2e8f0}.settings-header h2{font-size:2rem;background:linear-gradient(135deg,#94a3b8,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.settings-header p{color:#64748b;margin-bottom:32px}.settings-section{background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;margin-bottom:24px}.settings-section h3{display:flex;align-items:center;gap:12px;color:#f8fafc;margin-bottom:20px;font-size:1.2rem}.about-card{background:#0003;padding:16px;border-radius:12px;color:#94a3b8;line-height:1.6}.game-stats{display:flex;gap:24px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);font-family:JetBrains Mono,monospace;font-size:.85rem;color:#64748b}.ui-pref-grid{display:grid;gap:12px}.ui-pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#0f172a59;font-size:.9rem}.ui-pref-row input[type=checkbox]{width:16px;height:16px}.ui-pref-row select{min-width:128px;border-radius:8px;border:1px solid rgba(148,163,184,.35);background:#00000059;color:#e2e8f0;padding:6px 8px}.ui-pref-reset-btn{width:fit-content;background:#38bdf826;border:1px solid rgba(56,189,248,.4);color:#bae6fd}.settings-section.danger-zone{border-color:#ef444433;background:#ef44440d}.settings-section.danger-zone h3{color:#fca5a5}.action-row{display:flex;gap:16px;margin-bottom:24px}.settings-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.export-btn{background:#3b82f6;color:#fff}.export-btn:hover{background:#2563eb}.reset-btn{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.reset-btn:hover{background:#ef444433;border-color:#ef444480}.import-row{display:flex;gap:12px}.import-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 16px;color:#e2e8f0;font-family:JetBrains Mono,monospace}.import-btn{background:#10b981;color:#fff}.import-btn:hover{background:#059669}.message-toast{margin-top:16px;padding:10px 16px;border-radius:8px;font-size:.9rem;text-align:center}.message-toast.success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.message-toast.error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.gm-section{border-color:#facc1540;background:#facc150f}.gm-section h3{color:#fde68a}.gm-tip{margin:0 0 14px;color:#d1d5db;font-size:.9rem}.gm-tip code{background:#0f172ab3;border:1px solid rgba(148,163,184,.3);border-radius:6px;padding:2px 6px;color:#e2e8f0}.gm-row{display:flex;gap:12px;margin-top:10px}.gm-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;color:#e2e8f0;font-family:JetBrains Mono,monospace}.gm-run-btn{background:#f59e0b;color:#0f172a}.gm-run-btn:hover:not(:disabled){background:#d97706}.gm-run-btn:disabled{opacity:.65;cursor:not-allowed}.order-board-container{padding:20px;height:100%;overflow-y:auto;background:linear-gradient(135deg,#2d2215cc,#1a120be6);border-radius:16px;border:3px solid #8b5e3c;box-shadow:inset 0 0 20px #00000080;color:#fef3c7}.order-board-header{text-align:center;margin-bottom:30px;position:relative}.order-board-header h2{font-size:2rem;color:#fbbf24;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.order-board-header p{color:#d97706;font-size:.9rem;margin:5px 0}.board-stats{margin-top:15px;display:flex;justify-content:center;align-items:center;gap:20px;font-size:.95rem;color:#fce786;font-weight:700}.refresh-countdown{display:flex;align-items:center;gap:8px;background:#0006;padding:6px 14px;border-radius:20px;border:1px solid rgba(251,191,36,.3);color:#fce786}.timer-text{color:#fbbf24;font-family:monospace;font-size:1.1rem;text-shadow:0 0 5px rgba(251,191,36,.5)}.refresh-orders-btn{display:flex;align-items:center;gap:6px;background:#fbbf24;color:#78350f;border:none;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px #b45309}.refresh-orders-btn:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 6px #b45309}.refresh-orders-btn:active{transform:translateY(2px);box-shadow:0 2px #b45309}.renown-banner{background:#0000004d;border-radius:12px;padding:15px 20px;margin-bottom:30px;border:1px solid rgba(251,191,36,.2)}.order-inline-error{margin-bottom:12px;border:1px solid rgba(239,68,68,.5);background:#7f1d1d59;color:#fecaca;border-radius:8px;padding:8px 10px;font-size:13px}.renown-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.renown-badge{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:#fbbf24}.renown-xp-label{font-size:.85rem;color:#fef3c7;opacity:.8}.renown-progress-track{width:100%;height:12px;background:#00000080;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.renown-progress-fill{height:100%;background:linear-gradient(90deg,#ec4899,#f472b6);box-shadow:0 0 10px #ec489980;transition:width .3s ease-out}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.order-card{background:#fdf6e3;border-radius:12px;padding:20px;color:#4b2c20;position:relative;border:2px solid #d4a373;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-height:220px}.order-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0003}.order-card.completed{opacity:.7;filter:grayscale(.5)}.npc-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.npc-avatar{font-size:2.5rem;background:#fae1dd;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #bc8a5f}.npc-info-text h3{margin:0;font-size:1.1rem;color:#78350f}.npc-specialty{font-size:.75rem;background:#fef3c7;color:#d97706;padding:2px 8px;border-radius:12px;border:1px solid #fbbf24}.npc-dialogue{font-style:italic;font-size:.9rem;line-height:1.4;color:#6b4423;background:#ffffff80;padding:10px;border-radius:8px;margin-bottom:15px;position:relative}.npc-dialogue:after{content:"";position:absolute;top:-10px;left:20px;border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent rgba(255,255,255,.5) transparent}.order-requirements{flex-grow:1;margin-bottom:15px}.req-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed #e5e5e5}.req-item-info{display:flex;align-items:center;gap:8px}.req-count{font-weight:700}.req-count.has-enough{color:#059669}.req-count.not-enough{color:#dc2626}.order-rewards{display:flex;justify-content:space-around;background:#faedcd;padding:8px;border-radius:8px;margin-bottom:15px}.reward-pill{display:flex;align-items:center;gap:4px;font-weight:700;color:#1a202c}.reward-pill.gold{color:#d97706}.reward-pill.xp{color:#3b82f6}.order-action-btn{width:100%;padding:10px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:background .2s}.order-action-btn.can-complete{background:#d4a373;color:#fff}.order-action-btn.can-complete:hover{background:#bc8a5f}.order-action-btn.missing-items{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.order-action-btn.is-completed{background:#10b981;color:#fff;cursor:default}.completed-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:3rem;color:#10b98166;font-weight:900;border:5px solid rgba(16,185,129,.4);padding:10px 20px;border-radius:12px;pointer-events:none;z-index:10}.ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ad-content{background:#fdf6e3;padding:30px;border-radius:16px;border:3px solid #fbbf24;text-align:center;width:90%;max-width:400px;color:#4b2c20;box-shadow:0 0 30px #fbbf244d}.ad-content h3{margin:0 0 10px;color:#78350f}.ad-content p{font-size:.95rem;margin-bottom:20px;color:#6b4423}.ad-progress-bar{width:100%;height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden;border:1px solid #d1d5db}.ad-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .1s linear}.refresh-orders-btn.loading{background:#9ca3af;cursor:wait;box-shadow:none;transform:none}.refresh-orders-btn.limit-reached{background:#0003;color:#94a3b8;border:1px solid rgba(255,255,255,.1);box-shadow:none;cursor:not-allowed;transform:none}.codex-panel{padding:var(--ui-space-5);display:flex;flex-direction:column;gap:var(--ui-space-4)}.codex-header h2{margin:0;font-size:24px;color:#f8fafc}.codex-header p{margin:6px 0 0;color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm)}.codex-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-space-3)}.codex-progress-card{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);padding:var(--ui-space-3);background:#0f172a73}.codex-progress-title{font-size:var(--ui-font-size-sm);color:var(--ui-text-secondary)}.codex-progress-value{margin-top:6px;font-size:18px;font-weight:700;color:#f8fafc}.codex-progress-track{margin-top:10px;height:8px;border-radius:999px;background:#94a3b833;overflow:hidden}.codex-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a855f7)}.codex-section-title{font-size:16px;font-weight:700;color:#f8fafc}.codex-milestone-grid{margin-top:var(--ui-space-2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-space-3)}.codex-milestone-card{border:1px solid rgba(148,163,184,.24);border-radius:var(--ui-radius-md);background:#0f172a61;padding:var(--ui-space-3);display:flex;flex-direction:column;gap:6px}.codex-milestone-card.reached{border-color:#22c55e80;background:#16653433}.codex-milestone-title{font-size:14px;font-weight:700;color:#f8fafc}.codex-milestone-desc{font-size:12px;color:var(--ui-text-secondary);min-height:30px}.codex-milestone-status{font-size:12px;font-weight:700;color:#f8fafc}.codex-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3)}.codex-filters{display:inline-flex;align-items:center;gap:var(--ui-space-2)}.codex-filters select{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-sm);background:#0f172abf;color:#f8fafc;padding:6px 8px;font-size:12px}.codex-entry-grid{margin-top:var(--ui-space-2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-2)}.codex-entry-card{border:1px solid rgba(148,163,184,.2);border-radius:var(--ui-radius-sm);background:#0f172a4d;padding:var(--ui-space-2);display:flex;align-items:center;gap:var(--ui-space-2)}.codex-entry-card.undiscovered{opacity:.6}.codex-entry-icon{width:28px;height:28px;border-radius:var(--ui-radius-xs);border:1px solid rgba(148,163,184,.3);background:#02061766;display:inline-flex;align-items:center;justify-content:center;font-size:15px}.codex-entry-main{min-width:0;flex:1}.codex-entry-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codex-entry-meta{margin-top:2px;display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--ui-text-secondary)}.codex-entry-tier{font-weight:700}.codex-entry-status{font-size:11px;border-radius:999px;padding:2px 7px;border:1px solid rgba(148,163,184,.3)}.codex-entry-status.on{border-color:#22c55e73;color:#86efac}.codex-entry-status.off{color:#cbd5e1}@media (max-width: 1365px){.codex-progress-grid,.codex-milestone-grid,.codex-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.social-farm-panel{display:flex;flex-direction:column;gap:14px;padding:14px;color:var(--text-primary, #f4f7ff)}.social-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.social-header h2{margin:0;font-size:20px}.social-header p{margin:4px 0 0;color:var(--text-muted, #96a0bf);font-size:13px}.social-refresh-btn{border:1px solid rgba(139,154,255,.35);background:#5a6cdb33;color:#e7edff;border-radius:10px;padding:6px 12px;cursor:pointer}.social-warning{border:1px solid rgba(248,164,87,.6);background:#f8a45726;color:#ffd8ac;border-radius:10px;padding:8px 10px}.social-warning-danger{border-color:#ff72729e;background:#c9373733;color:#ffe0e0;font-weight:600}.social-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(320px,1fr);gap:12px}.social-card{border:1px solid rgba(124,143,255,.24);background:#111932b3;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.social-card h3{margin:0;font-size:16px}.social-request-row{display:flex;gap:8px}.social-request-row input{flex:1;min-width:0;border:1px solid rgba(124,143,255,.3);background:#0a0f24cc;color:#eaf0ff;border-radius:8px;padding:6px 8px}.social-request-row button,.social-actions button{border:1px solid rgba(122,148,255,.35);background:#5166db38;color:#eaf0ff;border-radius:8px;padding:6px 10px;cursor:pointer}.social-actions button.danger{border-color:#ff7d7d66;background:#b93e3e33}.social-request-row button:disabled,.social-actions button:disabled,.social-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.social-block{display:flex;flex-direction:column;gap:6px}.social-block-title{font-size:13px;color:var(--text-muted, #96a0bf)}.social-request-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#121d3ca6;border-radius:8px;padding:7px 8px}.social-friend-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}.social-friend-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.social-friend-item{border:1px solid rgba(108,126,227,.25);background:#0f172fbf;color:#eaf0ff;border-radius:8px;padding:7px 8px;text-align:left;cursor:pointer}.social-friend-info-btn{border:1px solid rgba(122,148,255,.35);background:#5166db38;color:#eaf0ff;border-radius:8px;padding:0 10px;font-size:12px;cursor:pointer}.social-friend-info-btn:disabled{opacity:.5;cursor:not-allowed}.social-friend-item.active{border-color:#78aaff99;box-shadow:inset 0 0 0 1px #84b1ff59}.social-friend-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.social-friend-name{font-weight:600}.social-friend-sub{margin-top:2px;font-size:12px;color:var(--text-muted, #95a4c3)}.social-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.social-dot.online{background:#5be88d}.social-dot.offline{background:#677299}.social-preview{display:flex;flex-direction:column;gap:8px}.social-row{display:flex;justify-content:space-between;gap:10px;font-size:13px}.social-row>span{color:var(--text-muted, #95a4c3);font-size:12px}.social-row>strong{color:#eaf2ff;font-size:14px}.social-row-stack{flex-direction:column;align-items:flex-start}.social-item-list{width:100%;display:flex;flex-wrap:wrap;gap:6px}.social-item-empty{color:var(--text-muted, #95a4c3);font-size:12px;line-height:1.4}.social-item-chip{--item-chip-color: rgba(148, 163, 184, .8);display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid var(--item-chip-color);background:#121b38e0;color:#eaf2ff;padding:3px 8px;font-size:12px;line-height:1.2;box-shadow:inset 0 0 0 1px #ffffff0a}.social-item-chip.locked{opacity:.82}.social-item-chip-icon{line-height:1}.social-item-chip-name{font-weight:700}.social-item-chip-lock{font-size:11px;line-height:1}.social-item-chip-count{color:var(--item-chip-color);font-weight:700}.social-cap-group{display:grid;gap:8px}.social-cap-label{font-size:12px;color:var(--text-muted, #95a4c3);margin-bottom:4px}.social-cap-track{height:8px;border-radius:999px;background:#192342e6;overflow:hidden}.social-cap-track>div{height:100%;width:0;background:linear-gradient(90deg,#66b3ff,#89f2c6)}.social-actions{display:flex;gap:8px;flex-wrap:wrap}.social-inline-btn{border:1px solid rgba(122,148,255,.35);background:#5166db33;color:#eaf0ff;border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.social-inline-btn:disabled{opacity:.5;cursor:not-allowed}.social-profile-body{display:grid;gap:10px}.social-profile-group{display:flex;flex-direction:column;gap:6px}.social-profile-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;color:#dbe7ff;font-size:13px}.social-level-grid{display:flex;flex-wrap:wrap;gap:6px}.social-level-chip{border:1px solid rgba(125,147,255,.28);border-radius:999px;padding:2px 8px;background:#2130588c;color:#dbe7ff;font-size:12px}.social-log-card{min-height:210px}.social-log-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}.social-log-item{border:1px solid rgba(103,128,220,.2);background:#0f172fb8;border-radius:8px;padding:8px}.social-log-main{display:flex;justify-content:space-between;gap:10px;font-size:13px}.social-log-main span{color:var(--text-muted, #95a4c3);font-size:12px}.social-log-sub{margin-top:4px;font-size:12px;color:#d8e3ff}.social-empty{color:var(--text-muted, #95a4c3);font-size:13px}.social-error{color:#ff9393;font-size:13px}.social-muted{color:var(--text-muted, #95a4c3);font-size:12px}.social-footer-msg{border-radius:10px;border:1px solid rgba(120,140,255,.28);background:#141e3cb8;padding:8px 10px;font-size:13px}.social-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030814a6;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1200}.social-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:14px;border:1px solid rgba(124,143,255,.34);background:#0e162dfa;box-shadow:0 18px 40px #00000073;padding:14px;display:flex;flex-direction:column;gap:10px}.social-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-modal-head h3{margin:0;font-size:17px}.social-modal-actions{display:flex;align-items:center;gap:8px}.social-modal-close{border:1px solid rgba(137,157,255,.4);background:#2f3f7299;color:#eaf0ff;border-radius:8px;width:28px;height:28px;font-size:18px;line-height:1;cursor:pointer}@media (max-width: 1280px){.social-grid{grid-template-columns:1fr}}.admin-panel{display:flex;flex-direction:column;gap:14px;padding:14px;color:var(--text-primary, #f3f7ff)}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-header h2{margin:0;font-size:20px}.admin-header p{margin:4px 0 0;color:var(--text-muted, #95a4c3);font-size:13px}.admin-refresh-btn{border:1px solid rgba(132,152,255,.38);background:#475bc63d;color:#eef3ff;border-radius:10px;padding:6px 12px;cursor:pointer}.admin-card{border:1px solid rgba(124,143,255,.24);background:#111932b8;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.admin-filter-row{display:grid;grid-template-columns:minmax(180px,240px) 140px 180px auto;gap:8px;align-items:end}.admin-filter-row input,.admin-filter-row select,.admin-filter-row button,.admin-detail-card textarea,.admin-detail-card input[type=datetime-local]{border:1px solid rgba(124,143,255,.3);background:#0c1226d6;color:#eaf0ff;border-radius:8px;padding:6px 8px}.admin-filter-row button,.admin-inline-btn,.admin-actions-row button{cursor:pointer}.admin-risk-min{display:grid;gap:4px;font-size:12px;color:var(--text-muted, #95a4c3)}.admin-risk-min input{padding:5px 8px}.admin-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-section-head h3{margin:0;font-size:16px}.admin-section-head span{color:var(--text-muted, #95a4c3);font-size:12px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:780px}.admin-table th,.admin-table td{border-bottom:1px solid rgba(100,120,210,.2);padding:8px 6px;font-size:13px;text-align:left}.admin-table th{color:var(--text-muted, #95a4c3);font-weight:500}.admin-user-cell{display:inline-flex;align-items:center;gap:6px}.admin-tag-list{display:flex;flex-wrap:wrap;gap:6px}.admin-tag{border:1px solid rgba(128,149,255,.34);border-radius:999px;padding:2px 8px;font-size:11px;background:#384a8c66}.admin-status{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.admin-status.active{color:#baf7cf;background:#35855a3d;border:1px solid rgba(96,199,138,.34)}.admin-status.suspended{color:#ffd2d2;background:#9d393942;border:1px solid rgba(241,120,120,.38)}.admin-risk{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.admin-risk.low{background:#599dff33;color:#c8e1ff}.admin-risk.mid{background:#ffbc5238;color:#ffe2aa}.admin-risk.high{background:#ff65653d;color:#ffd0d0}.admin-inline-btn{border:1px solid rgba(132,152,255,.36);background:#4358c23d;color:#eef2ff;border-radius:8px;padding:5px 10px}.admin-pager{display:flex;gap:8px;justify-content:flex-end}.admin-pager button,.admin-actions-row button{border:1px solid rgba(132,152,255,.36);background:#4358c23d;color:#eef2ff;border-radius:8px;padding:5px 10px}.admin-actions-row button.danger{border-color:#f57d7d6b;background:#b33a3a3d}.admin-pager button:disabled,.admin-inline-btn:disabled,.admin-actions-row button:disabled,.admin-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.admin-action-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}.admin-action-item{border:1px solid rgba(100,120,210,.2);background:#0f172fb8;border-radius:8px;padding:8px}.admin-action-main{display:flex;flex-wrap:wrap;gap:6px;font-size:13px}.admin-action-sub{margin-top:4px;color:var(--text-muted, #95a4c3);font-size:12px}.admin-empty{color:var(--text-muted, #95a4c3);font-size:13px}.admin-error{color:#ff9898;font-size:13px}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a16ad;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1300}.admin-modal{width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:14px;border:1px solid rgba(124,143,255,.34);background:#0e162dfa;box-shadow:0 18px 44px #00000075;padding:14px;display:flex;flex-direction:column;gap:10px}.admin-modal-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.admin-modal-head h3{margin:0}.admin-detail-body{display:grid;gap:10px}.admin-detail-card{border:1px solid rgba(124,143,255,.22);background:#0d1428b8;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.admin-detail-card h4{margin:0;font-size:14px}.admin-detail-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:6px 10px;font-size:13px}.admin-detail-grid>span{color:var(--text-muted, #95a4c3)}.admin-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-block-title{color:var(--text-muted, #95a4c3);font-size:12px}.admin-plain-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.admin-level-grid{display:flex;flex-wrap:wrap;gap:6px}.admin-level-chip{border:1px solid rgba(124,143,255,.3);border-radius:999px;padding:2px 8px;font-size:12px;background:#26346470}.admin-timed-check{display:inline-flex;align-items:center;gap:6px;font-size:13px}.admin-actions-row{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 1280px){.admin-filter-row,.admin-two-col{grid-template-columns:1fr}}.inventory-panel{padding:1rem;background-color:var(--bg-panel);border-left:1px solid var(--border);width:300px;display:flex;flex-direction:column}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:1rem}.inventory-slot{width:48px;height:48px;background-color:#0000004d;border:1px solid var(--slot-rarity-color, var(--border));border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-size:1.5rem}.inventory-slot.rarity-flow-border{--rarity-flow-width: 1px}.inventory-slot:hover{border-color:var(--slot-rarity-color, var(--accent));box-shadow:0 0 0 1px #ffffff1a}.inventory-slot.empty{opacity:.5}.item-icon-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.item-icon{line-height:1}.inventory-enhance-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:11px;font-weight:900;line-height:1;letter-spacing:.1px;-webkit-text-stroke:.35px rgba(15,23,42,.55);filter:drop-shadow(0 0 3px rgba(245,158,11,.35));pointer-events:none}.item-count{position:absolute;bottom:2px;right:2px;font-size:10px;background-color:#000000b3;padding:1px 3px;border-radius:4px;color:#fff}.rarity-common{--slot-rarity-color: #f8fafc;color:#f8fafc}.rarity-uncommon{--slot-rarity-color: #60a5fa;color:#60a5fa}.rarity-rare{--slot-rarity-color: #facc15;color:#facc15}.rarity-epic{--slot-rarity-color: #c084fc;color:#c084fc}.rarity-legendary{--slot-rarity-color: #fb923c;color:#fb923c}.rarity-mythic{--slot-rarity-color: #f87171;color:#f87171}.rarity-fish-t1{--slot-rarity-color: #94a3b8;color:#94a3b8}.rarity-fish-t2{--slot-rarity-color: #4ade80;color:#4ade80}.rarity-fish-t3{--slot-rarity-color: #2dd4bf;color:#2dd4bf}.rarity-fish-t4{--slot-rarity-color: #60a5fa;color:#60a5fa}.rarity-fish-t5{--slot-rarity-color: #a78bfa;color:#a78bfa}.rarity-fish-t6{--slot-rarity-color: #fbbf24;color:#fbbf24}.rarity-fish-t7{--slot-rarity-color: #f87171;color:#f87171}.rarity-tier-t1{--slot-rarity-color: #94a3b8;color:#94a3b8}.rarity-tier-t2{--slot-rarity-color: #4ade80;color:#4ade80}.rarity-tier-t3{--slot-rarity-color: #2dd4bf;color:#2dd4bf}.rarity-tier-t4{--slot-rarity-color: #60a5fa;color:#60a5fa}.rarity-tier-t5{--slot-rarity-color: #a78bfa;color:#a78bfa}.rarity-tier-t6{--slot-rarity-color: #fbbf24;color:#fbbf24}.rarity-tier-t7{--slot-rarity-color: #f87171;color:#f87171}.rarity-tier-myth{--slot-rarity-color: var(--ui-rarity-myth);color:var(--ui-rarity-myth)}.item-tooltip{display:none;position:absolute;top:100%;right:0;width:260px;background-color:#0f172a;border:1px solid var(--border);padding:10px 12px;z-index:100;border-radius:8px;pointer-events:auto;box-shadow:0 4px 6px -1px #00000080;font-size:.875rem;line-height:1.45}.inventory-slot:hover .item-tooltip{display:block}.item-name{font-weight:700;font-size:1.1rem;line-height:1.2;margin-bottom:4px;color:#f8fafc}.item-name.rarity-text-common{color:#f8fafc}.item-name.rarity-text-uncommon{color:#60a5fa}.item-name.rarity-text-rare{color:#facc15}.item-name.rarity-text-epic{color:#c084fc}.item-name.rarity-text-legendary{color:#fb923c}.item-name.rarity-text-mythic{color:#f87171}.item-name.rarity-text-fish-t1{color:#94a3b8}.item-name.rarity-text-fish-t2{color:#4ade80}.item-name.rarity-text-fish-t3{color:#2dd4bf}.item-name.rarity-text-fish-t4{color:#60a5fa}.item-name.rarity-text-fish-t5{color:#a78bfa}.item-name.rarity-text-fish-t6{color:#fbbf24}.item-name.rarity-text-fish-t7{color:#f87171}.item-name.rarity-text-tier-t1{color:#94a3b8}.item-name.rarity-text-tier-t2{color:#4ade80}.item-name.rarity-text-tier-t3{color:#2dd4bf}.item-name.rarity-text-tier-t4{color:#60a5fa}.item-name.rarity-text-tier-t5{color:#a78bfa}.item-name.rarity-text-tier-t6{color:#fbbf24}.item-name.rarity-text-tier-t7{color:#f87171}.item-name.rarity-text-tier-myth{background-image:var(--ui-rarity-myth-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.item-type,.item-category{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;color:#93c5fd;background:#3b82f624;border:1px solid rgba(59,130,246,.3);border-radius:999px;padding:2px 8px;text-transform:uppercase;margin-bottom:8px}.item-desc{font-size:.9rem;color:#cbd5e1;line-height:1.5;margin-top:2px;word-break:break-word}.item-stats-preview{margin-top:8px;margin-bottom:8px;border-top:1px solid #334155;border-bottom:1px solid #334155;padding:4px 0}.item-stats-preview .stat-line{font-size:.85rem;color:#e2e8f0}.item-stats-preview .affix-line{font-size:.8rem;color:#60a5fa;margin-top:2px}.affix-tier{color:#64748b;font-size:.7rem;margin-left:4px}.item-actions{margin-top:1rem;display:flex;flex-direction:column;gap:8px}.equip-msg-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:6px;color:#fff;padding:6px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.equip-msg-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.recycle-btn{background:linear-gradient(135deg,#475569,#1e293b);border:1px solid #334155;border-radius:6px;color:#e2e8f0;padding:6px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.recycle-btn:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#f87171;color:#fff;transform:translateY(-1px)}.recycle-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;color:#fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.auth-card{background:#1a1b2dcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(244,114,182,.3);border-radius:24px;padding:2rem;width:100%;max-width:400px;margin:2rem auto;box-shadow:0 8px 32px #0000004d,0 0 20px #f472b61a;color:#fff;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.auth-card:hover{transform:translateY(-5px);border-color:#f472b699}.auth-header{margin-bottom:2rem}.brand-icon{color:#f472b6;margin-bottom:1rem;filter:drop-shadow(0 0 8px rgba(244,114,182,.5))}.auth-header h2{margin:0;font-size:1.8rem;background:linear-gradient(135deg,#f472b6,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-header p{color:#94a3b8;margin-top:.5rem}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.input-group input{width:100%;padding:1rem 1.2rem;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .2s}.input-group input:focus{border-color:#f472b6;background:#0f172acc;box-shadow:0 0 12px #f472b633}.auth-submit-btn{padding:1rem;background:linear-gradient(135deg,#f472b6,#fb7185);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .3s}.auth-submit-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px #f472b666}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#f87171;font-size:.9rem;background:#f871711a;padding:.8rem;border-radius:8px;border:1px solid rgba(248,113,113,.2)}.auth-footer{margin-top:1.5rem}.auth-footer button{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:.9rem;text-decoration:underline}.auth-footer button:hover{color:#93c5fd}.logged-in .user-profile{display:flex;align-items:center;gap:1.5rem;text-align:left;margin-bottom:1.5rem}.avatar-circle{width:64px;height:64px;background:linear-gradient(135deg,#f472b6,#60a5fa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.user-info h3{margin:0;font-size:1.2rem}.claw-id{color:#94a3b8;font-size:.8rem;margin-top:.2rem}.logout-btn{width:100%;padding:.8rem;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.logout-btn:hover{background:#f871711a;border-color:#f871714d;color:#f87171}.auth-card.sidebar{padding:1rem;border:none;background:transparent;box-shadow:none;border-top:1px solid rgba(255,255,255,.05);border-radius:0;margin:0;width:100%}.auth-card.sidebar .user-profile{flex-direction:column;align-items:center;text-align:center;gap:.8rem;margin-bottom:1rem}.auth-card.sidebar .avatar-circle{width:48px;height:48px;box-shadow:0 2px 8px #0003}.auth-card.sidebar .logout-btn{padding:.6rem;font-size:.9rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.auth-card.sidebar .logout-btn:hover{background:#f8717126;border-color:#f8717166}.world-chat-panel{position:absolute;right:16px;bottom:16px;width:340px;max-width:min(340px,calc(100% - 20px));border:1px solid var(--ui-border-soft);border-radius:12px;background:#0f172aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 30px #02061773;z-index:18;color:var(--ui-text-primary)}.world-chat-panel.expanded{display:flex;flex-direction:column;overflow:hidden}.world-chat-panel.collapsed{width:auto;border:none;background:transparent;box-shadow:none}.world-chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--ui-border-soft);background:linear-gradient(135deg,#ec489929,#6366f11f)}.world-chat-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.world-chat-toggle{border:1px solid rgba(148,163,184,.35);background:#0f172a73;color:var(--ui-text-secondary);border-radius:8px;width:26px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.world-chat-list{max-height:240px;min-height:160px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:7px}.world-chat-empty{color:var(--ui-text-muted);font-size:12px;text-align:center;padding:20px 10px}.world-chat-item{border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:6px 8px;background:#0f172a6b}.world-chat-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.world-chat-user{font-size:12px;font-weight:700;color:#f9a8d4;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-chat-time{font-size:11px;color:var(--ui-text-muted);flex-shrink:0}.world-chat-text{font-size:12px;line-height:1.4;color:var(--ui-text-primary);white-space:pre-wrap;word-break:break-word}.world-chat-input-row{display:flex;gap:6px;padding:8px;border-top:1px solid var(--ui-border-soft)}.world-chat-input{flex:1;min-width:0;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#02061761;color:var(--ui-text-primary);padding:6px 8px;font-size:12px}.world-chat-send{width:56px;border:1px solid rgba(56,189,248,.35);border-radius:8px;background:#38bdf824;color:#bae6fd;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.world-chat-send:disabled{opacity:.55;cursor:not-allowed}.world-chat-footer{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 8px;font-size:11px;color:var(--ui-text-muted)}.world-chat-error{color:#fda4af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:right}.world-chat-length{color:var(--ui-text-secondary)}.world-chat-float-btn{border:1px solid rgba(236,72,153,.42);border-radius:10px;background:#1e293bf0;color:#fbcfe8;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;box-shadow:0 8px 20px #02061773;cursor:pointer}@media (max-width: 1440px){.world-chat-panel{width:320px}}.offline-summary-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#0c121e94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.offline-summary-modal{width:min(860px,94vw);max-height:min(86vh,860px);overflow-y:auto;border-radius:16px;border:1px solid rgba(148,163,184,.28);background:linear-gradient(180deg,#121b33,#0c152b);box-shadow:0 22px 50px #0206178c;color:#e2e8f0;padding:16px 18px 18px}.offline-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.offline-summary-head h3{margin:0;font-size:20px;font-weight:700;color:#f8fafc}.offline-summary-head p{margin:4px 0 0;font-size:12px;color:#cbd5e1}.offline-summary-close{border:1px solid rgba(148,163,184,.28);background:#0f172aeb;color:#f8fafc;border-radius:10px;width:32px;height:32px;font-size:20px;line-height:1;cursor:pointer}.offline-summary-close:hover{border-color:#818cf894}.offline-summary-section{margin-top:14px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#0f172a80;padding:10px 11px}.offline-summary-section h4{margin:0 0 8px;font-size:14px;font-weight:700;color:#f8fafc}.offline-summary-chip-list{display:flex;flex-wrap:wrap;gap:6px}.offline-summary-chip{--offline-chip-color: #94a3b8;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--offline-chip-color) 70%,transparent);background:color-mix(in srgb,var(--offline-chip-color) 14%,rgba(15,23,42,.9));color:color-mix(in srgb,var(--offline-chip-color) 82%,#f8fafc);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.offline-summary-chip-icon{font-size:12px;line-height:1}.offline-summary-chip-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offline-summary-chip-count{color:#f8fafc;font-weight:700}.offline-summary-gold{margin-top:8px;font-size:13px;font-weight:700;color:#fbbf24}.offline-summary-xp-list{display:grid;gap:6px}.offline-summary-xp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.offline-summary-xp-row strong{color:#60a5fa}.offline-summary-friend-list{display:grid;gap:8px}.offline-summary-friend-card{border:1px solid rgba(100,116,139,.28);border-radius:10px;background:#0f172a8c;padding:9px}.offline-summary-friend-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.offline-summary-empty-badge{border-radius:999px;background:#ea580c33;color:#fdba74;border:1px solid rgba(234,88,12,.45);font-size:11px;padding:2px 8px}.offline-summary-empty{font-size:12px;color:#94a3b8}.offline-summary-foot{margin-top:14px;display:flex;justify-content:flex-end}.offline-summary-confirm{border:1px solid rgba(96,165,250,.45);background:#1e40afcc;color:#eff6ff;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}.offline-summary-confirm:hover{filter:brightness(1.08)}.ui-btn{border:1px solid transparent;border-radius:var(--ui-radius-sm);font-size:var(--ui-font-size-sm);font-weight:600;line-height:1.2;padding:9px 14px;transition:background-color var(--ui-motion-base) var(--ui-ease-standard),border-color var(--ui-motion-base) var(--ui-ease-standard),transform var(--ui-motion-fast) var(--ui-ease-standard),opacity var(--ui-motion-base) var(--ui-ease-standard)}.ui-btn:hover:not(:disabled){transform:translateY(-1px)}.ui-btn:disabled{opacity:.55}.ui-btn.primary{background:linear-gradient(135deg,var(--ui-color-brand-500),var(--ui-color-accent-500));color:#fff}.ui-btn.secondary{background:#38bdf81f;border-color:#38bdf84d;color:#bae6fd}.ui-btn.ghost{background:#94a3b824;border-color:#94a3b83d;color:var(--ui-text-primary)}.ui-btn.danger{background:#f871711f;border-color:#f8717166;color:#fecaca}.ui-btn.sm{padding:6px 10px;font-size:var(--ui-font-size-xs)}.ui-btn.lg{padding:11px 16px;font-size:var(--ui-font-size-md)}.ui-btn.block{width:100%}.ui-icon-btn{width:34px;height:34px;border-radius:var(--ui-radius-sm);border:1px solid rgba(148,163,184,.3);background:#0f172a7a;color:var(--ui-text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--ui-motion-base) var(--ui-ease-standard),color var(--ui-motion-base) var(--ui-ease-standard),background var(--ui-motion-base) var(--ui-ease-standard)}.ui-icon-btn:hover:not(:disabled){border-color:var(--ui-color-cyan-500);color:#cffafe}.ui-panel{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-lg);background:linear-gradient(180deg,#1e293bb8,#0f172ab3);box-shadow:var(--ui-shadow-1)}.ui-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-4) var(--ui-space-5);border-bottom:1px solid var(--ui-border-soft)}.ui-panel-title-group{min-width:0}.ui-panel-title{margin:0;font-size:var(--ui-font-size-lg);line-height:var(--ui-line-height-tight)}.ui-panel-subtitle{margin:var(--ui-space-1) 0 0;font-size:var(--ui-font-size-sm);color:var(--ui-text-secondary)}.ui-panel-body{padding:var(--ui-space-4) var(--ui-space-5)}.ui-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:2px 8px;font-size:var(--ui-font-size-xs);font-weight:700;line-height:1.2}.ui-badge.neutral{background:#94a3b81f;border-color:#94a3b859;color:#cbd5e1}.ui-badge.success{background:#4ade8024;border-color:#4ade8066;color:#86efac}.ui-badge.warning{background:#facc1524;border-color:#facc1566;color:#fde68a}.ui-badge.danger{background:#f8717124;border-color:#f8717166;color:#fecaca}.ui-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3)}.ui-section-header h3{margin:0;font-size:var(--ui-font-size-lg)}.ui-section-header p{margin:var(--ui-space-1) 0 0;font-size:var(--ui-font-size-sm);color:var(--ui-text-secondary)}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip .ui-tooltip-content{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border-strong);background:#0f172af2;color:var(--ui-text-primary);padding:6px 8px;min-width:max-content;max-width:240px;font-size:var(--ui-font-size-xs);line-height:1.35;opacity:0;pointer-events:none;transition:opacity var(--ui-motion-fast) var(--ui-ease-standard);z-index:var(--ui-z-floating)}.ui-tooltip:hover .ui-tooltip-content,.ui-tooltip:focus-within .ui-tooltip-content{opacity:1}.ui-toast-stack{position:fixed;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 28px));z-index:var(--ui-z-toast);pointer-events:none}.main-layout .ui-toast-stack{left:266px;right:auto;width:min(420px,calc(100vw - 600px))}.main-layout.sidebar-collapsed .ui-toast-stack{left:92px;width:min(420px,calc(100vw - 426px))}.ui-toast{border-radius:var(--ui-radius-md);border:1px solid rgba(148,163,184,.35);background:#0f172af0;color:var(--ui-text-primary);box-shadow:var(--ui-shadow-2);padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:8px;pointer-events:auto}.ui-toast.success{border-color:#4ade8073}.ui-toast.warning{border-color:#facc1573}.ui-toast.error{border-color:#f8717180}.ui-toast-title{margin:0;font-size:var(--ui-font-size-sm);font-weight:700}.ui-toast-message{margin:2px 0 0;font-size:var(--ui-font-size-sm);color:var(--ui-text-secondary)}@media (max-width: 1365px){.main-layout .ui-toast-stack{width:min(420px,calc(100vw - 566px))}.main-layout.sidebar-collapsed .ui-toast-stack{width:min(420px,calc(100vw - 392px))}}.main-layout{display:flex;height:100vh;background:var(--ui-bg-base);color:var(--ui-text-primary);overflow:hidden}.sidebar{width:252px;background:linear-gradient(180deg,#111b2ffa,#0f172afa);border-right:1px solid var(--ui-border-soft);display:flex;flex-direction:column;padding:var(--ui-space-4) var(--ui-space-3);transition:width var(--ui-motion-base) var(--ui-ease-standard),padding var(--ui-motion-base) var(--ui-ease-standard)}.main-layout.sidebar-collapsed .sidebar{width:78px;padding-inline:var(--ui-space-2)}.sidebar-top{display:flex;align-items:center;gap:var(--ui-space-2);margin-bottom:var(--ui-space-5)}.sidebar-collapse-btn{width:30px;height:30px;border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border-strong);background:#0f172a85;color:var(--ui-text-secondary);display:inline-flex;align-items:center;justify-content:center}.logo{font-size:var(--ui-font-size-xl);font-weight:700;line-height:var(--ui-line-height-tight)}.sidebar nav{display:flex;flex-direction:column;gap:var(--ui-space-2);flex:1;min-height:0;overflow-y:auto;padding-right:4px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#94a3b83d;border-radius:999px}.skill-nav-btn{border:1px solid transparent;background:transparent;color:var(--ui-text-secondary);border-radius:var(--ui-radius-sm);padding:10px;display:flex;flex-direction:column;gap:5px;text-align:left;transition:border-color var(--ui-motion-base) var(--ui-ease-standard),background var(--ui-motion-base) var(--ui-ease-standard),color var(--ui-motion-base) var(--ui-ease-standard)}.skill-nav-btn:hover{background:#94a3b81f}.skill-nav-btn.active{background:linear-gradient(135deg,#ec489938,#a855f738);border-color:#ec48998c;color:#fff}.skill-nav-info{display:flex;align-items:center;gap:var(--ui-space-2);min-width:0}.skill-icon{width:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.skill-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ui-font-size-sm);font-weight:600}.skill-level{font-size:var(--ui-font-size-xs);color:var(--ui-text-muted)}.nav-pill{margin-left:auto;font-size:11px;font-weight:700;color:#fde68a;border:1px solid rgba(251,191,36,.45);background:#fbbf2424;border-radius:999px;padding:1px 6px}.main-layout.sidebar-collapsed .skill-nav-btn{padding:8px;align-items:center}.main-layout.sidebar-collapsed .skill-nav-info{justify-content:center}.skill-progress-bg{width:100%;height:4px;border-radius:999px;background:#02061770;overflow:hidden}.skill-progress-fill{height:100%;background:var(--ui-color-success-500);transition:width var(--ui-motion-base) var(--ui-ease-standard)}.nav-divider{height:1px;border-radius:999px;background:#94a3b83d;margin:var(--ui-space-3) 0}.sidebar-auth-section{margin-top:auto;padding-top:var(--ui-space-4);border-top:1px solid rgba(148,163,184,.2)}.content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.top-bar{border-bottom:1px solid var(--ui-border-soft);display:flex;flex-direction:column;gap:0;padding:var(--ui-space-2) var(--ui-space-4);background:linear-gradient(135deg,#0f172af5,#1e1b4beb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar-row{display:flex;align-items:center;justify-content:flex-start;gap:var(--ui-space-3)}.top-bar-main{min-height:0}.activity-section{flex:1;min-width:0;max-width:560px}.top-status-right{margin-left:auto;display:inline-flex;align-items:center;gap:var(--ui-space-2);flex-shrink:0}.activity-info{display:flex;justify-content:space-between;align-items:center;gap:var(--ui-space-3);margin-bottom:var(--ui-space-1)}.activity-primary{flex:1;min-width:0;display:inline-flex;align-items:center;gap:8px}.activity-reward-pop{display:inline-flex;align-items:center;max-width:42%;flex-shrink:1;padding:2px 8px;border-radius:999px;border:1px solid rgba(74,222,128,.42);background:#1665342e;color:#bbf7d0;font-size:var(--ui-font-size-xs);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-name{flex:1;min-width:0;font-size:var(--ui-font-size-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-timer{font-size:var(--ui-font-size-sm);color:var(--ui-text-secondary)}.activity-timer-group{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.activity-speed-hint{font-size:var(--ui-font-size-xs);color:#7dd3fc}.activity-idle{color:var(--ui-text-muted);font-size:var(--ui-font-size-sm)}.activity-progress-bar{height:8px;border-radius:999px;border:1px solid var(--ui-border-soft);background:#02061780;overflow:hidden}.activity-progress-fill{height:100%;background:linear-gradient(90deg,var(--ui-color-accent-500),var(--ui-color-brand-500));transition:width 80ms linear;will-change:width}.activity-progress-fill.pulse{animation:activity-pulse 1.5s ease-in-out infinite}@keyframes activity-pulse{0%,to{opacity:.78}50%{opacity:1}}.stats-section{margin-left:auto}.stat-group{display:inline-flex;align-items:center;gap:var(--ui-space-3);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);padding:6px 10px;background:#0206173d}.stat-bars{display:flex;flex-direction:row;gap:6px}.stat-bar-container{width:132px;height:18px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:#02061770;overflow:hidden;position:relative}.stat-fill{position:absolute;inset:0 auto 0 0;transition:width var(--ui-motion-base) var(--ui-ease-standard)}.stat-bar-container.hp .stat-fill{background:linear-gradient(90deg,#ef4444,#fb7185)}.stat-bar-container.mp .stat-fill{background:linear-gradient(90deg,#3b82f6,#38bdf8)}.stat-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--ui-font-size-xs);font-weight:700;line-height:1.1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none}.divider-vertical{width:1px;height:22px;background:#94a3b840}.pouch-bar{display:inline-flex;align-items:center;gap:var(--ui-space-2)}.pouch-slot{width:32px;height:32px;border-radius:var(--ui-radius-xs);border:1px solid rgba(148,163,184,.3);background:#0206178c;display:inline-flex;align-items:center;justify-content:center;position:relative}.pouch-slot.empty{border-style:dashed;color:var(--ui-text-muted)}.pouch-slot.buff-active{border-color:#4ade80bf}.pouch-icon{font-size:1.1rem}.pouch-count{position:absolute;right:-5px;bottom:-5px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172a;color:#fff;font-size:10px;line-height:1;padding:2px 4px}.pouch-timer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#10b98161;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.resource-group{display:inline-flex;align-items:center;gap:var(--ui-space-3);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);padding:6px 10px;background:#0206173d}.resource-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--ui-font-size-sm);font-weight:700;color:var(--ui-color-gold-500)}.resource-level{color:#ec4899}.buff-list{display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-left:1px solid rgba(148,163,184,.25);border-right:1px solid rgba(148,163,184,.25)}.buff-item{border-radius:var(--ui-radius-xs);border:1px solid rgba(74,222,128,.35);background:#4ade8021;color:#86efac;padding:2px 5px;display:inline-flex;align-items:center;gap:2px;font-size:11px}.gear-summary{border:1px solid rgba(56,189,248,.3);border-radius:var(--ui-radius-xs);background:#38bdf81f;color:#bae6fd;padding:4px 7px;display:inline-flex;align-items:center}.summary-item{display:inline-flex;align-items:center;gap:4px;font-size:var(--ui-font-size-sm);font-weight:700}.game-view-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.game-view{padding:var(--ui-space-5)}.main-layout .inventory-panel{width:320px;min-width:320px;transition:width var(--ui-motion-base) var(--ui-ease-standard),min-width var(--ui-motion-base) var(--ui-ease-standard),opacity var(--ui-motion-base) var(--ui-ease-standard),border-color var(--ui-motion-base) var(--ui-ease-standard)}.main-layout.inventory-collapsed .inventory-panel{width:0;min-width:0;border-left-color:transparent;padding:0;opacity:0;overflow:hidden;pointer-events:none}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a;overflow:hidden;z-index:var(--ui-z-overlay)}.login-container{position:relative;z-index:2;width:min(460px,calc(100vw - 32px));padding:var(--ui-space-4)}.login-bg-animation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:login-float 20s infinite alternate ease-in-out}.shape-1{top:-10%;left:-10%;width:560px;height:560px;background:#f472b633}.shape-2{right:-12%;bottom:-10%;width:520px;height:520px;background:#60a5fa33}.shape-3{top:50%;left:52%;width:420px;height:420px;transform:translate(-50%,-50%);background:#a855f733}@keyframes login-float{0%{transform:translate(0) scale(1)}to{transform:translate(36px,48px) scale(1.08)}}@media (max-width: 1365px){.main-layout .inventory-panel{width:286px;min-width:286px}.activity-section{max-width:420px}.stat-bar-container{width:116px}}.logo{font-family:Fredoka,sans-serif;background:linear-gradient(135deg,var(--ui-color-brand-500),var(--ui-color-accent-500));-webkit-background-clip:text;background-clip:text;color:transparent}.rarity-text-tier-t1{color:var(--ui-rarity-t1)}.rarity-text-tier-t2{color:var(--ui-rarity-t2)}.rarity-text-tier-t3{color:var(--ui-rarity-t3)}.rarity-text-tier-t4{color:var(--ui-rarity-t4)}.rarity-text-tier-t5{color:var(--ui-rarity-t5)}.rarity-text-tier-t6{color:var(--ui-rarity-t6)}.rarity-text-tier-t7{color:var(--ui-rarity-t7)}.rarity-text-tier-myth{background-image:var(--ui-rarity-myth-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#02061773}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ec4899bf,#a855f7bf);border-radius:999px}