/* Catalogue and Sueca. Product descriptors own identity; layout has no fixed game count. */
.theme-gold { --accent: #efd087; }
.theme-copper { --accent: #f5b78e; }
.theme-teal { --accent: #88dbd2; }
.theme-blue { --accent: #a3c8fa; }
.theme-plum { --accent: #dfb5ee; }
.collection-hero, .catalogue-band { background: #0b171c; }
.collection-hero { overflow: clip; padding: 32px 0 0; }
.collection-hero .inner, .catalogue-band .inner { width: min(100% - 64px, 1280px); }
.collection-hero__inner { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; column-gap: 36px; row-gap: 0; }
.collection-hero__copy { padding: 18px 0 30px; position: relative; z-index: 1; }
.collection-hero h1 { font-size: clamp(2.8rem, 4.5vw, 4.6rem); line-height: 1.04; letter-spacing: -.035em; }
.collection-hero h1 span { display: block; color: #efd087; font-size: .76em; font-style: italic; font-weight: 400; margin-top: 14px; line-height: 1.12; }
.collection-hero .lead { max-width: 43ch; color: #d3dce0; margin: 26px 0; font-size: 1.08rem; }
.collection-hero .button--primary, .sueca-hero .button--primary { background: #efd087; border-color: #efd087; color: #17221e; }
.collection-hero .button--primary:hover, .sueca-hero .button--primary:hover { background: #fff0cc; }
.collection-hero__art { position: relative; min-width: 0; isolation: isolate; }
.collection-hero__image { width: 100%; height: 430px; object-fit: cover; border-radius: 110px 10px 10px 10px; box-shadow: 0 24px 60px #0007; }
.collection-hero__frame { position: absolute; inset: 12px; border: 1px solid #f7dda65c; border-radius: 100px 4px 4px 4px; pointer-events: none; }
.collection-links { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(auto-fit,minmax(min(100%,210px),1fr)); margin-top: 24px; border-top: 1px solid #ffffff20; }
.collection-link { display: flex; gap: 13px; align-items: center; padding: 22px 16px; color: #f7f1e3; text-decoration: none; border-bottom: 2px solid transparent; }
.collection-link:hover, .collection-link:focus-visible { color: var(--accent); border-bottom-color: var(--accent); background: #ffffff08; }
.collection-link img { width: 40px; height: 40px; object-fit: contain; border-radius: 8px; }
.collection-link span { font-family: var(--serif); font-size: 1.4rem; font-weight: 700; }
.collection-link .icon { margin-left: auto; width: 19px; }
.catalogue-heading { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 26px; }
.catalogue-heading h2 { max-width: 24ch; font-size: clamp(2rem,3.2vw,3rem); }
.catalogue-heading .section-lead { max-width: 38ch; margin: 0 0 12px; font-size: 1rem; }
.catalogue-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,310px),1fr)); gap: 24px; align-items: stretch; }
.catalogue-card { min-width: 0; background: #122329; border: 1px solid #ffffff25; border-radius: 16px; overflow: clip; display: flex; flex-direction: column; transition: border-color .22s, box-shadow .22s, transform .22s; }
.catalogue-card:hover, .catalogue-card:focus-within, .catalogue-card.is-recommended { border-color: var(--accent); box-shadow: 0 14px 38px #0004; }
.catalogue-card.is-recommended { outline: 2px solid var(--accent); outline-offset: 3px; }
.catalogue-card__media { overflow: hidden; aspect-ratio: 1.55; display: block; border-bottom: 1px solid #ffffff1a; }
.catalogue-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.catalogue-card:hover .catalogue-card__image, .catalogue-card:focus-within .catalogue-card__image { transform: scale(1.045); }
.catalogue-card__body { padding: 24px; display: flex; flex-direction: column; flex: 1; }
.catalogue-card .eyebrow { color: var(--accent); font-size: .73rem; letter-spacing: .065em; }
.catalogue-card h3 { font-size: 2rem; margin: 0 0 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.catalogue-card h3 a { text-decoration: none; color: #fff6e6; }
.catalogue-card__language { font-family: var(--sans); font-size: .75rem; font-weight: 500; color: #d0dae0; padding: 4px 8px; border: 1px solid #ffffff3b; border-radius: 20px; }
.catalogue-card__body > p:not(.eyebrow) { color: #d0dade; font-size: .97rem; }
.catalogue-card__cta { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 48px; color: var(--accent); font-weight: 700; text-decoration: none; margin-top: auto; padding-top: 6px; }
.catalogue-card__cta .icon { flex-shrink: 0; }
.catalogue-card__download { margin-top: 16px; }
.catalogue-card__status { color: #cee7da; font-size: .8rem; margin-bottom: 10px; }
.catalogue-card .store-badges { gap: 9px; }
.catalogue-card .store-badge { zoom: .73; }
.finder { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 21px 24px; margin-bottom: 26px; border: 1px solid #ffffff20; border-radius: 12px; background: #ffffff04; }
.finder[hidden] { display: none; }
.finder h3 { font: 600 1rem var(--sans); }
.finder .note { max-width: 64ch; min-height: 3em; margin-bottom: 0; color: #c9d5d8; }
.finder__choices { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; max-width: 55%; }
.finder__choice { border: 1px solid #a5bfc073; border-radius: 999px; padding: 10px 16px; min-height: 44px; background: #10272d; color: #e9eeee; font: 600 .85rem var(--sans); cursor: pointer; }
.finder__choice[aria-pressed=true] { background: #efd087; color: #122329; border-color: #efd087; }
.finder__choice:hover { border-color: #efd087; }

/* Sueca has a Portuguese teal identity, while keeping the shared site navigation and footer. */
html[data-page=sueca] main { background: #091f25; }
.sueca-hero { position: relative; isolation: isolate; overflow: hidden; background: #081d22; }
.sueca-hero__art { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.sueca-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#061b22fa 0%,#061b22e0 30%,#061b2266 53%,#061b2210 78%); }
.sueca-hero__inner { min-height: 645px; display: flex; align-items: center; padding-block: 70px; }
.sueca-hero__copy { max-width: 540px; }
.sueca-hero h1 { font-size: clamp(3.6rem,7vw,6.2rem); letter-spacing: -.035em; }
.sueca-hero h1 span { display: block; font-size: .64em; font-weight: 400; font-style: italic; color: #a8e2d9; margin-top: 12px; }
.sueca-hero .lead { max-width: 40ch; color: #e1e8e8; font-size: 1.13rem; }
.sueca-hero .button--ghost { background: #06212abf; }
.sueca-hero .store-badges { margin-top: 20px; }
.sueca-play-band .store-badges, .sueca-app-band .store-badges { margin-top: 24px; }
.sueca-facts { background: #10333c; border-block: 1px solid #94c6be33; }
.sueca-facts dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding-block: 24px; text-align: center; }
.sueca-facts dl > div + div { border-left: 1px solid #ffffff26; }
.sueca-facts dt { color: #a8e2d9; font: 500 2.6rem var(--serif); }
.sueca-facts dd { margin: 0; color: #d3e2e3; font-size: .88rem; }
.sueca-puzzles { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,310px),1fr)); gap: 22px; margin-top: 34px; }
.sueca-puzzle { min-width: 0; margin: 0; padding: 24px 18px 20px; border: 1px solid #6ea29b66; border-radius: 14px; background: #103039; }
.sueca-puzzle legend { padding: 0 8px; color: #f7f1e3; font: 700 1.22rem var(--serif); }
.sueca-puzzle legend span { color: #96d5ce; font-family: var(--sans); font-size: .8rem; margin-right: 6px; }
.sueca-puzzle__question { min-height: 7em; color: #dce6e6; font-size: .95rem; }
.sueca-puzzle__cards { display: flex; align-items: flex-end; justify-content: center; gap: 9px; min-height: 143px; }
.sueca-choice { padding: 0; width: 78px; min-width: 0; flex: 0 1 78px; border: 0; border-radius: 6px; background: transparent; cursor: pointer; transition: transform .2s; }
.sueca-card { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 5px 14px #0005; }
.sueca-choice:disabled { opacity: 1; cursor: default; }
.sueca-choice:not(:disabled):hover { transform: translateY(-8px); }
.sueca-choice[aria-pressed=true] { transform: translateY(-8px); outline: 3px solid #efd087; outline-offset: 3px; }
.sueca-choice[data-verdict=right] { outline-color: #a2f1b8; }
.sueca-choice[data-verdict=wrong] { outline-color: #ffc2ac; }
.sueca-puzzle__reply { margin: 24px 0 0; color: #d9f4e6; font-size: .92rem; }
.sueca-puzzle__reply:empty { margin: 0; }
.sueca-explanation { margin-top: 24px; padding-top: 12px; border-top: 1px solid #ffffff20; }
.sueca-explanation summary { color: #c9dedf; cursor: pointer; padding-block: 8px; font-size: .85rem; }
.sueca-explanation p { font-size: .92rem; margin: 14px 0 0; }
.sueca-reset { margin-top: 24px; }
.sueca-rules-band { background: #0c282e; }
.sueca-rules { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px 52px; margin-top: 38px; }
.sueca-rules article { position: relative; padding-left: 54px; }
.rule-number { position: absolute; top: 0; left: 0; color: #92c7c0; font: italic 1.75rem var(--serif); }
.sueca-rules h3 { font-size: 1.35rem; }
.sueca-rules p { color: #cddbdc; font-size: .95rem; }
.sueca-rank { display: grid; grid-template-columns: 1fr 1.3fr; gap: 40px; align-items: center; border-top: 1px solid #ffffff25; margin-top: 36px; padding-block: 36px; }
.sueca-rank h3 { font-size: 1.8rem; }
.sueca-ranks { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 15px; }
.sueca-ranks li { min-width: 0; flex: 1; max-width: 88px; text-align: center; }
.sueca-ranks strong { display: block; font: 700 1.55rem var(--serif); margin-top: 12px; color: #efd087; }
.sueca-ranks span { display: block; font-size: .75rem; color: #cddbdc; }
.sueca-score-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; }
.sueca-score { background: #113840; border: 1px solid #84afa961; border-radius: 16px; padding: 30px; }
.sueca-score__controls > label { display: block; color: #e0eded; font-weight: 600; }
.sueca-score input[type=range] { display: block; width: 100%; min-height: 48px; accent-color: #efd087; margin: 18px 0; }
.sueca-score__output { display: block; font: 600 1.7rem/1.35 var(--serif); color: #f5d78d; padding: 18px 0; min-height: 105px; }
.sueca-score__check { display: flex !important; align-items: start; gap: 12px; font-size: .95rem; padding-block: 18px; }
.sueca-score input[type=checkbox] { width: 22px; height: 22px; margin: 2px 0 0; flex-shrink: 0; accent-color: #efd087; }
.sueca-score p { font-size: .9rem; color: #c7dadd; margin: 20px 0 0; }
.sueca-score-table { width: 100%; border-collapse: collapse; margin-top: 24px; font-size: .95rem; }
.sueca-score-table caption { text-align: left; color: #b9d2d2; font-size: .8rem; margin-bottom: 6px; }
.sueca-score-table th, .sueca-score-table td { padding: 10px 6px; text-align: left; border-bottom: 1px solid #ffffff25; }
.sueca-app-band { background: #10323a; border-block: 1px solid #ffffff20; }
.sueca-features { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,250px),1fr)); gap: 30px; margin-block: 38px; }
.sueca-features article { border-top: 2px solid #84c6bd; padding-top: 22px; }
.sueca-features p { font-size: .96rem; color: #c9ddde; }
.availability { color: #e6d4a7; padding: 18px 22px; border: 1px solid #e6d4a749; border-radius: 8px; max-width: 78ch; margin-top: 24px; }
.sueca-faq { border-bottom: 1px solid #ffffff30; padding-block: 12px; }
.sueca-faq summary { cursor: pointer; min-height: 44px; padding-block: 10px; color: #e8e6d8; font-weight: 600; }
.sueca-faq p { margin: 14px 0; color: #c9ddde; }
.site-nav a, .lang-menu summary { min-height: 44px; display: inline-flex; align-items: center; }
.site-header__inner { row-gap: 6px; }
.app-bar__text span { white-space: normal; line-height: 1.3; }
.app-bar__get { flex-shrink: 0; }
body.has-app-bar { padding-bottom: calc(120px + env(safe-area-inset-bottom,0px)); }

@media (min-width: 851px) and (prefers-reduced-motion: no-preference) {
    .collection-hero__copy { animation: collection-enter .65s both; }
    .collection-hero__art { animation: collection-enter .8s .08s both; }
    @keyframes collection-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 1100px) {
    .collection-hero__inner { gap: 20px; }
    .collection-hero__image { height: 440px; }
    .finder { align-items: start; flex-direction: column; gap: 10px; }
    .finder__choices { max-width: 100%; }
    .finder .note { min-height: 0; }
}
@media (max-width: 850px) {
    .collection-hero { padding-top: 30px; }
    .collection-hero .inner, .catalogue-band .inner { width: min(100% - 40px,720px); }
    .collection-hero__inner { grid-template-columns: 1fr; gap: 0; }
    .collection-hero__art { grid-row: 3; margin-block: 18px 24px; }
    .collection-links { grid-row: 2; }
    .collection-hero__copy { padding: 0 0 28px; }
    .collection-hero h1 { font-size: clamp(2.8rem,7vw,4.2rem); }
    .collection-hero h1 span { max-width: 24ch; }
    .collection-hero .lead { margin: 20px 0; max-width: 58ch; }
    .collection-hero__image { height: auto; aspect-ratio: 1.7; border-radius: 48px 8px 8px 8px; }
    .collection-hero__frame { border-radius: 40px 3px 3px 3px; inset: 9px; }
    .collection-links { margin-top: 20px; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); }
    .collection-link { padding: 16px 10px; }
    .collection-link span { font-size: 1.16rem; }
    .collection-link img { width: 34px; height: 34px; }
    .catalogue-heading { display: block; }
    .catalogue-heading .section-lead { max-width: 60ch; }
    .sueca-hero__inner { min-height: 600px; align-items: start; padding-top: 50px; padding-bottom: 170px; }
    .sueca-hero__copy { max-width: 490px; }
    .sueca-hero::after { background: linear-gradient(90deg,#061b22ed,#061b2280),linear-gradient(0deg,transparent,#061b22bd); }
    .sueca-rank, .sueca-score-layout { grid-template-columns: 1fr; gap: 24px; }
    .sueca-ranks { justify-content: start; }
    .sueca-rules { gap: 24px; }
}
@media (max-width: 540px) {
    .collection-links { grid-template-columns: repeat(auto-fit,minmax(min(100%,96px),1fr)); margin-top: 4px; }
    .collection-link { flex-direction: column; gap: 6px; min-height: 80px; padding: 12px 3px; border-bottom: 1px solid #ffffff19; }
    .collection-link span { font-size: .95rem; }
    .collection-link .icon { display: none; }
    .collection-hero h1 { font-size: 2.25rem; }
    .collection-hero h1 span { font-size: .7em; max-width: 22ch; }
    .collection-hero .lead { font-size: 1rem; }
    .collection-hero__image { aspect-ratio: 1.45; }
    .catalogue-card__body { padding: 22px; }
    .catalogue-card .store-badge { zoom: .78; }
    .catalogue-band { padding-block: 44px; }
    .finder { padding: 18px; }
    .finder__choice { padding: 10px 12px; }
    .sueca-hero__inner { min-height: 640px; padding-top: 40px; padding-bottom: 200px; }
    .sueca-hero__art { object-position: 62% center; }
    .sueca-hero::after { background: linear-gradient(180deg,#071e26fa 0%,#071e26ed 44%,#071e2640 78%,#071e2600); }
    .sueca-hero h1 { font-size: 4.2rem; }
    .sueca-hero .lead { font-size: 1rem; }
    .sueca-hero .actions { gap: 10px; }
    .sueca-hero .button { font-size: .9rem; padding-inline: 14px; }
    .sueca-facts dl { gap: 12px 0; padding-block: 20px; }
    .sueca-facts dt { font-size: 2.1rem; }
    .sueca-facts dd { font-size: .73rem; }
    .sueca-rules { grid-template-columns: 1fr; }
    .sueca-puzzle__question { min-height: 0; }
    .sueca-puzzle__cards { padding-top: 12px; }
    .sueca-ranks { gap: 10px; }
    .sueca-score { padding: 22px; }
    .sueca-score__output { font-size: 1.5rem; }
    .site-nav { gap: 2px 14px; width: 100%; }
    .site-nav a { font-size: .86rem; }
    .site-header__inner { column-gap: 10px; }
    .brand__tagline { font-size: .65rem; }
    .app-bar__icon { width: 40px; height: 40px; }
    .app-bar__text { min-width: 0; }
    .app-bar__text span { font-size: .7rem; }
}
@media (prefers-reduced-motion: reduce) {
    .catalogue-card, .catalogue-card__image, .sueca-choice { transition: none; }
    .catalogue-card:hover .catalogue-card__image, .catalogue-card:focus-within .catalogue-card__image, .sueca-choice:not(:disabled):hover { transform: none; }
}
@media (forced-colors: active) {
    .catalogue-card, .finder__choice, .sueca-puzzle, .sueca-score { border-color: CanvasText; }
    .finder__choice[aria-pressed=true], .sueca-choice[aria-pressed=true] { outline: 3px solid Highlight; }
}