/*
 * HUBBY mobile rebuild
 * This file is loaded last and only for the mobile display mode.
 * Desktop declarations stay untouched; the display switch toggles this sheet.
 */

:root {
  --mobile-pad: 18px;
  --mobile-radius: 24px;
  --mobile-header: 68px;
}

*,*::before,*::after { box-sizing:border-box; }
html,body { width:100%; max-width:100%; overflow-x:clip!important; }
html { scroll-padding-top:calc(var(--mobile-header) + 14px); }
body { padding-top:var(--mobile-header)!important; background:var(--final-cream,#f5f2e9)!important; }
body:has(.site-header.menu-open) { overflow:hidden!important; }
main,.page-main,main>*,section,header,nav,footer { min-width:0!important; max-width:100%; }
img,svg,video { max-width:100%; height:auto; }
.wrap { width:calc(100% - 36px)!important; margin-inline:auto!important; }
.text-line { display:inline-block; max-width:100%; white-space:nowrap; }

/* Header and menu */
.site-header {
  position:fixed!important;
  inset:0 0 auto!important;
  z-index:5000!important;
  width:100%!important;
  height:var(--mobile-header)!important;
  min-height:var(--mobile-header)!important;
  border:0!important;
  border-bottom:1px solid rgba(5,43,53,.14)!important;
  background:#13c5dd!important;
  box-shadow:0 10px 30px rgba(5,43,53,.08)!important;
}
.site-header .header-inner {
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:var(--mobile-header)!important;
  min-height:var(--mobile-header)!important;
  margin:0!important;
  padding:0!important;
}
.site-header .brand {
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  z-index:5002!important;
  display:block!important;
  width:106px!important;
  height:38px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  transform:translate(-50%,-50%)!important;
}
.site-header .brand img { display:none!important; }
.site-header .brand span {
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 2.2px 1.5px at 50.2% 36%,#13c5dd 98%,transparent 100%),
    radial-gradient(ellipse 2.3px 1.8px at 50.2% 63.5%,#13c5dd 98%,transparent 100%),
    radial-gradient(ellipse 2.2px 1.5px at 69% 36%,#13c5dd 98%,transparent 100%),
    radial-gradient(ellipse 2.3px 1.8px at 69% 63.5%,#13c5dd 98%,transparent 100%),
    url("/preview/assets/images/hubby-wordmark-optimized.png?v=20260811-01") center/contain no-repeat!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
}
.site-header .menu-toggle {
  position:absolute!important;
  top:50%!important;
  right:10px!important;
  z-index:5003!important;
  display:flex!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:11px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translateY(-50%)!important;
}
.site-header .menu-toggle span {
  display:block!important;
  width:27px!important;
  height:3px!important;
  margin:0!important;
  border-radius:999px!important;
  background:var(--final-ink,#052b35)!important;
  transition:transform .22s ease,opacity .22s ease!important;
}
.site-header.menu-open .menu-toggle span:nth-child(1) { transform:translateY(8px) rotate(45deg)!important; }
.site-header.menu-open .menu-toggle span:nth-child(2) { opacity:0!important; }
.site-header.menu-open .menu-toggle span:nth-child(3) { transform:translateY(-8px) rotate(-45deg)!important; }
.site-header .site-nav {
  position:fixed!important;
  inset:var(--mobile-header) 0 0!important;
  z-index:5001!important;
  display:grid!important;
  width:100%!important;
  height:calc(100dvh - var(--mobile-header))!important;
  margin:0!important;
  padding:18px var(--mobile-pad) calc(24px + env(safe-area-inset-bottom))!important;
  align-content:start!important;
  gap:0!important;
  overflow-y:auto!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(3,29,36,.985)!important;
  box-shadow:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-10px)!important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s!important;
}
.site-header.menu-open .site-nav { opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; }
.site-header .site-nav a {
  display:grid!important;
  min-height:58px!important;
  padding:10px 4px!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  font-size:1rem!important;
  font-weight:850!important;
}
.site-header .site-nav a::before { color:var(--final-cyan,#13c5dd)!important; font-size:.68rem!important; letter-spacing:.12em!important; }
.site-header .site-nav a[aria-current="page"] { color:var(--final-orange,#ff7500)!important; }
.site-header .site-nav a[href="/preview/beta/"] { margin:0!important; padding-inline:4px!important; border-radius:0!important; background:transparent!important; }
.site-header .site-nav .site-nav-legal { display:grid!important; }
.site-header .site-nav a:nth-child(8)::before { content:"08"!important; }
.site-header .site-nav a:nth-child(9)::before { content:"09"!important; }
.site-header .site-nav .display-mode-switch {
  display:flex!important;
  width:100%!important;
  margin:22px 0 0!important;
  padding:14px 0 0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  gap:0!important;
}
.site-header .display-mode-switch__label {
  margin-right:10px!important;
  padding-right:12px!important;
  border-right:1px solid rgba(255,255,255,.36)!important;
  color:rgba(255,255,255,.55)!important;
  font-size:.68rem!important;
  letter-spacing:.12em!important;
}
.site-header .display-mode-switch__label::after { display:none!important; }
.site-header .display-mode-switch button {
  min-height:34px!important;
  padding:5px 10px!important;
  border:0!important;
  color:rgba(255,255,255,.48)!important;
  background:transparent!important;
  font-size:.68rem!important;
}
.site-header .display-mode-switch button[aria-pressed="true"] { color:#fff!important; text-decoration:underline!important; text-underline-offset:5px!important; }

/* Shared mobile type system */
.final-section,.sf-section,.sf-color-section,.sf-feedback,.sf-dark-section,.sf-upcoming,.sf-safety,.sf-profile {
  width:100%!important;
  margin:0!important;
  padding:72px var(--mobile-pad)!important;
}
.final-heading>p:first-child,.final-games-copy>p:first-child,.final-beta-copy>p:first-child,.final-name>div:first-child>p:first-child,.final-roots-copy>p:first-child,
.sf-heading>p:first-child,.sf-kicker {
  margin:0 0 16px!important;
  font-size:.64rem!important;
  line-height:1.35!important;
  letter-spacing:.17em!important;
}
.final-heading h2,.final-games-copy h2,.final-beta-copy h2,.final-name h2,.final-roots-copy h2,.final-explore h2,.final-cta h2,
.sf-heading h2,.sf-story-copy h2,.sf-contact-copy h2,.sf-account h2,.sf-rights h2,.sf-related h2 {
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(2.35rem,11.3vw,3.35rem)!important;
  line-height:1.04!important;
  letter-spacing:-.065em!important;
  overflow-wrap:anywhere!important;
}
.final-heading-left>div,.final-heading-light>div,.sf-heading>div { display:block!important; margin-top:22px!important; }
.final-heading-left>div p,.final-heading-light>div p,.sf-heading>div p,
.final-games-copy>p:not(:first-child),.final-beta-copy>p:not(:first-child),.final-name>div:first-child>p:last-child,.final-roots-copy>p:not(:first-child),
.sf-story-copy>p:not(.sf-kicker),.sf-contact-copy>p:not(.sf-kicker) {
  font-size:.92rem!important;
  line-height:1.85!important;
}
.final-button,.sf-button { min-height:50px!important; padding:11px 17px!important; border-radius:8px!important; font-size:.78rem!important; }
.final-actions,.sf-actions { display:flex!important; margin-top:26px!important; flex-wrap:wrap!important; gap:9px!important; }

/* TOP */
.final-news a {
  width:100%!important;
  min-height:44px!important;
  padding:8px var(--mobile-pad)!important;
  grid-template-columns:auto 1fr!important;
  gap:12px!important;
}
.final-news span { font-size:.52rem!important; }
.final-news strong { font-size:.65rem!important; line-height:1.35!important; text-align:left!important; }
.final-news b { display:none!important; }
.final-hero {
  display:block!important;
  min-height:0!important;
  padding:58px var(--mobile-pad) 78px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#031d24,#074452)!important;
}
.final-hero::before { top:280px!important; right:-210px!important; width:410px!important; height:410px!important; border-width:58px!important; opacity:.55!important; }
.final-hero::after { display:none!important; }
.final-hero-label { margin-bottom:22px!important; }
.final-hero h1 {
  font-size:clamp(3rem,14vw,4rem)!important;
  line-height:.94!important;
  letter-spacing:-.075em!important;
}
.final-hero-copy>p { margin-top:24px!important; font-size:.92rem!important; line-height:1.8!important; }
.final-hero-facts { margin-top:36px!important; }
.final-hero-facts div { padding:14px 6px 0 0!important; }
.final-hero-facts div+div { padding-left:10px!important; }
.final-hero-facts dt { font-size:.48rem!important; }
.final-hero-facts dd { font-size:.72rem!important; }
.final-hero-product {
  display:grid!important;
  min-height:0!important;
  margin:50px 0 0!important;
  padding:30px 0 38px!important;
  align-content:center!important;
}
.final-hero-product::before { inset:4% 0 0 5%!important; border-radius:27% 17% 26% 19%!important; }
.final-hero-product::after { display:none!important; }
.final-phone {
  width:calc(100% - 14px)!important;
  padding:9px 9px 11px!important;
  border-width:5px!important;
  border-radius:25px!important;
  transform:rotate(.5deg)!important;
}
.final-app-lobby { padding:10px!important; grid-template-columns:1fr 42px!important; }
.final-app-lobby>i { width:40px!important; height:40px!important; }
.final-app-lobby h2 { font-size:.86rem!important; }
.final-app-games i { width:31px!important; height:31px!important; font-size:.83rem!important; }
.final-app-party-main { padding:9px!important; }
.final-chat-bubble { right:-4px!important; bottom:7%!important; min-width:196px!important; padding:9px!important; }
.final-player-stack { left:0!important; bottom:1%!important; transform:scale(.78)!important; transform-origin:left bottom!important; }
.final-hero .hero-marquee { right:0!important; bottom:0!important; left:0!important; }
.final-hero .hero-marquee-track span { padding-block:11px!important; font-size:.62rem!important; }
.final-topic-strip {
  display:flex!important;
  width:100%!important;
  padding:14px var(--mobile-pad)!important;
  overflow-x:auto!important;
  gap:10px!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}
.final-topic-strip::-webkit-scrollbar { display:none!important; }
.final-topic-strip a { flex:0 0 250px!important; min-height:88px!important; padding:14px!important; border:1px solid var(--final-line)!important; border-radius:18px!important; scroll-snap-align:center!important; }

/* Reusable swipe rails */
.final-flow-grid,.final-party-grid,
.sf-feature-mosaic,.sf-info-grid,.sf-feedback-grid,.sf-guide-steps,.sf-safety-grid,.sf-help-grid,.sf-play-mosaic,.sf-delete-steps,.sf-profile-grid {
  display:flex!important;
  width:calc(100% + var(--mobile-pad))!important;
  margin:38px calc(var(--mobile-pad) * -1) 0 0!important;
  padding:0 var(--mobile-pad) 16px 0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:12px!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}
.final-flow-grid::-webkit-scrollbar,.final-party-grid::-webkit-scrollbar,
.sf-feature-mosaic::-webkit-scrollbar,.sf-info-grid::-webkit-scrollbar,.sf-feedback-grid::-webkit-scrollbar,.sf-guide-steps::-webkit-scrollbar,.sf-safety-grid::-webkit-scrollbar,.sf-help-grid::-webkit-scrollbar,.sf-play-mosaic::-webkit-scrollbar,.sf-delete-steps::-webkit-scrollbar,.sf-profile-grid::-webkit-scrollbar { display:none!important; }
.final-flow-card,.final-party-grid .sample-party,.final-party-grid .final-party-feature,
.sf-feature-card,.sf-info-card,.sf-feedback-grid article,.sf-guide-steps article,.sf-safety-grid article,.sf-help-grid a,.sf-play-mosaic article,.sf-delete-steps article,.sf-profile-grid article {
  flex:0 0 min(84vw,355px)!important;
  min-width:0!important;
  min-height:390px!important;
  padding:24px 21px!important;
  border-radius:var(--mobile-radius)!important;
  scroll-snap-align:center!important;
}
.mobile-slider-controls { margin-top:12px!important; }
.final-flow-card { min-height:500px!important; }
.final-flow-card h3 { font-size:2.15rem!important; }
.final-flow-visual { min-height:215px!important; margin:32px 0 26px!important; }
.final-message { margin-top:40px!important; }
.final-call-cluster { margin-top:46px!important; }
.final-live { display:block!important; padding:72px var(--mobile-pad)!important; }
.final-heading-light { position:static!important; }
.final-party-grid .sample-party { min-height:400px!important; }

.final-games { display:block!important; padding:74px var(--mobile-pad)!important; }
.final-games-copy h2 { font-size:clamp(2.65rem,12.8vw,3.55rem)!important; }
.final-game-stage { margin-top:44px!important; padding:26px 0 22px!important; border-radius:22px!important; box-shadow:8px 8px 0 var(--final-cyan)!important; }
.final-game-stage-label { padding:0 17px 20px!important; }
.final-game-stage-label strong { font-size:1.85rem!important; }
.final-game-loop { gap:8px!important; animation-duration:20s!important; }
.final-game-loop>div { flex:0 0 136px!important; min-height:150px!important; padding:13px!important; border-radius:20px!important; }
.final-game-loop span { font-size:2.2rem!important; }
.final-beta { display:grid!important; grid-template-columns:1fr!important; gap:42px!important; }
.final-beta-copy h2 { font-size:clamp(2.35rem,10.5vw,3.15rem)!important; line-height:1.08!important; }
.final-beta-ticket { padding:25px 20px!important; border-radius:22px!important; box-shadow:8px 8px 0 var(--final-ink)!important; }
.final-beta-ticket h3 { margin:38px 0!important; font-size:3.25rem!important; }
.final-beta-ticket dl { grid-template-columns:1fr!important; gap:10px!important; }
.final-beta-ticket dl>div+div { padding:10px 0 0!important; border-top:1px solid rgba(5,43,53,.16)!important; border-left:0!important; }
.final-name { display:block!important; padding:74px var(--mobile-pad)!important; }
.final-name>div:first-child { position:static!important; }
.final-name h2 { font-size:clamp(2.45rem,10.8vw,3.1rem)!important; line-height:1.07!important; }
.final-name-words { margin-top:42px!important; }
.final-name-words>div { min-height:102px!important; grid-template-columns:minmax(0,1fr) minmax(115px,.8fr)!important; gap:14px!important; }
.final-name-words strong { font-size:2.55rem!important; }
.final-name-words p { max-width:130px!important; font-size:.78rem!important; }
.final-roots { display:grid!important; grid-template-columns:1fr!important; gap:42px!important; }
.final-roots-art { min-height:0!important; aspect-ratio:1/1!important; border-radius:22px!important; box-shadow:-8px 8px 0 var(--final-orange)!important; }
.final-roots-copy h2 { font-size:clamp(2.35rem,10.6vw,3.25rem)!important; }
.final-explore { padding:72px var(--mobile-pad)!important; }
.final-explore header { display:block!important; }
.final-explore nav { display:grid!important; margin-top:38px!important; grid-template-columns:1fr!important; }
.final-explore a { min-height:108px!important; padding:16px 0!important; grid-template-columns:38px 1fr 36px!important; }
.final-explore a:nth-child(odd),.final-explore a:nth-child(even) { padding-inline:0!important; border-right:0!important; }
.final-explore strong { font-size:1.3rem!important; }
.final-cta { padding:80px var(--mobile-pad)!important; }
.final-cta .final-actions { flex-direction:column!important; }
.final-cta .final-button { width:min(100%,310px)!important; }

/* Subpage heroes */
.sf-hero,.sf-delete-hero {
  display:block!important;
  min-height:0!important;
  padding:54px var(--mobile-pad) 70px!important;
  overflow:hidden!important;
}
.sf-hero-copy { display:block!important; }
.sf-hero h1,.sf-delete-hero h1 { margin:0 0 16px!important; font-size:1rem!important; }
.sf-hero h2,.sf-delete-hero h2 {
  max-width:100%!important;
  font-size:clamp(2.55rem,12vw,3.45rem)!important;
  line-height:1.06!important;
  letter-spacing:-.065em!important;
  overflow-wrap:anywhere!important;
}
.sf-hero-about h2 { font-size:clamp(2.28rem,10.25vw,2.88rem)!important; line-height:1.14!important; letter-spacing:-.05em!important; }
.sf-hero-beta h2 { font-size:clamp(2.65rem,11.8vw,3.45rem)!important; line-height:1.1!important; }
.sf-hero-guide h2 { font-size:clamp(2.32rem,10.2vw,2.95rem)!important; line-height:1.1!important; }
.sf-hero-operator h2 { font-size:clamp(2.2rem,9.7vw,2.8rem)!important; line-height:1.08!important; }
.sf-hero-operator h2 span,.sf-hero-operator h2 em { white-space:normal!important; }
.sf-hero-copy>p:not(.sf-kicker),.sf-delete-hero-copy>p:not(.sf-kicker) { margin-top:22px!important; font-size:.92rem!important; line-height:1.82!important; }
.sf-hero-visual { min-height:0!important; margin-top:42px!important; }
.sf-hero-pattern { display:none!important; }
.sf-about-map,.sf-guide-map,.sf-beta-ticket,.sf-support-stack,.sf-operator-portrait { padding:12px 0!important; }
.sf-about-map-board { width:calc(100% - 9px)!important; padding:18px!important; border-radius:22px!important; box-shadow:8px 8px 0 var(--final-orange)!important; }
.sf-about-map-board>header strong { font-size:1rem!important; }
.sf-about-map-board li { min-height:82px!important; grid-template-columns:28px 46px 1fr!important; gap:10px!important; }
.sf-about-map-board li>i { width:44px!important; height:44px!important; border-radius:13px!important; }
.sf-about-map-caption { display:none!important; }
.sf-guide-map,.sf-beta-ticket,.sf-delete-console { width:100%!important; border-radius:22px!important; box-shadow:8px 8px 0 var(--final-orange)!important; }
.sf-guide-map { padding:22px 18px!important; }
.sf-guide-map li { min-height:76px!important; }
.sf-guide-map li b { font-size:.66rem!important; }
.sf-guide-map li strong { font-size:.86rem!important; }
.sf-guide-map li i { width:44px!important; height:44px!important; }
.sf-beta-ticket { padding:24px 20px!important; }
.sf-beta-ticket h3 { margin:40px 0!important; font-size:3.35rem!important; }
.sf-beta-ticket dl { grid-template-columns:1fr!important; gap:10px!important; }
.sf-support-stack article { padding:15px!important; grid-template-columns:52px 1fr!important; }
.sf-support-stack article>span { width:48px!important; height:48px!important; }
.sf-support-stack article>b { display:none!important; }
.sf-support-stack>div { color:var(--final-orange)!important; background:transparent!important; text-align:right!important; }
.sf-operator-map { padding:19px!important; border-radius:22px!important; }
.sf-operator-route { grid-template-columns:1fr!important; }
.sf-operator-route>i { transform:rotate(90deg)!important; }
.sf-operator-map dl { grid-template-columns:1fr!important; }

/* Chapter navigation */
.sf-chapter-strip {
  display:flex!important;
  width:100%!important;
  padding:14px var(--mobile-pad)!important;
  overflow-x:auto!important;
  gap:10px!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}
.sf-chapter-strip::-webkit-scrollbar { display:none!important; }
.sf-chapter-strip a { flex:0 0 245px!important; min-height:86px!important; padding:13px 14px!important; border:1px solid var(--final-line)!important; border-radius:18px!important; scroll-snap-align:center!important; }

/* Subpage content */
.sf-feature-card,.sf-info-card,.sf-feedback-grid article,.sf-guide-steps article,.sf-safety-grid article,.sf-help-grid a,.sf-play-mosaic article,.sf-delete-steps article { min-height:390px!important; }
.sf-feature-main { grid-row:auto!important; }
.sf-feature-orbit { min-height:210px!important; margin:30px 0 26px!important; }
.sf-feature-card h3 { font-size:2rem!important; }
.sf-info-card>span {
  top:20px!important;
  right:20px!important;
  width:auto!important;
  min-width:48px!important;
  height:30px!important;
  padding:0 10px!important;
  opacity:1!important;
}
.sf-info-card>i { margin:16px 0 30px!important; }
.sf-dark-section,.sf-upcoming,.sf-safety,.sf-profile { padding:72px var(--mobile-pad)!important; }
.sf-journey-grid { display:grid!important; margin-top:38px!important; grid-template-columns:1fr!important; gap:12px!important; }
.sf-journey-grid article { padding:22px 19px!important; border-radius:20px!important; }
.sf-story,.sf-operator-story { display:grid!important; grid-template-columns:1fr!important; gap:40px!important; }
.sf-story-art { min-height:0!important; aspect-ratio:1/1!important; border-radius:22px!important; box-shadow:-8px 8px 0 var(--final-orange)!important; }
.sf-related { display:block!important; padding:66px var(--mobile-pad)!important; }
.sf-related>div { padding:0!important; }
.sf-related>a { min-height:68px!important; margin-top:10px!important; padding:0 18px!important; flex-direction:row!important; justify-content:space-between!important; border:0!important; border-radius:14px!important; }
.sf-related>a:first-of-type { margin-top:32px!important; }
.sf-game-carousel-shell { margin-top:40px!important; }
.sf-game-carousel { width:calc(100% + var(--mobile-pad))!important; padding-right:var(--mobile-pad)!important; gap:10px!important; -webkit-mask-image:none!important; mask-image:none!important; }
.sf-game-card {
  flex:0 0 min(74vw,280px)!important;
  min-height:350px!important;
  padding:22px!important;
  border-radius:24px!important;
}
.sf-game-card>i { width:84px!important; height:84px!important; border-radius:20px!important; }
.sf-game-card>strong { font-size:1.45rem!important; }
.sf-carousel-controls { display:none!important; }
.sf-note { display:block!important; margin-top:32px!important; padding:20px!important; border-radius:18px!important; }
.sf-note p { margin-top:10px!important; }
.sf-color-section .sf-heading h2 { font-size:clamp(2.55rem,11.5vw,3.35rem)!important; }
.sf-play-mosaic span { min-width:48px!important; }
.sf-play-mosaic i { margin:34px 0 28px!important; }
.sf-candidate-marquee { width:calc(100% + 36px)!important; margin:44px -18px 0!important; }
.sf-candidate-marquee .candidate-game { border-radius:22px!important; }
.sf-feedback>aside { display:block!important; margin-top:24px!important; padding:20px!important; border-radius:18px!important; }
.sf-feedback>aside p { margin-top:10px!important; }
.sf-contact,.sf-contact-band { display:grid!important; grid-template-columns:1fr!important; gap:40px!important; }
.sf-contact-copy { position:static!important; }
.sf-contact-copy h2 { font-size:clamp(2.55rem,11.5vw,3.25rem)!important; line-height:1.1!important; }
.sf-form { padding:22px 18px!important; border-radius:20px!important; box-shadow:8px 8px 0 var(--final-cyan)!important; }
.sf-contact-band { padding:72px var(--mobile-pad)!important; }
.sf-form-light { box-shadow:8px 8px 0 var(--final-orange)!important; }
.sf-guide-steps>article>i { margin:32px 0 26px!important; }
.sf-account { display:grid!important; grid-template-columns:1fr!important; gap:40px!important; }
.sf-account-card { padding:22px!important; border-radius:22px!important; box-shadow:8px 8px 0 var(--final-orange)!important; }
.sf-account-card i { margin:38px 0 28px!important; }
.sf-help-grid i { margin:48px 0 30px!important; }
.sf-profile-grid article { min-height:270px!important; }
.sf-profile-grid h3 { margin-top:62px!important; }
.sf-rights { display:grid!important; grid-template-columns:1fr!important; gap:30px!important; }
.sf-rights h2 { font-size:clamp(1.95rem,9vw,2.55rem)!important; white-space:nowrap!important; }
.sf-rights>p { padding:22px!important; border-left-width:4px!important; border-radius:0 18px 18px 0!important; }
.sf-profile-grid article:nth-child(3) a { overflow-wrap:anywhere!important; }

/* Account deletion */
.sf-delete-console { margin-top:42px!important; padding:19px 17px!important; }
.sf-delete-console>strong { font-size:1.2rem!important; }
.sf-delete-before { display:grid!important; padding:72px var(--mobile-pad)!important; grid-template-columns:1fr!important; gap:38px!important; }
.sf-delete-before h2 { font-size:clamp(2.5rem,11.4vw,3.2rem)!important; line-height:1.06!important; }
.sf-delete-checks article { min-height:180px!important; padding:22px!important; border-radius:20px!important; }
.sf-delete-support { display:block!important; padding:64px var(--mobile-pad)!important; }
.sf-delete-support h2 { font-size:clamp(2.25rem,10vw,3rem)!important; line-height:1.08!important; }
.sf-delete-support .sf-button { margin-top:26px!important; }

/* Footer */
.site-footer { padding:58px 0 calc(28px + env(safe-area-inset-bottom))!important; }
.site-footer .footer-top { display:grid!important; grid-template-columns:1fr!important; gap:36px!important; }
.site-footer .footer-brand { gap:12px!important; }
.site-footer .footer-brand img { width:54px!important; height:54px!important; border-radius:16px!important; }
.site-footer .footer-brand span { font-size:1.55rem!important; }
.site-footer .footer-tagline { margin-top:24px!important; font-size:1rem!important; line-height:1.65!important; }
.site-footer .footer-disclaimer { font-size:.76rem!important; line-height:1.8!important; }
.site-footer .footer-links { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:0 16px!important; }
.site-footer .footer-links a { min-height:48px!important; padding:12px 0!important; border-bottom:1px solid rgba(255,255,255,.12)!important; font-size:.78rem!important; }
.site-footer .footer-bottom { display:grid!important; margin-top:36px!important; padding-top:22px!important; gap:10px!important; }
.site-footer .display-mode-switch { display:none!important; }

/* Keep loops moving while respecting low-motion users with a slower pace. */
@media (prefers-reduced-motion:reduce) {
  .final-game-loop,.sf-games-loop { animation-duration:42s!important; animation-play-state:running!important; }
  .candidate-track { animation-play-state:running!important; animation-duration:80s!important; }
}