/* GUESSRD RC15.5 – one brand & coherent low-motion page transitions */
:root { --guessrd-enter: 300ms; --guessrd-ease: cubic-bezier(.2,.85,.22,1); }
.guessrd-wordmark { width:clamp(161px,18vw,240px)!important; height:auto!important; aspect-ratio:275 / 58; max-width:100%; display:block; flex:none; object-fit:contain; overflow:visible; filter:drop-shadow(0 3px 4px rgba(24,9,3,.14)); }
.guessrd-brand { display:inline-flex!important; align-items:center!important; justify-content:center!important; background:none!important; padding:0!important; border:0!important; box-shadow:none!important; color:inherit!important; line-height:1!important; transform:none!important; }
.guessrd-brand:hover, .guessrd-brand:active { box-shadow:none!important; transform:none!important; filter:none!important; }
.guessrd-brand:hover .guessrd-wordmark, .guessrd-logo-link:hover .guessrd-wordmark, .lr-brand:hover .guessrd-wordmark { filter:drop-shadow(0 5px 5px rgba(24,9,3,.24)); transform:translateY(-1px); }
.guessrd-wordmark { transition:transform .2s ease,filter .2s ease; }
.topnav .guessrd-wordmark { width:clamp(170px,17.5vw,230px)!important; }
.app-home .topnav .brand.guessrd-brand { width:auto!important; padding:0!important; }
.app .mobile-nav .ms-menu-head .guessrd-wordmark { width:159px!important; }
.lr-brand { display:inline-flex!important; align-items:center!important; font-size:inherit!important; letter-spacing:normal!important; line-height:1!important; white-space:nowrap; text-decoration:none!important; }
.lr-brand .guessrd-wordmark { width:clamp(145px,16vw,220px)!important; }
.lr-host .lr-brand::before,.lr-player .lr-brand::before { content:none!important; display:none!important; }
.lr-host .lr-brand,.lr-player .lr-brand,.lr-entry .lr-brand { text-shadow:none!important; }
.lr-player > header .guessrd-wordmark { width:clamp(145px,18vw,196px)!important; }
.lr-entry > .lr-brand .guessrd-wordmark { width:clamp(172px,26vw,235px)!important; }
.lr-loading strong .guessrd-wordmark { width:220px!important; }
.admin-shell .side-brand { min-width:0; }
.admin-shell .guessrd-logo-link { display:inline-flex!important; align-items:center; flex-shrink:1; min-width:0; text-decoration:none; }
.admin-shell .side-brand .guessrd-wordmark { width:clamp(144px,16vw,201px)!important; }
.admin-shell .admin-topbar .guessrd-wordmark { width:160px!important; }
.admin-shell .admin-topbar .brand-home { padding:0!important; border:0!important; box-shadow:none!important; }
.admin-shell .side-brand .guessrd-logo-link { display:block; }
.admin-shell .side-brand .guessrd-wordmark { max-width:100%; }
.guessrd-logo-footer { width:100px!important; opacity:.7; }
/* Reveal content once on navigation. Avoid animating game cards, scores and running timer. */
@keyframes gr-page-in { from {opacity:0;transform:translateY(10px) scale(.993)} to {opacity:1;transform:translateY(0) scale(1)} }
@keyframes gr-step-in { from {opacity:0;transform:translateX(12px)} to {opacity:1;transform:translateX(0)} }
@keyframes gr-pane-in { from {opacity:0;transform:translateY(8px)} to {opacity:1;transform:translateY(0)} }
html[data-guessrd-page="home"] .app-home .ms-home,
html[data-guessrd-page="home"] .app-home .home-main,
html[data-guessrd-page="home"] .app-choose .choose-screen,
html[data-guessrd-page="live"] .lr-entry-card,
html[data-guessrd-page="live"] .lr-player .lr-join { animation:gr-page-in var(--guessrd-enter) var(--guessrd-ease) both; }
html[data-guessrd-page="home"] .rx-setup-panel.gr-step-next { animation:gr-step-in 250ms var(--guessrd-ease) both; }
@keyframes gr-step-back {from {opacity:0;transform:translateX(-12px)} to {opacity:1;transform:translateX(0)}}
html[data-guessrd-page="home"] .rx-setup-panel.gr-step-prev { animation:gr-step-back 250ms var(--guessrd-ease) both; }
html[data-guessrd-page="admin"] :is(#recordsPane,#statsPane,#dictionaryPane):not(.hidden) { animation:gr-pane-in 240ms var(--guessrd-ease) both; }
html[data-guessrd-page="home"] .rx-steps button { transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important; }
html[data-guessrd-page="admin"] .admin-tabs button { transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important; }
/* Keep focus obvious and avoid changing tab button heights when selected. */
.guessrd-brand:focus-visible,.guessrd-logo-link:focus-visible,.lr-brand:focus-visible { outline:3px solid #ffce60!important;outline-offset:4px; border-radius:7px; }
@media(max-width:700px){.topnav .guessrd-wordmark {width:170px!important}.admin-shell .side-brand .guessrd-wordmark {width:170px!important}.admin-shell .admin-topbar .guessrd-wordmark {width:132px!important} }
@media(max-width:370px){.topnav .guessrd-wordmark{width:145px!important}.lr-host .lr-brand .guessrd-wordmark{width:140px!important}.admin-shell .side-brand .guessrd-wordmark{width:141px!important} }
@media(prefers-reduced-motion:reduce){
 :root{--guessrd-enter:0ms}
 html[data-guessrd-page] :is(.ms-home,.home-main,.choose-screen,.rx-setup-panel,.lr-entry-card,.lr-join,#recordsPane,#statsPane,#dictionaryPane){animation:none!important;will-change:auto!important}
 .guessrd-wordmark,html[data-guessrd-page] .rx-steps button,html[data-guessrd-page] .admin-tabs button{transition:none!important}
}

.live-header .logo:has(.guessrd-wordmark) {font-size:0!important;display:inline-flex!important;align-items:center!important;}
.live-header .logo .guessrd-wordmark {width:clamp(160px,17vw,215px)!important;}