.ioaa-navigation { display: none; }
html[data-arena-mode="ioaa"], html[data-arena-mode="ioaa"] body { min-width: 0; }
html[data-arena-mode="ioaa"] .ioaa-navigation {
  position: sticky; top: 0; z-index: 760; box-sizing: border-box;
  min-height: calc(76px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));
  padding: var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));
  display: flex; align-items: center; gap: 20px;
  color: #edf5fa; background: rgba(7,16,25,.97); border-bottom: 1px solid #243c4a;
  backdrop-filter: blur(22px); font-family: 'Manrope', system-ui, sans-serif;
}
.ioaa-brand { min-height: 44px; display: flex; flex-direction: column; justify-content: center; gap: 3px; flex: none; color: #a7efce; text-decoration: none; }
.ioaa-brand span { color: #9eb4c3; font: 600 10px/1.2 'Manrope',system-ui,sans-serif; }
.ioaa-brand strong { font: 800 24px/1 'Manrope',system-ui,sans-serif; letter-spacing: .05em; }
.ioaa-links { display: flex; align-items: center; justify-content: center; gap: 4px; margin: 0 auto; }
.ioaa-links a { min-height: 44px; padding: 0 12px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; color: #a5bac8; text-decoration: none; white-space: nowrap; font: 650 13px/1.2 'Manrope',system-ui,sans-serif; }
.ioaa-links a:hover { color: #fff; background: #152b37; }
.ioaa-links a.active { color: #a7efce; background: #19342f; box-shadow: inset 0 -2px #78bca2; }
.ioaa-utilities { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.ioaa-main-return { min-height: 44px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: #bccbd6; text-decoration: none; font: 650 12px 'Manrope',system-ui,sans-serif; white-space: nowrap; border: 1px solid #29404f; border-radius: 10px; }
.ioaa-main-return:hover { color: #a7efce; border-color: #658b7c; }
.ioaa-player-slot,.ioaa-language-slot { display: flex; align-items: center; }
.ioaa-language-slot > button { width: 44px; height: 44px; padding: 0; flex: none; display: grid; place-items: center; border: 1px solid #29404f; border-radius: 10px; color: #b7c9d5; background: #0c1c29; cursor: pointer; font: 650 11px 'DM Mono',monospace; }
.ioaa-language-slot > button[hidden] { display: none !important; }
.ioaa-utilities .player-status { gap: 5px; }
.ioaa-utilities :is(.player-copy,.player-streak,.player-settings,.player-logout,.player-guest-save) { display: none !important; }
.ioaa-utilities :is(.player-profile,.player-friends,.player-chat) { min-width: 44px; height: 44px; padding: 0; border-radius: 10px; }
.ioaa-utilities .player-profile { gap: 0; justify-content: center; }
.ioaa-utilities .player-avatar { width: 28px; height: 28px; }
.ioaa-utilities .player-login { min-height: 44px; font-size: 11px; letter-spacing: 0; border-radius: 10px; }
.ioaa-icon { position: relative; display: none; width: 21px; height: 21px; flex: none; }
.ioaa-icon::before,.ioaa-icon::after { position: absolute; content: ''; box-sizing: border-box; }
.ioaa-icon--play::before { inset: 2px; border: 1.7px solid currentColor; border-radius: 6px; }
.ioaa-icon--play::after { left: 8px; top: 6px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid currentColor; }
.ioaa-icon--library::before { inset: 3px 2px; border: 1.7px solid currentColor; border-radius: 2px; }
.ioaa-icon--library::after { width: 1.7px; height: 14px; left: 10px; top: 4px; background: currentColor; }
.ioaa-icon--sky::before { inset: 2px; border: 1.7px solid currentColor; border-radius: 50%; }
.ioaa-icon--sky::after { width: 5px; height: 5px; left: 8px; top: 8px; border-radius: 50%; background: currentColor; box-shadow: 6px -6px 0 -1px currentColor; }
.ioaa-icon--marathons::before { width: 11px; height: 8px; left: 1px; top: 7px; border: 1.7px solid currentColor; border-radius: 50%; transform: rotate(-25deg); }
.ioaa-icon--marathons::after { width: 11px; height: 8px; right: 1px; top: 7px; border: 1.7px solid currentColor; border-radius: 50%; transform: rotate(25deg); }
.ioaa-icon--compete::before { inset: 2px 5px 7px; border: 1.7px solid currentColor; border-radius: 2px 2px 6px 6px; }
.ioaa-icon--compete::after { width: 9px; height: 6px; left: 6px; top: 14px; border-bottom: 1.7px solid currentColor; border-left: 1.7px solid currentColor; transform: skew(-12deg); }
html[data-arena-mode="ioaa"] :is(.obs-app-header,.v39-mobile-dock,#obs-more-menu,#obs-onboarding) { display: none !important; }
/* Keep each game's live settings and statistics in a secondary session toolbar. */
html[data-arena-mode="ioaa"] :is(.topbar,.measurement-topbar,.mm-topbar) {
  position: relative !important; top: auto !important; z-index: 40 !important; height: auto !important;
  min-height: 48px !important; padding: 6px clamp(14px,3vw,40px) !important;
  display: flex !important; align-items: center; justify-content: flex-end; gap: 20px;
  background: #0b1922 !important; border-bottom: 1px solid #233947 !important; box-shadow: none !important;
}
html[data-arena-mode="ioaa"] :is(.topbar,.measurement-topbar,.mm-topbar) > :is(.brand,.measurement-brand,.mm-brand,nav),
html[data-arena-mode="ioaa"] :is(.topbar,.measurement-topbar,.mm-topbar) .topbar-library-link { display: none !important; }
html[data-arena-mode="ioaa"] :is(.topbar-actions,.top-actions,.measurement-actions) { margin-left: auto; }
html[data-arena-mode="ioaa"] :is(.measurement-topbar,.mm-topbar),
html[data-arena-mode="ioaa"] .topbar:not(:has(.session-stats,#settingsButton,#mobileSettings)) { display: none !important; }
html[data-arena-mode="ioaa"] :is(.mm-rail,.mm-panel,.measurement-controls) { top: calc(var(--ioaa-header-height,76px) + 14px); }
html[data-arena-mode="ioaa"] .obs-game-sheet [href="/settings/"] { display: none !important; }
html[data-arena-mode="ioaa"] { scroll-padding-top: calc(var(--ioaa-header-height,76px) + 16px); }
@media (max-width: 1100px) {
  html[data-arena-mode="ioaa"] .ioaa-navigation { gap: 12px; padding-left: max(14px,env(safe-area-inset-left)); padding-right: max(14px,env(safe-area-inset-right)); backdrop-filter: none; background: #071019; }
  html[data-arena-mode="ioaa"] body { padding-bottom: calc(86px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))) !important; }
  .ioaa-links { position: fixed; z-index: 900; left: 10px; right: 10px; bottom: max(9px,var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))); height: 66px; box-sizing: border-box; padding: 5px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; border: 1px solid #385c59; border-radius: 18px; background: #071019; box-shadow: 0 18px 55px #0008; }
  .ioaa-links a { min-width: 44px; min-height: 44px; padding: 3px 0; flex-direction: column; gap: 5px; font-size: 10px; }
  .ioaa-links a.active { background: #a7efce; color: #071019; box-shadow: none; }
  .ioaa-icon { display: block; }
  html[data-arena-mode="ioaa"] .pwa-install { bottom: calc(86px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))); }
}
@media (max-width: 1024px) {
  html[data-arena-mode="ioaa"] .obs-game-page .topbar { display: none !important; }
  html[data-arena-mode="ioaa"] .obs-game-page .control-panel { top: var(--ioaa-header-height,76px) !important; }
  html[data-arena-mode="ioaa"] .obs-game-page { padding-bottom: calc(154px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))) !important; }
}
@media (max-width: 700px) {
  html[data-arena-mode="ioaa"] .ioaa-navigation { gap: 8px; }
  .ioaa-utilities { gap: 5px; }
  .ioaa-utilities :is(.player-friends,.player-chat) { display: none !important; }
  .ioaa-main-return { padding: 0 8px; font-size: 11px; }
}