:root{--tnt-radius-sm:8px;--tnt-radius-md:12px;--tnt-radius-lg:16px;--tnt-radius-xl:20px;--tnt-radius-full:50%;--tnt-shadow-sm:0 2px 8px -2px rgba(0,0,0,.3);--tnt-shadow-md:0 4px 16px -4px rgba(0,0,0,.4);--tnt-shadow-lg:0 8px 32px -8px rgba(0,0,0,.5);--tnt-shadow-glow:0 0 20px rgba(255,107,26,.15);--tnt-transition:200ms cubic-bezier(0.22,1,0.36,1);--tnt-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--tnt-surface:rgba(14,10,6,.65);--tnt-surface-raised:rgba(22,16,10,.8);--tnt-surface-float:rgba(30,20,12,.92);--tnt-border:rgba(255,107,26,.08);--tnt-border-hover:rgba(255,107,26,.2);--tnt-text-1:#ffffff;--tnt-text-2:rgba(255,255,255,.7);--tnt-text-3:rgba(255,255,255,.4);--tnt-accent:#ff6b1a;--tnt-accent-soft:rgba(255,107,26,.1);--tnt-success:#22c55e;--tnt-danger:#ef4444;--tnt-info:#3b82f6;--tnt-warning:#f59e0b}.btn-primary,a.btn-primary,button.btn-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 24px!important;border-radius:var(--tnt-radius-md)!important;background:linear-gradient(135deg,#ff6b1a 0,#ff4500 100%)!important;color:#fff!important;font-family:Rajdhani,sans-serif!important;font-weight:700!important;font-size:14px!important;letter-spacing:.03em!important;border:none!important;cursor:pointer!important;box-shadow:0 4px 16px -4px rgba(255,107,26,.4),inset 0 1px 0 rgba(255,255,255,.15)!important;transition:transform var(--tnt-spring),box-shadow .2s ease,filter .2s ease!important;text-transform:uppercase!important;white-space:nowrap!important;-webkit-tap-highlight-color:transparent!important}.btn-primary:hover{box-shadow:0 6px 24px -4px rgba(255,107,26,.5),inset 0 1px 0 rgba(255,255,255,.2)!important;filter:brightness(1.1)!important}.btn-primary:active{transform:scale(.94)!important;box-shadow:0 2px 8px rgba(255,107,26,.3)!important;transition-duration:80ms!important}.btn-primary:disabled,.btn-primary[disabled]{opacity:.4!important;pointer-events:none!important;filter:grayscale(.5)!important}.btn-ghost,button.btn-ghost{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 16px!important;border-radius:var(--tnt-radius-md)!important;background:rgba(255,255,255,.04)!important;color:var(--tnt-text-2)!important;font-family:Rajdhani,sans-serif!important;font-weight:600!important;font-size:13px!important;border:1px solid rgba(255,255,255,.08)!important;cursor:pointer!important;transition:all var(--tnt-transition)!important;-webkit-tap-highlight-color:transparent!important}.btn-ghost:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important;color:#fff!important}.btn-ghost:active{transform:scale(.94)!important;background:rgba(255,255,255,.06)!important}.btn-filter,[class*=btn-filter]{padding:6px 14px!important;border-radius:20px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;color:var(--tnt-text-3)!important;font-family:'JetBrains Mono',monospace!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important;transition:all var(--tnt-transition)!important}.btn-filter:hover{background:rgba(255,107,26,.06)!important;border-color:rgba(255,107,26,.15)!important;color:var(--tnt-text-2)!important}.btn-filter--active,.btn-filter.active{background:var(--tnt-accent-soft)!important;border-color:rgba(255,107,26,.3)!important;color:var(--tnt-accent)!important;box-shadow:0 0 12px rgba(255,107,26,.1)!important}.btn-icon,[class*=btn-icon]{width:40px!important;height:40px!important;border-radius:var(--tnt-radius-md)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;color:var(--tnt-text-2)!important;cursor:pointer!important;transition:all var(--tnt-transition)!important}.btn-icon:hover{background:rgba(255,255,255,.08)!important}.btn-icon:active{transform:scale(.9)!important}.btn-icon-danger{color:var(--tnt-danger)!important;border-color:rgba(239,68,68,.15)!important}.btn-icon-danger:hover{background:rgba(239,68,68,.08)!important}.btn-duel{padding:8px 16px!important;border-radius:var(--tnt-radius-md)!important;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.05))!important;border:1px solid rgba(139,92,246,.25)!important;color:#a78bfa!important;font-weight:700!important;font-size:12px!important;transition:all var(--tnt-transition)!important}.btn-duel:hover{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.1))!important;border-color:rgba(139,92,246,.4)!important;box-shadow:0 4px 16px rgba(139,92,246,.2)!important}.card,.card-pad,[class*=card]:not(.wallet-card):not(.coin-pack-card):not(.squad-card):not(.msn-card){background:var(--tnt-surface)!important;border:1px solid var(--tnt-border)!important;border-radius:var(--tnt-radius-lg)!important;backdrop-filter:blur(12px) saturate(1.4)!important;-webkit-backdrop-filter:blur(12px) saturate(1.4)!important;transition:border-color var(--tnt-transition),box-shadow var(--tnt-transition)!important}.card:hover{border-color:var(--tnt-border-hover)!important}.wallet-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:14px 12px!important;border-radius:var(--tnt-radius-lg)!important;background:var(--tnt-surface)!important;border:1px solid var(--tnt-border)!important;color:var(--tnt-text-2)!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important;transition:all var(--tnt-transition)!important;min-width:72px!important}.wallet-action:hover{background:var(--tnt-surface-raised)!important;border-color:var(--tnt-border-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--tnt-shadow-md)!important}.wallet-action:active{transform:scale(.94) translateY(0)!important}.wallet-action span[aria-hidden]{font-size:22px!important;line-height:1!important}.transaction-item,.tx,[class*=tx-row]{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,.03)!important;transition:background var(--tnt-transition)!important}.tx:last-child{border-bottom:none!important}.tx:hover{background:rgba(255,255,255,.02)!important;border-radius:8px!important}.tx-amount{font-family:'JetBrains Mono',monospace!important;font-weight:700!important;font-size:14px!important}.tx-amount.credit,.tx-amount.pos{color:var(--tnt-success)!important}.tx-amount.debit,.tx-amount.neg{color:var(--tnt-danger)!important}.coin-pack-card{background:var(--tnt-surface)!important;border:1px solid var(--tnt-border)!important;border-radius:var(--tnt-radius-lg)!important;padding:20px 16px!important;text-align:center!important;transition:all var(--tnt-transition)!important;position:relative!important;overflow:hidden!important}.coin-pack-card:hover{border-color:var(--tnt-border-hover)!important;transform:translateY(-3px)!important;box-shadow:var(--tnt-shadow-lg),var(--tnt-shadow-glow)!important}.coin-pack-card.popular{border-color:rgba(255,107,26,.35)!important;background:linear-gradient(160deg,rgba(255,107,26,.06),transparent)!important;box-shadow:0 0 24px rgba(255,107,26,.08)!important}.feed-post,.fpost,.post,.post-card{background:var(--tnt-surface)!important;border:1px solid var(--tnt-border)!important;border-radius:var(--tnt-radius-lg)!important;padding:16px!important;margin-bottom:12px!important;backdrop-filter:blur(8px)!important;transition:border-color var(--tnt-transition)!important}.fpost:hover,.post:hover{border-color:rgba(255,255,255,.08)!important}.feed-actions,.pa,.post-action-row,.post-actions{display:flex!important;align-items:center!important;gap:2px!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.04)!important}.feed-actions button,.pa button,.pa-btn,.post-actions button{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 0!important;border-radius:var(--tnt-radius-sm)!important;background:0 0!important;border:none!important;color:var(--tnt-text-3)!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all 150ms ease!important;-webkit-tap-highlight-color:transparent!important}.pa-btn:hover,.post-actions button:hover{background:rgba(255,255,255,.05)!important;color:var(--tnt-text-1)!important}.pa-btn:active,.post-actions button:active{transform:scale(.92)!important}.cmp,.composer,.post-composer,[class*=composer]{background:var(--tnt-surface)!important;border:1px solid var(--tnt-border)!important;border-radius:var(--tnt-radius-lg)!important;padding:14px 16px!important;margin-bottom:16px!important;transition:border-color var(--tnt-transition)!important}.cmp:focus-within,.composer:focus-within{border-color:rgba(255,107,26,.25)!important;box-shadow:0 0 0 3px rgba(255,107,26,.06)!important}.fp,.friend-card,[class*=fp-card]{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;border-radius:var(--tnt-radius-md)!important;background:var(--tnt-surface)!important;border:1px solid var(--tnt-border)!important;margin-bottom:8px!important;transition:all var(--tnt-transition)!important}.fp:hover,.friend-card:hover{border-color:var(--tnt-border-hover)!important;background:var(--tnt-surface-raised)!important;transform:translateX(4px)!important}.fp-avatar-ring{width:48px!important;height:48px!important;border-radius:50%!important;padding:2px!important;background:conic-gradient(from 0deg,#ff6b1a,#6b1aff,#1affb8,#ff6b1a)!important}.fp-avatar,.fp-avatar-wrap{width:44px!important;height:44px!important;border-radius:50%!important;overflow:hidden!important}.fp-status-online,.online-dot,[class*=online]{width:10px!important;height:10px!important;border-radius:50%!important;background:var(--tnt-success)!important;box-shadow:0 0 8px rgba(34,197,94,.5)!important;border:2px solid var(--bg-1,#04040b)!important}.conv,.conv-item,.message-item{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border-radius:var(--tnt-radius-md)!important;transition:background var(--tnt-transition)!important;cursor:pointer!important}.conv-item:hover,.conv:hover{background:rgba(255,255,255,.03)!important}.conv-item.unread,.conv.unread{background:rgba(255,107,26,.03)!important;border-left:3px solid var(--tnt-accent)!important}.bubble,.msg-bubble,[class*=bubble-content]{max-width:75%!important;padding:10px 14px!important;border-radius:16px!important;font-size:14px!important;line-height:1.5!important;word-break:break-word!important}.bubble-out,.bubble.sent,.msg-bubble.sent{background:linear-gradient(135deg,#ff6b1a,#e55a0f)!important;color:#fff!important;border-bottom-right-radius:4px!important;margin-left:auto!important;box-shadow:0 2px 12px rgba(255,107,26,.2)!important}.bubble-in,.bubble.received,.msg-bubble.received{background:var(--tnt-surface-raised)!important;color:var(--tnt-text-1)!important;border:1px solid rgba(255,255,255,.06)!important;border-bottom-left-radius:4px!important}.bubble-meta,.bubble-time{font-size:10px!important;color:var(--tnt-text-3)!important;margin-top:4px!important;font-family:'JetBrains Mono',monospace!important}.chat-input,.msg-input-bar,[class*=msg-input]{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;background:var(--tnt-surface-float)!important;border-top:1px solid rgba(255,255,255,.04)!important;backdrop-filter:blur(20px)!important}.chat-input input,.msg-input-bar input,.msg-input-bar textarea{flex:1!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:10px 16px!important;color:#fff!important;font-size:14px!important;outline:0!important}.chat-input input:focus,.msg-input-bar input:focus{border-color:rgba(255,107,26,.3)!important;box-shadow:0 0 0 3px rgba(255,107,26,.08)!important}.msn-card,[class*=msn-card]{background:var(--tnt-surface)!important;border:1px solid var(--tnt-border)!important;border-radius:var(--tnt-radius-lg)!important;padding:16px!important;margin-bottom:10px!important;display:flex!important;align-items:center!important;gap:14px!important;transition:all var(--tnt-transition)!important}.msn-card:hover{border-color:var(--tnt-border-hover)!important;background:var(--tnt-surface-raised)!important}.msn-card--done{border-color:rgba(34,197,94,.15)!important;background:rgba(34,197,94,.03)!important}.msn-card-icon{width:44px!important;height:44px!important;border-radius:var(--tnt-radius-md)!important;background:var(--tnt-accent-soft)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;flex-shrink:0!important}.msn-bar{width:100%!important;height:6px!important;border-radius:3px!important;background:rgba(255,255,255,.06)!important;overflow:hidden!important;margin-top:8px!important}.msn-bar-fill,[class*=msn-bar-fill]{height:100%!important;border-radius:3px!important;background:linear-gradient(90deg,#ff6b1a,#ffa94d)!important;transition:width .6s cubic-bezier(.22,1,.36,1)!important;box-shadow:0 0 8px rgba(255,107,26,.3)!important}.msn-bar-fill--done{background:linear-gradient(90deg,#22c55e,#4ade80)!important;box-shadow:0 0 8px rgba(34,197,94,.3)!important}.msn-claim-btn{padding:8px 16px!important;border-radius:20px!important;background:linear-gradient(135deg,#ff6b1a,#ff4500)!important;color:#fff!important;font-weight:700!important;font-size:11px!important;border:none!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-shadow:0 4px 12px rgba(255,107,26,.3)!important;animation:claimPulse 2s ease-in-out infinite!important}@keyframes claimPulse{0%,100%{box-shadow:0 4px 12px rgba(255,107,26,.3)}50%{box-shadow:0 4px 20px rgba(255,107,26,.5)}}.msn-reward{font-family:'JetBrains Mono',monospace!important;font-weight:700!important;color:var(--tnt-accent)!important;font-size:13px!important}.msn-streak{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 16px!important;background:linear-gradient(135deg,rgba(255,107,26,.08),rgba(255,107,26,.02))!important;border:1px solid rgba(255,107,26,.15)!important;border-radius:var(--tnt-radius-md)!important;margin-bottom:16px!important}.msn-streak-num{font-family:Orbitron,sans-serif!important;font-size:24px!important;font-weight:800!important;color:var(--tnt-accent)!important;text-shadow:0 0 16px rgba(255,107,26,.4)!important}.squad-card,[class*=squad-card]{background:var(--tnt-surface)!important;border:1px solid var(--tnt-border)!important;border-radius:var(--tnt-radius-lg)!important;padding:16px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:14px!important;transition:all var(--tnt-transition)!important;cursor:pointer!important}.squad-card:hover{border-color:var(--tnt-border-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--tnt-shadow-md),var(--tnt-shadow-glow)!important}.sq-crest,.squad-crest{width:48px!important;height:48px!important;border-radius:var(--tnt-radius-md)!important;overflow:hidden!important;flex-shrink:0!important;background:var(--tnt-accent-soft)!important;display:flex!important;align-items:center!important;justify-content:center!important}.alert-item,.notif-item,[class*=notif-row]{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:14px 16px!important;border-radius:var(--tnt-radius-md)!important;border-bottom:1px solid rgba(255,255,255,.03)!important;transition:background var(--tnt-transition)!important}.alert-item:hover,.notif-item:hover{background:rgba(255,255,255,.02)!important}.alert-item.unread,.notif-item.unread{background:rgba(255,107,26,.03)!important;border-left:3px solid var(--tnt-accent)!important}.alert-dot,.notif-item .notif-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--tnt-accent)!important;flex-shrink:0!important;margin-top:6px!important;box-shadow:0 0 8px rgba(255,107,26,.4)!important}.discover-search,.search-bar,[class*=search-input]{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 16px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:24px!important;transition:all var(--tnt-transition)!important}.discover-search:focus-within,.search-bar:focus-within{border-color:rgba(255,107,26,.3)!important;background:rgba(255,255,255,.06)!important;box-shadow:0 0 0 3px rgba(255,107,26,.06)!important}.discover-search input,.search-bar input{flex:1!important;background:0 0!important;border:none!important;color:#fff!important;font-size:14px!important;outline:0!important}.chip,[class*=chip]{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 12px!important;border-radius:20px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--tnt-text-2)!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important}.chip-danger{background:rgba(239,68,68,.08)!important;border-color:rgba(239,68,68,.2)!important;color:#f87171!important}.chip-success{background:rgba(34,197,94,.08)!important;border-color:rgba(34,197,94,.2)!important;color:#4ade80!important}.chip-accent{background:var(--tnt-accent-soft)!important;border-color:rgba(255,107,26,.2)!important;color:var(--tnt-accent)!important}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:var(--tnt-radius-md)!important;padding:12px 16px!important;color:#fff!important;font-family:Rajdhani,sans-serif!important;font-size:14px!important;font-weight:500!important;transition:border-color .2s ease,box-shadow .2s ease!important;outline:0!important;width:100%!important}input:focus,select:focus,textarea:focus{border-color:rgba(255,107,26,.4)!important;box-shadow:0 0 0 3px rgba(255,107,26,.08),0 0 16px rgba(255,107,26,.05)!important;background:rgba(255,255,255,.06)!important}input::placeholder,textarea::placeholder{color:var(--tnt-text-3)!important;font-weight:400!important}.toggle,[class*=toggle-switch],input[type=checkbox][role=switch]{position:relative!important;width:44px!important;height:24px!important;border-radius:12px!important;background:rgba(255,255,255,.1)!important;border:none!important;cursor:pointer!important;transition:background .2s ease!important;-webkit-appearance:none!important;appearance:none!important}.toggle.active,.toggle:checked,[class*=toggle-switch].on{background:linear-gradient(135deg,#ff6b1a,#e55a0f)!important}.toggle::after,[class*=toggle-switch]::after{content:''!important;position:absolute!important;top:3px!important;left:3px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;transition:transform .2s cubic-bezier(.22,1,.36,1)!important}.toggle.active::after,.toggle:checked::after,[class*=toggle-switch].on::after{transform:translateX(20px)!important}.badge,[class*=badge]:not(.tab-badge):not(.fp-badge){display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:2px 8px!important;border-radius:10px!important;font-family:'JetBrains Mono',monospace!important;font-size:10px!important;font-weight:700!important;line-height:1.4!important}.badge-success{background:rgba(34,197,94,.15)!important;color:#4ade80!important}.badge-danger{background:rgba(239,68,68,.15)!important;color:#f87171!important}.badge-warning{background:rgba(245,158,11,.15)!important;color:#fbbf24!important}.badge-info{background:rgba(59,130,246,.15)!important;color:#60a5fa!important}.empty,.empty-state,[class*=empty]{text-align:center!important;padding:40px 24px!important;color:var(--tnt-text-3)!important}.empty h3,.empty-state h3{color:var(--tnt-text-2)!important;font-size:16px!important;margin-bottom:8px!important}.empty p,.empty-state p{font-size:13px!important;margin-bottom:16px!important;line-height:1.5!important}.prof-header,.profile-header,[class*=profile-banner]{position:relative!important;border-radius:0 0 var(--tnt-radius-xl) var(--tnt-radius-xl)!important;overflow:hidden!important;margin-bottom:60px!important}.prof-stats,.profile-stats{display:flex!important;justify-content:center!important;gap:32px!important;padding:16px!important}.prof-stats .stat,.profile-stats .stat{text-align:center!important}.prof-stats .stat-num,.profile-stats .stat-num{font-family:Orbitron,sans-serif!important;font-weight:800!important;font-size:18px!important;color:var(--tnt-text-1)!important}.prof-stats .stat-label,.profile-stats .stat-label{font-size:11px!important;color:var(--tnt-text-3)!important;text-transform:uppercase!important;letter-spacing:.05em!important}.dropdown,.menu-popup,[class*=dropdown],[class*=popup-menu]{background:var(--tnt-surface-float)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:var(--tnt-radius-md)!important;padding:6px!important;box-shadow:var(--tnt-shadow-lg)!important;backdrop-filter:blur(20px) saturate(1.6)!important;-webkit-backdrop-filter:blur(20px) saturate(1.6)!important;z-index:1000!important;min-width:160px!important}.dropdown-item,.menu-item,[class*=dropdown] button,[class*=popup-menu] button{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;border-radius:var(--tnt-radius-sm)!important;background:0 0!important;border:none!important;color:var(--tnt-text-2)!important;font-size:13px!important;font-weight:500!important;width:100%!important;text-align:left!important;cursor:pointer!important;transition:background 150ms ease!important}.dropdown-item:hover,.menu-item:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}.dropdown-item.danger,.menu-item.danger{color:var(--tnt-danger)!important}.dropdown-item.danger:hover{background:rgba(239,68,68,.08)!important}.section-title,[class*=section-head],h2,h3{font-family:Orbitron,sans-serif!important;letter-spacing:.03em!important}.boot-spinner,.loading,.spinner,[class*=spinner]{width:24px!important;height:24px!important;border:2px solid rgba(255,107,26,.2)!important;border-top-color:var(--tnt-accent)!important;border-radius:50%!important;animation:spin .6s linear infinite!important}@keyframes spin{to{transform:rotate(360deg)}}.bubble-day-sep,.day-sep,[class*=day-sep]{display:flex!important;align-items:center!important;gap:12px!important;margin:20px 0!important;color:var(--tnt-text-3)!important;font-size:11px!important;font-family:'JetBrains Mono',monospace!important;font-weight:600!important}.bubble-day-sep::after,.bubble-day-sep::before{content:''!important;flex:1!important;height:1px!important;background:rgba(255,255,255,.06)!important}.reel-actions,[class*=reel-action]{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}.reel-action-btn,.reel-actions button{width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(0,0,0,.4)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;cursor:pointer!important;transition:all 150ms ease!important}.reel-actions button:active{transform:scale(.88)!important}.view-panel,[id^=view-],section{padding-bottom:80px!important}*{-webkit-tap-highlight-color:transparent}::selection{background:rgba(255,107,26,.3);color:#fff}.reel-fab-new,.reel-fab-new *{display:none!important;visibility:hidden!important;pointer-events:none!important}.reel-repost-badge{display:none!important;visibility:hidden!important}.reel-follow{background:0 0!important;border:1.5px solid #fff!important;color:#fff!important;font-family:Rajdhani,sans-serif!important;font-weight:600!important;font-size:12px!important;padding:5px 14px!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.22, 1, .36, 1)!important;letter-spacing:.3px!important;text-transform:none!important;min-width:72px!important;text-align:center!important}.reel-follow:active{transform:scale(.92)!important}.reel-follow.is-following{background:rgba(255,107,26,.15)!important;border-color:#ff6b1a!important;color:#ff6b1a!important}.reel-follow.is-following:hover{background:rgba(255,60,60,.15)!important;border-color:#f44!important;color:#f44!important}.wallet-actions,.wallet-actions-row,[class*=wallet-action]{flex-wrap:nowrap!important}.wallet-actions,.wallet-actions-row{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding:4px 16px 12px 16px!important;margin:0 -16px!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.wallet-actions-row::-webkit-scrollbar,.wallet-actions::-webkit-scrollbar{display:none!important;height:0!important}.wallet-actions-row>*,.wallet-actions>*{flex:0 0 auto!important;scroll-snap-align:start!important;min-width:80px!important}.tabbar .badge,.tabbar .notif-count,.tabbar .tab-badge,.tabbar [class*=badge]{display:none!important;visibility:hidden!important}.wallet-actions,.wallet-actions-row{justify-content:center!important}@media (max-width:768px){body,html{overflow-x:hidden!important;-webkit-text-size-adjust:100%!important}#content,.app-content,.main-content{padding:12px!important;padding-bottom:80px!important;max-width:100vw!important;overflow-x:hidden!important}.h1,[class*=heading-lg],h1{font-size:22px!important;line-height:1.2!important}.h2,.section-title,[class*=heading-md],h2{font-size:16px!important;line-height:1.3!important;letter-spacing:.5px!important}.h3,[class*=heading-sm],h3{font-size:14px!important;line-height:1.3!important}body,button,input,label,p,select,small,span,textarea{font-size:14px!important}.meta,.text-sm,.time-ago,.timestamp,small{font-size:11px!important}.topbar,[class*=topbar]{height:52px!important;padding:0 12px!important;font-size:14px!important}.topbar .logo,.topbar img{height:28px!important;width:auto!important}.topbar .search-bar,.topbar input[type=search]{height:34px!important;font-size:13px!important;padding:0 12px!important;border-radius:8px!important}.tabbar{height:58px!important;padding:4px 0 env(safe-area-inset-bottom,4px)!important}.tabbar .tab,.tabbar a,.tabbar button{font-size:10px!important;padding:4px 2px!important;min-width:0!important;flex:1!important}.tabbar .tab i,.tabbar .tab img,.tabbar .tab svg,.tabbar a svg,.tabbar button svg{width:20px!important;height:20px!important}.tabbar .tab small,.tabbar .tab span:last-child{font-size:9px!important;margin-top:2px!important}.btn,[class*=btn-],[role=button],button{min-height:40px!important;padding:8px 16px!important;font-size:13px!important;border-radius:8px!important;touch-action:manipulation!important}.btn-sm,[class*=btn-sm],button.small{min-height:32px!important;padding:6px 12px!important;font-size:12px!important}.btn-icon,button[aria-label]:not([class*=btn-]){min-width:40px!important;min-height:40px!important;padding:8px!important}.card,.fpost,.post,[class*="-card"]{padding:12px!important;border-radius:12px!important;margin-bottom:10px!important}.wallet,.wallet-card,[class*=balance],[class*=wallet-header]{padding:16px!important;border-radius:14px!important}.balance-number,.wallet .balance-amount,[class*=balance] .amount,[class*=balance] h1{font-size:32px!important;line-height:1.1!important}.balance-suffix,.wallet .balance-currency{font-size:14px!important}.wallet-actions,.wallet-actions-row{gap:8px!important;padding:4px 8px 8px!important;margin:0!important;justify-content:center!important}.wallet-action,.wallet-actions button,.wallet-actions-row button{min-width:64px!important;max-width:72px!important;padding:10px 6px!important;font-size:10px!important;border-radius:10px!important}.wallet-action span,.wallet-actions button span{font-size:20px!important}.wallet-action small,.wallet-actions button small{font-size:10px!important;margin-top:4px!important}.transaction-item,.tx-item,[class*=transaction],[class*=tx-]{padding:10px 12px!important;font-size:13px!important;gap:10px!important}.transaction-item .amount,.tx-item .amount,[class*=tx-amount]{font-size:13px!important;font-weight:600!important}.btn-filter,.chip,.filter-btn,.tab-pill,[class*=filter],[class*=tab-btn]{min-height:32px!important;padding:6px 12px!important;font-size:12px!important;border-radius:16px!important}.feed-post,.fpost,.post{padding:12px!important;margin-bottom:10px!important}.fpost .avatar,.post .avatar,.post-avatar{width:36px!important;height:36px!important}.fpost .username,.post .username{font-size:13px!important}.fpost .post-text,.post .post-text,.post-content{font-size:14px!important;line-height:1.4!important}.fpost-actions,.post-actions,[class*=post-action]{gap:4px!important}.fpost-actions button,.post-actions button{min-height:34px!important;padding:6px 10px!important;font-size:12px!important}.stories,.story-rail,[class*=story-container]{padding:8px 12px!important;gap:10px!important}.story,.story-circle{width:60px!important;min-width:60px!important}.story .avatar,.story img,.story-circle .avatar{width:52px!important;height:52px!important}.story small,.story span,.story-name{font-size:10px!important}.composer,[class*=composer]{padding:10px 12px!important;gap:8px!important;border-radius:12px!important}.composer [contenteditable],.composer input,.composer textarea{font-size:14px!important;padding:8px!important;min-height:36px!important}.friend-card,[class*=friend-item],[class*=user-card]{padding:10px 12px!important;gap:10px!important;border-radius:10px!important}.friend-card .avatar,[class*=friend-item] .avatar{width:40px!important;height:40px!important}.friend-card .name,[class*=friend-item] .name{font-size:14px!important}.friend-card .status,[class*=friend-item] .status{font-size:11px!important}.friend-card button,[class*=friend-item] button{min-height:32px!important;padding:5px 12px!important;font-size:11px!important}.conversation-list,.msg-list{gap:2px!important}.conversation-item,.msg-item,[class*=msg-preview]{padding:10px 12px!important;gap:10px!important}.conversation-item .avatar,.msg-item .avatar{width:42px!important;height:42px!important}.msg-bubble,[class*=chat-bubble]{max-width:80%!important;padding:8px 12px!important;font-size:14px!important;border-radius:16px!important}.chat-input,.msg-input,[class*=message-input]{padding:8px 12px!important;font-size:14px!important;min-height:40px!important}.squad-card,[class*=squad-item]{padding:12px!important;border-radius:10px!important;gap:10px!important}.squad-card .crest,.squad-card img{width:40px!important;height:40px!important}.mission-card,[class*=mission-item]{padding:12px!important;border-radius:10px!important;gap:10px!important}.mission-card .progress-bar,[class*=progress]{height:6px!important;border-radius:3px!important}.notif-item,[class*=alert-item],[class*=notification-item]{padding:10px 12px!important;gap:10px!important;font-size:13px!important}.notif-item .avatar{width:36px!important;height:36px!important}.profile-header,[class*=profile-banner]{padding:16px 12px!important}.profile-avatar,.profile-header .avatar{width:72px!important;height:72px!important}.profile-stats,[class*=stats-row]{gap:16px!important}.profile-stats .stat-number,[class*=stat-value]{font-size:18px!important}.profile-stats .stat-label,[class*=stat-label]{font-size:11px!important}.reel-follow{padding:4px 12px!important;font-size:11px!important;min-width:64px!important;min-height:30px!important}.reel-actions button,[class*=reel-action]{width:40px!important;height:40px!important;font-size:18px!important}.reel-username,[class*=reel-user]{font-size:13px!important}.reel-caption,[class*=reel-desc]{font-size:12px!important;line-height:1.3!important}.modal,.sheet,[class*=bottom-sheet],[class*=modal-content]{width:94vw!important;max-width:94vw!important;max-height:85vh!important;border-radius:16px 16px 0 0!important;padding:16px!important}.modal-header,.sheet-header{padding:12px 16px!important;font-size:16px!important}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{min-height:42px!important;padding:10px 12px!important;font-size:14px!important;border-radius:8px!important}textarea{min-height:80px!important}.toast,[class*=toast]{font-size:13px!important;padding:10px 16px!important;border-radius:10px!important;left:12px!important;right:12px!important;max-width:calc(100vw - 24px)!important}.search-bar,[class*=search-input],input[type=search]{height:38px!important;font-size:14px!important;padding:0 12px!important;border-radius:10px!important}.fab,.floating-action-btn,[class*=fab]{width:50px!important;height:50px!important;font-size:22px!important;bottom:70px!important;right:14px!important}.gap-lg{gap:12px!important}.gap-md{gap:8px!important}.p-lg{padding:12px!important}.p-md{padding:8px!important}canvas,iframe,img,video{max-width:100%!important;height:auto!important}.scroll-x,[style*=overflow-x]{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.scroll-x::-webkit-scrollbar,[style*=overflow-x]::-webkit-scrollbar{display:none!important}}@media (max-width:380px){#content,.app-content,.main-content{padding:8px!important;padding-bottom:72px!important}.balance-number,.wallet .balance-amount,[class*=balance] h1{font-size:26px!important}.wallet-action,.wallet-actions button,.wallet-actions-row button{min-width:56px!important;max-width:64px!important;padding:8px 4px!important}.tabbar .tab,.tabbar a,.tabbar button{font-size:9px!important}.tabbar .tab svg,.tabbar button svg{width:18px!important;height:18px!important}.fpost .avatar,.post .avatar{width:32px!important;height:32px!important}.story,.story-circle{width:52px!important;min-width:52px!important}.story .avatar,.story img,.story-circle .avatar{width:44px!important;height:44px!important}.btn,[class*=btn-],button{min-height:36px!important;padding:6px 12px!important;font-size:12px!important}.friend-card,[class*=friend-item]{padding:8px 10px!important}.modal,.sheet,[class*=modal-content]{width:100vw!important;max-width:100vw!important;border-radius:14px 14px 0 0!important;padding:12px!important}}@media (min-width:769px) and (max-width:1024px){#content,.app-content,.main-content{padding:16px!important;max-width:680px!important;margin:0 auto!important}.wallet-action,.wallet-actions button{min-width:80px!important;max-width:90px!important}}@media (hover:none) and (pointer:coarse){.btn,.conversation-item,.friend-card,.msg-item,.notif-item,.tab,.transaction-item,.tx-item,.wallet-action,[class*=btn-],[role=button],a,button{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.btn,[role=button],a,button{touch-action:manipulation!important}}

/* ═══════════════════════════════════════════════════════════════
   MOBILE UI FIXES — Stories, Topbar, Post Cards, Avatars
   ═══════════════════════════════════════════════════════════════ */

/* ── STORY CIRCLES — Force perfect circle ── */
.story .avatar,
.story-circle .avatar,
.story img,
.story-rail .avatar,
.stories .avatar,
[class*="story"] .avatar,
[class*="story"] img:not(.post-img) {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

.story, .story-circle, [class*="story-item"] {
  width: 68px !important;
  min-width: 68px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
}

/* ── TOPBAR — Show full title ── */
.topbar, [class*="topbar"] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  overflow: visible !important;
}

.topbar .title, .topbar h1, .topbar span,
.topbar [class*="title"], .topbar-title {
  font-size: 15px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 50vw !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.topbar .logo, .topbar img:first-child {
  width: 32px !important;
  height: 32px !important;
  flex-shrink: 0 !important;
}

/* ── POST CARDS — Dark background, proper layout ── */
.post, .fpost, .feed-post, [class*="post-card"] {
  background: rgba(20, 12, 5, 0.85) !important;
  border: 1px solid rgba(255, 107, 26, 0.1) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  overflow: hidden !important;
}

/* Post header (avatar + name + time) must be visible */
.post-header, .fpost-header, [class*="post-head"],
.post .header, .fpost .header,
.post > div:first-child, .fpost > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 0 8px 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  min-height: 40px !important;
}

/* Post username visible */
.post .username, .fpost .username, .post-username,
[class*="post-head"] .name, [class*="post-head"] a,
[class*="post-head"] span {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
}

.post .time, .fpost .time, .post-time, [class*="post-head"] small,
[class*="post-head"] time, [class*="post-head"] .ago {
  color: #6a6a7a !important;
  font-size: 11px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Post image — contained, no white bg */
.post img, .fpost img, .post-media img, .post-img,
[class*="post-card"] img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  background: #0a0a12 !important;
  object-fit: cover !important;
  display: block !important;
}

/* Post actions row */
.post-actions, .fpost-actions, [class*="post-action"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  margin-top: 8px !important;
}

.post-actions button, .fpost-actions button,
.post-actions a, .fpost-actions a {
  background: transparent !important;
  border: none !important;
  color: #b8b8c8 !important;
  font-size: 18px !important;
  padding: 8px 12px !important;
  min-height: 36px !important;
}

/* ── POST AVATARS — Circle not egg ── */
.post .avatar, .fpost .avatar, .post-avatar,
[class*="post-head"] .avatar, [class*="post-head"] img:first-child {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}

/* ── TAB BAR — Fix label overflow ── */
@media (max-width: 768px) {
  .tabbar .tab, .tabbar button, .tabbar a {
    font-size: 9px !important;
    padding: 4px 1px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: calc(100vw / 9) !important;
  }

  .tabbar .tab small, .tabbar .tab span:last-child,
  .tabbar button small, .tabbar a small {
    font-size: 8px !important;
    letter-spacing: -0.3px !important;
  }
}

/* ── FAB — Hide on feed too ── */
.fab, .floating-action-btn, [class*="fab-new"],
button.fab, a.fab {
  display: none !important;
}

/* Wallet card — center everything */
.wallet, .wallet-card, [class*="wallet-header"], [class*="balance-card"] {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.wallet-actions, .wallet-actions-row {
  justify-content: center !important;
  width: 100% !important;
}
.wallet .balance-label, .wallet h3, .wallet h4,
[class*="balance-label"], [class*="wallet"] small {
  text-align: center !important;
  width: 100% !important;
}
.wallet .balance-amount, .balance-number,
[class*="balance"] h1, [class*="balance"] .amount {
  text-align: center !important;
  width: 100% !important;
}