/* SUOU FieldSense™ Build 501-2 — Homepage Design Foundation */
body{font-size:var(--fds-text-body);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.wrap{padding:var(--fds-space-3) var(--fds-space-2) var(--fds-space-5)}
.top,.home-welcome,.home-rest-station,.pet-home-hero,.card,.hero{border-color:var(--fds-border-dark);box-shadow:var(--fds-shadow-card)}
html[data-theme="light"] .top,html[data-theme="light"] .home-welcome,html[data-theme="light"] .home-rest-station,html[data-theme="light"] .pet-home-hero,html[data-theme="light"] .card,html[data-theme="light"] .hero{border-color:var(--fds-border-light)}
.top{border-radius:var(--fds-radius-lg);padding:var(--fds-space-2);transition:transform var(--fds-motion-card) var(--fds-ease),box-shadow var(--fds-motion-card) var(--fds-ease)}
.brand{gap:var(--fds-space-2)}.brand h1{font-size:1.125rem;letter-spacing:-.02em}.brand p{font-size:var(--fds-text-caption)}
.home-settings-trigger,.btn,.home-primary-cta,.home-game-card{transition:transform var(--fds-motion-tap) var(--fds-ease),box-shadow var(--fds-motion-card) var(--fds-ease),border-color var(--fds-motion-card) var(--fds-ease),background var(--fds-motion-card) var(--fds-ease)}
.btn,.home-primary-cta{min-height:44px;border-radius:var(--fds-radius-md)}
.btn:active,.home-primary-cta:active,.home-game-card:active,.home-settings-trigger:active{transform:scale(.975)}
.home-settings-trigger{border-radius:var(--fds-radius-md)}
.home-settings-panel{gap:var(--fds-space-1);padding:var(--fds-space-2);border-radius:var(--fds-radius-lg);box-shadow:var(--fds-shadow-float)}
.home-welcome{margin-top:var(--fds-space-3);padding:var(--fds-space-4);gap:var(--fds-space-3);border-radius:var(--fds-radius-hero);background:linear-gradient(135deg,rgba(var(--ar),.16),rgba(66,232,199,.055)),var(--fds-glass-dark)}
html[data-theme="light"] .home-welcome{background:linear-gradient(135deg,rgba(var(--ar),.10),rgba(66,232,199,.045)),var(--fds-glass-light)}
.home-welcome h2{font-size:var(--fds-text-hero);letter-spacing:-.035em;max-width:13ch}.home-welcome p{font-size:1rem;max-width:55ch}
.home-primary-cta{min-height:60px;padding-inline:var(--fds-space-3);box-shadow:0 14px 34px rgba(var(--ar),.25)}
.home-rest-station{margin-top:var(--fds-space-3);padding:var(--fds-space-3);border-radius:var(--fds-radius-lg)}
.home-rest-heading{margin-bottom:var(--fds-space-2)}.home-rest-heading h2{font-size:var(--fds-text-title);letter-spacing:-.025em}
.home-game-grid{gap:var(--fds-space-2)}.home-game-card{min-height:96px;padding:var(--fds-space-2);border-radius:var(--fds-radius-lg)}.home-game-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.home-game-icon{border-radius:var(--fds-radius-md)}
.pet-home-hero{margin-top:var(--fds-space-3);border-radius:var(--fds-radius-hero);box-shadow:var(--fds-shadow-card)}
.hero{margin-top:var(--fds-space-3);padding:var(--fds-space-4);border-radius:var(--fds-radius-lg)}
.card{border-radius:var(--fds-radius-lg);padding:var(--fds-space-3)}
:focus-visible{outline:3px solid rgba(var(--ar),.58);outline-offset:3px}
@media(max-width:760px){
  .wrap{padding:10px 10px var(--fds-space-4)}.top{border-radius:22px;padding:10px 12px}.home-welcome{padding:var(--fds-space-3);border-radius:32px}.home-welcome h2{font-size:2rem}.home-rest-station{padding:var(--fds-space-3) var(--fds-space-2);border-radius:28px}.home-game-card{border-radius:22px}.pet-home-hero{border-radius:32px}.hero{padding:var(--fds-space-3);border-radius:28px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Build 501-2 — Home hierarchy and responsive composition */
.home-overview{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:var(--fds-space-3);align-items:stretch;margin-top:var(--fds-space-3)}
.home-overview>.home-welcome,.home-overview>.pet-home-hero{margin-top:0;min-height:410px}
.home-main-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:clamp(28px,4vw,48px)}
.home-main-hero:before{content:"";position:absolute;inset:auto auto -34% -14%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(66,232,199,.14),transparent 68%);pointer-events:none}
.home-hero-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.home-status-dot{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--fds-border-dark);border-radius:999px;background:rgba(255,255,255,.045);font-size:10px;font-weight:800;letter-spacing:.11em;color:var(--m)}
.home-status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#63e7c8;box-shadow:0 0 14px rgba(99,231,200,.75)}
html[data-theme="light"] .home-status-dot{border-color:var(--fds-border-light);background:rgba(255,255,255,.52)}
.home-main-hero h2{max-width:11ch;margin-top:clamp(22px,5vh,54px)}
.home-main-hero p{max-width:38ch}
.home-ritual-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.home-ritual-meta span{padding:7px 10px;border:1px solid var(--fds-border-dark);border-radius:999px;background:rgba(255,255,255,.04);font-size:11px;color:var(--m)}
html[data-theme="light"] .home-ritual-meta span{border-color:var(--fds-border-light);background:rgba(255,255,255,.46)}
.home-cta-stack{position:relative;z-index:2;display:grid;gap:10px;margin-top:30px}.home-cta-stack small{color:var(--m);font-size:11px;text-align:center}
.home-primary-cta{width:100%;justify-content:space-between;font-size:1rem}
.home-overview>.pet-home-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;padding:clamp(24px,3vw,38px);text-align:center}
.home-overview .pet-home-copy{max-width:none}.home-overview .pet-home-copy h2{justify-content:center}.home-overview .pet-home-copy>p{max-width:42ch;margin-inline:auto}
.home-overview .pet-home-stats{justify-content:center;margin-top:16px}.home-overview .pet-home-stage{width:190px;height:190px;align-self:end}.home-overview .pet-home-mascot img{max-width:150px}
.home-section-label{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:var(--fds-space-4) 6px 12px}.home-section-label span{color:var(--a);font-size:10px;font-weight:900;letter-spacing:.16em}.home-section-label strong{font-size:14px;color:var(--m);font-weight:650}
.hero{margin-top:0}
.home-rest-station{margin-top:var(--fds-space-3)}
@media(max-width:900px){.home-overview{grid-template-columns:1fr}.home-overview>.home-welcome,.home-overview>.pet-home-hero{min-height:auto}.home-overview>.pet-home-hero{grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:auto;text-align:left}.home-overview .pet-home-copy h2{justify-content:flex-start}.home-overview .pet-home-copy>p{margin-inline:0}.home-overview .pet-home-stats{justify-content:flex-start}.home-overview .pet-home-stage{align-self:center}}
@media(max-width:650px){.home-overview{gap:14px;margin-top:14px}.home-main-hero{padding:26px 22px}.home-main-hero h2{margin-top:30px}.home-overview>.pet-home-hero{grid-template-columns:1fr;padding:24px 18px;text-align:center}.home-overview .pet-home-copy h2,.home-overview .pet-home-stats{justify-content:center}.home-overview .pet-home-copy>p{margin-inline:auto}.home-overview .pet-home-stage{width:172px;height:172px;margin-top:2px}.home-overview .pet-home-mascot img{max-width:132px}.home-section-label{display:block;margin:30px 4px 10px}.home-section-label strong{display:block;margin-top:5px;font-size:13px}.home-ritual-meta{gap:6px}.home-ritual-meta span{font-size:10px}.home-cta-stack small{padding-inline:10px}}