:root{--color-bg-primary: #0a0e1a;--color-bg-secondary: #131824;--color-bg-tertiary: #1a1f2e;--color-surface: #1e2433;--color-surface-hover: #252b3d;--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-secondary: #8b5cf6;--color-accent: #ec4899;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-border: #334155;--color-border-light: #475569;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-accent: linear-gradient(135deg, #ec4899 0%, #d946ef 100%);--gradient-bg: radial-gradient(ellipse at top, rgba(99, 102, 241, .05) 0%, transparent 50%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-glow-primary: 0 0 20px rgba(99, 102, 241, .4), 0 0 40px rgba(99, 102, 241, .2);--shadow-glow-pink: 0 0 20px rgba(255, 71, 87, .4), 0 0 40px rgba(255, 71, 87, .2);--shadow-glow-cyan: 0 0 20px rgba(0, 168, 255, .4), 0 0 40px rgba(0, 168, 255, .2);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg-primary);background-image:var(--gradient-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);outline:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-primary);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.app{min-height:100vh;background:var(--color-bg-primary)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.game-splash{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(24px,5vw,40px) clamp(16px,4vw,24px);z-index:99999;overflow:hidden;-webkit-user-select:none;user-select:none;box-sizing:border-box}.game-splash__hero{display:flex;flex-direction:column;align-items:center;margin-top:auto;margin-bottom:auto;position:relative;z-index:2}.game-splash__logo-wrapper{position:relative;width:clamp(120px,32vw,150px);height:clamp(120px,32vw,150px);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.game-splash__logo{width:100%;height:100%;object-fit:contain;filter:none;animation:none}.game-splash__brand-tag{font-size:clamp(1.2rem,3.2vw,1.5rem);font-weight:900;color:#fff;letter-spacing:2px;margin-top:4px;line-height:1.1}.game-splash__tagline{font-size:clamp(.78rem,2vw,.92rem);font-weight:700;color:#cbd5e1;letter-spacing:1px;margin-top:4px}.game-splash__modes{font-size:clamp(.68rem,1.8vw,.78rem);font-weight:600;color:#94a3b8;letter-spacing:2px;text-transform:uppercase;margin-top:4px}.game-splash__bottom{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;margin-bottom:clamp(12px,3vw,24px)}.game-splash__status-row{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.game-splash__status-text{font-size:clamp(.62rem,1.6vw,.72rem);font-weight:700;color:#94a3b8;letter-spacing:.6px;font-family:var(--font-mono, monospace)}.game-splash__percent-text{font-size:clamp(.65rem,1.6vw,.75rem);font-weight:800;color:#38bdf8;font-family:var(--font-mono, monospace)}.game-splash__progress-track{width:100%;height:clamp(6px,1.5vw,8px);background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px #000c;box-sizing:border-box}.game-splash__progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#38bdf8);border-radius:20px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #38bdf8b3;position:relative}.game-splash__progress-fill--updating{background:linear-gradient(90deg,#10b981,#06b6d4,#3b82f6);box-shadow:0 0 14px #10b981cc}.game-splash__progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progress-shimmer 1.5s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.game-splash__modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100000}.game-splash__modal-card{background:#0f172a;border:1.5px solid rgba(99,102,241,.5);border-radius:20px;padding:clamp(20px,5vw,28px);max-width:380px;width:100%;text-align:center;box-shadow:0 12px 36px #000000e6,0 0 30px #6366f133;animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-splash__modal-icon{font-size:2.5rem;margin-bottom:8px}.game-splash__modal-title{font-size:1.3rem;font-weight:900;color:#fff;margin:0 0 6px;letter-spacing:1px}.game-splash__modal-version{font-size:.85rem;color:#a78bfa;margin:0 0 10px}.game-splash__modal-notes{font-size:.8rem;color:#cbd5e1;margin:0 0 20px;line-height:1.4;background:#ffffff0d;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.game-splash__modal-btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 16px #6366f166;transition:transform .15s ease,box-shadow .15s ease}.game-splash__modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.game-splash__modal-btn:active{transform:translateY(0)}.top-bar{display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);padding:0}.desktop-logo-badge,.desktop-tagline{display:none}.top-section__center-wrap{display:contents}.top-section{display:flex;gap:clamp(6px,1.2vw,10px);align-items:stretch;margin-bottom:clamp(2px,.5vw,4px)}.top-section__left-col{display:flex;flex-direction:column;gap:clamp(4px,1vw,6px);width:clamp(220px,45vw,280px);flex-shrink:0}.top-section__hanging-wrap{width:100%}.top-section__right-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(4px,1vw,6px);justify-content:space-between}.top-section__balance-card{height:clamp(62px,12.5vw,76px);display:flex;flex-direction:column;justify-content:center;padding:clamp(6px,1.4vw,10px) clamp(8px,2vw,14px);min-height:0;box-sizing:border-box;flex-shrink:0}.top-section__balance-card .stat-card__header{margin-bottom:2px}.top-section__balance-card .stat-card__label{font-size:clamp(.55rem,1.4vw,.68rem);letter-spacing:.6px;font-weight:700}.top-section__balance-card .stat-card__value{font-size:clamp(1.1rem,2.8vw,1.4rem);font-weight:900}.top-section__balance-card .stat-card__icon{font-size:clamp(1.1rem,2.8vw,1.4rem)}.top-section__sub-stats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4px,1vw,6px);width:100%;flex:1;min-height:0}.top-section__sub-stats .stat-card{padding:clamp(4px,1vw,6px);display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box}.top-section__sub-stats .stat-card__label{font-size:clamp(.48rem,1.2vw,.58rem);margin-bottom:1px}.top-section__sub-stats .stat-card__value{font-size:clamp(.7rem,1.8vw,.85rem)}.top-section__sub-stats .stat-card__icon{font-size:clamp(.65rem,1.6vw,.8rem)}.progress-section{display:flex;flex-direction:column;gap:clamp(4px,1vw,6px);margin-bottom:clamp(2px,.5vw,6px)}.progress-header{font-size:clamp(.75rem,1.8vw,.85rem);font-weight:700;color:var(--color-text-primary);margin:0;padding:0;text-align:left;letter-spacing:.3px}.progress-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(4px,1vw,6px);width:100%}.progress-cards .stat-card{padding:clamp(4px,1vw,6px)}@media(max-width:640px){.top-section{gap:6px}.top-section__left-col,.top-section__right-col,.progress-section{gap:4px}.progress-header{font-size:.72rem}.progress-cards{gap:4px}}@media(max-width:380px){.top-section{gap:4px}.top-section__left-col,.top-section__right-col,.progress-section,.progress-cards{gap:3px}}.hanging-board{position:relative;border-style:solid;border-radius:clamp(12px,3vw,20px);width:clamp(220px,45vw,280px);height:clamp(80px,16vw,100px);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:space-between;padding:0;overflow:visible;transition:none;flex-shrink:0}.hanging-board[data-rope-type=rope]:before,.hanging-board[data-rope-type=rope]:after{content:"";position:absolute;top:-60px;width:2px;height:60px;background:linear-gradient(180deg,#4a5568,#2d3748);border-radius:2px;box-shadow:1px 0 3px #0006}.hanging-board[data-rope-type=rope]:before{left:20%}.hanging-board[data-rope-type=rope]:after{right:20%}.hanging-board[data-rope-type=chain]:before,.hanging-board[data-rope-type=chain]:after{content:"";position:absolute;top:-200px;width:3px;height:200px;background:linear-gradient(180deg,#718096,#4a5568);border-radius:1px;box-shadow:1px 0 2px #fff3,-1px 0 3px #00000080}.hanging-board[data-rope-type=chain]:before{left:20%}.hanging-board[data-rope-type=chain]:after{right:20%}.hanging-board[data-rope-type=gold-chain]:before,.hanging-board[data-rope-type=gold-chain]:after{content:"";position:absolute;top:-200px;width:4px;height:200px;background:linear-gradient(180deg,#fbbf24,#d97706);border-radius:2px;box-shadow:1px 0 3px #fbbf2480,-1px 0 4px #00000080,0 0 8px #fbbf244d;animation:gold-shimmer 2s ease-in-out infinite}.hanging-board[data-rope-type=gold-chain]:before{left:20%}.hanging-board[data-rope-type=gold-chain]:after{right:20%}@keyframes gold-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.hanging-board[data-rope-type=energy]:before,.hanging-board[data-rope-type=energy]:after{content:"";position:absolute;top:-200px;width:4px;height:200px;background:linear-gradient(180deg,#a78bfa,#7c3aed);border-radius:2px;box-shadow:0 0 10px #a78bfacc,0 0 20px #7c3aed80,inset 0 0 5px #ffffff4d;animation:energy-pulse 1.5s ease-in-out infinite}.hanging-board[data-rope-type=energy]:before{left:20%}.hanging-board[data-rope-type=energy]:after{right:20%}@keyframes energy-pulse{0%,to{opacity:1;box-shadow:0 0 10px #a78bfacc,0 0 20px #7c3aed80}50%{opacity:.8;box-shadow:0 0 15px #a78bfa,0 0 30px #7c3aedb3}}.board-label{position:relative;z-index:2;background:#fffffff2;padding:clamp(4px,1vw,6px) clamp(8px,2vw,10px);border-radius:0 12px 12px 0;margin-left:0;display:flex;flex-direction:column;gap:clamp(2px,.5vw,3px);box-shadow:2px 0 8px #00000026,0 2px 4px #0000001a;max-width:120px}.level-badge-top{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:2px 8px;border-radius:12px;font-size:clamp(.6rem,1.5vw,.65rem);font-weight:700;width:fit-content;box-shadow:0 2px 6px #6366f166;line-height:1.2}.level-icon{font-size:clamp(9px,2vw,10px);animation:star-twinkle 2s ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.username-label{font-size:clamp(.85rem,2.2vw,.95rem);font-weight:800;color:#1a202c;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.board-character{position:absolute;right:-5px;bottom:1px;height:150%;width:auto;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:3}.character-image{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.hanging-board[data-rank="1"] .board-character{right:-25px;bottom:1px;height:120%}.hanging-board[data-rank="2"] .board-character{right:-9px;bottom:-1px;height:120%}.hanging-board[data-rank="3"] .board-character{right:-53px;bottom:-25px;height:180%}.hanging-board[data-rank="4"] .board-character{right:-25px;bottom:-10px;height:150%}.hanging-board[data-rank="5"] .board-character{right:-10px;bottom:-2px;height:130%}.hanging-board[data-rank="6"] .board-character{right:-25px;bottom:-10px;height:150%}.hanging-board[data-rank="7"] .board-character{right:-19px;bottom:0;height:150%}.hanging-board[data-rank="8"] .board-character{right:-15px;bottom:-1px;height:140%}.hanging-board[data-rank="9"] .board-character{right:-5px;bottom:0;height:139%}.hanging-board[data-rank="10"] .board-character{right:-50px;bottom:-18px;height:190%}.stat-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:clamp(10px,2.5vw,14px);padding:clamp(10px,2.5vw,16px);display:flex;flex-direction:column;gap:clamp(4px,1vw,6px);transition:all var(--transition-fast);position:relative;overflow:hidden;min-height:0;text-align:center}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-card__header{display:flex;align-items:center;justify-content:center}.stat-card__label{font-size:clamp(.5rem,1.5vw,.7rem);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.stat-card__content{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,6px)}.stat-card__icon{font-size:clamp(.65rem,2.5vw,1.1rem);line-height:1}.stat-card__value{font-size:clamp(.7rem,2.8vw,1.3rem);font-weight:800;color:var(--color-text-primary);line-height:1}.stat-card__sub{font-size:clamp(.55rem,1.8vw,.75rem);color:var(--color-text-muted);font-weight:500;line-height:1.2}.stat-card--primary{border-color:#6366f14d;background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.stat-card--primary:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f133}.stat-card--success{border-color:#10b9814d;background:linear-gradient(135deg,#10b9810d,#0596690d)}.stat-card--success .stat-card__value{color:var(--color-success)}.stat-card--success:hover{border-color:var(--color-success);box-shadow:0 4px 12px #10b98133}.stat-card--danger{border-color:#ef44444d;background:linear-gradient(135deg,#ef44440d,#dc26260d)}.stat-card--danger .stat-card__value{color:var(--color-danger)}.stat-card--danger:hover{border-color:var(--color-danger);box-shadow:0 4px 12px #ef444433}.stat-card--warning{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b0d,#d977060d)}.stat-card--warning .stat-card__value{color:var(--color-warning)}.stat-card--warning:hover{border-color:var(--color-warning);box-shadow:0 4px 12px #f59e0b33}.stat-card--gold{border-color:#fbbf2466;background:linear-gradient(135deg,#fbbf2414,#d9770614)}.stat-card--gold .stat-card__value{color:#fbbf24}.stat-card--gold:hover{border-color:#fbbf24;box-shadow:0 4px 12px #fbbf244d}.stat-card--small{padding:clamp(4px,1.2vw,8px)}.stat-card--small .stat-card__value{font-size:clamp(.7rem,2.2vw,1rem)}.stat-card--large{padding:clamp(8px,2vw,12px)}.stat-card--large .stat-card__value{font-size:clamp(1rem,3.5vw,1.6rem)}@media(max-width:640px){.stat-card{padding:5px 6px}.stat-card__label{font-size:.5rem}.stat-card__value{font-size:.7rem}.stat-card__icon{font-size:.65rem}}@media(max-width:380px){.stat-card{padding:4px 5px}.stat-card__label{font-size:.45rem;letter-spacing:.2px}.stat-card__value{font-size:.7rem}.stat-card__icon{font-size:.65rem}}.stat-card--icon-only{padding:clamp(3px,.8vw,5px);text-align:center;min-width:0}.stat-card--icon-only .stat-card__content{flex-direction:column;gap:clamp(1px,.2vw,2px);align-items:center;justify-content:center}.stat-card--icon-only .stat-card__icon{font-size:clamp(.75rem,2.5vw,1rem)}.stat-card--icon-only .stat-card__value{font-size:clamp(.5rem,1.6vw,.7rem);font-weight:700}@media(max-width:640px){.stat-card--icon-only{padding:3px}.stat-card--icon-only .stat-card__icon{font-size:.75rem}.stat-card--icon-only .stat-card__value{font-size:.5rem}}@media(max-width:380px){.stat-card--icon-only{padding:2px}.stat-card--icon-only .stat-card__icon{font-size:.65rem}.stat-card--icon-only .stat-card__value{font-size:.45rem}}.stat-card__notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 6px #ef4444,0 0 12px #ef444499;animation:pulseDot 1.5s infinite ease-in-out;z-index:2}.stat-card__badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:1px 5px;border-radius:10px;box-shadow:0 0 6px #ef444499;animation:pulseDot 1.5s infinite ease-in-out;z-index:2}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.85}}.xp-progress-bar{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.3);border-radius:clamp(8px,2vw,12px);padding:clamp(5px,1.2vw,8px) clamp(8px,2vw,12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d,0 0 20px #6366f126;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;gap:clamp(3px,.8vw,5px);width:100%;box-sizing:border-box}.xp-progress-bar:hover{transform:translateY(-1px);border-color:#6366f1cc;box-shadow:0 6px 16px #0006,0 0 25px #6366f159}.xp-progress-bar:active{transform:translateY(0)}.xp-header{display:flex;justify-content:space-between;align-items:center;width:100%}.xp-rank{font-size:clamp(.58rem,1.6vw,.72rem);font-weight:700;color:#a78bfa;display:flex;align-items:center;gap:4px;line-height:1.2}.xp-counter{font-size:clamp(.55rem,1.4vw,.68rem);font-weight:700;color:#e2e8f0;font-family:var(--font-mono);display:flex;align-items:center;gap:3px;line-height:1.2}.xp-current-val{color:#38bdf8;font-weight:800}.xp-sep{color:#64748b;font-size:.8em}.xp-target-val{color:#94a3b8}.xp-bar-container{height:clamp(4px,1vw,6px);background:#6366f126;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 4px #0006;width:100%}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#38bdf8);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #6366f199;position:relative}.xp-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:640px){.xp-progress-bar{padding:5px 8px}.xp-rank{font-size:.58rem;gap:3px}.xp-counter{font-size:.55rem}}@media(max-width:380px){.xp-progress-bar{padding:4px 6px}.xp-rank{font-size:.52rem}.xp-counter{font-size:.5rem}.xp-bar-container{height:4px}}.daily-challenge{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1.5px solid rgba(99,102,241,.3);border-radius:clamp(10px,2vw,14px);padding:clamp(8px,2vw,12px);position:relative;overflow:hidden;transition:all var(--transition-fast)}.daily-challenge:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126;transform:translateY(-1px)}.daily-challenge--completed{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b98166}.daily-challenge--completed:hover{border-color:var(--color-success);box-shadow:0 4px 12px #10b98126}.daily-challenge__container{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2.5vw,14px)}.daily-challenge__left{flex:1;min-width:0}.daily-challenge__header{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.daily-challenge__icon{font-size:clamp(1.5rem,3.5vw,2rem);flex-shrink:0;animation:bounce-subtle 2s ease-in-out infinite}.daily-challenge__content{flex:1;min-width:0}.daily-challenge__title-row{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);margin-bottom:clamp(2px,.5vw,3px)}.daily-challenge__title{font-size:clamp(.75rem,2vw,.9rem);font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.2}.daily-challenge__timer{font-size:clamp(.55rem,1.4vw,.65rem);font-weight:600;font-family:var(--font-mono);color:var(--color-warning);opacity:.9;flex-shrink:0}.daily-challenge__description{font-size:clamp(.6rem,1.5vw,.7rem);color:var(--color-text-secondary);margin:0;line-height:1.3}.daily-challenge__progress-inline{font-weight:800;color:var(--color-primary)}.daily-challenge__right{flex-shrink:0}.daily-challenge__cta{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,6px);padding:clamp(8px,2vw,10px) clamp(14px,3.5vw,18px);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);min-width:clamp(80px,20vw,100px)}.daily-challenge__cta-icon{font-size:clamp(1.2rem,3vw,1.5rem)}.daily-challenge__cta-text{font-size:clamp(.7rem,1.8vw,.85rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.daily-challenge__cta:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow-primary);transform:translateY(-2px)}.daily-challenge__cta:active:not(:disabled){transform:translateY(0)}.daily-challenge__cta--completed{background:var(--gradient-success);cursor:not-allowed;opacity:.8}.daily-challenge__cta--completed:hover{box-shadow:var(--shadow-sm);transform:none}.daily-challenge__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none;animation:pulse-glow 3s ease-in-out infinite}.daily-challenge--completed .daily-challenge__glow{background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%)}@media(max-width:640px){.daily-challenge{padding:8px}.daily-challenge__container{gap:8px}.daily-challenge__header{gap:6px}.daily-challenge__icon{font-size:1.5rem}.daily-challenge__title-row{gap:6px}.daily-challenge__title{font-size:.75rem}.daily-challenge__timer{font-size:.55rem}.daily-challenge__description{font-size:.6rem}.daily-challenge__right{gap:3px}.daily-challenge__cta{padding:8px 14px;min-width:80px}.daily-challenge__cta-icon{font-size:1.2rem}.daily-challenge__cta-text{font-size:.7rem}}@media(max-width:380px){.daily-challenge{padding:4px 6px;border-radius:8px}.daily-challenge__container,.daily-challenge__header{gap:4px}.daily-challenge__icon{font-size:1rem}.daily-challenge__title{font-size:.6rem;line-height:1.1}.daily-challenge__timer{font-size:.45rem}.daily-challenge__description{font-size:.5rem;line-height:1.1}.daily-challenge__cta{padding:4px 8px;min-width:60px;height:24px;border-radius:6px}.daily-challenge__cta-icon{font-size:.8rem}.daily-challenge__cta-text{font-size:.55rem}}.activity-leaderboard{display:flex;gap:clamp(8px,2vw,12px);flex:.5;min-height:0}.activity-feed{flex:6;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1.5px solid rgba(99,102,241,.3);border-radius:clamp(10px,2vw,14px);padding:clamp(6px,1.5vw,8px);position:relative;overflow:hidden;transition:all var(--transition-fast);display:flex;flex-direction:column;min-height:0}.activity-feed:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126}.activity-feed__header{display:flex;align-items:center;gap:clamp(4px,1vw,6px);margin-bottom:clamp(4px,1vw,6px);flex-shrink:0}.activity-feed__icon{font-size:clamp(.9rem,2.2vw,1.1rem)}.activity-feed__title{font-size:clamp(.65rem,1.6vw,.75rem);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.activity-feed__list{display:flex;flex-direction:column;gap:clamp(3px,.8vw,4px);flex:1;min-height:0;overflow-y:auto;padding-right:4px}.activity-feed__list::-webkit-scrollbar{width:3px}.activity-feed__list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.activity-feed__list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.activity-item{display:flex;align-items:center;gap:clamp(4px,1vw,6px);padding:clamp(3px,.8vw,4px);background:#ffffff08;border-radius:var(--radius-md);transition:all var(--transition-fast)}.activity-item:hover{background:#ffffff0f;transform:translate(2px)}.activity-item__icon{font-size:clamp(.8rem,2vw,1rem);flex-shrink:0}.activity-item__content{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:clamp(4px,1vw,6px)}.activity-item__text{font-size:clamp(.6rem,1.5vw,.7rem);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item__text strong{color:var(--color-text-primary);font-weight:700}.activity-item__time{font-size:clamp(.55rem,1.3vw,.65rem);color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0}.leaderboard{flex:4;background:linear-gradient(135deg,#fbbf2414,#f59e0b14);border:1.5px solid rgba(251,191,36,.3);border-radius:clamp(10px,2vw,14px);padding:clamp(6px,1.5vw,8px);position:relative;transition:all var(--transition-fast);display:flex;flex-direction:column;min-height:0;overflow:visible}.leaderboard:hover{border-color:var(--color-warning);box-shadow:0 4px 12px #fbbf2426}.leaderboard__header{display:flex;align-items:center;gap:clamp(4px,1vw,6px);margin-bottom:clamp(4px,1vw,6px)}.leaderboard__icon{font-size:clamp(.9rem,2.2vw,1.1rem)}.leaderboard__title{font-size:clamp(.65rem,1.6vw,.75rem);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.leaderboard__list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.leaderboard__top{display:flex;flex-direction:column;gap:clamp(3px,.8vw,4px);overflow-y:auto;flex:1;min-height:0;padding-right:4px}.leaderboard__top::-webkit-scrollbar{width:3px}.leaderboard__top::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.leaderboard__top::-webkit-scrollbar-thumb{background:var(--color-warning);border-radius:10px}.leaderboard__user{flex-shrink:0;padding-top:4px;border-top:1px solid rgba(251,191,36,.2);margin-top:4px}.leaderboard-item{display:flex;align-items:center;gap:clamp(4px,1vw,6px);padding:clamp(3px,.8vw,4px);background:#ffffff08;border-radius:var(--radius-md);transition:all var(--transition-fast)}.leaderboard-item:hover{background:#ffffff0f}.leaderboard-item__rank{font-size:clamp(.8rem,2vw,1rem);flex-shrink:0}.leaderboard-item__name{flex:1;font-size:clamp(.6rem,1.5vw,.7rem);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-item__profit{font-size:clamp(.6rem,1.5vw,.7rem);font-weight:700;color:var(--color-success);font-family:var(--font-mono);flex-shrink:0}.leaderboard-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:clamp(2px,.5vw,3px) 0}.leaderboard-item--user{background:#6366f11a;border:1px solid rgba(99,102,241,.3)}.leaderboard-item--user .leaderboard-item__rank{color:var(--color-primary);font-weight:700}@media(max-width:640px){.activity-leaderboard{gap:6px}.activity-feed,.leaderboard{padding:6px}.activity-feed__header,.leaderboard__header{gap:4px;margin-bottom:4px}.activity-feed__icon,.leaderboard__icon{font-size:.9rem}.activity-feed__title,.leaderboard__title{font-size:.65rem}.activity-feed__list,.leaderboard__list{gap:3px}.activity-item,.leaderboard-item{padding:3px;gap:4px}.activity-item__icon,.leaderboard-item__rank{font-size:.8rem}.activity-item__text,.leaderboard-item__name,.leaderboard-item__profit{font-size:.6rem}.activity-item__time{font-size:.55rem}}@media(max-width:380px){.activity-leaderboard{gap:4px;align-items:stretch}.activity-feed,.leaderboard{padding:4px;border-radius:8px}.activity-feed__header,.leaderboard__header{gap:3px;margin-bottom:2px}.activity-feed__icon,.leaderboard__icon{font-size:.7rem}.activity-feed__title,.leaderboard__title{font-size:.5rem}.activity-feed__list,.leaderboard__list{gap:2px}.activity-item,.leaderboard-item{padding:1.5px 3px;gap:3px;border-radius:4px;min-height:18px}.activity-item__icon,.leaderboard-item__rank{font-size:.65rem}.activity-item__text,.leaderboard-item__name,.leaderboard-item__profit{font-size:.48rem}.activity-item__time{font-size:.45rem}}.daily-reward{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:clamp(10px,2.5vw,14px);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:.1;transition:all .4s ease}.daily-reward--claimed{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d}.daily-reward__content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.daily-reward__icon-box{width:36px;height:36px;background:#ffd7001a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;box-shadow:0 0 15px #ffd7001a}.daily-reward__text{display:flex;flex-direction:column;justify-content:center}.daily-reward__label{font-size:.65rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}.daily-reward__tip{font-size:.8rem;color:var(--color-text-primary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.daily-reward__action{flex-shrink:0}.claim-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:var(--radius-lg);padding:6px 12px;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.claim-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa50066}.claim-btn:active{transform:translateY(0)}.coin-icon{font-size:1.2rem}.claim-info{display:flex;flex-direction:column;align-items:flex-start}.claim-title{font-size:.6rem;font-weight:700;color:#0009;line-height:1}.claim-value{font-size:.85rem;font-weight:800;color:#333;line-height:1}.claim-btn.claimed{background:#ffffff1a;box-shadow:none;cursor:default;transform:none;padding:8px 16px;color:var(--color-text-secondary)}.claim-btn.claimed:hover{transform:none;box-shadow:none}.claim-btn.claimed span{color:var(--color-success);font-weight:600;font-size:.8rem}.daily-reward--cta{background:linear-gradient(135deg,#6366f114,#8b5cf60f);border-color:#6366f133}.daily-reward--cta:hover{border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.daily-reward--cta:active{transform:translateY(0)}.daily-reward__icon-box--cta{background:#6366f126!important;box-shadow:0 0 12px #6366f126!important}.daily-reward__cta-btn{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6)!important;color:#fff!important;padding:6px 14px!important;pointer-events:none}.daily-reward__cta-btn .claim-value{color:#fff!important;font-size:.8rem!important;font-weight:700;letter-spacing:.3px}@media(max-width:380px){.daily-reward{padding:3px 6px;border-radius:8px;min-height:32px}.daily-reward__content{gap:4px}.daily-reward__icon-box{width:24px;height:24px;font-size:.9rem;box-shadow:0 0 8px #ffd7001a}.daily-reward__label{font-size:.5rem;margin-bottom:0}.daily-reward__tip{max-width:110px;font-size:.65rem;line-height:1.1}.claim-btn{padding:3px 8px;border-radius:6px;min-height:24px}.coin-icon{font-size:.8rem}.claim-title{font-size:.45rem}.claim-value{font-size:.65rem}}.market-ticker{width:100%;overflow:hidden;background:linear-gradient(90deg,#0f172a99,#1e293b99,#0f172a99);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:clamp(10px,2.5vw,14px) 0;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.market-ticker__track{display:flex;gap:32px;width:max-content;animation:scroll-ticker 30s linear infinite}.market-ticker:hover .market-ticker__track{animation-play-state:paused}.market-ticker__item{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:clamp(.8rem,2.5vw,.9rem)}.market-ticker__symbol{font-weight:700;color:var(--color-text-secondary)}.market-ticker__price{font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.market-ticker__change{font-weight:600;font-size:.9em}.market-ticker__change.positive{color:var(--color-success)}.market-ticker__change.negative{color:var(--color-danger)}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:640px){.market-ticker{padding:5px 0}.market-ticker__track{gap:20px;animation-duration:25s}}@media(max-width:380px){.market-ticker{padding:3px 0}.market-ticker__track{gap:12px}.market-ticker__item{font-size:.65rem;gap:4px}}.institute-war{background:linear-gradient(180deg,#0f172ae6,#0a0f1cf2);border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-xl);padding:clamp(12px,3vw,18px);position:relative;overflow:hidden;box-shadow:0 0 20px #38bdf80d;flex:.35;display:flex;flex-direction:column}.institute-war:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(56,189,248,.03) 3px,rgba(56,189,248,.03) 4px);pointer-events:none;z-index:1}.war-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);position:relative;z-index:2}.live-badge{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;color:#ef4444;background:#ef44441a;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.live-dot{width:6px;height:6px;background-color:#ef4444;border-radius:50%;animation:pulse-red 1.5s infinite}.war-timer{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.war-battleground{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:12px;z-index:2}.team{display:flex;align-items:center;gap:10px}.team-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.team-info{display:flex;flex-direction:column}.team-info.right-align{align-items:flex-end;text-align:right}.team-name{font-size:.7rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:1px}.team-score{font-size:1rem;font-weight:800;color:#fff;font-family:var(--font-mono)}.vs-badge{font-weight:900;font-style:italic;font-size:1.2rem;color:#ffffff1a;position:absolute;left:50%;transform:translate(-50%)}.dominance-track{height:8px;background:#374151;border-radius:4px;position:relative;overflow:hidden;margin-bottom:10px;z-index:2}.dominance-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);position:relative;transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:4px 0 0 4px}.dominance-glow{position:absolute;right:0;top:0;height:100%;width:20px;background:#fff;box-shadow:0 0 10px #fff,0 0 20px #3b82f6;opacity:.8;filter:blur(4px)}.center-marker{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff3;z-index:3}.war-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#4ade80;font-weight:600;z-index:2;position:relative}.active-agents{color:var(--color-text-secondary)}.text-glow{text-shadow:0 0 10px rgba(74,222,128,.3)}@keyframes pulse-red{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.your-team .team-score{color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.4)}.enemy-team .team-score{color:#f87171}@media(max-width:640px){.institute-war{padding:10px}.team-logo{width:35px;height:35px;font-size:1.3rem}.team-name{font-size:.65rem}.team-score{font-size:.95rem}.vs-badge{font-size:1.1rem}.dominance-track{height:7px}.war-footer{font-size:.65rem}.live-badge{font-size:.65rem;padding:3px 6px}.war-timer{font-size:.7rem}}@media(max-width:380px){.institute-war{padding:6px;border-radius:10px}.war-header{margin-bottom:4px}.live-badge{font-size:.55rem;padding:2px 4px;gap:3px;height:18px}.live-dot{width:4px;height:4px}.war-timer{font-size:.6rem}.team{gap:4px}.team-logo{width:26px;height:26px;font-size:1rem;border-radius:6px}.team-name{font-size:.5rem}.team-score{font-size:.75rem}.vs-badge{font-size:.9rem}.war-battleground{margin-bottom:6px}.dominance-track{height:5px;margin-bottom:4px}.war-footer{font-size:.55rem}}.war-news{margin-top:8px;padding-top:6px;border-top:1px solid rgba(56,189,248,.1);overflow:hidden;position:relative;z-index:2;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.war-news__track{display:flex;flex-direction:row;gap:24px;width:max-content;animation:war-news-horizontal 15s linear infinite}.war-news__item{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:clamp(.6rem,1.8vw,.7rem);flex-shrink:0}.news-icon{font-size:clamp(.7rem,1.8vw,.85rem);flex-shrink:0}.news-text{color:var(--color-text-secondary)}.news-text strong{color:var(--color-primary);font-weight:700}.war-news__item:after{content:"•";color:#38bdf84d;margin-left:24px}.war-news__item:last-child:after{content:""}@keyframes war-news-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:380px){.war-news{margin-top:4px;padding-top:4px}.war-news__track{gap:16px}.war-news__item{gap:4px;font-size:.55rem}.news-icon{font-size:.65rem}.war-news__item:after{margin-left:16px}}.action-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-xl);font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;letter-spacing:1px;width:100%;min-height:80px}.action-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);pointer-events:none}.action-button-practice{background:linear-gradient(135deg,#ff6b9d,#ff4757);color:#fff;transition:filter .15s ease,opacity .15s ease}.action-button-practice:hover{filter:brightness(1.05)}.action-button-practice:active{filter:brightness(.95)}.action-button-battle{background:linear-gradient(135deg,#34d399,#059669);color:#fff;transition:filter .15s ease,opacity .15s ease}.action-button-battle:hover{filter:brightness(1.05)}.action-button-battle:active{filter:brightness(.95)}.action-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.action-label{font-size:var(--font-size-xl);text-shadow:0 2px 4px rgba(0,0,0,.2)}@media(max-width:640px){.action-button{padding:var(--spacing-lg) var(--spacing-xl);min-height:70px}.action-icon{font-size:28px}.action-label{font-size:var(--font-size-lg)}}@media(max-width:400px){.action-button{padding:var(--spacing-md) var(--spacing-lg);min-height:60px;gap:var(--spacing-sm)}.action-icon{font-size:24px}.action-label{font-size:var(--font-size-base)}}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,16px);width:100%;padding:clamp(8px,2vw,12px) 0;flex-shrink:0;margin-top:auto}@media(max-width:640px){.action-buttons{gap:clamp(6px,1.5vw,8px);padding:clamp(6px,1.5vw,8px) 0}}@media(max-width:380px){.action-buttons{gap:4px;padding:4px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}.home-container>*{animation:fadeInUp .38s cubic-bezier(.2,.9,.3,1) backwards;will-change:transform,opacity;backface-visibility:hidden}.home-container>.top-bar{animation-delay:.04s}.home-container>.market-ticker{animation-delay:.08s}.home-container>.daily-reward{animation-delay:.12s}.home-container>.daily-challenge{animation-delay:.16s}.home-container>.institute-war{animation-delay:.2s}.home-container>.activity-leaderboard{animation-delay:.26s}.home-container>.action-buttons{animation-delay:.3s}.level-tester{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;justify-content:center}.level-tester button{background:var(--gradient-primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.level-tester button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.level-controls{display:flex;gap:var(--spacing-sm);align-items:center;background:var(--color-bg-tertiary);padding:4px 12px;border-radius:var(--radius-lg)}.level-controls button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700}.level-controls span{color:var(--color-text-primary);font-weight:600;min-width:80px;text-align:center}.home-page{height:100vh;height:100dvh;width:100vw;background:var(--color-bg-primary);overflow:hidden;position:relative;padding:0 10px;touch-action:none;overscroll-behavior:none;box-sizing:border-box}.home-container{max-width:600px;height:100%;margin:0 auto;padding-top:clamp(14px,3.5vw,22px);padding-bottom:clamp(10px,2.5vw,18px);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(6px,1.5vw,10px);touch-action:none;box-sizing:border-box}@media(max-width:640px){.home-container{padding-top:clamp(12px,3vw,18px);padding-bottom:clamp(8px,2vw,14px)}}@media(max-width:380px){.home-container{padding-top:10px;padding-bottom:6px}}@media(max-height:670px)and (max-width:400px){.home-container{padding-top:8px;padding-bottom:4px}}@media(min-width:900px){.home-page{display:flex;align-items:flex-start;justify-content:center;background:var(--color-bg-primary);padding:14px 20px;height:100vh;overflow:hidden}.home-container{max-width:1400px;width:100%;height:96vh;max-height:920px;padding:14px 16px;gap:10px;overflow:hidden;touch-action:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;box-shadow:none;display:grid;grid-template-columns:1.1fr 1fr .85fr;grid-template-rows:auto auto auto 1fr auto auto;grid-template-areas:"topheader   topheader   topright" "ticker      ticker      topright" "traders     livefeed    reward" "traders     livefeed    progress" "war         livefeed    challenge" "war         livefeed    buttons"}.home-container>.top-bar{display:contents}.top-section{display:contents}.top-section__left-col{grid-area:topheader;display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;min-width:0}.top-section__hanging-wrap{flex-shrink:0;width:260px;margin-right:26px;position:relative}.top-section__hanging-wrap .hanging-board{width:100%}.top-section__center-wrap{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.desktop-tagline{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;line-height:1.15}.desktop-tagline__title{font-size:.95rem;font-weight:800;color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.desktop-tagline__sub{font-size:.72rem;font-weight:700;color:#38bdf8;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.desktop-logo-badge{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#1e293b,#0a0e1a);border:2px solid rgba(56,189,248,.4);box-shadow:0 0 16px #38bdf840,0 4px 10px #00000080;overflow:hidden;flex-shrink:0;padding:2px;box-sizing:border-box}.desktop-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.top-section__center-wrap .xp-progress-bar{flex:1;min-width:140px}.top-section__right-col{grid-area:topright;display:flex;flex-direction:column;gap:8px;justify-content:center}.top-section__balance-card{height:56px}.progress-section{grid-area:progress;align-self:start;display:flex;flex-direction:column;gap:4px}.progress-header{font-size:.72rem;font-weight:700;color:var(--color-text-secondary);margin:0}.progress-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.progress-cards .stat-card{padding:5px 8px}.home-container>.market-ticker{grid-area:ticker}.home-container>.activity-leaderboard{display:contents}.leaderboard{grid-area:traders;flex:unset;min-height:0;overflow:hidden}.activity-feed{grid-area:livefeed;flex:unset;min-height:0;overflow:hidden}.home-container>.daily-reward{grid-area:reward;align-self:start}.home-container>.daily-challenge{grid-area:challenge;align-self:start;padding:6px 12px;border-radius:var(--radius-xl)}.home-container>.daily-challenge .daily-challenge__glow{display:none}.home-container>.daily-challenge .daily-challenge__container{gap:8px}.home-container>.daily-challenge .daily-challenge__header{gap:6px}.home-container>.daily-challenge .daily-challenge__icon{font-size:1.25rem;animation:none}.home-container>.daily-challenge .daily-challenge__title{font-size:.78rem}.home-container>.daily-challenge .daily-challenge__timer{font-size:.6rem}.home-container>.daily-challenge .daily-challenge__description{font-size:.65rem}.home-container>.daily-challenge .daily-challenge__cta{padding:6px 12px;min-width:68px;border-radius:var(--radius-md)}.home-container>.daily-challenge .daily-challenge__cta-icon{font-size:1rem}.home-container>.daily-challenge .daily-challenge__cta-text{font-size:.72rem}.home-container>.institute-war{grid-area:war;flex:unset;min-height:0;overflow:hidden}.home-container>.action-buttons{grid-area:buttons;display:flex;flex-direction:column;gap:10px;margin-top:0;padding:0}.home-container>.action-buttons .action-button{min-height:66px;padding:14px 24px;border-radius:var(--radius-xl);transform:none!important}.home-container>.action-buttons .action-button:hover{transform:none!important;filter:brightness(1.05)!important}.home-container>.action-buttons .action-icon{font-size:30px}.home-container>.action-buttons .action-label{font-size:1.25rem;font-weight:800;letter-spacing:.8px}}.trading-chart-container{width:100%;height:100%;min-height:0;position:relative;background:transparent}.trading-chart-container canvas{touch-action:none}.trading-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:#131824f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);flex-shrink:0;transition:all .2s ease-out}.trading-panel-expanded{padding:4px var(--spacing-sm)}.position-display-expanded{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:var(--color-surface);border-radius:var(--radius-md);border:1.5px solid transparent;transition:border-color .3s ease,box-shadow .3s ease;max-width:520px;width:100%;margin:0 auto;box-sizing:border-box}.position-display-expanded.long{border-color:#10b9814d}.position-display-expanded.short{border-color:#ef44444d}.position-display-expanded.pnl-glow.long{box-shadow:0 0 16px #10b98159,inset 0 0 8px #10b9811a;border-color:#10b98199}.position-display-expanded.pnl-glow.short{box-shadow:0 0 16px #ef444459,inset 0 0 8px #ef44441a;border-color:#ef444499}.position-header{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.position-type-badge{display:flex;align-items:center;gap:6px;flex-shrink:0}.position-side-badge{padding:2px 7px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.position-side-badge.long{background:#10b98133;color:var(--color-success)}.position-side-badge.short{background:#ef444433;color:var(--color-danger)}.position-duration{font-size:.7rem;color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap}.position-status-badge{padding:1px 5px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:800;letter-spacing:.3px;white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.position-status-badge.live{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35)}.position-status-badge.paused{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.position-pnl-large{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.position-pnl-large .pnl-amount{font-size:1.05rem;font-weight:800;font-family:var(--font-mono);white-space:nowrap}.position-pnl-large.positive .pnl-amount{color:var(--color-success)}.position-pnl-large.negative .pnl-amount{color:var(--color-danger)}.position-pnl-large .pnl-percent-small{font-size:.65rem;color:var(--color-text-muted);font-family:var(--font-mono)}.position-grid-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;padding:6px 10px;background:#0f172a59;border:1px solid rgba(51,65,85,.35);border-radius:8px;margin:2px 0 4px;align-items:center;box-sizing:border-box;width:100%;min-width:0}.position-left-col{display:flex;flex-direction:column;gap:4px;border-right:1px solid rgba(51,65,85,.35);padding-right:8px;min-width:0;overflow:hidden}.position-section-label{font-size:.58rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.entry-group{display:flex;flex-direction:column;gap:1px;min-width:0}.entry-price-display{font-size:.92rem;font-weight:800;font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qty-group{display:flex;align-items:center;gap:6px;min-width:0}.qty-group .position-section-label{min-width:24px;flex-shrink:0}.qty-input-wrap{flex:1;max-width:55px;min-width:0}.qty-input-wrap .position-edit-input{text-align:center;padding:2px 4px;font-size:.78rem;font-weight:700;border-radius:5px;height:24px;width:100%;box-sizing:border-box}.position-right-col{display:flex;flex-direction:column;gap:5px;min-width:0}.target-field-row{display:flex;align-items:center;gap:6px;min-width:0}.target-field-tag{font-size:.62rem;font-weight:800;padding:2px 5px;border-radius:5px;letter-spacing:.5px;min-width:24px;text-align:center;font-family:var(--font-mono);flex-shrink:0}.target-field-tag.tp{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.35)}.target-field-tag.sl{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.35)}.target-input-container{position:relative;display:flex;align-items:center;flex:1;min-width:0}.target-input-container .currency-prefix{position:absolute;left:6px;font-size:.72rem;font-weight:700;color:#64748b;pointer-events:none;z-index:1}.target-input-container .position-edit-input{padding-left:17px;padding-right:4px;height:24px;font-size:.78rem;border-radius:5px;width:100%;box-sizing:border-box}.position-edit-input{width:100%;min-width:0;background:#0f172ab3;border:1px solid rgba(51,65,85,.85);border-radius:6px;padding:3px 6px;font-size:.82rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary);outline:none;transition:all .2s ease;box-sizing:border-box}.position-edit-input::-webkit-inner-spin-button,.position-edit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.position-edit-input[type=number]{-moz-appearance:textfield}.position-edit-input:hover{border-color:#6366f199}.position-edit-input:focus{background:#0f172af2;box-shadow:0 0 0 2px #6366f14d}.position-edit-input.sl-input{color:#f87171}.position-edit-input.sl-input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef44444d}.position-edit-input.tp-input{color:#4ade80}.position-edit-input.tp-input:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e4d}.position-edit-input.qty-input{text-align:center;color:#f8fafc}.position-inline-confirm-box{display:flex;flex-direction:column;gap:6px;padding:4px 2px 2px;animation:tourFadeIn .2s ease-out;box-sizing:border-box;width:100%}.inline-confirm-title{font-size:.8rem;font-weight:700;color:#f1f5f9;text-align:center;line-height:1.3;word-break:break-word}.inline-confirm-status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;gap:2px}.inline-confirm-status-card.profit{background:#22c55e1f;border:1px solid rgba(34,197,94,.35)}.inline-confirm-status-card.loss{background:#ef44441f;border:1px solid rgba(239,68,68,.35)}.inline-confirm-status-card.neutral{background:#3341554d;border:1px solid rgba(71,85,105,.4)}.inline-status-sub{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.inline-confirm-status-card.profit .inline-status-sub{color:#22c55e}.inline-confirm-status-card.loss .inline-status-sub{color:#f87171}.inline-confirm-status-card.neutral .inline-status-sub{color:#94a3b8}.inline-status-amount{display:flex;align-items:baseline;gap:5px;font-family:var(--font-mono)}.inline-confirm-status-card.profit .amount-val{font-size:1.05rem;font-weight:800;color:#4ade80}.inline-confirm-status-card.profit .percent-val{font-size:.72rem;font-weight:700;color:#22c55e}.inline-confirm-status-card.loss .amount-val{font-size:1.05rem;font-weight:800;color:#f87171}.inline-confirm-status-card.loss .percent-val{font-size:.72rem;font-weight:700;color:#ef4444}.inline-status-amount .unstarted-note{font-size:.75rem;color:#94a3b8;font-family:inherit}.inline-confirm-buttons{display:flex;gap:6px;margin-top:2px;width:100%;box-sizing:border-box}.inline-confirm-btn{flex:1;min-width:0;padding:6px 10px;border-radius:6px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-align:center;white-space:nowrap}.inline-confirm-btn.keep-btn{background:#33415580;color:#e2e8f0;border-color:#47556999}.inline-confirm-btn.keep-btn:hover{background:#475569cc;color:#fff}.inline-confirm-btn.close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 10px #ef444459}.inline-confirm-btn.close-btn:hover{box-shadow:0 6px 14px #ef44448c}.close-position-btn-expanded{width:100%;padding:6px 10px;background:linear-gradient(135deg,#6464784d,#50506466);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.close-position-btn-expanded:hover{background:linear-gradient(135deg,#ef44444d,#dc262666);border-color:var(--color-danger);color:var(--color-danger);transform:translateY(-1px)}.close-position-btn-expanded:active{transform:translateY(0)}.unstarted-trade-actions{display:flex;align-items:center;gap:8px;width:100%}.continue-trade-btn-expanded{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:.3px;border:1px solid transparent}.continue-trade-btn-expanded.long{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 10px #22c55e59;border-color:#4ade8066}.continue-trade-btn-expanded.long:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e80;transform:translateY(-1px)}.continue-trade-btn-expanded.short{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 10px #ef444459;border-color:#f8717166}.continue-trade-btn-expanded.short:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444480;transform:translateY(-1px)}.continue-trade-btn-expanded:active{transform:translateY(0)}.continue-trade-btn-expanded .play-icon{font-size:.75rem}.cancel-unstarted-btn{padding:7px 12px;background:#64748b2e;border:1px solid rgba(148,163,184,.3);border-radius:6px;color:#cbd5e1;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cancel-unstarted-btn:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}.position-status-badge.pending{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.4)}.trade-closed-card{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid transparent;transition:all .3s ease;animation:slideIn .3s ease-out;max-width:520px;width:100%;margin:0 auto;box-sizing:border-box}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trade-closed-card.profit{border-color:#10b98180;box-shadow:0 0 25px #10b9814d,inset 0 0 15px #10b9811a}.trade-closed-card.loss{border-color:#ef444466;box-shadow:0 0 20px #ef444433,inset 0 0 10px #ef44440d}.closed-header{display:flex;justify-content:space-between;align-items:center}.closed-title{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.closed-pnl{display:flex;flex-direction:column;align-items:flex-end}.closed-pnl .pnl-main{font-size:1.4rem;font-weight:800;font-family:var(--font-mono)}.closed-pnl.profit .pnl-main{color:var(--color-success)}.closed-pnl.loss .pnl-main{color:var(--color-danger)}.closed-pnl .pnl-sub{font-size:.7rem;color:var(--color-text-muted);font-family:var(--font-mono)}.closed-details{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.closed-detail-item{display:flex;flex-direction:column;gap:2px;text-align:center}.detail-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.8rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.detail-value.side-long{color:var(--color-success);font-weight:700}.detail-value.side-short{color:var(--color-danger);font-weight:700}.continue-trading-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.continue-trading-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.continue-trading-btn:active{transform:translateY(0)}.position-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.position-info{display:flex;flex-direction:column;gap:2px}.position-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.position-details{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600}.position-side{padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.position-side.long{background:#10b98133;color:var(--color-success)}.position-side.short{background:#ef444433;color:var(--color-danger)}.position-entry{color:var(--color-text-secondary);font-family:var(--font-mono)}.position-pnl{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pnl-value{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-mono)}.pnl-value.positive{color:var(--color-success)}.pnl-value.negative{color:var(--color-danger)}.pnl-percent{font-size:var(--font-size-xs);font-family:var(--font-mono)}.pnl-percent.positive{color:var(--color-success)}.pnl-percent.negative{color:var(--color-danger)}.close-position-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.close-position-btn:hover{background:var(--color-danger);border-color:var(--color-danger)}.order-controls{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:520px;width:100%;margin:0 auto;box-sizing:border-box}.quantity-row{display:flex;align-items:center;gap:var(--spacing-sm)}.quantity-label{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:40px}.quantity-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-mono);text-align:center;width:80px}.quantity-input:focus{outline:none;border-color:var(--color-primary)}.quantity-presets{display:flex;gap:4px}.quantity-preset-btn{padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.quantity-preset-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.sltp-row{display:flex;gap:var(--spacing-sm)}.sltp-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.sltp-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.sltp-label.sl{color:var(--color-danger)}.sltp-label.tp{color:var(--color-success)}.sltp-input{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-mono)}.sltp-input:focus{outline:none;border-color:var(--color-primary)}.sltp-input.sl:focus{border-color:var(--color-danger)}.sltp-input.tp:focus{border-color:var(--color-success)}.order-buttons{display:flex;gap:var(--spacing-sm)}.order-btn{flex:1;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:2px}.order-btn .btn-label{font-size:var(--font-size-xs);font-weight:500;opacity:.8}.order-btn.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.order-btn.buy:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.order-btn.buy:active{transform:translateY(0)}.order-btn.sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.order-btn.sell:hover{box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.order-btn.sell:active{transform:translateY(0)}.order-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(min-width:768px){.trading-panel{align-items:center}}@media(max-width:480px){.trading-panel{padding:var(--spacing-sm);gap:6px}.position-display-expanded{padding:7px 10px;gap:5px}.position-grid-layout{gap:8px;padding:5px 8px}.entry-price-display{font-size:.88rem}.order-btn{padding:var(--spacing-sm);font-size:var(--font-size-base)}.quantity-preset-btn{padding:3px 8px}}@media(max-width:360px){.trading-panel-expanded{padding:3px 6px}.position-display-expanded{padding:6px 8px;gap:5px}.position-header{gap:4px}.position-side-badge{padding:2px 5px;font-size:.6rem}.position-duration{font-size:.65rem}.position-status-badge{padding:1px 4px;font-size:.55rem}.position-pnl-large .pnl-amount{font-size:.95rem}.position-pnl-large .pnl-percent-small{font-size:.6rem}.position-grid-layout{grid-template-columns:1fr 1.25fr;gap:6px;padding:4px 6px}.position-left-col{padding-right:6px;gap:3px}.entry-price-display{font-size:.82rem}.qty-input-wrap{max-width:42px}.qty-input-wrap .position-edit-input{font-size:.74rem;height:22px;padding:2px}.target-field-tag{font-size:.58rem;min-width:20px;padding:2px 4px}.target-input-container .currency-prefix{left:4px;font-size:.66rem}.target-input-container .position-edit-input{padding-left:14px;font-size:.74rem;height:22px}.close-position-btn-expanded{padding:5px 8px;font-size:.74rem}.inline-confirm-title{font-size:.74rem}.inline-confirm-status-card{padding:4px 6px}.inline-confirm-btn{padding:5px 6px;font-size:.72rem}.quantity-row{gap:4px}.quantity-presets{gap:2px}.quantity-preset-btn{padding:2px 6px;font-size:.65rem}.sltp-row{gap:6px}}@media(max-width:320px){.position-display-expanded{padding:4px 5px;gap:4px}.position-grid-layout{gap:4px;padding:3px 5px}.position-section-label{font-size:.52rem}.entry-price-display{font-size:.76rem}.qty-input-wrap{max-width:38px}.target-input-container .currency-prefix{left:3px;font-size:.62rem}.target-input-container .position-edit-input{padding-left:12px;font-size:.7rem}.inline-confirm-status-card .amount-val{font-size:.9rem}}.replay-controls{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#131824f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);flex-shrink:0}.replay-btn{display:flex;align-items:center;justify-content:center;min-width:36px;padding:0 12px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:16px;cursor:pointer;transition:all var(--transition-fast)}.replay-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.replay-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.replay-btn:disabled{opacity:.4;cursor:not-allowed}.speed-selector{display:flex;gap:2px;margin-left:var(--spacing-sm)}.speed-btn{padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.speed-btn:hover{color:var(--color-text-secondary)}.speed-btn.active{color:var(--color-primary-light);background:#6366f126;border-color:var(--color-primary)}@media(max-width:400px){.replay-controls{padding:6px var(--spacing-sm);gap:4px}.replay-btn{min-width:32px;padding:0 8px;height:28px;font-size:14px}.speed-btn{padding:3px 6px;font-size:10px}.progress-text{font-size:10px;min-width:50px}}.drawing-sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.drawing-sheet-overlay.open{opacity:1;visibility:visible}.drawing-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:70vh;transform:translateY(100%);transition:transform .3s ease;z-index:101;display:flex;flex-direction:column}.drawing-sheet-overlay.open .drawing-sheet{transform:translateY(0)}.drawing-sheet-handle{width:100%;height:28px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.drawing-sheet-handle:after{content:"";width:40px;height:4px;background:#94a3b899;border-radius:2px}.drawing-sheet-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.drawing-sheet-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.drawing-sheet-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.drawing-sheet-search::placeholder{color:var(--color-text-muted)}.drawing-sheet-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.drawing-sheet-tabs::-webkit-scrollbar{display:none}.drawing-tab{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.drawing-tab:hover{color:var(--color-text-secondary);background:var(--color-surface)}.drawing-tab.active{color:var(--color-primary-light);background:#6366f126;border-color:var(--color-primary)}.drawing-sheet-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.drawing-category{margin-bottom:var(--spacing-lg)}.drawing-category-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.drawing-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.drawing-tool-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.drawing-tool-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.drawing-tool-card.selected{background:#6366f133;border-color:var(--color-primary)}.drawing-tool-icon{font-size:24px;line-height:1}.drawing-tool-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.drawing-tool-star{position:absolute;top:4px;right:4px;font-size:12px;color:#94a3b866;cursor:pointer;transition:all var(--transition-fast);filter:grayscale(1)}.drawing-tool-card:hover .drawing-tool-star{color:#94a3b8cc;filter:grayscale(.5)}.drawing-tool-star.favorited{color:#f59e0b!important;filter:none!important}.drawing-tool-star.limit-reached{opacity:.4;cursor:not-allowed}.drawing-sheet-toast{margin:var(--spacing-xs) var(--spacing-md) 0;padding:8px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-md);color:#fca5a5;font-size:var(--font-size-xs);font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:8px;animation:fadeInDown .2s ease-out}.drawing-sheet-toast-close{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:13px;padding:0 4px;line-height:1;opacity:.8}.drawing-sheet-toast-close:hover{opacity:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.drawing-quick-toolbar{display:flex;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md);margin-right:auto}.quick-tool-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:16px}.quick-tool-btn:hover{background:var(--color-surface-hover)}.quick-tool-btn.active{background:#6366f133;border-color:var(--color-primary)}.drawing-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:16px}.drawing-toggle-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.mobile-crosshair-overlay{position:absolute;top:0;left:0;z-index:100;pointer-events:auto;cursor:crosshair}.crosshair-line{position:absolute;background:#3b82f6cc;pointer-events:none}.crosshair-line.vertical{width:1px;top:0;bottom:0;transform:translate(-.5px)}.crosshair-line.horizontal{height:1px;left:0;right:0;transform:translateY(-.5px)}.crosshair-dot{position:absolute;width:36px;height:36px;background:#3b82f64d;border:3px solid #3b82f6;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #3b82f680;pointer-events:none}.crosshair-dot:before{content:"";position:absolute;width:8px;height:8px;background:#3b82f6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-status-bar{position:absolute;bottom:46px;left:50%;transform:translate(-50%);height:24px;max-width:calc(100% - 32px);box-sizing:border-box;background:#0f172aeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.35);border-radius:12px;box-shadow:0 3px 10px #00000073;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;padding:0 6px 0 8px;z-index:120;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:crosshairBarFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes crosshairBarFadeIn{0%{opacity:0;transform:translate(-50%,4px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.status-text{font-size:11px;line-height:24px;color:#e2e8f0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;display:inline-flex;align-items:center;gap:4px}.status-pin{font-size:10px;flex-shrink:0;line-height:1;opacity:.9}.status-short-text{display:none}.cancel-btn{flex-shrink:0;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;border-radius:50%;font-size:9px;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1}.cancel-btn:hover{background:#ef444459;color:#fca5a5;border-color:#ef444499}.cancel-btn:active{background:#ef444480;transform:scale(.9)}@media(max-width:375px){.crosshair-status-bar{bottom:44px;height:22px;padding:0 5px 0 6px;gap:4px}.status-text{font-size:10.5px;line-height:22px}.status-full-text{display:none}.status-short-text{display:inline}.cancel-btn{width:14px;height:14px;min-width:14px;min-height:14px;font-size:8px}}.crosshair-status-bar.is-compact{bottom:44px;height:22px;padding:0 5px 0 6px;gap:4px}.crosshair-status-bar.is-compact .status-text{font-size:10.5px;line-height:22px}.crosshair-status-bar.is-compact .status-full-text{display:none}.crosshair-status-bar.is-compact .status-short-text{display:inline}.crosshair-status-bar.is-compact .cancel-btn{width:14px;height:14px;min-width:14px;min-height:14px;font-size:8px}.crosshair-anchor-marker{position:absolute;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 8px #10b98199;z-index:105}.crosshair-preview-line{position:absolute;background:none;pointer-events:none;z-index:104}.crosshair-preview-line svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.crosshair-preview-line line{stroke:#3b82f699;stroke-width:2;stroke-dasharray:6,4}.drawing-canvas{position:absolute;top:0;left:0;width:calc(100% - 60px);height:calc(100% - 25px);z-index:20;pointer-events:none;overflow:hidden}.drawing-canvas.active{pointer-events:auto;cursor:crosshair}.drawing-canvas svg{width:100%;height:100%;overflow:hidden}.drawing-tool-indicator{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#0f172ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5);padding:6px 12px;border-radius:9999px;display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:12.5px;font-weight:500;pointer-events:auto;box-shadow:0 4px 10px #00000059;z-index:30;-webkit-user-select:none;user-select:none}@media(max-width:480px){.drawing-tool-indicator{top:10px;padding:4px 10px;font-size:11.5px;gap:6px}}.drawing-tool-indicator button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;margin:-4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.drawing-tool-indicator button:hover{color:#ef4444;background:#ef44441a}.drawing-line{fill:none;cursor:pointer;pointer-events:stroke}.drawing-line:hover{stroke-width:4px;stroke-opacity:.5}.drawing-line.selected{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.drawing-line.preview{opacity:.6;pointer-events:none}.drawing-rect{fill-opacity:.1;cursor:pointer;pointer-events:all}.drawing-rect:hover{stroke-width:3px;fill-opacity:.2}.drawing-rect.selected{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.drawing-rect.preview{opacity:.6;pointer-events:none}.drawing-anchor{fill:#fff;stroke-width:2px;cursor:grab;pointer-events:auto;transition:r .1s}.drawing-anchor:hover{r:8px;fill:#e2e8f0}.fib-line{pointer-events:stroke}.fib-label{fill:#94a3b8;font-size:10px;font-family:Inter,sans-serif;pointer-events:none}.drawing-quick-toolbar{position:absolute;background:#0f172aeb;border:1px solid rgba(59,130,246,.35);border-radius:10px;padding:3px 5px;display:flex;align-items:center;gap:3px;pointer-events:auto;z-index:9999;box-shadow:0 4px 16px #00000080,0 0 12px #3b82f626;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:quickToolbarFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes quickToolbarFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.toolbar-drag-handle{display:flex;align-items:center;justify-content:center;padding:0 5px 0 2px;cursor:grab;-webkit-user-select:none;user-select:none}.toolbar-drag-handle:active{cursor:grabbing}.toolbar-drag-handle .handle-dots{color:#94a3b88c;font-size:14px;letter-spacing:-2px;margin-right:2px}.quick-toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:14px;transition:all .15s ease}.quick-toolbar-btn:hover{background:#ffffff1f;color:#fff}.quick-toolbar-btn:active{transform:scale(.92)}.quick-toolbar-btn.active{background:#3b82f640;color:#3b82f6}.quick-toolbar-btn.close-btn{color:#94a3b8;font-size:11px;font-weight:700}.quick-toolbar-btn.close-btn:hover{color:#f87171;background:#ef44442e}.quick-toolbar-divider{width:1px;height:18px;background:#47556980;margin:0 2px}.color-picker-popup{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:#0f172af2;border:1px solid rgba(51,65,85,.5);border-radius:8px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;z-index:50;box-shadow:0 10px 15px -3px #0000004d}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #00000080}.drawing-hit-target{stroke-opacity:0;stroke:#00000003;fill:none;pointer-events:stroke;cursor:pointer}.drawing-hit-target.filled{fill:transparent;pointer-events:all}.drawing-anchor-hit{fill:#00000003;pointer-events:fill;cursor:grab;stroke:none}.toolbar-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;color:#64748b;cursor:grab;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none;touch-action:none;padding-right:4px;border-right:1px solid rgba(71,85,105,.3);margin-right:4px}.toolbar-drag-handle:active{cursor:grabbing;color:#94a3b8}.text-edit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.text-edit-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;width:300px;box-shadow:0 20px 40px #0006}.text-edit-modal h3{margin:0 0 16px;color:#f1f5f9;font-size:16px;font-family:Outfit,sans-serif}.text-edit-modal input{width:100%;background:#0f172a;border:1px solid #334155;padding:12px;border-radius:8px;color:#e2e8f0;font-size:16px;margin-bottom:16px;outline:none;box-sizing:border-box}.text-edit-modal input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{background:transparent;border:1px solid #475569;padding:8px 16px;border-radius:6px;color:#cbd5e1;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.modal-actions button:hover{background:#ffffff0d;color:#fff}.modal-actions button.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.modal-actions button.primary:hover{background:#2563eb}.drawing-text{pointer-events:none}.drawing-text.selected{filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.drawing-text.preview{opacity:.6}.position-handle-guide-badge{pointer-events:none;-webkit-user-select:none;user-select:none}.position-handle-guide-badge rect{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.position-center-adjust-pill{pointer-events:none;-webkit-user-select:none;user-select:none}.position-center-adjust-pill rect{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.drawing-favorites-bar{position:absolute;display:flex;align-items:center;gap:2px;padding:8px 10px;background:#0f172af2;border:1px solid rgba(51,65,85,.6);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;z-index:25;pointer-events:auto}.favorites-bar-handle{display:flex;align-items:center;justify-content:center;padding:0 6px 0 2px;cursor:grab;-webkit-user-select:none;user-select:none}.favorites-bar-handle:active{cursor:grabbing}.handle-dots{color:#94a3b880;font-size:14px;letter-spacing:-2px;margin-right:2px}.favorites-bar-separator{width:1px;height:18px;background:#ffffff1a;margin:0 6px}.favorites-bar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:16px;color:#cbd5e1;transition:all .15s ease}.favorites-bar-btn:hover{background:#ffffff1a;color:#fff}.favorites-bar-btn.active{background:#3b82f640;color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f680}.favorites-bar-separator{width:1px;height:20px;background:#47556980;margin:0 4px}.favorites-bar-btn.more-btn{font-size:10px;color:#94a3b8}.favorites-bar-btn.more-btn:hover{color:#e2e8f0}.favorites-bar-btn.favorites-bar-add-btn{font-size:18px;font-weight:500;color:#94a3b8;background:#ffffff0d;border:1px dashed rgba(148,163,184,.35);margin-left:2px}.favorites-bar-btn.favorites-bar-add-btn:hover{background:#6366f126;border-color:#6366f199;color:#818cf8;transform:scale(1.05)}@media(max-width:480px){.drawing-favorites-bar{padding:8px 10px;gap:1px}.favorites-bar-btn{width:28px;height:28px;font-size:14px}.favorites-bar-separator{height:16px;margin:0 2px}}.timeframe-spinner-container{position:relative;height:38px;width:44px;background:transparent;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0}.timeframe-spinner-container.disabled{opacity:.5;pointer-events:none}.timeframe-spinner-scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;padding:0}.timeframe-spinner-scroll::-webkit-scrollbar{display:none}.spinner-item{height:20px;min-height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#64748b;scroll-snap-align:center;cursor:pointer;transition:all .2s;opacity:.5}.spinner-item.active{color:#60a5fa;font-weight:800;font-size:15px;opacity:1;text-shadow:0 0 8px rgba(96,165,250,.5)}.spinner-spacer{height:9px;min-height:9px;flex-shrink:0}.spinner-highlight{display:none}.spinner-mask{position:absolute;left:0;right:0;height:6px;z-index:2;pointer-events:none}.spinner-mask.top{top:0;background:linear-gradient(to bottom,#131824,#13182400)}.spinner-mask.bottom{bottom:0;background:linear-gradient(to top,#131824,#13182400)}.welcome-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.welcome-modal-content{background:#1e1e1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;width:90%;max-width:400px;text-align:center;box-shadow:0 8px 32px #0006}.welcome-modal-content h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#fff}.welcome-subtitle{margin:0 0 24px;font-size:14px;color:#fff9}.progress-container{height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:12px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#2962ff,#2979ff);transition:width .3s ease-out}.progress-info{display:flex;justify-content:space-between;font-size:12px;color:#ffffff80;margin-bottom:16px}.start-hint{font-size:12px;color:#fff6;margin-bottom:24px}.skip-button{background:#2962ff;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.skip-button:hover{background:#1e88e5}.skip-button:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.tour-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0f1dc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10010;display:flex;align-items:center;justify-content:center;padding:16px;animation:tourFadeIn .25s ease-out}.tour-barrier-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0f1d73;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);z-index:9990;pointer-events:auto;animation:tourFadeIn .2s ease-out}.tour-intro-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:20px;padding:26px 22px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #6366f126;position:relative;overflow:hidden;text-align:center;animation:tourSlideUp .3s cubic-bezier(.16,1,.3,1)}.tour-intro-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#10b981,#6366f1,#3b82f6)}.tour-intro-title{font-size:24px;font-weight:800;color:#fff;margin:8px 0 12px;letter-spacing:-.5px}.tour-intro-desc{font-size:14px;line-height:1.5;color:#cbd5e1;margin:0 0 18px}.tour-intro-highlight{color:#38bdf8;font-weight:600}.tour-features-section{margin-bottom:22px;text-align:left}.tour-features-label{font-size:11px;font-weight:700;color:#818cf8;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;padding-left:2px}.tour-intro-features{display:flex;flex-direction:column;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;text-align:left}.tour-feature-item{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;color:#e2e8f0}.tour-feature-item span:first-child{font-size:16px;line-height:1}.tour-intro-actions{display:flex;flex-direction:column;gap:10px}.tour-btn-primary{width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #10b98159;transition:all .2s ease}.tour-btn-primary:active{transform:scale(.98)}.tour-floating-wrap{position:fixed;z-index:10020;pointer-events:none;transition:all .32s cubic-bezier(.16,1,.3,1)}.tour-tooltip-card{pointer-events:auto;background:#0f172af2;border:1px solid rgba(99,102,241,.45);box-shadow:0 16px 36px #000000a6,0 0 24px #6366f140;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;padding:12px 16px;max-width:320px;width:calc(100vw - 32px);color:#f8fafc;position:relative;animation:tourSlideUp .25s ease-out}.tour-tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tour-tooltip-badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#38bdf8}.tour-tooltip-close{background:#ffffff14;border:none;color:#94a3b8;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all .2s}.tour-tooltip-close:hover{background:#ffffff26;color:#fff}.tour-tooltip-title{font-size:14.5px;font-weight:700;color:#fff;margin:0 0 4px;display:flex;align-items:center;gap:6px}.tour-tooltip-desc{font-size:12.5px;line-height:1.45;color:#cbd5e1;margin:0 0 10px}.tour-tooltip-desc strong{color:#f1f5f9}.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#94a3b8}.tour-footer-left,.tour-footer-right{display:flex;align-items:center;gap:6px}.tour-step-text{font-size:11px;font-weight:700;color:#94a3b8;padding-left:2px}.tour-back-btn{padding:5px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;border-radius:8px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s}.tour-back-btn:hover{background:#ffffff1f;color:#fff}.tour-next-btn{padding:5px 12px;background:#6366f140;border:1px solid rgba(99,102,241,.5);color:#c7d2fe;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.tour-next-btn:hover{background:#6366f1;color:#fff}.tour-finish-btn{background:#10b981!important;border-color:#059669!important;color:#fff!important;box-shadow:0 2px 10px #10b98159}.tour-finish-btn:hover{background:#059669!important}.tour-arrow{position:absolute;width:0;height:0;border-style:solid;transform:translate(-50%)}.tour-arrow-down{bottom:-8px;border-width:8px 8px 0 8px;border-color:rgba(15,23,42,.94) transparent transparent transparent}.tour-arrow-up{top:-8px;border-width:0 8px 8px 8px;border-color:transparent transparent rgba(15,23,42,.94) transparent}.tour-target-highlight{z-index:9995!important;pointer-events:auto!important;outline:2px solid #6366f1!important;outline-offset:3px!important;box-shadow:0 0 22px #6366f1cc!important;animation:tourTargetPulse 1.8s infinite ease-in-out!important}.tour-target-highlight:not(.drawing-favorites-bar):not(#tour-journal-banner){position:relative!important}.tour-parent-elevated,.trading-panel:has(.tour-target-highlight),.controls-bar:has(.tour-target-highlight){z-index:9995!important;position:relative!important}#tour-trading-actions.tour-target-highlight,#tour-active-position.tour-target-highlight{z-index:9996!important;position:relative!important;pointer-events:auto!important}#tour-trading-actions.tour-target-highlight .order-btn,#tour-active-position.tour-target-highlight .position-edit-input,#tour-active-position.tour-target-highlight .close-position-btn-expanded,#tour-live-btn.tour-target-highlight{pointer-events:auto!important}#tour-journal-banner.tour-target-highlight{position:absolute!important;bottom:16px!important;left:16px!important;right:16px!important;z-index:10025!important;pointer-events:auto!important}.chart-area.tour-chart-interactive,.chart-area.tour-chart-interactive .drawing-canvas,.chart-area.tour-chart-interactive .drawing-canvas svg{z-index:9995!important;pointer-events:auto!important}.tour-action-hint-btn{padding:5px 12px;background:#6366f126;border:1px dashed rgba(99,102,241,.6);color:#a5b4fc;border-radius:8px;font-size:11.5px;font-weight:700;cursor:default;display:inline-flex;align-items:center;gap:4px;animation:tourHintPulse 1.8s infinite ease-in-out}@keyframes tourHintPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.indicators-popup-panel,.chart-style-sheet-overlay,.chart-style-sheet,.drawing-sheet-overlay,.drawing-sheet,.drawing-bottom-sheet-overlay,.drawing-bottom-sheet,.timeframe-sheet-overlay,.timeframe-sheet{z-index:10005!important;pointer-events:auto!important}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tourSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes tourTargetPulse{0%,to{outline-color:#6366f1cc;box-shadow:0 0 14px #6366f180}50%{outline-color:#38bdf8;box-shadow:0 0 26px #38bdf8d9}}.tour-speed-hint-toast{position:fixed;left:50%;transform:translate(-50%);z-index:10020;pointer-events:auto;max-width:330px;width:calc(100vw - 32px);background:linear-gradient(135deg,#1e293bf5,#0f172afa);border:1px solid rgba(99,102,241,.55);box-shadow:0 12px 28px #0009,0 0 20px #6366f14d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px;padding:10px 14px;animation:tourToastIn .28s cubic-bezier(.16,1,.3,1)}.tour-speed-hint-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:8px 8px 0 8px;border-color:rgba(15,23,42,.98) transparent transparent transparent}.tour-speed-hint-content{display:flex;align-items:center;gap:10px}.tour-speed-hint-icon{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.5))}.tour-speed-hint-body{flex:1;min-width:0}.tour-speed-hint-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}.tour-speed-hint-text{font-size:11.5px;color:#cbd5e1;line-height:1.35}.tour-speed-hint-text strong{color:#38bdf8}.tour-speed-hint-btn{padding:5px 12px;background:#6366f140;border:1px solid rgba(99,102,241,.6);color:#c7d2fe;border-radius:8px;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.tour-speed-hint-btn:hover{background:#6366f1;color:#fff}@keyframes tourToastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:480px){.tour-intro-card{padding:22px 18px}.tour-tooltip-card{max-width:320px;padding:11px 14px}.tour-speed-hint-toast{max-width:310px;padding:9px 12px}.tour-intro-title{font-size:20px}}:root{--glass-bg: rgba(30, 30, 46, .95);--glass-border: rgba(255, 255, 255, .1);--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8}.journal-sheet-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:flex-end}.journal-sheet{width:100%;max-width:500px;height:90vh;background:var(--glass-bg);border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;box-shadow:0 -10px 40px #0009;border-top:1px solid var(--glass-border);animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.journal-header-col{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:20px}.journal-title-row{display:flex;justify-content:space-between;align-items:center}.journal-title-row h3{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.journal-stepper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.step-item{background:transparent;border:none;display:flex;flex-direction:column;gap:8px;cursor:pointer;text-align:left;padding:0;opacity:.5;transition:all .3s ease}.step-item:hover{opacity:.8}.step-item.active,.step-item.completed{opacity:1}.step-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.step-bar{height:4px;background:#ffffff1a;border-radius:2px;width:100%;position:relative;overflow:hidden}.step-item.active .step-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.step-item.completed .step-bar{background:#4ade80}.pnl-badge{padding:6px 12px;border-radius:12px;font-weight:700;font-size:1rem;background:#ffffff0d}.pnl-badge.win{color:#4ade80;background:#4ade8026;border:1px solid rgba(74,222,128,.2);box-shadow:0 0 12px #4ade8033}.pnl-badge.loss{color:#f87171;background:#f8717126;border:1px solid rgba(248,113,113,.2)}.journal-content-area{flex:1;overflow-y:auto;position:relative;padding:24px}.step-content{animation:fadeIn .3s ease-out;display:flex;flex-direction:column;gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0}.result-card{background:#0003;border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.result-row{display:flex;flex-direction:column;gap:4px}.result-row .label{font-size:.7rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;margin-bottom:4px}.result-row .value{font-size:1rem;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace;word-break:break-word}.text-win{color:#4ade80}.text-loss{color:#f87171}.empty-system-msg{text-align:center;padding:40px;color:var(--text-secondary);font-style:italic;background:#ffffff05;border-radius:12px}.journal-content::-webkit-scrollbar{width:6px}.journal-content::-webkit-scrollbar-track{background:transparent}.journal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.journal-section h4{margin:0 0 12px;color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.reason-input{width:100%;background:#0003;border:1px solid var(--glass-border);padding:14px 16px;border-radius:12px;color:var(--text-primary);font-size:1rem;outline:none;transition:all .2s;margin-bottom:12px}.reason-input:focus{border-color:var(--accent-color);background:#0000004d;box-shadow:0 0 0 2px #3b82f61a}.chips-row{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{background:#ffffff0d;border:1px solid transparent;border-radius:20px;padding:6px 14px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.chip-btn:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.execution-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exec-btn{background:#ffffff08;border:1px solid var(--glass-border);padding:12px;border-radius:10px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center}.exec-btn:hover{background:#ffffff14}.exec-btn.selected{background:#3b82f626;border-color:var(--accent-color);color:#fff;box-shadow:0 0 15px #3b82f61a}.emotions-grid{display:flex;flex-wrap:wrap;gap:10px}.emotion-btn{flex:1;min-width:80px;background:#ffffff08;border:1px solid var(--glass-border);padding:12px 8px;border-radius:10px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s;text-align:center}.emotion-btn:hover{transform:translateY(-2px);background:#ffffff14}.emotion-btn.selected{background:#3b82f626;border-color:var(--accent-color);box-shadow:0 0 15px #3b82f61a}.notes-area{width:100%;background:#0003;border:1px solid var(--glass-border);padding:14px;border-radius:12px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;resize:none;outline:none;transition:border .2s}.notes-area:focus{border-color:var(--accent-color)}.journal-actions{padding:20px 24px;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;background:#14141ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-group{display:flex;gap:12px}.btn-secondary{padding:10px 20px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;color:var(--text-primary)}.btn-primary{padding:10px 24px;background:var(--accent-color);color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px var(--accent-glow);transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}.btn-skip{padding:14px 24px;background:transparent;color:var(--text-secondary);border:none;font-weight:600;cursor:pointer;font-size:1rem;transition:color .2s}.btn-skip:hover{color:var(--text-primary)}.btn-save{flex:1;padding:14px;background:var(--accent-color);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px var(--accent-glow)}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--accent-glow)}.system-actions-list{display:flex;flex-direction:column;gap:10px}.system-action-card{display:flex;align-items:center;background:#ffffff0d;padding:12px;border-radius:12px;border:1px solid var(--glass-border);gap:12px}.action-icon{font-size:1.2rem;min-width:32px;display:flex;align-items:center;justify-content:center}.action-details{display:flex;flex-direction:column;gap:2px}.action-desc{color:var(--text-primary);font-size:.9rem;font-weight:500}.practice-mode-page{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background:var(--color-bg-primary);overflow:hidden}.replay-btn.replay-btn-start{background:linear-gradient(135deg,#10b981,#059669)!important;border:1px solid #10b981!important;color:#fff!important;font-weight:700;font-size:12px;padding:0 12px;height:32px;border-radius:6px;box-shadow:0 2px 10px #10b98166;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.replay-btn.replay-btn-start:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981)!important;box-shadow:0 4px 14px #10b98199;transform:translateY(-1px)}.replay-btn.replay-btn-start.pulse-attention{animation:pro-pulse-attention 1.8s cubic-bezier(.4,0,.2,1) infinite;position:relative;z-index:2}@keyframes pro-pulse-attention{0%{box-shadow:0 0 #10b981a6,0 2px 10px #10b98166;transform:scale(1)}45%{box-shadow:0 0 0 8px #10b98100,0 0 16px #10b981b3;transform:scale(1.03)}to{box-shadow:0 0 #10b98100,0 2px 10px #10b98166;transform:scale(1)}}.replay-btn.replay-btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:1px solid #ef4444!important;color:#fff!important;font-weight:700;font-size:12px;padding:0 12px;height:32px;border-radius:6px;box-shadow:0 2px 10px #ef444466;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.replay-btn.replay-btn-stop:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)!important;box-shadow:0 4px 14px #ef444499;transform:translateY(-1px)}.replay-btn-icon{font-size:11px;line-height:1}.replay-btn-text{font-size:12px;font-weight:700;letter-spacing:.3px}.tutorial-help-btn{background:#6366f126!important;border:1px solid rgba(99,102,241,.35)!important;color:#c7d2fe!important;transition:all .2s ease!important}.tutorial-help-btn:hover{background:#6366f147!important;border-color:#6366f199!important;color:#fff!important;transform:translateY(-1px)}.chart-style-sheet-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px 80px;box-sizing:border-box;animation:fade-in .2s ease-out}.chart-style-sheet{background:#1e222d;border:1px solid rgba(51,65,85,.6);border-radius:16px;padding:20px 16px;width:100%;max-width:320px;box-sizing:border-box;box-shadow:0 10px 30px #0009;animation:slide-up .2s ease-out;display:flex;flex-direction:column;align-items:center}.chart-style-header{width:100%;text-align:center;font-size:15px;font-weight:600;color:#cbd5e1;margin-bottom:16px}.chart-style-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;box-sizing:border-box}.chart-style-btn{flex:0 0 calc((100% - 20px) / 3);max-width:90px;min-width:72px;height:66px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:10px;color:#cbd5e1;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;box-sizing:border-box}.chart-style-btn:hover{background:#33415599;border-color:#64748b}.chart-style-btn.active{background:#3b82f633;border-color:#3b82f6;color:#60a5fa;font-weight:700;box-shadow:0 0 12px #3b82f640}.chart-style-btn-icon{font-size:20px;line-height:1}.chart-style-btn-label{font-size:11px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.matchmaking-lobby{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;background:linear-gradient(180deg,#0f172a,#1e293b);position:relative;overflow:hidden}.lobby-split-top{flex:1;display:flex;flex-direction:column;padding:16px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lobby-center{display:flex;flex-direction:column;align-items:center;padding:8px 16px;z-index:10;flex-shrink:0}.lobby-split-bottom{flex:1;display:flex;flex-direction:column;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.matchmaking-lobby.splitting .lobby-split-top{transform:translateY(-100%)}.matchmaking-lobby.splitting .lobby-split-bottom{transform:translateY(100%)}.matchmaking-lobby.splitting .lobby-center{opacity:0;transition:opacity .3s ease}.floating-candles-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.floating-candle{position:absolute;display:flex;flex-direction:column;align-items:center;opacity:.5}.floating-candle.green{bottom:-100px;animation:floatUp linear infinite}.floating-candle.red{top:-100px;animation:floatDown linear infinite}.floating-candle .candle-wick{width:2px;height:30%;background:#475569}.floating-candle .candle-body{width:100%;height:40%;border-radius:2px}.floating-candle .candle-wick-bottom{width:2px;height:30%;background:#475569}.floating-candle.green .candle-body{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 0 15px #22c55e80}.floating-candle.red .candle-body{background:linear-gradient(180deg,#ef5350,#dc2626);box-shadow:0 0 15px #ef535080}@keyframes floatUp{0%{transform:translateY(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-120vh);opacity:0}}@keyframes floatDown{0%{transform:translateY(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(120vh);opacity:0}}.lobby-header,.vs-container,.status-text,.lobby-actions{position:relative;z-index:1}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:24px}.lobby-header h1{font-size:20px;font-weight:800;color:#f1f5f9;text-align:center;margin:0;letter-spacing:2px}.lobby-header .back-btn{background:transparent;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:8px 12px}.lobby-header .placeholder{width:60px}.vs-container-vertical{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;padding:8px 0;justify-content:center;min-height:0}.player-card{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px 24px;background:#1e293be6;border-radius:16px;border:2px solid #334155;min-width:200px;transition:all .3s ease}.player-card .player-info{display:flex;flex-direction:column;gap:4px}.player-card.you{border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.player-card.opponent.found{border-color:#ef5350;box-shadow:0 0 20px #ef53504d;animation:opponentReveal .5s ease}@keyframes opponentReveal{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.player-card .avatar{width:80px;height:80px;border-radius:50%;background:#33415580;display:flex;align-items:center;justify-content:center;font-size:40px;border:3px solid #475569}.player-card .avatar.empty{color:#64748b;font-size:32px}.player-card .avatar.searching{position:relative}.player-card .avatar .spinner{width:50px;height:50px;border:4px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-card .name{font-size:18px;font-weight:700;color:#f1f5f9}.player-card .rank{font-size:14px;color:#94a3b8;font-weight:500}.player-card .ai-badge{font-size:11px;background:#ef535033;color:#ef5350;padding:4px 8px;border-radius:12px;font-weight:600}.vs-divider-vertical{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:280px;padding:8px 0}.vs-divider-vertical .vs-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,#475569 50%,transparent 100%)}.vs-divider-vertical .vs-text{font-size:28px;font-weight:900;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.5);letter-spacing:4px}.vs-divider-vertical .countdown-ring{width:50px;height:50px;border-radius:50%;background:#ef53501a;border:3px solid #ef5350;display:flex;align-items:center;justify-content:center;animation:pulse-ring 1s ease infinite}.vs-divider-vertical .countdown-number{font-size:20px;font-weight:800;color:#ef5350;font-family:monospace}.vs-divider{display:flex;flex-direction:column;align-items:center;gap:16px}.vs-text{font-size:32px;font-weight:900;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.5);letter-spacing:4px}.countdown-ring{width:60px;height:60px;border-radius:50%;background:#ef53501a;border:3px solid #ef5350;display:flex;align-items:center;justify-content:center;animation:pulse-ring 1s ease infinite}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 #ef535066}50%{transform:scale(1.05);box-shadow:0 0 20px #ef53504d}}.countdown-number{font-size:24px;font-weight:800;color:#ef5350;font-family:monospace}.status-text{text-align:center;font-size:16px;color:#94a3b8;padding:16px;font-weight:500}.lobby-actions{display:flex;justify-content:center;padding:24px 0}.action-btn{padding:16px 48px;font-size:18px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f666}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.action-btn.primary.pulse{animation:btn-pulse 1.5s ease infinite;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e66}@keyframes btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.action-btn.secondary{background:#47556980;color:#94a3b8;border:1px solid #475569}.action-btn.secondary:hover{background:#475569b3;color:#f1f5f9}@media(max-height:700px){.lobby-header{margin-bottom:8px;padding:4px 0}.lobby-header h1{font-size:18px}.player-card{padding:12px 16px;min-width:180px;gap:12px}.player-card .avatar{width:60px;height:60px;font-size:30px}.player-card .avatar .spinner{width:40px;height:40px}.player-card .name{font-size:16px}.player-card .rank{font-size:12px}.vs-divider-vertical{gap:8px}.vs-divider-vertical .countdown-ring{width:40px;height:40px}.vs-divider-vertical .countdown-number{font-size:16px}.vs-divider-vertical .vs-text{font-size:20px}.status-text{font-size:14px;padding:8px}.action-btn{padding:12px 32px;font-size:16px}.lobby-split-top,.lobby-split-bottom{padding:12px}}@media(max-height:600px){.matchmaking-lobby{min-height:100vh}.player-card{padding:8px 12px}.player-card .avatar{width:50px;height:50px;font-size:24px}.vs-divider-vertical{gap:4px;padding:0}.lobby-header .back-btn{padding:4px 8px;font-size:14px}}.round-intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#09090b,#1a1a1a);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;color:#fff;font-family:Inter,system-ui,sans-serif;transform-origin:center;animation:fadeIn .3s ease-out}.round-intro-overlay.exiting{opacity:0;transform:scale(1.1);transition:all .5s ease-in;pointer-events:none}.round-intro-grid{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(34,197,94,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(239,68,68,.05) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg);animation:gridScroll 20s linear infinite;z-index:-2}.round-intro-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.2) 50%);background-size:100% 4px;z-index:-1;pointer-events:none}.round-intro-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:-1}.orb-1{width:300px;height:300px;background:#22c55e;top:-100px;left:-100px;animation:float 10s ease-in-out infinite}.orb-2{width:400px;height:400px;background:#ef4444;bottom:-100px;right:-100px;animation:float 12s ease-in-out infinite reverse}.orb-3{width:200px;height:200px;background:#22c55e;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.1;animation:pulse 4s ease-in-out infinite}.round-intro-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:10;text-align:center;max-width:90%}.round-title-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;margin-bottom:.5rem}.round-line-left,.round-line-right{height:2px;width:60px;background:linear-gradient(90deg,transparent,#ef4444,transparent);opacity:.7}.round-title{font-size:1.25rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.2rem;text-shadow:0 0 10px rgba(239,68,68,.5);margin:0}.round-mode-big{font-size:3.5rem;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:-2px;background:linear-gradient(to right,#22c55e,#fff,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(34,197,94,.3));animation:shimmer 3s infinite linear;background-size:200% auto;line-height:1}.round-desc-container{display:flex;flex-direction:column;gap:.5rem;color:#94a3b8;font-size:.9rem;background:#0006;padding:1rem 2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.round-description{margin:0;font-weight:500;color:#e2e8f0}.round-sub-description{margin:0;color:#ef4444;font-weight:600;font-size:.85rem;letter-spacing:.5px}.round-countdown{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-label{font-size:.75rem;color:#64748b;letter-spacing:2px;text-transform:uppercase}.countdown-ring{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.countdown-ring svg{transform:rotate(-90deg);width:100%;height:100%}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4}.ring-progress{fill:none;stroke:url(#countdownGradient);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .05s linear}.countdown-number{position:absolute;font-size:1.5rem;font-weight:700;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}}@keyframes shimmer{to{background-position:200% center}}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 50px}}.tutorial-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.tutorial-modal-content{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:24px;padding:32px;width:90%;max-width:400px;box-shadow:0 25px 50px -12px #00000080;position:relative;overflow:hidden;text-align:center;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.tutorial-modal-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#22c55e,#3b82f6,#ef4444)}.tutorial-icon{font-size:48px;margin-bottom:24px;animation:bounce 2s infinite}.tutorial-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.tutorial-text{font-size:16px;line-height:1.6;color:#cbd5e1;margin-bottom:32px;font-weight:500}.tutorial-highlight{color:#22d3ee;font-weight:700}.tutorial-action-btn{width:100%;padding:16px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f680}.tutorial-action-btn:active{transform:scale(.98)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.practice-mode-page{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--color-bg-primary);overflow:hidden}.practice-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0}.practice-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:18px}.back-button:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.symbol-info{display:flex;flex-direction:column}.symbol-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);line-height:1.2}.symbol-exchange{font-size:var(--font-size-xs);color:var(--color-text-muted)}.practice-header-right{display:flex;align-items:flex-end;flex-direction:column}.current-price{font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary)}.price-change{font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-mono)}.price-change.positive{color:var(--color-success)}.price-change.negative{color:var(--color-danger)}.chart-area{flex:1;min-height:0;position:relative;background:var(--color-bg-primary);overflow:hidden}.crosshair-info{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:#1e2433e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);z-index:10;opacity:0;transition:opacity var(--transition-fast)}.crosshair-info.visible{opacity:1}.crosshair-price{color:var(--color-primary-light);font-weight:600}.controls-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-sm)}.chart-type-selector{display:flex;gap:4px}.chart-type-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:16px}.chart-type-btn:hover{color:var(--color-text-secondary);background:var(--color-surface)}.chart-type-btn.active{color:var(--color-primary-light);background:#6366f126;border-color:var(--color-primary)}@media(max-width:400px){.practice-header{padding:var(--spacing-xs) var(--spacing-sm)}.symbol-name{font-size:var(--font-size-base)}.current-price{font-size:var(--font-size-lg)}.price-change{font-size:var(--font-size-xs)}.chart-type-btn{width:32px;height:28px;font-size:14px}}.loading-price{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.loading-overlay,.error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:#0a0e1ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.loading-spinner{font-size:48px;animation:pulse-glow 1.5s ease-in-out infinite}.loading-overlay p,.error-overlay p{font-size:var(--font-size-base);color:var(--color-text-secondary)}.error-overlay{color:var(--color-danger)}.error-overlay button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.error-overlay button:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.practice-title{display:flex;flex-direction:column}.practice-title-main{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);line-height:1.2}.practice-title-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.trade-result-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0e1af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.trade-result-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;max-width:320px;width:90%;animation:modal-pop .3s ease-out}@keyframes modal-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.trade-result-modal h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.trade-result-modal h2.positive{color:var(--color-success)}.trade-result-modal h2.negative{color:var(--color-danger)}.trade-result-pnl{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-md)}.trade-result-pnl>span:first-child{font-size:2rem;font-weight:700;font-family:var(--font-mono)}.trade-result-pnl .positive{color:var(--color-success)}.trade-result-pnl .negative{color:var(--color-danger)}.trade-result-percent{font-size:var(--font-size-sm);color:var(--color-text-muted)}.trade-result-details{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.trade-result-details p{margin:2px 0}.trade-result-actions{display:flex;gap:var(--spacing-sm)}.trade-result-actions button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-continue{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-continue:hover{background:var(--color-surface-hover);border-color:var(--color-text-secondary)}.btn-switch{background:var(--gradient-primary);border:none;color:#fff}.btn-switch:hover{opacity:.9;transform:translateY(-1px)}.timeframe-sheet-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding-bottom:80px;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.timeframe-sheet{background:#1e222d;border:1px solid rgba(51,65,85,.5);border-radius:12px;padding:16px;width:90%;max-width:320px;box-sizing:border-box;box-shadow:0 4px 20px #00000080;animation:slide-up .2s ease-out;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-header{grid-column:span 4;width:100%;text-align:center;font-size:13px;color:#94a3b8;margin-bottom:8px;font-weight:600}.sheet-btn{height:40px;background:#1e293b80;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sheet-btn.full-width{grid-column:span 4}.sheet-btn:hover{background:#33415580;border-color:#64748b}.sheet-btn.active{background:#3b82f626;border-color:#3b82f6;color:#60a5fa;font-weight:700}.sheet-btn.icon-layout{min-width:80px;height:auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px}.timeframe-hud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172ae6;padding:24px 48px;border-radius:16px;color:#f8fafc;font-size:36px;font-weight:700;pointer-events:none;z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;border:1px solid rgba(255,255,255,.1);animation:hud-pop .15s cubic-bezier(.175,.885,.32,1.275);text-shadow:0 4px 12px rgba(0,0,0,.5);letter-spacing:1px}@keyframes hud-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rgbGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.rgb-glow-effect{position:relative;z-index:50}.rgb-glow-effect:before{content:"";position:absolute;inset:-2px;z-index:-2;background:linear-gradient(45deg,#3b82f6,#22d3ee,#8b5cf6,#3b82f6);background-size:300%;border-radius:10px;animation:rgbGlow 6s linear infinite;opacity:.8;filter:blur(3px)}.rgb-glow-effect:after{content:"";position:absolute;inset:0;z-index:-1;background:#1e293bf2;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.journal-tab-glow{position:relative;z-index:50}.journal-tab-glow:before{content:"";position:absolute;inset:-2px;z-index:-2;background:linear-gradient(45deg,#3b82f6,#22d3ee,#8b5cf6,#3b82f6);background-size:300%;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);animation:rgbGlow 6s linear infinite;opacity:.8;filter:blur(3px)}.journal-tab-glow:after{content:"";position:absolute;inset:0;z-index:-1;background:#1e293bf2;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);border:1px solid rgba(255,255,255,.1)}.timer-popup{animation:timerPopupIn .4s cubic-bezier(.34,1.56,.64,1)}.timer-popup.hiding{animation:timerPopupOut .5s ease-out forwards}@keyframes timerPopupIn{0%{opacity:0;transform:translate(-50%) translateY(-30px) scale(.8)}50%{transform:translate(-50%) translateY(5px) scale(1.05)}70%{transform:translate(-50%) translateY(-3px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes timerPopupOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}}@keyframes urgentPulse{0%,to{box-shadow:0 4px 20px #6366f166}50%{box-shadow:0 4px 30px #ef444499}}.proximity-overlay{position:absolute;inset:0;pointer-events:none;z-index:50;transition:box-shadow .3s ease}.proximity-overlay.tp-close{box-shadow:inset 0 0 100px #22c55e33;animation:pulse-green 1s infinite}.proximity-overlay.sl-close{box-shadow:inset 0 0 100px #ef444433;animation:pulse-red .8s infinite}@keyframes pulse-green{0%,to{box-shadow:inset 0 0 50px #22c55e1a}50%{box-shadow:inset 0 0 150px #22c55e66}}@keyframes pulse-red{0%,to{box-shadow:inset 0 0 50px #ef44441a}50%{box-shadow:inset 0 0 150px #ef444466}}.shake-screen-win{animation:shake-win .5s cubic-bezier(.36,.07,.19,.97) both}.shake-screen-loss{animation:shake-loss .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-win{0%{transform:scale(1)}10%{transform:scale(1.02)}20%{transform:scale(1)}30%{transform:scale(1.02)}40%{transform:scale(1)}}@keyframes shake-loss{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.hourglass-loader{width:48px;height:48px;position:relative;animation:hourglass-spin 3s infinite cubic-bezier(.65,.05,.36,1)}.sand-top,.sand-bottom{position:absolute;width:40px;height:20px;left:4px;background:linear-gradient(135deg,#cbd5e1,#94a3b8);clip-path:polygon(0 0,100% 0,50% 100%);box-shadow:0 4px 6px #0000001a}.sand-top{top:2px}.sand-bottom{bottom:2px;transform:rotate(180deg)}.sand-stream{position:absolute;top:50%;left:50%;width:2px;height:24px;background:#cbd5e1cc;transform:translate(-50%,-50%);animation:sand-flow 3s infinite linear}@keyframes hourglass-spin{0%{transform:rotate(0)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes sand-flow{0%{height:24px;opacity:1;top:50%}50%{height:0px;opacity:0;top:60%}to{height:0px;opacity:0;top:60%}}.hourglass-loader{width:40px;height:60px;position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.3);border-radius:4px;clip-path:polygon(0 0,100% 0,50% 50%,100% 100%,0 100%,50% 50%);overflow:hidden;animation:hourglassFlip 4s infinite ease-in-out;box-shadow:0 0 10px #ffffff1a;margin-bottom:8px;z-index:1}.hourglass-loader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.1) 100%);z-index:10;pointer-events:none}.sand-top,.sand-bottom{z-index:2}.sand-top{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,#ef4444,#f87171);clip-path:polygon(0 0,100% 0,50% 100%);animation:sandTopCycle 4s infinite linear}.sand-bottom{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#22c55e,#4ade80);clip-path:polygon(50% 0,100% 100%,0 100%);animation:sandBottomCycle 4s infinite linear}.sand-stream{position:absolute;top:50%;left:50%;width:2px;height:0;transform:translate(-50%);transform-origin:top center;animation:sandStreamCycle 4s infinite linear;z-index:1}@keyframes hourglassFlip{0%,45%{transform:rotate(0)}50%,95%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes sandTopCycle{0%{transform:scaleY(1);transform-origin:bottom}45%{transform:scaleY(0);transform-origin:bottom}50%{transform:scaleY(0);transform-origin:top}95%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}@keyframes sandBottomCycle{0%{transform:scaleY(0);transform-origin:bottom}45%{transform:scaleY(1);transform-origin:bottom}50%{transform:scaleY(1);transform-origin:top}95%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}@keyframes sandStreamCycle{0%{height:0;opacity:1;background:linear-gradient(to bottom,#ef4444,#22c55e);transform:translate(-50%) rotate(0)}5%{height:50%;opacity:1;background:linear-gradient(to bottom,#ef4444,#22c55e);transform:translate(-50%) rotate(0)}40%{height:50%;opacity:1;background:linear-gradient(to bottom,#ef4444,#22c55e);transform:translate(-50%) rotate(0)}45%{height:0;opacity:0;background:linear-gradient(to bottom,#ef4444,#22c55e);transform:translate(-50%) rotate(0)}49.9%{transform:translate(-50%) rotate(0)}50%{height:0;opacity:1;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}55%{height:50%;opacity:1;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}90%{height:50%;opacity:1;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}95%{height:0;opacity:0;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}to{height:0;opacity:0;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}}.gradient-outline-btn{position:relative;width:100%;padding:12px 16px;background:#1e293b99;border:double 1px transparent;border-radius:12px;background-image:linear-gradient(#1e293bcc,#1e293bcc),linear-gradient(to right,#22d3ee,#c084fc,#f472b6);background-origin:border-box;background-clip:padding-box,border-box;color:#e2e8f0;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0003;margin-top:12px}.gradient-outline-btn:hover{background:#1e293b66;background-image:linear-gradient(#1e293b99,#1e293b99),linear-gradient(to right,#22d3ee,#c084fc,#f472b6);transform:translateY(-1px);box-shadow:0 6px 20px #c084fc26;color:#fff}.gradient-outline-btn:active{transform:translateY(1px)}.battle-scoreboard{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#0f172ae6;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:8px 24px;font-family:Orbitron,Courier New,monospace;box-shadow:0 0 12px #f59e0b26;margin:0 auto}.battle-scoreboard.compact{padding:4px 12px;gap:8px}.battle-scoreboard .score-column{display:flex;flex-direction:column;align-items:center;gap:2px}.battle-scoreboard .score-label{font-size:.55rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.8}.battle-scoreboard .score-column.player .score-label{color:#f59e0b}.battle-scoreboard .score-column.opponent .score-label{color:#94a3b8}.battle-scoreboard .score{font-size:1.4rem;font-weight:700;min-width:20px;text-align:center;transition:all .3s ease}.battle-scoreboard.compact .score{font-size:1.1rem}.battle-scoreboard.compact .score-label{font-size:.5rem}.battle-scoreboard .player-score{color:#f59e0b;text-shadow:0 0 6px rgba(245,158,11,.4)}.battle-scoreboard .player-score.winning{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.7)}.battle-scoreboard .opponent-score{color:#64748b}.battle-scoreboard .opponent-score.losing{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.5)}.battle-scoreboard .score-divider{font-size:1rem;color:#475569;font-weight:400}.battle-scoreboard .tie-indicator{font-size:.55rem;color:#f59e0b;background:#f59e0b26;padding:2px 6px;border-radius:4px;margin-left:4px;font-weight:600;letter-spacing:.5px}@keyframes scoreboardPulse{0%,to{box-shadow:0 0 12px #f59e0b26}50%{box-shadow:0 0 20px #f59e0b59}}.battle-scoreboard.active{animation:scoreboardPulse 2s ease-in-out infinite}@keyframes scorePop{0%{transform:scale(1)}50%{transform:scale(1.5);text-shadow:0 0 20px rgba(251,191,36,.8)}to{transform:scale(1)}}.score.pop{animation:scorePop .4s cubic-bezier(.175,.885,.32,1.275)}.round3-container{position:relative;width:100%;height:100vh;height:100dvh;background:#0f172a;color:#fff;display:flex;flex-direction:column;overflow:hidden}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:max(16px,env(safe-area-inset-top)) 16px 8px 16px;z-index:10;gap:16px;height:auto;min-height:80px}.round-info{display:flex;flex-direction:column;min-width:80px}.round-label{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:1px}.card-counter{font-size:16px;font-weight:800;color:#fff}.scanner-timeframe-selector{display:flex;background:#0f172a;padding:4px;border-radius:99px;border:1px solid #334155;pointer-events:all;margin-top:20px;margin-bottom:20px;align-self:center;z-index:15}.tf-btn{background:transparent;border:none;color:#64748b;padding:6px 16px;border-radius:99px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.tf-btn:hover:not(:disabled){color:#cbd5e1}.tf-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f666}.timer-badge{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#fbbf24;background:#fbbf241a;padding:4px 10px;border-radius:6px;border:1px solid rgba(251,191,36,.3);min-width:50px;text-align:center}.timer-danger{color:#ef4444;background:#ef44441a;border-color:#ef44444d;animation:pulse 1s infinite}.scanner-deck{flex:1;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;padding:10px 0;min-height:0}.scanner-card{position:absolute;width:90%;max-width:800px;height:95%;max-height:600px;background:#1e293b;border-radius:20px;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff0d;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.scanner-card.active{z-index:10;transform:scale(1);opacity:1}.scanner-card.next{z-index:5;transform:scale(.9) translateY(40px);opacity:.4;filter:blur(2px)}.scanner-controls{height:120px;display:flex;justify-content:center;align-items:center;gap:12px;padding-bottom:max(20px,env(safe-area-inset-bottom));z-index:20;width:100%;max-width:600px;margin:0 auto;padding-left:16px;padding-right:16px;flex-shrink:0}.control-btn{border:none;border-radius:12px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;overflow:hidden}.control-btn:active{transform:scale(.96)}.btn-pass{background:#fbbf2426;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(251,191,36,.2);color:#fff;height:60px}.btn-pass:hover{background:#fbbf2440;border-color:#fbbf2466;color:#fffbeb}.btn-pass:active{background:#fbbf2459;border-color:#fbbf2480;transform:scale(.96)}.btn-trade{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #8b5cf666,inset 0 1px #fff3;height:60px}.btn-trade:hover{box-shadow:0 6px 20px #8b5cf699,inset 0 1px #ffffff4d;transform:translateY(-2px)}.btn-trade:active{box-shadow:0 2px 8px #8b5cf666}.scanner-status-card{width:100%;height:60px;background:#0f172a80;border:1px solid rgba(51,65,85,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;color:#94a3b8;font-weight:700;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.round3-card-result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;animation:fadeIn .2s ease-out}.round3-card-result-overlay.win{background:#22c55e33;border:2px solid #22c55e}.round3-card-result-overlay.loss{background:#ef444433;border:2px solid #ef4444}.round3-card-result-overlay.missed{background:#f59e0b33;border:2px solid #f59e0b}.round3-card-result-overlay.good_pass{background:#fbbf2433;border:2px solid #fbbf24}.result-title{font-size:56px;font-weight:900;margin:0;text-shadow:0 10px 30px rgba(0,0,0,.5);animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275);letter-spacing:-2px}.win .result-title{color:#4ade80}.loss .result-title{color:#f87171}.missed .result-title,.good_pass .result-title{color:#fbbf24}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.btn-short{flex:1;background:linear-gradient(135deg,#ef444433,#b91c1c66);border:1px solid rgba(239,68,68,.4);color:#fca5a5;text-shadow:0 0 10px rgba(239,68,68,.5);box-shadow:0 4px 15px #ef444433,inset 0 1px #ffffff1a}.btn-short:hover:not(:disabled){background:linear-gradient(135deg,#ef44444d,#b91c1c99);border-color:#ef444499;transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d,inset 0 1px #fff3}.btn-short:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #ef444433}.btn-long{flex:1;background:linear-gradient(135deg,#22c55e33,#15803d66);border:1px solid rgba(34,197,94,.4);color:#86efac;text-shadow:0 0 10px rgba(34,197,94,.5);box-shadow:0 4px 15px #22c55e33,inset 0 1px #ffffff1a}.btn-long:hover:not(:disabled){background:linear-gradient(135deg,#22c55e4d,#15803d99);border-color:#22c55e99;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d,inset 0 1px #fff3}.btn-long:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #22c55e33}.btn-confirm{flex:2;background:linear-gradient(135deg,#3b82f64d,#8b5cf680);border:1px solid rgba(139,92,246,.5);color:#c4b5fd;text-shadow:0 0 10px rgba(139,92,246,.5);box-shadow:0 4px 20px #8b5cf64d,inset 0 1px #ffffff1a}.btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#3b82f666,#8b5cf6b3);border-color:#8b5cf6b3;transform:translateY(-2px)}.btn-cancel{flex:1;background:#64748b33;border:1px solid rgba(100,116,139,.4);color:#94a3b8}.btn-cancel:hover:not(:disabled){background:#64748b4d;border-color:#64748b99}@media(max-height:750px){.scanner-header{min-height:70px;padding-bottom:4px}.scanner-timeframe-selector{margin-top:10px;margin-bottom:10px;transform:scale(.9)}.scanner-deck{padding:0}.scanner-card{height:100%;max-height:none;border-radius:12px}.scanner-controls{height:90px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.control-btn{height:48px;font-size:14px}.btn-trade,.btn-pass{height:48px}.scanner-status-card{height:48px;font-size:14px}}.scanner-reveal-pill{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:2px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000080;z-index:60;pointer-events:auto;overflow:hidden;min-width:180px}.scanner-reveal-pill:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,#3b82f6 90deg,#8b5cf6 180deg,#3b82f6 270deg,transparent 360deg);animation:borderSpin 4s linear infinite;z-index:0}@keyframes borderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanner-reveal-pill-content{position:relative;z-index:1;background:#1e293b;width:100%;height:100%;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:10px 24px;gap:8px}.scanner-reveal-pill:hover:not(:disabled) .scanner-reveal-pill-content{background:#334155}.scanner-reveal-pill:active:not(:disabled){transform:translate(-50%) scale(.96)}.scanner-reveal-pill:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.scanner-reveal-pill span{font-size:14px;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}.pill-counter{transition:color .3s}.pill-counter.high{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.4)}.pill-counter.medium{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.pill-counter.low{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.4)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.spectator-view .scanner-header{position:relative;justify-content:center}.spectator-view .scanner-card{width:100%;height:100%;max-height:none;border-radius:14px}@media(max-width:374px){.spectator-view .scanner-header{min-height:56px;padding:max(10px,env(safe-area-inset-top)) 10px 6px}.spectator-tracker{margin:6px 8px!important;padding:8px 10px!important;gap:6px!important;border-radius:10px!important}.spectator-tracker .spectator-dot{width:28px!important;height:28px!important;font-size:10px!important}.spectator-view .spectator-chart-area{padding:0 8px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.spectator-view .scanner-card{border-radius:10px}}@media(min-width:375px)and (max-width:429px){.spectator-view .scanner-header{min-height:64px;padding:max(12px,env(safe-area-inset-top)) 12px 6px}.spectator-tracker{margin:8px 12px 6px!important;padding:10px 14px!important;gap:8px!important}}@media(min-width:430px){.spectator-tracker{margin:12px 16px 10px!important;padding:14px 20px!important}.spectator-view .spectator-chart-area{padding:0 16px!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}.spectator-view .scanner-card{border-radius:16px}}@media(max-height:667px){.spectator-view .scanner-header{min-height:50px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:4px}.spectator-tracker{margin:4px 10px!important;padding:8px 12px!important;gap:6px!important}.spectator-view .spectator-chart-area{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}}@media(min-height:812px){.spectator-tracker{margin-top:12px!important;margin-bottom:10px!important}.spectator-view .spectator-chart-area{padding-bottom:max(20px,env(safe-area-inset-bottom))!important}}.journal-page{min-height:100vh;background:#1e1e2d;color:#e2e8f0;display:flex;flex-direction:column}.journal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#252536;border-bottom:1px solid #ffffff1a;position:sticky;top:0;z-index:10}.journal-title{margin:0;font-size:1.25rem;font-weight:700;color:#f1f5f9}.header-left{display:flex;align-items:center;gap:16px}.back-btn-header{background:transparent;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;line-height:1;padding:4px;display:flex;align-items:center}.back-btn-header:hover{color:#e2e8f0}.journal-tabs{display:flex;gap:8px;background:#13131f;padding:4px;border-radius:8px}.tab-btn{padding:6px 12px;background:transparent;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;border-radius:6px;transition:all .2s}.tab-btn.active{background:#3b82f6;color:#fff;font-weight:500}.journal-content{flex:1;overflow-y:auto;padding:16px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#2a2a3c;border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .2s,background .2s;border:1px solid #ffffff0d}.history-item:hover{background:#323246;transform:translate(4px)}.item-left{display:flex;flex-direction:column;gap:4px}.side-badge{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content}.side-badge.long{background:#22c55e33;color:#4ade80}.side-badge.short{background:#ef444433;color:#f87171}.item-symbol{font-weight:600;color:#e2e8f0}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-pnl{font-weight:700;font-size:1rem}.item-pnl.positive{color:#4ade80}.item-pnl.negative{color:#f87171}.item-date{font-size:.75rem;color:#64748b}.analytics-view{padding-top:8px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:#2a2a3c;padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #ffffff0d}.stat-label{font-size:.85rem;color:#94a3b8;margin-bottom:4px}.stat-value{font-size:1.25rem;font-weight:700;color:#f1f5f9}.stat-value.positive{color:#4ade80}.stat-value.negative{color:#f87171}.detail-content{display:flex;flex-direction:column;gap:20px;padding-top:10px}.detail-row{display:flex;justify-content:space-between;font-size:1.1rem;padding-bottom:12px;border-bottom:1px solid #ffffff1a}.detail-section h4{color:#94a3b8;margin-bottom:12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#3b82f620;color:#60a5fa;padding:6px 12px;border-radius:20px;font-size:.85rem}.journal-notes{background:#13131f;padding:16px;border-radius:8px;color:#cbd5e1;line-height:1.6;font-size:.95rem;white-space:pre-wrap}.reset-section{margin-top:40px;display:flex;justify-content:center}.reset-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#ef444433;transform:translateY(-2px)}.empty-state{text-align:center;color:#64748b;margin-top:40px;font-style:italic}.pnl-page{min-height:100vh;background:var(--color-bg-primary);padding:16px 16px 40px;max-width:480px;margin:0 auto}.pnl-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pnl-back{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1.2rem;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pnl-back:hover{background:#ffffff1a}.pnl-title{font-size:1.2rem;font-weight:800;color:#fff;margin:0;flex:1}.pnl-rank-badge{font-size:.7rem;font-weight:700;color:var(--color-text-secondary);background:#ffffff0f;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.pnl-hero{border-radius:16px;padding:24px;text-align:center;margin-bottom:20px;position:relative;overflow:hidden}.pnl-hero--profit{background:linear-gradient(135deg,#10b9811f,#05966914);border:1.5px solid rgba(16,185,129,.3)}.pnl-hero--loss{background:linear-gradient(135deg,#ef44441f,#dc262614);border:1.5px solid rgba(239,68,68,.3)}.pnl-hero__label{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.pnl-hero__value{font-size:2.2rem;font-weight:900;line-height:1;margin-bottom:8px}.pnl-hero--profit .pnl-hero__value{color:#10b981}.pnl-hero--loss .pnl-hero__value{color:#ef4444}.pnl-hero__sub{font-size:.75rem;color:var(--color-text-secondary)}.pnl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.pnl-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;text-align:center;transition:all .2s}.pnl-card:hover{border-color:#ffffff26;background:#ffffff0f}.pnl-card__icon{font-size:1.3rem;margin-bottom:6px}.pnl-card__label{font-size:.6rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.pnl-card__value{font-size:1.1rem;font-weight:800;color:#fff}.pnl-card__value--green{color:#10b981}.pnl-card__value--red{color:#ef4444}.pnl-actions{display:flex;gap:10px}.pnl-action-btn{flex:1;padding:14px;border-radius:12px;border:none;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98133}.pnl-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.pnl-action-btn--alt{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);box-shadow:0 4px 12px #6366f133}.pnl-action-btn--alt:hover{box-shadow:0 6px 16px #6366f14d}@media(max-width:380px){.pnl-hero__value{font-size:1.8rem}.pnl-card{padding:10px}.pnl-card__value{font-size:.95rem}}.auth-stage{height:100vh;height:100dvh;max-height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#08090d;background-image:radial-gradient(circle at 15% 20%,rgba(99,102,241,.08) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(0,212,170,.06) 0%,transparent 40%);position:relative;overflow:hidden;padding:clamp(12px,2.5vh,32px) clamp(16px,4vw,48px);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f1f5f9;-webkit-font-smoothing:antialiased}.ambient-glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.5}.glow-top{top:-100px;left:10%;background:#6366f11f}.glow-bottom{bottom:-100px;right:15%;background:#00d4aa1a}.auth-canvas{display:grid;grid-template-columns:1.15fr .9fr;gap:clamp(24px,4vw,56px);align-items:center;width:100%;max-width:1040px;max-height:94dvh;z-index:1;box-sizing:border-box}.hero-panel{display:flex;flex-direction:column;gap:clamp(12px,2vh,22px)}.brand-header{display:flex;align-items:center;gap:10px}.brand-mark{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}.brand-meta{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.02em}.brand-name{font-weight:700;color:#fff;letter-spacing:-.01em}.brand-dot{color:#475569;font-size:10px}.brand-label{color:#94a3b8;font-weight:500}.hero-copy{display:flex;flex-direction:column;gap:clamp(6px,1vh,10px)}.hero-headline{font-size:clamp(24px,3.8vh,36px);font-weight:750;line-height:1.14;margin:0;letter-spacing:-.035em;color:#fff}.hero-highlight{color:#00d4aa;font-weight:800}.hero-description{font-size:clamp(12.5px,1.6vh,14px);color:#8e9bb0;line-height:1.5;margin:0;max-width:480px;letter-spacing:-.01em}.feature-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.6vh,14px) clamp(12px,2vw,20px);padding-top:4px}.feature-row{display:flex;align-items:flex-start;gap:10px;border-left:2px solid rgba(255,255,255,.08);padding-left:10px;transition:border-color .2s ease}.feature-row:hover{border-left-color:#00d4aa}.feature-index{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;color:#64748b;margin-top:1px}.feature-info{display:flex;flex-direction:column;gap:2px}.feature-name{font-size:clamp(12px,1.5vh,13px);font-weight:600;color:#f1f5f9;letter-spacing:-.01em}.feature-detail{font-size:clamp(10.5px,1.3vh,11.5px);color:#6b7a90;line-height:1.3}.hero-footer-status{display:flex;align-items:center;gap:8px;font-size:clamp(11px,1.3vh,12px);color:#64748b;padding-top:4px}.live-status-indicator{width:6px;height:6px;border-radius:50%;background:#00d4aa;box-shadow:0 0 8px #00d4aa}.auth-panel{display:flex;justify-content:center;width:100%}.auth-box{width:100%;max-width:360px;background:#0d0e15d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:clamp(18px,2.6vh,26px) clamp(18px,2.5vw,24px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0009;box-sizing:border-box}.auth-box-header{text-align:center;margin-bottom:clamp(12px,1.8vh,18px)}.auth-box-header h2{margin:0;font-size:clamp(17px,2.2vh,20px);font-weight:700;color:#fff;letter-spacing:-.02em}.auth-box-header p{margin:4px 0 0;font-size:12px;color:#6b7a90}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:clamp(9px,1.4vh,11px) 14px;background:#fff;color:#0f172a;border:none;border-radius:9px;font-size:clamp(12.5px,1.5vh,13.5px);font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0003}.btn-google:hover:not(:disabled){background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 14px #ffffff1f}.btn-google:disabled{opacity:.65;cursor:not-allowed}.google-svg{flex-shrink:0}.divider-line{display:flex;align-items:center;text-align:center;margin:clamp(10px,1.5vh,16px) 0;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.divider-line:before,.divider-line:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.06)}.divider-line span{padding:0 10px}.segmented-control{display:flex;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:3px;margin-bottom:clamp(10px,1.6vh,14px)}.segment-btn{flex:1;padding:clamp(5px,.9vh,7px) 8px;background:transparent;border:none;color:#8e9bb0;font-size:clamp(11.5px,1.4vh,12.5px);font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease}.segment-btn.active{background:#ffffff14;color:#fff;box-shadow:0 1px 4px #0006}.form-stack{display:flex;flex-direction:column;gap:clamp(8px,1.3vh,12px)}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:10.5px;font-weight:600;color:#8e9bb0;letter-spacing:.02em}.input-group input{padding:clamp(7.5px,1.2vh,9.5px) 12px;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f1f5f9;font-size:clamp(12.5px,1.5vh,13.5px);transition:border-color .2s ease,box-shadow .2s ease}.input-group input:focus{outline:none;border-color:#00d4aa;box-shadow:0 0 0 2px #00d4aa26}.input-group input::placeholder{color:#475569}.error-callout{padding:7px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#f87171;font-size:11.5px;line-height:1.3}.btn-primary-action{padding:clamp(9px,1.4vh,11px) 16px;background:#00d4aa;border:none;border-radius:9px;color:#08090d;font-size:clamp(12.5px,1.5vh,13.5px);font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 10px #00d4aa33;display:flex;align-items:center;justify-content:center;margin-top:2px}.btn-primary-action:hover:not(:disabled){background:#00e8ba;transform:translateY(-1px);box-shadow:0 4px 14px #00d4aa4d}.btn-primary-action:disabled{opacity:.6;cursor:not-allowed}.loader-spinner{width:15px;height:15px;border:2px solid rgba(0,0,0,.18);border-top-color:#08090d;border-radius:50%;animation:spinLoader .7s linear infinite}.loader-dark{border-color:#0000001a;border-top-color:#0f172a}@keyframes spinLoader{to{transform:rotate(360deg)}}.legal-notice{text-align:center;margin-top:clamp(10px,1.5vh,14px);padding-top:clamp(8px,1.2vh,10px);border-top:1px solid rgba(255,255,255,.05);color:#64748b;font-size:11px}.legal-notice a{color:#94a3b8;text-decoration:none;transition:color .15s ease}.legal-notice a:hover{color:#00d4aa;text-decoration:underline}@media(max-width:860px){.auth-canvas{grid-template-columns:1fr;gap:14px;max-height:100dvh}.hero-panel{align-items:center;text-align:center;gap:4px}.hero-copy,.feature-strip,.hero-footer-status{display:none}.auth-box{max-width:340px;padding:16px 18px}}.clan-page{min-height:100vh;width:100vw;background:radial-gradient(circle at 50% 10%,#151a2e,#080a12);color:var(--color-text-primary);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative;box-sizing:border-box}.clan-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,2.5vw,16px) clamp(14px,3.5vw,24px);background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.clan-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:20px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.clan-back-btn:hover{background:#38bdf826;border-color:#38bdf8;color:#38bdf8}.clan-header-title{display:flex;flex-direction:column;align-items:center;text-align:center}.clan-header-title h2{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:800;margin:0;letter-spacing:1px;color:#fff}.clan-subtitle{font-size:clamp(.65rem,1.8vw,.75rem);font-weight:600;color:#38bdf8;letter-spacing:.5px}.clan-header-balance{display:flex;align-items:center;gap:6px;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);padding:6px 12px;border-radius:20px}.clan-coin-icon{font-size:16px}.clan-balance-text{font-size:.85rem;font-weight:800;color:#fbbf24;font-family:var(--font-mono)}.clan-container{max-width:960px;width:100%;margin:0 auto;padding:clamp(16px,3vw,28px) clamp(14px,3vw,20px);display:flex;flex-direction:column;gap:clamp(18px,3.5vw,28px);box-sizing:border-box}.clan-hero{background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid rgba(56,189,248,.25);border-radius:24px;padding:clamp(20px,4vw,36px) clamp(16px,3vw,28px);text-align:center;box-shadow:0 16px 40px #0009,0 0 30px #38bdf814;position:relative;overflow:hidden}.clan-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.12) 0%,transparent 60%);pointer-events:none}.clan-hero-badge{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.clan-hero-icon{font-size:clamp(2.5rem,6vw,3.5rem);filter:drop-shadow(0 4px 12px rgba(56,189,248,.4))}.clan-status-pill{display:inline-flex;align-items:center;gap:6px;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#38bdf8;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:800;letter-spacing:1px}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.clan-hero-headline{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;color:#fff;margin:0 0 10px;letter-spacing:.5px}.clan-gradient-text{background:linear-gradient(135deg,#38bdf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.clan-hero-subtext{font-size:clamp(.8rem,2vw,.95rem);color:#94a3b8;line-height:1.6;max-width:640px;margin:0 auto 24px}.clan-cta-group{display:flex;flex-direction:column;align-items:center;gap:10px}.clan-action-btn{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;border:none;padding:14px 28px;border-radius:14px;font-size:.95rem;font-weight:800;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 20px #2563eb66;transition:transform .15s ease,filter .15s ease}.clan-action-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.clan-action-btn:active{transform:translateY(0)}.clan-action-btn.registered{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b98166}.clan-registered-count{font-size:.78rem;color:#cbd5e1}.clan-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(12px,2.5vw,18px)}.clan-feature-card{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px 18px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s ease,transform .2s ease}.clan-feature-card:hover{border-color:#38bdf866;transform:translateY(-2px)}.clan-feature-icon{font-size:1.8rem;margin-bottom:2px}.clan-feature-card h3{font-size:1rem;font-weight:800;color:#fff;margin:0}.clan-feature-card p{font-size:.8rem;color:#94a3b8;line-height:1.5;margin:0}.clan-preview-banner{display:flex;align-items:center;justify-content:space-between;background:#1e293b66;border:1px dashed rgba(56,189,248,.3);border-radius:16px;padding:14px 20px;flex-wrap:wrap;gap:12px}.clan-preview-content{display:flex;align-items:center;gap:14px}.clan-preview-emblem{width:44px;height:44px;background:#38bdf826;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.clan-preview-badge{background:#a855f726;border:1px solid rgba(168,85,247,.35);color:#c084fc;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.5px}.clan-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0f172af2;color:#fff;padding:12px 24px;border-radius:30px;font-size:.85rem;font-weight:700;border:1px solid rgba(56,189,248,.4);box-shadow:0 10px 30px #000c;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.challenger-modal-overlay{position:fixed;inset:0;background:#080a10e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.challenger-modal-card{width:100%;max-width:380px;background:linear-gradient(180deg,#181d2a,#0e121a);border:1.5px solid rgba(59,130,246,.4);box-shadow:0 16px 40px #000000b3,0 0 30px #3b82f633;border-radius:20px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;animation:modalScaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.challenger-radar-wrap{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.challenger-radar-ring{position:absolute;border:2px solid #3b82f6;border-radius:50%;opacity:0;animation:radarPulse 2s infinite cubic-bezier(.215,.61,.355,1)}.ring-1{width:70px;height:70px;animation-delay:0s}.ring-2{width:95px;height:95px;animation-delay:.7s}@keyframes radarPulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.3);opacity:0}}.challenger-avatar-center{width:60px;height:60px;background:linear-gradient(135deg,#3b82f64d,#2563eb26);border:2px solid #3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #3b82f680;z-index:2}.challenger-target-avatar{font-size:28px}.challenger-title-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.challenger-badge{font-size:11px;font-weight:800;letter-spacing:.08em;color:#60a5fa;background:#3b82f626;border:1px solid rgba(59,130,246,.35);padding:3px 10px;border-radius:20px}.challenger-heading{margin:0;font-size:17px;font-weight:800;color:#f8fafc}.challenger-id-tag{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;color:#94a3b8}.challenger-timer-container{width:100%;display:flex;flex-direction:column;gap:8px;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;box-sizing:border-box}.challenger-timer-label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#94a3b8}.challenger-seconds{color:#f59e0b;font-family:monospace;font-size:13px;font-weight:800}.challenger-progress-track{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.challenger-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:10px;transition:width 1s linear}.challenger-status-msg{font-size:13.5px;font-weight:700;color:#93c5fd;padding:12px;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:12px;width:100%;box-sizing:border-box;animation:fadeIn .2s ease}.challenger-cancel-btn{width:100%;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:13px;font-weight:700;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all .15s ease}.challenger-cancel-btn:hover{background:#ef444440;color:#fff}.friends-page-root{min-height:100vh;background:radial-gradient(circle at 50% 10%,#171b26,#0d0f17);color:#fff;display:flex;justify-content:center;padding:12px;box-sizing:border-box}.friends-page-container{width:100%;max-width:640px;display:flex;flex-direction:column;gap:14px}.friends-page-header{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 14px;border-bottom:1px solid rgba(255,255,255,.08)}.friends-header-top-row{width:100%;display:flex;align-items:center;justify-content:space-between}.friends-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease}.friends-back-btn:hover{background:#ffffff1f;color:#fff}.friends-header-title{margin:0;font-size:17px;font-weight:900;letter-spacing:.06em;text-align:center;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-spacer{width:55px}.friends-header-id-chip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f624,#2563eb0f);border:1px solid rgba(59,130,246,.35);padding:4px 10px;border-radius:20px;box-shadow:0 2px 8px #00000040;max-width:100%;flex-wrap:wrap;justify-content:center}.friends-id-chip-label{font-size:10px;font-weight:800;letter-spacing:.05em;color:#94a3b8}.friends-id-chip-value{font-family:JetBrains Mono,monospace,-apple-system;font-size:13.5px;font-weight:800;color:#60a5fa;letter-spacing:.06em}.friends-id-chip-copy-btn{background:#3b82f640;border:1px solid rgba(59,130,246,.45);color:#93c5fd;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:8px;cursor:pointer;transition:all .15s ease}.friends-id-chip-copy-btn:hover{background:#3b82f673;color:#fff}.friends-page-toast{background:#1e293b;border:1px solid #3b82f6;color:#93c5fd;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:10px;text-align:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.friends-page-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#0006;border:1px solid rgba(255,255,255,.06);padding:4px;gap:4px;border-radius:12px}.friends-page-tab{background:transparent;border:none;color:#94a3b8;padding:10px 4px;font-size:12px;font-weight:700;border-radius:9px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-page-tab.active{background:#3b82f638;color:#60a5fa;border:1px solid rgba(59,130,246,.35);box-shadow:0 2px 10px #3b82f626}.page-requests-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:1px 5px;border-radius:8px}.friends-page-content{display:flex;flex-direction:column;gap:10px}.friends-page-empty{text-align:center;padding:40px 16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.12);border-radius:16px}.page-empty-icon{font-size:40px;margin-bottom:10px}.friends-page-empty h2{color:#fff;font-size:16px;margin:0 0 6px}.friends-page-empty p{color:#94a3b8;font-size:12.5px;line-height:1.5;max-width:380px;margin:0 auto 16px}.page-find-traders-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;font-size:13px;font-weight:700;padding:10px 20px;border-radius:10px;cursor:pointer;box-shadow:0 4px 14px #2563eb59}.friends-page-loading{text-align:center;color:#94a3b8;padding:30px;font-size:13px}.friends-cards-grid,.page-results-list,.page-requests-list{display:flex;flex-direction:column;gap:8px}.friends-page-card,.page-search-result-card,.page-request-card{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:all .2s ease;box-sizing:border-box;width:100%}.friends-page-card:hover,.page-search-result-card:hover,.page-request-card:hover{background:#ffffff0d;border-color:#3b82f64d}.page-friend-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.page-avatar-wrap{position:relative;width:40px;height:40px;background:#ffffff0f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.page-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #0d0f17}.page-online-dot.online{background:#10b981}.page-online-dot.offline{background:#64748b}.page-friend-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.page-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-friend-name{color:#fff;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.page-id-tag{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa;font-size:10.5px;font-weight:800;padding:1px 5px;border-radius:5px;letter-spacing:.04em;font-family:monospace}.page-rank-tag{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:5px;text-transform:uppercase;white-space:nowrap}.page-meta-row{color:#94a3b8;font-size:11.5px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.online-text{color:#10b981;font-weight:600}.offline-text{color:#64748b}.page-friend-actions,.page-request-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.page-duel-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-size:12px;font-weight:700;padding:7px 12px;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #10b9814d;transition:transform .1s ease;white-space:nowrap}.page-duel-btn:active{transform:scale(.96)}.page-remove-btn,.page-decline-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.page-accept-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;font-size:12px;font-weight:700;padding:7px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}.page-search-section{display:flex;flex-direction:column;gap:10px;margin-top:4px}.page-search-header-row{display:flex;flex-direction:column;gap:2px}.page-search-title{font-size:12.5px;font-weight:800;letter-spacing:.05em;color:#f1f5f9}.page-search-subtitle{font-size:11.5px;color:#94a3b8}.page-search-bar-container{position:relative;display:flex;align-items:center;background:#0f111ad9;border:1.5px solid rgba(59,130,246,.35);border-radius:12px;padding:3px 6px 3px 12px;box-shadow:0 4px 14px #0000004d;transition:all .2s ease}.page-search-bar-container:focus-within{border-color:#3b82f6;box-shadow:0 0 14px #3b82f666;background:#0f111afa}.page-search-icon{font-size:14px;margin-right:8px;color:#60a5fa;-webkit-user-select:none;user-select:none}.page-search-input{flex:1;background:transparent;border:none;color:#fff;font-size:13.5px;outline:none;padding:9px 0;min-width:0}.page-search-input::placeholder{color:#64748b;font-size:12.5px}.page-search-paste-btn{background:#3b82f62e;border:1px solid rgba(59,130,246,.4);color:#93c5fd;font-size:11px;font-weight:700;padding:5px 10px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.page-search-paste-btn:hover{background:#3b82f659;color:#fff}.page-search-clear-btn{background:#ffffff14;border:none;color:#94a3b8;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.page-search-spinner{font-size:13px;margin-left:4px;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-send-request-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;font-size:12px;font-weight:700;padding:7px 14px;border-radius:8px;cursor:pointer;box-shadow:0 2px 10px #2563eb4d;white-space:nowrap;transition:all .15s ease}.page-send-request-btn:active{transform:scale(.96)}.page-send-request-btn.loading{opacity:.7;cursor:not-allowed}.page-already-friend{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:11px;font-weight:700;padding:5px 10px;border-radius:7px}.page-request-sent{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd;font-size:11px;font-weight:700;padding:5px 10px;border-radius:7px}.page-no-results,.page-search-hint{text-align:center;padding:20px 14px;color:#64748b;font-size:12px;background:#0003;border-radius:10px;border:1px dashed rgba(255,255,255,.08)}.duel-overlay-root{position:fixed;bottom:20px;left:0;right:0;z-index:100000;display:flex;justify-content:center;padding:0 16px;box-sizing:border-box;pointer-events:none;animation:duelSlideUp .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes duelSlideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.duel-sheet-card{width:100%;max-width:440px;background:linear-gradient(135deg,#131722,#0d1017);border:1.5px solid rgba(245,158,11,.45);border-radius:18px;padding:16px 18px;box-shadow:0 20px 50px #000000d9,0 0 25px #f59e0b40;display:flex;flex-direction:column;gap:12px;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box}.duel-sheet-header{display:flex;align-items:center;justify-content:space-between}.duel-badge-pulse{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b33,#d977061a);border:1px solid rgba(245,158,11,.4);padding:3px 10px;border-radius:20px}.duel-badge-icon{font-size:13px}.duel-badge-text{font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#fbbf24}.duel-timer-pill{font-size:11px;font-weight:800;color:#f59e0b;background:#0006;border:1px solid rgba(255,255,255,.08);padding:2px 8px;border-radius:10px;font-family:monospace}.duel-countdown-track{width:100%;height:4px;background:#ffffff14;border-radius:6px;overflow:hidden}.duel-countdown-fill{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b 70%,#ef4444);border-radius:6px;transition:width 1s linear}.duel-challenger-row{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px}.duel-avatar-wrap{width:44px;height:44px;background:linear-gradient(135deg,#f59e0b40,#d977061a);border:1.5px solid rgba(245,158,11,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.duel-info-col{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.duel-name-line{display:flex;align-items:center;gap:6px}.duel-name{color:#fff;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duel-id-tag{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;color:#60a5fa;background:#3b82f626;border:1px solid rgba(59,130,246,.3);padding:1px 5px;border-radius:5px}.duel-sub-line{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#94a3b8}.duel-rank-tag{color:#fbbf24;font-weight:800;font-size:10px;background:#f59e0b26;padding:1px 6px;border-radius:4px;text-transform:uppercase}.duel-prompt-text{margin:0;font-size:12.5px;color:#94a3b8;text-align:center}.duel-response-status{font-size:13px;font-weight:700;color:#93c5fd;text-align:center;padding:10px;background:#3b82f61f;border-radius:10px}.duel-actions-row{display:flex;align-items:center;gap:10px}.duel-decline-btn{flex:1;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:13px;font-weight:700;padding:11px 16px;border-radius:12px;cursor:pointer;transition:all .15s ease}.duel-decline-btn:hover{background:#ef444440;color:#fff}.duel-accept-btn{flex:2;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-size:13.5px;font-weight:800;padding:11px 18px;border-radius:12px;cursor:pointer;box-shadow:0 4px 16px #10b98166;letter-spacing:.04em;transition:all .15s ease}.duel-accept-btn:active{transform:scale(.97)}@media(min-width:768px){.duel-overlay-root{bottom:auto;top:24px;animation:duelSlideDown .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes duelSlideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}}.app{min-height:100vh}