/* Copyright by Emilio Orione October 2026 */
/* Page-local styles; launch.css supplies the site's navigation and design tokens. */
.mind-sports { --ms-green: #b4e4cb; min-width: 0; }
.mind-sports main { overflow: clip; }
.mind-sports section[id] { scroll-margin-top: 100px; }
.ms-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 35px; align-items: center; padding-block: clamp(64px, 9vw, 120px) 60px; }
.ms-hero h1 { margin: 0; font-size: clamp(4rem, 8.3vw, 7.5rem); line-height: .96; letter-spacing: -.065em; font-weight: 760; }
.ms-hero h1 em { margin-inline-start: .08em; color: var(--gold); font-style: normal; }
.ms-hero-copy > p:not(.eyebrow) { color: var(--ink-muted); }
.ms-hero-copy .ms-lede { color: var(--ink); font-size: clamp(1.2rem, 2vw, 1.45rem); line-height: 1.4; margin-top: 28px; }
.ms-hero-art { position: relative; margin: 0; aspect-ratio: 1; display: grid; align-content: center; }
.ms-track { position: absolute; inset: 7% -1% 15%; transform: rotate(-16deg); border: 1px solid #74d7ff55; border-radius: 45%; background: linear-gradient(140deg, #173a46aa, #13223433); }
.ms-track span { position: absolute; inset: 7%; border: 1px solid #74d7ff33; border-radius: 45%; }
.ms-track span:nth-child(2) { inset: 14%; }
.ms-track span:nth-child(3) { inset: 21%; }
.ms-hero-chess { position: relative; width: 100%; height: auto; filter: drop-shadow(0 22px 22px #0007); transform: translateY(-12px); }
.ms-hero-art figcaption { position: absolute; inset: auto 2% 1%; display: flex; justify-content: space-between; gap: 12px; font-size: clamp(1rem, 2vw, 1.45rem); font-weight: 700; color: var(--ms-green); }
.ms-hero-art figcaption span:last-child { color: var(--gold); }
.ms-art-note { position: absolute; top: 0; right: 4%; color: var(--ink-muted); font-size: .75rem; letter-spacing: .06em; }
.ms-opening { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding-block: 30px 65px; border-top: 1px solid var(--line); }
.ms-opening p { margin: 0; max-width: 540px; color: var(--ink-muted); font-size: 1.05rem; }
.ms-opening strong { display: block; margin-bottom: 5px; color: var(--ink); font-size: 1.25rem; }
.ms-sport-section .section-intro { max-width: 720px; }
.ms-sport-figure { margin: 32px 0 0; }
.ms-sport-figure img { width: 100%; height: auto; }
.ms-sport-stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.ms-label, .ms-game-kind { display: block; color: var(--ms-green); font-weight: 720; font-size: .7rem; text-transform: uppercase; letter-spacing: .07em; }
.ms-sport-stages article:last-child .ms-label { color: var(--gold); }
.ms-sport-stages h3 { margin: 12px 0 8px; font-size: 1.5rem; letter-spacing: -.03em; }
.ms-sport-stages p { margin: 0; color: var(--ink-muted); }
.ms-two-sides { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 45px; padding-block: 24px; border-block: 1px solid var(--line-strong); }
.ms-two-sides p { margin: 0; }
.ms-two-sides strong, .ms-two-sides span { display: block; }
.ms-two-sides strong { color: var(--ms-green); font-size: 1.16rem; }
.ms-two-sides p:last-child strong { color: var(--gold); }
.ms-two-sides span { color: var(--ink-muted); font-size: .94rem; margin-top: 7px; }
.ms-note { color: var(--ink-muted); font-size: .83rem; }
.ms-section-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 60px; align-items: end; margin-bottom: 40px; }
.ms-section-heading > p { color: var(--ink-muted); margin: 0; font-size: 1.08rem; max-width: 370px; }
.ms-games { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.ms-game { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: #0b1828; }
.ms-game-art { height: 280px; position: relative; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 70%, #2c3c49, #122234 70%); }
.ms-briscola .ms-game-art { background: radial-gradient(ellipse at 50% 70%, #304b43, #132a2a 70%); }
.ms-go .ms-game-art { background: radial-gradient(ellipse at 50% 70%, #594331, #282626 70%); }
.ms-rummy .ms-game-art { background: radial-gradient(ellipse at 50% 70%, #3f4054, #202333 70%); }
.ms-game-kind { position: absolute; top: 23px; left: 28px; z-index: 1; color: var(--ink); }
.ms-game-art img { width: 78%; height: 240px; object-fit: contain; margin-top: 28px; filter: drop-shadow(0 15px 15px #0006); }
.ms-game-copy { padding: 25px 28px 28px; }
.ms-game h3 { font-size: 1.1rem; margin: 0 0 6px; color: var(--gold); }
.ms-game .ms-question { color: var(--ink); font-size: clamp(1.3rem, 2.25vw, 1.7rem); line-height: 1.25; letter-spacing: -.025em; font-weight: 700; margin: 0 0 14px; }
.ms-game-copy > p:not(.ms-question) { color: var(--ink-muted); margin: 0 0 20px; }
.ms-game details { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 20px; }
.ms-game summary { padding: 13px 0; cursor: pointer; color: var(--sky); font-size: .9rem; font-weight: 650; min-height: 48px; }
.ms-game details p { color: var(--ink-muted); margin: 0 0 16px; font-size: .94rem; }
.ms-gallery-close { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 30px; }
.ms-gallery-close p { color: var(--ink-muted); }
.ms-gallery-close strong { color: var(--ink); font-weight: 600; }
.ms-calm { border-block: 1px solid #73d8a240; background: linear-gradient(115deg, #12382d66, #0b1828); padding-block: 65px; }
.ms-calm-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.ms-calm img { width: 100%; height: auto; max-width: 380px; margin-inline: auto; filter: drop-shadow(0 20px 25px #0004); }
.ms-calm p:not(.eyebrow) { font-size: 1.12rem; color: var(--ink-muted); }
.ms-calm .ms-calm-motto { color: var(--ms-green); font-weight: 650; }
.ms-contest-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; }
.ms-contest-choices article { display: flex; align-items: baseline; gap: 24px; border-top: 1px solid var(--line); padding-block: 24px; }
.ms-choice-mark { color: var(--gold); font-size: .8rem; letter-spacing: .08em; }
.ms-contest-choices h3 { margin: 0 0 10px; font-size: 1.35rem; }
.ms-contest-choices p { margin: 0; color: var(--ink-muted); }
.ms-achievement { text-align: center; align-self: center; padding: 30px; border: 1px solid #f1c45f44; border-radius: var(--radius); background: radial-gradient(ellipse at 50% 10%, #80602a33, #122234); }
.ms-achievement svg { width: 130px; height: 130px; margin-inline: auto; }
.ms-achievement h3 { font-size: 1.5rem; line-height: 1.2; }
.ms-achievement p { color: var(--ink-muted); }
.ms-achievement strong { color: var(--gold); }
.ms-finish { padding: 55px 0 90px; border-top: 1px solid var(--line); text-align: center; }
.ms-finish p:not(.eyebrow) { color: var(--ink-muted); font-size: 1.1rem; }
.ms-finish .hero-actions { justify-content: center; }
@media (max-width: 1050px) { .ms-hero { gap: 20px; } .ms-calm-grid { gap: 35px; } .ms-contest-layout { gap: 30px; } .mind-sports .nav-links a { padding-inline: 9px; } }
@media (max-width: 760px) {
    .ms-hero { grid-template-columns: 1fr; gap: 40px; padding-top: 50px; }
    .ms-hero h1 { font-size: clamp(4.5rem, 14vw, 6.8rem); }
    .ms-hero h1 em { margin-inline-start: 0; }
    .ms-hero-art { width: min(100%, 490px); margin-inline: auto; }
    .ms-opening, .ms-section-heading, .ms-calm-grid, .ms-contest-layout { grid-template-columns: 1fr; gap: 25px; }
    .ms-opening { padding-block: 25px 45px; }
    .ms-section-heading > p { max-width: 540px; }
    .ms-sport-stages { gap: 22px; }
    .ms-sport-stages h3 { font-size: 1.2rem; }
    .ms-sport-stages p { font-size: .92rem; }
    .ms-label { font-size: .65rem; }
    .ms-game-art { height: 220px; }
    .ms-game-art img { height: 180px; }
    .ms-game-kind { left: 18px; right: 12px; font-size: .62rem; }
    .ms-game-copy { padding: 20px; }
    .ms-calm img { max-width: 270px; }
    .ms-achievement { max-width: 500px; width: 100%; margin-inline: auto; }
}
@media (max-width: 540px) {
    .ms-games { grid-template-columns: 1fr; }
    .ms-game-art { height: 260px; }
    .ms-game-art img { height: 230px; }
    .ms-game-kind { left: 22px; font-size: .66rem; }
    .ms-game-copy { padding: 24px; }
    .ms-two-sides { grid-template-columns: 1fr; gap: 24px; }
    .ms-gallery-close { align-items: start; flex-direction: column; gap: 8px; }
    .ms-sport-figure { margin: 25px -12px 15px; }
    .ms-sport-stages { grid-template-columns: 1fr; gap: 25px; }
    .ms-sport-stages article { border-left: 2px solid #73d8a255; padding-left: 18px; }
    .ms-sport-stages article:last-child { border-color: #f1c45f77; }
    .ms-sport-stages h3 { font-size: 1.4rem; margin-top: 7px; }
    .ms-sport-stages p { font-size: 1rem; }
    .ms-label { font-size: .72rem; }
    .ms-calm { padding-block: 45px; }
    .ms-hero .hero-actions .button { width: 100%; }
}
@media print {
    .mind-sports { --ink: #111; --ink-muted: #333; --gold: #634414; --sky: #12536f; --ms-green: #24513d; }
    .ms-track, .ms-art-note { display: none; }
    .ms-game, .ms-game-art, .ms-achievement, .ms-calm { background: white; }
    .ms-game { break-inside: avoid; }
    .ms-game details { display: none; }
}