/* Arcade-only account menu and verified rank; other TJB pages untouched. */
header .nav{position:relative}
.tjb-arcade-profile{position:relative;z-index:1200;flex:0 0 auto;margin-left:10px}
.tjb-arcade-profile-trigger{display:flex;align-items:center;gap:8px;border:1px solid #4b3036;border-radius:30px;padding:9px 13px;background:#181317;color:#f2edf0;font-size:11px;font-weight:800;letter-spacing:.07em;cursor:pointer}
.tjb-arcade-profile-trigger:hover,.tjb-arcade-profile-trigger:focus-visible{border-color:#e50914}
.tjb-arcade-profile-menu{position:absolute;right:0;top:calc(100% + 13px);width:min(310px,calc(100vw - 28px));padding:21px;border:1px solid #493039;border-radius:12px;background:#171518;box-shadow:0 20px 55px #000b;color:#fff}
.tjb-arcade-profile-menu>strong{font-size:17px}.tjb-arcade-profile-menu>p{color:#bdb7bd;font-size:12px}
.tjb-arcade-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}
.tjb-arcade-auth-tabs button{padding:10px 5px;border:1px solid #383238;background:#211e22;border-radius:6px;color:#b9b2b9;cursor:pointer;font-size:12px;font-weight:800}
.tjb-arcade-auth-tabs button.active{border-color:#a82234;color:white;background:#481b26}
.tjb-arcade-auth-form{display:grid;gap:10px}
.tjb-arcade-auth-form input{width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #464046;border-radius:6px;background:#0e0d0f;color:white;font:inherit;font-size:13px}
.tjb-arcade-auth-form input:focus{outline:1px solid #d42138}
.tjb-arcade-auth-submit{width:100%;padding:12px;border:0;border-radius:6px;background:#b40e23;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.tjb-arcade-auth-submit:disabled{opacity:.5;cursor:wait}
.tjb-arcade-auth-feedback{font-size:11px;line-height:1.5;color:#f28591;margin:10px 0 0}
.tjb-lb-empty:has(.tjb-lb-rows){display:block;padding:0}
.tjb-lb-rows{width:100%}
.tjb-lb-row{display:grid;grid-template-columns:70px 1fr 100px;gap:12px;align-items:center;padding:15px 29px;border-bottom:1px solid #28272c;text-align:left;color:#c5c2c8;font-size:12px}
.tjb-lb-row span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.tjb-lb-row.is-you{background:#3c172033;color:white}
.tjb-lb-your-rank{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;align-items:center;padding:22px 25px;border:1px solid #71303b;border-radius:12px;background:#26161b}
.tjb-lb-your-rank .tjb-lb-overline{grid-column:1/-1}
.tjb-lb-your-rank strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;color:#f45b6c}
.tjb-lb-your-rank>span:last-child{font-size:12px;color:#ddd}
@media(max-width:850px){.tjb-arcade-profile{margin-left:auto;margin-right:48px}.tjb-arcade-profile-trigger{padding:8px 10px}.tjb-arcade-profile-menu{right:-45px}}
@media(max-width:600px){.tjb-lb-row{grid-template-columns:48px 1fr 75px;padding:13px 19px}.tjb-arcade-profile-trigger span{display:none}}

/* Arcade-only header: replace audience selector with live coin balance. */
body:has(header .tjb-arcade-exit-nav) header .audience-controls{display:none!important}
body:has(header .tjb-arcade-exit-nav) .tjb-arcade-header-coins{display:inline-flex}
.tjb-arcade-header-coins{display:none;align-items:center;white-space:nowrap;color:#f0d8a5;font-size:12px;font-weight:800;letter-spacing:.035em;font-variant-numeric:tabular-nums}
.tjb-arcade-profile{display:flex;align-items:center;gap:11px}
@media(max-width:600px){.tjb-arcade-header-coins{font-size:10px}.tjb-arcade-profile{gap:6px}}

/* Match the existing Arcade navigation transition for the new header controls. */
body:has(header .tjb-arcade-exit-nav) .tjb-arcade-profile-enter .tjb-arcade-header-coins{animation:tjb-arcade-nav-in .3s ease-out both}
.links.tjb-arcade-nav-exit .audience-controls{animation:tjb-arcade-nav-out .16s ease-in both;pointer-events:none}
.links.tjb-arcade-nav-enter .audience-controls{animation:tjb-arcade-nav-in .3s ease-out both}
@media(prefers-reduced-motion:reduce){body:has(header .tjb-arcade-exit-nav) .tjb-arcade-profile-enter .tjb-arcade-header-coins,.links.tjb-arcade-nav-exit .audience-controls,.links.tjb-arcade-nav-enter .audience-controls{animation:none}}

/* Include DE / EN in the existing Arcade navigation fade. */
.links.tjb-arcade-nav-exit #tjb-preferences > button[data-lang]{animation:tjb-arcade-nav-out .16s ease-in both;pointer-events:none}
.links.tjb-arcade-nav-enter #tjb-preferences > button[data-lang]{animation:tjb-arcade-nav-in .3s ease-out both}
@media(prefers-reduced-motion:reduce){.links.tjb-arcade-nav-exit #tjb-preferences > button[data-lang],.links.tjb-arcade-nav-enter #tjb-preferences > button[data-lang]{animation:none}}
