:root{--bg-app: #080d13;--bg-main: #0c141d;--bg-surface: #121c27;--bg-surface-hover: #192635;--bg-card: #162231;--bg-card-hover: #1e2d40;--bg-input: #0a1118;--bg-header: rgba(18, 28, 39, .95);--bg-nav: rgba(14, 21, 30, .96);--color-primary: #d4af37;--color-primary-light: #f3e5ab;--color-primary-dark: #aa8c2c;--color-primary-subtle: rgba(212, 175, 55, .12);--color-primary-border: rgba(212, 175, 55, .35);--color-secondary: #38bdf8;--color-accent-teal: #2dd4bf;--color-silver: #e2e8f0;--color-danger: #f87171;--color-danger-bg: rgba(239, 68, 68, .15);--color-success: #34d399;--color-success-bg: rgba(16, 185, 129, .15);--color-warning: #fbbf24;--text-main: #e6edf3;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--text-primary: var(--color-primary);--border-subtle: #1e2c3c;--border-strong: #2f455c;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .6);--shadow-glow: 0 0 14px rgba(212, 175, 55, .28);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--header-height: 56px;--nav-height: 62px;--art-fill: 70%;--hub-card-icon-frame: 80px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-family);font-size:14px;line-height:1.5;min-height:100vh;overflow-x:hidden}.app-container{width:100%;max-width:480px;min-height:100vh;margin:0 auto;background-color:var(--bg-main);display:flex;flex-direction:column;position:relative;overflow-x:hidden;box-shadow:0 0 40px #000000d9;border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}.page-header{position:sticky;top:0;z-index:40;height:var(--header-height);background-color:var(--bg-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.header-left,.header-right{display:flex;align-items:center;min-width:44px}.header-right{justify-content:flex-end}.header-title{font-size:16px;font-weight:600;color:var(--color-primary-light);letter-spacing:.5px;text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.header-btn{background:transparent;border:1px solid transparent;color:var(--color-primary);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;outline:none}.header-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header-btn:hover:not(:disabled){background:var(--color-primary-subtle);border-color:var(--color-primary-border);color:#fde047}.header-btn:active:not(:disabled){background:#d4af3752!important;color:#fff!important;border-color:var(--color-primary)!important;box-shadow:inset 0 2px 4px #0009!important;transform:translateY(1px) scale(.94)}.header-btn.active,.header-btn[aria-pressed=true],.header-btn[aria-selected=true],.header-btn.selected{background:#d4af3740;border-color:var(--color-primary);color:#fffbeb;box-shadow:0 0 8px #d4af3766}.header-btn:disabled,.header-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.silver-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid var(--border-strong);min-height:36px;padding:5px 11px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--color-silver)}.silver-icon{color:#94a3b8;font-size:13px}.app-content{flex:1;padding:14px;padding-bottom:calc(var(--nav-height) + 16px);overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background-color:var(--bg-nav);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-around;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.nav-tab{flex:1;height:100%;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-secondary);font-size:12.5px;font-weight:600;line-height:1.2;transition:all .15s ease;cursor:pointer;border:none;background:transparent;outline:none}.nav-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.nav-tab:hover{color:var(--text-main);background:#ffffff0a}.nav-tab:active{background:#d4af3740!important;color:#fff!important;transform:translateY(1px) scale(.95)}.nav-tab.active,.nav-tab[aria-pressed=true],.nav-tab[aria-selected=true]{color:var(--color-primary);background:#d4af3714}.nav-tab.active .nav-icon{transform:translateY(-1px);filter:drop-shadow(0 0 6px rgba(212,175,55,.45))}.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.card-title{font-size:15px;font-weight:600;color:var(--color-primary-light);display:flex;align-items:center;gap:8px}.card-extra{flex-shrink:0;font-size:12.5px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-family:inherit;font-size:14px;min-height:44px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;text-decoration:none;position:relative;outline:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(180deg,#e5c158,#aa8c2c);color:#121008;border-color:#d4af37;box-shadow:0 2px 8px #d4af3759}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#fce07a,#bd9c33);border-color:#ffe68d;box-shadow:0 0 14px #d4af3799;color:#000}.btn-primary:active:not(:disabled){background:linear-gradient(180deg,#7c5e10,#4a3705)!important;color:#fef08a!important;border-color:#ca8a04!important;box-shadow:inset 0 3px 6px #000000b3,0 0 8px #ca8a0480!important;transform:translateY(2px) scale(.97)}.btn-primary.btn-selected,.btn-primary[aria-pressed=true],.btn-primary[aria-selected=true],.btn-primary.active{background:linear-gradient(180deg,#fffbeb,#fef08a 35%,#eab308)!important;color:#422006!important;border:2px solid #ffffff!important;box-shadow:0 0 16px #eab308d9,inset 0 1px 2px #fff9!important;font-weight:700}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-strong);box-shadow:0 2px 6px #0000004d}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:#38bdf8;color:#fff;box-shadow:0 0 10px #38bdf859}.btn-secondary:active:not(:disabled){background:#081119!important;color:#7dd3fc!important;border-color:#0284c7!important;box-shadow:inset 0 3px 6px #000000b3,0 0 6px #0284c766!important;transform:translateY(2px) scale(.97)}.btn-secondary.btn-selected,.btn-secondary[aria-pressed=true],.btn-secondary[aria-selected=true],.btn-secondary.active{background:linear-gradient(180deg,#0c4a6e,#0369a1)!important;color:#f0f9ff!important;border:2px solid #38bdf8!important;box-shadow:0 0 14px #38bdf880,inset 0 1px 2px #ffffff40!important;font-weight:700}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary-border)}.btn-outline:hover:not(:disabled){background:var(--color-primary-subtle);border-color:#fde047;color:#fde047;box-shadow:0 0 10px #d4af3759}.btn-outline:active:not(:disabled){background:#d4af3759!important;color:#fff!important;border-color:#d4af37!important;box-shadow:inset 0 2px 5px #0009!important;transform:translateY(2px) scale(.97)}.btn-outline.btn-selected,.btn-outline[aria-pressed=true],.btn-outline[aria-selected=true],.btn-outline.active{background:#d4af3747!important;color:#fef08a!important;border:2px solid #eab308!important;box-shadow:0 0 12px #eab30899!important;font-weight:700}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){color:var(--text-main);background:#ffffff14;border-color:#ffffff1f}.btn-ghost:active:not(:disabled){background:#d4af3738!important;color:#fde047!important;border-color:#d4af3766!important;transform:translateY(2px) scale(.97)}.btn-ghost.btn-selected,.btn-ghost[aria-pressed=true],.btn-ghost[aria-selected=true],.btn-ghost.active{background:#d4af3733!important;color:#fef08a!important;border:1px solid var(--color-primary)!important;font-weight:700}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ef444459}.btn-danger:hover:not(:disabled){background:#ef444447;border-color:#ef4444;color:#fca5a5;box-shadow:0 0 10px #ef444466}.btn-danger:active:not(:disabled){background:linear-gradient(180deg,#7f1d1d,#450a0a)!important;color:#fee2e2!important;border-color:#b91c1c!important;box-shadow:inset 0 3px 6px #000000b3!important;transform:translateY(2px) scale(.97)}.btn-danger.btn-selected,.btn-danger[aria-pressed=true],.btn-danger[aria-selected=true],.btn-danger.active{background:linear-gradient(180deg,#b91c1c,#991b1b)!important;color:#fff!important;border:2px solid #f87171!important;box-shadow:0 0 14px #ef444499!important;font-weight:700}.btn-sm{min-height:44px;padding:8px 14px;font-size:14px}.btn-lg{min-height:48px;padding:12px 24px;font-size:16px}.btn-block{width:100%}.tiles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (min-width: 600px){.tiles-grid{grid-template-columns:repeat(auto-fill,minmax(120px,150px));gap:12px}}.tile{aspect-ratio:1 / 1!important;width:100%;box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--text-main);position:relative;transition:all .22s ease;cursor:pointer;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;overflow:hidden}.tile:hover{background:var(--bg-card-hover);border-color:var(--color-primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tile:active{transform:translateY(1px) scale(.96);background:#d4af371f}.tile-icon-box{width:60%;height:60%;max-width:80px;max-height:80px;border-radius:0;background:transparent!important;border:none!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:transform .2s ease,filter .2s ease;padding:0;box-sizing:border-box;flex-shrink:0}.tile:hover .tile-icon-box{background:transparent!important;border-color:transparent!important;transform:scale(1.08);filter:drop-shadow(0 2px 8px rgba(212,175,55,.4))}.tile-game-icon{width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center}.tile-game-icon img{width:100%;height:100%;object-fit:contain}.tile-icon-box .game-icon-emoji{font-size:2.2rem;line-height:1}.tile-title{font-size:12px;font-weight:600;text-align:center;color:var(--text-main);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.2}.tile-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 4px;z-index:2}.tile-badge.active{display:flex;background:var(--color-danger);border-color:#ffffff4d;color:#fff;box-shadow:0 2px 4px #00000080}.hub-profile-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#d4af371f,#162231e6);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:8px 12px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.profile-info{display:flex;align-items:center;gap:10px}.profile-avatar{width:42px;height:42px;border-radius:var(--radius-full);background:#111a24;border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow-glow)}.profile-text{display:flex;flex-direction:column;gap:2px}.profile-name{font-size:15px;font-weight:700;color:var(--color-primary-light)}.profile-realm{font-size:11px;color:var(--text-secondary)}.hub-quick-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-stat-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#0a1018a6;border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:13px;line-height:1.2}.quick-stat-item .stat-label{color:var(--text-muted);font-size:11px}.quick-stat-item .stat-value{color:var(--text-main);font-weight:600}.quick-stat-item.stat-element .stat-value{color:var(--color-primary)}.auth-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 40px);padding:20px 16px}.auth-header{text-align:center;margin-bottom:24px}.auth-logo{font-size:40px;margin-bottom:8px;display:inline-block}.auth-title{font-size:24px;font-weight:700;color:var(--color-primary-light);letter-spacing:1px;margin-bottom:4px}.auth-subtitle{font-size:14px;color:var(--text-secondary)}.auth-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 16px;box-shadow:var(--shadow-md)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13.5px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;min-height:44px;background-color:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-main);font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #d4af3740}.form-input::placeholder{color:var(--text-muted)}.form-alert{background:var(--color-danger-bg);border:1px solid rgba(239,68,68,.4);color:#fca5a5;border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:14px;display:flex;align-items:flex-start;gap:8px}.form-footer{margin-top:18px;text-align:center;font-size:13px;color:var(--text-secondary)}.form-link{color:var(--color-primary);text-decoration:none;font-weight:600;margin-left:4px}.form-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ad9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);max-width:400px;width:100%;max-height:min(90dvh,720px);display:flex;flex-direction:column;overflow:hidden;padding:20px;box-shadow:var(--shadow-lg),var(--shadow-glow);position:relative;animation:modalIn .25s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-title{font-size:17px;font-weight:700;color:var(--color-primary-light)}.tutorial-step-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 18px}.step-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--border-strong);transition:all .2s ease}.step-dot.active{background:var(--color-primary);width:22px;box-shadow:0 0 8px #d4af3780}.tutorial-body{font-size:14px;color:var(--text-main);line-height:1.6;margin-bottom:20px;min-height:72px}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);width:90%;max-width:420px;z-index:150;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;border-radius:var(--radius-md);padding:12px 14px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);animation:toastIn .25s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-info{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-main)}.toast-success{background:#064e3b;border:1px solid #059669;color:#ecfdf5}.toast-error{background:#7f1d1d;border:1px solid #dc2626;color:#fef2f2}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px;min-height:360px}.coming-soon-icon{width:72px;height:72px;border-radius:var(--radius-full);background:#d4af371a;border:1px solid var(--color-primary-border);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:16px}.coming-soon-title{font-size:20px;font-weight:700;color:var(--color-primary-light);margin-bottom:8px}.coming-soon-desc{font-size:14px;color:var(--text-secondary);max-width:320px;margin-bottom:24px}.menu-list{display:flex;flex-direction:column;gap:10px}.menu-item{display:flex;align-items:center;justify-content:space-between;min-height:56px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;color:var(--text-main);text-decoration:none;transition:all .2s ease}.menu-item:hover{background:var(--bg-card-hover);border-color:var(--color-primary-border);transform:translate(3px)}.menu-item-left{display:flex;align-items:center;gap:12px}.menu-item-icon{color:var(--color-primary)}.menu-item-title{font-size:15px;font-weight:600}.menu-item-desc{font-size:13.5px;color:var(--text-secondary)}.menu-item-arrow{color:var(--text-muted)}.segment-tabs{display:flex;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px;gap:4px;margin-bottom:14px}.segment-tab{flex:1;min-height:44px;padding:8px 10px;font-size:14px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;white-space:nowrap}.segment-tab:hover{color:var(--color-primary-light);background:#2dd4bf12;border-color:#2dd4bf38}.segment-tab:focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:1px}.segment-tab:active{background:#0e749073!important;color:#fff!important;border-color:#06b6d4!important;box-shadow:inset 0 2px 4px #0009!important;transform:translateY(1px) scale(.97)}.segment-tab.active,.segment-tab[aria-pressed=true],.segment-tab[aria-selected=true],.segment-tab.selected{color:#d7fffb;background:linear-gradient(135deg,#2dd4bf30,#0e749014),var(--bg-card);border-color:#2dd4bfbf;box-shadow:inset 0 0 0 1px #2dd4bf29,inset 0 -3px 0 var(--color-accent-teal),0 7px 18px #04141c52,0 0 14px #2dd4bf1a;text-shadow:0 0 12px rgba(153,246,228,.28);transform:translateY(-1px)}.segment-tab.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.07) 50%,transparent 72%)}.filter-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{min-height:40px;padding:8px 14px;border-radius:var(--radius-full);font-size:13.5px;font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.filter-chip:focus-visible{outline:2px solid rgba(45,212,191,.8);outline-offset:1px}.filter-chip:hover{border-color:var(--color-primary-border);color:var(--text-main);background:var(--bg-surface-hover)}.filter-chip:active{background:#2dd4bf59!important;color:#fff!important;border-color:#2dd4bf!important;box-shadow:inset 0 2px 4px #0009!important;transform:translateY(1px) scale(.96)}.filter-chip.active,.filter-chip[aria-pressed=true],.filter-chip[aria-selected=true],.filter-chip.selected{background:linear-gradient(135deg,#2dd4bf33,#0e74901a);border-color:#2dd4bfd9;color:#d7fffb;box-shadow:inset 0 0 0 1px #2dd4bf29,0 0 14px #2dd4bf1f;font-weight:700}.notice-box{background:#38bdf814;border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px;font-size:13.5px;color:#bae6fd;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.exp-bar-wrapper{margin:8px 0}.exp-bar-track{width:100%;height:10px;background:#00000073;border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle);position:relative}.exp-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f59e0b,#38bdf8);border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #d4af3766}.exp-bar-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-secondary);margin-top:4px}.char-top-layout{display:flex;flex-direction:column;gap:14px;margin-bottom:16px;width:100%}.char-stage-panel{display:flex;flex-direction:column;width:100%}.char-stage{display:grid;grid-template-columns:clamp(52px,16vw,68px) minmax(0,1fr) clamp(52px,16vw,68px);gap:6px;align-items:stretch;height:clamp(420px,118vw,500px);margin-bottom:0;width:100%}.char-slots-col{display:flex;flex-direction:column;justify-content:space-between;gap:4px;width:100%;min-width:0}.char-slots-left{order:1}.char-slots-right{order:3}.char-slot-cell-wrap{width:100%;display:flex;justify-content:center}.char-slot-cell-wrap .item-cell,.char-equip-itemcell{width:100%;max-width:78px;margin:0 auto}.char-equip-itemcell .item-cell-square{width:100%;aspect-ratio:1 / 1!important;padding:0;box-sizing:border-box}.char-equip-itemcell .item-cell-icon-wrapper{width:var(--art-fill, 70%);height:var(--art-fill, 70%);padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.char-equip-itemcell .item-cell-icon-wrapper .item-icon-shell{width:100%!important;height:100%!important;background:transparent!important;border:none!important;box-shadow:none!important}.char-equip-itemcell .item-cell-icon-wrapper .item-icon-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.char-equip-itemcell .item-cell-icon-wrapper .item-icon-inner img,.char-equip-itemcell .item-cell-icon-wrapper img,.char-equip-itemcell .item-cell-custom-img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;aspect-ratio:1 / 1!important;object-fit:contain}.char-equip-itemcell .item-cell-empty-icon-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.char-equip-itemcell .item-cell-empty-icon{width:100%!important;height:100%!important;opacity:.8}.char-equip-itemcell .item-cell-name{font-size:11px;margin-top:2px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.char-stats-card{margin-bottom:0;width:100%}.char-stats-card .stats-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.char-potential-quick-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background:#d4af3714;border:1px solid rgba(212,175,55,.28);border-radius:var(--radius-sm);font-size:12px}.char-potential-quick-text{display:flex;align-items:center;gap:6px;color:var(--color-primary-light)}.char-exp-box{width:100%;margin-top:10px}.char-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;padding:4px}.char-detail-pane{background:var(--bg-card);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:16px}.item-cell-empty-slot{opacity:.85;transition:opacity .2s ease,transform .2s ease}.item-cell-empty-slot:hover{opacity:1;transform:translateY(-1px)}.item-cell-empty-frame{background:radial-gradient(circle at 50% 50%,#14202dbf,#090f17f2)!important;border:1px dashed rgba(212,175,55,.4)!important;box-shadow:inset 0 0 12px #0009!important}.item-cell-empty-slot:hover .item-cell-empty-frame,.item-cell-empty-slot.item-cell-selected .item-cell-empty-frame{border-color:#d4af37d9!important;border-style:solid!important;box-shadow:0 0 10px #d4af374d,inset 0 0 12px #d4af3726!important}.item-cell-empty-icon-box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#d4af37a6}.item-cell-empty-name{color:var(--text-muted)!important;font-size:11px}.equip-slot-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 4px;text-align:center;cursor:pointer;transition:all .2s ease;min-height:52px;display:flex;flex-direction:column;justify-content:center;position:relative}.equip-slot-box:hover{border-color:var(--color-primary-border);background:var(--bg-card-hover);transform:scale(1.02)}.equip-slot-box.has-item{border-color:#d4af3766;background:#d4af370d}.slot-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.slot-item-name{font-size:11px;font-weight:600;color:var(--color-primary-light);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-empty{font-size:11px;color:var(--text-muted);font-style:italic}.char-center-card{order:2;background:var(--bg-card);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;box-shadow:inset 0 0 20px #0006}.char-avatar-circle{width:64px;height:64px;border-radius:var(--radius-full);background:radial-gradient(circle,#d4af3733,#0c141de6);border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-primary-light);margin-bottom:8px;box-shadow:0 0 16px #d4af374d}.char-avatar-circle.has-portrait{width:100%;height:min(80%,370px);min-height:0;border-radius:999px 999px var(--radius-md) var(--radius-md);overflow:hidden;background:radial-gradient(circle at 50% 28%,#3cd6cd33,#060c12f5 72%);margin-bottom:6px}.char-avatar-circle.has-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.char-name-title{font-size:13px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.char-realm-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);color:var(--color-primary-light);margin-top:4px}.char-element-tag{font-size:11px;font-weight:700;padding:1px 6px;border-radius:var(--radius-xs);text-transform:uppercase}.stats-table{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:14px}.stat-row:hover{background:var(--bg-surface-hover)}.stat-name{color:var(--text-secondary);font-weight:500}.stat-val-container{display:flex;align-items:baseline;gap:6px}.stat-val-total{font-weight:700;color:var(--text-main)}.stat-val-breakdown{font-size:11px;color:var(--text-muted)}.stat-val-bonus{color:var(--color-success);font-weight:600}.potential-banner{display:flex;align-items:center;justify-content:space-between;background:#d4af3714;border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:12px}.alloc-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:6px}.counter-controls{display:flex;align-items:center;gap:8px}.counter-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-xs);background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;cursor:pointer;transition:all .15s ease}.counter-btn:disabled{opacity:.35;cursor:not-allowed}.counter-btn:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary-light);background:var(--bg-card-hover)}.counter-btn:not(:disabled):active{transform:scale(.95)}.counter-val{min-width:28px;font-size:15px;text-align:center;font-weight:700;color:var(--color-primary-light)}.potential-card-compact{padding-bottom:8px}.potential-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.potential-stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.potential-stat-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.potential-stat-label{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-main)}.potential-stat-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potential-stat-allocated{font-size:11px;color:var(--text-muted)}.potential-counter-row{display:flex;align-items:center;justify-content:space-between;background:#00000040;border-radius:var(--radius-xs);padding:2px 4px}.potential-counter-btn{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:var(--radius-xs);background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.potential-counter-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--bg-surface-hover);color:var(--color-primary-light)}.potential-counter-btn:active:not(:disabled){transform:translateY(1px) scale(.95);background:#d4af3733}.potential-counter-btn:disabled{opacity:.35;cursor:not-allowed}.potential-counter-val{font-size:13px;font-weight:600;color:var(--text-muted)}.potential-counter-val.active{color:var(--color-primary-light);font-weight:700}.potential-actions-fixed{display:flex;gap:8px;margin-top:8px;position:sticky;bottom:0;background:var(--bg-card);padding-top:6px;z-index:5}.inventory-list{display:flex;flex-direction:column;gap:8px}.inventory-item-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:all .2s ease}.inventory-item-card:hover{background:var(--bg-card-hover);border-color:var(--color-primary-border);transform:translateY(-1px)}.item-left{display:flex;align-items:center;gap:10px}.item-icon-box{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:18px}.item-title-text{font-size:14px;font-weight:600;color:var(--text-main)}.item-meta-text{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-top:2px}.item-qty-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px 8px;font-size:12px;font-weight:600;color:var(--color-primary-light)}.rate-card{background:radial-gradient(circle at top,rgba(212,175,55,.12) 0%,var(--bg-card) 70%);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:16px;text-align:center;margin-bottom:14px}.rate-number{font-size:32px;font-weight:800;color:var(--color-primary-light);letter-spacing:-.5px;text-shadow:0 0 16px rgba(212,175,55,.4)}.rate-details{font-size:12px;color:var(--text-secondary);margin-top:4px}.support-item-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:6px}.support-item-info{flex:1}.pill-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pill-actions{display:flex;gap:6px}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted)}.state-box-icon{font-size:32px;margin-bottom:8px}.state-box-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.state-box-desc{font-size:13.5px;color:var(--text-muted);max-width:280px}.state-empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px 16px;color:var(--text-muted);font-size:13.5px}.tab-pane-content{display:flex;flex-direction:column;gap:14px}.highlight-silver{color:#e2e8f0;font-weight:700;text-shadow:0 0 8px rgba(226,232,240,.3)}.highlight-bounty{color:#f59e0b;font-weight:700;text-shadow:0 0 8px rgba(245,158,11,.35)}.highlight-streak{color:#ef4444;font-weight:700;text-shadow:0 0 8px rgba(239,68,68,.4)}.trend-up{color:#ef4444!important;background-color:#ef444426!important;border-color:#ef44444d!important}.trend-down{color:#10b981!important;background-color:#10b98126!important;border-color:#10b9814d!important}.trend-flat{color:var(--text-muted)!important;background-color:#64748b26!important}.pulse-animation{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #d4af3780}70%{box-shadow:0 0 0 10px #d4af3700}to{box-shadow:0 0 #d4af3700}}.market-hub-page{padding:16px;display:flex;flex-direction:column;gap:16px}.market-hub-banner{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#d4af371f,#0f172acc);border:1px solid var(--color-primary-border);border-radius:var(--radius-md)}.market-hub-banner-icon{font-size:32px;flex-shrink:0}.market-hub-banner-content{flex:1;min-width:0}.market-hub-title{font-size:17px;font-weight:700;color:var(--color-primary-light);margin-bottom:2px}.market-hub-subtitle{font-size:13.5px;color:var(--text-secondary)}.market-hub-list{display:flex;flex-direction:column;gap:14px}.market-hub-card{cursor:pointer;transition:transform .18s ease,border-color .18s ease;position:relative;overflow:hidden}.market-hub-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.market-card-inner{display:flex;flex-direction:column;gap:8px}.market-card-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.tag-warning{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.tag-accent{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.market-card-header{display:flex;align-items:center;gap:10px}.market-card-icon{font-size:26px}.market-card-name{font-size:16px;font-weight:700;color:var(--text-main)}.market-card-desc-short{font-size:11px;color:var(--text-muted)}.market-card-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.45}.market-card-footer{display:flex;justify-content:flex-end;margin-top:4px}.shop-page{padding-bottom:220px}.shop-resource-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:var(--header-height);z-index:20}.shop-resource-item{display:flex;align-items:center;gap:6px;font-size:13px}.res-icon{display:inline-flex;flex-shrink:0}.shop-filter-bar{padding:12px 16px 8px;display:flex;flex-direction:column;gap:10px;background:var(--bg-main)}.shop-search-wrapper{position:relative;display:flex;align-items:center}.shop-search-input{width:100%;padding-right:44px}.search-clear-btn{position:absolute;right:2px;width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:16px;cursor:pointer}.filter-chip{min-height:40px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:13.5px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.filter-chip.active{background:linear-gradient(135deg,#2dd4bf33,#0e74901a);border-color:#2dd4bfd9;color:#d7fffb;box-shadow:inset 0 0 0 1px #2dd4bf29,0 0 14px #2dd4bf1f;font-weight:700}.group-select-layout{display:flex;flex-direction:column;gap:10px}.group-select-layout-content{flex:1;min-width:0}.group-select{position:relative}.group-select-sidebar{display:none}.group-select-dropdown{display:block;position:relative}.group-select-trigger{width:100%;min-height:42px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.group-select-trigger:hover{border-color:var(--color-primary-border);background:var(--bg-card-hover)}.group-select-trigger:active{background:#2dd4bf4d!important;color:#fff!important;border-color:#2dd4bf!important;box-shadow:inset 0 2px 4px #0009!important;transform:translateY(1px) scale(.98)}.group-select-trigger.open{border-color:#2dd4bfd9;color:#d7fffb;box-shadow:inset 0 0 0 1px #2dd4bf29}.group-select-trigger-label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-select-trigger-arrow{font-size:10px;color:var(--text-muted);flex-shrink:0}.group-select-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:min(320px,60vh);overflow-y:auto;display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px;box-shadow:0 12px 28px #0000008c}.group-select-panel-item{text-align:left;min-height:38px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13.5px;cursor:pointer;transition:all .15s ease}.group-select-panel-item:hover{background:var(--bg-surface-hover);color:var(--text-main)}.group-select-panel-item:active{background:#2dd4bf59!important;color:#fff!important;box-shadow:inset 0 2px 4px #0009!important}.group-select-panel-item.active{background:linear-gradient(135deg,#2dd4bf33,#0e74901a);border-color:#2dd4bfd9;color:#d7fffb;font-weight:700}.shop-items-container{padding:8px 16px}.shop-item-list{display:flex;flex-direction:column;gap:10px}.shop-item-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.shop-item-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.shop-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.shop-item-header{display:flex;align-items:center;gap:8px}.shop-item-name{font-weight:600;font-size:14px}.shop-item-grade{font-size:11px;color:var(--text-muted)}.shop-item-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}.trend-badge{font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--radius-xs);border:1px solid transparent}.stock-badge{font-size:11px;padding:1px 6px;border-radius:var(--radius-xs)}.stock-badge.in-stock{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.stock-badge.out-of-stock{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.owned-badge{font-size:11px;background:#94a3b81f;color:var(--text-secondary);padding:1px 6px;border-radius:var(--radius-xs)}.shop-item-prices{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;min-width:90px}.price-row{display:flex;gap:4px}.price-label{color:var(--text-muted)}.price-val{font-weight:600}.buy-val{color:var(--color-primary-light);font-weight:600}.sell-val{color:var(--color-success);font-weight:600}.disabled-val{color:var(--text-muted);font-style:italic}.shop-item-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid rgba(255,255,255,.04);padding-top:8px}.shop-cart-panel{position:fixed;bottom:var(--nav-height);left:0;right:0;max-width:480px;margin:0 auto;background:var(--bg-surface);border-top:2px solid var(--color-primary);box-shadow:0 -4px 20px #000000b3;padding:12px 16px;z-index:35;display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto}.cart-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid var(--border-subtle);padding-bottom:6px}.cart-header-title{display:flex;align-items:center;gap:6px;color:var(--color-primary-light)}.cart-line-count{font-size:11px;color:var(--text-muted)}.cart-clear-btn{background:transparent;border:none;color:var(--text-muted);font-size:13px;min-height:40px;padding:6px 10px;display:inline-flex;align-items:center;cursor:pointer;text-decoration:underline}.cart-lines-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.cart-line-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13.5px;padding:6px 8px;background:var(--bg-card);border-radius:var(--radius-xs)}.cart-type-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px}.cart-type-badge.buy{background:#ef444433;color:#f87171}.cart-type-badge.sell{background:#10b98133;color:#34d399}.cart-item-name{flex:1;min-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-qty-stepper{display:flex;align-items:center;gap:4px}.stepper-btn{width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .15s ease}.stepper-btn:hover{border-color:var(--color-primary-border);background:var(--bg-surface-hover)}.stepper-btn:active{transform:scale(.95)}.stepper-input{width:46px;height:40px;min-height:40px;text-align:center;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-xs);font-size:14px;font-weight:600}.cart-line-subtotal{font-weight:600;min-width:65px;text-align:right;color:var(--color-silver)}.cart-remove-btn{background:transparent;border:none;color:var(--color-danger);width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px;cursor:pointer;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs)}.cart-summary-box{background:var(--bg-main);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px}.cart-summary-row{display:flex;justify-content:space-between}.summary-silver-remain{font-weight:700}.cart-summary-row.highlight-row{font-size:13px;font-weight:600;border-top:1px dashed var(--border-subtle);padding-top:4px;margin-top:2px}.cart-warning-text{color:var(--color-danger);font-size:11px;margin-top:2px}.cart-actions{display:flex}.cart-confirm-btn{width:100%}.market-page{padding-bottom:24px}.market-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.market-header-stats{display:flex;flex-direction:column;gap:2px;font-size:12px}.market-header-stats .stat-item{display:flex;gap:6px}.market-kind-tabs{display:flex;background:var(--bg-main);border-bottom:1px solid var(--border-subtle)}.kind-tab{flex:1;min-height:44px;padding:10px 8px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.kind-tab.active{color:var(--color-primary-light);border-bottom-color:var(--color-primary);background:var(--color-primary-subtle)}.market-sub-tabs{display:flex;gap:8px;padding:10px 16px 6px;background:var(--bg-main)}.sub-tab{min-height:40px;padding:8px 14px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sub-tab.active{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-main);font-weight:600}.market-summary-list,.mine-listings-list{padding:10px 16px;display:flex;flex-direction:column;gap:10px}.market-summary-item-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.summary-card-header{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.summary-card-header:hover{background:var(--bg-card-hover)}.summary-info{display:flex;flex-direction:column;gap:2px}.summary-name{font-weight:600;font-size:14px;color:var(--text-main)}.summary-listings-count{font-size:11px;color:var(--text-muted)}.summary-price-side{display:flex;align-items:center;gap:6px}.summary-price-label{font-size:11px;color:var(--text-muted)}.summary-price-val{font-size:13px;font-weight:700;color:var(--color-primary-light)}.expand-indicator{font-size:10px;color:var(--text-muted);margin-left:4px}.summary-detail-panel{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:10px 14px}.summary-detail-loading,.summary-detail-empty{text-align:center;font-size:12px;color:var(--text-muted);padding:8px 0}.key-listings-list{display:flex;flex-direction:column;gap:8px}.key-listing-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-card);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);gap:10px}.key-listing-left{flex:1;display:flex;flex-direction:column;gap:3px;font-size:12px}.seller-info{display:flex;align-items:center;gap:6px}.seller-name{font-weight:600;color:var(--text-main)}.mine-badge{font-size:9px;background:#d4af3733;color:var(--color-primary-light);padding:1px 5px;border-radius:2px}.listing-time{font-size:10px;color:var(--text-muted)}.equipment-listing-details{display:flex;gap:8px;font-size:11px}.eq-slot-badge{font-weight:600}.key-listing-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.eq-durability{color:var(--text-muted)}.listing-unit-info{display:flex;gap:12px;font-size:11px;color:var(--text-secondary)}.unit-price-highlight{color:var(--color-primary-light);font-weight:600}.mine-status-bar{padding:8px 16px;font-size:12px;color:var(--text-secondary)}.mine-listing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px}.mine-listing-header{display:flex;justify-content:space-between;align-items:center}.mine-item-name{font-weight:600;font-size:14px}.mine-listing-date{font-size:11px;color:var(--text-muted)}.mine-listing-details{display:flex;flex-direction:column;gap:3px;font-size:12px;background:var(--bg-surface);padding:8px 10px;border-radius:var(--radius-xs)}.detail-line{display:flex;justify-content:space-between}.mine-listing-footer{display:flex;justify-content:flex-end}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{width:100%;max-width:400px;max-height:min(90dvh,720px);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:15px;font-weight:700;color:var(--color-primary-light)}.modal-close{background:transparent;border:none;color:var(--text-muted);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.modal-close:hover{color:var(--text-main);background:#ffffff0d}.modal-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content.success-modal{border-color:#34d39966}.modal-content.warning-modal,.modal-content.flee-modal{border-color:#ef444466}.modal-content.result-modal{border-color:var(--color-primary-border)}.danger-title{color:var(--color-danger)}.modal-hint{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.loot-wrap{display:flex;flex-direction:column;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:20px 10px;color:var(--text-muted);font-size:13px}.modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--border-subtle);background:var(--bg-card);flex-shrink:0}.buy-item-preview{background:var(--bg-card);padding:10px;border-radius:var(--radius-sm);font-size:12px;display:flex;flex-direction:column;gap:3px}.qty-input-wrapper{display:flex;gap:8px}.buy-total-box{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-main);border-radius:var(--radius-xs);font-weight:600}.buy-total-val{font-size:15px}.select-input{width:100%;min-height:44px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-main);padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;outline:none}.fee-preview-box{background:var(--bg-card);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:4px;font-size:12px}.fee-row{display:flex;justify-content:space-between}.fee-row.highlight{border-top:1px dashed var(--border-subtle);padding-top:4px;margin-top:2px;font-size:13px}.quests-page{padding:14px 16px 24px;display:flex;flex-direction:column;gap:14px}.quests-resource-bar{display:flex;justify-content:space-around;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.resource-col{display:flex;align-items:center;gap:6px;font-size:13px}.weekend-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(90deg,#f59e0b33,#0f172acc);border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-sm);font-size:12px;color:#fbbf24}.weekend-icon{display:inline-flex;flex-shrink:0}.quests-board-view,.quests-exchange-view,.quests-rumors-view{display:flex;flex-direction:column;gap:14px}.btn-refresh-board{flex-shrink:0}.btn-claim-quest{white-space:nowrap}.activity-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.activity-header{display:flex;justify-content:space-between;align-items:center;font-size:13px}.activity-title{font-weight:600;color:var(--color-primary-light)}.activity-score{font-weight:700;color:#fbbf24}.activity-bar-container{width:100%;height:8px;background:var(--bg-input);border-radius:var(--radius-full);overflow:hidden}.activity-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary-light));transition:width .3s ease}.chests-milestones{display:flex;justify-content:space-between;gap:4px;padding-top:4px}.chest-node{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:default;font-size:10px;color:var(--text-muted);padding:4px;border-radius:var(--radius-xs)}.chest-node.can-claim{cursor:pointer;color:var(--color-primary-light);background:var(--color-primary-subtle);border:1px dashed var(--color-primary);animation:pulse-glow 1.5s infinite}.chest-node.claimed{color:var(--text-secondary);opacity:.7}.chest-icon{font-size:16px}.chest-threshold{font-weight:700}.chest-reward{font-size:9px;color:#f59e0b}.quests-tabs{display:flex;border-bottom:1px solid var(--border-subtle)}.quest-tab{flex:1;min-height:44px;padding:10px 6px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer}.quest-tab.active{color:var(--color-primary-light);border-bottom-color:var(--color-primary)}.quests-board-status{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;color:var(--text-secondary)}.board-counts{display:flex;flex-direction:column;gap:2px}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px}.quest-card.state-done{border-color:#34d39966;background:linear-gradient(135deg,rgba(52,211,153,.05),var(--bg-card))}.quest-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.quest-title-wrap{display:flex;align-items:center;gap:6px}.quest-grade-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-xs);background:#d4af3726;color:var(--color-primary-light)}.quest-title{font-size:14px;font-weight:700;color:var(--text-main)}.quest-status-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-xs)}.quest-status-badge.available{background:#94a3b826;color:var(--text-secondary)}.quest-status-badge.accepted{background:#38bdf826;color:#38bdf8}.quest-status-badge.done{background:#34d39933;color:#34d399}.quest-status-badge.claimed{background:#64748b33;color:var(--text-muted)}.quest-status-badge.expired{background:#ef444433;color:#f87171}.quest-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.45}.quest-progress-section{display:flex;flex-direction:column;gap:4px;background:var(--bg-surface);padding:6px 8px;border-radius:var(--radius-xs)}.progress-labels{display:flex;justify-content:space-between;font-size:11px}.quest-countdown{color:#fbbf24;font-weight:600}.progress-track{width:100%;height:6px;background:var(--bg-input);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-secondary);transition:width .3s ease}.quest-duration-info{font-size:11px;color:var(--text-muted)}.quest-rewards{display:flex;flex-wrap:wrap;gap:6px}.reward-tag{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.reward-tag.silver{background:#e2e8f01a;color:var(--color-silver)}.reward-tag.bounty{background:#f59e0b26;color:#fbbf24}.reward-tag.activity{background:#38bdf81f;color:#38bdf8}.quest-actions{display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.04);padding-top:6px}.exchange-bounty-header{display:flex;justify-content:space-between;padding:10px 0;font-size:13px}.exchange-list{display:flex;flex-direction:column;gap:10px}.exchange-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.exchange-info{display:flex;flex-direction:column;gap:4px}.exchange-name{font-weight:600;font-size:14px}.exchange-meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-muted)}.cost-tag{color:#fbbf24}.limit-tag{color:var(--text-muted)}.exchange-action-col{display:flex;align-items:center;gap:6px}.exchange-card-main{display:flex;align-items:center;gap:10px;min-width:0}.input-qty-small{width:56px;height:44px;min-height:44px;text-align:center;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-main);font-size:14px;font-weight:600}.rumors-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;font-weight:600;color:var(--color-primary-light)}.rumors-refresh-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;min-height:40px;padding:6px 10px;display:inline-flex;align-items:center;font-size:13px}.rumors-list{display:flex;flex-direction:column;gap:8px}.rumor-item{display:flex;gap:10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px}.rumor-icon{font-size:16px}.rumor-body{flex:1;display:flex;flex-direction:column;gap:2px}.rumor-text{font-size:13.5px;color:var(--text-main)}.rumor-time{font-size:10px;color:var(--text-muted)}.crit-modal{text-align:center;align-items:center;padding:24px 20px;border-color:var(--color-primary);background:radial-gradient(circle at top,rgba(212,175,55,.25),var(--bg-surface) 70%)}.crit-icon-burst{font-size:42px;margin-bottom:4px;animation:pulse-glow 1s infinite}.crit-title{font-size:18px;font-weight:800;color:var(--color-primary-light);letter-spacing:1px}.crit-mult-badge{display:inline-block;font-size:26px;font-weight:900;color:#fbbf24;background:#f59e0b33;border:2px solid #fbbf24;border-radius:var(--radius-full);padding:2px 18px;margin:8px 0}.crit-desc{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.crit-rewards-box{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-direction:column;gap:6px;font-size:13px;margin-bottom:16px}.crit-reward-line{display:flex;justify-content:space-between}.text-bounty{color:#fbbf24}.crit-close-btn{width:100%}.daily-gift-page{padding:16px;display:flex;flex-direction:column;gap:16px}.daily-banner{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#d4af3726,#0f172ae6);border:1px solid var(--color-primary-border);border-radius:var(--radius-md)}.daily-banner-icon{font-size:32px;flex-shrink:0}.daily-banner-text{flex:1;min-width:0}.daily-title{font-size:17px;font-weight:700;color:var(--color-primary-light)}.daily-subtitle{font-size:12px;color:var(--text-secondary)}.streak-bar{display:flex;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px}.streak-count-box{display:flex;align-items:center;gap:6px;font-size:13px}.streak-icon{display:inline-flex;flex-shrink:0}.daily-days-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.day-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:8px;position:relative;transition:all .2s ease}.day-card.is-day-7{grid-column:span 2;background:linear-gradient(135deg,rgba(212,175,55,.1),var(--bg-card));border-color:#d4af3766}.day-card.is-today{border:2px solid var(--color-primary);background:linear-gradient(135deg,rgba(212,175,55,.18),var(--bg-card));box-shadow:0 0 12px #d4af3759}.day-card.is-claimed{opacity:.65;background:var(--bg-surface)}.day-card.is-future{opacity:.85}.day-card-header{display:flex;justify-content:space-between;align-items:center}.day-num{font-weight:700;font-size:13px}.today-chip{font-size:10px;background:var(--color-primary);color:var(--text-inverse);padding:1px 6px;border-radius:var(--radius-full);font-weight:700}.claimed-chip{font-size:10px;color:var(--color-success);font-weight:600}.locked-chip{font-size:11px}.day-card-content{display:flex;align-items:center;gap:10px}.daily-items-wrap{display:flex;flex-wrap:wrap;gap:6px}.reward-icon{font-size:22px}.reward-details{display:flex;flex-direction:column;gap:2px;font-size:12px}.reward-silver{color:var(--color-silver);font-weight:600}.reward-item{color:#38bdf8;font-weight:600}.daily-action-container{display:flex;flex-direction:column;align-items:center;margin-top:8px}.btn-claim-daily{width:100%}.claimed-status-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.btn-claimed-daily{width:100%}.claimed-subtext{font-size:11px;color:var(--text-muted);text-align:center}.notifications-page{padding:16px;display:flex;flex-direction:column;gap:12px}.notif-header-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.notif-header-title{display:flex;align-items:center;gap:8px}.notif-title-icon{font-size:18px}.notif-title-text{font-size:15px;font-weight:700;color:var(--color-primary-light)}.notif-unread-count-badge{font-size:10px;font-weight:600;background:var(--color-danger);color:#fff;padding:1px 6px;border-radius:var(--radius-full)}.notif-list-container{display:flex;flex-direction:column}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative;transition:all .15s ease}.notif-item.unread{border-left:3px solid var(--color-secondary);background:linear-gradient(90deg,rgba(56,189,248,.08),var(--bg-card))}.notif-item.read{opacity:.8}.notif-icon-col{font-size:18px;padding-top:2px}.notif-content-col{flex:1;display:flex;flex-direction:column;gap:4px}.notif-text{font-size:14px;color:var(--text-main);line-height:1.45}.notif-time{font-size:11px;color:var(--text-muted)}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 6px var(--color-secondary);margin-top:6px}.activities-page{padding:16px;display:flex;flex-direction:column;gap:14px}.activities-dashboard{display:flex;flex-direction:column;gap:14px}.activities-stream{min-width:0}.activities-banner{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#38bdf81f,#0f172acc);border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-md)}.activities-banner-icon{font-size:28px;flex-shrink:0}.activities-banner-text{flex:1;min-width:0}.activities-title{font-size:16px;font-weight:700;color:#38bdf8}.activities-subtitle{font-size:12px;color:var(--text-secondary)}.activities-filter-row{display:flex;justify-content:space-between;align-items:center}.activities-filter-chips{display:flex;gap:8px;flex-wrap:wrap}.activities-filter-chips .filter-chip{gap:6px}.filter-chip-count{min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:#ffffff12;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.filter-chip.active .filter-chip-count{background:#2dd4bf2e;color:#d7fffb}.activities-refresh-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);min-height:40px;padding:6px 12px;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;gap:6px;transition:color .14s ease,border-color .14s ease,background .14s ease}.activities-refresh-btn:hover{color:var(--color-primary-light);border-color:#2dd4bf8c;background:#2dd4bf14}.activities-overview{padding:16px;border:1px solid rgba(212,175,55,.22);border-radius:var(--radius-md);background:radial-gradient(circle at 100% 0%,rgba(212,175,55,.11),transparent 48%),linear-gradient(180deg,#14202cf0,#0d1721f5);box-shadow:var(--shadow-sm)}.activities-overview-heading{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-subtle);color:var(--color-primary-light)}.activities-overview-heading>div{display:flex;flex-direction:column}.activities-overview-heading span{color:var(--text-muted);font-size:11px;font-weight:400}.activities-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.activity-metric{min-height:72px;padding:10px;border-radius:var(--radius-sm);border:1px solid rgba(45,212,191,.12);background:#060f167a;display:flex;flex-direction:column;justify-content:space-between}.activity-metric span{color:var(--text-muted);font-size:11px}.activity-metric strong{color:var(--color-accent-teal);font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.activities-overview-note{margin:12px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.55}.activities-list-container{display:flex;flex-direction:column}.activities-list{display:flex;flex-direction:column;gap:8px}.activity-feed-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.feed-icon-col{font-size:18px;padding-top:2px}.feed-icon{display:inline-flex}.feed-content-col{flex:1;display:flex;flex-direction:column;gap:4px}.feed-header-line{display:flex;justify-content:space-between;align-items:center}.feed-kind-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:2px;text-transform:uppercase}.feed-kind-badge.kind-market{background:#f59e0b26;color:#fbbf24}.feed-kind-badge.kind-quest{background:#38bdf826;color:#38bdf8}.feed-kind-badge.kind-cultivation{background:#d4af3726;color:var(--color-primary-light)}.feed-time{font-size:10px;color:var(--text-muted)}.feed-text{font-size:14px;color:var(--text-main);line-height:1.45}.card-disabled{opacity:.65;filter:grayscale(.2)}.furnace-card{background:linear-gradient(135deg,#1e2d4099,#121c27f2);border:1px solid var(--border-strong);position:relative;overflow:hidden}.furnace-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.furnace-icon-wrap{width:48px;height:48px;border-radius:var(--radius-sm);background:#d4af371a;border:1px solid rgba(212,175,55,.25);display:flex;align-items:center;justify-content:center}.furnace-emoji{font-size:26px;display:inline-block}.furnace-emoji.brewing{animation:pulse-glow 1.5s ease-in-out infinite alternate}@keyframes pulse-glow{0%{transform:scale(1);filter:drop-shadow(0 0 2px #f97316)}to{transform:scale(1.12);filter:drop-shadow(0 0 10px #f97316)}}.furnace-title{font-size:16px;font-weight:700;color:var(--color-primary-light)}.furnace-desc{font-size:13.5px;color:var(--text-secondary);margin-top:2px}.badge-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.badge-status.status-done{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(52,211,153,.3)}.badge-status.status-brewing{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.35);animation:blink 2s infinite}.badge-status.status-idle{background:#64748b26;color:var(--text-muted)}@keyframes blink{0%,to{opacity:1}50%{opacity:.65}}.furnace-progress-labels{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.furnace-last-result{background:#00000040;border-radius:var(--radius-xs);padding:8px 10px;border-left:3px solid var(--color-primary)}.work-progress-panel{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center;padding:12px;margin-top:10px;border:1px solid rgba(212,175,55,.28);border-radius:var(--radius-sm);background:linear-gradient(135deg,#d4af3717,#070e16b8)}.work-progress-visual{position:relative;width:64px;aspect-ratio:1;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:radial-gradient(circle,#f9731633,#09121ceb)}.work-progress-visual>:not(.work-progress-glow){position:relative;z-index:1}.work-progress-glow{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:#fbbf2457;filter:blur(10px);animation:workGlow 1.5s ease-in-out infinite alternate}.work-progress-content{min-width:0}.work-progress-heading,.work-progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.work-progress-heading strong{color:var(--color-primary-light);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-progress-heading span,.work-progress-label{color:var(--text-secondary);font-size:11px}.work-progress-track{height:8px;margin:7px 0 5px;overflow:hidden;border-radius:999px;background:#00000080;border:1px solid rgba(255,255,255,.08)}.work-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f97316,#fbbf24,#d4af37);box-shadow:0 0 8px #fbbf248c;transition:width .4s ease}.work-progress-label{justify-content:flex-start;margin-bottom:7px;font-variant-numeric:tabular-nums}.work-progress-label strong{color:var(--color-primary-light)}.work-progress-active{border-color:#d4af3747}.work-progress-done .work-progress-track span{background:linear-gradient(90deg,#10b981,#34d399)}.work-progress-compact{grid-template-columns:50px minmax(0,1fr);gap:8px;padding:8px;margin-top:0}.work-progress-compact .work-progress-visual{width:48px}@keyframes workGlow{0%{opacity:.45;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion: reduce){.work-progress-glow{animation:none;animation-duration:.01ms!important;transition-duration:.01ms!important;transform:none!important}}.recipe-card{padding:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color .2s}.recipe-card:hover{border-color:var(--border-strong)}.recipe-card-header{display:flex;justify-content:space-between;align-items:flex-start}.recipe-ingredients-grid{display:flex;flex-wrap:wrap;gap:6px}.recipe-product-cell{flex-shrink:0}.recipe-header-info{flex:1;min-width:0}.recipe-quality-tag{flex-shrink:0}.recipe-mastery-wrap,.recipe-ingredients-wrap{min-width:0}.recipes-section{display:flex;flex-direction:column}.progress-bar-container{width:100%;background:#00000073;border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1)}.stepper-val{min-width:20px;text-align:center;font-size:13px;font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums}.ingredient-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;background:#ffffff0a;border:1px solid var(--border-subtle);font-size:12.5px}.ingredient-name{color:var(--text-secondary)}.ingredient-qty{font-variant-numeric:tabular-nums}.ingredient-chip.ingredient-missing{border-color:#f8717166;background:#ef444414}.recipe-action-row,.rounds-selector-wrap{flex-wrap:wrap}.btn-stepper{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-main);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-stepper:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-light);background:var(--bg-surface-hover)}.btn-stepper:active:not(:disabled){transform:scale(.95)}.btn-stepper:disabled{opacity:.4;cursor:not-allowed}.input-rounds{width:52px;height:44px;min-height:44px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-main);font-size:14px;font-weight:700;text-align:center}.btn-max-rounds{min-height:44px;padding:8px 12px;border-radius:var(--radius-xs);border:1px solid var(--color-primary-border);background:var(--color-primary-subtle);color:var(--color-primary-light);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-max-rounds:hover:not(:disabled){background:#d4af3738;border-color:var(--color-primary)}.btn-max-rounds:active:not(:disabled){transform:scale(.96)}.btn-max-rounds:disabled{opacity:.45;cursor:not-allowed}.btn-kind-select{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:10px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-kind-select:hover{border-color:var(--border-strong);color:var(--text-main)}.btn-kind-select.active{border-color:var(--color-primary);background:#d4af371f;color:var(--color-primary-light);box-shadow:0 0 10px #d4af3733}.btn-quick-name{min-height:38px;padding:6px 12px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-secondary);font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-quick-name:hover{border-color:var(--color-primary-border);color:var(--color-primary-light)}.equipment-craft-actions .btn-sm{min-height:44px;padding:6px 8px;font-size:13px}.quality-rate-card{padding:6px;border-radius:var(--radius-xs);background:var(--bg-surface);border:1px solid;text-align:center}.grade-select-card{padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s}.grade-select-card:hover{border-color:var(--border-strong)}.grade-select-card.selected{border-color:var(--color-primary);background:#d4af3714;box-shadow:0 0 10px #d4af3726}.grade-select-card.grade-locked{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.badge-grade-status{flex-shrink:0}.equipment-craft-card{padding:12px;border-radius:var(--radius-sm)}.tab-buttons,.kind-selector-grid,.weapon-types-grid,.quality-rates-grid,.mastery-card,.mastery-track-container{width:100%}.mastery-track-fill{display:block}.mastery-marker-95{pointer-events:none}.newly-forged-card{width:100%}.equipment-refine-section{display:flex;flex-direction:column;gap:14px}.notice-warning{border-left-color:var(--color-warning)!important;background:#fbbf241a!important}.section-label{display:block;font-size:13px;font-weight:700;color:var(--color-primary-light);margin-bottom:6px}.highlight-gold{color:#fbbf24!important}.highlight-cyan{color:#38bdf8!important}.highlight-silver{color:#e2e8f0!important}.highlight-green{color:#34d399!important}.pulse-button{animation:pulse-glow 1.6s infinite ease-in-out}.animate-glow{box-shadow:0 0 15px #d4af3740}.mining-page,.farm-page{display:flex;flex-direction:column;gap:14px;padding-bottom:24px}.mining-header-banner,.farm-header-banner{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:12px}.mining-banner-top,.farm-banner-top{display:flex;align-items:center;gap:12px}.mining-banner-icon,.farm-banner-icon{font-size:32px;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border:1px solid var(--color-primary-border);border-radius:var(--radius-sm)}.mining-title,.farm-title{font-size:17px;font-weight:700;color:var(--color-primary-light);margin:0}.mining-subtitle,.farm-subtitle{font-size:13px;color:var(--text-secondary);margin:2px 0 0;line-height:1.45}.mining-resource-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#00000040;border-radius:var(--radius-sm);padding:8px;border:1px solid var(--border-subtle)}.mining-resource-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.resource-label{font-size:10px;color:var(--text-muted)}.resource-val{font-size:12px;font-weight:700}.mining-stats-strip{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.stats-pill{font-size:11px;color:var(--text-secondary);background:#ffffff0a;padding:3px 8px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle)}.active-shift-card{border-left:3px solid var(--color-primary)!important;background:linear-gradient(135deg,rgba(212,175,55,.08),var(--bg-card))!important}.active-shift-card.shift-ready{border-left-color:var(--color-success)!important;background:linear-gradient(135deg,rgba(52,211,153,.12),var(--bg-card))!important}.active-shift-card.shift-running{border-left-color:var(--color-primary)!important}.shift-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.shift-badge{font-size:12px;font-weight:700;color:var(--color-primary-light)}.shift-time-countdown{font-size:12px;color:var(--text-secondary)}.ready-text{color:var(--color-success);font-weight:700}.shift-body{display:flex;flex-direction:column;gap:10px}.shift-mine-info{display:flex;align-items:center;gap:10px}.shift-mine-icon{font-size:24px}.shift-mine-title{margin:0;font-size:14px;font-weight:700;color:var(--color-primary-light)}.shift-mine-meta{margin:2px 0 0;font-size:12px;color:var(--text-secondary)}.shift-progress-wrap{display:flex;align-items:center;gap:8px}.shift-progress-bar{flex:1;height:8px;background:#0006;border-radius:4px;overflow:hidden;border:1px solid var(--border-subtle)}.shift-progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f59e0b);transition:width .3s}.shift-progress-pct{font-size:11px;font-weight:700;color:var(--color-primary-light);min-width:32px;text-align:right}.shift-action-row{margin-top:4px}.btn-collect-mining{width:100%;padding:10px;font-weight:700}.mining-tabs,.farm-tabs{display:flex;background:#0000004d;border-radius:var(--radius-sm);padding:3px;gap:4px;overflow-x:auto}.mining-tab,.farm-tab{flex:1;min-width:68px;min-height:44px;padding:8px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.mining-tab:hover,.farm-tab:hover{color:var(--text-main);background:#ffffff0a}.mining-tab.active,.farm-tab.active{background:var(--color-primary);color:#0c141d;font-weight:700;box-shadow:0 2px 8px #d4af374d}.mines-list{display:flex;flex-direction:column;gap:10px}.mine-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px}.mine-card:hover{border-color:var(--border-strong)}.mine-card.selected{border-color:var(--color-primary);background:#d4af370f;box-shadow:0 0 10px #d4af3726}.mine-card.mine-locked{opacity:.6}.mine-card-header{display:flex;justify-content:space-between;align-items:center}.mine-title-wrap{display:flex;align-items:center;gap:8px}.mine-icon{font-size:20px}.mine-name{margin:0;font-size:14px;font-weight:700;color:var(--color-primary-light)}.mine-realm-req{font-size:11px;color:var(--text-secondary)}.tag-locked{font-size:10px;padding:2px 6px;border-radius:4px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.tag-unlocked{font-size:10px;padding:2px 6px;border-radius:4px;background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.mine-yield-row{display:flex;gap:16px;font-size:12px;padding:4px 0;border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle)}.yield-stat{display:flex;gap:4px;align-items:center}.yield-label{color:var(--text-muted)}.yield-val{font-weight:700;color:var(--text-primary)}.mine-drops-table{display:flex;flex-direction:column;gap:4px}.drops-header{font-size:10px;color:var(--text-muted)}.drops-grid{display:flex;flex-wrap:wrap;gap:4px}.drop-item-pill{display:inline-flex;align-items:center;gap:4px;background:#0000004d;padding:2px 6px;border-radius:4px;font-size:10px;border:1px solid var(--border-subtle)}.drop-name{color:var(--text-secondary)}.drop-rate{font-weight:700;color:var(--color-primary-light)}.mine-dispatch-card{margin-top:4px}.dispatch-title{margin:0 0 10px;font-size:14px;font-weight:700}.dispatch-notice-box{padding:10px;border-radius:var(--radius-xs);font-size:12px;line-height:1.4;margin-bottom:8px}.notice-info{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:#38bdf8}.dispatch-form{display:flex;flex-direction:column;gap:12px}.hours-selector-wrap{display:flex;flex-direction:column;gap:6px}.selector-label{font-size:12px;color:var(--text-secondary)}.hours-quick-buttons{display:flex;gap:6px;flex-wrap:wrap}.btn-hour-pill,.btn-qty-pill{min-height:44px;min-width:44px;padding:8px 14px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-hour-pill:hover,.btn-qty-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.btn-hour-pill.active,.btn-qty-pill.active{border-color:var(--color-primary);background:#d4af3726;color:var(--color-primary-light);font-weight:700}.btn-hour-pill:disabled,.btn-qty-pill:disabled{opacity:.4;cursor:not-allowed}.dispatch-summary{display:flex;justify-content:space-between;background:#00000040;padding:8px 12px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);font-size:11px}.summary-col{display:flex;flex-direction:column;gap:2px}.btn-enter-mine,.btn-cut-action,.btn-decompose-action{width:100%}.subtab-banner{display:flex;align-items:center;gap:12px;background:#0003;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin-bottom:12px}.subtab-banner-icon{font-size:24px}.subtab-banner-title{margin:0;font-size:14px;font-weight:700;color:var(--color-primary-light)}.subtab-banner-desc{margin:2px 0 0;font-size:11px;color:var(--text-secondary)}.stone-cards-list,.decompose-cards-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.stone-card,.decompose-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px}.stone-card:hover,.decompose-card:hover{border-color:var(--border-strong)}.stone-card.selected,.decompose-card.selected{border-color:var(--color-primary);background:#d4af370f}.stone-card-header,.decompose-header{display:flex;justify-content:space-between;align-items:center}.stone-name,.decompose-title{margin:0;font-size:14px;font-weight:700;color:var(--color-primary-light)}.stone-grade-badge{font-size:10px;padding:1px 5px;border-radius:3px;background:#d4af3726;color:var(--color-primary-light);margin-left:6px}.stone-owned-badge,.decompose-owned{font-size:11px;color:var(--text-secondary)}.stone-desc,.decompose-desc{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.45}.stone-rewards-box{display:flex;flex-direction:column;gap:4px}.rewards-title{font-size:10px;color:var(--text-muted)}.rewards-grid{display:flex;flex-wrap:wrap;gap:4px}.reward-pill{display:inline-flex;gap:4px;background:#0000004d;padding:2px 6px;border-radius:4px;font-size:10px;border:1px solid var(--border-subtle)}.reward-name{color:var(--text-secondary)}.reward-pct{color:#38bdf8;font-weight:700}.cut-action-card,.decompose-action-card{display:flex;flex-direction:column;gap:10px}.cut-title{margin:0 0 10px;font-size:14px;font-weight:700}.cut-qty-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.qty-label{font-size:12px;color:var(--text-secondary)}.qty-buttons{display:flex;gap:6px;flex-wrap:wrap}.result-loot-card{margin-top:12px;border-color:var(--color-primary)!important;background:linear-gradient(135deg,rgba(212,175,55,.1),var(--bg-card))!important}.loot-title{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--color-primary-light)}.loot-items-list{display:flex;flex-wrap:wrap;gap:6px}.loot-item-badge{display:flex;align-items:center;gap:6px;background:#00000059;border:1px solid var(--color-primary-border);padding:4px 8px;border-radius:var(--radius-xs);font-size:12px}.loot-name{color:var(--text-primary)}.loot-qty{color:#fbbf24;font-weight:700}.decompose-flow{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#00000040;border-radius:var(--radius-xs);font-size:12px}.flow-item{display:flex;gap:4px}.flow-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-arrow{color:var(--color-primary-light);font-size:12px}.decompose-preview-box{background:#00000040;padding:8px 12px;border-radius:var(--radius-xs);margin-bottom:12px;font-size:12px;border:1px solid var(--border-subtle)}.log-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mining-log-list{display:flex;flex-direction:column;gap:8px}.mining-log-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.log-top{display:flex;justify-content:space-between;align-items:center}.log-mine-name{font-size:13px;font-weight:700;color:var(--color-primary-light)}.log-meta{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.log-items{display:flex;flex-direction:column;gap:4px;border-top:1px dashed var(--border-subtle);padding-top:4px}.log-items-label{font-size:10px;color:var(--text-muted)}.log-item-chips{display:flex;flex-wrap:wrap;gap:4px}.log-chip{font-size:10px;padding:2px 6px;border-radius:4px;background:#0000004d;border:1px solid var(--border-subtle);color:var(--text-secondary)}.guide-card{padding:14px}.guide-title{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--color-primary-light)}.guide-content h4{margin:12px 0 4px;font-size:13px;font-weight:700;color:var(--color-primary-light)}.guide-content p,.guide-content ul{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.guide-content ul{padding-left:18px;margin-top:4px}.guide-content li{margin-bottom:4px}.collect-dialog-desc{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.collect-reward-box{display:flex;flex-direction:column;gap:10px;background:#00000040;padding:12px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle)}.reward-silver-row{display:flex;justify-content:space-between;font-size:13px;padding-bottom:6px;border-bottom:1px dashed var(--border-subtle)}.reward-ores-header{font-size:11px;color:var(--text-muted)}.reward-ores-grid{display:flex;flex-wrap:wrap;gap:6px}.reward-ore-pill{display:flex;align-items:center;gap:6px;background:#0006;padding:4px 8px;border-radius:var(--radius-xs);font-size:12px;border:1px solid var(--color-primary-border)}.ore-name{color:var(--text-primary)}.ore-qty{font-weight:700;color:#38bdf8}.farmer-status-card{background:#00000040;border-radius:var(--radius-sm);padding:10px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.farmer-level-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.farmer-level-badge{display:flex;align-items:center;gap:6px;color:var(--color-primary-light)}.farmer-rank-icon{font-size:16px}.farmer-bonus-tag{font-size:10px;color:#34d399}.farmer-exp-info{font-size:11px;color:var(--text-secondary)}.farmer-exp-bar-wrap{display:flex;align-items:center;gap:8px}.farmer-exp-bar{flex:1;height:6px;background:#0006;border-radius:3px;overflow:hidden;border:1px solid var(--border-subtle)}.farmer-exp-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s}.farmer-exp-text{font-size:10px;color:var(--text-muted);min-width:60px;text-align:right}.farm-resource-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#0003;padding:6px 8px;border-radius:var(--radius-sm)}.resource-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.res-label{font-size:9px;color:var(--text-muted)}.res-val{font-size:11px;font-weight:700}.farm-action-toolbar{display:flex;gap:6px;flex-wrap:wrap}.farm-plots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 640px){.farm-plots-grid{grid-template-columns:repeat(3,1fr)}}.farm-plot-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s}.farm-plot-card.plot-empty{border-style:dashed}.farm-plot-card.plot-growing{background:linear-gradient(135deg,rgba(16,185,129,.05),var(--bg-card));border-color:#34d3994d}.farm-plot-card.plot-ripe{background:linear-gradient(135deg,rgba(212,175,55,.12),var(--bg-card));border-color:var(--color-primary);box-shadow:0 0 10px #d4af3726}.farm-plot-card.plot-locked{opacity:.7;border-style:dashed}.plot-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:6px}.plot-number{font-weight:700;color:var(--text-muted)}.plot-badge-empty{font-size:9px;color:var(--text-muted);background:#ffffff0d;padding:1px 4px;border-radius:3px}.plot-badge-growing{font-size:9px;color:#34d399;background:#34d39926;padding:1px 4px;border-radius:3px}.plot-badge-ripe{font-size:9px;font-weight:700;color:#fbbf24;background:#f59e0b33;padding:1px 5px;border-radius:3px}.plot-badge-locked{font-size:9px;color:#94a3b8}.plot-body-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:8px 0}.plot-empty-slot,.empty-plot-dashed-border{width:100%}.plot-icon-empty,.plot-icon-locked{font-size:24px}.plot-empty-text,.plot-desc-locked{font-size:11px;color:var(--text-muted);margin:0}.plot-body-growing{display:flex;flex-direction:column;gap:6px}.plot-plant-info{display:flex;align-items:center;gap:6px}.plant-icon{font-size:18px}.plant-names{display:flex;flex-direction:column}.herb-name{font-size:13.5px;font-weight:600;color:var(--text-primary)}.plant-countdown{font-size:10px;color:var(--text-secondary)}.plot-progress-bar-wrap{display:flex;align-items:center;gap:6px}.plot-progress-bar{flex:1;height:5px;background:#0006;border-radius:3px;overflow:hidden}.plot-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399)}.plot-progress-pct{font-size:9px;color:var(--text-muted)}.plot-guard-row{display:flex;justify-content:space-between;align-items:center;font-size:9px}.guard-tag.active{color:#38bdf8}.guard-tag.warning{color:#f87171}.stolen-tag{color:#f59e0b}.plot-micro-actions{display:flex;flex-direction:column;gap:6px;margin-top:6px}.btn-micro{width:100%;min-height:40px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.25;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:#00000059;color:var(--text-secondary);cursor:pointer;white-space:normal;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-micro:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-surface-hover)}.btn-micro:active:not(:disabled){transform:scale(.97)}.btn-micro:disabled{opacity:.35;cursor:not-allowed}.btn-micro.btn-fertilizer:hover:not(:disabled){border-color:#22c55e80;color:#34d399}.btn-micro.btn-guard:hover:not(:disabled){border-color:#38bdf880;color:#38bdf8}.plot-body-ripe{display:flex;flex-direction:column;justify-content:space-between;gap:6px}.ripe-info-box{display:flex;align-items:center;gap:6px}.ripe-icon{font-size:20px}.ripe-herb-title{display:block;font-size:13px;color:var(--color-primary-light)}.ripe-ready-tag{font-size:10px;color:#34d399}.ripe-stolen-warning{font-size:10px;color:#f87171}.btn-harvest-plot{width:100%}.steal-header-banner{display:flex;justify-content:space-between;align-items:center;background:#00000040;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px}.steal-banner-left{display:flex;align-items:center;gap:10px}.steal-icon{font-size:24px}.steal-title{margin:0;font-size:14px;font-weight:700;color:var(--color-primary-light)}.steal-desc{margin:2px 0 0;font-size:11px;color:var(--text-secondary)}.steal-count-box{display:flex;flex-direction:column;align-items:flex-end}.steal-count-label{font-size:10px;color:var(--text-muted)}.steal-count-val{font-size:13px;color:#fbbf24}.steal-risk-notice{background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:8px 10px;border-radius:var(--radius-xs);font-size:11px;color:#fca5a5;margin-bottom:12px;line-height:1.4}.steal-targets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.steal-targets-header h4{margin:0;font-size:13px;font-weight:700;color:var(--text-primary)}.steal-targets-list,.steal-target-card{display:flex;flex-direction:column;gap:8px}.target-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:6px}.target-bot-name{font-size:13px;color:var(--text-primary)}.target-ripe-badge{font-size:10px;background:#34d39926;color:#34d399;padding:1px 6px;border-radius:4px}.target-plots-list{display:flex;flex-direction:column;gap:6px}.target-plot-item{display:flex;justify-content:space-between;align-items:center;background:#00000040;padding:6px 10px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle)}.target-herb-info{display:flex;align-items:center;gap:8px;font-size:12px}.target-herb-icon{font-size:16px}.target-plot-sub{display:block;font-size:10px;color:var(--text-muted)}.btn-steal-action{min-height:40px;padding:6px 12px;font-size:13px}.dictionary-grid{display:flex;flex-direction:column;gap:10px}.herb-dict-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:6px}.herb-card-top{display:flex;justify-content:space-between;align-items:flex-start}.herb-title{margin:0;font-size:14px;font-weight:700;color:var(--color-primary-light)}.herb-scientific-name{font-size:11px;color:var(--text-muted)}.herb-growth-badge{font-size:11px;color:#38bdf8;background:#38bdf81a;padding:2px 6px;border-radius:4px;border:1px solid rgba(56,189,248,.2)}.herb-desc{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.45}.herb-stats-box{display:flex;flex-direction:column;gap:3px;background:#00000040;padding:6px 8px;border-radius:var(--radius-xs);font-size:11px;border:1px solid var(--border-subtle)}.herb-stat-row{display:flex;justify-content:space-between}.seed-select-list{display:flex;flex-direction:column;gap:6px}.seed-select-item{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:10px 12px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;transition:all .2s}.seed-select-item:hover{border-color:var(--border-strong)}.seed-select-item.selected{border-color:var(--color-primary);background:#d4af371f}.seed-select-left{display:flex;align-items:center;gap:8px;font-size:14px}.seed-icon{font-size:18px}.seed-time{display:block;font-size:10px;color:var(--text-muted)}.seed-count-badge{font-size:11px;font-weight:700;color:#34d399}.game-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;-webkit-user-select:none;user-select:none}.game-icon img{width:100%;height:100%;object-fit:contain;display:block}.game-icon-emoji{line-height:1;font-style:normal;display:inline-flex;align-items:center;justify-content:center}.item-icon-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;-webkit-user-select:none;user-select:none}.item-icon-frame{border-radius:var(--radius-sm, 6px);background:var(--bg-surface, #121824);transition:transform .15s ease,border-color .15s ease}.item-icon-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.item-icon-inner img{width:var(--art-fill, 70%);height:var(--art-fill, 70%);object-fit:contain;display:block}.item-icon-inner .game-icon-emoji{font-size:inherit}.item-grade-0{border:1px solid #64748b;background:#64748b14}.item-grade-1{border:1px solid #22c55e;background:#22c55e14}.item-grade-2{border:1px solid #06b6d4;background:#06b6d414}.item-grade-3{border:1px solid #3b82f6;background:#3b82f614}.item-grade-4{border:1px solid #a855f7;background:#a855f71a;box-shadow:0 0 4px #a855f740}.item-grade-5{border:1px solid #ec4899;background:#ec48991a;box-shadow:0 0 5px #ec489940}.item-grade-6{border:1px solid #f97316;background:#f973161f;box-shadow:0 0 6px #f973164d}.item-grade-7{border:1.5px solid #ef4444;background:#ef44441f;box-shadow:0 0 8px #ef444459}.item-grade-8{border:1.5px solid #eab308;background:#eab30824;box-shadow:0 0 10px #eab30873}.item-grade-9{border:2px solid #10b981;background:radial-gradient(circle,#10b98133,#d4af3733);box-shadow:0 0 12px #10b98180}.item-quality-badge{position:absolute;bottom:-2px;right:-2px;font-size:8px;font-weight:800;line-height:1;padding:1.5px 3px;border-radius:3px;letter-spacing:.5px;text-transform:uppercase;z-index:1;box-shadow:0 1px 3px #00000080}.item-quality-HP{color:#94a3b8;background:#1e293b;border:1px solid #475569}.item-quality-TP{color:#38bdf8;background:#082f49;border:1px solid #0284c7}.item-quality-THP{color:#c084fc;background:#3b0764;border:1px solid #9333ea}.item-quality-CP{color:#f59e0b;background:#451a03;border:1px solid #d97706}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-box{background:var(--bg-surface);border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);max-width:440px;width:100%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:modalIn .25s ease-out}.modal-box.battle-modal-box{max-width:460px;max-height:90vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.modal-title{font-size:16px;font-weight:700;color:var(--color-primary-light);margin:0}.modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:12px 18px;border-top:1px solid var(--border-subtle);background:#00000026;flex-shrink:0}.loot-list-container{display:flex;flex-direction:column;gap:8px}.loot-list-title{font-size:13px;font-weight:600;color:var(--color-primary-light)}.loot-items-grid{display:flex;flex-wrap:wrap;gap:8px}.loot-item-chip{display:flex;align-items:center;gap:8px;background:var(--bg-surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 8px}.loot-silver-chip{background:#d4af371a;border-color:#d4af374d}.loot-item-info{display:flex;flex-direction:column}.loot-item-name{font-size:12px;font-weight:500;color:var(--text-main);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loot-item-qty{font-size:11px;font-weight:700;color:var(--color-primary)}.loot-list-empty{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);padding:8px 0}.loot-empty-icon{flex-shrink:0;color:var(--text-muted)}.loot-empty-text{color:var(--text-muted)}.battle-log-card{background:var(--bg-main);border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.battle-hp-arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 14px;background:#0000004d;border-bottom:1px solid var(--border-subtle)}.battle-side{display:flex;flex-direction:column;gap:4px}.battle-side-header{display:flex;align-items:center;gap:6px}.battle-side-right .battle-side-header{justify-content:flex-end}.battle-side-left .battle-side-header{justify-content:flex-start}.battle-fighter-name{font-size:13px;font-weight:700;color:var(--text-main);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-hp-bar-wrap{height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;position:relative}.battle-hp-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.battle-hp-a{background:linear-gradient(90deg,#10b981,#34d399)}.battle-hp-b{background:linear-gradient(90deg,#ef4444,#f87171)}.battle-hp-text{font-size:10px;color:var(--text-secondary);font-family:monospace}.battle-side-right .battle-hp-text{text-align:right}.battle-mp-bar-wrap{height:5px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden;position:relative;margin-top:2px}.battle-mp-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.battle-mp-a{background:linear-gradient(90deg,#2563eb,#60a5fa)}.battle-mp-b{background:linear-gradient(90deg,#0284c7,#38bdf8)}.battle-mp-text{font-size:9.5px;color:#93c5fd;font-family:monospace;display:flex;align-items:center;gap:3px;margin-top:1px}.battle-side-right .battle-mp-text{justify-content:flex-end}.battle-vs-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-primary)}.battle-vs-text{font-size:10px;font-weight:900;letter-spacing:1px}.battle-controls-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.battle-status-indicator{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.battle-live-pulse{display:flex;align-items:center;gap:6px;color:var(--color-warning);font-weight:600}.pulse-dot{width:6px;height:6px;background:var(--color-warning);border-radius:50%;animation:pulseDot 1s infinite alternate}@keyframes pulseDot{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.battle-done-tag{display:flex;align-items:center;gap:4px;color:var(--color-success);font-weight:600}.battle-action-buttons{display:flex;align-items:center;gap:6px}.battle-ctrl-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:6px 12px;font-size:13px;font-weight:600;border-radius:var(--radius-xs);background:var(--bg-surface-hover);border:1px solid var(--border-strong);color:var(--text-main);cursor:pointer;transition:all .15s ease}.battle-ctrl-btn:hover{background:var(--bg-card-hover);border-color:var(--color-primary-border)}.battle-ctrl-btn.primary{background:var(--color-primary-subtle);border-color:var(--color-primary-border);color:var(--color-primary-light)}.battle-events-scroll{max-height:240px;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:#090e15}.battle-events-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;gap:8px;color:var(--text-muted);font-size:13px}.battle-event-row{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;padding:5px 8px;border-radius:var(--radius-xs);background:#ffffff05;border-left:2px solid transparent}.battle-event-row.actor-a{border-left-color:var(--color-success)}.battle-event-row.actor-b{border-left-color:var(--color-danger)}.battle-event-row.crit-event{background:#f59e0b1f;border-left-color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.battle-event-row.dodge-event{background:#38bdf814;border-left-color:#38bdf8}.battle-event-row.pill-event{background:#10b9811a;border-left-color:#10b981}.battle-event-row.mp-pill-event{background:#2563eb1f;border-left-color:#3b82f6}.battle-event-row.mp-warn-event{background:#d977061f;border-left-color:#d97706}.battle-event-row.skill-event{background:#6366f114;border-left-color:#6366f1}.event-second{font-family:monospace;font-size:11px;color:var(--text-muted);flex-shrink:0;margin-top:1px}.event-content{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.crit-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:800;padding:1px 4px;border-radius:3px;background:#b45309;color:#fff;letter-spacing:.5px}.dodge-badge{font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;background:#0369a1;color:#fff}.pill-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;background:#047857;color:#fff}.mp-pill-badge{background:#1d4ed8;color:#fff}.mp-warn-badge{display:inline-flex;align-items:center;gap:2px;background:#b45309;color:#fff}.skill-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;background:#4338ca;color:#fff}.stat-row.stat-row-mp{background:#3b82f60a}.stat-name-wrap{display:flex;flex-direction:row;align-items:center}.stat-icon-wrap{display:inline-flex;flex-shrink:0}.stat-hint{font-size:11px;color:var(--text-muted);line-height:1.3}.event-text{color:var(--text-main)}.game-activities-page{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.game-activities-list{display:flex;flex-direction:column;gap:12px}.activity-entry-card{cursor:pointer;transition:transform .15s ease,border-color .15s ease}.activity-entry-card:hover{transform:translateY(-2px);border-color:var(--color-primary-border)}.activity-entry-card:active{transform:translateY(2px) scale(.97);background:var(--color-primary-subtle);border-color:var(--color-primary);box-shadow:inset 0 2px 6px #0006}.activity-entry-card.active-card{opacity:1}.activity-entry-card.locked-card{opacity:.75}.activity-entry-layout{display:flex;align-items:flex-start;gap:14px}.activity-icon-box{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-box .game-icon{width:var(--art-fill, 70%)!important;height:var(--art-fill, 70%)!important;display:flex;align-items:center;justify-content:center}.activity-icon-box .game-icon img{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain}.activity-details{flex:1;display:flex;flex-direction:column;gap:2px}.activity-card-header{display:flex;align-items:center;justify-content:space-between}.activity-card-title{font-size:15px;font-weight:700;color:var(--color-primary-light);margin:0}.activity-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:var(--radius-full)}.tag-open{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.4)}.tag-locked{background:#94a3b826;color:var(--text-muted);border:1px solid var(--border-subtle)}.activity-card-subtitle{font-size:12px;font-weight:600;color:var(--text-secondary)}.activity-card-desc{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.4}.dungeon-page{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.dungeon-banner{background:linear-gradient(135deg,#101c2af2,#080e16f2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.dungeon-banner-header{display:flex;align-items:center;justify-content:space-between}.dungeon-banner-title-wrap{display:flex;align-items:center;gap:10px}.dungeon-title{font-size:17px;font-weight:700;color:var(--color-primary-light);margin:0}.dungeon-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.dungeon-runs-badge{display:flex;flex-direction:column;align-items:flex-end;background:#0000004d;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.runs-label{font-size:10px;color:var(--text-muted)}.runs-value{font-size:14px;font-weight:800;color:var(--color-primary)}.dungeon-record-bar{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-warning);background:#f59e0b1a;padding:4px 8px;border-radius:var(--radius-xs);border:1px solid rgba(245,158,11,.2)}.dungeon-bag-notice{display:flex;align-items:center;gap:12px;background:#38bdf814;border:1px dashed rgba(56,189,248,.35);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:all .2s ease}.dungeon-bag-notice:hover{background:#38bdf81f;border-color:#38bdf880}.notice-icon{flex-shrink:0}.notice-content{flex:1}.notice-title{font-size:13px;font-weight:700;color:var(--color-secondary)}.notice-desc{font-size:11px;color:var(--text-secondary);margin:2px 0 0;line-height:1.35}.notice-action{flex-shrink:0}.dungeon-active-card{border-color:var(--color-primary-border)}.dungeon-active-card.is-running{box-shadow:0 0 12px #d4af3726}.dungeon-active-card.is-finished{opacity:.85}.active-card-title{display:flex;align-items:center;gap:6px}.btn-leave-early{margin-top:10px}.active-run-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.run-stat-box{background:var(--bg-surface-hover);padding:8px 10px;border-radius:var(--radius-sm);display:flex;flex-direction:column}.stat-label{font-size:11px;color:var(--text-muted)}.stat-value{font-size:14px;font-weight:700;color:var(--text-main)}.stat-value.timer{color:var(--color-warning);font-family:monospace}.dungeon-defeated-alert{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid rgba(239,68,68,.3);padding:8px 10px;border-radius:var(--radius-sm);margin-bottom:12px}.active-run-loot{margin-bottom:12px}.section-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.active-run-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.dungeon-enter-box{display:flex;flex-direction:column}.btn-enter-dungeon{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:15px}.dungeon-ladder-section{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:14px;font-weight:700;color:var(--color-primary-light);margin:0}.section-counter{font-size:12px;color:var(--text-muted)}.dungeon-floors-list{display:flex;flex-direction:column;gap:6px}.dungeon-floor-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all .15s ease}.dungeon-floor-row.floor-boss{background:radial-gradient(circle at left,rgba(239,68,68,.15),var(--bg-surface) 70%);border-color:#ef44444d}.dungeon-floor-row.floor-cleared{border-color:#10b9814d}.dungeon-floor-row.floor-battling{border-color:var(--color-primary);box-shadow:0 0 10px #d4af3733}.floor-badge{font-size:12px;font-weight:800;min-width:36px;text-align:center}.boss-tag{background:var(--color-danger);color:#fff;font-size:10px;font-weight:900;padding:1px 5px;border-radius:3px;letter-spacing:.5px}.floor-info{flex:1;display:flex;flex-direction:column}.floor-name-wrap{display:flex;align-items:center;gap:6px}.floor-name{font-size:13px;font-weight:700;color:var(--text-main)}.floor-sub{font-size:11px;color:var(--text-muted)}.status-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 6px;border-radius:var(--radius-xs)}.status-cleared{color:var(--color-success);background:var(--color-success-bg)}.status-battling{color:var(--color-primary-light);background:var(--color-primary-subtle)}.status-failed{color:var(--color-danger);background:var(--color-danger-bg)}.status-locked{color:var(--text-muted)}.dungeon-recent-section{display:flex;flex-direction:column;gap:8px;margin-top:6px}.dungeon-recent-list{display:flex;flex-direction:column;gap:6px}.dungeon-recent-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);background:#0003;padding:6px 10px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle)}.recent-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-at{font-size:11px;color:var(--text-muted);flex-shrink:0}.tower-page{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.tower-banner{background:linear-gradient(135deg,#162231f2,#0a1018f2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.tower-banner-header{display:flex;align-items:center;justify-content:space-between}.tower-banner-title-wrap{display:flex;align-items:center;gap:10px}.tower-title{font-size:17px;font-weight:700;color:var(--color-primary-light);margin:0}.tower-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.tower-season-badge{display:flex;flex-direction:column;align-items:flex-end;background:#0000004d;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.season-label{font-size:10px;color:var(--text-muted)}.season-value{font-size:13px;font-weight:700;color:var(--color-warning)}.tower-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#00000040;padding:8px 10px;border-radius:var(--radius-sm)}.tower-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.tower-stat-item .stat-label{font-size:10px;color:var(--text-muted)}.tower-stat-item .stat-val{font-size:13px;font-weight:800;color:var(--text-main)}.tower-stat-item .stat-val.highlight{color:var(--color-primary)}.tower-stat-item .stat-val.rank{color:var(--color-secondary)}.tower-record-card{border-color:#d4af3740}.record-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-primary-light);margin-bottom:8px}.record-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.record-box{background:var(--bg-surface-hover);padding:8px 10px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px}.record-label{font-size:11px;color:var(--text-muted)}.record-val{font-size:12px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tower-climb-action{display:flex;flex-direction:column}.btn-climb-tower{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:15px}.tower-ladder-section{display:flex;flex-direction:column;gap:8px}.tower-floors-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tower-floor-cell{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .15s ease}.tower-floor-cell .cell-number{font-size:11px;font-weight:700;color:var(--text-secondary)}.tower-floor-cell .cell-icon{font-size:12px;color:var(--text-muted)}.tower-floor-cell.cleared{background:#10b98114;border-color:#10b9814d}.tower-floor-cell.cleared .cell-icon{color:var(--color-success)}.tower-floor-cell.current{background:var(--color-primary-subtle);border-color:var(--color-primary);box-shadow:0 0 8px #d4af374d}.tower-floor-cell.current .cell-number{color:var(--color-primary-light)}.tower-floor-cell.current .cell-icon{color:var(--color-primary)}.tower-floor-cell.boss-milestone{border-bottom:2px solid var(--color-danger)}.tower-top-section{display:flex;flex-direction:column;gap:8px}.tower-top-list{display:flex;flex-direction:column;gap:6px}.tower-rank-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.tower-rank-row.my-rank-row{border-color:var(--color-primary-border);background:#d4af3714}.rank-badge{font-size:12px;font-weight:800;width:24px;text-align:center;color:var(--text-muted)}.rank-badge.rank-1{color:#f59e0b}.rank-badge.rank-2{color:#94a3b8}.rank-badge.rank-3{color:#b45309}.rank-user-info{flex:1;display:flex;flex-direction:column}.rank-user-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-main)}.me-tag{background:var(--color-primary);color:var(--text-inverse);font-size:9px;font-weight:800;padding:1px 4px;border-radius:2px}.bot-tag{background:var(--bg-surface-hover);color:var(--text-muted);font-size:9px;padding:1px 4px;border-radius:2px}.rank-realm-tag{font-size:11px;color:var(--text-muted)}.rank-record{display:flex;flex-direction:column;align-items:flex-end}.rank-floor{font-size:13px;font-weight:700;color:var(--color-primary)}.rank-seconds{font-size:11px;color:var(--text-muted);font-family:monospace}.tower-recent-section{display:flex;flex-direction:column;gap:8px}.tower-recent-list{display:flex;flex-direction:column;gap:6px}.tower-recent-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);background:#0003;padding:6px 10px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle)}.battle-outcome-win{display:flex;flex-direction:column;gap:10px;margin-top:8px}.outcome-msg{font-size:13px;font-weight:600;color:var(--color-success)}.battle-outcome-loss{margin-top:8px}.loss-alert{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid rgba(239,68,68,.3);padding:8px 10px;border-radius:var(--radius-sm);line-height:1.4}.boss-hunt-page{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.boss-banner{background:linear-gradient(135deg,#1e1418f2,#0c0e14f2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.boss-banner-header{display:flex;align-items:center;justify-content:space-between}.boss-banner-title-wrap{display:flex;align-items:center;gap:10px}.boss-title{font-size:17px;font-weight:700;color:var(--color-primary-light);margin:0}.boss-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.session-status-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.session-status-badge.open{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.4)}.session-status-badge.closed{background:#f59e0b26;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.session-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.session-timer-bar{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:#0000004d;padding:6px 10px;border-radius:var(--radius-xs)}.boss-claimable-card{border-color:#d4af3766;background:radial-gradient(circle at top,rgba(212,175,55,.1),var(--bg-card) 70%)}.claimable-list{display:flex;flex-direction:column;gap:10px}.claimable-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.claimable-info{flex:1}.claimable-boss-title{font-size:12px;font-weight:700;color:var(--color-primary-light);display:block;margin-bottom:4px}.boss-tabs-row{display:flex;gap:8px;border-bottom:1px solid var(--border-subtle);padding-bottom:4px}.boss-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 14px;font-size:14px;font-weight:700;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.boss-tab-btn:hover{color:var(--text-main)}.boss-tab-btn.active{background:var(--color-primary-subtle);color:var(--color-primary-light);border-bottom:2px solid var(--color-primary)}.boss-beginner-notice{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-secondary);background:#38bdf81a;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid rgba(56,189,248,.3)}.boss-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.boss-card{transition:all .2s ease}.boss-card.boss-dead{opacity:.7}.boss-card-header-title{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;flex-wrap:wrap}.boss-name-wrap{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.boss-name{font-size:15px;font-weight:700;color:var(--text-main);white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.boss-level{font-size:11px;color:var(--text-muted);flex-shrink:0}.boss-alive-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:var(--radius-xs);background:#ffffff14;color:var(--text-secondary)}.boss-dead-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;padding:2px 6px;border-radius:var(--radius-xs);background:var(--color-danger);color:#fff}.boss-realm-bar{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:8px}.realm-label{color:var(--text-muted)}.realm-val{color:var(--color-warning);font-weight:600}.boss-hp-section{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.boss-hp-header{display:flex;align-items:center;justify-content:space-between;font-size:11px}.hp-label{color:var(--text-muted)}.hp-numbers{font-family:monospace;font-weight:700;color:var(--text-main)}.boss-hp-track{height:10px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.boss-hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f97316);border-radius:var(--radius-full);transition:width .4s ease}.boss-hp-fill.critical-hp{animation:pulseCritHp .8s infinite alternate}@keyframes pulseCritHp{0%{opacity:.7}to{opacity:1}}.boss-mine-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#0003;padding:6px 10px;border-radius:var(--radius-xs);margin-bottom:12px}.mine-stat{display:flex;flex-direction:column}.mine-stat .stat-label{font-size:10px;color:var(--text-muted)}.mine-stat .stat-val{font-size:13px;font-weight:700}.mine-stat .stat-val.highlight{color:var(--color-warning)}.mine-stat .stat-val.rank{color:var(--color-secondary)}.boss-actions-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.boss-actions-row .btn-select-boss,.boss-actions-row .btn-view-rank{flex:0 0 auto;white-space:nowrap}.boss-actions-row .btn-fight-boss{flex:1 1 auto;min-width:90px;white-space:nowrap}.boss-fight-summary{display:flex;flex-direction:column;gap:8px;margin-top:10px}.summary-damage-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-main)}.damage-num{font-size:16px;color:var(--color-warning)}.penalty-alert{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid rgba(239,68,68,.3);padding:8px 10px;border-radius:var(--radius-sm);line-height:1.4}.boss-rank-modal-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.boss-rank-entry-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-xs)}.boss-rank-entry-row.my-rank{background:#d4af371a;border-color:var(--color-primary-border)}.rank-tag{font-size:11px;font-weight:800;width:24px;text-align:center;color:var(--text-muted)}.rank-tag.rank-1{color:#f59e0b}.rank-tag.rank-2{color:#94a3b8}.rank-tag.rank-3{color:#b45309}.rank-name-box{flex:1;display:flex;align-items:center;gap:6px}.rank-name-box .rank-name{font-size:12px;font-weight:600;color:var(--text-main)}.rank-dmg{font-size:12px;font-weight:700;color:var(--color-warning);font-family:monospace}.secret-realm-active-page{display:flex;flex-direction:column;gap:12px;padding:10px;width:100%}.secret-realm-desktop-layout{display:flex;flex-direction:column;gap:14px;width:100%}.secret-realm-left-column{display:flex;flex-direction:column;gap:12px;width:100%}.sr-grid-container{width:100%;min-width:0}.secret-realm-right-column{display:flex;flex-direction:column;gap:14px;width:100%}.sr-mobile-only{display:inline-flex}.sr-journey-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:12px}.sr-bag-inventory-area{display:flex;flex-direction:column;gap:8px}.sr-bag-subtitle{font-size:13px;font-weight:700;color:var(--color-primary-light);margin:0}.sr-bag-grid,.sr-loot-itemcell-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:8px}.sr-loot-itemcell-grid.is-lost{opacity:.5;filter:grayscale(.5)}.sr-bag-notice{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--text-muted);line-height:1.4;background:#ffffff08;padding:8px 10px;border-radius:var(--radius-xs);border:1px dashed var(--border-subtle);margin-top:6px}.sr-shortcut-hints{font-size:11px;color:var(--text-muted);text-align:center;margin-top:4px}.sr-battle-modal-backdrop{z-index:1050}.sr-battle-modal-content{max-width:680px;width:95%;max-height:90vh;overflow-y:auto;padding:0;background:var(--bg-surface);border:1px solid var(--color-primary-border);box-shadow:0 12px 48px #000000e6}.sr-battle-stage-body{padding:0}.sr-battle-stage-body .battle-stage-wrapper{margin:0}.sr-hud-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.sr-hud-top{display:flex;align-items:center;justify-content:space-between}.sr-map-title{display:flex;align-items:center;gap:6px;color:var(--color-primary-light);font-weight:700;font-size:15px}.sr-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-time-left{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--color-warning);font-weight:600;background:#fbbf241f;padding:2px 8px;border-radius:var(--radius-full);border:1px solid rgba(251,191,36,.25)}.sr-hp-section{display:flex;flex-direction:column;gap:4px}.sr-hp-labels{display:flex;justify-content:space-between;font-size:12px}.sr-hp-labels .sr-label{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.sr-hp-value{font-weight:700;color:var(--text-main);font-family:monospace}.hp-bar-track{width:100%;height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.hp-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.hp-bar-fill.healthy{background:linear-gradient(90deg,#10b981,#34d399)}.hp-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hp-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.sr-hud-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sr-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary)}.sr-badge strong{color:var(--text-main)}.sr-badge.steps{border-color:#38bdf84d;background:#38bdf814;color:var(--color-secondary)}.sr-badge.ready{border-color:#34d39940;color:var(--color-success)}.sr-badge.cooldown{border-color:#fbbf244d;color:var(--color-warning)}.sr-badge.bag-btn{margin-left:auto;min-height:40px;padding:6px 12px;font-size:13px;cursor:pointer;background:var(--color-primary-subtle);border-color:var(--color-primary-border);color:var(--color-primary-light);font-weight:600;transition:all .2s}.sr-badge.bag-btn:hover{background:#d4af3733}.secret-realm-grid-wrapper{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 2px 10px #0009}.secret-realm-grid-header{display:flex;justify-content:space-between;align-items:center;font-size:12px}.grid-coords-badge{color:var(--text-secondary)}.highlight-coord{color:var(--color-primary);font-weight:700}.grid-mode-label{color:var(--text-muted);font-size:11px}.grid-zoom-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);min-height:40px;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.grid-zoom-btn:hover{background:var(--bg-card-hover);border-color:var(--color-primary-border)}.secret-realm-svg-container{position:relative;width:100%;max-width:320px;margin:0 auto;aspect-ratio:1;background:#05080c;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(212,175,55,.22);box-shadow:inset 0 2px 10px #000000b3,0 4px 16px #00000080}.sr-map-bg-underlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.sr-map-scene-art{width:100%;height:100%;opacity:.16;filter:blur(2px) saturate(.85);transform:scale(1.05)}.sr-map-scene-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0a101773,#05080ceb)}.secret-realm-svg{position:relative;z-index:1;width:100%;height:100%;display:block}.sr-player-token,.sr-player-token-overview{position:absolute;transition:left .18s ease,top .18s ease;will-change:transform;pointer-events:none}.sr-tile-surface{fill:#121e273d;stroke:#cbd5e138;stroke-width:1px}.sr-tile-fog .sr-tile-surface{fill:#02060cd1;stroke:#0f172ab8}.sr-tile-wall .sr-tile-surface{fill:#14191ff0;stroke:#64748bad}.sr-wall-mark{fill:none;stroke:#94a3b88a;stroke-width:1px}.sr-exit-mark circle:first-child{fill:#0891b27a;stroke:#67e8f9;stroke-width:1.4px;filter:drop-shadow(0 0 3px #22d3ee)}.sr-exit-mark circle:last-child{fill:#cffafe}.sr-player-token,.sr-player-token-overview{position:absolute;z-index:3;width:9%;aspect-ratio:1;border:1px solid #f4d77a;border-radius:50%;overflow:hidden;color:#f4d77a;background:#101722;box-shadow:0 0 7px #facc15b3;display:grid;place-items:center;transform:translate(-50%,-50%);transition:left .18s ease,top .18s ease;pointer-events:none}.sr-player-token-overview{width:2.8%;min-width:8px}.sr-player-token-portrait{width:100%;height:100%;object-fit:cover;object-position:top}.legend-wall{width:9px;height:9px;border:1px solid #64748b;background:#1b2432}.legend-player{background:#f4d77a}.legend-exit{background:#22d3ee;box-shadow:0 0 4px #22d3ee}.sr-movement-dock{display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#080f17f0}.sr-movement-status,.realm-run-summary{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-secondary)}.sr-movement-status strong,.realm-run-summary strong{color:var(--color-primary-light)}.sr-movement-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sr-move-btn{width:100%;height:48px;min-width:0}.sr-dpad-legacy{display:none}.realm-run-summary{margin-top:8px;padding:8px 10px;background:var(--bg-card);border-radius:var(--radius-sm)}.realm-condition-row{border-top:1px solid var(--border-subtle);padding-top:7px}.realm-lock-reason{margin:6px 0 0;color:var(--color-warning);font-size:12px;text-align:center}@media (prefers-reduced-motion: reduce){.sr-player-token,.sr-player-token-overview{transition:none}}.secret-realm-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:4px;font-size:11px;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sr-tile{transition:opacity .2s ease}.sr-tile-fog{cursor:default}.sr-tile.is-dimmed{filter:saturate(.6)}.sr-tile.is-visible{filter:none}.sr-tile-info-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;display:flex;flex-direction:column;gap:2px}.tile-info-left{display:flex;align-items:center;gap:6px}.tile-tag{font-size:11px;color:var(--text-muted);text-transform:uppercase}.tile-title{font-size:13px;font-weight:700;color:var(--color-primary-light)}.tile-desc{font-size:12px;color:var(--text-secondary)}.sr-controls-panel{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:4px}.sr-actions-row{display:flex;flex-wrap:wrap;gap:8px;width:100%;justify-content:center}.action-interact-btn{flex:1;min-width:180px;font-weight:700}.pulse-action{animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%{box-shadow:0 0 5px #d4af3766}50%{box-shadow:0 0 16px #d4af37d9}to{box-shadow:0 0 5px #d4af3766}}.action-exit-btn{background:#06b6d426!important;border-color:#06b6d4!important;color:#67e8f9!important;font-weight:700}.action-flee-btn{opacity:.85}.sr-dpad{display:flex;flex-direction:column;align-items:center;gap:6px;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin:6px 0}.dpad-middle-row{display:flex;align-items:center;gap:6px}.dpad-center{width:58px;height:58px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:50%;background:#00000040;border:1px dashed rgba(255,255,255,.1)}.dpad-btn{width:72px;height:58px;background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--color-primary-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 8px #0006}.dpad-btn:active{background:var(--bg-card-hover);border-color:var(--color-primary);transform:translateY(2px);box-shadow:0 1px 3px #0009}.dpad-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.dpad-btn.dpad-up,.dpad-btn.dpad-down{align-self:center}.dpad-btn.dpad-left,.dpad-btn.dpad-right{flex-shrink:0}.dpad-label{font-size:11.5px;font-weight:600;color:var(--text-muted)}.bag-silver-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#d4af371a;border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);margin-bottom:12px;color:var(--color-primary-light);font-size:13px}.warning-box{display:flex;gap:12px;background:var(--color-danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:12px;color:#fca5a5;font-size:13px;line-height:1.5}.result-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:12px;font-weight:600;font-size:13px}.result-alert.success{background:var(--color-success-bg);border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.result-alert.danger{background:var(--color-danger-bg);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.statue-result,.trap-result{text-align:center;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.statue-heal-text{font-size:14px;color:#34d399}.trap-damage-text{font-size:14px;color:#f87171}.sr-battle-log-wrap{display:flex;flex-direction:column;gap:8px;margin:12px 0}.battle-banner{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--color-primary-light)}.sr-loot-section{display:flex;flex-direction:column;gap:8px;margin-top:12px;border-top:1px solid var(--border-subtle);padding-top:10px}.loot-silver-line{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--color-primary);font-size:13px}.haul-summary-box{display:flex;flex-direction:column;gap:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;margin:10px 0}.haul-item{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.haul-item strong{font-family:monospace;color:var(--text-main)}.success-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.secret-realm-lobby-page{display:flex;flex-direction:column;gap:16px;padding:12px;width:100%}.sr-gm-tools{display:flex;justify-content:flex-end;margin-top:8px}.page-intro-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:12px}.intro-header{display:flex;align-items:center;gap:12px}.intro-icon{width:48px;height:48px;background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.intro-text h2{font-size:18px;color:var(--color-primary-light);font-weight:700}.intro-subtitle{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-top:2px}.rule-warning-alert{display:flex;align-items:flex-start;gap:10px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:10px 12px;color:#fca5a5;font-size:12px;line-height:1.45}.rule-text{min-width:0}.realm-cooldown-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-warning);background:#fbbf241a;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,.3)}.section-block{display:flex;flex-direction:column;gap:8px}.section-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--color-primary-light)}.map-cards-list{display:flex;flex-direction:column;gap:10px}.map-entry-card{padding:14px;display:flex;flex-direction:column;gap:10px}.map-card-header{display:flex;justify-content:space-between;align-items:center}.map-name-group{display:flex;align-items:center;gap:8px}.map-name{font-size:15px;font-weight:700;color:var(--text-main)}.map-size-tag{font-size:11px;color:var(--color-secondary);background:#38bdf81a;padding:2px 6px;border-radius:var(--radius-xs);border:1px solid rgba(56,189,248,.2)}.map-status-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-full)}.map-status-badge.open{background:var(--color-success-bg);border:1px solid rgba(16,185,129,.3);color:#34d399}.map-status-badge.closed{background:#94a3b81a;border:1px solid rgba(148,163,184,.25);color:var(--text-muted)}.map-details{display:flex;flex-direction:column;gap:4px;font-size:12px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:8px 0}.map-details .detail-row{display:flex;justify-content:space-between}.map-details .label{color:var(--text-secondary)}.map-details .value{color:var(--text-main);font-weight:500}.map-action{width:100%}.enter-realm-btn{width:100%;font-weight:700}.ranking-table{display:flex;flex-direction:column;gap:4px}.ranking-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs)}.ranking-row.rank-1{background:#d4af3714;border-color:#d4af3759}.rank-col{width:28px;text-align:center;font-size:14px}.name-col{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text-main)}.cultivator-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.ranking-card,.recent-harvest-card{width:100%}.haul-col{display:flex;align-items:baseline;gap:4px}.haul-value{font-family:monospace;font-weight:700;color:var(--color-primary);font-size:13px}.haul-label{font-size:10px;color:var(--text-muted)}.harvest-feed-list{display:flex;flex-direction:column;gap:8px}.feed-item{display:flex;align-items:flex-start;gap:8px;font-size:12px}.feed-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);margin-top:6px;flex-shrink:0}.feed-content{display:flex;flex-direction:column;gap:2px}.feed-text{color:var(--text-main);line-height:1.4}.feed-time{font-size:11px;color:var(--text-muted)}.treasure-hunt-page{display:flex;flex-direction:column;gap:16px;padding:12px;width:100%}.treasure-resource-bar{display:flex;gap:10px}.resource-chip{flex:1;display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:12px}.resource-chip.available{border-color:#34d3994d;color:var(--text-main)}.resource-chip.missing{border-color:#ef44444d;color:#fca5a5;background:#ef44440d}.res-name{color:var(--text-secondary)}.res-qty{margin-left:auto;font-size:15px;font-family:monospace;color:var(--color-primary-light)}.material-warning-alert{display:flex;align-items:center;gap:8px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:var(--radius-sm);padding:8px 12px;color:var(--color-warning);font-size:12px}.section-title-wrap{display:flex;flex-direction:column;gap:2px}.party-bonus-hint{font-size:11px;color:var(--color-secondary)}.party-slots-grid{display:flex;flex-direction:column;gap:8px}.party-slot-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.party-slot-card.leader{border-color:var(--color-primary-border);background:#d4af370f}.party-slot-card.empty{border-style:dashed;background:#00000026}.slot-avatar{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.leader-crown{position:absolute;top:-8px;right:-4px;font-size:14px}.slot-info{flex:1;display:flex;flex-direction:column;gap:2px}.slot-name{font-size:13px;font-weight:700;color:var(--text-main)}.slot-role{font-size:11px;color:var(--text-secondary)}.kick-btn{min-height:40px;padding:6px 12px;font-size:13px}.empty-slot-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.treasure-start-container{margin-top:8px}.start-treasure-btn{width:100%;font-weight:700}.lobby-list{display:flex;flex-direction:column;gap:8px}.lobby-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.bot-info{display:flex;align-items:center;gap:10px}.bot-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.bot-text{display:flex;flex-direction:column;gap:2px}.bot-name{font-size:13px;font-weight:600;color:var(--text-main)}.bot-realm{font-size:11px}.invite-btn{min-height:40px;font-size:13px;padding:6px 12px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:flex-start;gap:8px;font-size:12px}.history-dot{width:6px;height:6px;border-radius:50%;background:var(--color-secondary);margin-top:6px;flex-shrink:0}.history-content{display:flex;flex-direction:column;gap:2px}.history-text{color:var(--text-main);line-height:1.4}.history-time{font-size:11px;color:var(--text-muted)}.treasure-none-reward,.treasure-boss-encounter{display:flex;flex-direction:column;gap:12px}.result-text{font-size:13px;line-height:1.5}.encounter-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:13px}.encounter-alert.success{background:var(--color-success-bg);border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.encounter-alert.danger{background:var(--color-danger-bg);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.help-call-box{background:#d4af3714;border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px;text-align:center}.help-hint{font-size:13px;color:var(--color-primary-light);line-height:1.4}.call-help-btn{width:100%;font-weight:700}.abyss-page{display:flex;flex-direction:column;gap:12px;padding-bottom:28px}.abyss-banner{background:linear-gradient(135deg,#1c1026f2,#0c0812f2);border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.abyss-banner-content{display:flex;align-items:center;gap:12px}.abyss-banner-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#a855f726;border:1px solid rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.abyss-banner-info{display:flex;flex-direction:column;gap:2px}.abyss-banner-title{font-size:17px;font-weight:800;color:#d8b4fe;margin:0}.abyss-banner-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.abyss-stats-row{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(168,85,247,.15)}.abyss-stat-badge{display:flex;align-items:center;gap:6px;font-size:13px}.abyss-stat-badge .stat-label{color:var(--text-secondary)}.abyss-stat-badge .stat-val.highlight{font-weight:700;color:#e9d5ff}.abyss-rules-toggle{font-size:12px;color:#c084fc}.abyss-rules-card{background:#140e1ce6;border:1px dashed rgba(168,85,247,.35);padding:14px}.rules-header{display:flex;align-items:center;gap:8px;color:#d8b4fe;margin-bottom:8px}.rules-title{font-size:14px;font-weight:700;margin:0}.rules-list{margin:0;padding-left:18px;font-size:12.5px;color:var(--text-secondary);display:flex;flex-direction:column;gap:6px;line-height:1.45}.rules-list strong{color:#e9d5ff}.abyss-warning-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#ef444414;border:1px solid rgba(239,68,68,.3)}.warning-icon-box{color:#ef4444;flex-shrink:0;margin-top:2px}.warning-content{display:flex;flex-direction:column;gap:6px;flex:1}.warning-title{font-size:14px;font-weight:700;color:#fca5a5;margin:0}.warning-desc{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.4}.warning-btn{margin-top:8px;align-self:flex-start}.abyss-pet-card{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--bg-surface);border:1px solid var(--border-subtle)}.pet-card-header{display:flex;align-items:center;gap:12px}.pet-avatar-wrap{width:42px;height:42px;border-radius:var(--radius-md);background:#38bdf81a;border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pet-avatar-wrap .art-image-container,.pet-avatar-wrap .art-image-fallback,.pet-avatar-wrap .game-icon{width:var(--art-fill, 70%)!important;height:var(--art-fill, 70%)!important;display:flex;align-items:center;justify-content:center}.pet-avatar-wrap .art-image-img,.pet-avatar-wrap img{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain}.pet-main-info{display:flex;flex-direction:column;gap:2px;flex:1}.pet-name-row{display:flex;align-items:center;gap:8px}.pet-name{font-size:15px;font-weight:700;color:var(--text-primary)}.pet-element-tag{font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--radius-sm);background:#ffffff0f}.pet-sub-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.pet-level-badge{background:#d4af371f;color:var(--color-primary-light);padding:0 5px;border-radius:var(--radius-sm);font-size:11px}.pet-hp-container{display:flex;flex-direction:column;gap:4px}.hp-label-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.hp-label{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.hp-numbers{font-weight:600;color:var(--text-primary)}.hp-track{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.hp-fill{height:100%;border-radius:4px;transition:width .3s ease}.pet-fainted-alert{display:flex;align-items:center;gap:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;color:#fca5a5}.abyss-active-run-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-surface);border:1px solid rgba(168,85,247,.3)}.abyss-active-run-card.running{box-shadow:0 0 16px #a855f726}.active-run-header{display:flex;justify-content:space-between;align-items:center}.run-title-group{display:flex;align-items:baseline;gap:8px}.run-floor-title{font-size:16px;font-weight:800;color:#d8b4fe}.run-floors-cleared{font-size:12px;color:var(--text-secondary)}.run-status-badge{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm)}.run-status-badge.running{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#4ade80}.run-status-badge.finished{background:#94a3b826;border:1px solid rgba(148,163,184,.3);color:#cbd5e1}.running-notice{display:flex;align-items:center;gap:10px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);padding:8px 12px}.running-pulse-indicator{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;flex-shrink:0;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.7}}.running-notice-text{font-size:12px;color:#86efac;line-height:1.35}.run-defeat-box{display:flex;align-items:center;gap:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:10px 12px;color:#fca5a5}.defeat-text{font-size:12px;line-height:1.4}.run-rewards-section{display:flex;flex-direction:column;gap:8px}.rewards-section-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-primary-light);margin:0}.run-action-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.btn-abyss-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.btn-collect{background:linear-gradient(135deg,#d4af37,#f59e0b);border-color:#f59e0b;color:#1a1300}.abyss-start-cta-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px 16px;background:linear-gradient(180deg,#140e1ccc,#0a080ef2);border:1px solid rgba(168,85,247,.25)}.cta-icon-box{width:56px;height:56px;border-radius:50%;background:#a855f726;border:1px solid rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center;color:#c084fc}.cta-text-content{display:flex;flex-direction:column;gap:4px}.cta-title{font-size:16px;font-weight:800;color:var(--text-primary);margin:0}.cta-desc{font-size:12.5px;color:var(--text-secondary);max-width:320px;margin:0}.btn-start-abyss{width:100%;max-width:280px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.abyss-recent-card{display:flex;flex-direction:column;gap:10px;padding:14px}.recent-header{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.recent-title{font-size:14px;font-weight:700;margin:0}.recent-logs-list{display:flex;flex-direction:column;gap:8px}.recent-log-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff08;border-left:3px solid transparent}.recent-log-item.victory{border-left-color:#22c55e}.recent-log-item.defeat{border-left-color:#ef4444}.log-icon{margin-top:2px;flex-shrink:0}.recent-log-item.victory .log-icon{color:#22c55e}.recent-log-item.defeat .log-icon{color:#ef4444}.log-main{display:flex;flex-direction:column;gap:2px;flex:1}.log-text{font-size:12.5px;color:var(--text-primary);line-height:1.35}.log-time{font-size:11px;color:var(--text-muted)}.recent-empty{display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:6px;color:var(--text-muted);font-size:12px}.pet-raid-page{display:flex;flex-direction:column;gap:12px;padding-bottom:28px}.raid-status-banner{border-radius:var(--radius-lg);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border:1px solid transparent}.raid-status-banner.open{background:linear-gradient(135deg,#102618f2,#08140ef2);border-color:#22c55e59}.raid-status-banner.closed{background:linear-gradient(135deg,#1c1c20f2,#0e0e10f2);border-color:#94a3b833}.banner-left{display:flex;flex-direction:column;gap:4px}.banner-right{flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.status-dot.active{background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse 1.5s infinite}.status-title{font-size:13px;font-weight:800;letter-spacing:.5px;color:var(--text-primary)}.time-countdown-row{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.time-countdown-row strong{color:var(--color-primary-light)}.badge-state{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm)}.badge-open{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.badge-closed{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.raid-claimable-card{background:linear-gradient(135deg,#2d230ae6,#141005f2);border:1px solid rgba(212,175,55,.4);padding:16px;display:flex;flex-direction:column;gap:12px}.claimable-header{display:flex;align-items:center;gap:12px}.claimable-icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);background:#d4af3726;border:1px solid rgba(212,175,55,.4);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.claimable-text{display:flex;flex-direction:column;gap:2px}.claimable-title{font-size:15px;font-weight:800;color:var(--color-primary-light);margin:0}.claimable-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.claimable-loot-box{background:#00000040;border-radius:var(--radius-sm);padding:10px}.btn-claim-reward{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.raid-beast-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#231212e6,#120a0af2);border:1px solid rgba(239,68,68,.35)}.beast-card-header{display:flex;align-items:center;gap:12px}.beast-icon-box{width:48px;height:48px;border-radius:var(--radius-md);background:#ef444426;border:1px solid rgba(239,68,68,.4);display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0}.beast-info{display:flex;flex-direction:column;gap:2px;flex:1}.beast-name-row{display:flex;align-items:center;gap:8px}.beast-name{font-size:16px;font-weight:800;color:#fca5a5;margin:0}.beast-element-tag{font-size:11px;font-weight:700;padding:1px 6px;border-radius:var(--radius-sm);background:#ffffff14}.beast-tag{font-size:12px;color:var(--text-secondary)}.beast-hp-container{display:flex;flex-direction:column;gap:6px}.beast-hp-header{display:flex;justify-content:space-between;align-items:center;font-size:12px}.beast-hp-title{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.beast-hp-numbers{font-weight:700;color:var(--text-primary)}.beast-hp-track{width:100%;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.beast-hp-fill{height:100%;border-radius:6px;transition:width .4s ease}.beast-hp-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted)}.sync-note{display:flex;align-items:center;gap:4px}.beast-defeated-tag{color:#ef4444;font-weight:700;animation:pulse 1.5s infinite}.raid-beast-empty{display:flex;flex-direction:column;align-items:center;padding:24px;gap:8px;color:var(--text-muted);text-align:center;font-size:13px}.raid-my-pet-card{display:flex;flex-direction:column;gap:12px;padding:16px}.card-section-header{display:flex;align-items:center;gap:8px;color:var(--color-primary-light)}.pet-warning-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px;background:#ef444414;border:1px dashed rgba(239,68,68,.3);border-radius:var(--radius-md)}.warning-text strong{color:#fca5a5;font-size:14px}.warning-text p{color:var(--text-secondary);font-size:12px;margin:4px 0 0}.pet-overview{display:flex;flex-direction:column;gap:10px}.pet-row{display:flex;justify-content:space-between;align-items:center}.pet-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pet-elem{font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--radius-sm);background:#ffffff0f}.pet-realm{font-size:12px;color:var(--text-secondary)}.pet-status-col{flex-shrink:0}.pet-raid-status{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm)}.status-unjoined{background:#94a3b826;color:#94a3b8}.status-idle{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.status-fighting{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-dead{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.my-pet-hp-bar-wrap{display:flex;flex-direction:column;gap:4px}.my-pet-hp-info{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.pet-revive-alert{display:flex;align-items:center;gap:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:8px 12px;color:#fca5a5}.revive-alert-content{display:flex;flex-direction:column;gap:2px}.revive-alert-title{font-size:12.5px;font-weight:700}.revive-alert-time{font-size:11.5px;color:#fecaca}.my-damage-badge{display:flex;align-items:center;gap:6px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;color:var(--text-secondary)}.damage-num{color:var(--color-primary-light);font-size:14px}.pet-raid-action-buttons{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.btn-join-raid{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-raid-action{flex:1;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.btn-attack{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.btn-revive{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.raid-attack-log-card{display:flex;flex-direction:column;gap:10px;padding:14px;background:#14141ae6;border:1px solid var(--border-subtle)}.attack-log-header{display:flex;align-items:center;gap:8px;color:var(--color-primary-light)}.attack-log-title{font-size:13.5px;font-weight:700;margin:0}.attack-summary-box{font-size:12.5px;color:var(--text-primary);background:#ffffff0a;padding:8px 12px;border-radius:var(--radius-sm)}.attack-dmg-highlight{color:#ef4444;font-size:14px}.attack-events-list{max-height:220px;overflow-y:auto}.raid-ranking-card{display:flex;flex-direction:column;gap:12px;padding:16px}.ranking-card-header,.rank-row{min-width:0}.rank-row.rank-me{border-left:2px solid var(--color-primary)}.ranking-header{display:flex;justify-content:space-between;align-items:baseline}.ranking-title-group{display:flex;align-items:center;gap:8px;color:var(--color-primary-light)}.ranking-title{font-size:15px;font-weight:800;margin:0}.ranking-subtitle{font-size:11.5px;color:var(--text-muted)}.ranking-table{display:flex;flex-direction:column;gap:6px}.ranking-thead{display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.ranking-tbody{display:flex;flex-direction:column;gap:6px}.ranking-row{display:flex;align-items:center;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all .2s ease}.ranking-row.my-rank-row{background:#d4af3714;border-color:#d4af3766}.col-rank{width:38px;display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--text-secondary)}.col-name{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.player-name-line{display:flex;align-items:center;gap:6px}.player-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-me-tag{font-size:10px;background:#d4af3733;color:var(--color-primary-light);padding:0 4px;border-radius:var(--radius-xs);font-weight:600}.pet-name-line{font-size:11.5px;color:var(--text-muted)}.col-damage{width:90px;text-align:right}.damage-value{font-size:13px;font-weight:700;color:#f87171}.ranking-empty{display:flex;flex-direction:column;align-items:center;padding:24px 0;gap:6px;color:var(--text-muted);font-size:12px}.pump-modal-desc{font-size:12.5px;color:var(--text-secondary);margin-bottom:12px}.pills-selection-list{display:flex;flex-direction:column;gap:8px}.pill-item-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.pill-icon-wrap{flex-shrink:0}.pill-info{display:flex;flex-direction:column;gap:2px;flex:1}.pill-name{font-size:13px;font-weight:700;color:var(--text-primary)}.pill-qty{font-size:11.5px;color:var(--text-secondary)}.pills-empty-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 12px;gap:8px;color:var(--text-muted);font-size:12.5px}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:48px 16px;color:var(--text-secondary)}.state-icon,.loading-spinner{color:var(--color-primary);opacity:.85}.state-text{font-size:14px;color:var(--text-secondary)}.state-empty{text-align:center;padding:20px 10px;color:var(--text-muted);font-size:13.5px}.text-muted{color:var(--text-muted)}.text-sm{font-size:12.5px}.text-danger{color:var(--color-danger)}.text-silver{color:var(--color-silver)}.text-bounty{color:var(--color-warning)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-gold{color:var(--color-primary-light)}.font-bold{font-weight:700}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.kv-label{color:var(--text-muted);flex-shrink:0}.kv-value{color:var(--text-main);font-weight:600;text-align:right;min-width:0}.link-reset{color:inherit;text-decoration:none;display:block}.spin-slow{display:inline-flex;animation:spin-slow 1.6s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:fadePulse 1.4s ease-in-out infinite}@keyframes fadePulse{0%,to{opacity:1}50%{opacity:.5}}.error{display:flex;align-items:center;gap:8px;color:var(--color-danger);font-size:13.5px}.error-icon{flex-shrink:0;color:var(--color-danger)}.empty-icon{font-size:32px;opacity:.7}.hub-page,.assets-page,.appearance-page,.crafting-chamber-page,.forge-chamber-page,.guild-page,.messages-page,.phu-luc-page,.profile-page,.ranking-page,.soul-sea-page,.titles-page{display:flex;flex-direction:column;gap:14px}.guild-create-card{width:100%}.input{width:100%;min-height:40px;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);font-size:13.5px}.input:focus{outline:none;border-color:var(--color-primary-border)}.input-text{width:100%;min-height:44px;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);font-size:14px;font-family:inherit}.input-text:focus{outline:none;border-color:var(--color-primary-border)}.input-text.input-error{border-color:var(--color-danger)}.hub-profile-bar{position:relative}.profile-info-btn{background:transparent;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit}.account-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:var(--bg-card);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:60}.account-menu-item{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-main);text-decoration:none;font-size:14px}.account-menu-item:hover{background:var(--color-primary-subtle);color:var(--color-primary-light)}.chat-panel{display:flex;flex-direction:column;gap:8px}.chat-messages{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding-right:2px}.chat-message{display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border-subtle)}.chat-message.is-bot{background:var(--color-primary-subtle);border-color:var(--color-primary-border)}.chat-message-head{display:flex;justify-content:space-between;gap:8px}.chat-message-from{font-size:11.5px;font-weight:700;color:var(--color-primary-light)}.chat-message-time{font-size:10.5px;color:var(--text-muted)}.chat-message-text{font-size:14px;color:var(--text-main);word-break:break-word}.chat-input-row{display:flex;align-items:center;gap:8px}.chat-input-wrap{position:relative;flex:1}.chat-input{width:100%;min-height:44px;padding:10px 52px 10px 14px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-main);font-size:14px;font-family:inherit}.chat-input:focus{outline:none;border-color:var(--color-primary-border)}.chat-char-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-muted)}.chat-send-btn{flex-shrink:0;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-full);border:none;background:var(--color-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{background:var(--border-strong);color:var(--text-muted);cursor:not-allowed}.world-chat-fab{position:absolute;right:16px;bottom:calc(var(--nav-height) + 16px);width:52px;height:52px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-inverse);border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);cursor:pointer;z-index:55}.world-chat-fab:hover{filter:brightness(1.1);box-shadow:0 0 14px #d4af3799}.world-chat-fab:active{transform:translateY(2px) scale(.95);background:var(--color-primary-dark, #7c5e10);box-shadow:inset 0 2px 6px #00000080}.world-chat-fab.is-open{background:var(--bg-card);color:var(--color-primary);border:1px solid var(--color-primary-border)}.world-chat-window{position:absolute;right:16px;bottom:calc(var(--nav-height) + 76px);width:calc(100% - 32px);max-width:340px;background:var(--bg-card);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:55;overflow:hidden}.world-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--color-primary-subtle);border-bottom:1px solid var(--border-subtle)}.world-chat-title{font-size:13px;font-weight:700;color:var(--color-primary-light)}.world-chat-close{background:transparent;border:none;color:var(--text-secondary);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer}.world-chat-close:hover{color:var(--text-main);background:#ffffff0d}.world-chat-close:active{transform:translateY(2px) scale(.95);background:#d4af3740;color:var(--color-primary-light)}.world-chat-body{padding:10px 12px}.world-chat-body .chat-messages{max-height:220px}.guild-create-form,.guild-donate-form,.guild-announce-form{display:flex;gap:8px;align-items:center}.guild-announce-form{flex-direction:column;align-items:stretch}.guild-suggestion-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.guild-suggestion-item{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;min-width:0;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.guild-suggestion-emblem{width:60px;height:60px;min-width:60px;max-width:60px;border-radius:var(--radius-sm);overflow:hidden}.guild-suggestion-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.guild-suggestion-name{font-size:13.5px;font-weight:700;color:var(--color-primary-light);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.guild-suggestion-meta,.guild-suggestion-leader{font-size:11px;color:var(--text-muted);overflow-wrap:anywhere}.guild-suggestion-leader{display:flex;gap:4px;min-width:0}.guild-suggestion-leader .kv-label{flex:0 0 auto}.guild-suggestion-leader .kv-value{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere}.guild-header-card{background:linear-gradient(135deg,#d4af371f,#162231e6)}.guild-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.guild-header-info{display:flex;align-items:center;gap:8px;min-width:0}.guild-emblem{width:44px;height:44px;min-width:44px;max-width:44px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.guild-name{font-size:16px;font-weight:700;color:var(--color-primary-light);min-width:0;overflow-wrap:anywhere}.guild-level-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary)}.guild-tabs{flex-wrap:wrap}.guild-announcement-text{font-size:14px;color:var(--text-secondary);white-space:pre-wrap;margin-bottom:10px}.guild-leave-row{display:flex;gap:8px;margin-top:10px}.guild-member-list{display:flex;flex-direction:column;gap:8px}.guild-member-item{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border-subtle)}.guild-member-item:last-child{border-bottom:none}.guild-online-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted);flex-shrink:0}.guild-online-dot.online{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.guild-member-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.guild-member-name{font-size:13px;font-weight:600;color:var(--text-main);overflow-wrap:anywhere}.guild-member-meta{font-size:10.5px;color:var(--text-muted);overflow-wrap:anywhere}.guild-member-actions{display:flex;gap:4px}.guild-vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(72px,100%),1fr));gap:10px}.guild-page .exchange-card,.guild-page .exchange-card-main,.guild-page .exchange-info{min-width:0}.guild-page .exchange-name,.guild-page .exchange-meta{overflow-wrap:anywhere}@media (max-width: 430px){.guild-create-form,.guild-donate-form{align-items:stretch;flex-wrap:wrap}.guild-create-form .input-text,.guild-donate-form .input-text{flex:1 1 180px;min-width:0}.guild-suggestion-item{grid-template-columns:60px minmax(0,1fr)}.guild-suggestion-item>.btn{grid-column:2;justify-self:start}.guild-member-item{align-items:flex-start;flex-wrap:wrap}.guild-member-actions{margin-left:18px}.guild-page .exchange-card{align-items:stretch;flex-direction:column}.guild-page .exchange-action-col{justify-content:flex-end}}.ranking-me-banner{display:flex;align-items:center;gap:8px;background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:10px;font-size:13px;color:var(--color-primary-light)}.ranking-list{display:flex;flex-direction:column;gap:6px}.ranking-item{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.ranking-item.rank-1{border-color:#e8b93a;background:#e8b93a1a}.ranking-item.rank-2{border-color:silver;background:#c0c0c014}.ranking-item.rank-3{border-color:#cd7f32;background:#cd7f3214}.ranking-rank{width:28px;flex-shrink:0;text-align:center;font-size:13px;font-weight:700;color:var(--text-secondary)}.ranking-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.ranking-name{font-size:13px;font-weight:600;color:var(--text-main)}.ranking-tag{font-size:10.5px;color:var(--text-muted)}.ranking-value{font-size:12.5px;font-weight:700;color:var(--color-primary-light);text-align:right}.messages-contact-list{display:flex;flex-direction:column;gap:6px}.messages-contact-item{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer}.messages-contact-item:hover{border-color:var(--color-primary-border)}.messages-contact-item:active{transform:translateY(2px) scale(.98);background:var(--color-primary-subtle);border-color:var(--color-primary)}.messages-contact-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.messages-contact-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.messages-contact-name{font-size:14px;font-weight:600;color:var(--text-main)}.messages-contact-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-unread-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.messages-thread-view{display:flex;flex-direction:column;gap:10px}.messages-thread-header{display:flex;align-items:center;gap:8px}.messages-thread-title{font-size:14px;font-weight:700;color:var(--color-primary-light)}.messages-thread-body{display:flex;flex-direction:column;gap:8px;min-height:200px;max-height:50vh;overflow-y:auto;padding:4px 2px}.messages-bubble{max-width:80%;padding:8px 11px;border-radius:var(--radius-md);font-size:14px;display:flex;flex-direction:column;gap:3px}.messages-bubble.is-bot{align-self:flex-start;background:#ffffff0d;border:1px solid var(--border-subtle)}.messages-bubble.is-me{align-self:flex-end;background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);color:var(--color-primary-light)}.messages-bubble-text{word-break:break-word;white-space:pre-wrap}.messages-bubble-time{font-size:9.5px;color:var(--text-muted);align-self:flex-end}.profile-header-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.profile-header-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:#111a24;border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);margin-bottom:4px}.profile-header-avatar.has-portrait{width:72px;height:108px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;background:radial-gradient(circle at 50% 30%,#3cd6cd29,#060c12f5 76%)}.profile-header-avatar img{width:100%;height:100%;object-fit:contain;object-position:center}.profile-header-name{font-size:17px;font-weight:700;color:var(--color-primary-light)}.profile-title-tag{font-size:11px;font-weight:700;padding:2px 10px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary)}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-stat-item{display:flex;flex-direction:column;gap:2px;padding:10px;background:#ffffff08;border-radius:var(--radius-sm)}.profile-stat-label{font-size:10.5px;color:var(--text-muted)}.profile-stat-value{font-size:15px;font-weight:700;color:var(--text-main)}.profile-rename-form{display:flex;flex-direction:column;gap:8px}.profile-account-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-account-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.profile-account-badge.verified{color:var(--color-success);background:var(--color-success-bg)}.profile-account-badge.unverified{color:var(--color-warning);background:#fbbf241f}.profile-password-form,.profile-sessions-list{display:flex;flex-direction:column;gap:8px}.profile-session-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#ffffff08;border-radius:var(--radius-sm);flex-wrap:wrap}.profile-session-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profile-nav-links{display:flex;flex-direction:column;gap:8px}.profile-nav-link{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);text-decoration:none;font-size:14px;font-weight:600}.profile-nav-link:hover{border-color:var(--color-primary-border);color:var(--color-primary-light)}.profile-nav-link:active{transform:translateY(2px) scale(.98);background:var(--color-primary-subtle);border-color:var(--color-primary)}.titles-list{display:flex;flex-direction:column;gap:8px}.title-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.title-item.equipped{border-color:var(--color-primary-border);background:var(--color-primary-subtle)}.title-item.locked{opacity:.85}.title-badge{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;position:relative}.title-badge-none{display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted)}.title-badge-locked{opacity:.6;filter:grayscale(.4)}.title-icon-lock{position:absolute;bottom:2px;right:2px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);background:#000000a6;color:var(--text-muted);flex-shrink:0}.title-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.title-name{font-size:13px;font-weight:700;color:var(--text-main)}.title-desc{font-size:11px;color:var(--text-muted)}.title-equipped-tag{flex-shrink:0;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);background:var(--color-success-bg);color:var(--color-success)}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 480px){.appearance-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}}.appearance-item,.appearance-card-square{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all .2s ease;position:relative;box-sizing:border-box;-webkit-user-select:none;user-select:none;height:100%}.appearance-item:hover,.appearance-card-square:hover{border-color:var(--color-primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.appearance-item.equipped,.appearance-card-square.equipped{border-color:var(--color-primary-border);background:var(--color-primary-subtle)}.appearance-art-frame{width:100%;aspect-ratio:2 / 3!important;border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--border-subtle);background:radial-gradient(circle at 50% 30%,#3cd6cd29,#060c12f5 76%);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0}.appearance-art-frame .art-image-container,.appearance-art-frame .art-image-wrapper,.appearance-art-frame .art-image-fallback{width:100%;height:100%;border-radius:var(--radius-sm);background:transparent!important}.appearance-art-frame img,.appearance-art-frame .art-image-img{width:100%;height:100%;object-fit:contain!important;object-position:center;border-radius:var(--radius-sm)}.appearance-card-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#15803d,#166534);color:#f0fdf4;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;z-index:2;border:.5px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #00000080;white-space:nowrap}.appearance-card-details{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;margin-top:4px;flex:1}.appearance-name{font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.appearance-frame{font-size:11px;color:var(--text-muted)}.appearance-card-action{width:100%;display:flex;align-items:center;justify-content:center;min-height:36px;margin-top:auto}.appearance-card-action .btn,.appearance-status-tag{height:36px;min-height:36px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:12px;font-weight:600;width:100%;max-width:130px}.appearance-status-tag{color:#4ade80;background:#4ade801f;border-radius:var(--radius-xs);border:1px solid rgba(74,222,128,.3)}.appearance-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease-out}.appearance-preview-modal{background:var(--bg-card);border:1.5px solid var(--color-primary-border);border-radius:var(--radius-md);padding:18px;width:100%;max-width:360px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;box-sizing:border-box}.appearance-preview-header{display:flex;align-items:center;justify-content:space-between;width:100%}.appearance-preview-title{font-size:16px;font-weight:700;color:var(--color-primary-light);margin:0}.appearance-preview-close{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs);transition:color .15s}.appearance-preview-close:hover{color:var(--text-main)}.appearance-preview-image-box{width:100%;max-width:260px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--color-primary-border);background:radial-gradient(circle at 50% 30%,#3cd6cd29,#060c12f5 76%);display:flex;align-items:center;justify-content:center}.appearance-preview-image-box .art-image-container,.appearance-preview-image-box .art-image-fallback{width:100%;height:100%;background:transparent!important}.appearance-preview-image-box img,.appearance-preview-image-box .art-image-img{width:100%;height:100%;object-fit:contain!important;object-position:center}.appearance-preview-meta{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.appearance-preview-frame{color:var(--text-secondary)}.appearance-preview-accent{font-weight:600}.appearance-preview-footer{display:flex;gap:8px;width:100%;justify-content:center;margin-top:4px}.appearance-status-tag-large{font-size:13px;font-weight:600;color:#4ade80;background:#4ade801f;padding:6px 14px;border-radius:var(--radius-sm);border:1px solid rgba(74,222,128,.35)}.appearance-swatch{width:64px;height:64px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#0f172a}.appearance-swatch .art-image-container,.appearance-swatch .art-image-fallback{width:100%;height:100%;border-radius:var(--radius-full)}.character-form-hint{margin:0 0 12px;color:var(--text-secondary);font-size:13.5px;line-height:1.5}.character-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-form-card{min-width:0;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff06}.character-form-card.selected{border-color:var(--color-primary);background:var(--color-primary-subtle)}.character-form-card img{width:min(100%,180px);aspect-ratio:2 / 3;height:auto;object-fit:contain;object-position:center;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 30%,#3cd6cd29,#060c12e6 76%)}.character-form-card strong{color:var(--text-main);font-size:14px;text-align:center}.wheel-quota-hint{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:12px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:11.5px;color:var(--text-secondary)}.wheel-page{display:flex;flex-direction:column}.wheel-warning-banner{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-sm);font-size:11.5px;color:var(--color-warning);line-height:1.4}.wheel-stats-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.wheel-stat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--text-main)}.wheel-loss-bar-wrap{margin-bottom:12px}.wheel-loss-bar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-bottom:4px}.wheel-loss-bar-track{height:8px;border-radius:var(--radius-full);background:#ffffff0f;overflow:hidden}.wheel-loss-bar-fill{height:100%;background:var(--color-secondary);border-radius:var(--radius-full);transition:width .3s ease}.wheel-loss-bar-fill.is-full{background:var(--color-danger)}.wheel-jackpot-banner{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:10px;background:linear-gradient(135deg,#d4af372e,#d4af370a);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);color:var(--color-primary-light)}.wheel-jackpot-info{display:flex;flex-direction:column;gap:2px}.wheel-jackpot-label{font-size:11px;color:var(--text-secondary)}.wheel-jackpot-value{font-size:19px;font-weight:800;color:var(--color-primary-light)}.wheel-quota-line{display:flex;align-items:center;gap:6px;margin-bottom:14px;font-size:11px;color:var(--text-muted)}.wheel-stage{position:relative;width:250px;height:250px;margin:8px auto 14px}.wheel-pointer{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:20px solid var(--color-primary, #d4af37);z-index:5;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}.wheel-dial{position:relative;width:250px;height:250px;border-radius:50%;box-shadow:0 0 0 4px #d4af3780,0 0 20px #000c,0 0 24px #10b98140;overflow:hidden}.wheel-art-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden;pointer-events:none;z-index:1}.wheel-art-bg img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wheel-art-bg .art-image-fallback{display:none!important}.wheel-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border-radius:50%;z-index:2}.wheel-wedge-path{transition:fill-opacity .2s ease;cursor:pointer}.wheel-slot-icon-box{position:absolute;z-index:3;pointer-events:auto;cursor:pointer;transition:transform .2s ease}.wheel-slot-icon-circle{width:32px;height:32px;border-radius:50%;background:#0c141dd9;border:1.5px solid rgba(212,175,55,.65);box-shadow:0 2px 6px #000000b3;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wheel-slot-icon-box:hover .wheel-slot-icon-circle,.wheel-slot-icon-box.is-highlighted .wheel-slot-icon-circle{transform:scale(1.15);border-color:#fef08a;box-shadow:0 0 12px #d4af37d9,inset 0 0 6px #10b98180;background:#142030f2}.wheel-hub{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#d4af37,#064e3b 80%,#022c22);border:3px solid #fef08a;border-radius:50%;box-shadow:0 0 14px #d4af37cc,inset 0 0 6px #10b98199;z-index:4}.wheel-hover-tooltip{min-height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;text-align:center}.tooltip-active-text{font-size:12px;color:#fef08a;background:#d4af3726;padding:4px 12px;border-radius:var(--radius-full, 9999px);border:1px solid rgba(212,175,55,.35);box-shadow:0 0 8px #d4af3733}.tooltip-idle-text{font-size:11.5px;color:var(--text-muted)}.wheel-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;padding:4px}.wheel-legend-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full, 9999px);background:#101826b3;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.wheel-legend-item:hover,.wheel-legend-item.is-selected{background:#d4af372e;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 0 8px #d4af374d}.wheel-legend-icon-wrap{display:flex;align-items:center;justify-content:center}.wheel-legend-text{font-size:11.5px;font-weight:600;color:var(--text-secondary)}.wheel-legend-item.is-selected .wheel-legend-text{color:var(--color-primary-light, #fef08a)}.wheel-spin-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.wheel-spin-buttons-row{display:flex;gap:8px}.wheel-spin-buttons-row>*{flex:1}.wheel-hint-text{font-size:11px;color:var(--color-warning);text-align:center;margin-bottom:6px}.wheel-result-banner{padding:12px;margin-bottom:12px;background:var(--bg-card);border:1px solid var(--color-primary-border);border-radius:var(--radius-md)}.wheel-result-title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--color-primary-light);margin-bottom:8px}.wheel-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.wheel-result-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center}.wheel-result-chip.is-rare{border-color:var(--color-primary-border);background:var(--color-primary-subtle)}.wheel-result-text{font-size:10.5px;color:var(--text-secondary)}.wheel-card{width:100%}.wheel-milestones-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wheel-milestone-card{display:flex;flex-direction:column;gap:8px;padding:10px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.wheel-milestone-card.is-ready{border-color:var(--color-success);background:var(--color-success-bg)}.wheel-milestone-card.is-claimed{opacity:.7}.wheel-milestone-spins{font-size:12px;font-weight:700;color:var(--text-main);text-align:center}.wheel-luckshop-grid{display:flex;flex-direction:column;gap:8px}.wheel-luckshop-item{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.wheel-luckshop-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.wheel-luckshop-name{font-size:12.5px;font-weight:600;color:var(--text-main)}.wheel-luckshop-cost{font-size:11px;color:var(--color-primary-light)}.wheel-luckshop-limit{font-size:10px;color:var(--text-muted)}.wheel-history-list{display:flex;flex-direction:column;gap:6px}.wheel-history-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border-radius:var(--radius-sm);font-size:11.5px;color:var(--text-secondary)}.wheel-history-item.is-rare{background:var(--color-primary-subtle);color:var(--color-primary-light)}.wheel-history-text{flex:1;min-width:0}.wheel-history-time{flex-shrink:0;font-size:10px;color:var(--text-muted)}.btn:focus-visible,.header-btn:focus-visible,.nav-tab:focus-visible,.tile:focus-visible,.menu-item:focus-visible,.segment-tab:focus-visible,.filter-chip:focus-visible,.counter-btn:focus-visible,.stepper-btn:focus-visible,.btn-stepper:focus-visible,.btn-max-rounds:focus-visible,.btn-kind-select:focus-visible,.btn-quick-name:focus-visible,.mining-tab:focus-visible,.farm-tab:focus-visible,.btn-hour-pill:focus-visible,.btn-qty-pill:focus-visible,.btn-micro:focus-visible,.kind-tab:focus-visible,.sub-tab:focus-visible,.quest-tab:focus-visible,.boss-tab-btn:focus-visible,.battle-ctrl-btn:focus-visible,.grid-zoom-btn:focus-visible,.dpad-btn:focus-visible,.chat-send-btn:focus-visible,.world-chat-fab:focus-visible,.world-chat-close:focus-visible,.modal-close:focus-visible,.search-clear-btn:focus-visible,.cart-remove-btn:focus-visible,.cart-clear-btn:focus-visible,.account-menu-item:focus-visible,.profile-nav-link:focus-visible,.messages-contact-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-chip:active,.kind-tab:active,.sub-tab:active,.quest-tab:active,.boss-tab-btn:active,.mining-tab:active,.farm-tab:active,.btn-hour-pill:active:not(:disabled),.btn-qty-pill:active:not(:disabled),.btn-kind-select:active,.btn-quick-name:active,.battle-ctrl-btn:active,.grid-zoom-btn:active{transform:scale(.97)}@media (max-width: 380px){.app-content{padding:12px;padding-bottom:calc(var(--nav-height) + 16px)}.char-slots-col{gap:4px}.equipment-craft-actions{gap:4px!important}.equipment-craft-actions .btn-sm{padding:6px;font-size:12.5px}}.desktop-sidebar{display:none}.app-main-column{display:flex;flex-direction:column;flex:1;min-width:0;width:100%}.app-content-inner{width:100%;min-width:0}.recipes-list{display:flex;flex-direction:column;gap:12px}.grades-list{display:flex;flex-direction:column;gap:8px}.equipment-craft-list{display:flex;flex-direction:column;gap:12px}.souls-cards-list{display:flex;flex-direction:column;gap:10px}.forge-submit-sticky{position:sticky;bottom:68px;z-index:10;background:var(--bg-main);padding:10px 0}.desktop-nav-link:focus-visible,.desktop-quick-link:focus-visible,.desktop-logout-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (min-width: 900px){:root{--hub-card-icon-frame: 104px}html,body{background-color:#060b10;background-image:radial-gradient(circle at 12% 14%,rgba(45,212,191,.08) 0%,transparent 45%),radial-gradient(circle at 86% 10%,rgba(212,175,55,.09) 0%,transparent 48%),radial-gradient(circle at 50% 88%,rgba(16,185,129,.05) 0%,transparent 55%),linear-gradient(180deg,#060b10,#09121b,#060a0f);background-attachment:fixed;overflow-x:hidden}.app-container{max-width:1440px;width:100%;background:linear-gradient(180deg,#0c141df0,#0a1119f7);border-left:1px solid rgba(212,175,55,.16);border-right:1px solid rgba(45,212,191,.14);box-shadow:0 0 60px #000000d9,inset 0 1px #d4af371f}.app-container.app-shell-desktop{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:stretch}.auth-wrapper{max-width:460px;width:100%;margin:0 auto;padding:36px 24px}.bottom-nav{display:none}.desktop-sidebar{display:flex;flex-direction:column;width:100%;height:100vh;position:sticky;top:0;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#0a121afa,#0c1620f5 55%,#080f16fc);border-right:1px solid rgba(212,175,55,.24);box-shadow:4px 0 24px #00000073,inset -1px 0 #2dd4bf1a;padding:18px 14px;gap:14px;z-index:45}.desktop-sidebar-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 14px;border-bottom:1px solid rgba(212,175,55,.2)}.desktop-brand-emblem{width:42px;height:42px;border-radius:var(--radius-md);background:radial-gradient(circle,#d4af3733,#10b98114);border:1px solid var(--color-primary-border);box-shadow:0 0 14px #d4af3738;display:flex;align-items:center;justify-content:center;color:var(--color-primary-light);flex-shrink:0}.desktop-brand-text{display:flex;flex-direction:column;min-width:0}.desktop-brand-title{font-size:16px;font-weight:800;letter-spacing:1.5px;color:var(--color-primary-light);line-height:1.2}.desktop-brand-subtitle{font-size:11.5px;color:var(--color-accent-teal);letter-spacing:.4px;opacity:.9}.desktop-sidebar-cultivator{background:linear-gradient(135deg,#d4af371a,#121e2beb);border:1px solid rgba(212,175,55,.28);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.desktop-cultivator-main{display:flex;align-items:center;gap:10px}.desktop-cultivator-avatar{width:38px;height:38px;border-radius:var(--radius-full);background:#0d1620;border:1.5px solid var(--color-primary);box-shadow:0 0 10px #d4af3740;display:flex;align-items:center;justify-content:center;flex-shrink:0}.desktop-cultivator-info{display:flex;flex-direction:column;min-width:0;gap:1px}.desktop-cultivator-name{font-size:14px;font-weight:700;color:var(--color-primary-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-cultivator-realm{font-size:11.5px;color:var(--color-accent-teal);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-cultivator-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.desktop-quick-link{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 8px;border-radius:var(--radius-xs);background:#0a1118a6;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-weight:600;text-decoration:none;transition:all .18s ease}.desktop-quick-link:hover{color:var(--color-primary-light);border-color:var(--color-primary-border);background:var(--color-primary-subtle)}.desktop-sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1}.desktop-nav-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:8px 10px 4px}.desktop-nav-list{display:flex;flex-direction:column;gap:4px}.desktop-nav-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:600;transition:all .18s ease}.desktop-nav-link:hover{color:var(--text-main);background:#ffffff0a;border-color:#d4af372e}.desktop-nav-link.active{color:var(--color-primary-light);background:linear-gradient(90deg,#d4af372e,#2dd4bf14);border-color:var(--color-primary-border);box-shadow:inset 3px 0 0 var(--color-primary),0 2px 8px #00000040}.desktop-nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.desktop-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-sidebar-footer{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border-subtle)}.desktop-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.28);color:#fca5a5;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s ease}.desktop-logout-btn:hover{background:#ef444433;border-color:#ef444473;color:#fecaca}.app-main-column{min-width:0;min-height:100vh;display:flex;flex-direction:column}.page-header{height:64px;padding:0 28px;background:#0b131ceb;border-bottom:1px solid rgba(212,175,55,.22)}.header-title{font-size:18px;font-weight:700;text-align:left;padding:0 12px}.app-content{padding:24px 28px 40px;overflow-x:hidden}.app-content .page-header{position:static;height:48px;padding:0 16px;margin-bottom:14px;border-radius:var(--radius-md);background:#121c27bf;border:1px solid var(--border-subtle)}.app-content-inner{width:100%;max-width:1120px;margin:0 auto}.app-content-inner.content-mode-wide{max-width:1120px}.app-content-inner.content-mode-reading{max-width:840px}.activities-page{padding:0;gap:18px}.activities-banner{padding:18px 20px}.activities-title{font-size:18px}.activities-subtitle{font-size:13px}.activities-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px}.activities-stream{min-height:430px}.activities-filter-row{min-height:48px;margin-bottom:12px}.activities-overview{position:sticky;top:88px}.activity-feed-card{padding:15px 16px;transition:border-color .14s ease,background .14s ease}.activity-feed-card:hover{border-color:#2dd4bf52;background:linear-gradient(90deg,rgba(45,212,191,.055),var(--bg-card) 22%)}.notice-box,.coming-soon-desc,.tutorial-body,.rules-list,.wheel-warning-banner,.guild-announcement-text,.furnace-desc,.activity-card-desc,.market-card-desc{max-width:72ch}.hub-profile-bar{padding:16px 20px;margin-bottom:20px}.tiles-grid{grid-template-columns:repeat(5,minmax(0,160px));gap:12px}.tile{aspect-ratio:1 / 1!important;min-height:unset;padding:10px 8px}.menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.market-hub-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.market-hub-card{margin-bottom:0;height:100%}.game-activities-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.activity-entry-card{margin-bottom:0;height:100%}.inventory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inventory-item-card{margin-bottom:0;height:100%}.shop-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shop-resource-bar{position:static;border-radius:var(--radius-sm);margin-bottom:12px}.shop-cart-panel{bottom:20px;left:auto;right:92px;width:460px;max-width:calc(100vw - 340px);margin:0;border:1px solid var(--color-primary);border-radius:var(--radius-md)}.market-summary-list,.mine-listings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.char-top-layout{display:grid;grid-template-columns:minmax(460px,1.15fr) minmax(380px,1fr);gap:20px;align-items:stretch;margin-bottom:20px}.char-stage-panel{height:580px}.char-stage{display:grid;grid-template-columns:82px 1fr 82px;gap:12px;align-items:stretch;height:580px;max-width:none;margin:0}.char-slots-col{display:flex;flex-direction:column;gap:6px;justify-content:space-between;height:100%}.char-slots-left{order:1}.char-center-card{order:2;height:100%;padding:14px 16px 12px}.char-slots-right{order:3}.char-stats-card{height:580px;margin-bottom:0;display:flex;flex-direction:column}.char-stats-card .stats-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.char-avatar-circle.has-portrait{width:min(100%,330px);height:455px;max-height:80%;border-radius:165px 165px var(--radius-md) var(--radius-md)}.quests-list,.exchange-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.daily-days-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.recipes-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.recipe-card{margin-bottom:0;display:flex;flex-direction:column;justify-content:space-between}.grades-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.equipment-craft-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.equipment-craft-card{margin-bottom:0}.forge-submit-sticky{bottom:16px}.mines-list,.stone-cards-list,.decompose-cards-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.farm-plots-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.steal-targets-list,.dictionary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dungeon-floors-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.boss-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.map-cards-list,.lobby-list,.history-list,.souls-cards-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.souls-cards-list .card{margin-bottom:0}.titles-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appearance-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-nav-links,.messages-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.messages-thread-view{max-width:760px;margin:0 auto}.guild-member-list,.wheel-luckshop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.world-chat-fab{position:fixed;right:24px;bottom:24px}.world-chat-window{position:fixed;right:24px;bottom:88px;width:380px;max-width:calc(100vw - 48px)}.toast-container{top:20px;max-width:480px}.modal-content,.modal-box{max-width:520px;padding:24px}.modal-box.modal-lg{max-width:640px}}@media (min-width: 1200px){.app-container.app-shell-desktop{grid-template-columns:272px minmax(0,1fr)}.app-content{padding:28px 36px 48px}.app-content-inner,.app-content-inner.content-mode-wide{max-width:1160px}.profession-hub-page .market-hub-list,.game-activities-list,.shop-item-list,.quests-list,.mines-list,.dictionary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.boss-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.farm-plots-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.appearance-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.email-verify-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 16px;margin:10px 12px 0;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-sm);color:var(--color-warning);font-size:12.5px}.email-verify-banner-text{display:flex;align-items:center;gap:8px;line-height:1.4}.email-verify-banner-btn{flex-shrink:0;background:#fbbf242e;border:1px solid rgba(251,191,36,.4);color:var(--color-warning);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.email-verify-banner-btn:disabled{opacity:.6;cursor:default}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.tile:hover,.menu-item:hover,.market-hub-card:hover,.activity-entry-card:hover,.inventory-item-card:hover{transform:none!important}}.talisman-status-bar{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:#0000004d;padding:6px 10px;border-radius:var(--radius-xs);margin-top:10px;flex-wrap:wrap}.talisman-status-link{margin-left:auto;color:var(--color-primary-light);font-weight:600;white-space:nowrap;text-decoration:none}.talisman-status-link:hover{text-decoration:underline}.talisman-used-row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary);background:#0003;padding:6px 10px;border-radius:var(--radius-xs);margin-top:8px}.phu-luc-section{margin-top:16px}.phu-luc-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.phu-luc-section-desc{font-size:13px;color:var(--text-secondary);margin:4px 0 10px}.phu-luc-effect-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-success);background:#22c55e1a;border:1px solid rgba(34,197,94,.25);padding:6px 10px;border-radius:var(--radius-sm);margin-bottom:12px}.phu-luc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phu-luc-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s;text-align:center;font-family:inherit;color:var(--text-primary)}.phu-luc-card:hover{border-color:var(--border-strong)}.phu-luc-card:disabled{opacity:.6;cursor:wait}.phu-luc-card.selected{border-color:var(--color-primary);background:#d4af371a;box-shadow:0 0 10px #d4af3726}.phu-luc-card-name{font-size:13px;font-weight:600}.phu-luc-card-meta{font-size:11px;color:var(--text-secondary)}.phu-luc-card-action{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--color-primary-light)}.kind-tab:focus-visible,.sub-tab:focus-visible,.farm-tab:focus-visible,.quest-tab:focus-visible,.chip:focus-visible,.pill:focus-visible,.btn-stepper:focus-visible,.stepper-btn:focus-visible,.counter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.kind-tab:active,.sub-tab:active,.farm-tab:active,.quest-tab:active{background:#d4af3740!important;color:#fff!important;transform:translateY(1px) scale(.96)}.btn-stepper:active:not(:disabled),.stepper-btn:active:not(:disabled),.counter-btn:active:not(:disabled){background:#d4af3759!important;color:#fff!important;border-color:var(--color-primary)!important;transform:scale(.92)}.kind-tab[aria-pressed=true],.kind-tab[aria-selected=true],.sub-tab[aria-pressed=true],.sub-tab[aria-selected=true],.farm-tab[aria-pressed=true],.farm-tab[aria-selected=true],.quest-tab[aria-pressed=true],.quest-tab[aria-selected=true]{border-color:var(--color-primary)!important;color:var(--color-primary-light)!important;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.item-cell{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;max-width:96px;outline:none}.item-cell:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm, 8px)}.item-cell.item-cell-clickable{cursor:pointer}.item-cell-square{position:relative;width:100%;aspect-ratio:1 / 1!important;border-radius:var(--radius-sm, 8px);background:var(--bg-surface, #121824);display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;transition:all .15s ease-in-out}.item-cell.item-cell-clickable:hover .item-cell-square{border-color:var(--color-primary-light, #fce07a);box-shadow:0 0 10px #d4af3773;transform:translateY(-1px)}.item-cell.item-cell-clickable:active .item-cell-square{background:#d4af3726!important;transform:translateY(1px) scale(.95);box-shadow:inset 0 2px 6px #000000b3!important}.item-cell.item-cell-selected .item-cell-square{border:2px solid #fffbeb!important;box-shadow:0 0 0 2px var(--color-primary),0 0 16px #d4af37cc!important;transform:scale(1.02)}.item-cell.item-cell-selected .item-cell-name{color:var(--color-primary-light, #fef08a);font-weight:700}.item-cell.item-cell-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.item-cell.item-cell-disabled .item-cell-square{filter:grayscale(80%)}.item-cell-icon-wrapper{width:var(--art-fill, 70%);height:var(--art-fill, 70%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.item-cell-icon-wrapper .item-icon-shell{width:100%!important;height:100%!important;background:transparent!important;border:none!important;box-shadow:none!important}.item-cell-icon-wrapper .item-icon-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.item-cell-icon-wrapper .item-icon-inner img,.item-cell-icon-wrapper img,.item-cell-custom-img{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain;display:block}.item-cell-empty-icon-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.item-cell-empty-icon-box .game-icon,.item-cell-empty-icon{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain}.item-cell-icon-wrapper .game-icon-emoji{font-size:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.item-cell-equipped-badge{position:absolute;top:2px;left:2px;background:linear-gradient(135deg,#15803d,#166534);color:#f0fdf4;font-size:8.5px;font-weight:700;padding:1px 4px;border-radius:3px;line-height:1.2;border:.5px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #00000080;z-index:2;white-space:nowrap}.item-cell-qty{position:absolute;bottom:2px;right:3px;background:#0a1018e0;color:#f1f5f9;font-size:10px;font-weight:700;font-family:inherit;padding:1px 4px;border-radius:3px;line-height:1.1;border:1px solid rgba(255,255,255,.18);text-shadow:0 1px 2px #000;z-index:2;letter-spacing:.3px}.item-cell-name{font-size:11.5px;line-height:1.25;color:var(--text-main, #e6edf3);text-align:center;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5em;padding:0 2px;transition:color .15s ease}.item-icon,.item-icon-frame,.item-icon-box,.item-thumbnail,.item-thumb,.loot-item-icon,.slot-item-icon,.bag-item-icon,.item-cell-square,[data-item-square]{aspect-ratio:1 / 1!important;box-sizing:border-box}.item-icon-inner img,.item-icon-frame img,.item-icon-box img,.item-thumbnail img,.item-thumb img,.item-cell img{aspect-ratio:1 / 1!important;object-fit:contain}.master-detail-container{display:flex;flex-direction:column;gap:14px;width:100%}.master-detail-master,.master-detail-detail{width:100%;min-width:0}.master-detail-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);font-size:14px;text-align:center;min-height:180px}.master-detail-empty-text{font-size:14px;color:var(--text-muted)}.inline-pane{margin-top:4px}.inline-pane.has-selection{padding-top:12px;border-top:1px dashed var(--border-subtle)}.inline-pane.is-empty{padding-top:0}@media (max-width: 899px){.master-detail-detail.desktop-pane{display:none}.master-detail-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .15s ease-out}.master-detail-drawer{background:var(--bg-main, #0c141d);border-top:1px solid var(--color-primary-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 -4px 24px #000000b3;animation:slideUpIn .22s ease-out;padding-bottom:env(safe-area-inset-bottom,16px)}.master-detail-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.master-detail-drawer-title{font-size:16px;font-weight:700;color:var(--color-primary-light)}.master-detail-drawer-close{background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:all .15s ease}.master-detail-drawer-close:hover{color:var(--text-main);background:#ffffff14}.master-detail-drawer-body{padding:16px;overflow-y:auto;flex:1}}@media (min-width: 900px){.master-detail-container{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(320px,1fr);gap:20px;align-items:start;width:100%}.master-detail-drawer-overlay{display:none}.master-detail-detail.desktop-pane{display:block;position:sticky;top:calc(var(--header-height) + 16px);max-height:calc(100vh - var(--header-height) - 32px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}}.art-image-container{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-sm, 8px);background:var(--bg-surface, #121824);display:flex;align-items:center;justify-content:center}.art-image-img{width:100%;height:100%;display:block}.art-fit-cover{object-fit:cover}.art-fit-contain{object-fit:contain}.art-kind-monsters,.art-kind-pets,.art-kind-scenes,.art-kind-skills,.art-kind-souls,.art-kind-titles,.art-kind-guilds,.art-kind-equipment,.art-kind-characters{isolation:isolate}.art-image-fallback{position:relative;width:100%;border-radius:var(--radius-sm, 8px);background:linear-gradient(135deg,#101a26,#162436);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;box-sizing:border-box}.art-fallback-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,rgba(212,175,55,.15) 0%,transparent 70%);pointer-events:none}.art-fallback-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center}.art-fallback-emblem{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.art-fallback-initial{font-size:16px;font-weight:800;color:var(--color-primary-light, #fef08a);letter-spacing:1px}.art-fallback-label{font-size:11px;color:var(--text-secondary);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-element-kim{border-color:#d4af3780;background:linear-gradient(135deg,#1c1809,#26210f)}.art-element-kim .art-fallback-glow{background:radial-gradient(circle at 50% 35%,rgba(212,175,55,.25) 0%,transparent 70%)}.art-element-kim .art-fallback-initial{color:#fde047}.art-element-moc{border-color:#4ade8080;background:linear-gradient(135deg,#091a0f,#0f2617)}.art-element-moc .art-fallback-glow{background:radial-gradient(circle at 50% 35%,rgba(74,222,128,.25) 0%,transparent 70%)}.art-element-moc .art-fallback-initial{color:#86efac}.art-element-thuy{border-color:#38bdf880;background:linear-gradient(135deg,#081826,#0e2336)}.art-element-thuy .art-fallback-glow{background:radial-gradient(circle at 50% 35%,rgba(56,189,248,.25) 0%,transparent 70%)}.art-element-thuy .art-fallback-initial{color:#7dd3fc}.art-element-hoa{border-color:#f2543d80;background:linear-gradient(135deg,#260c08,#36140d)}.art-element-hoa .art-fallback-glow{background:radial-gradient(circle at 50% 35%,rgba(242,84,61,.25) 0%,transparent 70%)}.art-element-hoa .art-fallback-initial{color:#fca5a5}.art-element-tho{border-color:#c2793a80;background:linear-gradient(135deg,#211508,#2e1d0c)}.art-element-tho .art-fallback-glow{background:radial-gradient(circle at 50% 35%,rgba(194,121,58,.25) 0%,transparent 70%)}.art-element-tho .art-fallback-initial{color:#fdba74}.art-fallback-monsters{border-color:#ef444466}.art-fallback-pets{border-color:#2dd4bf66}.art-fallback-scenes{border-color:#a855f759}.art-fallback-skills{border-color:#3b82f666}.art-fallback-souls{border-color:#c084fc66}.art-fallback-titles{border-color:#eab30880}.art-fallback-guilds{border-color:#d4af3766}.art-fallback-equipment{border-color:#94a3b866}.art-fallback-characters{border-color:#38bdf866}.chest-search-bar{position:relative;display:flex;align-items:center;margin-bottom:10px;width:100%}.chest-search-input{width:100%;padding:8px 32px 8px 12px;background:var(--bg-input, #090e15);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);font-size:13px;outline:none;transition:border-color .15s ease}.chest-search-input:focus{border-color:var(--color-primary)}.chest-search-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:4px}.chest-search-clear:hover{color:var(--text-main)}.chest-filter-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chest-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:2px 0}@media (min-width: 600px){.chest-grid-container{grid-template-columns:repeat(5,1fr)}}@media (min-width: 900px){.chest-grid-container{grid-template-columns:repeat(4,1fr);gap:10px}}@media (min-width: 1200px){.chest-grid-container{grid-template-columns:repeat(5,1fr)}}.chest-detail-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.chest-detail-header{display:flex;align-items:center;gap:12px}.chest-detail-info{flex:1;min-width:0}.chest-detail-title{font-size:16px;font-weight:700;margin:0 0 4px}.chest-detail-meta{font-size:12px;color:var(--text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chest-detail-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;padding:10px 12px;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.chest-detail-stats{display:flex;flex-direction:column;gap:6px;font-size:12px}.chest-detail-stat-row{display:flex;justify-content:space-between;padding:4px 8px;background:var(--bg-surface);border-radius:var(--radius-xs)}.chest-detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.chest-detail-action-group{display:flex;gap:8px}.market-form-card{background:var(--bg-surface, #0c141d);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px;margin-top:8px}.market-fee-box{background:#d4af3714;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;display:flex;flex-direction:column;gap:4px}.pet-bag-container{display:flex;flex-direction:column;gap:16px;width:100%}.pet-top-banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px}.pet-main-layout{display:flex;flex-direction:column;gap:16px;width:100%}.pet-col-left,.pet-col-right{display:flex;flex-direction:column;gap:14px;width:100%}.pet-selected-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.pet-portrait-frame{width:100%;max-width:260px;margin:0 auto;aspect-ratio:1 / 1!important;border-radius:var(--radius-md);overflow:hidden;border:1.5px solid var(--color-primary-border);box-shadow:0 4px 20px #00000073,inset 0 0 15px #d4af3726;background:radial-gradient(circle at 50% 50%,#1e293bcc,#0f172af2);position:relative;display:flex;align-items:center;justify-content:center}.pet-portrait-frame .art-image-container,.pet-portrait-frame .art-image-fallback{width:var(--art-fill, 70%)!important;height:var(--art-fill, 70%)!important;aspect-ratio:1 / 1!important;background:transparent!important;border:none!important;box-shadow:none!important}.pet-portrait-frame .art-image-img{width:100%;height:100%;aspect-ratio:1 / 1!important;object-fit:contain}.pet-selected-header{display:flex;flex-direction:column;gap:8px}.pet-name-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.pet-title-name{font-size:18px;font-weight:700;color:var(--color-primary-light);line-height:1.3}.pet-tags-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pet-badge-tag{font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:3px}.pet-status-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:4px}.pet-status-carried{background:#22c55e29;color:#22c55e;border:1px solid rgba(34,197,94,.35);box-shadow:0 0 8px #22c55e33}.pet-status-rest{background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border-subtle)}.pet-hp-card{background:var(--bg-surface);padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.pet-hp-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px}.pet-hp-track{width:100%;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.pet-hp-fill{height:100%;transition:width .25s ease}.pet-primary-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.pet-grid-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.pet-grid-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-main)}.pet-grid-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;overflow-x:hidden}.pet-grid-cell{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:5px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box}.pet-grid-cell:hover{border-color:#d4af3799;transform:translateY(-2px);box-shadow:0 4px 10px #00000059}.pet-grid-cell:active{transform:translateY(1px) scale(.97);background:#d4af3714}.pet-grid-cell.pet-grid-cell-selected{border-color:var(--color-primary)!important;background:#d4af371f!important;box-shadow:0 0 10px #d4af3759,inset 0 0 8px #d4af371a!important}.pet-grid-cell-thumb{width:100%;aspect-ratio:1 / 1!important;border-radius:4px;overflow:hidden;background:#0000004d;position:relative;display:flex;align-items:center;justify-content:center}.pet-grid-cell-thumb .art-image-container,.pet-grid-cell-thumb .art-image-fallback{width:var(--art-fill, 70%)!important;height:var(--art-fill, 70%)!important;aspect-ratio:1 / 1!important;background:transparent!important;border:none!important}.pet-grid-cell-thumb .art-image-img{width:100%;height:100%;aspect-ratio:1 / 1!important;object-fit:contain}.pet-grid-cell-elem-badge{position:absolute;top:2px;left:2px;font-size:9px;font-weight:700;line-height:1;padding:1px 4px;border-radius:2px;background:#000000bf;border:1px solid currentColor}.pet-grid-cell-carried-badge{position:absolute;top:2px;right:2px;font-size:8.5px;font-weight:700;line-height:1;padding:1px 3px;border-radius:2px;background:#15803d;color:#fff;border:1px solid #22c55e}.pet-grid-cell-level-badge{position:absolute;bottom:2px;right:2px;font-size:9px;font-weight:600;line-height:1;padding:1px 4px;border-radius:2px;background:#000000bf;color:var(--color-primary-light);border:1px solid rgba(212,175,55,.4)}.pet-grid-cell-name{font-size:11px;font-weight:600;color:var(--text-main);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-grid-cell.pet-grid-cell-selected .pet-grid-cell-name{color:var(--color-primary-light);font-weight:700}.pet-pill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;width:100%}.pet-pill-cell{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px}.pet-pill-cell-qty-row{display:flex;width:100%;gap:4px}.pet-pill-qty-btn{flex:1;min-height:26px;padding:2px 4px;font-size:11px;font-weight:600;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.pet-pill-qty-btn:hover:not(:disabled){border-color:var(--color-primary-border);color:var(--text-main)}.pet-pill-qty-btn:active:not(:disabled){background:#d4af3759!important;color:#fff!important;box-shadow:inset 0 2px 4px #0009!important}.pet-pill-qty-btn.active{background:#d4af3733;border-color:var(--color-primary);color:var(--color-primary-light)}.pet-pill-qty-btn:disabled{opacity:.45;cursor:not-allowed}.pet-tabs-bar{display:flex;gap:4px;width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px}.pet-tab-button{flex:1;min-width:0;padding:8px 6px;font-size:12.5px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .16s ease;text-align:center;white-space:nowrap}.pet-tab-button:hover{color:var(--text-main);background:#ffffff0a}.pet-tab-button:active{transform:translateY(1px)}.pet-tab-button.active,.pet-tab-button[aria-selected=true]{color:var(--color-primary-light)!important;background:#d4af3726!important;border-color:#d4af3766!important;font-weight:700!important;box-shadow:0 0 10px #d4af3733!important}.pet-equip-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.pet-equip-slot-item{display:flex;flex-direction:column;align-items:center;gap:4px}.pet-equip-note-box{background:var(--bg-surface);padding:10px 12px;border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);font-size:12px;color:var(--text-secondary);margin-bottom:14px;text-align:center}@media (min-width: 900px){.pet-main-layout{display:grid;grid-template-columns:minmax(320px,360px) minmax(460px,1fr);gap:20px;align-items:start}.pet-col-left{position:sticky;top:calc(var(--header-height, 56px) + 16px)}.pet-grid-list{grid-template-columns:repeat(4,1fr);gap:10px}.pet-tab-button{font-size:13.5px;padding:10px 8px}}@media (min-width: 1200px){.pet-main-layout{grid-template-columns:360px 1fr;gap:24px}.pet-grid-list{grid-template-columns:repeat(4,1fr)}}.market-groups-container{display:flex;flex-direction:column;gap:16px;padding:8px 0}.market-group-block{display:flex;flex-direction:column;gap:10px}.market-group-title-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(90deg,#d4af371f,#0f172a66);border-left:3px solid var(--color-primary);border-radius:var(--radius-xs)}.market-group-title{font-size:14px;font-weight:700;color:var(--color-primary-light);margin:0}.market-group-count{font-size:12px;color:var(--text-muted)}.market-group-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:13px;background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm)}.market-items-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 500px){.market-items-grid{grid-template-columns:repeat(2,1fr)}}.market-summary-card{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.market-summary-card:hover{border-color:var(--color-primary);background:var(--bg-card-hover);transform:translateY(-1px)}.market-summary-card.selected{border-color:var(--color-primary);box-shadow:0 0 10px #d4af3759;background:#d4af3714}.market-summary-card-cell{flex-shrink:0}.market-summary-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.market-summary-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.market-summary-item-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.market-summary-item-grade{font-size:11px;color:var(--text-muted);flex-shrink:0}.market-summary-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11.5px}.market-summary-listings-badge{color:var(--text-secondary);background:#ffffff0f;padding:1px 6px;border-radius:var(--radius-xs)}.market-summary-price{color:var(--text-muted)}.highlight-price{color:var(--color-primary-light);font-weight:700}.market-summary-card-arrow{color:var(--text-muted);font-size:14px;flex-shrink:0}.shop-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 500px){.shop-grid{grid-template-columns:repeat(2,1fr)}}.shop-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:8px;transition:all .18s ease}.shop-card:hover{border-color:#d4af3766}.shop-card.selected{border-color:var(--color-primary);box-shadow:0 0 10px #d4af3733}.shop-card-main{display:flex;align-items:flex-start;gap:10px}.shop-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.shop-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.shop-card-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-card-grade{font-size:11px;color:var(--text-muted);flex-shrink:0}.shop-card-meta{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.quality-badge{font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:var(--radius-xs);border:1px solid currentColor}.shop-card-prices{display:flex;justify-content:space-between;align-items:center;background:#00000040;padding:6px 10px;border-radius:var(--radius-xs);font-size:12px}.shop-card-actions{display:flex;justify-content:flex-end;gap:8px}.shop-desktop-cart{display:flex;flex-direction:column;gap:12px}.shop-desktop-cart .cart-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.mobile-cart-floating-bar{position:fixed;bottom:calc(var(--nav-height) + 10px);left:16px;right:16px;max-width:480px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--color-primary);border-radius:9999px;box-shadow:0 4px 20px #000c,0 0 14px #d4af3759;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;z-index:40;animation:slideUpIn .2s ease-out}@media (min-width: 900px){.mobile-cart-floating-bar{display:none!important}}.market-layout{min-width:0;overflow-x:clip}.market-layout .master-detail-master,.market-layout .shop-master-content,.market-layout .market-master-content,.market-layout .group-select-layout-content,.market-layout .market-group-block{min-width:0}.market-layout .group-select-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.market-layout .group-select-sidebar{display:flex;flex-direction:column;gap:4px;max-height:184px;overflow-y:auto;overflow-x:hidden;padding:5px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);scrollbar-gutter:stable}.market-layout .group-select-dropdown{display:none}.market-layout .group-select-sidebar-item{width:100%;min-height:42px;height:auto;padding:8px 10px;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.market-layout .shop-grid,.market-layout .market-items-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));align-items:stretch;gap:10px}.market-layout .shop-card,.market-layout .market-summary-card{min-width:0;height:100%}.market-layout .shop-card-name,.market-layout .market-summary-item-name{display:-webkit-box;min-width:0;white-space:normal;overflow:hidden;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.3}.market-layout .shop-card-header{align-items:flex-start}.market-layout .shop-card-prices{flex-wrap:wrap;gap:4px 10px}.market-layout .shop-card-actions{margin-top:auto}.market-layout .shop-card-actions .btn{flex:1 1 0;min-height:34px;height:34px;padding-block:4px}.market-layout .market-summary-card{align-items:flex-start;min-height:96px}.market-layout .market-summary-card-meta{display:block;min-width:0}.market-layout .market-summary-listings-badge{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.market-layout .market-summary-card-arrow{align-self:center}.market-layout .market-header-bar{width:100%;gap:12px}.market-layout .market-header-stats{min-width:0;flex:1;flex-flow:row wrap;gap:6px 16px}.market-layout .market-header-stats .stat-item{align-items:center;white-space:nowrap}.market-layout .master-detail-empty-content{min-height:0;padding:14px 12px;flex-direction:row;justify-content:flex-start;gap:8px;text-align:left}.market-layout .master-detail-empty-content>svg,.market-layout .master-detail-empty-content>.game-icon{flex:0 0 auto}.market-layout .master-detail-empty-content>strong,.market-layout .master-detail-empty-content>span{margin-top:0!important}.market-layout .master-detail-empty-content>span{display:none}@media (min-width: 900px){.market-layout{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:16px}.market-layout .master-detail-detail.desktop-pane{width:100%;max-width:340px;justify-self:end;position:sticky}.market-layout .group-select-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:14px}.market-layout .group-select-sidebar{max-height:calc(100vh - var(--header-height) - 120px);position:sticky;top:calc(var(--header-height) + 12px)}.market-layout .shop-resource-bar{position:static}}@media (min-width: 900px) and (max-width: 1099px){.market-layout{grid-template-columns:minmax(0,1fr) minmax(300px,320px);gap:12px}.market-layout .group-select-layout{grid-template-columns:minmax(160px,180px) minmax(0,1fr);gap:10px}.market-layout .group-select-sidebar-item{font-size:12px;padding-inline:7px}}@media (max-width: 899px){.market-layout .master-detail-master,.market-layout .shop-master-content,.market-layout .market-master-content{width:100%;max-width:100%}.market-layout .group-select-sidebar{max-height:174px}.market-layout .market-header-bar{align-items:stretch;flex-direction:column}.market-layout .market-btn-list{width:100%}}@media (max-width: 430px){.shop-page:has(>.market-layout),.market-page:has(>.market-layout){padding-inline:10px!important}.market-layout .market-all-view,.market-layout .market-mine-view{padding-inline:0!important}.market-layout .shop-resource-bar,.market-layout .market-header-bar{padding-inline:10px}.market-layout .shop-card-main{gap:8px}}.mobile-cart-floating-info{display:flex;align-items:center;gap:10px;cursor:pointer}.cart-badge-icon{position:relative;display:flex;align-items:center}.cart-count-badge{position:absolute;top:-6px;right:-8px;background:var(--color-primary);color:#000;font-size:10px;font-weight:700;border-radius:9999px;padding:1px 5px;min-width:16px;text-align:center}.cart-floating-total{font-size:13px;font-weight:600;color:var(--color-primary-light)}.selected-item-preview,.market-detail-panel-content{min-width:0}.market-detail-pane-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-subtle)}.market-detail-pane-title{font-size:16px;font-weight:700;color:var(--color-primary-light)}.market-detail-pane-sub{font-size:12px;color:var(--text-muted)}.battle-stage-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.battle-stage{--stage-hero-height: 32%;--stage-monster-height: 32%;--stage-boss-height: 38%;--stage-floor-y: 82%;--stage-hero-x: 20%;--stage-monster-x: 80%;--stage-loot-height: 8%;position:relative;width:100%;min-height:56vw;aspect-ratio:16 / 9.5;overflow:hidden;border-radius:var(--radius-md);background:radial-gradient(circle at center,#161f2e,#0a0e14);border:1px solid var(--border-strong);box-shadow:0 4px 20px #00000073;-webkit-user-select:none;user-select:none}@media (min-width: 900px){.battle-stage{min-height:340px;aspect-ratio:16 / 9}}.battle-stage.crit-flash{animation:critScreenFlash .35s ease-out}@keyframes critScreenFlash{0%{box-shadow:0 0 0 2px var(--color-danger),0 0 25px #ef444499}50%{box-shadow:0 0 0 3px var(--color-warning),0 0 35px #f59e0bb3}to{box-shadow:0 4px 20px #00000073}}.battle-stage-scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.battle-stage-backdrop{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover;object-position:center}.battle-stage-backdrop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e1473,#0a0e1426 35%,#0a0e141a 60%,#0a0e14a6);pointer-events:none}.battle-stage-floor-guide{position:absolute;top:var(--stage-floor-y, 82%);left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 20%,rgba(212,175,55,.35) 50%,rgba(212,175,55,.15) 80%,transparent 100%);pointer-events:none}.battle-stage-hud{position:absolute;top:8px;left:10px;right:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;z-index:12;pointer-events:none}.stage-hud-side{flex:1;max-width:40%;background:#0a0e1659;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm, 6px);padding:4px 8px;display:flex;flex-direction:column;gap:2px}.stage-hud-meta{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 3px #000}.stage-hud-left .stage-hud-meta{justify-content:flex-start}.stage-hud-right .stage-hud-meta{justify-content:flex-end}.stage-fighter-name{overflow:hidden;text-overflow:ellipsis}.stage-boss-pill{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-size:9px;font-weight:800;padding:1px 4px;border-radius:3px;letter-spacing:.5px;box-shadow:0 1px 3px #0009}.stage-bar-wrap{width:100%;height:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:9999px;overflow:hidden;box-sizing:border-box}.stage-hp-wrap{height:6px}.stage-mp-wrap{height:5px}.stage-bar-fill{height:100%;border-radius:inherit;transition:width .25s ease-out}.stage-hp-fill,.stage-mp-fill{min-width:0}.stage-hp-hero{background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);box-shadow:0 0 6px #34d39999}.stage-hp-monster{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);box-shadow:0 0 6px #ef444499}.stage-mp-hero,.stage-mp-monster{background:linear-gradient(90deg,#2563eb,#38bdf8,#7dd3fc);box-shadow:0 0 6px #38bdf899}.stage-bar-text{font-size:9.5px;color:#fffffff2;font-family:monospace;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 2px #000;line-height:1.2}.stage-hud-right .stage-bar-text{text-align:right}.stage-mp-text{display:flex;align-items:center;gap:3px;font-size:8.5px;color:#bae6fd;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 2px #000}.stage-hud-right .stage-mp-text{justify-content:flex-end}.stage-hud-center{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;padding-top:2px}.stage-floor-badge{background:#d4af3726;border:1px solid rgba(212,175,55,.4);color:var(--color-primary-light);font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;white-space:nowrap}.stage-vs-badge{display:flex;align-items:center;gap:4px;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:2px 6px;font-size:10px;font-weight:800;color:var(--color-primary-light)}.stage-vs-text{letter-spacing:.5px}.battle-stage-fighter{position:absolute;top:var(--stage-floor-y, 82%);transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:5;pointer-events:none;transition:transform .2s cubic-bezier(.2,.8,.3,1)}.battle-stage-hero{left:var(--stage-hero-x, 20%);height:var(--stage-hero-height, 32%)}.battle-stage-monster{left:var(--stage-monster-x, 80%);height:var(--stage-monster-height, 32%)}.battle-stage-monster.is-boss{height:var(--stage-boss-height, 50%)}.stage-fighter-shadow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:70%;height:8px;background:radial-gradient(ellipse at center,rgba(0,0,0,.65) 0%,transparent 75%);border-radius:50%;z-index:-1}.stage-fighter-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;border-radius:50%;filter:blur(14px);pointer-events:none;z-index:0;animation:fighterAuraBreathe 3s ease-in-out infinite alternate}.stage-aura-hero,.stage-aura-monster{mix-blend-mode:screen}@keyframes fighterAuraBreathe{0%{transform:translate(-50%,-50%) scale(.9);opacity:.35}to{transform:translate(-50%,-50%) scale(1.1);opacity:.65}}.stage-fighter-sprite-box{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:1}.stage-fighter-sprite-box .art-image-container,.stage-fighter-sprite-box .art-image-fallback{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.stage-sprite{max-width:100%;max-height:100%;object-fit:contain;filter:var(--fighter-drop-shadow, drop-shadow(0 0 8px rgba(212, 175, 55, .6)) drop-shadow(0 4px 10px rgba(0, 0, 0, .8)));animation:fighterBreathe 3.2s ease-in-out infinite alternate}@keyframes fighterBreathe{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.stage-hero-sprite img,.stage-hero-sprite .art-image-img{transform:scaleX(1)}.stage-monster-sprite img,.stage-monster-sprite .art-image-img{transform:scaleX(-1)}.stage-monster-sprite .art-fallback-content{transform:scaleX(1)!important}.stage-hero-fallback-arch{width:76px;height:96px;border-radius:38px 38px 6px 6px;background:radial-gradient(circle at 50% 30%,#1e293bd9,#0f172af2);border:1px solid rgba(212,175,55,.4);box-shadow:0 0 15px #d4af3740;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.stage-hero-fallback-label{font-size:9px;color:#fef08a;font-weight:700;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-fighter-foot-label{font-size:9.5px;font-weight:600;color:#fff;background:#0a0e1673;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:1px 6px;margin-top:2px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 2px #000}.foot-boss-tag{background:#dc2626;color:#fff;font-size:8px;font-weight:800;padding:0 3px;border-radius:2px}.is-attacking-right{transform:translate(-30%,-100%) scale(1.08)}.is-attacking-left{transform:translate(-70%,-100%) scale(1.08)}.is-flinched{filter:brightness(1.6) contrast(1.2);transform:translate(-50%,-100%) scale(.95)}.battle-stage-floating-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}.stage-floating-tag{position:absolute;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:2px 6px;box-shadow:0 2px 8px #00000080;animation:stageFloatNumber .85s cubic-bezier(.2,.8,.3,1) forwards}.stage-floating-tag.side-left{left:22%;top:45%}.stage-floating-tag.side-right{left:78%;top:45%}.tag-damage{color:#fca5a5;background:#b91c1ccc;border:1px solid #ef4444}.tag-crit{color:#fef08a;background:#b45309d9;border:1px solid #f59e0b;font-size:16px;transform:scale(1.15)}.tag-dodge{color:#bae6fd;background:#0369a1cc;border:1px solid #38bdf8}.tag-heal{color:#bbf7d0;background:#15803dd9;border:1px solid #22c55e}.tag-mp{color:#bfdbfe;background:#1d4ed8d9;border:1px solid #3b82f6}.tag-skill{color:#e9d5ff;background:#7e22ced9;border:1px solid #a855f7}@keyframes stageFloatNumber{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.12)}80%{opacity:1;transform:translate(-50%,-28px) scale(1)}to{opacity:0;transform:translate(-50%,-42px) scale(.9)}}.battle-stage-loot-shelf{position:absolute;bottom:0;left:0;right:0;height:var(--stage-loot-height, 8%);min-height:48px;background:linear-gradient(180deg,#0d111780,#0d1117f2);border-top:1px solid rgba(212,175,55,.25);display:flex;align-items:center;justify-content:center;padding:4px 12px;z-index:10}.stage-loot-content{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.stage-loot-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--color-primary-light)}.stage-loot-items-row{display:flex;align-items:center;gap:6px}.stage-loot-cell-wrap{display:inline-flex}.animate-pickup{animation:stageLootPickUp .5s cubic-bezier(.2,.8,.3,1) backwards}@keyframes stageLootPickUp{0%{opacity:0;transform:translateY(18px) scale(.6)}60%{transform:translateY(-4px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.stage-loot-silver{display:inline-flex;align-items:center;gap:4px;background:#d4af3726;border:1px solid rgba(212,175,55,.35);border-radius:var(--radius-sm);padding:3px 8px;font-size:12px;font-weight:700;color:var(--color-primary-light)}.stage-loot-empty-note{font-size:11px;color:var(--text-muted);font-style:italic}.stage-loot-defeated{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-danger);font-weight:600}.stage-loot-ongoing{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.battle-stage-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.stage-ctrl-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stage-ctrl-status{display:flex;align-items:center;font-size:12px;font-weight:600}.stage-status-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-sm)}.stage-status-tag.tag-win{color:#10b981;background:#10b9811f}.stage-status-tag.tag-loss{color:#ef4444;background:#ef44441f}.stage-status-tag.tag-live{color:var(--color-primary-light);background:#d4af371f}.stage-status-tag.tag-paused{color:var(--text-secondary);background:#ffffff0d}.stage-live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:stagePulse 1.2s infinite}@keyframes stagePulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.4;transform:scale(.9)}}.battle-stage-drawer{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.stage-drawer-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:color .15s}.stage-drawer-toggle:hover{color:#fff;background:#ffffff05}.drawer-title-wrap{display:flex;align-items:center;gap:6px;font-weight:600}.stage-drawer-body{max-height:200px;overflow-y:auto;border-top:1px solid var(--border-subtle);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.stage-log-empty{font-size:12px;color:var(--text-muted);font-style:italic;margin:8px 0;text-align:center}.stage-log-row{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.4;padding:3px 6px;border-radius:4px;background:#0003}.stage-log-row.actor-hero{border-left:2px solid #38bdf8}.stage-log-row.actor-enemy{border-left:2px solid #f87171}.stage-log-row.is-crit{background:#f59e0b1a}.log-second{color:var(--text-muted);font-family:monospace;font-size:10px;flex-shrink:0;margin-top:1px}.log-text-box{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.log-badge{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:800;padding:0 4px;border-radius:3px}.badge-crit{background:#b45309;color:#fef08a}.badge-dodge{background:#0369a1;color:#bae6fd}.badge-pill{background:#15803d;color:#bbf7d0}.badge-mp{background:#1d4ed8;color:#bfdbfe}.badge-skill{background:#7e22ce;color:#f3e8ff}.log-text{color:var(--text-primary)}@media (min-width: 900px){.dungeon-desktop-layout{display:grid;grid-template-columns:540px 1fr;gap:20px;align-items:start}.dungeon-left-column{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}.dungeon-right-column{display:flex;flex-direction:column;gap:16px}}.dungeon-floor-row.floor-row-selected{border-color:var(--color-primary);background:#d4af371a;box-shadow:0 0 8px #d4af3740}.floor-status-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.floor-status{display:flex;align-items:center}.btn-replay-floor,.btn-return-live{padding:3px 8px!important;font-size:11px!important}.tower-desktop-layout,.boss-desktop-layout{display:flex;flex-direction:column;gap:16px}@media (min-width: 900px){.tower-desktop-layout,.boss-desktop-layout{display:grid;grid-template-columns:540px 1fr;gap:20px;align-items:start}.tower-left-column,.boss-left-column{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}.tower-right-column,.boss-right-column{display:flex;flex-direction:column;gap:16px;min-width:0}.boss-desktop-layout .boss-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.secret-realm-desktop-layout{display:grid;grid-template-columns:460px 1fr;gap:20px;align-items:start}.secret-realm-left-column{position:sticky;top:16px;display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:12px;align-items:start}.secret-realm-left-column .sr-grid-container{grid-column:1;grid-row:1}.secret-realm-left-column .sr-movement-dock{grid-column:2;grid-row:1;position:sticky;top:16px}.secret-realm-left-column .sr-movement-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.secret-realm-left-column .sr-move-btn{height:54px}.secret-realm-left-column .sr-move-btn .dpad-label{font-size:9px}.secret-realm-left-column .sr-tile-info-bar,.secret-realm-left-column .sr-controls-panel{grid-column:1 / -1}.secret-realm-right-column{display:flex;flex-direction:column;gap:14px;min-width:0}.sr-mobile-only{display:none!important}}.tower-result-card.is-win{border-color:#22c55e66}.tower-result-card.is-loss{border-color:#ef444466}.tower-loot-shelf-wrap{display:flex;flex-direction:column;gap:8px;margin-top:10px}.tower-loot-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.tower-loot-item-cell{display:flex;flex-direction:column;align-items:center}.tower-silver-gain{display:inline-flex;align-items:center;gap:6px;color:#fbbf24;font-weight:600;font-size:13px;margin-top:4px}.tower-loot-empty-note{font-size:12px;color:var(--text-muted);font-style:italic}.boss-fight-summary-card.is-defeat{border-color:#ef444466}.boss-fight-summary-card.is-success{border-color:#22c55e66}.summary-card-title,.selected-overview-title,.result-card-title{display:flex;align-items:center;gap:8px;min-width:0}.summary-damage-line{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);margin-bottom:8px;font-size:13px}.summary-damage-line .damage-num{color:#f87171;font-size:15px;font-weight:700}.boss-selected-overview{border-color:var(--color-primary-dark)}.boss-card.is-selected{border-color:var(--color-primary);box-shadow:0 0 10px #d4af3740}.btn-select-boss{padding:4px 10px!important;font-size:12px!important}.boss-claimable-loot-grid,.boss-claim-result-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}.claimable-silver-chip,.claim-result-silver{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:4px;color:#fbbf24;font-weight:600;font-size:12px}.claim-result-box{display:flex;flex-direction:column;gap:12px}.stage-loot-damage{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#f87171;font-weight:700;font-size:12px}.stage-subtitle-badge{font-size:10px;color:var(--text-secondary);background:#00000080;padding:2px 6px;border-radius:3px;white-space:nowrap}.assets-layout{display:flex;flex-direction:column;gap:16px}@media (min-width: 900px){.assets-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.2fr);gap:20px;align-items:start}}.assets-stat-group{display:flex;flex-direction:column;gap:8px}.assets-stat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0a101873;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.assets-stat-row .stat-label{color:var(--text-muted);font-size:13px}.assets-stat-row .stat-val{font-size:14px;color:var(--text-main);display:inline-flex;align-items:center;gap:6px}.assets-stat-row .stat-val.highlight-silver strong{color:#e2e8f0}.assets-stat-row .stat-val.highlight-gold strong{color:var(--color-primary)}.assets-notice-collapsible{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden;margin-top:12px}.notice-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease}.notice-toggle-btn:hover{background:#d4af3714;color:var(--color-primary)}.notice-toggle-title{display:inline-flex;align-items:center;gap:8px;font-weight:600}.notice-toggle-arrow{font-size:11.5px;color:var(--text-muted)}.notice-collapsible-body{padding:10px 14px 14px;font-size:12px;color:var(--text-secondary);line-height:1.5;border-top:1px solid var(--border-subtle);background:#0003}.notice-collapsible-body p{margin:0 0 6px}.notice-collapsible-body p:last-child{margin-bottom:0}.assets-vaults-header{margin-bottom:10px}.vaults-title{font-size:16px;font-weight:700;color:var(--color-primary);margin:0 0 2px}.vaults-subtitle{font-size:12px;color:var(--text-muted)}.assets-vaults-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-vault-card{color:inherit!important;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 10px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .2s ease;gap:8px;position:relative;cursor:pointer;box-sizing:border-box}.asset-vault-card *{text-decoration:none!important}.asset-vault-card:hover{transform:translateY(-2px);border-color:var(--color-primary-border);box-shadow:0 4px 16px #0006}.asset-vault-card .vault-icon-wrap{width:var(--hub-card-icon-frame, 80px);height:var(--hub-card-icon-frame, 80px);aspect-ratio:1 / 1!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;box-shadow:none!important;color:var(--color-primary);transition:transform .2s ease,filter .2s ease;flex-shrink:0;box-sizing:border-box}.asset-vault-card .vault-icon-wrap .game-icon{width:var(--art-fill, 70%)!important;height:var(--art-fill, 70%)!important;display:flex;align-items:center;justify-content:center}.asset-vault-card .vault-icon-wrap .game-icon img{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain}.asset-vault-card .vault-icon-wrap .game-icon-emoji{font-size:calc(var(--hub-card-icon-frame, 80px) * .48);line-height:1}.asset-vault-card:hover .vault-icon-wrap{transform:scale(1.1);filter:drop-shadow(0 2px 8px rgba(212,175,55,.4))}.asset-vault-card .vault-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.asset-vault-card .vault-name{margin:0;font-size:14.5px;font-weight:700;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.asset-vault-card .vault-subtitle{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.asset-vault-card .vault-action-label{font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-top:2px;transition:color .15s ease}.asset-vault-card:hover .vault-action-label{color:var(--color-primary)}.assets-dev-card{margin-top:12px}.assets-dev-desc{font-size:12px;color:var(--text-muted);margin-bottom:10px}.assets-dev-items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vault-accent-gold:hover,.feat-accent-gold:hover{border-color:#d4af3799}.vault-accent-cyan:hover,.feat-accent-cyan:hover{border-color:#38bdf899}.vault-accent-green:hover,.feat-accent-green:hover{border-color:#22c55e99}.vault-accent-purple:hover,.feat-accent-purple:hover{border-color:#a855f799}.notif-grid{display:flex;flex-direction:column;gap:8px}.notif-card{padding:12px 14px;border-radius:var(--radius-md, 8px);background:var(--bg-card, #16202c);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));transition:background .15s ease,border-color .15s ease}.notif-card.card-unread{border-left:3px solid var(--color-primary, #d4af37);background:#d4af370a}.notif-card.card-read{opacity:.8}.notif-card:hover{background:var(--bg-card-hover, #1e2c3c)}.notif-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.notif-item-icon{display:inline-flex;flex-shrink:0}.notif-card-body{min-width:0}.notif-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notif-filters{display:flex;align-items:center;gap:6px}.game-activities-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 600px){.game-activities-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1024px){.game-activities-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.activity-grid-card{display:flex;flex-direction:column;border-radius:var(--radius-lg, 12px);overflow:hidden;background:var(--bg-card, #16202c);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:pointer;box-shadow:0 4px 12px #00000040}.activity-grid-card:hover{transform:translateY(-2px);border-color:var(--color-primary-border, rgba(212, 175, 55, .5));box-shadow:0 6px 18px #0006,0 0 12px #d4af3726}.activity-grid-card.card-open{opacity:1}.activity-grid-card.card-locked{opacity:.75}.activity-card-scene-bg{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0d1520}.activity-scene-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.activity-grid-card:hover .activity-scene-img img{transform:scale(1.04)}.activity-scene-scrim{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--bg-card, #16202c) 0%,transparent 100%);pointer-events:none}.activity-floating-badge{position:absolute;top:8px;right:8px;z-index:2}.activity-status-tag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full, 9999px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 2px rgba(0,0,0,.8)}.activity-status-tag.tag-open{background:#10b98140;color:#34d399;border:1px solid rgba(52,211,153,.5);box-shadow:0 0 8px #10b9814d}.activity-status-tag.tag-locked{background:#64748b4d;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.activity-card-content{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.activity-header-line{display:flex;align-items:center;gap:10px}.activity-icon-badge{width:34px;height:34px;border-radius:var(--radius-sm, 8px);background:#d4af371f;border:1px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-badge .game-icon{width:var(--art-fill, 70%)!important;height:var(--art-fill, 70%)!important;display:flex;align-items:center;justify-content:center}.activity-icon-badge .game-icon img{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain}.activity-title-group{display:flex;flex-direction:column;gap:1px;min-width:0}.activity-title{font-size:15px;font-weight:700;color:var(--color-primary-light, #fef08a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-subtitle{font-size:11.5px;font-weight:500;color:var(--text-secondary, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-desc{font-size:11.5px;line-height:1.45;color:var(--text-muted, #64748b);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}.activity-footer{margin-top:auto;padding-top:4px}.exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 600px){.exchange-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 900px){.exchange-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}@media (min-width: 1200px){.exchange-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.exchange-grid-card{padding:10px;border-radius:var(--radius-md, 8px);background:var(--bg-card, #16202c);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.exchange-cell-wrap{width:100%;display:flex;justify-content:center}.exchange-info{width:100%;align-items:center;text-align:center}.exchange-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.exchange-action-col{width:100%;align-items:center;gap:6px}.exchange-qty-stepper{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.exchange-action-col .btn-stepper{width:36px;height:36px;min-width:36px;min-height:36px}.exchange-action-col .btn{flex:1;min-height:36px;min-width:0;padding:6px 8px;font-size:12.5px}.cultivation-hub-page{display:flex;flex-direction:column;gap:14px}.cultivation-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#d4af3726,#0c141df2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.cultivation-banner-icon{color:var(--color-primary);flex-shrink:0}.cultivation-banner-text{flex:1;min-width:0}.cultivation-title{margin:0;font-size:18px;font-weight:700;color:var(--color-primary)}.cultivation-subtitle{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.cultivation-status-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;background:#0e1621b3;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px}@media (min-width: 600px){.cultivation-status-bar{grid-template-columns:repeat(4,minmax(0,1fr))}}.cult-status-item{display:flex;flex-direction:column;gap:2px}.cult-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cult-val{font-size:13.5px;font-weight:600;color:var(--text-main)}.cult-val.highlight-gold{color:var(--color-primary)}.cult-val.highlight-cyan{color:#38bdf8}.stat-element-val{display:inline-flex;align-items:center;gap:4px}.cultivation-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 900px){.cultivation-features-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}.cult-feature-card{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 10px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .2s ease;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;box-sizing:border-box}.cult-feature-card:hover{transform:translateY(-2px);border-color:var(--color-primary-border);box-shadow:0 4px 16px #0006}.cult-feature-card:active{transform:translateY(1px) scale(.97)}.cult-feature-card .feat-icon-wrap{width:var(--hub-card-icon-frame, 80px);height:var(--hub-card-icon-frame, 80px);aspect-ratio:1 / 1!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;box-shadow:none!important;color:var(--color-primary);transition:transform .2s ease,filter .2s ease;flex-shrink:0;box-sizing:border-box}.cult-feature-card .feat-icon-wrap .game-icon{width:var(--art-fill, 70%)!important;height:var(--art-fill, 70%)!important;display:flex;align-items:center;justify-content:center}.cult-feature-card .feat-icon-wrap .game-icon img{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain}.cult-feature-card .feat-icon-wrap .game-icon-emoji{font-size:calc(var(--hub-card-icon-frame, 80px) * .48);line-height:1}.cult-feature-card:hover .feat-icon-wrap{transform:scale(1.08);filter:drop-shadow(0 2px 8px rgba(212,175,55,.4))}.cult-feature-card .feat-name{margin:6px 0 2px;font-size:15px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.cult-feature-card .feat-tag{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.profession-hub-page{display:flex;flex-direction:column;gap:14px}.profession-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 599px){.profession-grid>*:last-child:nth-child(odd){grid-column:span 2;max-width:200px;margin:0 auto;width:100%}}@media (min-width: 600px) and (max-width: 899px){.profession-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (min-width: 900px){.profession-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}}.profession-card{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 10px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .2s ease;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;box-sizing:border-box}.profession-card:hover{transform:translateY(-2px);border-color:var(--color-primary-border);box-shadow:0 4px 16px #0006}.profession-card:active{transform:translateY(1px) scale(.97)}.profession-status-badge{position:absolute;top:8px;right:8px;font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);background:#05966933;border:1px solid rgba(5,150,105,.4);color:#34d399;letter-spacing:.2px;line-height:1.2}.profession-card.card-disabled .profession-status-badge{background:#94a3b826;border-color:#94a3b84d;color:#94a3b8}.profession-card .profession-icon-wrap{width:var(--hub-card-icon-frame, 80px);height:var(--hub-card-icon-frame, 80px);aspect-ratio:1 / 1!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;box-shadow:none!important;color:var(--color-primary);transition:transform .2s ease,filter .2s ease;flex-shrink:0;box-sizing:border-box}.profession-card .profession-icon-wrap .game-icon{width:var(--art-fill, 70%)!important;height:var(--art-fill, 70%)!important;display:flex;align-items:center;justify-content:center}.profession-card .profession-icon-wrap .game-icon img{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain}.profession-card .profession-icon-wrap .game-icon-emoji{font-size:calc(var(--hub-card-icon-frame, 80px) * .48);line-height:1}.profession-card:hover .profession-icon-wrap{transform:scale(1.08);filter:drop-shadow(0 2px 8px rgba(212,175,55,.4))}.profession-card .profession-title{margin:6px 0 2px;font-size:15px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.profession-card .profession-subtitle{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.profession-sub-actions{display:flex;justify-content:center;margin-top:6px}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.recipe-grid-card{padding:12px;border-radius:var(--radius-md, 8px);background:var(--bg-card, #16202c);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.recipe-grid-card.selected{border-color:var(--color-primary, #d4af37);background:#d4af3714}.phu-luc-talismans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.phu-luc-grid-card{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px;border-radius:var(--radius-md, 8px);background:var(--bg-card, #16202c);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));cursor:pointer;transition:border-color .15s ease,background .15s ease}.phu-luc-grid-card.card-selected{border-color:var(--color-primary, #d4af37);background:#d4af3714}.phu-luc-info-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.phu-luc-card-qty{font-size:11px;color:var(--text-secondary)}.phu-luc-action-col{flex-shrink:0}.forge-refine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.breakthrough-page .card-body{min-width:0}.breakthrough-action{margin:14px 0}.breakthrough-section-help{margin:0 0 8px;color:var(--text-secondary);font-size:11.5px}.breakthrough-pills-list{max-height:252px;overflow-y:auto;scrollbar-gutter:stable}.breakthrough-pill-row{display:flex;align-items:center;gap:9px;min-height:60px;padding:7px 2px;border-bottom:1px solid var(--border-subtle)}.pill-card-info{flex:1 1 120px;min-width:0;display:flex;flex-direction:column;gap:3px}.pill-card-name{font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-card-gain{font-size:11.5px;color:var(--color-primary-light, #fce07a)}.pill-card-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.pill-card-actions .btn{min-width:44px;padding-inline:8px}.breakthrough-meta-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.breakthrough-meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.breakthrough-meta-row .meta-label{color:var(--text-muted);flex-shrink:0}.breakthrough-meta-row .meta-val{color:var(--text-main);font-weight:600;text-align:right}.breakthrough-required-list{display:grid;gap:2px}.breakthrough-required-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:7px 8px;border-bottom:1px solid var(--border-subtle);background:#ffffff04}.breakthrough-item-name{min-width:0;overflow:hidden;font-size:12.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.breakthrough-required-status{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;font-size:11.5px;font-weight:600}.req-met .breakthrough-required-status{color:var(--color-success)}.req-missing .breakthrough-required-status{color:var(--color-danger)}.grade-text-0{color:#94a3b8}.grade-text-1{color:#4ade80}.grade-text-2{color:#22d3ee}.grade-text-3{color:#60a5fa}.grade-text-4{color:#c084fc}.grade-text-5{color:#f472b6}.grade-text-6{color:#fb923c}.grade-text-7{color:#f87171}.grade-text-8{color:#facc15}.grade-text-9{color:#34d399}.breakthrough-support-groups,.breakthrough-selected-chips,.breakthrough-available-chips{display:flex;flex-wrap:wrap;gap:7px}.breakthrough-support-groups{flex-direction:column}.breakthrough-support-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;max-width:100%;padding:7px 9px;border:1px solid var(--border-subtle);border-radius:8px;background:#14202de6;color:var(--text-main);cursor:pointer}.breakthrough-support-chip:hover{border-color:var(--color-primary);filter:brightness(1.12)}.breakthrough-support-chip:active{transform:translateY(2px) scale(.97);background:#081119;box-shadow:inset 0 2px 5px #00000073}.breakthrough-support-chip:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.breakthrough-support-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.breakthrough-support-chip.selected{padding:0;overflow:hidden;border-color:#d4af378c;background:#d4af3714}.support-chip-main,.support-chip-remove{align-self:stretch;border:0;background:transparent;color:inherit;cursor:pointer}.support-chip-main{display:inline-flex;align-items:center;gap:6px;padding:7px 9px 7px 3px}.support-chip-remove{min-width:28px;color:var(--color-danger);font-size:17px}.support-chip-main:hover,.support-chip-remove:hover{background:#ffffff12}.support-chip-main:active,.support-chip-remove:active{background:#d4af3740;transform:translateY(1px)}.support-chip-main:focus-visible,.support-chip-remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.support-chip-main:disabled{opacity:.7;cursor:not-allowed}.support-chip-bonus{color:var(--color-success);font-size:11.5px;font-weight:700;white-space:nowrap}.support-chip-qty{color:var(--color-primary-light);font-weight:700;white-space:nowrap}.breakthrough-support-chip small{color:var(--text-muted);white-space:nowrap}.breakthrough-empty-selection{color:var(--text-muted);font-size:11.5px;padding:5px 2px}.breakthrough-support-more{padding-top:7px;border-top:1px solid var(--border-subtle)}.breakthrough-support-more summary{width:fit-content;margin-bottom:7px;color:var(--color-primary-light);font-size:12px;font-weight:650;cursor:pointer}@media (max-width: 899px){.breakthrough-desktop-layout,.breakthrough-col-left,.breakthrough-col-right{display:contents}.breakthrough-desktop-layout>.breakthrough-col-left>:nth-child(1){order:1}.breakthrough-desktop-layout>.breakthrough-col-left>:nth-child(2){order:2}.breakthrough-pills-section{order:3}.breakthrough-required-section{order:4}.breakthrough-support-section{order:5}.breakthrough-action{order:6}.breakthrough-outcome{order:7}.breakthrough-desktop-layout{display:flex;flex-direction:column;gap:12px}}@media (min-width: 900px){.assets-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.2fr);gap:20px;align-items:start}.assets-left-col,.assets-col-summary{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}.assets-right-col,.assets-col-vaults{display:flex;flex-direction:column;gap:16px}.notif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.breakthrough-desktop-layout{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}.breakthrough-left-col{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}.breakthrough-right-col{display:flex;flex-direction:column;gap:16px}.crafting-desktop-layout{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}.crafting-col-furnace{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}.crafting-col-recipes{display:flex;flex-direction:column;gap:14px}.phu-luc-desktop-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.phu-luc-col{display:flex;flex-direction:column;gap:14px}.forge-desktop-layout{display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}.forge-left-col{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}.forge-right-col{display:flex;flex-direction:column;gap:14px}.mining-desktop-layout{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}.mining-mines-col{display:flex;flex-direction:column;gap:12px}.mining-dispatch-col{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}.abyss-desktop-layout{display:grid;grid-template-columns:minmax(460px,1.4fr) minmax(320px,1fr);gap:20px;align-items:start}.abyss-side-info-col{position:sticky;top:16px}.pet-raid-desktop-layout{display:grid;grid-template-columns:minmax(460px,1.4fr) minmax(320px,1fr);gap:20px;align-items:start}.pet-raid-side-info-col{position:sticky;top:16px}.soul-sea-desktop-layout{display:grid;grid-template-columns:minmax(440px,1.3fr) minmax(320px,1fr);gap:20px;align-items:start}.soul-grid-container{grid-template-columns:repeat(5,1fr)}.soul-sea-side-col{position:sticky;top:16px}.treasure-hunt-desktop-layout{display:grid;grid-template-columns:minmax(440px,1.3fr) minmax(320px,1fr);gap:20px;align-items:start}.treasure-side-col{position:sticky;top:16px}}.abyss-desktop-layout{display:flex;flex-direction:column;gap:14px}.abyss-main-stage-col{display:flex;flex-direction:column;gap:12px}.abyss-stage-container{width:100%;min-width:0}.abyss-rewards-card{min-width:0}.abyss-side-info-col{display:flex;flex-direction:column;gap:12px}.pet-raid-desktop-layout{display:flex;flex-direction:column;gap:14px}.pet-raid-main-stage-col{display:flex;flex-direction:column;gap:12px}.pet-raid-stage-wrap{width:100%;min-width:0}.raid-beast-hp-card{min-width:0}.pet-raid-side-info-col{display:flex;flex-direction:column;gap:12px}.soul-sea-desktop-layout{display:flex;flex-direction:column;gap:14px}.soul-sea-main-col,.soul-sea-side-col{display:flex;flex-direction:column;gap:12px}.soul-sea-summary-banner{width:100%;min-width:0}.soul-focus-card{width:100%}.soul-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.soul-grid-cell{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.soul-grid-cell:hover{transform:translateY(-2px);border-color:var(--color-primary)!important}.soul-grid-cell:active{transform:translateY(1px) scale(.97)}.treasure-hunt-desktop-layout{display:flex;flex-direction:column;gap:14px}.treasure-main-col,.treasure-side-col{display:flex;flex-direction:column;gap:12px}.treasure-intro-banner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px}.treasure-resource-row{flex-wrap:wrap}.farm-seed-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .2s ease-out}@media (min-width: 768px){.farm-seed-drawer-overlay{align-items:center;padding:20px}}.farm-seed-drawer{width:100%;max-width:540px;max-height:85dvh;max-height:85vh;background:var(--bg-surface);border:1px solid var(--color-primary-border);border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #000000b3;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s ease-out}@media (min-width: 768px){.farm-seed-drawer{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-glow)}}.farm-seed-drawer-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.farm-seed-drawer-title-wrap{display:flex;align-items:center;gap:8px}.farm-seed-drawer-title{font-size:16px;font-weight:700;color:var(--color-primary-light);margin:0}.farm-seed-drawer-close{background:transparent;border:none;color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;line-height:1}.farm-seed-drawer-close:hover{color:var(--text-main);background:#ffffff14}.farm-seed-drawer-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.farm-seed-drawer-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--border-subtle);background:var(--bg-card)}.seed-drawer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.seed-drawer-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease}.seed-drawer-item:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.seed-drawer-item.is-selected{border-color:var(--color-primary);background:#d4af371f;box-shadow:0 0 10px #d4af3740}.seed-drawer-item-info{flex:1 1 auto;min-width:0}.seed-drawer-item-name{font-size:13.5px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seed-drawer-item-sub{font-size:11.5px;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-top:2px}.seed-drawer-item-qty{display:flex;align-items:center;flex-shrink:0}@media (min-width: 900px){.group-select-layout{flex-direction:row;align-items:flex-start;gap:16px}.group-select-dropdown{display:none}.group-select-sidebar{display:flex;flex-direction:column;gap:6px;flex-shrink:0;width:190px;position:sticky;top:12px}.group-select-sidebar-item{text-align:left;min-height:40px;padding:9px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.group-select-sidebar-item:hover{border-color:var(--color-primary-border);color:var(--text-main);background:var(--bg-surface-hover)}.group-select-sidebar-item:active{background:#2dd4bf59!important;color:#fff!important;border-color:#2dd4bf!important;box-shadow:inset 0 2px 4px #0009!important;transform:translateY(1px) scale(.98)}.group-select-sidebar-item.active{background:linear-gradient(135deg,#2dd4bf38,#0e74901f);border-color:#2dd4bfd9;color:#d7fffb;box-shadow:inset 0 0 0 1px #2dd4bf29,0 0 14px #2dd4bf1f;font-weight:700}}.treasure-cutscene-backdrop{animation:treasureFadeIn .25s ease-out}.treasure-cutscene-modal{animation:treasureModalZoom .25s cubic-bezier(.16,1,.3,1)}@keyframes treasureFadeIn{0%{opacity:0}to{opacity:1}}@keyframes treasureModalZoom{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cutscene-stage-container,.cutscene-battle-layer,.cutscene-party-container,.cutscene-chest-stage-slot,.chest-sparkles-container{box-sizing:border-box}.treasure-sparkle-dot{pointer-events:none}.cutscene-modal-header h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cutscene-progress-container{display:flex;flex-direction:column}.cutscene-progress-track,.cutscene-progress-fill{display:block}.cutscene-member.is-walking{animation:treasureWalkBob .45s ease-in-out infinite alternate}.cutscene-member.is-idle{animation:treasureMemberBreathe 2.4s ease-in-out infinite alternate}@keyframes treasureWalkBob{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes treasureMemberBreathe{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.02)}}.treasure-chest-graphic.is-shaking{animation:treasureChestRumble .12s linear infinite alternate}@keyframes treasureChestRumble{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2px,-1px) rotate(-1.5deg)}50%{transform:translate(1px,-2px) rotate(1deg)}75%{transform:translate(-1px,2px) rotate(-1deg)}to{transform:translate(2px,1px) rotate(1.5deg)}}@keyframes treasureLightPulse{0%,to{opacity:.85;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}@keyframes treasureFloatSparkle{0%{opacity:0;transform:translateY(0) scale(.4) rotate(0)}25%{opacity:1}75%{opacity:.8}to{opacity:0;transform:translateY(-80px) scale(1.2) rotate(180deg)}}.cutscene-result-panel{animation:treasurePanelSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes treasurePanelSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.treasure-cutscene-backdrop,.treasure-cutscene-modal,.cutscene-member.is-walking,.cutscene-member.is-idle,.treasure-chest-graphic.is-shaking,.chest-light-burst,.cutscene-result-panel{animation:none!important;transition:none!important}.cutscene-parallax-scene{transform:none!important;transition:none!important}}.lore-block{display:grid;gap:9px;padding:10px 0;font-size:13px;line-height:1.55}.lore-section{align-items:start}.lore-section>.kv-label{flex:0 0 76px}.lore-lines{display:grid;gap:3px;min-width:0;text-align:left}.lore-sources .btn{justify-self:start;min-height:36px;padding-inline:0}.lore-flavor{margin:2px 0 0;color:var(--text-muted);font-style:italic}.lore-status{color:var(--text-muted)}.lore-error{color:var(--color-danger, #ef8b8b)}