:root{--bg: #0f1720;--sidebar: #0b1220;--panel: var(--sidebar);--topbar-bg: var(--sidebar);--muted: #9aa3b2;--accent: #1fb6ff;--accent-2: #6ee7b7;--card: #121826}@supports (-webkit-overflow-scrolling: touch){.topbar{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);height:calc(72px + env(safe-area-inset-top));-webkit-backface-visibility:hidden;backface-visibility:hidden}.main-area{padding-top:calc(88px + env(safe-area-inset-top))}.topbar-left,.topbar-right,.topbar-logo,.topbar-logo-link{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;z-index:12010!important}.login-modal,.modal,.mobile-backdrop{z-index:20000!important}}body{margin:0;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--sidebar);color:#e6eef8}.topbar{width:88px;background:var(--sidebar);display:flex;flex-direction:column;align-items:center;position:fixed;top:20px;left:0;bottom:20px;height:auto;z-index:5;border-top-right-radius:22px;border-bottom-right-radius:22px;box-shadow:0 6px 18px #02061733;right:0;width:calc(100% - 94px);padding:18px 10px 18px 28px;border-top-left-radius:28px}.topbar:before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:6px;border-top-left-radius:28px;pointer-events:none;background:linear-gradient(90deg,#ffffff05,#fff0)}.sidebar-brand{font-weight:700;background:var(--sidebar);-webkit-background-clip:text;background-clip:text;color:transparent;padding:6px 8px;border-radius:8px}.sidebar-logo{width:56px;height:56px;object-fit:cover;object-position:center;border-radius:10px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;background:var(--sidebar);position:fixed;left:0;right:0;top:0;z-index:21000;padding:10px 22px 10px 116px;border-radius:0;margin:0;width:100%}.topbar-logo{height:110px;margin-right:12px;object-fit:cover;object-position:center;max-width:200px;position:relative;left:auto;top:auto;transform:none;z-index:10000}.topbar-logo-link{display:inline-block;line-height:0;text-decoration:none;cursor:pointer}header.topbar,header.topbar *{pointer-events:auto!important;-webkit-user-select:none;user-select:none}.topbar .nav-btn,.topbar-logo-link,.topbar-logo,.btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.topbar-right{display:flex;gap:12px;align-items:center;position:absolute;right:24px;top:14px}.btn.login{background:linear-gradient(90deg,#2bb0ff,#1fb6ff);color:#04111a;border:none;padding:9px 14px;font-size:15px;font-weight:600;border-radius:10px;box-shadow:0 4px 10px #1b69a024;transition:filter .14s ease,transform .14s ease,box-shadow .14s ease;display:inline-flex;align-items:center;gap:8px}.btn.login svg{vertical-align:-3px;margin-left:-3px;margin-right:0}.btn.login svg{position:relative;z-index:2}.btn.login .btn-label{position:relative;z-index:1}.btn.login .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.btn.login .icon-wrapper svg{width:1.05em;height:1.05em}.btn.login:hover{filter:brightness(.92);transform:translateY(-2px);box-shadow:0 6px 12px #1b69a029}.btn.login:active{filter:brightness(.88);transform:translateY(0)}.btn.login:focus-visible{outline:2px solid rgba(31,182,255,.16);outline-offset:2px}.content{padding:28px}.app.chat-open .content{margin-right:0;transition:transform .3s ease}@media (max-width: 900px){.app.chat-open .content{margin-right:0}}@media (max-width: 900px){.topbar-logo{display:block;position:static;margin:0 auto 0 0;left:0;right:0;max-width:120px;max-height:40px;z-index:2}.topbar-right{position:static;display:flex;justify-content:center;align-items:center;margin:0 auto;width:100%;right:unset;top:unset;z-index:2}.btn.login{font-size:15px;padding:8px 16px;min-width:90px;margin:0 auto;display:inline-flex}.topbar-left{display:flex;align-items:center;gap:8px;z-index:2}.topbar-logo-link{display:block!important;visibility:visible!important;opacity:1!important}.topbar-logo{display:block!important;visibility:visible!important;opacity:1!important;z-index:10001}.topbar{overflow:visible!important;z-index:10000}.topbar-left,.topbar-right,.topbar-logo-link{position:relative!important;z-index:10002!important;display:flex!important;align-items:center!important}.topbar-logo{display:block!important;visibility:visible!important;opacity:1!important;max-height:48px!important;width:auto!important}}@media (max-aspect-ratio: 3/4),(max-width: 900px){.topbar{height:64px;padding-left:18px;padding-right:18px;margin:6px 6px 0;border-radius:12px;align-items:center}.topbar-logo{position:static;height:auto;max-height:48px;width:auto;max-width:160px;object-fit:contain;left:auto;top:auto;transform:none;margin-right:6px;z-index:1}.topbar-logo-link.logo-left,.topbar-logo.logo-left{display:block;margin-left:0!important;margin-right:auto!important;text-align:left}.topbar-logo-link.logo-center,.topbar-logo.logo-center{display:block;margin-left:auto!important;margin-right:auto!important;text-align:center}.topbar-logo-link.logo-right,.topbar-logo.logo-right{display:block;margin-left:auto!important;margin-right:0!important;text-align:right}.main-area{margin:72px 8px 8px;border-radius:12px;padding-top:12px;height:calc(100vh - 90px)}.content{padding:14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-radius:12px}.hero .hero-content,.hero .hero-visual{min-height:120px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#ffffff03,#0000000a)}.hero h1{font-size:18px;line-height:1.1}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:18px;border-radius:12px;background:linear-gradient(180deg,#ffffff03,#0000000f);box-shadow:0 6px 18px #02061766}.card h4{margin-top:6px;font-size:14px}h3.text-2xl,h3,.cards h3{font-size:18px}.bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;height:64px;background:linear-gradient(180deg,#0b1220f2,#0b1220fa);border-radius:12px;display:flex;align-items:center;justify-content:space-around;z-index:20001;box-shadow:0 -6px 24px #02061780;border:1px solid rgba(255,255,255,.02)}.bottom-nav .bn-item{color:var(--muted);font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;height:48px}.bottom-nav .bn-item.active{color:var(--accent)}.global-chat-fab{display:none!important}.topbar .nav-btn{padding:10px 12px;font-size:15px}}@media (max-width: 420px){.hero,.card-grid{grid-template-columns:1fr}.bottom-nav{left:0;right:0;bottom:0;border-radius:0;height:64px}}@media (max-aspect-ratio: 3/4),(max-width: 900px){header.topbar .topbar-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:19998}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px) scaleY(.997);filter:blur(2px)}60%{opacity:.98;transform:translateY(6px) scaleY(1.002);filter:blur(.6px)}to{opacity:1;transform:translateY(0) scaleY(1);filter:blur(0)}}.content--drop{animation:dropIn .42s cubic-bezier(.2,.9,.3,1) both}.content{max-width:1100px;margin:0 auto;transition:padding .3s ease,transform .3s ease}.app.chat-open .main-area{padding-right:330px;transition:padding-right .3s ease}@media (max-width: 900px){.app.chat-open .main-area{padding-right:0}}.kicker{display:inline-block;background:linear-gradient(90deg,#6ee7b7,#1fb6ff);padding:6px 10px;border-radius:8px;color:#04111a;font-weight:700;font-size:13px}.hero h1{margin:10px 0 6px;font-size:28px}@media (max-width:900px){.sidebar,.hero-visual{display:none}.card-grid{grid-template-columns:1fr}.topbar-logo{height:22px}.sidebar-logo{width:28px;height:28px}}@media (max-width: 900px){.sidebar{display:none}.topbar-left{display:flex;align-items:center;gap:12px}}:root{--bg: #0f1720;--panel: #111827;--sidebar: #0b1220;--topbar-bg: var(--sidebar);--muted: #9aa3b2;--accent: #1fb6ff;--accent-2: #6ee7b7;--card: #121826}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#0b1220,#0f1720);color:#e6eef8}html,body,a,p,span,li,button,input,textarea,select,h1,h2,h3,h4,h5,h6{font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial!important;font-weight:900!important;font-style:normal!important}.app{display:flex;min-height:100vh}.sidebar{width:100px;background:var(--sidebar);border-right:none;padding:18px 10px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:5;border-top-right-radius:22px;box-shadow:0 6px 18px #02061733;margin-top:82px}.sidebar-list{display:flex;flex-direction:column;gap:18px;padding-top:18px}.sidebar-item{width:100%;display:flex;flex-direction:column;align-items:center;color:var(--muted);font-size:12px;cursor:pointer}.sidebar-item .icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease;font-size:20px;color:var(--muted)}.sidebar-item .label{margin-top:8px;font-size:13px;color:var(--muted);opacity:.95}.sidebar-item:hover .icon{background:#ffffff05;transform:translateY(-4px);color:#fff;box-shadow:0 8px 20px #02061740}.sidebar-item.active .icon{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#04111a;box-shadow:0 8px 30px #1fb6ff1f,0 0 18px #1fb6ff14;transform:translateY(-2px)}.sidebar-item--coinflip .icon-box{width:72px;height:88px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#ffffff03,#0000000a)}.sidebar-item--coinflip .icon-box svg{width:44px;height:44px}.sidebar-item--coinflip .icon-box .label{font-size:14px;font-weight:700;color:var(--muted)}.sidebar-item--coinflip:hover .icon-box{transform:translateY(-4px);box-shadow:0 8px 20px #02061740}.sidebar-item--coinflip.active .icon-box{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#04111a;box-shadow:0 10px 30px #1fb6ff1f,0 0 20px #1fb6ff14}.sidebar-brand{font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;padding:6px 8px;border-radius:8px}.sidebar-list{list-style:none;padding:18px 0;margin:0;flex:1;display:flex;flex-direction:column;gap:12px}.sidebar-item{width:100%;display:flex;flex-direction:column;align-items:center;color:var(--muted);font-size:12px}.sidebar-item .icon{display:block;font-size:20px;margin-bottom:6px}.sidebar-footer{margin-top:auto;color:var(--muted)}.main-area{flex:1;display:flex;flex-direction:column;background:var(--panel);padding-top:95px;border-radius:22px;margin:82px 10px 10px -1px;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100vh - 20px)}.main-area{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.main-area::-webkit-scrollbar{width:10px;height:10px}.main-area::-webkit-scrollbar-track{background:transparent;margin:6px 0}.main-area::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background .16s ease,transform .16s ease}.main-area::-webkit-scrollbar-thumb:hover{background:#ffffff1f;transform:translate(-1px)}.main-area::-webkit-scrollbar-button{display:none}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:none;background:var(--sidebar);position:sticky;top:0;z-index:40;margin-left:-88px;width:calc(100% + 88px);padding:10px 22px 10px 116px;border-top-left-radius:28px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:none;background:var(--sidebar);position:fixed;left:0;right:0;top:0;z-index:9999;padding:10px 22px 10px 116px;border-top-left-radius:28px}.topbar{color:var(--muted)}.topbar .nav-btn,.topbar .nav-btn svg{color:var(--muted)!important;fill:currentColor!important}.topbar a,.topbar a *,.topbar .nav,.topbar .nav *{color:var(--muted)!important}.nav-item.active{color:#fff}.topbar-right{display:flex;gap:12px;align-items:center}.topbar-nav{position:relative;left:auto;top:auto;transform:none;display:flex;gap:12px;align-items:center;justify-content:center}@media (min-width: 900px){.topbar-logo{position:fixed;left:2px;top:-6px;transform:none;z-index:10000}.topbar-nav{position:absolute;left:222px;top:50px;transform:translateY(-50%);justify-content:center}}.nav-btn{padding:6px 8px;background:transparent;border:none!important;box-shadow:none!important;color:var(--muted);font-weight:600;border-radius:999px;font-size:14px;transition:color .16s ease,transform .16s ease}.nav-btn--home,.nav-btn--trades,.nav-btn--leaderboard{font-size:16px}.nav-btn--leaderboard svg{width:1.15em;height:1.15em;vertical-align:-.14em;margin-right:.5em;color:var(--muted)!important;fill:currentColor!important}.nav-btn svg{width:1em;height:1em;vertical-align:-.12em;margin-right:.6em}.nav-btn--home svg{width:1.15em;height:1.15em;vertical-align:-.14em;margin-right:.5em;color:var(--muted)!important;fill:currentColor!important}.nav-btn--trades svg{width:1.15em;height:1.15em;vertical-align:-.14em;margin-right:.5em;color:var(--muted)!important;fill:currentColor!important}.topbar .nav-btn--home svg{color:var(--muted)!important;fill:currentColor!important}.nav-btn:after{content:"";display:block;width:0;height:2px;margin-top:6px;background:transparent;border-radius:2px;transition:width .16s ease,background .16s ease}.nav-btn:hover{color:#fff;transform:translateY(-2px)}.nav-btn:hover:after{width:100%;background:var(--accent)}.topbar .nav-btn.active,.topbar .nav-btn.active svg{color:var(--accent)!important;fill:currentColor!important}.topbar .nav-btn.active:after{width:100%;background:var(--accent)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#02061780;z-index:20000}.modal-content{background:linear-gradient(180deg,#0b1220,#0f1720);border-radius:12px;padding:20px 22px;width:420px;max-width:calc(100% - 40px);box-shadow:0 10px 30px #02061799;color:#e6eef8;transform:translateY(-8px);animation:modalIn .24s cubic-bezier(.2,.9,.3,1) both}@keyframes modalIn{0%{opacity:0;transform:translateY(-16px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#020617e6;z-index:30000}.login-modal-content{width:640px;max-width:calc(100% - 40px);background:transparent;border-radius:12px;padding:28px 32px;box-shadow:none;position:relative;color:#e6eef8;animation:modalIn .26s cubic-bezier(.2,.9,.3,1) both}.login-modal-content:before{content:"";position:absolute;left:-8px;right:-8px;top:-8px;bottom:-8px;border-radius:16px;box-shadow:0 12px 40px #1fb6ff24;pointer-events:none;z-index:-1}.login-modal .modal-close{position:absolute;right:16px;top:12px;background:transparent;border:none;color:var(--muted);font-size:20px;cursor:pointer}.login-title{text-align:center;font-size:22px;margin:6px 0 4px;letter-spacing:1px}.login-sub{text-align:center;color:var(--muted);margin-bottom:18px}.login-notice{background:linear-gradient(90deg,#1fb6ff1f,#6ee7b70f);border:1px solid rgba(31,182,255,.12);color:#dff6ff;padding:10px 12px;border-radius:8px;margin-bottom:12px;text-align:center}.login-form{display:flex;flex-direction:column;gap:12px}.input-wrap{display:flex;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.03);padding:12px 14px;border-radius:8px}.input-icon{margin-right:12px;color:var(--muted);display:inline-flex;align-items:center;transform:translateY(-2px)}.input-icon svg{width:1.05em;height:1.05em;vertical-align:middle}.login-input{background:transparent;border:none;outline:none;color:#fff;flex:1;font-size:15px;line-height:1.2}.checkbox-row{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px}.checkbox-row a{color:var(--accent);text-decoration:underline}.login-modal-btn{margin-top:6px;width:100%;padding:12px 18px;font-weight:700;border-radius:8px}.login-socials{display:flex;gap:12px;justify-content:center;margin-top:18px}.login-socials .social{width:44px;height:44px;border-radius:8px;background:linear-gradient(180deg,#ffffff05,#0000000f);border:1px solid rgba(255,255,255,.04);color:#fff}.modal-close{background:transparent;border:none;color:var(--muted);font-size:22px;position:absolute;right:18px;top:12px;cursor:pointer}.leaderboard-list{margin:12px 0 0;padding-left:18px}.leaderboard-list li{margin:6px 0;color:#dbeefe}.nav-btn.active,.nav-btn.active svg{color:var(--accent)!important;fill:currentColor!important}.btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:transparent;color:#fff;cursor:pointer}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.06)}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#04111a;border:none}.btn.cta{background:linear-gradient(90deg,var(--accent),#7ef9d0);color:#04111a;border:none;padding:10px 16px}.content{padding:28px;box-sizing:border-box;width:100%}.hero{display:flex;gap:20px;align-items:stretch;background:linear-gradient(180deg,#ffffff03,#00000005);padding:22px;border-radius:14px}.hero-content{flex:1}.kicker{display:inline-block;background:linear-gradient(90deg,#6ee7b7,#1fb6ff);padding:6px 10px;border-radius:8px;color:#04111a;font-weight:700;font-size:28px}.muted{color:var(--muted)}.hero-visual{width:420px;background:linear-gradient(135deg,#1f2937,#111827);border-radius:12px}.cards{margin-top:22px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px}.card{background:linear-gradient(180deg,#ffffff03,#00000005);padding:18px;border-radius:12px}.card-icon{font-size:28px;margin-bottom:8px}@media (max-width:900px){.sidebar,.hero-visual{display:none}.card-grid{grid-template-columns:1fr}}@media (max-width: 900px){.topbar-logo{height:110px;max-height:110px;width:220px;max-width:200px;object-fit:cover;margin-top:-25px}.sidebar-logo{width:28px;height:28px}}header.topbar,.topbar{border-radius:0!important;margin:0!important;width:100%!important;left:0!important;right:0!important;position:fixed!important;top:0!important;z-index:10000!important;padding-left:116px!important}.global-chat-panel{position:fixed;top:72px;right:0;height:calc(100vh - 96px);width:320px;max-width:86vw;background:transparent;display:flex;flex-direction:column;z-index:2000;transform:translate(100%);transition:transform .3s ease}.global-chat-panel.open{transform:translate(0)}.global-chat-panel.closed{transform:translate(100%)}.global-chat-container{background:var(--topbar-bg);border-top-left-radius:18px;border-bottom-left-radius:18px;overflow:hidden;box-shadow:-6px 8px 24px #00000047;flex:1;display:flex;flex-direction:column}.global-chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:var(--topbar-bg);position:sticky;top:0;z-index:6;font-weight:700;color:#38bdf8;font-size:1.1rem;height:64px}.global-chat-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;font-weight:700;transition:color .2s}.global-chat-close:hover{color:#38bdf8}.global-chat-messages{flex:1;overflow-y:auto;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:1rem;margin-top:0}.global-chat-row{display:flex;gap:.8rem;align-items:flex-start}.global-chat-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(180deg,#1b1f29,#262a33);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.avatar-img{width:40px;height:40px;border-radius:50%;background:#111317;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.avatar-badge{position:absolute;left:8px;bottom:-8px;background:#0ea5e9;color:#fff;font-weight:700;border-radius:8px;padding:2px 6px;font-size:.75rem}.global-chat-body{flex:1}.global-chat-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.global-chat-username{font-weight:800}.global-chat-time{color:#98a0b0;font-size:.85rem}.global-chat-message{margin-top:.4rem;background:#232738a6;border-radius:12px;padding:.9rem 1rem;color:#bfc6e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.global-chat-input-row{display:flex;align-items:center;padding:1rem;border-top:1px solid rgba(36,37,49,.3);gap:.5rem;background:transparent}.global-chat-input{flex:1;background:#1e212880;border:none;border-radius:12px;padding:.8rem 1rem;color:#bfc6e0;font-size:1rem;outline:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.global-chat-send{background:transparent;color:#98a0b0;font-weight:700;font-size:1.25rem;border:none;border-radius:8px;padding:.2rem .6rem;cursor:pointer}.global-chat-send:hover{color:#fff}.global-chat-panel>.global-chat-container{display:flex;flex-direction:column;height:100%}