/* Header proportions: glyphs stay consistent while touch areas remain generous. */
html body .nav_top :is(.tc-menu-button,.tc-games-toggle,.tc-notification-toggle,#nav_mobile_wallet){box-sizing:border-box;align-items:center;justify-content:center;line-height:1}
html body .nav_top :is(.tc-menu-button,.tc-games-toggle,.tc-notification-toggle,#nav_mobile_wallet)>i{font-size:18px!important;line-height:1!important;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
html body .nav_top .tc-games-toggle>.tc-games-chevron{font-size:9px!important;width:9px;height:9px}
@media(max-width:640px){
 html body .nav_top .nav_container{gap:6px!important;padding-inline:8px!important;align-items:center}
 html body .nav_top .nav_container_wrapper_left{gap:6px!important;min-width:0}
 html body .nav_top .nav_container_wrapper_left_logo img{width:112px!important;height:30px!important;object-fit:contain;display:block}
 html body .nav_top :is(.tc-menu-button,.tc-games-toggle,.tc-notification-toggle,#nav_mobile_wallet){width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;flex-shrink:0;border-radius:calc(8px * var(--ui-radius-scale,1))}
 html body .nav_top .tc-menu-button{width:32px!important;min-width:32px!important}
 html body .nav_top .nav_container_wrapper_middle{height:36px!important;gap:0!important;align-items:center}
 html body .nav_top .select_bar_drop_down{height:36px!important}
 html body .nav_top .drop_down_header{height:36px!important;min-height:36px!important;padding:0 7px!important;display:flex;align-items:center}
 html body .nav_top .drop_down_header_image{gap:5px!important;align-items:center}
 html body .nav_top .drop_down_header_image img{width:18px!important;height:18px!important}
 html body .nav_top .drop_down_header_image .user_balance{font-size:11px!important;line-height:1.2!important;margin:0!important;max-width:82px}
 html body .nav_top #nav_mobile_wallet{border-radius:0 calc(8px * var(--ui-radius-scale,1)) calc(8px * var(--ui-radius-scale,1)) 0!important}
 html body .nav_top .tc-notification-badge{min-width:14px;height:14px;line-height:14px;font-size:9px;padding:0 2px;top:-4px;right:-4px;border-width:2px;box-sizing:content-box}
}
@media(max-width:380px){
 html body .nav_top .nav_container_wrapper_left_logo img{width:96px!important}
 html body .nav_top .nav_container_wrapper_left{gap:4px!important}
 html body .nav_top :is(.tc-games-toggle,.tc-notification-toggle,#nav_mobile_wallet){width:32px!important;min-width:32px!important}
}
@media(max-width:360px){
 html body .nav_top .nav_container{padding-inline:6px!important;gap:5px!important}
 html body .nav_top .nav_container_wrapper_left_logo img{width:clamp(80px,calc(30vw - 16px),92px)!important;height:28px!important}
 html body .nav_top .tc-menu-button{width:28px!important;min-width:28px!important}
 html body .nav_top .drop_down_header{padding-inline:6px!important}
 html body .nav_top .drop_down_header_image{gap:4px!important}
 html body .nav_top .drop_down_header_image img{width:16px!important;height:16px!important}
 html body .nav_top .drop_down_header_image .user_balance{font-size:10px!important;max-width:64px}
}
@media(min-width:641px){html body .nav_top #tc-menu{height:40px;display:flex;align-items:center;justify-content:center}}
@media(max-width:640px){
 html body .nav_top #tc-menu{width:32px!important;min-width:32px!important;height:36px!important;min-height:36px!important}
 html body .nav_top .nav_container_wrapper_middle #nav_mobile_wallet{height:36px!important;min-height:36px!important;max-height:36px!important}
}
@media(max-width:360px){html body .nav_top #tc-menu{width:28px!important;min-width:28px!important}}
@media(max-width:640px){html body .nav_top .tc-games-toggle>.tc-games-chevron{display:none!important}}

/* A bundled SVG avoids depending on a newer Font Awesome faucet glyph. */
html body .tc-sidebar .tc-faucet-icon{width:18px;height:18px;flex:0 0 18px;display:block;color:inherit;overflow:visible}
html body .nav_top .drop_down_header_image .user_balance{font-size:14px!important;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:640px){
 html body .nav_top .nav_container{gap:4px!important}
 html body .nav_top .drop_down_header{padding-inline:6px!important}
 html body .nav_top .drop_down_header_image .user_balance{font-size:13px!important;max-width:74px}
}
@media(max-width:360px){
 html body .nav_top .nav_container{gap:3px!important}
 html body .nav_top .drop_down_header{padding-inline:4px!important}
 html body .nav_top .drop_down_header_image .user_balance{font-size:12px!important;max-width:64px}
}
/* Account actions and an icon-only appearance switch for the compact sidebar. */
html body .tc-sidebar{display:flex;flex-direction:column}
html body .tc-sidebar>.tc-nav-group{flex-shrink:0}
html body .tc-sidebar .tc-nav-preferences{flex-shrink:0;margin-top:auto;padding-top:12px;border-top:1px solid var(--ui-p-294455,#294455)}
html body .tc-nav-preferences .tc-theme-preference{border-bottom:0;margin-bottom:0;padding-bottom:10px}
html body .tc-nav-preferences .tc-language-preference{padding-bottom:0}
html[data-theme=light] body .tc-nav-preferences{border-color:var(--ui-p-d1dfe8,#d1dfe8)}
html body .tc-account{position:relative;flex:0 0 auto}
html body button.tc-profile-link{display:flex;align-items:center;gap:8px;background:transparent;border:0;box-shadow:none;color:var(--ui-p-bed0db,#bed0db);padding:8px;cursor:pointer;border-radius:calc(8px * var(--ui-radius-scale,1));font:600 12px Inter,Arial,sans-serif}
html body .tc-account-panel{position:absolute;right:0;top:calc(100% + 12px);width:230px;padding:8px;background:var(--ts-surface,var(--ui-surface,#142b39));border:1px solid var(--ts-line,#294455);border-radius:calc(12px * var(--ui-radius-scale,1));box-shadow:0 14px 40px var(--ui-p-00000044,#0004);color:var(--ts-text,var(--ui-text,#dce8ef));z-index:1200}
html body .tc-account-panel[hidden]{display:none!important}
.tc-account-heading{display:flex;flex-direction:column;gap:5px;padding:12px;margin-bottom:5px;border-bottom:1px solid var(--ts-line);overflow-wrap:anywhere}
.tc-account-heading>span{font-size:11px;color:var(--ts-muted)}
.tc-account-heading>strong{font-size:13px}
html body .tc-account-panel :is(a,button){width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:calc(7px * var(--ui-radius-scale,1));background:transparent;color:var(--ts-text)!important;font:600 12px Inter,Arial,sans-serif;text-align:left;cursor:pointer;text-decoration:none}
html body .tc-account-panel :is(a,button):hover{background:var(--ts-hover)}
html body .tc-sidebar .tc-nav-logout{display:flex;align-items:center;gap:14px;width:100%;min-height:44px;padding:12px 14px;border:0;border-radius:calc(7px * var(--ui-radius-scale,1));background:transparent;color:var(--ui-p-a5bdca,#a5bdca);font:600 13px Inter,Arial,sans-serif;text-align:left;cursor:pointer}
html body .tc-sidebar .tc-nav-logout:hover{background:var(--ui-p-284452,#284452);color:var(--ui-p-e8f1f6,#e8f1f6)}
html[data-theme=light] body .tc-sidebar .tc-nav-logout{color:var(--ui-p-4c697e,#4c697e)}
html[data-theme=light] body .tc-sidebar .tc-nav-logout:hover{background:var(--ui-raised,#eaf1f6);color:var(--ui-p-294454,#294454)}
html body .tc-nav-logout i{width:18px;text-align:center;font-size:16px}
html body .tc-sidebar .tc-theme-preference{padding:8px 4px 14px}
html body .tc-sidebar .tc-theme-toggle{min-height:38px;border-radius:calc(8px * var(--ui-radius-scale,1));font-size:11px}
html body .tc-sidebar .tc-theme-toggle i{font-size:16px;width:18px;text-align:center}
@media(min-width:821px){
 html body.tc-nav-collapsed .tc-theme-preference{justify-content:center;padding:6px 0 14px;gap:0}
 html body.tc-nav-collapsed .tc-theme-preference>span,html body.tc-nav-collapsed .tc-theme-label,html body.tc-nav-collapsed .tc-nav-logout>span{display:none!important}
 html body.tc-nav-collapsed .tc-sidebar .tc-theme-toggle{width:40px;height:40px;padding:0;gap:0;flex:0 0 40px}
 html body.tc-nav-collapsed .tc-sidebar .tc-nav-logout{justify-content:center;padding:12px 8px}
}
@media(max-width:640px){html body .nav_top .tc-account{display:none!important}}
/* Let the amount use the remaining header space instead of a fixed 64/74px crop. */
@media(max-width:640px){
 html body .nav_top .nav_container_wrapper_middle{flex:1 1 0!important;min-width:0!important;margin:0!important}
 html body .nav_top .select_bar_drop_down{flex:1 1 0!important;min-width:0!important;width:auto!important}
 html body .nav_top .drop_down_header{width:100%!important;max-width:none!important;box-sizing:border-box}
 html body .nav_top .drop_down_header_image{display:flex!important;width:100%!important;min-width:0!important}
 html body .nav_top .drop_down_header_image img{flex-shrink:0}
 html body .nav_top .drop_down_header_image .user_balance{flex:1 1 0!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important}
 html body .nav_top .nav_container_wrapper_left_logo img{width:clamp(88px,calc(100vw - 300px),112px)!important;min-width:0!important;max-width:none!important}
}
@media(max-width:360px){
 html body .nav_top .nav_container_wrapper_left_logo{display:block!important;width:25px!important;overflow:hidden}
 html body .nav_top .nav_container_wrapper_left_logo img{width:140px!important;min-width:140px!important;max-width:none!important;object-fit:cover;object-position:left}
}
/* A compact desktop rail must expand into a readable drawer on small screens. */
@media(max-width:820px){
 html body.tc-nav-collapsed .tc-sidebar{width:240px;max-width:calc(100vw - 40px)}
 html body.tc-nav-collapsed .tc-sidebar a{justify-content:flex-start;padding:12px 14px}
 html body.tc-nav-collapsed .tc-sidebar a span{display:inline}
 html body.tc-nav-collapsed .tc-nav-label,html body.tc-nav-collapsed .tc-nav-bottom{display:block}
 html body.tc-nav-collapsed .tc-nav-group{padding:8px;background:initial}
}
/* Top balance pill: CLIK unit inherits TTRoundsNeue (font file missing, no generic fallback) and rendered as serif */
html body .nav_top .drop_down_header_image .tc-currency{font-family:Inter,"Segoe UI",Arial,sans-serif}

/* Guest actions share one geometry; signup keeps the primary accent. */
html body .nav_top .tc-guest-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
html body .nav_top .tc-guest-actions :is(.btn-login,.btn-signup){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;padding:9px 16px;margin:0!important;border:1px solid var(--ui-border);border-radius:calc(8px * var(--ui-radius-scale,1));font:700 13px/20px Inter,Arial,sans-serif;text-decoration:none}
html body .nav_top .tc-guest-actions .btn-login{background:var(--ui-raised);color:var(--ui-text)!important}
html body .nav_top .tc-guest-actions .btn-signup{background:var(--ui-accent);color:var(--ui-accent-ink)!important;border-color:var(--ui-accent)}
html body .nav_top .tc-guest-actions .tc-theme-toggle{width:40px;height:40px;padding:0;flex-shrink:0}
html body .nav_top .tc-guest-actions .tc-theme-label{display:none}
@media(max-width:640px){html body .nav_top .tc-guest-actions{gap:6px}html body .nav_top .tc-guest-actions :is(.btn-login,.btn-signup){min-height:36px;padding:7px 10px;font-size:12px}html body .nav_top .tc-guest-actions .tc-theme-toggle{width:34px;height:36px}}