/* Chrome 61 baseline layer. Modern stylesheets loaded after this file enhance it. */
:root { --xhs-overlay-clearance-top: 76px; }
html, body { min-height: 100%; }
body { min-height: 100vh; }
.game-shell { padding-top: 16px; padding-right: 16px; padding-bottom: 22px; padding-left: 16px; }
.opening-card { padding-left: 16px; padding-right: 16px; }
.brand-logo { width: 43vw; max-width: 350px; }
.opening-card { padding: 24px 16px 30px; }
h1 { font-size: 5vw; }
.arrival-copy h2 { font-size: 4vw; }
.catbox-header h1 { font-size: 5vw; }
.score-hero-heading strong { font-size: 8vw; }
.opening-card::before, .reveal-positioner, .reveal-animator, .rarity-stage-deco { top: 0; right: 0; bottom: 0; left: 0; }
.stage-glow { width: 76vw; max-width: 330px; height: 76vw; max-height: 330px; }
.pearl-sweep { width: 73vw; max-width: 305px; height: 73vw; max-height: 305px; }
.detail-dialog, .title-dialog { width: calc(100% - 28px); max-width: 470px; max-height: calc(100vh - 32px); }
.catbox-detail-dialog { width: calc(100% - 26px); max-width: 510px; max-height: calc(100vh - 24px); }
.catbox-detail-visual img { width: 78vw; max-width: 330px; }
.primary-action { width: 78%; max-width: 238px; }
.rarity-badge { border-color: var(--rarity-border); background: var(--rarity-soft); }
.reveal-callout { background: var(--rarity-soft); }
.result-facts div { border-color: var(--rarity-border); background: var(--rarity-soft); }
.discovery-card.is-unlocked { border-color: var(--discovery-accent, #b8885a); }
.discovery-card.is-unlocked .discovery-symbol { border-color: var(--discovery-accent, #b8885a); }
.open-counter:focus, .score-counter:focus, .header-icon-button:focus,
.cat-card-open:focus, .cat-card-favorite:focus { outline: 3px solid rgba(207,116,65,.3); outline-offset: 2px; }
.catbox-nav-sticky { top: 4px; }
.catbox-back-to-top { right: 15px; bottom: 18px; }
.catbox-tabs, .catbox-toolbar, .discovery-subtabs { -webkit-backdrop-filter: blur(8px); }
.settings-dialog::backdrop, .detail-dialog::backdrop, .title-dialog::backdrop, .catbox-detail-dialog::backdrop { -webkit-backdrop-filter: blur(3px); }
.catbox-header, .catbox-summary, .catbox-nav-sticky, .catbox-tabs, .catbox-toolbar, .discovery-subtabs,
.cat-grid, .discovery-grid, .discovery-group-grid, .coat-card-grid, .secret-records-grid, .detail-list,
.result-heading, .result-facts, .score-hero-heading > div, .score-title-status > div, .title-options { grid-gap: 10px; }
.no-aspect-ratio .cat-card-visual { height: 112px; }
.no-aspect-ratio .cat-card-placeholder { height: 47px; }
.no-flex-gap .game-header > * + *, .no-flex-gap .header-actions > * + *, .no-flex-gap .open-counter > * + *,
.no-flex-gap .score-counter > * + *, .no-flex-gap .primary-action > * + *, .no-flex-gap .rarity-heading > * + *,
.no-flex-gap .trait-chip-list > * + *, .no-flex-gap .result-actions > * + *, .no-flex-gap .dialog-heading > * + *,
.no-flex-gap .dialog-actions > * + *, .no-flex-gap .score-hero-heading > * + *, .no-flex-gap .score-title-status > * + *,
.no-flex-gap .favorite-only-toggle > * + *, .no-flex-gap .cat-card-meta > * + *, .no-flex-gap .discovery-group-heading > * + *,
.no-flex-gap .catbox-detail-heading > * + *, .no-flex-gap .title-option > * + * { margin-left: 8px; }
.box-stage[data-state="emerging"][data-rarity="rare"] .stage-glow,
.box-stage[data-state="showcase"][data-rarity="rare"] .stage-glow { animation: halo-arrive .51s ease-out forwards; }
.box-stage[data-state="emerging"][data-rarity="special"] .stage-glow,
.box-stage[data-state="showcase"][data-rarity="special"] .stage-glow { animation: halo-pulse .66s ease-out forwards; }
.box-stage[data-state="emerging"][data-rarity="collection"] .stage-glow,
.box-stage[data-state="showcase"][data-rarity="collection"] .stage-glow { animation: collection-halo .85s ease-out forwards; }
.box-stage[data-state="emerging"][data-rarity="rare"] .sparkle:nth-child(-n+2),
.box-stage[data-state="showcase"][data-rarity="rare"] .sparkle:nth-child(-n+2),
.box-stage[data-state="emerging"][data-rarity="special"] .sparkle:nth-child(-n+4),
.box-stage[data-state="showcase"][data-rarity="special"] .sparkle:nth-child(-n+4),
.box-stage[data-state="emerging"][data-rarity="collection"] .sparkle,
.box-stage[data-state="showcase"][data-rarity="collection"] .sparkle { animation-name: sparkle-float; animation-timing-function: ease-in-out; animation-fill-mode: both; }
.box-stage[data-state="emerging"][data-rarity="rare"] .sparkle:nth-child(-n+2),
.box-stage[data-state="showcase"][data-rarity="rare"] .sparkle:nth-child(-n+2) { animation-duration: .45s; }
.box-stage[data-state="emerging"][data-rarity="special"] .sparkle:nth-child(-n+4),
.box-stage[data-state="showcase"][data-rarity="special"] .sparkle:nth-child(-n+4) { animation-duration: .54s; }
.box-stage[data-state="emerging"][data-rarity="collection"] .sparkle,
.box-stage[data-state="showcase"][data-rarity="collection"] .sparkle { animation-duration: .74s; }
.box-stage[data-state="emerging"][data-trait-effect="pearl_gradient"] .stage-glow,
.box-stage[data-state="showcase"][data-trait-effect="pearl_gradient"] .stage-glow { background: radial-gradient(circle, rgba(240,201,216,.32), rgba(201,226,241,.22) 42%, rgba(207,232,221,.12) 58%, transparent 74%); }
.box-stage[data-state="emerging"][data-trait-effect="pearl_gradient"] .sparkle:nth-child(-n+3),
.box-stage[data-state="showcase"][data-trait-effect="pearl_gradient"] .sparkle:nth-child(-n+3) { animation: pearl-sparkle .68s ease-out both; }
@media (max-width: 430px) {
  .game-shell { padding-left: 10px; padding-right: 10px; }
  .opening-card { padding-left: 10px; padding-right: 10px; }
  .brand-logo { width: 46vw; max-width: 180px; }
  h1 { font-size: 7.2vw; }
  .no-aspect-ratio .cat-card-visual { height: 88px; }
  .catbox-toolbar select { padding-left: 6px; padding-right: 20px; }
  .discovery-subtabs button { padding-left: 2px; padding-right: 2px; }
  .detail-dialog, .catbox-detail-dialog { max-height: calc(100vh - 76px); }
  .catbox-detail-dialog { padding: 17px 14px; }
  .title-dialog { max-height: 88vh; padding: 17px 14px; }
  .catbox-detail-visual img { width: 82vw; max-width: 290px; }
}