.arcade-page[hidden]{display:none!important}
.arcade-page{position:fixed;z-index:75;inset:var(--arcade-top,var(--bar)) 0 0;display:flex;flex-direction:column;min-width:0;min-height:0;background:#080d15;color:#e9edf8}
.arcade-frame-wrap{position:relative;flex:1;min-height:0;min-width:0;display:flex}
#arcadeFrame{width:100%;height:100%;flex:1;min-width:0;min-height:0;border:0;background:#080d15}
.arcade-loading{position:absolute;z-index:1;left:50%;top:32px;transform:translateX(-50%);width:max-content;max-width:90%;padding:12px 18px;border-radius:10px;background:#18283a;text-align:center}
.arcade-loading:has(#arcadeStatus[hidden]){display:none}
#arcadeStatus{margin:0;font-size:14px}
#arcadeRetry{margin-top:10px;min-height:44px;padding:8px 16px}
body.arcade-view{overflow:hidden}
body.arcade-view>.app-shell,body.arcade-view>.household-banner,body.arcade-view>.now-playing,body.arcade-view>.mobile-companion-bar{display:none!important}
body.arcade-view .topbar{position:fixed!important;top:0;left:0;right:0;z-index:100;margin-top:0!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
@media(max-width:800px), (max-width:1000px) and (max-height:500px){
  .streamline-mobile-companion .mobile-bottom-nav{grid-template-columns:repeat(7,minmax(0,1fr))}
  .streamline-mobile-companion .mobile-bottom-nav button{padding-inline:2px;font-size:9px}
  .streamline-mobile-companion .arcade-page{bottom:calc(72px + env(safe-area-inset-bottom))}
}

#arcadeBack[hidden]{display:none!important}
body.arcade-view.arcade-fullscreen .topbar,body.arcade-view.arcade-fullscreen .mobile-bottom-nav{display:none!important}
body.arcade-view.arcade-fullscreen .arcade-page{inset:0!important}
.topbar #arcadeBack{display:flex;align-items:center;justify-content:center;flex:none;min-width:94px;min-height:44px;padding:8px 12px;border:1px solid #526174;border-radius:10px;background:#172438;color:#fff;font:700 13px "DM Sans",sans-serif;white-space:nowrap}
@media(min-width:801px){body.arcade-view .top-search{width:clamp(100px,9vw,180px);min-width:90px}}
@media(max-width:800px), (max-width:1000px) and (max-height:500px){
  body.arcade-view.streamline-mobile-companion .topbar{height:64px!important;min-height:64px!important;grid-template-rows:44px!important;align-items:center}
  body.arcade-view.streamline-mobile-companion .topbar .top-actions{display:flex!important;gap:5px!important}
  body.arcade-view.streamline-mobile-companion .mobile-header-guide-info{display:none!important}
  body.arcade-view.streamline-mobile-companion .top-actions>:not(#arcadeBack):not(#openPreferences){display:none!important}
  body.arcade-view.streamline-mobile-companion .top-actions>#arcadeBack{display:flex!important}
}

.topbar .streamline-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.1}
.topbar .section-brand-label{display:block;font:800 10px/1 "DM Sans",sans-serif;letter-spacing:.2em;color:var(--accent)}
@media(max-width:800px), (max-width:1000px) and (max-height:500px){.topbar .section-brand-label{font-size:8px;letter-spacing:.18em}}

/* Match the same glass surfaces while Arcade is loading or returning to TV. */
.arcade-page,#arcadeFrame{background:var(--bg,#000)}
.topbar #arcadeBack{color:var(--text,#fff);border-color:var(--glass-border,rgba(255,255,255,.2));background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:var(--glass-highlight)}
.arcade-loading{background:var(--glass-strong,rgba(7,8,11,.88));border:1px solid var(--glass-border,rgba(255,255,255,.2));box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

body.arcade-view .topbar .section-brand-label{color:#b6a0ff}