/* Light retains club.css. Dark is the default, with an explicit saved opt-out. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--txt);font:700 11px/1.4 var(--body);cursor:pointer;flex-shrink:0}
.theme-toggle[hidden]{display:none!important}
.theme-toggle:hover{border-color:#82987a}
.theme-toggle:focus-visible{outline:3px solid #376149;outline-offset:4px}
.theme-toggle svg{width:17px;height:17px;flex-shrink:0}
html[data-theme=light] .theme-sun,html[data-theme=dark] .theme-moon{display:none}
.reading-actions{display:flex;align-items:start;justify-content:space-between;gap:16px}
.reading-actions .back{flex:1}
.entry-final-actions .btn{gap:10px}
.entry-final-actions .explore-game-logo{display:block;width:24px;height:24px;flex-shrink:0;object-fit:contain}
html[data-theme=dark]{color-scheme:dark;--bg:#101814;--panel:#18231c;--paper:#18231c;--txt:#ecf1e9;--mut:#afbdac;--line:#35463a;--quiet:#202f24;--green:#b7dba1}
html[data-theme=dark] ::selection{background:#c7e496;color:#162218}
html[data-theme=dark] :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#c7e496}
html[data-theme=dark] :is(input,textarea){caret-color:#c7e496}
html[data-theme=dark] :is(.entry-copy h1 strong,.hero h1 em){color:#b7dba1}
html[data-theme=dark] :is(.nav a:hover,.nav a[aria-current=page]){color:#c7e496}
html[data-theme=dark] .nav a[aria-current=page]{box-shadow:inset 0 -2px #c7e496}
html[data-theme=dark] .global-switch{background:#213025;border-color:#465a49}
html[data-theme=dark] .global-switch button.active,html[data-theme=dark] .global-switch #gval.active{color:#172218}
html[data-theme=dark] :is(.cta,.btn.orange,.card .foot .linkbtn){background:#c7e496;border-color:#c7e496;color:#162218}
html[data-theme=dark] :is(.cta:hover,.btn.orange:hover,.card .foot .linkbtn:hover){background:#d4ecaf;border-color:#d4ecaf}
html[data-theme=dark] .entry-final .btn.orange{background:var(--orange);border-color:var(--orange);color:#162218}
html[data-theme=dark] .entry-final .entry-final-valorant{background:var(--red);border-color:var(--red);color:#162218}
html[data-theme=dark] :is(.entry-section,.entry-audiences>div,.entry-questions details,.pagehead,.task-menu .feature,.task-menu .feature:last-child,footer){border-color:#3b4d3f}
html[data-theme=dark] .entry-steps li::marker,html[data-theme=dark] .filter-panel>summary span{color:#b7dba1}
html[data-theme=dark] :is(.stats,.draft-toolbar,.empty-state,.compare-box,.detail,.notice){background:#202f24;border-color:#3e5140}
html[data-theme=dark] :is(.smallbtn.active,.smallbtn[aria-pressed=true],.filter-chip){background:#2e422c;border-color:#607b51;color:#e2edda}
html[data-theme=dark] :is(.smallbtn:hover,.filter-chip:hover,.linkbtn:hover,.report:hover){background:#293b2c;border-color:#78906c}
html[data-theme=dark] .card{border-color:#405340}
html[data-theme=dark] .tag{background:#243327;border-color:#405340;color:#c1cdbb}
html[data-theme=dark] .tag.accent{background:color-mix(in srgb,var(--accent) 22%,#18231c);border-color:transparent;color:#f1f4e9}
html[data-theme=dark] :is(.tag.user-label,.comp .row .user-label){color:#c1cdbb;background:#243327;border-color:#405340}
html[data-theme=dark] .tag.good{background:#233c29;border-color:#4b6b44;color:#c0e3b0}
html[data-theme=dark] .game{background:#2e4031;color:#dbe6d2}
html[data-theme=dark] .fav{color:#b7caa9;border-color:#4a5e46}
html[data-theme=dark] .fav.on{background:#4b3c1c;color:#ffe0a0;border-color:#927c3e}
html[data-theme=dark] .filters :is(input,select),html[data-theme=dark] .player-search .filters :is(input,select),html[data-theme=dark] form :is(input:not([type=checkbox]),select,textarea){border-color:#52654f}
html[data-theme=dark] :is(input,textarea)::placeholder,html[data-theme=dark] body form input::placeholder,html[data-theme=dark] body form textarea::placeholder,html[data-theme=dark] .player-search input::placeholder{color:#a3b29c;opacity:1}
html[data-theme=dark] :is(.registration-group,.registration-optional,.registration-next){border-color:#3b4d3f}
html[data-theme=dark] .registration-progress progress::-webkit-progress-value{background:#b7dba1}
html[data-theme=dark] .registration-progress progress::-moz-progress-bar{background:#b7dba1}
html[data-theme=dark] .form-message,html[data-theme=dark] .form-message.success{background:#1e3425;border-color:#4b6b44;color:#c0e3b0}
html[data-theme=dark] .form-message.error{background:#3e2426;border-color:#a4646c;color:#ffc2c7}
html[data-theme=dark] .form-message.pending{background:#283522;border-color:#5b704b;color:#d3e6be}
html[data-theme=dark] [aria-invalid=true]{border-color:#f094a0!important}
html[data-theme=dark] .management-link{border-color:#607b51}
html[data-theme=dark] body dialog{border-color:#52654f;box-shadow:0 20px 70px #0007}
html[data-theme=dark] .close{background:#283a2b}
html[data-theme=dark] :is(footer .footer-contact a,.form-help a,.privacy-page a){color:#c0dda9}
html[data-theme=dark] .privacy-page .draft{background:#202f24;border-color:#607b51}
html[data-theme=dark] .admin-page{--txt:#ecf1e9;--mut:#afbdac;--line:#35463a;--accent:#b7dba1}
html[data-theme=dark] .admin-page header,html[data-theme=dark] .admin-page header a{color:#ecf1e9}
html[data-theme=dark] .admin-page button.primary{background:#c7e496;color:#162218;border-color:#c7e496}
html[data-theme=dark] .admin-page .admin-tabs .active{background:#2e422c;color:#d5e9c4;border-color:#607b51}
html[data-theme=dark] .admin-page a,html[data-theme=dark] .admin-page .badge{color:#c0dda9}
html[data-theme=dark] .admin-page .danger{background:#3e2426;color:#ffc2c7;border-color:#a4646c}
html[data-theme=dark] .admin-page :is(input:not([type=checkbox]),select,textarea){border-color:#52654f}
@media(max-width:600px){
 .theme-toggle{order:3;width:44px;padding:10px}
 .theme-label{display:none}
 .entry-mode .theme-toggle{order:3;margin-left:auto}
 .entry-mode .nav-toggle{margin-left:0}
 .global-switch{margin-right:auto}
 .entry-final-actions .btn{justify-content:center}
 html[data-theme=dark] .js body:not(.admin-page) header .nav-toggle{border-color:#52654f}
 html[data-theme=dark] .nav a[aria-current=page]{box-shadow:none}
}

/* Core journeys: publish, discover, connect. Keep these above supporting actions. */
html[data-theme] .entry-copy h1 strong{color:var(--orange)}
html[data-theme=light] .entry-copy h1 strong{color:#b94e0b}
html[data-theme] :is(header .cta,.hero .actions .btn.orange){background:var(--orange);border-color:var(--orange);color:#162218}
html[data-theme] :is(header .cta:hover,.hero .actions .btn.orange:hover){background:#f9a15c;border-color:#f9a15c}
.hero .actions{gap:12px}
.hero .actions .btn{min-height:56px;padding:16px 24px;font-size:14px;font-weight:800;gap:12px}
html[data-theme] .hero .actions .btn:not(.orange){background:var(--paper);border:2px solid #326946;color:var(--txt)}
html[data-theme=dark] .hero .actions .btn:not(.orange){background:#2e422c;border-color:#b7dba1;color:#ecf1e9}
html[data-theme] .hero .actions .btn:not(.orange):hover{background:#e4ebd9}
html[data-theme=dark] .hero .actions .btn:not(.orange):hover{background:#3a5335}
.profile-connect{margin:24px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.profile-connect h3{font:700 28px/1.1 var(--display);margin:0 0 14px}
.profile-connect .profile-actions{margin:0;align-items:center}
html[data-theme] .profile-connect .linkbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);border:1px solid var(--orange);color:#162218;min-height:52px;padding:14px 20px;font-size:14px;font-weight:800;border-radius:8px}
html[data-theme] .profile-connect .linkbtn:hover{background:#f9a15c;border-color:#f9a15c}
@media(max-width:600px){.hero .actions{display:grid;grid-template-columns:1fr;gap:12px}.hero .actions .btn{width:100%;min-height:54px;font-size:14px;padding:14px 18px}.profile-connect .profile-actions{align-items:stretch;flex-direction:column}.profile-connect .linkbtn{width:100%}}

/* Brand recognition and game-colored entry choices, identical in both themes. */
.entry-brand-heading{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}
.entry-brand-logo{width:72px;height:72px;object-fit:contain;flex-shrink:0}
.entry-brand-heading h1{font-size:clamp(64px,7.3vw,96px);margin:0;min-width:0}
.entry-copy .entry-intro{font-size:18px;line-height:1.75;max-width:48ch}
.entry-brand-heading h1 span{white-space:nowrap}
.game-choice.entry-cs2{background:#ffbf24;border-color:#ffbf24;color:#241b08}
.game-choice.entry-valorant{background:#d92d40;border-color:#d92d40;color:#fffefa}
.game-choice.entry-cs2:hover,.game-choice.entry-cs2:focus-visible{background:#ffd05c;border-color:#ffd05c}
.game-choice.entry-valorant:hover,.game-choice.entry-valorant:focus-visible{background:#c72538;border-color:#c72538}
.game-choice :is(h3,.entry-action,.entry-action svg){color:inherit}
.game-choice .entry-action{font-weight:700}
.game-choice.entry-valorant .game-logo-symbol{background:#fffefa}
@media(max-width:1000px){.entry-brand-heading{gap:14px}.entry-brand-logo{width:52px;height:52px}.entry-brand-heading h1{font-size:clamp(60px,7.6vw,76px)}.entry-copy .entry-intro{font-size:17px}}
@media(max-width:700px){.entry-brand-heading h1{font-size:64px;max-width:none}.entry-brand-logo{width:64px;height:64px}}
@media(max-width:600px){.entry-brand-heading{gap:12px;margin-bottom:20px}.entry-brand-logo{width:44px;height:44px}.entry-brand-heading h1{font-size:64px;max-width:none}.entry-copy .entry-intro{font-size:16px;line-height:1.7}}
@media(max-width:360px){.entry-brand-heading{gap:8px}.entry-brand-logo{width:36px;height:36px}.entry-brand-heading h1{font-size:56px}}

/* Shared wordmark colors on every route and theme. */
html[data-theme]{--brand-hub:#ff6370;--brand-competitive:#f58b37}
html[data-theme=light]{--brand-hub:#c92539;--brand-competitive:#b94e0b}
html[data-theme] .brand>span,html[data-theme] .admin-brand .brand-hub{color:var(--brand-hub)}
html[data-theme] .brand i,html[data-theme] .admin-brand .brand-competitive{color:var(--brand-competitive)}

/* Match-board navigation: one featured journey and two compact destinations. */
.task-menu.features{gap:0}
.task-menu>h2{margin-bottom:22px;font-size:28px}
html[data-theme] .task-menu .feature{display:block;position:relative;padding:22px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;cursor:pointer;text-decoration:none;transition:background .18s ease-out}
.task-menu .feature h3{margin:0 0 8px;font-size:32px;line-height:1.05}
.task-menu .feature p{max-width:48ch;font-size:12px;line-height:1.65;padding:0}
.task-menu .task-destination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:12px;font-weight:800;color:var(--brand-competitive)}
.task-menu .task-destination .ui-icon{width:22px;height:22px;flex-shrink:0;transition:transform .18s ease-out}
html[data-theme] .task-menu .feature:first-of-type{padding:28px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;margin-bottom:4px}
.task-menu .feature:first-of-type h3{font-size:42px}
html[data-theme] .task-menu .feature:first-of-type h3{color:var(--brand-competitive)}
.task-menu .feature:first-of-type .task-destination{margin-top:22px}
html[data-theme] .task-menu .feature:hover{padding:22px 0;background:var(--quiet)}
html[data-theme] .task-menu .feature:first-of-type:hover{padding:28px 0;background:none}
.task-menu .feature:hover .task-destination .ui-icon{transform:translateX(4px)}
.task-menu .feature:active{filter:brightness(.95)}
@media(max-width:600px){.task-menu>h2{font-size:27px}.task-menu .feature h3{font-size:30px}html[data-theme] .task-menu .feature:first-of-type,html[data-theme] .task-menu .feature:first-of-type:hover{padding:24px 0}.task-menu .feature:first-of-type h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){html[data-theme] .task-menu .feature,.task-menu .task-destination .ui-icon{transition:none}.task-menu .feature:hover .task-destination .ui-icon{transform:none}}
html[data-theme=light] body.valorant .task-menu .task-destination{color:#c92539}
html[data-theme=dark] body.valorant .task-menu .task-destination{color:#ff9da5}
html[data-theme=light] body.valorant .task-menu .feature:first-of-type h3{color:#c92539}
html[data-theme=dark] body.valorant .task-menu .feature:first-of-type h3{color:#ff9da5}