/* Touchline: shared Top10FC presentation. Game rules and datasets are independent. */
:root{color-scheme:dark;--bg:#121b26;--card:#1c2937;--panel:#1c2937;--card2:#293b4d;--border:#3d5064;--muted:#b3bfcc;--text:#f1f4f8;--lime:#9cbbec;--blue:#9cbbec;--accent:#9cbbec;--font:'Barlow',Arial,sans-serif}
body{background:var(--bg)!important;color:var(--text);font-family:var(--font)!important}h1,h2,h3,.brand,.footer-brand{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;letter-spacing:-.015em}h1,h2,h3{line-height:1.08!important}.primary{background:#9cbbec!important;color:#121b26!important;border-color:#9cbbec!important}.primary:hover{background:#b2ccf2!important}.secondary{background:#293b4d!important;color:#f1f4f8!important;border-color:#536472!important}.secondary:hover{background:#3d5060!important}.primary,.secondary,.chip,select,input{border-radius:8px!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#adc9f2!important}.chip.selected,.mode button.selected,.section-tabs a.active{background:#9cbbec!important;color:#121b26!important}.quiz-card,.mode-card,.today-card,.results,.scorebar,.help,.stats-card,.central-question,.stats-grid article,dialog{border-radius:8px!important;background:#1c2937!important;color:#f1f4f8!important;border-color:#3d5064!important}.search,.guess-input,input[type=search],input[type=text],select{background:#162332!important;color:#f1f4f8!important;border-color:#536472!important}input::placeholder{color:#b3bfcc!important}.brand em{color:#9cbbec!important}.brand-mark{filter:grayscale(1);border-radius:2px!important}.badge,.badge.easy,.badge.hard{background:#344652!important;color:#e2e4df!important}.eyebrow{color:#9cbbec!important;letter-spacing:.1em;font-size:11px}.discovery-tabs a{background:#293b4d!important;color:#f1f4f8!important}.card-foot strong,.section-head a,.source a,.home-all{color:#acc6ed!important}.quiz-card:hover,.mode-card:hover{background:#2e404e!important;border-color:#81909a!important}header{background:#0f1822!important;border-bottom:1px solid #293b4d;box-shadow:none!important}header .brand{font-size:29px!important}.language-picker select{background:#1c2937!important}footer{border-color:#3d5064!important}.container{max-width:1224px;padding:0 40px}.touchline-home{padding:40px 0 0}.tl-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.tl-heading .eyebrow{margin:0 0 8px}.tl-heading h1{font-size:clamp(32px,4vw,50px);text-transform:uppercase;margin:0}.tl-heading>p{font-size:14px}.tl-feature{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:36px;padding:32px;background:#1c2937;border-radius:8px}.tl-feature .eyebrow{margin:0 0 24px}.tl-feature h2{font-size:clamp(45px,5.4vw,72px);text-transform:uppercase;margin:0 0 20px}.tl-feature-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.55}.tl-feature .actions{margin-top:22px;align-items:center}.tl-archive{color:var(--muted);font-size:14px;padding:12px;text-decoration:none}.tl-archive:hover{text-decoration:underline}.tl-ranking{padding:28px;background:#0f1822;display:grid;gap:14px;min-width:0}.tl-ranking>span,.tl-ranking>small{font-size:11px;letter-spacing:.08em;color:#9cbbec}.tl-ranking>div{display:flex;gap:18px;align-items:center}.tl-ranking b{font:600 24px 'Barlow Condensed',sans-serif;color:#b3bfcc}.tl-ranking i{display:block;width:var(--rank-width);height:18px;background:#293b4d}.tl-ranking>div:nth-of-type(1) i{background:#9cbbec}.tl-lineup{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;margin:32px 0}.tl-dailies>.section-head{margin:0 0 14px;gap:12px}.tl-dailies h2{font-size:30px;text-transform:uppercase}.tl-dailies .section-head a{font-size:12px;white-space:nowrap}.tl-dailies>.discovery-section{margin:0}.tl-dailies>.discovery-section>.section-head{display:none}.tl-dailies .daily-cards{display:flex;flex-direction:column;gap:0;border:0;counter-reset:games 1}.tl-dailies .today-card{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:20px 0!important;background:transparent!important;border:0!important;border-top:1px solid #3d5064!important;min-width:0;counter-increment:games}.tl-dailies .today-card:before{content:counter(games,decimal-leading-zero);font:600 23px 'Barlow Condensed',sans-serif;color:#9cbbec}.tl-dailies .today-card:last-child{border-bottom:1px solid #3d5064!important}.tl-dailies .today-card h2{font-size:27px;text-transform:none;margin:0 0 6px}.tl-dailies .today-card p{font-size:14px;margin:4px 0;color:#b3bfcc}.tl-dailies .today-card .eyebrow{display:none}.tl-dailies .today-card .primary{font-size:12px;width:auto!important;max-width:130px;background:transparent!important;color:#acc6ed!important;border:0!important;padding:10px 2px;justify-content:flex-end}.tl-rally{padding:28px;background:#293b4d;align-self:start;border-radius:8px}.tl-rally>.eyebrow{margin:0 0 24px}.tl-rally h2{font-size:66px;margin:0 0 22px}.tl-rally h2 span{font-size:45px;text-transform:lowercase}.tl-rally h3{font-size:27px;margin:0 0 12px}.tl-rally>p:not(.eyebrow){font-size:16px;line-height:1.55;color:#bdc6cd}.tl-rally .secondary{margin-top:8px}.tl-extra{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tl-extra a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;background:#1c2937;color:#f1f4f8;text-decoration:none;border:1px solid #3d5064}.tl-extra strong{font:600 24px 'Barlow Condensed',sans-serif}.tl-extra span{font-size:13px;color:#acc6ed}.tl-search{display:flex;max-width:none;margin:28px 0;gap:10px}.tl-search input{flex:1;min-width:0}.touchline-home .discovery-section{margin-top:30px}.touchline-home .section-head h2{font-size:28px}.touchline-home .topic-grid{gap:14px;border:0}.touchline-home .topic-grid>a{background:#1c2937!important;border:0!important;padding:22px}.touchline-home .topic-grid strong{font:600 27px 'Barlow Condensed',sans-serif}.tl-dailies .today-card:has(a[href='/daily/vandaag']){display:none!important}
@media(min-width:1100px){body:has(#main-nav){padding-left:216px}body:has(#main-nav)>header{height:88px;padding:18px 36px;margin-left:-216px;width:calc(100% + 216px);position:relative;gap:22px}body:has(#main-nav)>header .language-picker{margin-left:auto}#main-nav{position:fixed;left:0;top:88px;bottom:0;width:216px;margin:0;background:#0f1822;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:36px 22px;z-index:20;overflow-y:auto}#main-nav a{font-size:15px;padding:13px 16px;border-radius:0;color:#b3bfcc}#main-nav a:hover,#main-nav a.active{color:#f1f4f8;background:#293b4d;box-shadow:inset 3px 0 #9cbbec}body:has(#main-nav) .menu-toggle{display:none!important}}
@media(max-width:1099px){.container{padding:0 24px}header{padding:18px 24px!important;flex-wrap:wrap}.menu-toggle{display:inline-flex!important;order:2}.language-picker{margin-left:auto;order:1}#main-nav{order:4;width:100%;display:none!important;margin:0;gap:4px;background:#1c2937;padding:8px}#main-nav.open{display:flex!important;flex-wrap:wrap}#main-nav a{color:#f1f4f8!important;padding:12px}.tl-feature{gap:24px}.tl-lineup{gap:24px}.tl-dailies .today-card{grid-template-columns:28px minmax(0,1fr)!important}.tl-dailies .today-card .primary{grid-column:2;justify-content:flex-start;padding:4px 0;min-height:36px;max-width:none}.tl-rally h2{font-size:56px}}
@media(max-width:700px){.container{padding:0 22px}.touchline-home{padding-top:26px}.tl-heading{margin-bottom:24px}.tl-heading h1{font-size:36px}.tl-heading>p{display:none}.tl-feature{display:block;padding:24px}.tl-feature h2{font-size:48px}.tl-feature .eyebrow{margin-bottom:24px}.tl-ranking{display:none}.tl-lineup{grid-template-columns:1fr;gap:26px;margin:26px 0}.tl-dailies>.section-head{align-items:center}.tl-dailies h2{font-size:27px}.tl-dailies .today-card{padding:18px 0!important}.tl-rally{padding:24px}.tl-rally h2{font-size:52px}.tl-extra{grid-template-columns:1fr}.tl-search{flex-wrap:wrap}.tl-search input{flex-basis:calc(100% - 95px)}.tl-search [data-random]{width:100%}.touchline-home .topic-grid{grid-template-columns:1fr 1fr}.touchline-home .topic-grid>a{padding:16px}.tl-dailies .today-card .primary{font-size:13px}.tl-feature .actions{gap:8px}.tl-archive{padding-left:0}.tl-extra strong{font-size:24px}footer{padding:24px 22px!important}}
/* Keep standalone game surfaces within the same muted palette. */
body:not(:has(#main-nav)){--accent:#9cbbec;--green:#9cbbec;--gold:#9cbbec}body:not(:has(#main-nav)) button:not(.primary){font-family:var(--font)}.rally-card,.lobby,.panel{border-color:#3d5064}.brand span,.dot{color:#9cbbec}.tl-feature,.tl-rally,.tl-extra a,.tl-dailies{min-width:0}.tl-extra a:hover{background:#293b4d}.tl-extra a:focus-visible{outline:3px solid #adc9f2;outline-offset:3px}
.tl-dailies .context-feature:before{content:'02'}.tl-dailies .xi-feature:before{content:'03'}.tl-dailies .career-map-feature:before{content:'04'}.tl-dailies .today-card:has(a[href^='/deadline-day']):before{content:'05'}

/* Shared interaction rules: readable controls, calm movement and touch targets. */
:root{--success:#9ed5b4;--danger:#f0a5a5;--warning:#e9bc90}
button,a,input,select{touch-action:manipulation}
button,.primary,.secondary,.ghost{min-height:44px}
button:not(:disabled),select{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
:focus-visible{outline:2px solid #adc9f2!important;outline-offset:4px}
input,select,textarea{font-size:16px;max-width:100%}
.primary,.secondary,.quiz-card,.today-card{transition:background-color .16s,border-color .16s}
.quiz-card h3,.today-card h2,.game-heading h1{overflow-wrap:anywhere}
.entry-controls,.input-wrap,.game-wrap,.section-head>*,.today-card>div{min-width:0}
.suggestions{max-height:min(320px,40dvh);overflow-y:auto;overscroll-behavior:contain}
.suggestions [role=option]{min-height:44px}
.scorebar{font-variant-numeric:tabular-nums;gap:12px;flex-wrap:wrap}
.answer-row{min-height:58px;border-radius:6px;gap:12px}
.answer-row .rank{font-variant-numeric:tabular-nums}
.answer-row .player{min-width:0;overflow-wrap:anywhere}
.answer-row.found{background:#203d35!important;border-color:#547d68!important;color:#e7f5ed!important}
.answer-row.revealed{background:#26313e!important;color:#c3cdd9!important}
.central-question{border-left:3px solid #9cbbec!important}
.central-question h2{font-size:clamp(22px,3vw,30px);line-height:1.3!important;text-wrap:pretty}
.results{border-top:3px solid #9ed5b4!important}
.touchline-home .tl-feature{border:1px solid #3d5064}
.touchline-home .tl-feature h2{font-size:clamp(36px,4.6vw,60px)}
.touchline-home .tl-ranking{border-radius:6px}
.touchline-home .tl-ranking>div:nth-of-type(1) i{background:#9cbbec}
.touchline-home .tl-heading h1{font-size:clamp(30px,3.5vw,42px)}
.touchline-home .tl-dailies .today-card{order:0;min-height:104px}
.touchline-home .tl-dailies .today-card:before{color:#8ea4bc}
.tl-rally{border-top:3px solid #9cbbec}
.tl-takeover{border-radius:8px;background:#1c2937;border-color:#3d5064}
.tl-rally h2{font-size:48px}.tl-rally h2 span{font-size:30px}
@media(max-width:640px){
 .container{padding-left:18px!important;padding-right:18px!important}
 .touchline-home{padding-top:24px}.tl-feature{padding:22px!important}
 .tl-feature .actions{display:flex;flex-direction:column;align-items:stretch}
 .tl-feature .actions>a{justify-content:center;text-align:center}
 .tl-heading>p{display:none}.tl-lineup{gap:20px!important}
 .tl-dailies .today-card{grid-template-columns:24px minmax(0,1fr)!important;gap:10px!important}
 .tl-dailies .today-card .primary{grid-column:2;justify-content:flex-start!important;max-width:none;min-height:44px}
 .tl-search{flex-wrap:wrap}.tl-search input{flex-basis:100%;width:100%}
 .tl-search button{flex:1}.entry-controls{flex-wrap:wrap}
 .entry-controls .input-wrap{flex-basis:100%}.entry-controls>button{width:100%}
 .answer-row{padding:12px 10px;gap:8px}.answer-row .stat{font-size:13px}
 .game-heading h1{font-size:32px!important}.settings{gap:12px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Matchday layout: real daily progress, compact daily cards, paired multiplayer. */
.tl-ticket{background:#121b26;padding:26px;border-radius:8px;border:1px solid #3d5064}
.tl-ticket h3{font-size:clamp(26px,3vw,36px);margin:12px 0;line-height:1.15!important}
.tl-ticket>p:not(.eyebrow){color:#b3bfcc;font-size:14px;line-height:1.5}
.tl-ticket-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #3d5064;padding:18px 0}
.tl-ticket-progress strong{font-size:32px;font-variant-numeric:tabular-nums}.tl-ticket-progress small{font-size:16px;color:#b3bfcc;font-weight:400}.tl-ticket-progress span{color:#b3bfcc;font-size:14px}
.tl-ticket>a{color:#acc6ed;display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.tl-lineup{display:block}.tl-dailies .daily-cards{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.tl-multiplayer{margin:32px 0}.tl-multiplayer>.section-head h2{font-size:28px}
.tl-versus-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tl-versus-grid .tl-rally,.tl-versus-grid .tl-takeover{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;align-self:stretch;padding:26px;margin:0;background:#1c2937;border:1px solid #3d5064;border-top:3px solid #9cbbec;border-radius:8px}
.tl-versus-grid .tl-rally>.eyebrow{margin:0 0 14px}.tl-versus-grid .tl-rally>h2{display:none}
.tl-versus-grid .tl-rally h3,.tl-versus-grid .tl-takeover h2{font-size:32px;margin:8px 0 12px;text-transform:none}
.tl-versus-grid .tl-takeover{border-top-color:#c5a481}.tl-versus-grid p{font-size:16px;line-height:1.55;color:#b3bfcc}
.tl-versus-grid a{margin-top:12px}.tl-versus-grid .tl-takeover .eyebrow{font-size:11px;margin-top:0}
@media(max-width:720px){.tl-dailies .daily-cards,.tl-versus-grid{grid-template-columns:1fr}.tl-ticket{padding:20px}.tl-feature{grid-template-columns:1fr!important}.tl-feature .tl-ticket{display:block}.tl-versus-grid .secondary{width:100%;justify-content:center}}
/* Keep every homepage daily row neutral, including the first legacy card. */
.touchline-home .tl-dailies .daily-cards .today-card{background:transparent!important}
.touchline-home .tl-dailies .daily-cards .primary:hover{background:#293b4d!important;color:#f1f4f8!important}

.tl-takeover{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin:24px 0;background:#1a2633;border:1px solid #394858;border-radius:10px}.tl-takeover h2{color:#e7edf4;margin:6px 0;font-size:26px;letter-spacing:-.03em}.tl-takeover p{color:#b1bdc9}.tl-takeover a{white-space:nowrap}@media(max-width:600px){.tl-takeover{align-items:flex-start;flex-direction:column;padding:22px}}