/* Frontend header only. Never affects admin or the chart component. */
.web-header{--wh-bg:#08090b;--wh-panel:#131518;--wh-line:#303237;--wh-text:#f5f5f2;--wh-muted:#9a9ba2;--wh-accent:#b8ff3d;position:fixed;z-index:90;top:16px;left:22px;right:22px;margin:0 auto;max-width:1440px;min-height:68px;display:flex;align-items:center;gap:24px;padding:10px 18px;border:1px solid var(--wh-line);border-radius:14px;background:rgba(10,11,13,.96);color:var(--wh-text);font:14px/1.35 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-sizing:border-box;isolation:isolate}
.web-header *, .web-sheet *, .web-drawer *{box-sizing:border-box}
.web-header [hidden],.web-drawer [hidden],.web-account-bar[hidden],.web-sheet [hidden]{display:none!important}
.web-header a,.web-header button,.web-header summary,.web-sheet button,.web-drawer button,.web-drawer a{color:inherit;text-decoration:none;font:inherit;cursor:pointer}
.web-header button,.web-sheet button,.web-drawer button{border:1px solid #303237;border-radius:8px;background:#17191d;padding:9px 12px;min-height:40px}
.web-header button:focus-visible,.web-header a:focus-visible,.web-header summary:focus-visible,.web-sheet button:focus-visible,.web-drawer a:focus-visible{outline:2px solid #b8ff3d;outline-offset:3px}
.web-brand{display:flex;align-items:center;flex:0 0 auto;gap:10px;max-width:200px;min-width:0}
.web-brand>span{font-weight:600;font-size:14px;line-height:1.25;white-space:nowrap}
.web-header .web-brand img{display:block;object-fit:contain;max-width:100%;flex:none}
.web-header .web-arena-mark{width:54px;height:26px}
.web-header .web-bigbit-mark{width:70px;height:18px;margin-top:3px;border-radius:2px}
.web-region-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1;min-width:0}
.web-region-nav>a,.web-region-nav summary{font-size:13px;white-space:nowrap;padding:8px 0}
.web-region-nav [aria-current="page"]{color:#b8ff3d}
.web-nav-group{position:relative}.web-nav-group summary{list-style:none}.web-nav-group summary::-webkit-details-marker{display:none}.web-nav-group summary::after{content:'⌄';margin-left:5px;color:#9a9ba2}
.web-nav-group>div,.web-avatar-panel{position:absolute;top:calc(100% + 12px);min-width:210px;display:grid;gap:4px;background:#111317;border:1px solid #303237;padding:8px;border-radius:12px;box-shadow:0 16px 45px #0008}
.web-nav-group>div a,.web-avatar-panel a,.web-avatar-panel button{display:block;padding:11px 12px;text-align:left;border:0;border-radius:7px;background:none;line-height:1.4;font-size:13px}
.web-nav-group>div a:hover,.web-avatar-panel a:hover,.web-avatar-panel button:hover{background:#24262b}
.web-header-actions{display:flex;align-items:center;gap:8px;flex:none;min-width:0}
.web-account-bar{display:flex;gap:6px;align-items:center;color:#f5f5f2;font:13px/1.25 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.web-account-button{display:grid;gap:3px;max-width:220px;text-align:left;white-space:nowrap;min-height:42px;background:#17191d;color:#f5f5f2;border:1px solid #303237;border-radius:8px;padding:6px 12px;font:inherit;cursor:pointer}
.web-account-button small{font-size:11px;color:#9a9ba2;overflow:hidden;text-overflow:ellipsis}.web-account-label{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.web-deposit{background:#b8ff3d!important;border-color:#b8ff3d!important;color:#070907!important}
.web-account-bar[data-state="guest"] .web-account-button{background:#b8ff3d;color:#070907;border-color:#b8ff3d}.web-account-bar[data-state="guest"] small{color:#273118}
.web-notifications{position:relative;width:40px;padding:8px!important;display:grid;place-items:center}.web-header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.web-notifications b{position:absolute;right:3px;top:2px;border-radius:10px;background:#b8ff3d;color:#08090b;font-size:10px;min-width:14px;padding:1px 3px}
.web-avatar{position:relative}.web-avatar summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;min-height:40px;padding:5px 8px;border:1px solid #303237;border-radius:8px}.web-avatar summary::-webkit-details-marker{display:none}.web-avatar summary>span{display:none}.web-avatar-panel{right:0;max-height:70vh;overflow:auto}.web-signout{color:#9a9ba2!important}
.web-menu-trigger{display:none!important}.web-settings-trigger{font-size:11px!important;max-width:60px}
.web-sheet,.web-drawer{color-scheme:dark;position:fixed;inset:auto 0 0;margin:0 auto;padding:20px;max-width:760px;width:min(100%,760px);max-height:90dvh;overflow:auto;background:#111317;color:#f5f5f2;border:1px solid #303237;border-radius:18px 18px 0 0;font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 -15px 70px #0008;overscroll-behavior:contain}
.web-sheet::backdrop,.web-drawer::backdrop{background:#0009}.web-sheet[open],.web-drawer[open]{animation:web-sheet-in .18s ease-out}.web-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px}.web-sheet-head button{min-width:44px}.web-sheet .language-switcher,.web-sheet .currency-switcher,.web-language{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;color:inherit}.web-language select{font:inherit;background:#22252a;color:#f5f5f2;border:1px solid #303237;border-radius:7px;padding:10px}
.web-mobile-nav,.web-personal-nav{display:grid;gap:4px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #303237}.web-mobile-nav>a,.web-personal-nav>a,.web-mobile-nav summary{padding:12px 8px;font-weight:500;line-height:1.5}.web-drawer .web-nav-group>div{position:static;border:none;background:#17191d;box-shadow:none;margin:4px 0}.web-drawer>button{width:100%;margin-top:8px;text-align:left}.web-personal-nav a{color:#f5f5f2;text-decoration:none}.web-personal-nav .web-signout{padding-top:16px}
.web-account-sheet{height:min(88dvh,800px);padding-bottom:0;display:none;flex-direction:column;overflow:hidden}.web-account-sheet[open]{display:flex}.web-account-sheet iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#050506}.web-account-sheet [data-web-frame-status]{padding:8px 0;color:#9a9ba2}
.web-notification-item{border-bottom:1px solid #303237;padding:12px 0;overflow-wrap:anywhere}.web-notification-item summary{cursor:pointer;font-weight:600}.web-notification-item p{white-space:pre-wrap;line-height:1.6}.web-notification-item time{font-size:12px;color:#9a9ba2}
.web-account-bar[data-scope="app"]{margin:0 12px 8px;padding:7px;border-bottom:1px solid #24262b;justify-content:space-between;flex:none}.web-account-bar[data-scope="app"] .web-account-button{flex:1;max-width:none;display:flex;justify-content:space-between;align-items:center;border:0;background:none;padding:4px 6px}.web-account-bar[data-scope="app"] .web-account-label{max-width:65vw}.web-account-bar[data-scope="app"] .web-deposit{font:inherit;border-radius:7px;padding:8px 12px;border:0;cursor:pointer}
.public-ai[data-web-ai-launcher]:has(.public-ai-panel[hidden]) .public-ai-bar{display:none!important}.public-ai[data-web-ai-launcher]:has(.public-ai-panel:not([hidden])) .web-ai-launch{display:none!important}.public-ai .web-ai-launch{display:block;position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));right:20px;height:44px;padding:0 16px;border:1px solid #303237;border-radius:22px;background:#181a1e;color:#f5f5f2;font:500 13px/1 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;box-shadow:0 8px 24px #0007}
@keyframes web-sheet-in{from{transform:translateY(30px);opacity:.3}to{transform:translateY(0);opacity:1}}
@media(max-width:1100px){.web-header{gap:12px}.web-region-nav{display:none}.web-header-actions{margin-left:auto}.web-menu-trigger{display:block!important}.web-header .web-settings-trigger,.web-header .web-avatar,.web-header .web-notifications,.web-header .web-login{display:none!important}.web-account-button{max-width:190px}.web-deposit{display:none!important}.web-brand{max-width:190px}}
@media(max-width:540px){.web-header{top:10px;left:10px;right:10px;min-height:62px;padding:8px 10px;gap:6px}.web-brand{gap:7px;max-width:145px}.web-header .web-arena-mark{width:32px;height:22px}.web-brand>span{font-size:11px}.web-header .web-bigbit-mark{width:58px;height:15px}.web-header-actions{gap:5px;min-width:0}.web-account-button{padding:5px 8px;max-width:140px;min-height:38px}.web-account-label{font-size:11px;max-width:118px}.web-account-button small{font-size:10px}.web-menu-trigger{min-width:36px!important;padding:8px!important}.web-sheet,.web-drawer{padding:16px;max-height:92dvh}.web-sheet-head{padding-bottom:12px}.web-sheet-head strong{font-size:16px}.web-sheet-head button{padding:8px}.web-account-sheet{height:92dvh}.web-account-bar[data-scope="app"]{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.web-sheet[open],.web-drawer[open]{animation:none}}
.web-sheet.web-closing,.web-drawer.web-closing{transform:translateY(80px);opacity:0;transition:transform .15s ease-in,opacity .15s ease-in}

.h5-shell>.web-account-bar[data-scope="app"]{position:absolute;z-index:40;top:0;left:0;right:0;margin:0;height:52px;padding:5px 12px;background:#090a0c}body.web-app-accountbar .h5-shell .h5-panes{top:52px!important}

@media(max-width:540px){.web-account-button small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.web-account-button{height:auto}.web-account-bar .web-account-label{white-space:normal;overflow:visible;text-overflow:clip}}

@media(max-width:540px){.web-account-bar[data-scope="app"] .web-account-button{display:grid;justify-content:start;gap:1px;max-width:none}.web-account-bar[data-scope="app"] .web-account-label{max-width:none}}

.web-account-bar:is([data-state="guest"],[data-state="empty"],[data-state="opening"]) .web-account-button{background:#b8ff3d;color:#070907;border-color:#b8ff3d}.web-account-bar:is([data-state="guest"],[data-state="empty"],[data-state="opening"]) [data-arena-state]{display:none}