@layer components,pages,responsive,overrides;@layer components{@media(max-width:992px){.dashboard-frame{aspect-ratio:auto;gap:var(--space-12);grid-template-columns:1fr;grid-template-rows:auto;max-width:100%;padding:var(--space-12)}.dashboard-frame>*{grid-column:1/-1}.echarts-map{height:clamp(380px,56vh,680px)}.map-content{padding:0}.panel,.panel-header{gap:var(--space-2)}.panel-header{margin-bottom:var(--space-2)}.panel-actions .btn{font-size:var(--font-size-sm);padding:var(--space-6) var(--space-10)}.market-card__title,.panel-title{font-size:var(--font-size-md)}.market-card__meta,.panel-subtitle{font-size:var(--font-size-xs)}.card__body,.card__footer,.card__header{padding:var(--space-12)}.ranking-item,.watch-item{font-size:var(--font-size-sm);padding:var(--space-8) var(--space-10)}.atlas-overlay{border-radius:var(--radius-md);left:var(--space-12);padding:var(--space-8) var(--space-10);top:var(--space-12)}.atlas-breadcrumb{font-size:var(--font-size-xs)}}@media(max-width:768px){.container,.container-fluid{padding-left:var(--space-12);padding-right:var(--space-12)}.main-content{padding:var(--space-16) 0}.echarts-map{height:clamp(320px,54vh,560px)}.ranking-item{grid-template-columns:minmax(0,1fr) auto}.panel-title{font-size:var(--font-size-base)}.panel-subtitle{font-size:var(--font-size-xs)}.card{border-radius:var(--radius-md)}.map-legend-container{bottom:auto;margin-top:var(--space-12);position:relative;right:auto}}@media(max-width:576px){.echarts-map{height:clamp(280px,58vh,520px)}.dashboard-frame{gap:var(--space-8);padding:var(--space-8)}.card__body,.card__footer,.card__header{padding:var(--space-10)}.market-card__value,.panel-title{font-size:var(--font-size-md)}.legend-item,.market-card__meta,.ranking-item,.watch-item{font-size:var(--font-size-xs)}.atlas-overlay{border-radius:var(--radius-base);box-shadow:var(--shadow-sm);padding:var(--space-6) var(--space-8)}.atlas-breadcrumb .separator{margin:0 var(--space-4)}}}@layer components{.trade-panel{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-16);padding:var(--space-20)}.trade-panel__header{align-items:center;display:flex;gap:var(--space-12);justify-content:space-between}.trade-panel__title{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.trade-wallet{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-8)}.trade-wallet strong{color:var(--color-text)}.wallet-divider:before{content:"|";margin:0 var(--space-8);opacity:.35}.trade-status{background:rgba(var(--color-border-rgb,148,163,184),.12);border:1px solid rgba(var(--color-border-rgb,148,163,184),.35);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-12)}.trade-status[hidden]{display:none}.trade-status--success{background:rgba(var(--color-green-500-rgb),.12);border-color:rgba(var(--color-green-500-rgb),.35);color:var(--color-green-500)}.trade-status--error{background:rgba(var(--color-red-500-rgb),.12);border-color:rgba(var(--color-red-500-rgb),.45);color:var(--color-red-500)}.trade-auth-hint{background:var(--color-secondary);border:1px dashed var(--color-card-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16)}.trade-auth-hint[hidden]{display:none}.trade-auth-hint .hint-actions{display:flex;gap:var(--space-12)}.trade-panel__body{display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.trade-form{gap:var(--space-16)}.trade-form,.trade-form__meta{display:flex;flex-direction:column}.trade-form__meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);gap:var(--space-8)}.trade-actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.trade-input-group{display:flex;flex-direction:column;gap:var(--space-4)}.trade-input-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.trade-input-group input{background:var(--color-bg-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-8) var(--space-12)}.trade-input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);outline:none}.trading-widget{display:grid;gap:12px;width:100%}.trading-widget__chart{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:16px}.trading-widget__chart .chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.trading-widget__chart .chart-title{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.trading-widget__chart .chart-tabs{background:#e2e8f0;border-radius:8px;display:flex;gap:4px;padding:4px}.trading-widget__chart .chart-tab{background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.trading-widget__chart .chart-tab:hover{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#1e293b}.trading-widget__chart .chart-tab.active{background:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff}.trading-widget__chart .chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin:12px 0;padding:12px}.trading-widget__chart .echarts-chart{min-height:300px;width:100%}.trading-widget__chart .indicator-notes{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px}.trading-widget__chart .note-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.trading-widget__chart .note-dot{border-radius:50%;height:10px;width:10px}.trading-widget__chart .note-dot.bg-positive{background:#10b981}.trading-widget__chart .note-dot.bg-info{background:#3b82f6}.trading-widget__chart .note-dot.bg-warning{background:#f59e0b}.trading-widget__panel{min-width:0}.trading-widget__panel .trade-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.trading-widget__panel .trade-panel__header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:14px 16px}.trading-widget__panel .trade-wallet{align-items:center;color:#64748b;display:inline-flex;font-size:13px;gap:10px}.trading-widget__panel .trade-wallet h4{color:#3b82f6;font-size:13px;font-weight:600;margin:0}.trading-widget__panel .wallet-divider{background:#cbd5e1;height:14px;width:1px}.trading-widget__panel .trade-wallet strong{color:#f59e0b;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}.trading-widget__panel .trade-status{font-size:12px;padding:8px 12px;text-align:center}.trading-widget__panel .trade-status--success{background:rgba(16,185,129,.1);color:#10b981}.trading-widget__panel .trade-status--error{background:rgba(239,68,68,.1);color:#ef4444}.trading-widget__panel .trade-status--info{background:rgba(59,130,246,.1);color:#3b82f6}.trading-widget__panel .trade-auth-hint{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px dashed #fcd34d;border-radius:10px;margin:16px;padding:20px;text-align:center}.trading-widget__panel .trade-auth-hint p{color:#92400e;font-size:14px;margin-bottom:16px}.trading-widget__panel .hint-actions{display:flex;gap:12px;justify-content:center}.trading-widget__panel .trade-panel__body{background:#fff;display:flex;flex-direction:column;gap:16px;padding:16px}.trading-widget__panel .trade-form{display:flex;flex-direction:column;gap:14px}.trading-widget__panel .form-group{margin-bottom:0}.trading-widget__panel .form-group label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:6px}.trading-widget__panel .form-group label:before{background:#3b82f6;border-radius:2px;content:"";height:14px;width:3px}.trading-widget__panel .form-control{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;padding:12px 14px;transition:all .2s ease;width:100%}.trading-widget__panel .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12);outline:none}.trading-widget__panel .trade-form__meta{display:grid;gap:10px;grid-template-columns:1fr 1fr}.trading-widget__panel .trade-form__meta span{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:12px;justify-content:space-between;padding:10px 12px}.trading-widget__panel .trade-form__meta strong{color:#1e293b;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700}.trading-widget__panel .trade-actions{display:grid;gap:12px;grid-template-columns:1fr 1fr}.trading-widget__panel .btn--buy{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(239,68,68,.25);color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.trading-widget__panel .btn--buy:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px rgba(239,68,68,.35);transform:translateY(-2px)}.trading-widget__panel .btn--sell{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(16,185,129,.25);color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.trading-widget__panel .btn--sell:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px rgba(16,185,129,.35);transform:translateY(-2px)}.trading-widget__panel .trade-position-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}.trading-widget__panel .trade-position-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;color:#475569;display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 14px}.trading-widget__panel .trade-position-header:before{content:"📊";font-size:14px}.trading-widget__panel .trade-position-empty{background:#fafafa;color:#94a3b8;font-size:13px;padding:24px 16px;text-align:center}.trading-widget__panel .trade-position-grid{display:grid;gap:0;grid-template-columns:repeat(2,1fr);margin:0;padding:0}.trading-widget__panel .trade-position-grid>div{background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.trading-widget__panel .trade-position-grid>div:nth-child(odd){border-right:1px solid #f1f5f9}.trading-widget__panel .trade-position-grid>div:nth-last-child(-n+2){border-bottom:none}.trading-widget__panel .trade-position-label{color:#94a3b8;font-size:11px;font-weight:500}.trading-widget__panel .trade-position-grid dd{color:#1e293b;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;margin:0}.trading-widget__panel .trade-position-pnl{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-top:1px solid #bfdbfe;grid-column:1/-1}.trading-widget__panel .trade-position-pnl .trade-position-label{color:#3b82f6}.trading-widget__panel .trade-position-pnl dd{align-items:center;display:flex;gap:12px}.trading-widget__panel .trade-pnl{border-radius:6px;font-size:13px;font-weight:700;padding:4px 10px}.trading-widget__panel .trade-pnl.positive{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.1));color:#dc2626}.trading-widget__panel .trade-pnl.negative{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.1));color:#059669}}@layer components{@media(max-width:480px){.trading-widget__chart .chart-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.trading-widget__panel .trade-actions,.trading-widget__panel .trade-form__meta{grid-template-columns:1fr}}}@layer components{#calculationRulesModal{--tab-padding-x:var(--space-16);--tab-padding-y:var(--space-8)}#calculationRulesModal .nav-btn{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--tab-padding-y) var(--tab-padding-x);transition:all var(--duration-normal) var(--ease-standard)}#calculationRulesModal .nav-btn:hover{background:var(--color-secondary);transform:translateY(-2px)}#calculationRulesModal .nav-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.rules-section{display:none}.rules-section.active{display:block}#calculationRulesModal .hero-section{margin-bottom:var(--space-32);text-align:center}#calculationRulesModal .modal-content{max-width:900px;width:95%}#calculationRulesModal .modal-body{max-height:70vh;overflow-y:auto}#calculationRulesModal .hero-section h3{color:var(--color-text);font-size:var(--font-size-3xl);margin-bottom:var(--space-24)}#calculationRulesModal .formula-display{margin:0 auto;max-width:1000px}#calculationRulesModal .formula-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-32)}#calculationRulesModal .formula-card h4{background:var(--color-bg-1);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-24);padding:var(--space-16);text-align:center}#calculationRulesModal .formula-components{display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:var(--space-24)}#calculationRulesModal .component{background:var(--color-bg-2);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-16)}#calculationRulesModal .component-name{color:var(--color-text);display:block;font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}#calculationRulesModal .component-range{color:var(--color-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-8)}#calculationRulesModal .component p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}#calculationRulesModal .charts-section{margin-top:var(--space-32)}#calculationRulesModal .charts-section h3{color:var(--color-text);margin-bottom:var(--space-24);text-align:center}#calculationRulesModal .chart-grid{align-items:start;display:grid;gap:var(--space-32);grid-template-columns:2fr 1fr}#calculationRulesModal .chart-container{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-20)}#calculationRulesModal .chart-container--rules-weight{height:300px;position:relative}#calculationRulesModal .chart-container--rules-time{height:200px;position:relative}#calculationRulesModal .weight-legend{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-20)}#calculationRulesModal .weight-legend h4{color:var(--color-text);margin-bottom:var(--space-16)}#calculationRulesModal .legend-items{display:flex;flex-direction:column;gap:var(--space-12)}#calculationRulesModal .legend-item{align-items:center;display:flex;gap:var(--space-12)}#calculationRulesModal .legend-color{border-radius:var(--radius-sm);flex-shrink:0;height:16px;width:16px}#calculationRulesModal .legend-color--primary{background-color:var(--color-primary)}#calculationRulesModal .legend-color--info{background-color:var(--color-info)}#calculationRulesModal .legend-info{flex:1}#calculationRulesModal .legend-name{color:var(--color-text);font-weight:var(--font-weight-medium)}#calculationRulesModal .legend-value{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){#calculationRulesModal .chart-grid,#calculationRulesModal .formula-components{grid-template-columns:1fr}}}@layer components;@layer components;@layer components{.gamify-challenges{display:flex;flex-direction:column;gap:var(--space-4)}.gamify-challenges__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.gamify-challenges__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.gamify-challenges__title{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.gamify-challenges__count{background:var(--color-surface-alt);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.gamify-challenges__list{display:flex;flex-direction:column;gap:var(--space-3)}.gamify-challenge{align-items:flex-start;background:linear-gradient(135deg,var(--color-surface),var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--duration-normal) var(--ease-standard)}.gamify-challenge:hover{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.gamify-challenge--complete{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.08),rgba(var(--color-success-rgb),.03));border-color:rgba(var(--color-success-rgb),.25)}.gamify-challenge--complete:hover{border-color:rgba(var(--color-success-rgb),.4);box-shadow:0 4px 12px rgba(var(--color-success-rgb),.15)}.gamify-challenge--claimed{opacity:.7}.gamify-challenge__icon{align-items:center;background:var(--color-surface-alt);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.gamify-challenge__content{flex:1;min-width:0}.gamify-challenge__name{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.gamify-challenge__desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-2)}.gamify-challenge__progress{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05));border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-1);overflow:hidden}.gamify-challenge__progress-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light));border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.gamify-challenge--complete .gamify-challenge__progress-bar{background:linear-gradient(90deg,var(--color-success),var(--brand-secondary-light))}.gamify-challenge__status{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);justify-content:space-between}.gamify-challenge__progress-text{font-weight:var(--font-weight-medium)}.gamify-challenge__percentage{color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.gamify-challenge--complete .gamify-challenge__percentage{color:var(--color-success)}.gamify-challenge__reward{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);position:relative}.gamify-challenge__xp{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05));border-radius:var(--radius-full);color:var(--brand-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2)}.gamify-challenge--complete .gamify-challenge__xp{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.1),rgba(var(--color-success-rgb),.05));color:var(--color-success)}.gamify-challenge__btn{background:var(--gray-200);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);transition:all var(--duration-normal) var(--ease-standard)}.gamify-challenge__btn:disabled{cursor:not-allowed;opacity:.6}.gamify-challenge__btn--claimable{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3);color:var(--color-white)}.gamify-challenge__btn--claimable:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary-dark),var(--brand-primary-darker));box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4);transform:translateY(-2px)}.gamify-challenge__btn--claimed{background:linear-gradient(135deg,var(--color-success),var(--brand-secondary-dark));color:var(--color-white)}.gamify-challenge__badge{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:var(--color-danger);border-radius:var(--radius-full);box-shadow:0 2px 6px rgba(var(--color-danger-rgb),.4);color:var(--color-white);display:flex;font-size:11px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}@media(max-width:640px){.gamify-challenge{flex-direction:column;gap:var(--space-2)}.gamify-challenge__icon{font-size:16px;height:32px;width:32px}.gamify-challenge__reward{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.gamify-challenge__badge{margin-left:var(--space-2);position:static}}.gamify-challenges__empty{align-items:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.gamify-challenges__empty-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.6}.gamify-challenges__empty-text{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.gamify-challenges__empty-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.gamify-streak{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.gamify-streak__overview{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.gamify-streak__current{align-items:center;display:flex;gap:var(--space-2)}.gamify-streak__fire{font-size:32px}.gamify-streak__days{color:var(--brand-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.gamify-streak__label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.gamify-streak__stats{display:flex;gap:var(--space-4)}.gamify-streak__stat{text-align:center}.gamify-streak__stat-value{color:var(--color-text);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.gamify-streak__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.gamify-streak__next-milestone{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.02));border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-3)}.gamify-streak__milestone-header{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--space-2)}.gamify-streak__milestone-progress{background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden}.gamify-streak__milestone-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light));border-radius:var(--radius-full);height:100%;transition:width .5s ease}.gamify-streak__milestone-reward{color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.gamify-streak__milestones{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-3)}.gamify-streak__milestones-header{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.gamify-streak__milestones-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gamify-streak__milestone-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-2);opacity:.6;padding:var(--space-2) var(--space-3);transition:all var(--duration-normal) var(--ease-standard)}.gamify-streak__milestone-item--reached{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.02));border-color:var(--brand-primary);opacity:1}.gamify-streak__milestone-item--claimed{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.08),rgba(var(--color-success-rgb),.02));border-color:var(--color-success);opacity:.7}.gamify-streak__milestone-days{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.gamify-streak__milestone-info{align-items:center;display:flex;gap:var(--space-1)}.gamify-streak__milestone-xp{color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.gamify-streak__milestone-cosmetic{font-size:var(--font-size-sm)}.gamify-streak__milestone-btn{background:var(--gray-200);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);transition:all var(--duration-normal) var(--ease-standard)}.gamify-streak__milestone-btn:disabled{cursor:not-allowed;opacity:.6}.gamify-streak__milestone-btn:not(:disabled){background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:var(--color-white)}.gamify-streak__milestone-btn:not(:disabled):hover{box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.gamify-streak__milestone-btn--claimed{background:var(--color-success)!important;color:var(--color-white)!important}.gamify-streak__empty{align-items:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.gamify-streak__empty-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.6}.gamify-streak__empty-text{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.gamify-streak__empty-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}@media(max-width:640px){.gamify-streak__overview{flex-direction:column;gap:var(--space-3);text-align:center}.gamify-streak__current,.gamify-streak__milestones-list{flex-direction:column}.gamify-streak__milestone-item{justify-content:space-between;width:100%}}}@layer components;@layer components{.season-pass{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.season-pass__header{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.02));border-bottom:1px solid var(--color-border);padding:var(--space-4)}.season-pass__info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.season-pass__title{align-items:center;display:flex;gap:var(--space-2)}.season-pass__name{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.season-pass__premium-badge{background:linear-gradient(135deg,rgba(var(--color-warning-rgb),.15),rgba(var(--color-warning-rgb),.08));border:1px solid rgba(var(--color-warning-rgb),.3);border-radius:var(--radius-full);color:var(--color-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.season-pass__countdown{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.season-pass__countdown-icon{font-size:var(--font-size-md)}.season-pass__countdown-days{color:var(--brand-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.season-pass__countdown-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.season-pass__level-info{align-items:center;display:flex;gap:var(--space-4)}.season-pass__level-badge{align-items:baseline;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.season-pass__level-number{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.season-pass__level-number--updated{animation:scalePulse .5s ease-out}.season-pass__level-max{color:rgba(255,255,255,.7);font-size:var(--font-size-sm)}.season-pass__xp-info{flex:1}.season-pass__xp-progress{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05));border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-1);overflow:hidden}.season-pass__xp-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light));border-radius:var(--radius-full);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.4);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.season-pass__xp-text{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);justify-content:space-between}.season-pass__upgrade-btn{align-items:center;background:linear-gradient(135deg,var(--color-warning),#d97706);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(var(--color-warning-rgb),.3);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;margin-top:var(--space-3);padding:var(--space-3);transition:all var(--duration-normal) var(--ease-standard);width:100%}.season-pass__upgrade-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px rgba(var(--color-warning-rgb),.4);transform:translateY(-2px)}.season-pass__upgrade-icon{font-size:var(--font-size-lg)}.season-pass__track{padding:var(--space-4)}.season-pass__track-header{display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding:0 var(--space-2)}.season-pass__track-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.season-pass__track-label--free{color:var(--brand-secondary)}.season-pass__track-label--premium{color:var(--color-warning)}.season-pass__track-content{display:flex;flex-direction:column;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.season-pass__track-levels,.season-pass__track-row{display:flex;gap:var(--space-2);min-width:-moz-max-content;min-width:max-content}.season-pass__track-levels{padding:var(--space-1) 0}.season-pass__level-marker{align-items:center;background:var(--color-surface-alt);border-radius:var(--radius-sm);color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;width:80px}.season-pass__level-marker--reached{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),rgba(var(--color-primary-rgb),.08));color:var(--brand-primary)}.season-pass__reward{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);position:relative;transition:all var(--duration-normal) var(--ease-standard);width:80px}.season-pass__reward:hover{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:var(--shadow-md)}.season-pass__reward--empty{background:transparent;border:1px dashed var(--color-border)}.season-pass__reward--unlocked{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.05),transparent);border-color:rgba(var(--color-success-rgb),.3)}.season-pass__reward--claimed{opacity:.6}.season-pass__reward--locked{filter:grayscale(.5);opacity:.5}.season-pass__reward-icon{font-size:var(--font-size-2xl)}.season-pass__reward-value{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;word-break:break-word}.season-pass__reward-btn{background:var(--brand-primary);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-size:10px;font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);transition:all var(--duration-fast) var(--ease-standard)}.season-pass__reward-btn:disabled{background:var(--gray-300);color:var(--color-text-tertiary);cursor:not-allowed}.season-pass__reward-btn--claimed{background:var(--color-success)}.season-pass__reward-badge{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:var(--color-danger);border-radius:var(--radius-full);color:var(--color-white);display:flex;font-size:10px;font-weight:var(--font-weight-bold);height:16px;justify-content:center;position:absolute;right:-6px;top:-6px;width:16px}@media(max-width:768px){.season-pass__info{flex-direction:column;gap:var(--space-2)}.season-pass__countdown{align-self:flex-start}.season-pass__level-info{align-items:stretch;flex-direction:column;gap:var(--space-2)}.season-pass__level-badge{justify-content:center}.season-pass__track-header{flex-direction:column;gap:var(--space-1)}}.season-pass__empty{align-items:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.season-pass__empty-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.6}.season-pass__empty-text{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.season-pass__empty-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.leaderboard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.leaderboard__tabs{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-3)}.leaderboard__tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.leaderboard__tab:hover{background:var(--color-surface);color:var(--color-text)}.leaderboard__tab--active{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-xs);color:var(--brand-primary)}.leaderboard__tab-icon{font-size:var(--font-size-md)}.leaderboard__tab-name{display:none}}@layer components{@media(min-width:768px){.leaderboard__tab-name{display:inline}}.leaderboard__list{padding:var(--space-3)}.leaderboard__header{border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);text-transform:uppercase}.leaderboard__col,.leaderboard__header{align-items:center;display:flex}.leaderboard__col--rank{justify-content:center;width:60px}.leaderboard__col--user{flex:1;gap:var(--space-2);min-width:0}.leaderboard__col--value{justify-content:flex-end;text-align:right;width:100px}.leaderboard__content{display:flex;flex-direction:column;gap:var(--space-1);max-height:400px;overflow-y:auto}.leaderboard__entry{align-items:center;background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-md);display:flex;padding:var(--space-2) var(--space-3);transition:all var(--duration-normal) var(--ease-standard)}.leaderboard__entry:hover{background:var(--color-surface-alt);border-color:var(--color-border)}.leaderboard__entry--current{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.03));border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.leaderboard__entry--outside{border-style:dashed}@keyframes rankUp{0%{opacity:.5;transform:translateY(10px)}50%{background:rgba(var(--color-success-rgb),.2)}to{opacity:1;transform:translateY(0)}}@keyframes rankDown{0%{opacity:.5;transform:translateY(-10px)}50%{background:rgba(var(--color-danger-rgb),.2)}to{opacity:1;transform:translateY(0)}}.leaderboard__rank{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);position:relative}.leaderboard__rank--top{font-size:var(--font-size-xl)}.leaderboard__rank-change{animation:fadeInUp .3s ease-out;border-radius:var(--radius-xs);font-size:10px;font-weight:var(--font-weight-semibold);padding:1px 4px;position:absolute;right:-16px;top:-8px}.leaderboard__avatar{background:var(--color-surface-alt);border-radius:var(--radius-full);flex-shrink:0;height:36px;overflow:hidden;position:relative;width:36px}.leaderboard__avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.leaderboard__avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--gray-200),var(--gray-300));color:var(--color-text-secondary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);height:100%;justify-content:center;width:100%}.leaderboard__user-info{display:flex;flex-direction:column;min-width:0}.leaderboard__username{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__title{color:var(--brand-accent);font-size:var(--font-size-xs)}.leaderboard__you-badge{background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-xs);color:var(--brand-primary);font-size:10px;font-weight:var(--font-weight-semibold);margin-left:var(--space-1);padding:2px 6px}.leaderboard__value{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.leaderboard__value--updated{animation:scalePulse .5s ease-out;color:var(--brand-primary)}.leaderboard__unit{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-left:var(--space-1)}.leaderboard__user-rank{border-top:1px solid var(--color-border);padding:var(--space-3)}.leaderboard__user-rank-divider{color:var(--color-text-tertiary);margin-bottom:var(--space-2);text-align:center}.leaderboard__empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8)}.leaderboard__empty-icon{font-size:48px;margin-bottom:var(--space-2)}.leaderboard__empty-text{font-size:var(--font-size-sm)}.leaderboard__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-8)}.leaderboard__loading-spinner{animation:spin 1s linear infinite;border:2px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-full);border-top-color:var(--brand-primary);height:24px;width:24px}.leaderboard__loading-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:640px){.leaderboard__tab,.leaderboard__tabs{padding:var(--space-2)}.leaderboard__col--rank{width:40px}.leaderboard__col--value{width:80px}.leaderboard__avatar{height:32px;width:32px}}}@layer components{.cosmetic{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.cosmetic__tabs{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);padding:var(--space-3)}.cosmetic__tab,.cosmetic__tabs{display:flex;gap:var(--space-1)}.cosmetic__tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:all var(--duration-normal) var(--ease-standard)}.cosmetic__tab:hover{background:var(--color-surface);color:var(--color-text)}.cosmetic__tab--active{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-xs);color:var(--brand-primary)}.cosmetic__tab-icon{font-size:var(--font-size-md)}.cosmetic__tab-name{display:none}@media(min-width:640px){.cosmetic__tab-name{display:inline}}.cosmetic__equipped{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.05),transparent);border-bottom:1px solid var(--color-border);padding:var(--space-4)}.cosmetic__equipped-header{margin-bottom:var(--space-3)}.cosmetic__equipped-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.cosmetic__equipped-slots{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-1)}.cosmetic__equipped-slot{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);min-width:80px;position:relative}.cosmetic__equipped-item{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;height:56px;justify-content:center;overflow:hidden;transition:all var(--duration-normal) var(--ease-standard);width:56px}.cosmetic__equipped-item img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cosmetic__equipped-item--empty{background:var(--color-surface-alt);border-style:dashed}.cosmetic__equipped-slot--filled .cosmetic__equipped-item{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.cosmetic__equipped-icon{color:var(--color-text-tertiary);font-size:var(--font-size-xl)}.cosmetic__equipped-name{color:var(--color-text-secondary);font-size:var(--font-size-xs);max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cosmetic__unequip-btn{align-items:center;background:var(--color-danger);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;opacity:0;position:absolute;right:8px;top:-4px;transition:all var(--duration-fast) var(--ease-standard);width:20px}.cosmetic__equipped-slot:hover .cosmetic__unequip-btn{opacity:1}.cosmetic__unequip-btn:hover{background:#c0392b;transform:scale(1.1)}.cosmetic__inventory{padding:var(--space-4)}.cosmetic__inventory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.cosmetic__inventory-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.cosmetic__inventory-count{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.cosmetic__inventory-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cosmetic__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-2);position:relative;transition:all var(--duration-normal) var(--ease-standard)}.cosmetic__item:hover{border-color:var(--cosmetic-rarity-color,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.cosmetic__item--equipped{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),transparent);border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.cosmetic__item--locked{cursor:not-allowed;filter:grayscale(.6);opacity:.5}.cosmetic__item--locked:hover{box-shadow:none;transform:none}.cosmetic__item-preview{align-items:center;aspect-ratio:1;background:var(--cosmetic-rarity-bg,var(--color-surface-alt));border-radius:var(--radius-sm);display:flex;justify-content:center;margin-bottom:var(--space-2);overflow:hidden;position:relative;width:100%}.cosmetic__item-preview img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cosmetic__item-placeholder{font-size:32px}.cosmetic__item-lock{background:rgba(0,0,0,.4);font-size:24px;top:0;right:0;bottom:0;left:0}.cosmetic__item-equipped-badge,.cosmetic__item-lock{align-items:center;display:flex;justify-content:center;position:absolute}.cosmetic__item-equipped-badge{background:var(--brand-primary);border-radius:var(--radius-full);color:var(--color-white);font-size:12px;height:20px;right:4px;top:4px;width:20px}.cosmetic__item-info{display:flex;flex-direction:column;gap:var(--space-1)}.cosmetic__item-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cosmetic__item-meta{align-items:center;display:flex;justify-content:space-between}.cosmetic__item-rarity{color:var(--cosmetic-rarity-color,var(--color-text-secondary));font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.cosmetic__item-source{font-size:var(--font-size-sm)}.cosmetic__equip-btn,.cosmetic__item .cosmetic__unequip-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);transition:all var(--duration-fast) var(--ease-standard);width:100%}.cosmetic__equip-btn{background:var(--brand-primary);color:var(--color-white)}.cosmetic__equip-btn:hover{background:var(--brand-primary-dark)}.cosmetic__item .cosmetic__unequip-btn{background:var(--gray-200);border-radius:var(--radius-sm);color:var(--color-text-secondary);height:auto;opacity:1;position:static;width:100%}.cosmetic__item .cosmetic__unequip-btn:hover{background:var(--gray-300);transform:none}.cosmetic__empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:var(--space-8)}.cosmetic__empty-icon{font-size:48px;margin-bottom:var(--space-2)}.cosmetic__empty-text{font-size:var(--font-size-sm)}.cosmetic__preview-modal{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.cosmetic__preview-backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.6);top:0;right:0;bottom:0;left:0;position:absolute}.cosmetic__preview-content{animation:scaleIn .3s ease-out;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-width:320px;padding:var(--space-4);position:relative;width:100%}.cosmetic__preview-close{align-items:center;background:var(--color-surface-alt);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-md);height:28px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);transition:all var(--duration-fast) var(--ease-standard);width:28px}.cosmetic__preview-close:hover{background:var(--gray-300);color:var(--color-text)}.cosmetic__preview-image{align-items:center;aspect-ratio:1;background:var(--color-surface-alt);border-radius:var(--radius-md);display:flex;justify-content:center;margin-bottom:var(--space-3);overflow:hidden;width:100%}.cosmetic__preview-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cosmetic__preview-placeholder{font-size:64px}.cosmetic__preview-info{margin-bottom:var(--space-3);text-align:center}.cosmetic__preview-name{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.cosmetic__preview-meta{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-2)}.cosmetic__preview-type{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cosmetic__preview-rarity{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.cosmetic__preview-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-2)}.cosmetic__preview-source{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.cosmetic__preview-equip-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-3);transition:all var(--duration-normal) var(--ease-standard);width:100%}.cosmetic__preview-equip-btn:hover{background:linear-gradient(135deg,var(--brand-primary-dark),var(--brand-primary-darker));box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.cosmetic__preview-locked{align-items:center;background:var(--color-surface-alt);border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-base);justify-content:center;padding:var(--space-3)}@media(max-width:640px){.cosmetic__equipped-slots{gap:var(--space-2)}.cosmetic__equipped-slot{min-width:70px}.cosmetic__equipped-item{height:48px;width:48px}.cosmetic__inventory-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}}@layer components{@keyframes xpGainFloat{0%{opacity:1;transform:translateY(0) scale(1)}20%{transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.xp-bar-flash{overflow:hidden;position:relative}.xp-bar-flash:after{animation:xpBarFlash .6s ease-out;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes xpBarFlash{0%{left:-100%}to{left:100%}}@keyframes xpCountUp{0%{transform:scale(1)}50%{color:var(--brand-primary);transform:scale(1.3)}to{transform:scale(1)}}@keyframes xpParticle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--particle-x,20px),var(--particle-y,-30px)) scale(0)}}@keyframes levelUpBackdrop{0%{opacity:0}to{opacity:1}}@keyframes levelUpContent{0%{opacity:0;transform:scale(.5) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes levelUpBadge{0%,to{box-shadow:0 0 0 8px rgba(255,215,0,.3),0 0 40px rgba(255,215,0,.5),0 20px 40px rgba(0,0,0,.3);transform:scale(1) rotate(0)}50%{box-shadow:0 0 0 12px rgba(255,215,0,.4),0 0 60px rgba(255,215,0,.6),0 25px 50px rgba(0,0,0,.3);transform:scale(1.05) rotate(2deg)}}@keyframes levelUpTitle{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes firework{0%{opacity:1;transform:translate(0) scale(1)}50%{opacity:1}to{opacity:0;transform:translate(var(--fw-x,100px),var(--fw-y,-100px)) scale(0)}}@keyframes levelUpStar{0%{opacity:0;transform:scale(0) rotate(0)}20%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(.5) rotate(1turn) translateY(-100px)}}.progress-fill-smooth{transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill-bounce{transition:width .6s cubic-bezier(.34,1.56,.64,1)}.progress-glow{position:relative}.progress-glow:after{animation:progressGlow 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6));border-radius:inherit;content:"";height:100%;position:absolute;right:0;top:0;width:20px}@keyframes progressGlow{0%,to{opacity:.5}50%{opacity:1}}.progress-striped{animation:progressStripes 1s linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:20px 20px}@keyframes progressStripes{0%{background-position:20px 0}to{background-position:0 0}}.progress-complete-pulse{animation:progressCompletePulse .6s ease-out}@keyframes progressCompletePulse{0%{box-shadow:0 0 rgba(var(--color-success-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--color-success-rgb),0)}to{box-shadow:0 0 rgba(var(--color-success-rgb),0)}}@keyframes rankUpAnimation{0%{opacity:0;transform:translateY(20px)}50%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes rankDownAnimation{0%{opacity:0;transform:translateY(-20px)}50%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes rankChangeIndicator{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.1)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0}}@keyframes rankHighlight{0%,to{background:transparent}25%,75%{background:rgba(var(--color-primary-rgb),.15)}}@keyframes streakFire{0%,to{filter:brightness(1);transform:scale(1) rotate(-2deg)}50%{filter:brightness(1.2);transform:scale(1.1) rotate(2deg)}}.gamify-streak__days--updated{animation:streakDaysUpdate .5s ease-out}@keyframes streakDaysUpdate{0%{transform:scale(1)}50%{color:#ff6b35;transform:scale(1.3)}to{transform:scale(1)}}@keyframes milestoneReached{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes rewardClaimed{0%{transform:scale(1)}30%{transform:scale(.9)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rewardFlyIn{0%{opacity:0;transform:translateY(-50px) scale(.5) rotate(-10deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes rewardShine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes challengeCompleteCheck{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}@keyframes challengeProgressIncrease{0%{transform:scaleX(.95)}50%{transform:scaleX(1.02)}to{transform:scaleX(1)}}.badge-bounce{animation:badgeBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes badgeBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.badge-pulse{animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 rgba(var(--color-danger-rgb),.4);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(var(--color-danger-rgb),0);transform:scale(1.1)}}@keyframes cosmeticEquipped{0%{opacity:.5;transform:scale(.9)}50%{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.5);transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes cosmeticPreviewRotate{0%{transform:rotateY(0)}to{transform:rotateY(1turn)}}@keyframes seasonLevelUp{0%{transform:scale(1)}30%{transform:scale(.9)}60%{box-shadow:0 0 30px rgba(var(--color-primary-rgb),.5);transform:scale(1.2)}to{transform:scale(1)}}@keyframes seasonRewardUnlock{0%{filter:grayscale(1) brightness(.5);transform:scale(.9)}50%{filter:grayscale(0) brightness(1.2);transform:scale(1.1)}to{filter:grayscale(0) brightness(1);transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer pages{.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:var(--modal-padding);position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:2000}.modal:not(.hidden){opacity:1;visibility:visible}.modal.hidden{display:none}.modal-backdrop{backdrop-filter:blur(4px);background:var(--overlay-bg);height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{animation:modalAppear .3s ease;background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%;z-index:2001}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:linear-gradient(90deg,rgba(59,130,246,.08),rgba(59,130,246,.04));border-bottom:1px solid var(--color-divider);display:flex;justify-content:space-between;padding:var(--space-4)}.modal-header h2{font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0}.modal-close,.modal-header h2{color:var(--color-text);font-size:var(--font-size-xl)}.modal-close{align-items:center;background:var(--color-secondary);border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--duration-fast) var(--ease-standard);width:36px}.modal-close:hover{background:var(--color-secondary-hover);transform:scale(1.05)}.modal-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.region-overview{background:var(--color-surface-alt);border-radius:var(--radius-md);margin-bottom:var(--space-5);padding:var(--space-5);text-align:center}.quote-header{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.quote-title{align-items:baseline;display:inline-flex;gap:var(--space-2)}.quote-name{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.quote-code{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.quote-sub{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.meta-chip{align-items:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.modal-content.region-detail-modal{backdrop-filter:blur(12px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:92vh;max-width:1100px;min-width:300px;overflow:hidden;width:94%}.modal-content.region-detail-modal .modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:none;flex-shrink:0;padding:16px 24px;position:relative}.modal-content.region-detail-modal .modal-header:after{display:none}.modal-content.region-detail-modal .modal-header h2{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-content.region-detail-modal .modal-header h2:before{content:"📍";font-size:14px}.modal-content.region-detail-modal .modal-close{align-items:center;background:rgba(255,255,255,.2);border:none;border-radius:8px;color:#fff;display:flex;font-size:20px;font-weight:400;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-content.region-detail-modal .modal-close:hover{background:rgba(255,255,255,.3);color:#fff;transform:scale(1.05)}.modal-content.region-detail-modal .simulation-notice{align-items:center;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:6px;color:#92400e;display:flex;font-size:12px;gap:8px;margin-bottom:12px;padding:8px 12px}.modal-content.region-detail-modal .simulation-notice:before{content:"⚠️";flex-shrink:0;font-size:12px}.modal-content.region-detail-modal .simulation-notice strong{color:#b45309;font-weight:600;margin-right:2px}.region-debug-modal{background:#fff;border:2px solid red;box-shadow:0 4px 6px rgba(0,0,0,.1);left:50%;max-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.region-debug-modal__title{color:red}.region-debug-modal__payload{background:#f5f5f5;max-height:200px;overflow:auto;padding:10px}.region-debug-modal__close{margin-top:10px;padding:5px 10px}.modal-content.region-detail-modal .quote-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;display:none;margin-bottom:16px;padding:16px 20px;text-align:left}.modal-content.region-detail-modal .quote-title{align-items:baseline;display:flex;gap:12px;justify-content:flex-start;margin-bottom:8px}.modal-content.region-detail-modal .quote-name{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.02em}.modal-content.region-detail-modal .quote-code{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:12px;font-weight:500;padding:3px 8px}.modal-content.region-detail-modal .quote-sub{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:8px}.modal-content.region-detail-modal .meta-chip{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.04);color:#94a3b8;font-size:12px;font-weight:500;padding:5px 10px}.modal-content.region-detail-modal .meta-chip#modalHeatIndexChip{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.08));border-color:rgba(239,68,68,.3);color:#dc2626}.modal-content.region-detail-modal .meta-chip#modalHeatIndexChip b{color:#dc2626;font-weight:700}.modal-content.region-detail-modal .meta-time{color:var(--color-text-tertiary);font-size:12px}.modal-content.region-detail-modal .quote-strip{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;gap:16px;justify-content:space-between;margin:0 0 12px;padding:14px 18px}.modal-content.region-detail-modal .quote-price{align-items:baseline;display:flex;gap:6px}.modal-content.region-detail-modal .current-price{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;color:#1e293b;font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;-webkit-text-fill-color:transparent;background-clip:text}.modal-content.region-detail-modal .unit{color:#64748b;font-size:14px;font-weight:600}.modal-content.region-detail-modal .quote-change{align-items:center;display:flex;flex-direction:row;gap:10px}.modal-content.region-detail-modal .chg-abs{font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.modal-content.region-detail-modal .chg-pct{border-radius:16px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;padding:4px 10px}.modal-content.region-detail-modal .chg-abs.up,.modal-content.region-detail-modal .chg-pct.up{background:rgba(16,185,129,.12);color:#059669}.modal-content.region-detail-modal .chg-abs.down,.modal-content.region-detail-modal .chg-pct.down{background:rgba(239,68,68,.12);color:#dc2626}.modal-content.region-detail-modal .chg-abs.down,.modal-content.region-detail-modal .chg-abs.up{background:transparent}.modal-content.region-detail-modal .region-features{align-items:center;background:linear-gradient(135deg,rgba(139,92,246,.06),rgba(168,85,247,.03));border:1px solid rgba(139,92,246,.12);border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px;padding:12px 16px}.modal-content.region-detail-modal .region-features h4{align-items:center;color:#7c3aed;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0;white-space:nowrap}.modal-content.region-detail-modal .features-list{display:flex;flex-wrap:wrap;gap:6px}.modal-content.region-detail-modal .feature-tag{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.15);border-radius:14px;box-shadow:0 1px 2px rgba(139,92,246,.08);color:#7c3aed;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease}.modal-content.region-detail-modal .feature-tag:hover{background:rgba(139,92,246,.18);box-shadow:0 3px 6px rgba(139,92,246,.15);transform:translateY(-1px)}.modal-content.region-detail-modal .info-tabs{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;margin:0 0 16px;padding:4px}.modal-content.region-detail-modal .info-tab{background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px}.modal-content.region-detail-modal .info-tab:hover{background:rgba(59,130,246,.08);color:#3b82f6}.modal-content.region-detail-modal .info-tab.active{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);color:#3b82f6;font-weight:600}.modal-content.region-detail-modal .info-content{display:none}.modal-content.region-detail-modal .info-content:not(.hidden){display:block}.modal-content.region-detail-modal .quote-board{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.modal-content.region-detail-modal .quote-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.04);padding:12px;text-align:center;transition:all .2s ease}.modal-content.region-detail-modal .quote-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.modal-content.region-detail-modal .quote-item .label{color:#94a3b8;font-size:11px;font-weight:500;margin-bottom:4px}.modal-content.region-detail-modal .quote-item .value{color:#1e293b;font-size:15px;font-weight:700}.modal-content.region-detail-modal .quote-item .value.positive{color:var(--color-positive)}.modal-content.region-detail-modal .quote-item .value.negative{color:var(--color-negative)}.modal-content.region-detail-modal .quote-board-toggle{grid-column:1/-1;margin-top:16px;text-align:center}.modal-content.region-detail-modal .quote-board-toggle .btn{background:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.2);border-radius:20px;color:var(--color-primary);font-size:13px;padding:8px 20px}.modal-content.region-detail-modal .quote-board-toggle .btn:hover{background:rgba(52,152,219,.15);border-color:rgba(52,152,219,.3)}.modal-content.region-detail-modal .basic-info-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.modal-content.region-detail-modal .info-item{background:rgba(255,255,255,.8);border:1px solid rgba(52,152,219,.1);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.03);padding:14px}.modal-content.region-detail-modal .info-item.full-width{grid-column:1/-1}.modal-content.region-detail-modal .info-item .label{color:var(--color-text-secondary);font-size:12px;font-weight:500;margin-bottom:6px}.modal-content.region-detail-modal .info-item .value{color:var(--color-text);font-size:14px;font-weight:500}.modal-content.region-detail-modal .basic-info-toggle{grid-column:1/-1;margin-top:16px;text-align:center}.modal-content.region-detail-modal .basic-info-toggle .btn{background:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.2);border-radius:20px;color:var(--color-primary);font-size:13px;padding:8px 20px}.modal-content.region-detail-modal .basic-info-toggle .btn:hover{background:rgba(52,152,219,.15);border-color:rgba(52,152,219,.3)}.modal-content.region-detail-modal .region-chart{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:16px}.modal-content.region-detail-modal .region-chart h4{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.modal-content.region-detail-modal .chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.modal-content.region-detail-modal .chart-tabs{background:#e2e8f0;border-radius:8px;display:flex;flex-wrap:nowrap;gap:4px;padding:4px}.modal-content.region-detail-modal .chart-tab{background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:8px 14px;position:relative}.modal-content.region-detail-modal .chart-tab:hover{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#1e293b;transform:none}.modal-content.region-detail-modal .chart-tab.active{background:#3b82f6;border:none;box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff;transform:none}.modal-content.region-detail-modal .chart-tab:active{transform:scale(.98)}.modal-content.region-detail-modal .chart-tab:after{background:rgba(255,255,255,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.modal-content.region-detail-modal .chart-tab:active:after{height:200px;width:200px}.modal-content.region-detail-modal .chart-container.kline-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin:12px 0;padding:12px}.modal-content.region-detail-modal .indicator-notes{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:12px;padding:12px 16px}.modal-content.region-detail-modal .note-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:8px}.modal-content.region-detail-modal .note-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.modal-content.region-detail-modal .note-dot.bg-positive{background:var(--color-positive)}.modal-content.region-detail-modal .note-dot.bg-info{background:var(--color-primary)}.modal-content.region-detail-modal .note-dot.bg-warning{background:#f39c12}.modal-content.region-detail-modal .region-chart{animation:slideUpFadeIn .6s ease forwards;opacity:0;transform:translateY(20px)}.modal-content.region-detail-modal .chart-container.kline-chart-container{animation:slideUpFadeIn .6s ease .9s forwards;background:rgba(255,255,255,.7);border:1px solid rgba(52,152,219,.15);border-radius:14px;box-shadow:0 2px 4px rgba(0,0,0,.03);margin:16px 0;opacity:0;padding:16px;transform:translateY(20px)}.modal-content.region-detail-modal .chart-tabs{animation:slideUpFadeIn .6s ease .7s forwards;opacity:0;transform:translateY(20px)}.modal-content.region-detail-modal .echarts-chart{position:relative}.modal-content.region-detail-modal .echarts-chart:before{animation:chartLoading 1.5s infinite;background:linear-gradient(90deg,transparent,rgba(52,152,219,.1),transparent);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.modal-content.region-detail-modal .echarts-chart.loading:before{opacity:1}}@layer pages{@keyframes chartLoading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-content.region-detail-modal .echarts-chart .data-point{animation:dataPointAppear .3s ease-out}@keyframes dataPointAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.modal-content.region-detail-modal .echarts-chart .line-path{animation:lineDraw 1.5s ease-out forwards;stroke-dasharray:1000;stroke-dashoffset:1000}@keyframes lineDraw{to{stroke-dashoffset:0}}.modal-content.region-detail-modal .region-trading{margin-top:16px}.modal-content.region-detail-modal .trade-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:0;height:auto;margin:0;overflow:hidden;padding:0}.modal-content.region-detail-modal .trade-panel__header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #e2e8f0;margin-bottom:0;padding:14px 16px}.modal-content.region-detail-modal .trade-wallet{align-items:center;background:transparent;border:none;border-radius:0;box-shadow:none;color:#64748b;display:inline-flex;font-size:13px;font-weight:500;gap:10px;padding:0}.modal-content.region-detail-modal .trade-wallet h4{color:#3b82f6;font-size:13px;font-weight:600;margin:0}.modal-content.region-detail-modal .wallet-divider{background:#cbd5e1;height:14px;width:1px}.modal-content.region-detail-modal .trade-wallet strong{color:#f59e0b;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}.modal-content.region-detail-modal .trade-panel__body{align-items:stretch;background:#fff;display:flex;flex-direction:column;gap:12px;padding:12px 16px 16px}.modal-content.region-detail-modal .trade-auth-hint{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px dashed #fcd34d;border-radius:10px;grid-column:1/-1;margin-bottom:0;padding:20px;text-align:center}.modal-content.region-detail-modal .trade-auth-hint[hidden]{display:none!important}.modal-content.region-detail-modal .trade-auth-hint p{color:#92400e;font-size:14px;margin-bottom:16px}.modal-content.region-detail-modal .hint-actions{display:flex;gap:12px;justify-content:center}.modal-content.region-detail-modal .trade-form{background:transparent;border:none;border-radius:0;display:flex;flex-direction:column;gap:14px;margin-bottom:0;padding:0}.modal-content.region-detail-modal .trade-form .form-group{margin-bottom:0}.modal-content.region-detail-modal .trade-form .form-group label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:6px}.modal-content.region-detail-modal .trade-form .form-group label:before{background:#3b82f6;border-radius:2px;content:"";height:14px;width:3px}.modal-content.region-detail-modal .trade-form .form-control{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;padding:12px 14px;transition:all .2s ease;width:100%}.modal-content.region-detail-modal .trade-form .form-control:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12);outline:none}.modal-content.region-detail-modal .trade-form__meta{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:4px}.modal-content.region-detail-modal .trade-form__meta span{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;flex-direction:row;font-size:12px;gap:6px;justify-content:space-between;padding:10px 12px}.modal-content.region-detail-modal .trade-form__meta strong{color:#1e293b;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700}.modal-content.region-detail-modal .trade-actions{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.modal-content.region-detail-modal .btn--buy{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(239,68,68,.25);color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.modal-content.region-detail-modal .btn--buy:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px rgba(239,68,68,.35)}.modal-content.region-detail-modal .btn--sell{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(16,185,129,.25);color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.modal-content.region-detail-modal .btn--sell:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px rgba(16,185,129,.35)}.modal-content.region-detail-modal .trade-position-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-top:0;overflow:hidden;padding:0}.modal-content.region-detail-modal .trade-position-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;color:#475569;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:0;padding:12px 14px}.modal-content.region-detail-modal .trade-position-header:before{content:"📊";font-size:14px}.modal-content.region-detail-modal .trade-position-empty{background:#fafafa;color:#94a3b8;font-size:13px;padding:24px 16px;text-align:center}.modal-content.region-detail-modal .trade-position-grid{display:grid;gap:0;grid-template-columns:repeat(2,1fr);padding:0}.modal-content.region-detail-modal .trade-position-grid>div{background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;padding:12px 14px;transition:background .2s ease}.modal-content.region-detail-modal .trade-position-grid>div:hover{background:rgba(59,130,246,.05)}.modal-content.region-detail-modal .trade-position-grid>div:nth-child(odd){border-right:1px solid #f1f5f9}.modal-content.region-detail-modal .trade-position-grid>div:nth-last-child(-n+2){border-bottom:none}.modal-content.region-detail-modal .trade-position-label{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.modal-content.region-detail-modal .trade-position-grid dd{color:#1e293b;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;margin:0}.modal-content.region-detail-modal .trade-position-pnl{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-top:1px solid #bfdbfe;grid-column:1/-1}.modal-content.region-detail-modal .trade-position-pnl .trade-position-label{color:#3b82f6}.modal-content.region-detail-modal .trade-position-pnl dd{align-items:center;display:flex;gap:16px}.modal-content.region-detail-modal .trade-pnl{border-radius:8px;font-size:14px;font-weight:700;padding:5px 12px}.modal-content.region-detail-modal #tradePositionPnLPct.positive,.modal-content.region-detail-modal .trade-pnl.positive{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.1));color:#dc2626}.modal-content.region-detail-modal #tradePositionPnLPct.negative,.modal-content.region-detail-modal .trade-pnl.negative{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.1));color:#059669}.modal-content.region-detail-modal .modal-actions{background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.modal-content.region-detail-modal .modal-actions .btn{align-items:center;border-radius:10px;display:flex;flex:1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.modal-content.region-detail-modal .modal-actions .btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.modal-content.region-detail-modal .modal-actions .btn--primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-2px)}.modal-content.region-detail-modal .modal-actions .btn--secondary{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;box-shadow:0 4px 12px rgba(251,191,36,.25);color:#1e293b}.modal-content.region-detail-modal .modal-actions .btn--secondary:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px rgba(251,191,36,.35);transform:translateY(-2px)}.modal-content.region-detail-modal .modal-actions .btn--outline{background:#fff;border:1px solid #e2e8f0;color:#64748b}.modal-content.region-detail-modal .modal-actions .btn--outline:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.modal-content.region-detail-modal .modal-actions .btn-icon{font-size:16px}@media(max-width:768px){.modal-content.region-detail-modal{border-radius:14px;margin:12px;max-height:95vh;max-width:calc(100% - 24px);min-width:0;overflow-x:hidden;width:calc(100% - 24px)}.modal-content.region-detail-modal .modal-body{max-height:calc(95vh - 80px);min-width:0;overflow-x:hidden;overflow-y:auto;padding:16px}.modal-content.region-detail-modal .modal-header{padding:16px 20px}.modal-content.region-detail-modal .modal-header h2{font-size:20px}.modal-content.region-detail-modal .quote-name{font-size:22px}.modal-content.region-detail-modal .current-price{font-size:28px}.modal-content.region-detail-modal .quote-strip{flex-direction:column;gap:16px;padding:16px}.modal-content.region-detail-modal .quote-board{grid-template-columns:repeat(2,1fr);overflow-x:hidden}.modal-content.region-detail-modal .basic-info-grid{grid-template-columns:1fr;overflow-x:hidden}.modal-content.region-detail-modal .modal-actions,.modal-content.region-detail-modal .trade-form{grid-template-columns:1fr}.modal-content.region-detail-modal .chart-tabs{justify-content:center;overflow-x:auto;white-space:nowrap}.modal-content.region-detail-modal .chart-tabs::-webkit-scrollbar{height:6px}.modal-content.region-detail-modal .chart-tabs::-webkit-scrollbar-thumb{background:rgba(52,152,219,.3);border-radius:3px}}@media(max-width:480px){.modal-content.region-detail-modal{border-radius:12px;margin:8px;max-height:95vh;max-width:calc(100% - 16px);min-width:0;width:calc(100% - 16px)}.modal-content.region-detail-modal .modal-body{max-height:calc(95vh - 70px);min-width:0;overflow-x:hidden;overflow-y:auto;padding:12px}.modal-content.region-detail-modal .quote-name{font-size:20px}.modal-content.region-detail-modal .current-price{font-size:24px}.modal-content.region-detail-modal .info-item,.modal-content.region-detail-modal .quote-item,.modal-content.region-detail-modal .quote-strip{padding:12px}.modal-content.region-detail-modal .trade-actions{flex-direction:column}.modal-content.region-detail-modal .chart-tab,.modal-content.region-detail-modal .info-tab{align-items:center;display:flex;justify-content:center;min-height:44px;padding:12px 16px}.modal-content.region-detail-modal .btn{align-items:center;display:flex;justify-content:center;min-height:44px}.modal-content.region-detail-modal .feature-tag{padding:8px 12px}.modal-content.region-detail-modal .meta-chip{padding:6px 12px}.modal-content.region-detail-modal .quote-strip{gap:12px}.modal-content.region-detail-modal .current-price{font-size:22px}.modal-content.region-detail-modal .chart-container.kline-chart-container{padding:12px}.modal-content.region-detail-modal .trade-panel{padding:16px}.modal-content.region-detail-modal .trade-form{gap:12px}.modal-content.region-detail-modal .modal-actions .btn{font-size:14px;padding:14px}.modal-content.region-detail-modal .basic-info-grid,.modal-content.region-detail-modal .chart-tabs,.modal-content.region-detail-modal .quote-board{-webkit-overflow-scrolling:touch}}.modal-content.region-detail-modal .btn.loading{opacity:.7;pointer-events:none;position:relative}.modal-content.region-detail-modal .btn.loading:after{animation:buttonSpin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes buttonSpin{to{transform:rotate(1turn)}}.modal-content.region-detail-modal .loading-indicator{align-items:center;color:var(--color-primary);display:flex;justify-content:center;padding:20px}.modal-content.region-detail-modal .loading-indicator .spinner{animation:spin 1s linear infinite;border:2px solid rgba(var(--color-primary-rgb),.2);border-radius:50%;border-top-color:var(--color-primary);height:24px;margin-right:10px;width:24px}.modal-content.region-detail-modal .error-message{align-items:center;color:var(--color-danger);display:flex;font-size:12px;gap:4px;margin-top:4px}.modal-content.region-detail-modal .success-message{align-items:center;color:var(--color-secondary);display:flex;font-size:12px;gap:4px;margin-top:4px}.modal-content.region-detail-modal .warning-message{align-items:center;color:var(--color-warning);display:flex;font-size:12px;gap:4px;margin-top:4px}.modal-content.region-detail-modal .interactive-element{transition:all .2s ease}.modal-content.region-detail-modal .interactive-element:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.modal-content.region-detail-modal .interactive-element:active{box-shadow:0 2px 4px rgba(0,0,0,.05);transform:translateY(0)}.modal-content.region-detail-modal .tooltip{position:relative}.modal-content.region-detail-modal .tooltip:after{background:rgba(0,0,0,.8);border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translate(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap}.modal-content.region-detail-modal .tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-5px);visibility:visible}.modal-content.region-detail-modal .progress-bar{background:rgba(52,152,219,.2);border-radius:2px;height:4px;margin:8px 0;overflow:hidden}.modal-content.region-detail-modal .progress-fill{background:var(--color-primary);border-radius:2px;height:100%;transition:width .3s ease;width:0}.modal-content.region-detail-modal .notification{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;font-size:14px;padding:12px 16px;position:fixed;right:20px;top:20px;transform:translate(100%);transition:transform .3s ease;z-index:3000}.modal-content.region-detail-modal .notification.show{transform:translate(0)}.modal-content.region-detail-modal .notification.success{background:var(--color-secondary)}.modal-content.region-detail-modal .notification.error{background:var(--color-danger)}.modal-content.region-detail-modal .notification.warning{background:var(--color-warning)}.modal-content.region-detail-modal .notification.info{background:var(--color-primary)}@media(max-width:768px){.modal-content.region-detail-modal .modal-body{-webkit-overflow-scrolling:touch}.modal-content.region-detail-modal input[type=number]{font-size:16px}}@supports (padding:max(0px)){.modal-content.region-detail-modal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}@media(hover:none){.modal-content.region-detail-modal .btn:hover,.modal-content.region-detail-modal .chart-tab:hover,.modal-content.region-detail-modal .info-item:hover,.modal-content.region-detail-modal .info-tab:hover,.modal-content.region-detail-modal .quote-item:hover{box-shadow:none;transform:none}.modal-content.region-detail-modal .btn:active,.modal-content.region-detail-modal .chart-tab:active,.modal-content.region-detail-modal .info-item:active,.modal-content.region-detail-modal .info-tab:active,.modal-content.region-detail-modal .quote-item:active{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}}@media(max-width:768px){.modal-content.region-detail-modal .basic-info-grid,.modal-content.region-detail-modal .quote-board{scroll-snap-type:x mandatory}.modal-content.region-detail-modal .info-item,.modal-content.region-detail-modal .quote-item{scroll-snap-align:start}.modal-content.region-detail-modal .trade-form{scroll-margin-top:20vh}}.modal.region-detail-modal{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.modal.region-detail-modal:not(.hidden){opacity:1;visibility:visible}.modal-content.region-detail-modal{opacity:0;transform:scale(.95);transition:transform .3s ease,opacity .3s ease}.modal:not(.hidden) .modal-content.region-detail-modal{opacity:1;transform:scale(1)}.modal-content.region-detail-modal .info-tabs,.modal-content.region-detail-modal .modal-actions,.modal-content.region-detail-modal .modal-header,.modal-content.region-detail-modal .quote-board,.modal-content.region-detail-modal .quote-header,.modal-content.region-detail-modal .quote-strip,.modal-content.region-detail-modal .region-chart,.modal-content.region-detail-modal .region-features,.modal-content.region-detail-modal .simulation-notice,.modal-content.region-detail-modal .trade-panel{animation:slideUpFadeIn .5s ease forwards;opacity:0;transform:translateY(20px)}.modal-content.region-detail-modal .modal-header{animation-delay:.1s}.modal-content.region-detail-modal .simulation-notice{animation-delay:.2s}.modal-content.region-detail-modal .quote-header{animation-delay:.3s}.modal-content.region-detail-modal .quote-strip{animation-delay:.4s}.modal-content.region-detail-modal .region-features{animation-delay:.5s}.modal-content.region-detail-modal .info-tabs{animation-delay:.6s}.modal-content.region-detail-modal .quote-board{animation-delay:.7s}.modal-content.region-detail-modal .region-chart{animation-delay:.8s}.modal-content.region-detail-modal .trade-panel{animation-delay:.9s}.modal-content.region-detail-modal .modal-actions{animation-delay:1s}@keyframes slideUpFadeIn{to{opacity:1;transform:translateY(0)}}.modal-content.region-detail-modal .btn{overflow:hidden;position:relative;transition:all .2s ease}.modal-content.region-detail-modal .btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-content.region-detail-modal .btn:hover:before{left:100%}.modal-content.region-detail-modal .btn--primary:hover{box-shadow:0 4px 8px rgba(52,152,219,.3);transform:translateY(-2px)}.modal-content.region-detail-modal .btn--secondary:hover{box-shadow:0 4px 8px rgba(46,204,113,.3);transform:translateY(-2px)}.modal-content.region-detail-modal .btn--outline:hover{box-shadow:0 4px 8px rgba(52,152,219,.1);transform:translateY(-2px)}.modal-content.region-detail-modal .btn--buy:hover{box-shadow:0 4px 8px rgba(46,204,113,.3);transform:translateY(-2px)}.modal-content.region-detail-modal .btn--sell:hover{box-shadow:0 4px 8px rgba(231,76,60,.3);transform:translateY(-2px)}.modal-content.region-detail-modal .chart-tab{transition:all .2s ease}.modal-content.region-detail-modal .chart-tab.active{transform:translateY(-2px)}.modal-content.region-detail-modal .info-tab{transition:all .2s ease}.modal-content.region-detail-modal .info-tab.active{transform:translateY(-2px)}.modal-content.region-detail-modal .info-item,.modal-content.region-detail-modal .quote-item{transition:all .2s ease}.modal-content.region-detail-modal .info-item:hover,.modal-content.region-detail-modal .quote-item:hover{box-shadow:0 6px 12px rgba(0,0,0,.1);transform:translateY(-3px)}.modal.region-detail-modal{align-items:flex-start;justify-content:center;overflow-x:auto;padding:10px}.modal-content.region-detail-modal .modal-body{background:#fff;flex:1;min-height:0;overflow-x:visible;overflow-y:auto;padding:20px}.modal-content.region-detail-modal::-webkit-scrollbar{height:8px}.modal-content.region-detail-modal::-webkit-scrollbar-track{background:#f1f5f9}.modal-content.region-detail-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content.region-detail-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-content.region-detail-modal .basic-info-grid,.modal-content.region-detail-modal .chart-tabs,.modal-content.region-detail-modal .quote-board{-webkit-overflow-scrolling:touch}@media(max-width:768px){.modal.region-detail-modal{align-items:flex-start;padding:5px}.modal-content.region-detail-modal{max-height:95vh}}@media(max-width:480px){.modal.region-detail-modal{padding:2px}.modal-content.region-detail-modal{max-height:95vh}}body.modal-open{overflow:hidden}.modal-content.region-detail-modal .region-split--horizontal{align-items:start;display:grid;gap:20px;grid-template-columns:1.6fr 1fr;margin-top:16px}.modal-content.region-detail-modal .region-split--horizontal .region-split__left{grid-column:1;min-width:0}.modal-content.region-detail-modal .region-split--horizontal .region-split__right{align-self:start;grid-column:2;min-width:0;position:sticky;top:0}.modal-content.region-detail-modal .chart-container,.modal-content.region-detail-modal .echarts-chart,.modal-content.region-detail-modal .trade-panel{width:100%}.modal-content.region-detail-modal .echarts-chart{background:#fff;border-radius:8px;height:100%;min-height:300px}.modal-content.region-detail-modal .region-split--horizontal .trade-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}@media(max-width:900px){.modal-content.region-detail-modal .region-split--horizontal{grid-template-columns:1fr}.modal-content.region-detail-modal .region-split--horizontal .region-split__left,.modal-content.region-detail-modal .region-split--horizontal .region-split__right{grid-column:1}.modal-content.region-detail-modal .region-split--horizontal .region-split__right{position:static}}}@layer pages{.panel-header--spread{gap:8px 16px;justify-content:space-between}.panel-header--spread,.panel-header__right{align-items:center;display:flex;flex-wrap:wrap}.panel-header__right{gap:16px}.panel-subtitle--right{margin:0}.activities-panel{display:flex;flex-direction:column;height:100%}.activities-board-wrapper,.activities-panel .panel-body{box-sizing:border-box;flex:1;max-width:100%;min-height:0;overflow-y:auto;width:100%}#activitiesBoard{align-content:start;box-sizing:border-box;display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;max-width:100%;padding-right:var(--space-1);width:100%}.activities-panel .panel-body::-webkit-scrollbar{width:6px}.activities-panel .panel-body::-webkit-scrollbar-track{background:transparent}.activities-panel .panel-body::-webkit-scrollbar-thumb{background:rgba(52,152,219,.2);border-radius:3px}.activities-panel .panel-body::-webkit-scrollbar-thumb:hover{background:rgba(52,152,219,.4)}#activitiesBoard>.activity-card,.activity-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:0;max-width:none;min-width:0;overflow:hidden;padding:0;position:relative;transition:all .3s var(--transition-timing);width:100%}.activity-card:before{background:var(--color-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:10}.activity-card:after{display:none}.activity-card[data-status=active]:before{background:var(--color-success)}.activity-card[data-status=pending]:before{background:var(--color-warning)}.activity-card[data-status=ended]:before{background:var(--gray-400)}.activity-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.activity-card>*{box-sizing:border-box;max-width:100%;width:100%}.activity-card__header{align-items:center;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;padding:var(--space-3) var(--space-4);position:relative;z-index:1}.activity-card__phase-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.activity-card__phase{background:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.2);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.activity-card__countdown,.activity-card__phase{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;line-height:1}.activity-card__countdown{background:rgba(52,152,219,.08);font-variant-numeric:tabular-nums}.activity-card__badge,.activity-card__countdown{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.activity-card__badge{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.activity-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);overflow:hidden;padding:var(--space-4);position:relative;z-index:1}.activity-card__title{display:flex;flex-direction:column;gap:var(--space-1)}.activity-card__name{color:var(--color-text);display:-webkit-box;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);-webkit-line-clamp:2;line-clamp:2;line-height:var(--line-height-tight);margin:0;-webkit-box-orient:vertical;overflow:hidden}.activity-card__meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-2) var(--space-4)}.activity-card__meta strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.activity-card__intro{display:none}.activity-card__cities{align-items:center;background:var(--color-surface-alt);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--space-2);margin-top:auto;padding:var(--space-3) var(--space-4)}.activity-card__city-label{color:var(--color-text-tertiary);margin-right:var(--space-1)}.activity-card__city-label,.activity-card__city-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.activity-card__city-tag{background:rgba(52,152,219,.08);border:1px solid rgba(52,152,219,.15);border-radius:var(--radius-sm);color:var(--color-primary);padding:var(--space-1) var(--space-2);transition:all .2s ease}.activity-card__city-tag:hover{background:rgba(52,152,219,.15)}@media(max-width:768px){.activities-panel .panel-body{grid-template-columns:1fr}.activity-card__header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}.activity-card__class-badge{border:1px solid;font-weight:var(--font-weight-bold);transition:all .2s ease}.activity-card__class-badge:hover{transform:scale(1.05)}.activity-card__rewards{align-items:center;border-top:1px dashed var(--color-border);display:flex;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) 0}.activity-card__rewards-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.activity-card__rewards-list{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.activity-card__reward-tag{background:rgba(0,0,0,.03);gap:2px;white-space:nowrap}.activity-card__reward-tag,.activity-card__subscribe-btn{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.activity-card__subscribe-btn{background:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.2);color:var(--color-primary);cursor:pointer;gap:4px;margin-left:auto;transition:all .2s ease}.activity-card__subscribe-btn:hover{background:rgba(52,152,219,.2);border-color:rgba(52,152,219,.3)}.activity-card__subscribe-btn:disabled{cursor:not-allowed;opacity:.6}.activity-card__subscribe-btn.subscribed{background:rgba(46,204,113,.1);border-color:rgba(46,204,113,.2);color:var(--color-success)}.activity-card__subscribe-btn.subscribed:hover{background:rgba(231,76,60,.1);border-color:rgba(231,76,60,.2);color:var(--color-danger)}.activity-card__subscribe-btn .subscribe-icon{font-size:12px}.activity-card__subscribe-btn .subscribe-text{font-size:var(--font-size-xs)}.activities-filter{background:var(--color-surface-alt);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3)}.activities-filter__group{align-items:center;display:flex;gap:var(--space-2)}.activities-filter__label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.activities-filter__select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--font-size-xs);min-width:100px;padding:var(--space-1) var(--space-2)}.activities-filter__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(52,152,219,.1);outline:none}.activities-filter__phases{display:flex;gap:var(--space-1)}.activities-filter__phase-tag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);transition:all .2s ease}.activities-filter__phase-tag:hover{background:rgba(52,152,219,.1);border-color:rgba(52,152,219,.2)}.activities-filter__phase-tag.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.activities-filter__clear{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);transition:all .2s ease}.activities-filter__clear:hover{color:var(--color-danger)}@media(max-width:768px){.activities-filter{flex-direction:column;gap:var(--space-2)}.activities-filter__group{width:100%}.activities-filter__select{flex:1}.activities-filter__phases{flex-wrap:wrap}.activity-card__rewards{align-items:flex-start;flex-direction:column}.activity-card__subscribe-btn{margin-left:0;margin-top:var(--space-2)}}.panel-filter-toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:4px;padding:var(--space-1) var(--space-2);transition:all .2s ease}.panel-filter-toggle:hover{background:rgba(52,152,219,.1);border-color:rgba(52,152,219,.2);color:var(--color-primary)}.panel-filter-toggle.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.panel-filter-toggle .filter-icon{font-size:12px}.activities-filter.collapsed{display:none}.activity-card__intro{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-panel-hidden{display:none}.activity-hero{background:linear-gradient(135deg,#fff,#f0f7ff);border:1px solid rgba(52,152,219,.15);border-radius:20px;box-shadow:0 8px 32px rgba(52,152,219,.08);margin-bottom:24px;overflow:hidden;padding:28px 32px;position:relative}.activity-hero:before{background:linear-gradient(90deg,#3498db,#2ecc71 50%,#9b59b6);content:"";height:5px;left:0;position:absolute;right:0;top:0}.activity-hero__bg,.activity-hero__glow{display:none}.activity-hero__grid{align-items:stretch;display:grid;gap:32px;grid-template-columns:1fr 320px;position:relative;z-index:1}.activity-hero__primary{display:flex;flex-direction:column;gap:16px}.activity-hero__eyebrow{align-items:center;color:#3498db;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.1em;margin:0;text-transform:uppercase}.activity-hero__eyebrow:before{background:linear-gradient(180deg,#3498db,#2ecc71);border-radius:2px;content:"";height:16px;width:4px}.activity-hero__title{color:#1a1a2e;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0}.activity-hero__subtitle{color:#64748b;font-size:14px;line-height:1.6;margin:0;max-width:500px}.activity-hero__meta-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.hero-meta-card{background:#fff;border:1px solid rgba(52,152,219,.12);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);min-width:120px;padding:14px 20px;transition:all .2s ease}.hero-meta-card:hover{border-color:rgba(52,152,219,.3);box-shadow:0 4px 12px rgba(52,152,219,.1)}.hero-meta-card__label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.hero-meta-card__value{color:#1a1a2e;font-size:16px;font-weight:700;margin:0}.activity-hero__regions-block{margin-top:12px}.hero-regions__label{color:#64748b;font-size:12px;font-weight:600;margin:0 0 10px}.activity-hero__regions{display:flex;flex-wrap:wrap;gap:8px}.activity-hero__regions .region-tag{background:linear-gradient(135deg,rgba(52,152,219,.1),rgba(46,204,113,.1));border:1px solid rgba(52,152,219,.2);border-radius:20px;color:#2980b9;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s ease}.activity-hero__regions .region-tag:hover{background:linear-gradient(135deg,rgba(52,152,219,.15),rgba(46,204,113,.15));transform:translateY(-1px)}.activity-hero__status{display:flex;flex-direction:column;gap:16px}.activity-countdown{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:16px;box-shadow:0 8px 24px rgba(52,152,219,.35);color:#fff;overflow:hidden;padding:24px;position:relative;text-align:center}.activity-countdown:before{background:radial-gradient(ellipse,hsla(0,0%,100%,.15) 0,transparent 60%);content:"";height:200%;pointer-events:none;position:absolute;right:-30%;top:-50%;width:100%}.activity-countdown__label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;opacity:.95;position:relative;text-transform:uppercase}.activity-countdown__value{font-family:var(--font-family-mono,monospace);font-size:2.25rem;font-weight:800;letter-spacing:.03em;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.1)}.activity-status__tips{background:#fff;border:1px solid rgba(52,152,219,.12);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:16px}.status-tips__label{align-items:center;color:#3498db;display:flex;font-size:12px;font-weight:700;gap:6px;margin:0 0 8px}.status-tips__label:before{content:"💡";font-size:14px}.status-tips__value{color:#475569;font-size:13px;line-height:1.6;margin:0}}@layer pages{@media(max-width:900px){.activity-hero__grid{grid-template-columns:1fr}.activity-hero__status{flex-direction:row}.activity-countdown,.activity-status__tips{flex:1}}@media(max-width:600px){.activity-hero{padding:20px 16px}.activity-hero__title{font-size:1.25rem}.activity-countdown__value{font-size:1.5rem}.activity-hero__status{flex-direction:column}.hero-meta-card{flex:1;min-width:auto}}.unified-panel__chart-section{background:var(--color-surface);padding:0}.unified-panel__chart-section .panel-header{align-items:center;background:linear-gradient(90deg,rgba(52,152,219,.03),transparent);border-bottom:1px solid var(--color-border-light);border-left:4px solid var(--color-primary);display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4)}.unified-panel__chart-section .panel-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1.2;margin:0}.unified-panel__chart-section .panel-subtitle{color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-xs);margin-left:var(--space-3);margin-top:0}.unified-panel__chart-section .panel-body{padding:var(--space-2) var(--space-4)}.unified-panel__chart-section .kline-chart-container{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);height:420px;margin:var(--space-2) 0;overflow:hidden;position:relative}.chart-tabs{background:#f1f5f9;border:none;border-radius:10px;display:inline-flex;gap:2px;margin-bottom:12px;padding:4px}.chart-tab{background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.chart-tab:hover{background:rgba(255,255,255,.6);color:#1e293b}.chart-tab.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#3498db;font-weight:600}.unified-panel__trade-section{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid rgba(52,152,219,.1);padding:20px 24px}.trade-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.trade-wallet{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(52,152,219,.15);border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);display:inline-flex;gap:16px;padding:12px 20px}.trade-wallet__label{color:var(--color-text-secondary);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.trade-wallet h4,.trade-wallet__label{font-weight:var(--font-weight-bold);margin:0}.trade-wallet h4{color:var(--color-primary);font-size:var(--font-size-md);line-height:1}.wallet-divider{background:var(--color-border);height:16px;width:1px}.trade-wallet__balance{align-items:baseline;display:flex;flex-direction:row;gap:var(--space-2)}.trade-wallet__balance span{color:var(--color-text-secondary);font-size:10px}.trade-wallet__balance strong{color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.trade-content-grid{align-items:stretch;display:grid;gap:var(--space-3);grid-template-columns:1.2fr 1fr}.trade-form-section{background:#fff;border:1px solid rgba(52,152,219,.1);border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.04);padding:20px;transition:all .3s ease}.trade-form-section:hover{border-color:rgba(52,152,219,.25);box-shadow:0 4px 20px rgba(52,152,219,.1)}.trade-form .form-row{display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;margin-bottom:var(--space-2)}.form-group label{color:var(--color-text-secondary);display:block;font-size:11px;font-weight:var(--font-weight-medium);margin-bottom:2px}.form-control{background:var(--local-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm);height:32px;padding:6px 10px;transition:all var(--transition-fast);width:100%}.form-control:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(52,152,219,.15);outline:none}.trade-form__meta{background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);display:flex;font-size:11px;justify-content:space-between;margin-bottom:var(--space-2);padding:var(--space-2)}.trade-form__meta span{color:var(--color-text-secondary)}.trade-form__meta strong{color:var(--color-text);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold)}.trade-actions{display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.trade-actions .btn{border-radius:10px;font-size:14px;font-weight:600;height:44px;letter-spacing:.05em;min-height:44px;padding:0 16px;text-transform:uppercase;transition:all .2s ease}.trade-actions .btn--buy{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;box-shadow:0 4px 12px rgba(46,204,113,.3);color:#fff}.trade-actions .btn--buy:hover{box-shadow:0 6px 16px rgba(46,204,113,.4);transform:translateY(-2px)}.trade-actions .btn--sell{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;box-shadow:0 4px 12px rgba(231,76,60,.3);color:#fff}.trade-actions .btn--sell:hover{box-shadow:0 6px 16px rgba(231,76,60,.4);transform:translateY(-2px)}.trade-position-section{height:100%}.trade-position-card{background:#fff;border:1px solid rgba(52,152,219,.1);border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.04);display:flex;flex-direction:column;height:100%;padding:20px;transition:all .3s ease}.trade-position-card:hover{border-color:rgba(52,152,219,.2);box-shadow:0 4px 20px rgba(52,152,219,.1)}.trade-position-header{align-items:center;border-bottom:1px solid var(--color-border-light);color:var(--color-text);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.trade-position-header:before{background:var(--color-primary);border-radius:var(--radius-full);content:"";display:block;height:14px;width:3px}.trade-position-grid{display:grid;flex:1;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.trade-position-grid>div{display:flex;flex-direction:column;gap:0}.trade-position-label{color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.trade-position-grid dd{color:var(--color-text);font-family:var(--font-family-mono);font-size:.9rem;margin:0}.trade-pnl,.trade-position-grid dd{font-weight:var(--font-weight-bold)}.trade-pnl.positive{color:var(--color-positive)}.trade-pnl.negative{color:var(--color-negative)}@media(max-width:1024px){.trade-content-grid{gap:var(--space-3);grid-template-columns:1fr}.trade-position-card{height:auto}.trade-position-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.unified-panel__chart-section .panel-body,.unified-panel__chart-section .panel-header,.unified-panel__trade-section{padding:var(--space-3)}.trade-form .form-row{grid-template-columns:1fr}.trade-position-grid{grid-template-columns:repeat(2,1fr)}.unified-panel__chart-section .kline-chart-container{height:300px}.trade-wallet{justify-content:space-between;width:100%}.trade-actions{grid-template-columns:1fr}}.activity-subscription-bar{align-items:center;background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border:1px solid rgba(52,152,219,.2);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.subscription-bar__info{display:flex;flex-direction:column;gap:4px}.subscription-bar__label{color:#1a1a2e;font-size:14px;font-weight:600}.subscription-bar__hint{color:#64748b;font-size:12px}.subscription-bar__btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(52,152,219,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.subscription-bar__btn:hover{box-shadow:0 6px 16px rgba(52,152,219,.4);transform:translateY(-2px)}.subscription-bar__btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscription-bar__btn.subscribed{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 12px rgba(149,166,167,.3)}.subscription-bar__btn.subscribed:hover{box-shadow:0 6px 16px rgba(149,166,167,.4)}.activity-info-panels{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}@media(max-width:900px){.activity-info-panels{grid-template-columns:1fr}}.activity-rewards-panel,.activity-rules-panel{background:#fff;border:1px solid rgba(52,152,219,.12);border-radius:16px;overflow:hidden}.leaderboard-loading,.rewards-loading,.rules-loading{color:#64748b;font-size:14px;padding:40px 20px;text-align:center}.reward-item{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.activity-participation-panel{background:#fff;border:1px solid rgba(52,152,219,.12);border-radius:16px;margin-top:20px;overflow:hidden}.participation-stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.participation-stat{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:center}.participation-stat__label{color:#64748b;font-size:12px;font-weight:500}.participation-stat__value{color:#1a1a2e;font-family:var(--font-family-mono,monospace);font-size:18px;font-weight:700}.participation-stat__value.positive{color:#2ecc71}.participation-stat__value.negative{color:#e74c3c}.activity-leaderboard-panel{background:#fff;border:1px solid rgba(52,152,219,.12);border-radius:16px;margin-top:20px;overflow:hidden}.leaderboard-controls{align-items:center;display:flex;gap:12px}.leaderboard-dimension-select{background:#fff;border:1px solid rgba(52,152,219,.2);border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.leaderboard-dimension-select:focus{border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.15)}.leaderboard-user-rank{margin-bottom:20px}.user-rank-card{align-items:center;background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border:1px solid rgba(52,152,219,.2);border-radius:12px;display:flex;gap:16px;padding:16px 20px}.user-rank-label{color:#64748b;font-size:13px;font-weight:500}.user-rank-value{color:#3498db;font-family:var(--font-family-mono,monospace);font-size:24px;font-weight:800}.user-rank-gap{background:rgba(243,156,18,.1);color:#f39c12}.user-rank-gap,.user-rank-percentile{border-radius:20px;font-size:12px;padding:4px 10px}.user-rank-percentile{background:rgba(46,204,113,.1);color:#2ecc71;margin-left:auto}.leaderboard-list{list-style:none;margin:0;padding:0}.leaderboard-pagination{align-items:center;border-top:1px solid rgba(0,0,0,.05);display:flex;gap:16px;justify-content:center;padding:16px}.pagination-btn{background:#fff;border:1px solid rgba(52,152,219,.3);border-radius:6px;color:#3498db;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f0f7ff;border-color:#3498db}.pagination-btn:disabled{border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.pagination-info{color:#64748b;font-size:13px}.leaderboard-empty{color:#64748b;padding:40px 20px;text-align:center}.leaderboard-empty__icon{font-size:48px;margin-bottom:12px}.leaderboard-empty__text{font-size:14px}@media(max-width:768px){.activity-subscription-bar{flex-direction:column;gap:12px;text-align:center}.user-rank-card{flex-wrap:wrap;justify-content:center}.user-rank-percentile{margin-left:0}}}@layer responsive{.btn-fluid-mobile{width:auto}@media(max-width:768px){.form-actions{flex-direction:column}#strategyModal .modal-content{margin:calc(var(--modal-padding)*.75);max-width:95%}#strategyModal .form-group{padding:var(--space-3)}.modal-content{margin:calc(var(--modal-padding)*.75)}.modal{padding:calc(var(--modal-padding)*.75)}.modal-footer{flex-direction:column}.modal-content.region-detail-modal{border-radius:14px;max-height:95vh;max-width:calc(100vw - 24px);min-width:0;overflow-x:hidden;width:calc(100vw - 24px)}.modal-content.region-detail-modal .modal-body{max-height:calc(95vh - 80px);min-width:0;overflow-x:hidden;overflow-y:auto}.modal-content.region-detail-modal .quote-strip{flex-direction:column;gap:var(--space-4)}.modal-content.region-detail-modal .basic-info-grid{grid-template-columns:1fr}.modal-content.region-detail-modal .chart-tabs{overflow-x:auto}.modal-content.region-detail-modal .modal-actions,.modal-content.region-detail-modal .trade-form{grid-template-columns:1fr}.btn-fluid-mobile{width:100%}}@media(max-width:991px){.container-fluid{padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right))}}@media(max-width:480px){.modal-content.region-detail-modal{margin:calc(var(--modal-padding)*.5);max-width:calc(100vw - 16px);min-width:0;width:calc(100vw - 16px)}.modal-content.region-detail-modal .modal-body{min-width:0}}@media(hover:none){.modal-content.region-detail-modal .btn:hover,.modal-content.region-detail-modal .chart-tab:hover,.modal-content.region-detail-modal .info-item:hover,.modal-content.region-detail-modal .info-tab:hover,.modal-content.region-detail-modal .quote-item:hover{box-shadow:none;transform:none}}@media(min-width:1440px){.container{max-width:100%}.dashboard-frame{gap:var(--space-4);grid-template-columns:1fr 1fr;max-width:100%}.dashboard-frame>.map-panel{grid-column:1/3;grid-row:1/2}.dashboard-frame>.watchlist-stack{grid-column:1/2;grid-row:2/3}.dashboard-frame>.markets-panel{grid-column:2/3;grid-row:2/3}.dashboard-frame>.rankings-panel{grid-column:1/3;grid-row:3/4}.dashboard-frame>.news-panel{grid-column:1/3;grid-row:4/5}.dashboard-frame>.activities-panel{grid-column:1/2;grid-row:5/6}.dashboard-frame>.gamify-panel{grid-column:2/3;grid-row:5/6}.map-panel{height:auto}.panel-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.stats-grid{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}#activitiesBoard,#activitiesBoard.feature-grid{grid-template-columns:1fr 1fr!important}.quote-board{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px)and (max-width:1439px){.container{max-width:100%}.dashboard-frame{gap:var(--space-4);grid-template-columns:1fr 1fr;max-width:100%}.dashboard-frame>.map-panel{grid-column:1/3;grid-row:1/2}.dashboard-frame>.watchlist-stack{grid-column:1/2;grid-row:2/3}.dashboard-frame>.markets-panel{grid-column:2/3;grid-row:2/3}.dashboard-frame>.rankings-panel{grid-column:1/3;grid-row:3/4}.dashboard-frame>.news-panel{grid-column:1/3;grid-row:4/5}.dashboard-frame>.activities-panel{grid-column:1/2;grid-row:5/6}.dashboard-frame>.gamify-panel{grid-column:2/3;grid-row:5/6}.map-panel{height:auto}.panel-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}#activitiesBoard,#activitiesBoard.feature-grid{grid-template-columns:1fr 1fr!important}.quote-board{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px)and (max-width:1199px){.container{max-width:960px}.dashboard-frame{gap:var(--space-3);grid-template-columns:1fr 1fr;max-width:960px}.dashboard-frame>.map-panel{grid-column:1/3;grid-row:1/2}.dashboard-frame>.watchlist-stack{grid-column:1/2;grid-row:2/3}.dashboard-frame>.markets-panel{grid-column:2/3;grid-row:2/3}.dashboard-frame>.rankings-panel{grid-column:1/3;grid-row:3/4}.dashboard-frame>.news-panel{grid-column:1/3;grid-row:4/5}.dashboard-frame>.activities-panel{grid-column:1/2;grid-row:5/6}.dashboard-frame>.gamify-panel{grid-column:2/3;grid-row:5/6}.map-panel{height:auto}.panel-grid.cols-3{grid-template-columns:1fr 1fr}.feature-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}#activitiesBoard,#activitiesBoard.feature-grid{grid-template-columns:1fr 1fr!important}.quote-board{grid-template-columns:repeat(2,1fr)}.panel-title{font-size:var(--font-size-md)}.panel-subtitle{font-size:var(--font-size-sm)}}@media(min-width:768px)and (max-width:991px){.container{max-width:768px}.dashboard-frame{gap:var(--space-3);grid-template-columns:1fr;max-width:768px;padding:var(--space-3)}.map-panel{height:auto}.panel-grid.cols-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.quote-board{grid-template-columns:repeat(2,1fr)}.panel{margin-bottom:var(--space-3)}.panel-body,.panel-header{padding:var(--space-3)}.btn-group{flex-direction:column}.btn-group .btn{border-radius:var(--radius-md);width:100%}.header-content{flex-direction:column;gap:var(--space-3)}.logo-section{text-align:center}}@media(min-width:576px)and (max-width:768px){.container,.container-fluid{padding-left:5px;padding-right:5px}.dashboard-frame{gap:var(--space-3);grid-template-columns:1fr;padding:5px}.map-panel{height:auto}.feature-grid,.panel-grid.cols-3,.quote-board,.stats-grid{grid-template-columns:1fr}.panel-body,.panel-header{padding:var(--space-3)}.panel-title{font-size:var(--font-size-base)}.panel-subtitle{font-size:var(--font-size-sm)}.header-content{padding:var(--space-3)}.logo-section h1{font-size:var(--font-size-lg)}.compliance-badge{font-size:var(--font-size-xs)}.btn{justify-content:center;width:100%}.btn-group{flex-direction:column;gap:var(--space-2)}.btn-group .btn{width:100%}.form-row{gap:var(--space-2)}.form-actions,.form-row{flex-direction:column}}@media(max-width:575px){.container,.container-fluid{padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right))}.compliance-badge{font-size:var(--font-size-xs)}.btn{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.btn--sm{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.btn--lg{font-size:var(--font-size-base);padding:var(--space-3) var(--space-4)}.form-group{margin-bottom:var(--space-3)}.form-label{font-size:var(--font-size-xs)}.form-control{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.card-grid{grid-template-columns:1fr}.badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}}@media(hover:none){.market-card:hover,.panel:hover,.rankings-card:hover{box-shadow:none;transform:none}}@media print{.btn,.loading-overlay,.main-header,.modal,.ticker-bar{display:none}.dashboard-frame{gap:var(--space-4);grid-template-columns:1fr}.panel{-moz-column-break-inside:avoid;border:1px solid var(--color-border);box-shadow:none;break-inside:avoid}.panel:before{display:none}body{background:#fff}a,body{color:#000}a{text-decoration:underline}}}@layer overrides{body{background:radial-gradient(1200px 600px at 10% -10%,rgba(var(--color-primary-rgb),.07),transparent 60%),radial-gradient(800px 600px at 110% 10%,rgba(var(--color-primary-rgb),.07),transparent 58%),var(--color-background)}.atlas-overlay{backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--brand-border);border-radius:10px;box-shadow:var(--brand-shadow-sm);left:14px;padding:6px 10px;position:absolute;top:14px}.card.trading-panel,.panel{background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(248,250,255,.95));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-3)}.news-feed{padding:var(--space-2)}#gamifyPanel .card{border:1px solid var(--color-border)}#gamifyPanel .card,.market-card{border-radius:var(--radius-md);padding:var(--space-3)}.market-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:var(--transition-default)}.market-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}#rankingsBoard{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media(min-width:1024px){#rankingsBoard{grid-template-columns:repeat(3,1fr)}}.rankings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:var(--transition-default)}.rankings-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.compliance-banner{background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.status-dot.active{background:var(--color-success)}.activities-panel .feature-grid,.feature-grid,.panel-grid,.stats-grid,.watchlist{gap:var(--space-3)}.activities-board-wrapper,.activities-panel .panel-body{max-width:100%;width:100%}#activitiesBoard,.activities-board-wrapper .feature-grid,.activities-panel .feature-grid,.feature-grid#activitiesBoard{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;width:100%}#activitiesBoard>.activity-card,.activities-panel .activity-card,.feature-grid .activity-card,article.activity-card{max-width:100%;min-width:0;width:100%}.feature-grid>:not(.activity-card),.panel-grid>*,.stats-grid>*,.watchlist>*{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.market-card__body,.watchlist-card__body{padding:var(--space-3)}.watchlist-stack .panel-body{display:block;padding:0}.map-legend-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-2)}.card__body,.card__footer,.card__header{padding:var(--space-3)}@media(max-width:1024px){.main-content>.container,.main-content>.container-fluid{padding:0 5px var(--space-6)}.dashboard-frame{gap:var(--space-4)}}@media(max-width:640px){.card.trading-panel,.panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-3)}.feature-grid,.panel-grid,.stats-grid,.watchlist{gap:var(--space-3)}}.main-header{backdrop-filter:blur(14px);background:linear-gradient(90deg,rgba(248,250,252,.92),rgba(241,245,249,.82)),radial-gradient(800px 320px at 5% 0,rgba(var(--color-primary-rgb),.1),transparent 62%);box-shadow:0 22px 48px rgba(0,0,0,.18);position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;gap:clamp(12px,2vw,5px);justify-content:space-between;padding:5px}.compliance-badge{align-items:center;background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.25);border-radius:999px;box-shadow:0 8px 16px rgba(0,0,0,.08);display:inline-flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.badge-icon{color:var(--brand-primary);font-weight:700}.badge-text{color:var(--color-text);font-weight:600}.market-overview{align-items:center;backdrop-filter:blur(6px);background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.22);border-radius:12px;display:flex;gap:clamp(8px,1.4vw,16px);padding:8px 14px}.main-header .btn{border-radius:999px;font-size:13px;line-height:1.3;padding:var(--space-2) var(--space-4)}.main-header .btn--primary{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.main-header .btn--primary:hover{background:var(--brand-primary-600);box-shadow:0 8px 18px rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.main-header .btn--outline{border:1px solid var(--brand-border)}.main-header .btn--outline:hover{background:rgba(var(--color-primary-rgb),.08);border-color:var(--brand-primary)}.main-header .indicator-value{text-shadow:0 0 10px rgba(var(--color-primary-rgb),.18)}@media(max-width:768px){.header-content{text-align:center}.header-content,.logo-section{flex-direction:column;gap:var(--space-2)}.market-overview{flex-wrap:wrap;justify-content:center;padding:var(--space-2) var(--space-3)}.main-header .btn{min-width:120px;width:auto}}.main-header .market-overview{display:grid;gap:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr))}.main-header .market-overview .market-indicator{justify-content:space-between;min-width:0;width:100%}.main-header .market-overview .market-indicator:empty{display:none}@media(max-width:1024px){.main-header .market-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.main-header .market-overview{display:grid;grid-template-columns:1fr}}.main-header .market-overview{align-items:start}.main-header .market-overview .market-indicator{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-1);justify-content:flex-start}.main-header .market-overview .indicator-label{line-height:1}.main-header .market-overview .indicator-value{line-height:1.2}.main-header .market-overview .indicator-change{align-self:flex-start}.main-header{backdrop-filter:blur(10px);background:linear-gradient(90deg,rgba(248,250,252,.85),rgba(241,245,249,.75));border-bottom:1px solid var(--brand-border-strong);box-shadow:0 18px 40px rgba(0,0,0,.18)}.header-content{gap:clamp(12px,2vw,20px)}.ticker-bar{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.02));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent)}.ticker-track{animation-duration:60s}.main-header .indicator-label{color:var(--color-text-secondary)}.main-header .indicator-value{color:var(--color-text)}.main-header .indicator-change{background:rgba(148,163,184,.12);border:1px solid var(--color-card-border);border-radius:999px;font-size:12px;line-height:1.2}.main-header .indicator-change.positive{background:rgba(var(--color-positive-rgb),.12);border-color:rgba(var(--color-positive-rgb),.25);color:var(--color-positive)}.main-header .indicator-change.negative{background:rgba(var(--color-negative-rgb),.12);border-color:rgba(var(--color-negative-rgb),.25);color:var(--color-negative)}.ranking-item:focus-visible{border-radius:inherit;box-shadow:none;outline:2px solid var(--focus-ring);outline-offset:3px}.watch-item{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.watch-item:hover{border-color:var(--brand-primary);box-shadow:0 10px 20px rgba(0,0,0,.12);transform:translateY(-1px)}.watch-item:focus-visible{border-radius:inherit;box-shadow:none;outline:2px solid var(--focus-ring);outline-offset:3px}.card{border-radius:14px;box-shadow:var(--brand-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{box-shadow:var(--brand-shadow);transform:translateY(-2px)}.card .action:focus-visible,.card .btn:focus-visible,.card .menu:focus-visible,.card a:focus-visible,.card button:focus-visible,.card-link:focus-visible{border-radius:inherit;box-shadow:none;outline:2px solid var(--focus-ring);outline-offset:3px}.market-card{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.03));border:1px solid var(--brand-border);box-shadow:var(--brand-shadow-sm)}.ranking-item__name{display:block;line-height:1.3;overflow-wrap:anywhere;white-space:normal;word-break:break-word}@media(max-width:768px){.ranking-item__name{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}.ranking-item__change,.ranking-item__value{text-align:right;width:100%}@media(max-width:768px){.ranking-item__change{justify-self:end}}.dashboard-frame{gap:var(--space-4);max-width:100%}h1,h2,h3{margin-block:var(--space-4) var(--space-3)}h4,h5,h6{margin-block:var(--space-3) var(--space-2)}.card,.panel,.section{margin-bottom:var(--space-4)}.card,.panel,.ranking-item{padding:var(--space-3)}#majorMarkets .market-card{margin:0;padding:0}.ranking-list{gap:var(--space-2)}.watch-item{margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3)}.city-board__item{padding:var(--space-3) var(--space-4)}.dashboard-frame,.map-content,.modal-body,.panel-body{gap:var(--space-3)}.echarts-chart,.echarts-map{padding:0}.atlas-overlay,.map-legend-container{padding:var(--space-3)}.main-header .header-content{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.main-header .compliance-badge{border-radius:999px;font-size:12px;gap:6px;padding:var(--space-2) var(--space-2);white-space:nowrap}.main-header .badge-icon{font-size:1rem}.main-header .badge-text{font-size:12px}.main-header .market-overview{align-items:center;border-radius:10px;box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;gap:var(--space-2);margin-inline:0;overflow-x:auto;padding:6px 10px;white-space:nowrap;width:100%}.main-header .market-indicator{align-items:center;display:inline-flex;gap:var(--space-2);min-width:auto}.main-header .indicator-label{font-size:11px}.main-header .indicator-value{font-size:16px;line-height:1.2}.main-header .indicator-change{border-radius:8px;font-size:11px;padding:var(--space-1) var(--space-2)}.main-header .market-overview .btn{border-radius:10px;font-size:12px;line-height:1.2;overflow:hidden;padding:var(--space-2) var(--space-3)}.main-header .market-overview .btn .btn-icon{margin-right:6px}.main-header .market-overview .btn--outline,.main-header .market-overview .btn--primary{white-space:nowrap}input,select,textarea{padding:var(--space-2) var(--space-3)}.watchlist{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media(min-width:1024px){.watchlist{grid-template-columns:1fr 1fr}}.watchlist-card{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.03));border:1px solid var(--brand-border);border-radius:14px;box-shadow:var(--brand-shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.watchlist-card:hover{box-shadow:var(--brand-shadow);transform:translateY(-2px)}.watchlist-card .panel-header{align-items:center;background:linear-gradient(to right,rgba(var(--color-primary-rgb),.07),rgba(var(--color-primary-rgb),.02));border-bottom:1px solid var(--brand-border);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.watchlist-card .panel-header h4{color:var(--color-text);font-size:16px;letter-spacing:var(--title-tracking)}.watchlist-card .panel-body{display:flex;flex-direction:column;gap:var(--space-2)}.panel-header h3,.panel-header h4,.panel-title{letter-spacing:var(--title-tracking)}.panel-subtitle{color:#64748b;font-size:13px;font-weight:500}@keyframes newsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card,.market-card,.ranking-item{border-radius:14px;box-shadow:var(--brand-shadow-sm)}.card:hover,.market-card:hover{box-shadow:var(--brand-shadow)}.atlas-overlay,.map-legend-container{backdrop-filter:blur(8px);border:1px solid var(--brand-border);border-radius:12px;box-shadow:var(--brand-shadow-sm)}#majorMarkets{display:grid;gap:var(--space-3);grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){#majorMarkets{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){#majorMarkets{grid-template-columns:repeat(3,1fr)}}#majorMarkets .market-card{height:100%;padding:var(--space-3)}#majorMarkets .market-card .market-card__title{font-size:14px}#majorMarkets .market-card .market-card__value{font-size:18px}#majorMarkets .market-card .market-card__change,#majorMarkets .market-card .market-card__meta{font-size:12px}.main-header .header-content{display:block;margin-left:auto;margin-right:auto;padding-left:5px;padding-right:5px;width:100%}.user-actions{display:flex;margin-left:0}@media(max-width:768px){.main-header .header-content{padding-left:5px;padding-right:5px}}@media(min-width:769px){.main-header .market-overview{padding:var(--space-2) var(--space-3)}.main-header .market-overview .btn{gap:var(--space-4);padding:var(--space-2) var(--space-2)}.main-header .indicator-label{font-size:var(--font-size-xs)}.main-header .indicator-value{font-size:var(--font-size-lg);letter-spacing:.2px;line-height:1.3}}.trade-status{border-radius:8px;font-size:13px;margin-bottom:12px;padding:10px 14px}.trade-status--success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#16a34a}.trade-status--error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#dc2626}.trade-status--info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#2563eb}.btn--buy:disabled,.btn--sell:disabled{cursor:not-allowed;opacity:.7}.activity-layout--horizontal .activity-split-panel{align-items:start;display:grid;gap:20px;grid-template-columns:1.5fr 1fr}.activity-layout--horizontal .activity-split-panel__left{grid-column:1;min-width:0}.activity-layout--horizontal .activity-split-panel__right{grid-column:2;min-width:0;position:sticky;top:20px}.activity-layout--horizontal .activity-split-panel__left,.activity-layout--horizontal .activity-split-panel__right{border-radius:12px;padding:20px}.activity-layout--horizontal .unified-panel__chart-section,.activity-layout--horizontal .unified-panel__trade-section{padding:0}@media(max-width:1024px){.activity-layout--horizontal .activity-split-panel{grid-template-columns:1fr}.activity-layout--horizontal .activity-split-panel__left,.activity-layout--horizontal .activity-split-panel__right{grid-column:1}.activity-layout--horizontal .activity-split-panel__right{position:static}}.modal-content.region-detail-modal .region-split.region-split--horizontal{align-items:start;display:grid;gap:16px;grid-template-columns:1.5fr 1fr}.modal-content.region-detail-modal .region-split--horizontal>.region-split__left{grid-column:1}.modal-content.region-detail-modal .region-split--horizontal>.region-split__right{grid-column:2}@media(max-width:960px){.modal-content.region-detail-modal .region-split.region-split--horizontal{grid-template-columns:1fr}.modal-content.region-detail-modal .region-split--horizontal>.region-split__left,.modal-content.region-detail-modal .region-split--horizontal>.region-split__right{grid-column:1}}.modal-content.region-detail-modal .trade-panel{gap:0!important;margin:0!important;padding:0!important}.modal-content.region-detail-modal .trade-panel__header{flex-shrink:0}.modal-content.region-detail-modal .trade-panel__body{padding:12px 16px 16px!important}.modal-content.region-detail-modal .trade-auth-hint[hidden],.modal-content.region-detail-modal .trade-status[hidden]{display:none!important}.modal-content.region-detail-modal .region-split__right{align-self:start!important}.btn-auth{align-items:center!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;gap:6px!important;justify-content:center!important;min-width:88px!important;padding:10px 20px!important;text-decoration:none!important;transition:all .2s ease!important;white-space:nowrap!important}.btn-auth.btn-auth--login{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 2px 8px rgba(59,130,246,.25)!important;color:#fff!important}.btn-auth.btn-auth--login:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 4px 12px rgba(59,130,246,.35)!important;color:#fff!important;transform:translateY(-1px)!important}.btn-auth.btn-auth--register{background:#fff!important;border:1.5px solid #3b82f6!important;box-shadow:0 2px 6px rgba(59,130,246,.1)!important;color:#3b82f6!important}.btn-auth.btn-auth--register:hover{background:rgba(59,130,246,.08)!important;border-color:#2563eb!important;box-shadow:0 4px 10px rgba(59,130,246,.15)!important;color:#2563eb!important;transform:translateY(-1px)!important}.btn-auth-group{align-items:center!important;display:flex!important;gap:12px!important}.btn-auth.btn-auth--sm{font-size:13px!important;min-width:76px!important;padding:8px 16px!important}.header-auth-card__actions.btn-auth-group{gap:10px!important}.header-auth-card__actions .btn-auth{min-width:72px!important;padding:8px 18px!important}}