.brand-mark{display:block;width:56px;height:56px;object-fit:contain;flex:none}
.footer-brand-row{display:flex;align-items:center;gap:1rem}
.footer-copy{max-width:23rem;line-height:1.5}
.footer-copy span{display:block}
.mobile-menu nav{transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s ease,opacity .2s ease,visibility 0s linear .28s}
.mobile-menu.is-open nav{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.footer-play-badge{display:flex;width:max-content;margin-left:0;gap:.4rem;padding:.3rem .6rem;font-size:9px;letter-spacing:.08em}
.footer-subfooter-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}
header nav a[aria-current=page]{background:#1a2529;color:#D5FB46;font-weight:800;border-radius:4px}
.mode-card>div:nth-child(2)>div:nth-child(2){position:relative;z-index:1;transform:translateY(-10px)}
.cta-arrow{font-size:.72em;line-height:1}
.play-arrow,.donation-support span{font-size:.65em;line-height:1;flex:none}
.donation-support{display:flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;text-decoration:none;min-height:44px}
.archive-notice{max-width:48rem}

@media(min-width:1024px){footer .grid>div:first-child{grid-column:span 6 / span 6}footer .grid>div:nth-child(2),footer .grid>div:nth-child(3){grid-column:span 3 / span 3}}
@media(max-width:1023px){.brand-mark{width:48px;height:48px}.footer-copy span{display:inline}.footer-brand-row{align-items:flex-start;gap:.75rem}footer .grid{column-gap:clamp(16px,3vw,32px);row-gap:32px}}
@media(max-width:639px){.brand-mark{width:44px;height:44px}}
@media(max-width:639px){.footer-play-badge{margin-left:0;max-width:100%;flex-wrap:wrap}}
@media(max-width:1023px){.footer-subfooter{flex-wrap:wrap}}
@media(max-width:639px){.footer-subfooter-meta{justify-content:center;width:100%}}
@media(max-width:699px){.hero-actions{justify-content:center;margin-top:20px}}
@media(max-width:1023px){.mobile-menu nav{max-height:calc(100dvh - 88px);overflow-y:auto}.mobile-menu a{padding:12px;font-size:14px!important}}

.footer-subfooter>p{margin-left:auto;text-align:right}
@media(max-width:639px){.footer-subfooter{align-items:center;text-align:center;gap:12px}.footer-subfooter>p{margin-left:0;text-align:center;width:100%}.footer-play-badge{justify-content:center;margin:0 auto}.footer-brand-row{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.footer-copy{text-align:center}footer .grid{text-align:center}footer .grid ul{display:flex;flex-direction:column;align-items:center}}
@media(max-width:360px){.footer-play-badge{font-size:8px;padding:.25rem .45rem;gap:.3rem}}
@media(prefers-reduced-motion:reduce){.mobile-menu nav{transition:none}}

.mobile-menu-backdrop{position:fixed;inset:0;top:80px;background:rgba(11,16,19,0.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s;z-index:40}
.mobile-menu.is-open .mobile-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.mobile-menu nav{z-index:50!important}
.mobile-menu summary{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;color:#F4F5EF}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary .menu-close-svg{display:block;color:#D5FB46;width:24px;height:24px}

.play-store-mark{width:18px;height:18px;flex:none}

/* Shared public-site chrome: the same controls stay legible on every route. */
html{scroll-padding-top:96px}
main :is(h1,h2,h3){overflow-wrap:break-word}
:is(input,select,textarea):focus-visible{outline:3px solid var(--lilac);outline-offset:3px}
header nav[aria-label="Main navigation"] a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
header .action{min-height:44px;gap:8px}
.action.bg-secondary-container{--action-fill:var(--lilac);--action-ink:var(--ink)}
.action.bg-surface-container-high{--action-fill:#263137;--action-ink:var(--paper)}
.text-label-caps{font-size:11px;line-height:1.45}
.mode-auction .bg-surface-container-highest\/90{background-color:var(--ink)}
.mobile-menu nav{top:80px}
header.is-scrolled .mobile-menu nav,header.is-scrolled .mobile-menu-backdrop{top:72px}
footer .grid>div{min-width:0}
footer .grid ul>li+li{margin-top:0}
footer .grid ul a,.footer-legal a,.cookie-settings-btn{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
.cookie-settings-btn{font:700 12px/1.4 Manrope,sans-serif}
.footer-legal{display:flex;flex-wrap:wrap;gap:0 20px;border-top:1px solid #334147;margin-top:24px;padding-top:8px;font:500 13px/1.5 Manrope,sans-serif;color:var(--paper)}
.footer-legal a{color:inherit}
.footer-legal a:hover{color:var(--lime)}
@media(min-width:1024px) and (max-width:1279px){
  header nav[aria-label="Main navigation"]{display:none}
  header .mobile-menu{display:block}
}
@media(max-width:1439px){header .hidden.sm\:flex{display:none}}
@media(max-width:767px){
  footer .grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:28px;text-align:left}
  footer .grid>div:first-child{grid-column:1 / -1}
  footer .grid ul{align-items:flex-start}
  footer .grid h2{font-size:22px}
  .footer-legal{justify-content:center;gap:0 16px}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .mobile-menu-backdrop{background:#0B1013;backdrop-filter:none;-webkit-backdrop-filter:none}
  .mobile-menu nav{background:#141D21;border-color:var(--lilac)}
}
@media(forced-colors:active){:focus-visible{outline-color:Highlight}}