/* ARENA V9 visual system — Forum Platine. Presentation only: never changes game state. */
:root{
  color-scheme:light;
  --bg:#e9edf0;--surface:#f9fafb;--surface2:#dde3e7;--surface3:#cbd4d9;
  --text:#24323a;--muted:#5d6b72;--dim:#708087;--line:rgba(36,50,58,.15);
  --accent:#92702e;--gold:#92702e;--radius:22px;
}
html{scroll-padding-top:92px}
body{color:var(--text);background:radial-gradient(ellipse 80vw 35vw at 88% -3%,#fbfaf6 0,transparent 74%),linear-gradient(165deg,#ecf0f2,#e3e9ec 50%,#edf0ef);}
::selection{background:#d4bd8b;color:#1d2b34}
:focus-visible{outline:3px solid #9b7b43;outline-offset:3px}
.container{width:min(1300px,calc(100% - 72px))}
.site-header{height:76px;background:rgba(246,248,249,.93);border-bottom:1px solid #cbd2d7;backdrop-filter:blur(24px);box-shadow:0 7px 30px #2536430a}
.arena-logo .symbol-a,.arena-logo .logo-name,.logo-name,.symbol-a{color:#263740}
.arena-logo .a-glow,.footer-logo span{color:#a48346}
.top-nav-link{color:#64737b;font-size:10px;font-weight:800;letter-spacing:.075em}
.top-nav-link:hover,.top-nav-link.active{color:#1f343e}
.top-nav-link.active:after{height:3px;border-radius:3px;background:#9a793f;bottom:15px}
.xp-pill{color:#3e453b;background:#eee7d7;border:1px solid #d5c9ae;box-shadow:none}
.xp-pill svg{color:#977336}
.profile-control,.mobile-menu-btn{color:#3b4d57;background:#e7ebed;border:1px solid #d1d8dc}
.profile-control:hover,.mobile-menu-btn:hover{border-color:#a6854e;background:#f3e9d6}
.mobile-nav{background:#f7f9fa;color:#324750;border-color:#ccd5da;box-shadow:0 22px 45px #25343e21}
.mobile-nav a{color:#30454f}
.site-footer{background:#e1e7ea;border-top:1px solid #c7d0d5;color:#30434c}
.footer-inner p,.footer-note{color:#607079}.footer-links a{color:#52656f}.footer-links a:hover{color:#87662f}
.eyebrow{color:#87672f;letter-spacing:.17em;font-size:10px}
.quiet,.muted{color:#65747c}
.section-head h2,.section-stack h2,.page-title{color:#25343c;letter-spacing:-.052em}
.section-intro{color:#65737a}
.btn{transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease}
.btn-primary{background:#94743c!important;border:1px solid #83632e!important;color:#fffaf1!important;border-radius:11px;box-shadow:0 7px 18px #4e402a20!important}
.btn-primary:hover{background:#7c5f2e!important;box-shadow:0 10px 24px #4d39242c!important}
.btn-secondary{background:#f8fafb;color:#314650;border:1px solid #b9c5cc;border-radius:11px;box-shadow:0 2px 7px #2034420b}
.btn-secondary:hover{background:#fff;border-color:#8d9aa2}
.text-link{color:#6e542d}

/* Home: a real architectural place, not a black launch dashboard. */
.home-hero{
  min-height:670px;
  background:linear-gradient(90deg,rgba(237,241,244,.98) 0%,rgba(237,241,244,.94) 30%,rgba(237,241,244,.52) 53%,rgba(239,243,246,.06) 90%),
    url('/assets/arena-forum-v9.webp') center center/cover no-repeat;
  border-bottom:1px solid #cdd4d8;
}
.home-hero:before{background-image:linear-gradient(#4555630c 1px,transparent 1px),linear-gradient(90deg,#4555630c 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,#0008,transparent 60%)}
.home-hero:after{content:'';position:absolute;inset:auto 0 0;height:105px;background:linear-gradient(transparent,#e9edf0);pointer-events:none;z-index:1}
.home-hero-grid{min-height:670px;grid-template-columns:58% 42%;align-items:center}
.hero-copy{padding:85px 0;z-index:3}
.hero-flag{background:#f8f4e8d9;color:#816637;border:1px solid #ccb789;border-radius:999px;box-shadow:0 3px 16px #92702e13}
.hero-flag .live-dot{background:#92702e;box-shadow:0 0 0 4px #92702e1a}
.hero-copy h1{color:#26343c;font:700 clamp(56px,6.75vw,99px)/.98 var(--heading);letter-spacing:-.091em;max-width:720px;text-shadow:none}
.hero-copy h1 em{color:#a17d40;text-shadow:none}
.hero-copy p{color:#52646d;font-size:16px;max-width:465px;line-height:1.75}
.hero-bottom{color:#64757d;gap:20px;margin-top:65px;font-size:10px}
.hero-showcase{background:none;box-shadow:none;border:0;height:545px;pointer-events:none}
.hero-showcase:before,.hero-showcase:after,.hero-showcase .ring,.hero-showcase .center-orb,.hero-showcase .showcase-top,.hero-showcase .showcase-bottom{display:none}
.hero-showcase .orbit-chip{position:absolute;background:rgba(249,250,249,.85);border:1px solid #d9c9a7;color:#34454c;border-radius:11px;box-shadow:0 9px 23px #26374220;backdrop-filter:blur(11px);font-size:10px;font-weight:800;letter-spacing:.11em;padding:12px 14px}
.hero-showcase .chip-rap{top:24%;left:5%;color:#8d613a;border-color:#d4b497}
.hero-showcase .chip-foot{top:20%;right:5%;color:#276e5b;border-color:#a3cbbb}
.hero-showcase .chip-culture{bottom:23%;left:2%;color:#814969;border-color:#cfaabf}
.hero-showcase .chip-logic{bottom:20%;right:8%;color:#3777ad;border-color:#a7cde6}
.worlds-section{padding-top:62px}
.worlds-section .section-head{margin-bottom:25px}
.worlds-section h2{font:700 clamp(35px,4.4vw,61px)/1.03 var(--heading)}
.muted-title{color:#84929a}
.world-grid{grid-template-columns:1.12fr 1fr;gap:18px}
.world-tile,.world-tile.world-wide{min-height:365px;border-radius:22px;border:1px solid #c3cbd0;box-shadow:0 13px 32px #263a4621,inset 0 1px #fff5;overflow:hidden}
.world-tile:hover{transform:translateY(-5px);box-shadow:0 20px 44px #263a4630}
.world-tile:after{background:linear-gradient(90deg,rgba(16,32,39,.84),rgba(16,32,39,.38) 65%,rgba(16,32,39,.14)),linear-gradient(0deg,#0e222b8f,transparent 70%)}
.world-tile.world-rap:after{background:linear-gradient(90deg,#092e37e6,#1238438c 65%,#18343c32),linear-gradient(0deg,#08242b9e,transparent)}
.world-tile.world-football:after{background:linear-gradient(90deg,#113b2ee8,#235b4194 65%,#26534327),linear-gradient(0deg,#0a282080,transparent)}
.world-tile.world-culture:after{background:linear-gradient(90deg,#40273ddf,#67384da1 65%,#68374d3e),linear-gradient(0deg,#31202b8f,transparent)}
.world-tile.world-logic{background:radial-gradient(circle at 80% 30%,#a8d8ea,#417aa2 66%,#295274)}
.world-tile.world-logic:before{content:'';position:absolute;width:210px;height:210px;right:9%;top:8%;border:22px solid #d3edfb8a;border-radius:34px;transform:rotate(38deg);box-shadow:0 0 0 13px #4c9ac15d,0 13px 38px #0b315455;z-index:-1}
.world-tile.world-logic:after{background:linear-gradient(90deg,#234b68df,#397ba38a 68%,#296c9230)}
.world-tile.world-rap{border-color:#9e9788}.world-tile.world-football{border-color:#799f92}.world-tile.world-culture{border-color:#a68b9b}.world-tile.world-logic{border-color:#90bad2}
.world-tile .world-content{left:32px;bottom:30px;right:25px;max-width:83%;background:none!important}
.world-tile .tile-no{color:#e3e7e3}
.world-title{font:700 clamp(31px,3.2vw,45px)/1.03 var(--heading);letter-spacing:-.07em;color:#fff}
.world-sub{color:#e4ecec;font-size:13px}
.world-open{margin-top:20px;color:#fff!important;border:1px solid #ffffff7c;padding:10px 14px;border-radius:9px;background:#fff2;font-weight:850;font-size:10px;align-self:flex-start}
.world-tile .world-symbol{opacity:.5;color:#fff}
.world-tile .eyebrow{color:#f1e6d8}
.feature-strip,.home-bottom .quick-card,.resume-banner,.mission-card,.v8-long-quiz,.v8-bookmark-quiz,.v8-football-formats,.v5-training{box-shadow:0 8px 27px #2d465018;border:1px solid #d0d9de;background:#f9fafb}
.feature-strip{background:linear-gradient(110deg,#f9fafb,#e8edef 70%,#e8e7e1)}
.feature-strip h2,.feature-strip b,.home-bottom h2,.quick-card strong{color:#283b45}
.feature-cells span,.quick-card small{color:#687a83}
.mission-card{border-radius:15px}
.home-bottom .quick-card{background:#f7f9f9;color:#33434b}

/* Four different worlds, unified by one calm composition system. */
.rap-root{--accent:#986039;color:#29343a;background:#f5f0e8}
.football-root{--accent:#1d705f;color:#213d40;background:#edf2ee}
.culture-root{--accent:#7c3b5d;color:#3b2538;background:#faf7f3}
.logic-root{--accent:#3572b6;color:#203b5a;background:#f3faff}
.rap-root .btn-primary,.theme-rap .btn-primary{background:#986039!important;border-color:#86532e!important;color:white!important}
.football-root .btn-primary,.football-game .btn-primary{background:#1d705f!important;border-color:#175b4d!important;color:white!important}
.culture-root .btn-primary,.quiz-layout .btn-primary{background:#7c3b5d!important;border-color:#6b2d4e!important;color:white!important}
.logic-root .btn-primary,.logic-game .btn-primary{background:#3572b6!important;border-color:#2a6099!important;color:white!important}
.rap-root .eyebrow{color:#a66d42}.football-root .eyebrow{color:#287a66}.culture-root .eyebrow{color:#8b4d72}.logic-root .eyebrow{color:#447da8}
.universe-hero{min-height:510px;border-bottom:1px solid #ffffff36}
.universe-hero .container{padding-top:54px;padding-bottom:65px}
.universe-hero .crumb{color:#e6e8e8}
.universe-hero h1{letter-spacing:-.077em}
.universe-hero p{max-width:510px}
.universe-hero .eyebrow{color:#f3e9d5}
.rap-banner:after{background:linear-gradient(90deg,#102f3bef,#1a3641b7 53%,#1a364124)}
.football-banner:after{background:linear-gradient(90deg,#124335ee,#1b5c45a6 58%,#0b473432)}
.culture-banner:after{background:linear-gradient(90deg,#452842ef,#633a5bb8 56%,#653b582f)}
.logic-banner{background:linear-gradient(110deg,#d8edf9,#75b7d5);color:#16334e}
.logic-banner:after{background:linear-gradient(90deg,#e5f3facf,#a5d3e567 64%,transparent)}
.logic-banner h1,.logic-banner p,.logic-banner .crumb{color:#1e4362}
.logic-banner .eyebrow{color:#3e7f9b}
.logic-banner .logic-background{opacity:.25}
.section-stack{padding-bottom:72px}
.section-stack>section{scroll-margin-top:96px}
.section-stack .section-head{margin-bottom:21px}
.section-stack .section-head h2{color:inherit}
.rap-root .section-stack,.football-root .section-stack,.culture-root .section-stack,.logic-root .section-stack{padding-top:55px}
.heritage-restore-feature,.rap-debates-feature,.daily-foot-card,.level-feature,.v8-long-quiz,.v8-football-formats,.v5-training,.v8-bookmark-quiz{border-radius:22px;overflow:hidden;box-shadow:0 12px 28px #1e344017}
.daily-foot-card{background:linear-gradient(115deg,#e5f2e9,#bfddcf);border:1px solid #b4d3c2;color:#1b4637}
.daily-foot-card h2,.daily-foot-card p{color:#1c4e3d}
.daily-visual{color:#397c5c}
.v8-football-formats{background:linear-gradient(115deg,#fcfbf4,#e1ece5);border:1px solid #c6d9ce;color:#274539}
.v8-long-quiz,.v8-bookmark-quiz{background:linear-gradient(115deg,#fcf8f5,#efe1e8);border-color:#e0cbd5;color:#482d40}
.culture-root .v5-training{background:#fbf1f3;border-color:#e8cfd9}
.football-root .v5-training{background:#e9f2ec;border-color:#c8dacb}
.logic-root .v5-training{background:#e5f2fb;border-color:#bddbeb}
.heritage-restore-feature{color:#f7f4ec}
.heritage-restore-feature h2,.heritage-restore-feature p{color:inherit}

/* Football Master modes: ten disciplines, not ten identical dashboard tiles. */
.modes-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mode-card{min-height:222px;border-radius:18px;color:#1e4040;box-shadow:0 8px 19px #2a584014;border:1px solid #bfd2c8;background:#f8fcf8;overflow:hidden}
.mode-card:before{content:'';position:absolute;inset:0 0 auto;height:7px;background:var(--mode-accent,#347963)}
.mode-card:nth-child(1){--mode-accent:#347963;background:linear-gradient(145deg,#f9fcfa,#daeee3)}
.mode-card:nth-child(2){--mode-accent:#2a749a;background:linear-gradient(145deg,#f8fbfc,#dceaf2)}
.mode-card:nth-child(3){--mode-accent:#c78b4d;background:linear-gradient(145deg,#fffcf8,#f0e5d8)}
.mode-card:nth-child(4){--mode-accent:#8768a2;background:linear-gradient(145deg,#faf8fc,#e9e0f0)}
.mode-card:nth-child(5){--mode-accent:#8c6072;background:linear-gradient(145deg,#fcf9fa,#ebdfe5)}
.mode-card:nth-child(6){--mode-accent:#b77852;background:linear-gradient(145deg,#fcfaf8,#f0e3d9)}
.mode-card:nth-child(7){--mode-accent:#3c8d8b;background:linear-gradient(145deg,#f8fcfc,#dbebeb)}
.mode-card:nth-child(8){--mode-accent:#596fad;background:linear-gradient(145deg,#f8fafd,#dfe5f5)}
.mode-card:nth-child(9){--mode-accent:#a95e53;background:linear-gradient(145deg,#fdfaf9,#f1dfdb)}
.mode-card:nth-child(10){--mode-accent:#233b50;background:linear-gradient(145deg,#405565,#213746);color:#fff}
.mode-card:nth-child(10) strong,.mode-card:nth-child(10) small,.mode-card:nth-child(10) .mode-number{color:#edf4f4}
.mode-card .mode-number,.mode-card small{color:#61747b}
.mode-card .mode-icon{color:var(--mode-accent);width:54px;height:54px;border-radius:15px;background:#ffffff9c;display:grid;place-items:center;margin:25px 0 15px;box-shadow:0 4px 12px #293b4610}
.mode-card:nth-child(10) .mode-icon{color:#d4be91;background:#ffffff1b}
.mode-card strong{color:inherit;font-size:17px;line-height:1.15}
.mode-card .mode-arrow{color:var(--mode-accent)}
.mode-card:nth-child(10) .mode-arrow{color:#e6c58d}
.mode-card:hover{border-color:var(--mode-accent);box-shadow:0 15px 28px #2b4d4730}

/* Culture: six editorial chapters with real thematic imagery. */
.domain-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.domain-card{min-height:260px;border-radius:20px;overflow:hidden;color:#fff;box-shadow:0 13px 30px #4a314a23;border:1px solid #ffffff55;background-size:cover;background-position:center}
.domain-card:nth-child(1){background-image:linear-gradient(90deg,#553727e8,#76503992),url('/assets/lessons/declaration.webp')}
.domain-card:nth-child(2){background-image:linear-gradient(90deg,#512d49e8,#76475d91),url('/assets/lessons/parliament.webp')}
.domain-card:nth-child(3){background-image:linear-gradient(90deg,#245669e7,#337c8790),url('/assets/lessons/un.webp')}
.domain-card:nth-child(4){background-image:linear-gradient(90deg,#425c49e9,#78957898),url('/assets/lessons/gdp.webp')}
.domain-card:nth-child(5){background-image:linear-gradient(90deg,#594168e9,#8c6f9c95),url('/assets/lessons/monet.webp')}
.domain-card:nth-child(6){background:linear-gradient(125deg,#235670,#4e92b3)}
.domain-card:nth-child(6):before{content:'';position:absolute;right:-44px;top:5px;width:200px;height:200px;border:2px solid #e8f4f28a;border-radius:50%;box-shadow:0 0 0 25px #ffffff15,0 0 0 55px #ffffff0b}
.domain-card .domain-index,.domain-card small{color:#f3f0ee}
.domain-card .domain-symbol{color:#fff;background:#ffffff28;padding:12px;border-radius:15px;margin-top:27px}
.domain-card strong{color:#fff;font-size:22px}
.domain-card:hover{border-color:#fff;transform:translateY(-4px)}

/* Shared game and account surfaces become readable mineral paper. */
.quiz-main,.quiz-layout .quiz-main,.football-question,.logic-game .quiz-main,.account-box,.profile-hero,.profile-stat-grid>div,.profile-history,.profile-bottom>section,.leaderboard-panel,.artist-ranking-list{background:#fbfcfd;color:#273940;border-color:#ccd5db;box-shadow:0 10px 29px #1c394118}
.quiz-main h1,.football-question h1,.logic-game .quiz-main h1{color:#223844}
.quiz-answer{background:#f6f9fa;color:#2c424d;border-color:#cbd5db}
.quiz-answer:hover:not(:disabled){background:#eef4f6;border-color:#8da9b8}
.answer-explainer{background:#f0f5f0;color:#28443c;border-color:#bad7c7}
.answer-explainer p{color:#415b55}
.progress-track{background:#cbd5d7}
.progress-track>div{background:var(--accent)}
.profile-page,.social-root,.competition-root{color:#273940}
.profile-page .section-head h2,.social-root h2,.competition-root h2{color:#263840}
.account-form input,.account-form select{background:#fff;color:#293e49;border:1px solid #c0cbd2}
.auth-tabs button{color:#4b5960}
.auth-tabs button.active{background:#e4e9e9;color:#233941}
.connected-state{background:#e5f1e9;color:#285340}
.signed-in .fine-print,.fine-print{color:#64777d}
.site-footer .footer-logo{color:#2d404a}

@media(max-width:1100px){
  .home-hero-grid{grid-template-columns:60% 40%}
  .hero-copy h1{font-size:clamp(52px,7vw,78px)}
  .modes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .domain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .container{width:min(100% - 36px,620px)}
  .site-header{height:67px}
  .home-hero{min-height:690px;background-position:58% center;background-image:linear-gradient(180deg,#e9edf0f8 0%,#e9edf0eb 38%,#e9edf058 68%,#e9edf0a8 95%),url('/assets/arena-forum-v9.webp')}
  .home-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:690px}
  .hero-copy{padding:61px 0 8px}
  .hero-copy h1{font-size:clamp(50px,11.5vw,78px);letter-spacing:-.086em}
  .hero-copy p{font-size:14px;line-height:1.65;max-width:435px}
  .hero-bottom{margin-top:25px;gap:10px 15px}
  .hero-showcase{flex:1;height:240px;min-height:205px}
  .hero-showcase .orbit-chip{padding:8px 10px;font-size:9px;backdrop-filter:blur(6px)}
  .hero-showcase .chip-rap{top:18%;left:2%}.hero-showcase .chip-foot{top:20%;right:1%}.hero-showcase .chip-culture{bottom:16%;left:1%}.hero-showcase .chip-logic{bottom:17%;right:2%}
  .worlds-section{padding-top:44px}
  .world-grid{grid-template-columns:1fr;gap:13px}
  .world-tile,.world-tile.world-wide{min-height:270px}
  .world-tile .world-content{bottom:20px;left:22px}
  .world-title{font-size:34px}
  .feature-strip{display:block}
  .universe-hero{min-height:440px}
  .universe-hero .container{padding-top:40px;padding-bottom:48px}
  .section-stack{padding-bottom:45px}
  .modes-grid,.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .mode-card{min-height:205px;padding:17px}
  .domain-card{min-height:224px;padding:16px}
  .domain-card strong{font-size:18px}
}
@media(max-width:420px){
  .container{width:calc(100% - 28px)}
  .hero-copy h1{font-size:clamp(44px,11.5vw,55px)}
  .hero-copy .hero-ctas{align-items:stretch;flex-wrap:wrap}
  .hero-copy .btn{font-size:12px}
  .hero-showcase{min-height:175px}
  .modes-grid,.domain-grid{grid-template-columns:1fr 1fr}
  .mode-card strong{font-size:14px}.mode-card small{font-size:10px}
  .domain-card strong{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* Provenance-aware historical recovery: clear, quiet, account-scoped. */
.legacy-recovery{margin:30px 0 8px;padding:25px;border:1px solid #d8dfe2;border-radius:24px;background:linear-gradient(155deg,#fff 0%,#f1f4f4 100%);color:#25343d;box-shadow:0 14px 40px #263a4710}
.legacy-recovery-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}
.legacy-recovery-intro h2{font-size:clamp(26px,3vw,37px);letter-spacing:-.055em;margin:6px 0 9px;color:#24323a}
.legacy-recovery-intro p{font-size:13px;line-height:1.65;color:#62717a;max-width:570px;margin:0}
.legacy-recovery-intro strong{color:#263640}
.legacy-recovery-count{flex:0 0 128px;text-align:center;border-left:1px solid #d8dfe2;padding-left:20px}
.legacy-recovery-count b{font-size:39px;letter-spacing:-.07em;white-space:nowrap;line-height:1.1;color:#92702e}
.legacy-recovery-count b small{font-size:16px;color:#87949a}
.legacy-recovery-count>span{display:block;font-size:10px;line-height:1.4;color:#6e7b81;margin-top:5px}
.legacy-recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.legacy-source{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 11px;border:1px solid #e0e5e7;border-radius:12px;background:#ffffffbb}
.legacy-source-index{color:#a69b79;font-family:monospace;font-size:10px;flex:0 0 20px}
.legacy-source>div{min-width:0;flex:1}
.legacy-source strong,.legacy-source small{display:block;overflow-wrap:anywhere}
.legacy-source strong{color:#293944;font-size:12px;font-weight:750}
.legacy-source small{color:#7c888f;font-size:10px;line-height:1.35;margin-top:3px}
.legacy-source-tag{font-size:9px;white-space:nowrap;border-radius:99px;color:#8c692e;background:#eee8d8;padding:5px 7px}
.legacy-source.is-archived{border-color:#b2cbb7;background:#f0f7f1}
.legacy-source.is-archived .legacy-source-tag{background:#d7ecdc;color:#356342}
.legacy-source-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px}
.legacy-source-tools a,.legacy-source-tools button{font-size:10px;line-height:1.2;color:#745a32;text-decoration:underline;text-underline-offset:3px;border:0;padding:0;background:none;cursor:pointer}
.legacy-source-tools button{color:#326953}
.legacy-source-tools a:hover,.legacy-source-tools button:hover{color:#172f3b}
.legacy-import-zone{margin-top:17px;padding:17px;border:1px solid #d6dfe0;border-radius:15px;background:#eef3f3;display:flex;justify-content:space-between;gap:16px;align-items:center}
.legacy-import-zone strong{font-size:13px;color:#25343d}
.legacy-import-zone p{font-size:11px;line-height:1.5;color:#677780;margin:5px 0 0}
.legacy-import-actions{display:grid;gap:9px;min-width:170px}
.legacy-import-actions select{padding:11px 13px;border-radius:10px;background:#fff;color:#293943;border:1px solid #ced7da;font:inherit;font-size:12px;max-width:100%}
.legacy-import-actions .btn{font-size:11px;line-height:1.2;min-height:42px;white-space:normal;text-align:center}
.legacy-recovery .fine-print{font-size:10px;color:#89959b;line-height:1.55;margin-top:12px}
.football-directory-pages{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin:32px auto 0;color:#40545c;font-size:12px;font-weight:750}
.football-directory-pages .btn{min-height:42px;padding:10px 16px;font-size:11px}
.football-directory-pages [aria-disabled="true"]{opacity:.45;cursor:default}
.first-attempt-panel{border:1px solid #cbd7d7;border-radius:20px;padding:27px;background:linear-gradient(135deg,#f9fbfa,#eef3f1)}
.first-attempt-panel .section-head{margin-bottom:16px}
.first-attempt-panel .section-head p{font-size:12px;line-height:1.6;margin-top:8px}
.first-attempt-panel .mastery-card{border:1px solid #d0ddda;background:#fff;color:#273d40;min-height:148px}
.first-attempt-panel .mastery-card:nth-child(1){border-top:4px solid #8c6079}
.first-attempt-panel .mastery-card:nth-child(2){border-top:4px solid #548771}
.first-attempt-panel .mastery-card:nth-child(3){border-top:4px solid #70a0b9}
.first-attempt-panel .mastery-card>span{color:#39555d}
.first-attempt-panel .fine-print{color:#7c8e93;font-size:10px;margin-top:15px}
@media(max-width:760px){.first-attempt-panel{padding:19px 14px}}
@media(max-width:760px){.legacy-recovery{padding:18px 14px;margin-top:22px}.legacy-recovery-grid{grid-template-columns:1fr}.legacy-recovery-intro{gap:10px}.legacy-recovery-count{flex-basis:82px;padding-left:10px}.legacy-recovery-count b{font-size:29px}.legacy-import-zone{flex-direction:column;align-items:stretch}.legacy-import-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:420px){.legacy-recovery-intro{align-items:flex-start;flex-direction:column}.legacy-recovery-count{border-left:0;border-top:1px solid #d8dfe2;padding:12px 0 0;text-align:left;width:100%}.legacy-recovery-count b{display:inline;margin-right:11px}.legacy-recovery-count>span{display:inline}.legacy-import-actions{grid-template-columns:1fr}}