/* Rendering budget: keep visuals rich without wasting frames off-screen. */
.game-card{content-visibility:auto;contain-intrinsic-size:500px}
.game-card,.players-panel,.rules-panel,.assassin-board,.role-card,.aura-click-zone,.aura-shop,.aura-leaderboard{contain:layout style}
.game-notice-stack{position:fixed;right:24px;bottom:24px;z-index:120;width:min(390px,calc(100vw - 32px));display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}
.game-notice-stack .game-notice{position:relative;right:auto;bottom:auto;max-width:none;width:100%}
.game-chat:not(.hidden)~.game-notice-stack{bottom:92px}
.finished-screen #winnerScore{display:grid;justify-items:center;gap:12px}
.finished-screen #winnerScore>span{color:#c3b2d7}
.finished-screen #winnerScore>strong{padding:10px 15px;border:1px solid rgba(56,222,210,.22);border-radius:12px;background:rgba(56,222,210,.07);color:#9ca8ba;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.finished-screen #winnerScore b{margin-left:5px;color:#fff;font:700 15px var(--display);letter-spacing:0;text-transform:none}

@media(max-width:700px),(update:slow){
  body{background-attachment:scroll}
  .noise{display:none}
  .topbar,.guest-modal,.chat-panel,.game-view[data-game="nomi-cose-citta"] .ncc-masthead,.game-view[data-game="nomi-cose-citta"] .connect-copy,.game-view[data-game="nomi-cose-citta"] .room-top,.game-view[data-game="nomi-cose-citta"] .play-top,.game-view[data-game="nomi-cose-citta"] .players-panel,.game-view[data-game="nomi-cose-citta"] .rules-panel,.game-view[data-game="nomi-cose-citta"] .answers-form,.game-view[data-game="nomi-cose-citta"] .review-head,.impostor-screen .role-card,.impostor-screen .assassin-board,.aura-profile-stats article{backdrop-filter:none!important}
  .game-card,.players-panel,.rules-panel,.connect-card,.assassin-board,.role-card,.aura-header,.aura-click-zone,.aura-shop,.aura-leaderboard{box-shadow:0 14px 38px rgba(1,2,12,.28)!important}
  .aura-orbit{animation-duration:24s}
  .game-notice-stack{right:16px;left:16px;bottom:16px;width:auto}
  .game-chat:not(.hidden)~.game-notice-stack{bottom:78px}
}

@media(prefers-reduced-motion:reduce){
  .sound-waves i,.aura-orbit,.aura-halo,.countdown-glow,.game-view[data-game="nomi-cose-citta"] .letter-stage:after{animation:none!important}
  html{scroll-behavior:auto}
}
