.site-secondary-selection { display:flex; align-items:center; gap:12px; flex:0 1 auto; min-width:0; }
.site-secondary-selection .site-secondary-identity { max-width:220px; padding-right:12px; }
#site-race-picker-host { flex:none; min-width:0; }
.site-race-picker { position:relative; }
.site-race-picker > summary, .site-race-picker-empty { display:flex; align-items:center; gap:14px; min-width:112px; max-width:176px; padding:7px 11px; border:1px solid rgba(125,195,208,.3); border-radius:8px; background:linear-gradient(130deg,rgba(48,78,91,.7),rgba(13,30,39,.56)); box-shadow:inset 0 1px rgba(255,255,255,.07); list-style:none; cursor:pointer; }
.site-race-picker > summary::-webkit-details-marker { display:none; }
.site-race-picker > summary:focus-visible { outline:2px solid #4ad8e3; outline-offset:3px; }
.site-race-picker[open] > summary { border-color:#ed9758; background:linear-gradient(130deg,rgba(66,82,90,.85),rgba(21,41,51,.8)); }
.site-race-picker-copy { display:grid; gap:2px; min-width:0; }
.site-race-picker-copy small { font-size:8px; font-weight:700; color:#9bb6c3; letter-spacing:.08em; }
.site-race-picker-copy strong { overflow:hidden; font-size:11px; font-weight:800; color:#edf7f9; text-overflow:ellipsis; white-space:nowrap; }
.site-race-chevron { color:#ffb476; font-size:15px; }
.site-race-picker-empty { cursor:default; opacity:.7; }
.site-race-picker-empty .site-race-chevron { display:none; }
.site-race-choice-menu { position:absolute; z-index:95; top:calc(100% + 10px); left:0; width:280px; max-width:calc(100vw - 28px); max-height:min(55vh,400px); overflow-y:auto; padding:7px; border:1px solid rgba(117,182,203,.35); border-radius:10px; background:rgba(12,28,38,.98); box-shadow:0 15px 42px rgba(0,0,0,.45); scrollbar-width:thin; }
.site-race-choice { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid transparent; border-radius:6px; }
.site-race-choice > span { display:grid; min-width:0; gap:4px; }
.site-race-choice strong { color:#e8f3f6; font-size:12px; overflow-wrap:anywhere; }
.site-race-choice small { color:#86b5c0; font-size:10px; }
.site-race-choice b { color:#ffae70; font-size:12px; }
.site-race-choice:hover, .site-race-choice:focus-visible { background:rgba(65,123,143,.2); }
.site-race-choice.is-selected { border-color:rgba(251,146,73,.5); background:rgba(225,134,68,.1); }
.race-focus-arena-duel { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:14px; margin:20px 0; }
.race-focus-arena-player { display:grid; justify-items:center; min-width:0; gap:8px; text-align:center; }
.race-focus-arena-player .account-avatar { width:44px; height:44px; }
.race-focus-arena-player strong { color:#eef5f7; font-size:13px; overflow-wrap:anywhere; }
.race-focus-arena-player small { color:#92aebd; font-size:10px; }
.race-focus-arena-vs { color:#fba363; font-size:25px; font-style:italic; font-weight:900; }
.race-home-phase > div:last-child { min-width:0; }
.race-home-phase p { max-width:none; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
@media(max-width:1080px) { .site-secondary-inner { gap:16px; } .site-secondary-selection .site-secondary-identity { max-width:180px; } }
@media(max-width:720px) {
  .race-home-phase-track { grid-template-columns:minmax(0,1fr); gap:10px; overflow:visible; }
  .race-home-phase { flex-direction:row; align-items:center; gap:12px; padding:5px 0; }
  .race-home-phase:not(:last-child)::after { display:none; }
  .site-secondary-selection { grid-row:1; grid-column:1; gap:9px; justify-content:space-between; width:100%; }
  .site-secondary-selection .site-secondary-identity { flex:1 1 auto; max-width:none; padding-right:0; }
  .site-race-picker > summary,.site-race-picker-empty { min-width:88px; max-width:130px; gap:8px; padding:5px 8px; border-radius:6px; }
  .site-race-picker-copy small { font-size:7px; } .site-race-picker-copy strong { font-size:10px; }
  .site-race-choice-menu { left:auto; right:-38px; width:min(280px,calc(100vw - 28px)); }
  .site-race-choice { min-height:55px; }
}