/* Spacebar Counter Suite 2.0 – tool-first layout. Colours come from the Customizer via CSS variables. */
:root{--ssc-accent:#2563eb;--ssc-highlight:#f59e0b;--ssc-header:#0f172a;--ssc-bg:#f1f4fb;--ssc-panel:#fff;--ssc-text:#1e293b;--ssc-muted:#5b6678;--ssc-width:1180px;--ssc-logo-h:36px;--ssc-border:#dbe1ee;--ssc-soft:#f6f8fc;--ssc-radius:12px}
*,*::before,*::after{box-sizing:border-box}
body.ssc-managed-site{margin:0;background:var(--ssc-bg);color:var(--ssc-text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
.ssc-site-root{min-height:100vh;display:flex;flex-direction:column}
.ssc-wrap{width:min(calc(100% - 32px),var(--ssc-width));margin-inline:auto}
.ssc-managed-site a{color:var(--ssc-accent)}
.ssc-managed-site a:hover{text-decoration:none}
.ssc-managed-site :focus-visible{outline:3px solid color-mix(in srgb,var(--ssc-accent),transparent 40%);outline-offset:2px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute!important;white-space:nowrap}
.ssc-skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px 14px;border-radius:8px;z-index:100000}
.ssc-skip-link:focus{left:8px}
[hidden]{display:none!important}

/* Header */
.ssc-header{background:var(--ssc-header);color:#fff;position:relative;z-index:50}
.ssc-header-inner{display:flex;align-items:center;gap:16px;min-height:56px}
.ssc-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:-.01em;flex-shrink:0}
.ssc-logo{height:var(--ssc-logo-h);width:auto;max-width:220px;object-fit:contain}
.ssc-brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--ssc-accent);font-size:18px}
.ssc-primary-nav{margin-left:auto}
.ssc-nav-list,.ssc-nav-list ul,.ssc-footer-links{list-style:none;margin:0;padding:0}
.ssc-nav-list{display:flex;align-items:center;gap:2px}
.ssc-nav-list>li{position:relative}
.ssc-nav-list a{display:block;padding:17px 12px;color:#e8edf7;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.ssc-nav-list>li>a:hover,.ssc-nav-list .current-menu-item>a,.ssc-nav-list .current-menu-ancestor>a{color:#fff;box-shadow:inset 0 -3px 0 var(--ssc-highlight)}
.ssc-nav-list .menu-item-has-children>a::after{content:"";display:inline-block;margin-left:6px;border:4px solid transparent;border-top-color:currentColor;border-bottom:0;vertical-align:middle}
.ssc-nav-list .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:230px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--ssc-border);border-radius:0 0 10px 10px;box-shadow:0 14px 30px rgba(15,23,42,.18);padding:6px}
.ssc-nav-list li:hover>.sub-menu,.ssc-nav-list li:focus-within>.sub-menu{display:block}
.ssc-nav-list .sub-menu a{color:var(--ssc-text);padding:9px 12px;border-radius:7px;font-weight:500}
.ssc-nav-list .sub-menu a:hover{background:var(--ssc-soft);color:var(--ssc-accent);box-shadow:none}
.ssc-sub-toggle{display:none}
.ssc-header-cta{background:var(--ssc-highlight);color:#1b1300!important;font-weight:800;font-size:14px;padding:9px 16px;border-radius:8px;text-decoration:none;white-space:nowrap}
.ssc-header-notice{background:rgba(255,255,255,.08);font-size:13px;padding:6px 0;color:#d4dbea}
.ssc-menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:8px;width:44px;height:40px;padding:9px;cursor:pointer}
.ssc-menu-toggle span[aria-hidden]{display:block;height:2px;background:#fff;margin:5px 0}

/* Page frame */
.ssc-main{flex:1;padding:6px 0 48px}
.ssc-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:0 0 4px;padding:0;font-size:13px;color:var(--ssc-muted)}
.ssc-breadcrumbs li+li::before{content:"›";margin:0 8px;color:#94a3b8}
.ssc-breadcrumbs a{text-decoration:none}
.ssc-breadcrumbs [aria-current]{color:var(--ssc-text);font-weight:600}
.ssc-h1{margin:0 0 2px;font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.02em;font-weight:800;text-align:center}
.ssc-lead{margin:0 auto 10px;max-width:980px;text-align:center;color:var(--ssc-muted);font-size:15.5px;line-height:1.5}

/* Long-form content */
.ssc-content>*{max-width:860px;margin-left:auto;margin-right:auto}
.ssc-content>.ssc-tool,.ssc-content>.ssc-board,.ssc-content>.ssc-game,.ssc-content>.ssc-mobile-help,.ssc-content>.ssc-toc,.ssc-content>.wp-block-table{max-width:none}
.ssc-content>.wp-block-table,.ssc-content>.ssc-toc{max-width:860px}
.ssc-content h2{font-size:clamp(22px,2.6vw,28px);line-height:1.25;margin:2.1em auto .5em;letter-spacing:-.015em;font-weight:800}
.ssc-content h3{font-size:19px;line-height:1.3;margin:1.6em auto .4em;font-weight:750}
.ssc-content p,.ssc-content li{font-size:17px;line-height:1.75;color:#334155}
.ssc-content p{margin-top:0;margin-bottom:1.05em}
.ssc-content ul,.ssc-content ol{padding-left:1.4em;margin-bottom:1.2em}
.ssc-content li{margin-bottom:.35em}
.ssc-content a{text-decoration:underline;text-underline-offset:2px}
.ssc-content .wp-block-table{overflow-x:auto;margin-bottom:1.4em}
.ssc-content table{border-collapse:collapse;width:100%;font-size:15px;background:var(--ssc-panel)}
.ssc-content th,.ssc-content td{border:1px solid var(--ssc-border);padding:9px 12px;text-align:left}
.ssc-content th{background:var(--ssc-soft);font-weight:700}
.ssc-content .wp-block-details{background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:10px;margin:0 auto 8px;padding:0}
.ssc-content .wp-block-details summary{cursor:pointer;padding:14px 44px 14px 16px;font-weight:700;font-size:16.5px;list-style:none;position:relative;line-height:1.4}
.ssc-content .wp-block-details summary::-webkit-details-marker{display:none}
.ssc-content .wp-block-details summary::after{content:"+";position:absolute;right:16px;top:9px;font-size:24px;font-weight:400;color:var(--ssc-accent)}
.ssc-content .wp-block-details[open] summary::after{content:"–"}
.ssc-content .wp-block-details>p{padding:0 16px;margin:0 0 14px;font-size:16.5px}
.ssc-toc{background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:10px;padding:14px 18px;margin-top:28px;margin-bottom:8px}
.ssc-toc strong{display:block;margin-bottom:6px}
.ssc-toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:28px}
.ssc-toc li{font-size:15px;margin:0 0 3px;break-inside:avoid}

/* Tool */
.ssc-tool{align-items:start;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:20px;background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:var(--ssc-radius);padding:14px 18px 16px;box-shadow:0 2px 10px rgba(15,23,42,.05);margin-bottom:14px}
.ssc-tool:fullscreen{overflow:auto;align-content:center;padding:4vh 5vw;border-radius:0;background:var(--ssc-bg)}
.ssc-tool-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.ssc-durations{display:flex;flex-wrap:wrap;gap:3px;flex:1 1 100%}
.ssc-chip{border:1px solid var(--ssc-border);background:var(--ssc-panel);color:var(--ssc-muted);font-family:inherit;font-size:13px;font-weight:600;line-height:1;padding:8px 7px;min-width:36px;border-radius:7px;cursor:pointer}
.ssc-chip:hover{border-color:var(--ssc-accent);color:var(--ssc-accent)}
.ssc-chip.is-selected{background:var(--ssc-accent);border-color:var(--ssc-accent);color:#fff}
.ssc-custom-time{display:flex;align-items:center;gap:6px}.ssc-custom-time .ssc-btn{min-height:34px;padding:6px 12px;font-size:14px}
.ssc-custom-time input{width:72px;border:1px solid var(--ssc-border);border-radius:7px;padding:6px 8px;font:inherit;font-size:14px;background:#fff;color:var(--ssc-text)}
.ssc-readout{display:flex;align-items:center;justify-content:center;gap:clamp(20px,6vw,56px);padding:2px 0}
.ssc-count,.ssc-timer{display:flex;flex-direction:column;align-items:center;line-height:1}
.ssc-count strong{font-size:clamp(64px,8vw,84px);font-weight:850;letter-spacing:-.05em;color:var(--ssc-highlight);font-variant-numeric:tabular-nums;line-height:.95}
.ssc-timer strong{font-size:clamp(32px,4.4vw,44px);font-weight:800;color:var(--ssc-text);font-variant-numeric:tabular-nums}
.ssc-count span,.ssc-timer span{margin-top:4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ssc-muted);font-weight:700}
.ssc-progress{height:5px;background:var(--ssc-soft);border-radius:5px;overflow:hidden;margin:6px 0 10px}
.ssc-progress span{display:block;height:100%;width:0;background:var(--ssc-highlight)}
.ssc-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:92px;background:var(--ssc-accent);color:#fff;border:0;border-radius:12px;cursor:pointer;padding:12px;font:inherit;box-shadow:0 5px 0 color-mix(in srgb,var(--ssc-accent),#000 28%);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .05s,box-shadow .05s}
.ssc-pad:hover{filter:brightness(1.05)}
.ssc-pad.is-hit,.ssc-pad:active{transform:translateY(4px);box-shadow:0 1px 0 color-mix(in srgb,var(--ssc-accent),#000 28%)}
.ssc-pad-title{font-size:22px;font-weight:800;letter-spacing:.01em}
.ssc-pad-sub{font-size:13px;opacity:.88}
.ssc-tool.is-locked .ssc-pad{background:#94a3b8;box-shadow:0 5px 0 #7c8aa0;cursor:not-allowed;filter:none}
.ssc-tool.is-shake .ssc-pad{animation:ssc-shake .3s}
@keyframes ssc-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ssc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ssc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 18px;border-radius:9px;border:1px solid transparent;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer;text-decoration:none!important}
.ssc-btn-primary{background:var(--ssc-accent);color:#fff!important}
.ssc-btn-primary:hover{filter:brightness(.94)}
.ssc-btn-ghost{background:var(--ssc-panel);border-color:var(--ssc-border);color:var(--ssc-text)!important}
.ssc-btn-ghost:hover{background:var(--ssc-soft)}
.ssc-btn:disabled{opacity:.6;cursor:not-allowed}
.ssc-btn.is-attention{animation:ssc-pulse 1.1s ease-in-out 3}
@keyframes ssc-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--ssc-accent),transparent 70%)}}
.ssc-tool .ssc-actions .ssc-btn-primary{flex:1 1 140px}
.ssc-status{margin:8px 0 0;font-size:14px;text-align:center;color:var(--ssc-muted);min-height:1.4em}
.ssc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ssc-stat{background:var(--ssc-soft);border:1px solid var(--ssc-border);border-radius:9px;padding:8px 10px;text-align:center;min-width:0}
.ssc-stat span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ssc-muted)}
.ssc-stat strong{display:block;font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}
.ssc-chart{margin:10px 0 0}
.ssc-chart canvas{display:block;width:100%;height:170px}
.ssc-chart figcaption{text-align:center;font-size:12px;color:var(--ssc-muted)}
.ssc-player-line{margin:8px 0 0;font-size:14px;color:var(--ssc-muted);text-align:center}
.ssc-link-btn{background:none;border:0;color:var(--ssc-accent);font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.ssc-noscript{grid-column:1/-1;color:#b91c1c}
.ssc-mobile-help{background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:10px;padding:0;margin:0 0 6px}
.ssc-mobile-help summary{cursor:pointer;font-weight:700;padding:11px 16px;font-size:15.5px}
.ssc-mobile-help ol{margin:0;padding:0 18px 4px 36px}
.ssc-mobile-help li{font-size:15.5px;line-height:1.6;margin-bottom:5px}
.ssc-mobile-help p{margin:0;padding:0 16px 12px;font-size:15px}
.ssc-touch .ssc-pad{min-height:128px}

/* Result dialog */
html.ssc-modal-open{overflow:hidden}
.ssc-modal{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:12px}
.ssc-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62)}
.ssc-modal-dialog{position:relative;background:#fff;color:var(--ssc-text,#1e293b);width:min(100%,520px);max-height:calc(100dvh - 24px);overflow:auto;border-radius:16px;padding:16px 20px 14px;box-shadow:0 24px 60px rgba(0,0,0,.35);text-align:center;outline:0}
.ssc-modal-x{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#64748b}
.ssc-modal-eyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ssc-accent)}
.ssc-modal-title{font-size:20px;font-weight:800;margin:2px 0 4px}
.ssc-m-score{display:flex;align-items:baseline;justify-content:center;gap:8px}
.ssc-m-score strong{font-size:60px;line-height:1;font-weight:850;letter-spacing:-.05em;color:var(--ssc-highlight)}
.ssc-m-score span{font-size:15px;color:var(--ssc-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ssc-m-rate{margin:0 0 8px;font-weight:700;font-size:15px}
.ssc-m-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.ssc-m-stats div{background:var(--ssc-soft);border:1px solid var(--ssc-border);border-radius:8px;padding:6px 4px}
.ssc-m-stats span{display:block;font-size:10.5px;font-weight:700;color:var(--ssc-muted);text-transform:uppercase;letter-spacing:.03em}
.ssc-m-stats strong{font-size:19px}
.ssc-m-chart{display:block;width:100%;height:104px}
.ssc-m-pb{margin:4px 0 8px;font-size:14px;font-weight:700;min-height:1.2em}
.ssc-m-form{text-align:left;border-top:1px solid var(--ssc-border);padding-top:12px}
.ssc-m-form label{display:block;font-weight:700;font-size:15px;margin-bottom:5px}
.ssc-m-form input[type=text]{width:100%;border:2px solid var(--ssc-border);border-radius:9px;padding:11px 12px;font:inherit;font-size:16px;color:#1e293b;background:#fff}
.ssc-m-form input[type=text]:focus{border-color:var(--ssc-accent);outline:0}
.ssc-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.ssc-m-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ssc-m-buttons .ssc-btn{flex:1 1 180px;min-height:42px}
.ssc-m-note{margin:6px 0 0;font-size:12.5px;color:var(--ssc-muted);line-height:1.5}
.ssc-m-msg{min-height:1.2em;margin:6px 0 0;font-size:14.5px;font-weight:700;color:#15803d}
.ssc-m-msg.is-error{color:#b91c1c}
.ssc-m-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;border-top:1px solid var(--ssc-border);padding-top:10px}
.ssc-m-actions .ssc-btn{flex:1 1 130px;min-height:40px}
.ssc-celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.ssc-confetti{position:absolute;line-height:1;animation:ssc-fly 3s cubic-bezier(.15,.6,.3,1) var(--delay,0ms) forwards;opacity:0}
@keyframes ssc-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}10%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(1)}}

/* Leaderboard */
.ssc-board{background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:var(--ssc-radius);overflow:hidden;margin:26px 0 8px}
.ssc-board-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding:16px 18px 6px}
.ssc-content .ssc-board-head h2{margin:0;font-size:22px;max-width:none}
.ssc-board-tabs{display:flex;gap:2px;overflow-x:auto;padding:6px 10px 0;border-bottom:1px solid var(--ssc-border);scrollbar-width:thin}
.ssc-board-tab{flex:0 0 auto;border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;color:var(--ssc-muted);cursor:pointer;white-space:nowrap}
.ssc-board-tab:hover{color:var(--ssc-text)}
.ssc-board-tab.is-active{color:var(--ssc-accent);border-bottom-color:var(--ssc-accent)}
.ssc-board-scroll{overflow-x:auto}
.ssc-board-table{width:100%;border-collapse:collapse;font-size:15px}
.ssc-board-table th{background:var(--ssc-soft);text-align:left;padding:9px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ssc-muted)}
.ssc-board-table td{padding:9px 14px;border-top:1px solid #edf0f6}
.ssc-rank-cell{width:54px;font-weight:800;color:var(--ssc-muted)}
.ssc-rank-1{background:#fff7d6}.ssc-rank-2{background:#f3f5f9}.ssc-rank-3{background:#fbeee3}
.ssc-rank-1 .ssc-rank-cell::after{content:" 🥇"}.ssc-rank-2 .ssc-rank-cell::after{content:" 🥈"}.ssc-rank-3 .ssc-rank-cell::after{content:" 🥉"}
.ssc-board-table tr.is-me{outline:2px solid var(--ssc-accent);outline-offset:-2px}
.ssc-player{display:inline-flex;align-items:center;gap:9px}
.ssc-avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e2e8f0;font-size:11px;font-weight:800;color:#334155;flex:0 0 28px}
.ssc-player-name{font-weight:700;overflow-wrap:anywhere}
.ssc-score-cell{font-weight:800}
.ssc-date-cell{color:var(--ssc-muted);white-space:nowrap}
.ssc-board-empty{text-align:center;padding:26px 14px!important;color:var(--ssc-muted)}
.ssc-board-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--ssc-border);background:var(--ssc-soft)}
.ssc-board-foot p{margin:0!important;font-size:13px!important;color:var(--ssc-muted)!important;line-height:1.5!important}

/* Games */
.ssc-game{background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:var(--ssc-radius);padding:14px;margin-bottom:14px}
.ssc-game-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--ssc-muted)}
.ssc-game-canvas{display:block;width:100%;height:auto;background:#f3f6fb;border:1px solid var(--ssc-border);border-radius:10px;touch-action:none}
.ssc-game-canvas-tall{max-width:720px;margin-inline:auto;background:#0d1727}
.ssc-game .ssc-actions{justify-content:center}
.ssc-clicker{max-width:720px;margin-inline:auto}
.ssc-stats-3{margin-bottom:12px}
.ssc-clicker .ssc-pad{min-height:150px}

/* Footer */
.ssc-footer{background:var(--ssc-header);color:#cfd7e6;margin-top:auto}
.ssc-footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-top:34px;padding-bottom:26px}
.ssc-footer-brand{color:#fff!important;font-weight:800;font-size:19px;text-decoration:none}
.ssc-footer-about p{margin:8px 0 0;font-size:14.5px;line-height:1.65;max-width:420px}
.ssc-footer-col h2{margin:0 0 10px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.ssc-footer-links li{margin:0 0 6px}
.ssc-footer-links a{color:#cfd7e6;font-size:15px;text-decoration:none}
.ssc-footer-links a:hover{color:#fff;text-decoration:underline}
.ssc-footer-bar{border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#a8b3c7}
.ssc-footer-bar-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding-top:12px;padding-bottom:12px}

/* Tablet */
@media(max-width:960px){
 .ssc-tool{grid-template-columns:minmax(0,1fr);gap:12px}
 .ssc-footer-main{grid-template-columns:1fr 1fr}.ssc-footer-about{grid-column:1/-1}
 .ssc-nav-list a{padding:17px 8px;font-size:13px}
 .ssc-header-cta{display:inline-flex;flex:0 0 auto;padding:8px 10px;font-size:12px;white-space:nowrap}
 .ssc-header-inner{gap:8px;flex-wrap:wrap}
 .ssc-primary-nav{margin-left:auto;min-width:0}
 .ssc-nav-list{gap:0}
 .ssc-nav-list a{padding:12px 6px;font-size:12px}
 .ssc-account-link{padding:6px 8px;font-size:12px;max-width:120px}
 .ssc-theme-toggle{padding:6px 8px;font-size:12px}
}
/* Mobile: hamburger, compact tool so the pad, count and stats sit in the first screen */
@media(max-width:820px){
 .ssc-header-inner{flex-wrap:wrap;min-height:52px;padding:6px 0}
 .ssc-menu-toggle{display:block}
 .ssc-primary-nav{display:none;flex:0 0 100%;margin:4px 0 6px}
 .ssc-primary-nav.is-open{display:block;max-height:75vh;overflow:auto}
 .ssc-nav-list{flex-direction:column;align-items:stretch;gap:0}
 .ssc-nav-list a{padding:12px 6px;font-size:16px;border-top:1px solid rgba(255,255,255,.1)}
 .ssc-nav-list>li{display:flex;flex-wrap:wrap;align-items:center}
 .ssc-nav-list>li>a{flex:1}
 .ssc-nav-list>li>a:hover,.ssc-nav-list .current-menu-item>a{box-shadow:none}
 .ssc-nav-list .menu-item-has-children>a::after{display:none}
 .ssc-sub-toggle{display:block;width:44px;height:44px;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative}
 .ssc-sub-toggle::before{content:"";position:absolute;left:16px;top:18px;border:6px solid transparent;border-top-color:#fff;border-bottom:0}
 li.is-open>.ssc-sub-toggle::before{transform:rotate(180deg)}
 .ssc-nav-list .sub-menu,.ssc-nav-list li:hover>.sub-menu{display:none;position:static;flex:0 0 100%;box-shadow:none;border:0;background:rgba(255,255,255,.06);border-radius:0;padding:0 0 4px 12px;max-height:none}
 .ssc-nav-list li.is-open>.sub-menu{display:block}
 .ssc-nav-list .sub-menu a{color:#e8edf7;border-top:0;padding:10px 6px;font-size:15px}
 .ssc-breadcrumbs{display:none}
 .ssc-h1{font-size:24px;margin:8px 0 2px}
 .ssc-lead{font-size:14.5px;line-height:1.45;margin-bottom:8px}
 .ssc-tool{padding:10px;border-radius:10px}
 .ssc-durations{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-right:-10px}
 .ssc-durations::-webkit-scrollbar{display:none}
 .ssc-chip{flex:0 0 auto;padding:9px 11px}
 .ssc-custom-time{width:100%}.ssc-custom-time input{flex:1}
 .ssc-readout{gap:28px}
 .ssc-count strong{font-size:68px}.ssc-timer strong{font-size:36px}
 .ssc-pad{min-height:104px}
 .ssc-pad-title{font-size:20px}
 .ssc-actions{margin-top:8px}.ssc-btn{min-height:44px}
 .ssc-status{font-size:13px;margin-top:6px}
 .ssc-stats{grid-template-columns:repeat(3,1fr);gap:6px}
 .ssc-stat{padding:6px 4px}.ssc-stat strong{font-size:18px}.ssc-stat span{font-size:10px}
 .ssc-chart canvas{height:130px}
 .ssc-content p,.ssc-content li{font-size:16.5px}
 .ssc-toc ol{columns:1}
 .ssc-footer-main{grid-template-columns:1fr;gap:20px}
 .ssc-m-score strong{font-size:60px}
 .ssc-board-table th,.ssc-board-table td{padding:8px 9px}
 .ssc-date-cell{display:none}.ssc-board-table th:last-child{display:none}
}
@media(max-width:420px){.ssc-wrap{width:min(calc(100% - 20px),var(--ssc-width))}.ssc-m-stats strong{font-size:16px}.ssc-modal-dialog{padding:18px 14px 14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ssc-celebration{display:none}}

/* Prevent grid/flex children from forcing horizontal overflow */
.ssc-tool>*,.ssc-tool-main,.ssc-tool-side,.ssc-tool-bar,.ssc-durations,.ssc-custom-time,.ssc-readout,.ssc-actions,.ssc-stats,.ssc-chart{min-width:0;max-width:100%}
.ssc-content>.ssc-lead{max-width:980px}
@media(max-width:820px){
 .ssc-durations{margin-right:0;flex:1 1 100%}
 .ssc-custom-time input{min-width:0}
 .ssc-actions .ssc-btn{flex:1 1 0;min-width:0;padding-inline:10px}
 .ssc-tool .ssc-actions .ssc-btn-primary{flex:1.4 1 0}
}
.ssc-touch [data-fullscreen]{display:none!important}

/* ===== 3.0: accounts, avatars, podium, join panel, newsletter, ads, consent ===== */
.ssc-avatar{overflow:hidden;line-height:1;user-select:none}
.ssc-avatar-img{object-fit:cover;background:#e2e8f0;display:inline-block}
.ssc-avatar-emoji{font-size:16px}
.ssc-player{gap:10px}
.ssc-account-link{display:inline-flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none;font-size:14px;font-weight:700;padding:7px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;white-space:nowrap;max-width:200px}
.ssc-account-link:hover{background:rgba(255,255,255,.1)}
.ssc-account-link .ssc-account-label{overflow:hidden;text-overflow:ellipsis}
.ssc-account-link.is-in{padding:4px 12px 4px 5px}

/* Podium */
.ssc-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:18px 12px 6px;background:linear-gradient(180deg,var(--ssc-soft),var(--ssc-panel))}
.ssc-pod{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;flex:1 1 0;max-width:200px;min-width:0;padding:12px 8px;border:1px solid var(--ssc-border);border-radius:14px;background:var(--ssc-panel)}
.ssc-pod-1{background:#fff7d6;border-color:#f3d77a;padding-bottom:20px;order:2}
.ssc-pod-2{background:#f3f5f9;order:1}.ssc-pod-3{background:#fbeee3;order:3}
.ssc-pod.is-me{outline:2px solid var(--ssc-accent)}
.ssc-pod-medal{font-size:24px;line-height:1}
.ssc-pod-name{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ssc-pod-score{font-size:26px;font-weight:850;color:var(--ssc-highlight);line-height:1.1;font-variant-numeric:tabular-nums}
.ssc-pod-pps{font-size:12px;color:var(--ssc-muted)}

/* Join panel in the result dialog */
.ssc-m-user,.ssc-m-join{text-align:left;border-top:1px solid var(--ssc-border);padding-top:12px;margin-top:4px}
.ssc-m-userline{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ssc-m-userline strong{display:block;font-size:17px}.ssc-m-sub{display:block;font-size:13px;color:var(--ssc-muted)}
.ssc-m-joinhead{margin:0 0 4px;font-size:18px;font-weight:800}
.ssc-m-joinsub{margin:0 0 10px;font-size:14px;color:var(--ssc-muted);line-height:1.5}
.ssc-m-google{display:flex;justify-content:center;min-height:44px;margin-bottom:6px}
.ssc-or{display:flex;align-items:center;gap:10px;color:var(--ssc-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:6px 0 10px}
.ssc-or::before,.ssc-or::after{content:"";flex:1;height:1px;background:var(--ssc-border)}
.ssc-tabs{display:flex;gap:4px;margin:0 0 10px;border-bottom:1px solid var(--ssc-border)}
.ssc-tabs button{flex:1;border:0;background:transparent;font:inherit;font-weight:700;font-size:14.5px;padding:10px 6px;color:var(--ssc-muted);border-bottom:3px solid transparent;cursor:pointer}
.ssc-tabs button.is-active{color:var(--ssc-accent);border-bottom-color:var(--ssc-accent)}
.ssc-form label{display:block;font-weight:700;font-size:14px;margin:10px 0 4px}
.ssc-form input[type=text],.ssc-form input[type=email],.ssc-form input[type=password],.ssc-form select,.ssc-form textarea{width:100%;border:2px solid var(--ssc-border);border-radius:9px;padding:10px 12px;font:inherit;font-size:16px;color:#1e293b;background:#fff}
.ssc-form input:focus,.ssc-form select:focus,.ssc-form textarea:focus{border-color:var(--ssc-accent);outline:0}
.ssc-form .ssc-btn{margin-top:12px;width:100%}
.ssc-check{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important;font-size:13.5px!important;line-height:1.45;margin:8px 0 0!important}
.ssc-check input{margin-top:3px;flex:0 0 auto}
.ssc-m-form[hidden],.ssc-m-user[hidden],.ssc-m-join[hidden]{display:none!important}

/* Account page */
.ssc-account{max-width:960px;margin:0 auto 24px}
.ssc-acc-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.ssc-acc-head h2{margin:0!important;font-size:24px!important;max-width:none!important}
.ssc-acc-sub{margin:2px 0 8px!important;color:var(--ssc-muted)!important;font-size:14.5px!important}
.ssc-acc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}
.ssc-acc-card{background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:var(--ssc-radius);padding:16px 18px;margin-bottom:14px}
.ssc-acc-grid .ssc-acc-card{margin-bottom:0}
.ssc-acc-card h2,.ssc-acc-card h3{margin:0 0 8px!important;font-size:18px!important}
.ssc-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:10px}
.ssc-preset{aspect-ratio:1;border:2px solid transparent;border-radius:50%;font-size:20px;cursor:pointer;display:grid;place-items:center;padding:0}
.ssc-preset.is-on{border-color:var(--ssc-accent)}
.ssc-acc-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.ssc-file{cursor:pointer}
.ssc-acc-danger{margin:0 0 0 auto;font-size:14px}.ssc-acc-danger summary{cursor:pointer;color:#b91c1c;font-weight:700}
.ssc-acc-danger p{font-size:14px!important;margin:8px 0!important}
.ssc-account .ssc-m-msg{margin:10px 0}

/* Newsletter + contact forms */
.ssc-subscribe{background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:var(--ssc-radius);padding:16px 18px;margin:0 0 18px;max-width:640px}
.ssc-subscribe label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.ssc-nl-row{display:flex;gap:8px;flex-wrap:wrap}.ssc-nl-row input[type=email]{flex:1 1 220px;min-width:0;border:2px solid var(--ssc-border);border-radius:9px;padding:10px 12px;font:inherit;font-size:16px}
.ssc-nl-row .ssc-btn{flex:0 0 auto}
.ssc-nl-msg{min-height:1.2em;margin:8px 0 0!important;font-size:14px!important;font-weight:700}
.ssc-nl-msg.is-ok,.ssc-nl-notice.is-ok{color:#15803d}.ssc-nl-msg.is-error,.ssc-nl-notice.is-bad{color:#b91c1c}
.ssc-nl-notice{font-weight:700;margin:0 0 10px!important}
.ssc-subscribe.is-compact{background:transparent;border:0;padding:0;margin:0}
.ssc-footer .ssc-subscribe label:not(.ssc-check){position:absolute;left:-9999px}
.ssc-footer .ssc-subscribe .ssc-check{color:#cfd7e6;font-size:12.5px!important}.ssc-footer .ssc-subscribe .ssc-check a{color:#fff}
.ssc-footer .ssc-nl-msg{color:#fde68a}.ssc-footer .ssc-nl-msg.is-ok{color:#86efac}
.ssc-footer-news p{font-size:14px;margin:0 0 8px}
.ssc-contact{max-width:620px;background:var(--ssc-panel);border:1px solid var(--ssc-border);border-radius:var(--ssc-radius);padding:6px 18px 18px;margin:0 0 20px}
.ssc-contact .ssc-nl-msg{margin-top:10px!important}
.ssc-sitemap ul{list-style:disc;padding-left:1.3em}.ssc-sitemap ul ul{margin-top:4px;margin-bottom:6px}.ssc-sitemap li{margin-bottom:4px}

/* Footer: 4 columns + legal strip */
.ssc-footer-main{grid-template-columns:1.3fr 1fr 1fr 1.2fr}
.ssc-footer-legal{border-top:1px solid rgba(255,255,255,.12);font-size:13.5px}
.ssc-footer-legal .ssc-wrap{display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:12px;padding-bottom:4px}
.ssc-legal-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.ssc-footer-legal a{color:#cfd7e6;text-decoration:none}.ssc-footer-legal a:hover{color:#fff;text-decoration:underline}

/* Byline, ads, consent banner */
.ssc-byline{max-width:860px;margin:28px auto 0;padding-top:14px;border-top:1px solid var(--ssc-border);font-size:13.5px;color:var(--ssc-muted)}
.ssc-ad{max-width:860px;margin:28px auto;padding:10px 0;text-align:center;min-height:90px;clear:both}
.ssc-ad[hidden]{display:none}
.ssc-ad-label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ssc-muted);margin-bottom:6px}
.ssc-ad-ph{border:1px dashed var(--ssc-border);border-radius:10px;padding:26px 14px;font-size:13px;color:var(--ssc-muted)}
.ssc-consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:99980;max-width:760px;margin-inline:auto;background:#fff;color:#1e293b;border:1px solid var(--ssc-border);border-radius:14px;box-shadow:0 18px 50px rgba(15,23,42,.28);padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.ssc-consent[hidden]{display:none}
.ssc-consent p{margin:0;font-size:13.5px;line-height:1.5;flex:1 1 320px}
.ssc-consent-buttons{display:flex;gap:8px;flex-wrap:wrap}
.ssc-consent .ssc-btn{min-height:40px;padding:8px 14px;font-size:14px}

@media(max-width:960px){.ssc-account-link{display:none}.ssc-footer-main{grid-template-columns:1fr 1fr}.ssc-footer-news{grid-column:1/-1}}
@media(max-width:820px){
 .ssc-account-link{display:inline-flex;margin-left:auto;padding:5px 10px;font-size:13px;max-width:130px;order:2}.ssc-menu-toggle{margin-left:8px;order:3}
 .ssc-footer-main{grid-template-columns:1fr}
 .ssc-presets{grid-template-columns:repeat(4,1fr)}
 .ssc-podium{gap:6px;padding:12px 6px 4px}.ssc-pod{padding:10px 4px}.ssc-pod-score{font-size:22px}
 .ssc-acc-danger{margin-left:0}
}


/* Site-wide dark theme. Scoped to the saved theme class so light mode stays unchanged. */
html.ssc-dark-mode {
  color-scheme: dark;
  --ssc-bg:#090b10;
  --ssc-panel:#171a21;
  --ssc-text:#ffffff;
  --ssc-muted:#e1e5ec;
  --ssc-border:#414754;
  --ssc-soft:#222630;
  --ssc-highlight:#e8bd4a;
  --ssc-dark-surface:#171a21;
  --ssc-dark-header:#090b10;
  --ssc-dark-input:#101319;
  background:#090b10 !important;
}
html.ssc-dark-mode body,
html.ssc-dark-mode body.ssc-managed-site,
html.ssc-dark-mode .ssc-site-root,
html.ssc-dark-mode main,
html.ssc-dark-mode .ssc-main,
html.ssc-dark-mode .ssc-content,
html.ssc-dark-mode .ssc-wrap,
html.ssc-dark-mode .ssc-breadcrumbs,
html.ssc-dark-mode .ssc-ad,
html.ssc-dark-mode .ssc-byline { background-color:#090b10 !important; background-image:none !important; color:#fff !important; }

/* Full-bleed header and every footer strip share one continuous dark color. */
html.ssc-dark-mode .ssc-header,
html.ssc-dark-mode .ssc-header-inner,
html.ssc-dark-mode .ssc-header-notice,
html.ssc-dark-mode .ssc-primary-nav,
html.ssc-dark-mode .ssc-footer,
html.ssc-dark-mode .ssc-footer-main,
html.ssc-dark-mode .ssc-footer-bar,
html.ssc-dark-mode .ssc-footer-bar-inner,
html.ssc-dark-mode .ssc-footer-legal,
html.ssc-dark-mode .ssc-footer-legal .ssc-wrap {
  background-color:#090b10 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#303541 !important;
}
html.ssc-dark-mode .ssc-header,
html.ssc-dark-mode .ssc-footer { width:100%; }
html.ssc-dark-mode .ssc-nav-list a,
html.ssc-dark-mode .ssc-nav-list>li>a,
html.ssc-dark-mode .ssc-footer a,
html.ssc-dark-mode .ssc-footer p,
html.ssc-dark-mode .ssc-footer li,
html.ssc-dark-mode .ssc-footer-bar,
html.ssc-dark-mode .ssc-footer-legal,
html.ssc-dark-mode .ssc-header a:not(.ssc-header-cta),
html.ssc-dark-mode .ssc-header-notice { color:#fff !important; }
html.ssc-dark-mode .ssc-nav-list>li>a:hover,
html.ssc-dark-mode .ssc-nav-list .current-menu-item>a,
html.ssc-dark-mode .ssc-nav-list .current-menu-ancestor>a,
html.ssc-dark-mode .ssc-footer a:hover,
html.ssc-dark-mode .ssc-footer-legal a:hover { color:#e8bd4a !important; }
html.ssc-dark-mode .ssc-nav-list>li>a:hover,
html.ssc-dark-mode .ssc-nav-list .current-menu-item>a,
html.ssc-dark-mode .ssc-nav-list .current-menu-ancestor>a { box-shadow:inset 0 -3px 0 #e8bd4a !important; }
html.ssc-dark-mode .ssc-nav-list .sub-menu,
html.ssc-dark-mode .ssc-nav-list .sub-menu a { background:#171a21 !important; color:#fff !important; border-color:#414754 !important; }
html.ssc-dark-mode .ssc-nav-list .sub-menu a:hover { background:#292d37 !important; color:#e8bd4a !important; }
html.ssc-dark-mode .ssc-header-cta { background:#e8bd4a !important; color:#17130a !important; }
html.ssc-dark-mode .ssc-theme-toggle { color:#fff !important; background:transparent !important; border-color:#e8bd4a !important; }
html.ssc-dark-mode .ssc-menu-toggle { background:transparent !important; border-color:#e8bd4a !important; }

/* Panels, game boards, result cards, tables, accordions and content boxes. */
html.ssc-dark-mode .ssc-article,
html.ssc-dark-mode .ssc-card,
html.ssc-dark-mode .ssc-panel,
html.ssc-dark-mode .ssc-tool,
html.ssc-dark-mode .ssc-tool-card,
html.ssc-dark-mode .ssc-form-card,
html.ssc-dark-mode .ssc-content section,
html.ssc-dark-mode .ssc-content aside,
html.ssc-dark-mode .ssc-content blockquote,
html.ssc-dark-mode .ssc-content .wp-block-details,
html.ssc-dark-mode .ssc-toc,
html.ssc-dark-mode .ssc-table-wrap,
html.ssc-dark-mode .ssc-result,
html.ssc-dark-mode .ssc-stat,
html.ssc-dark-mode .ssc-game-shell,
html.ssc-dark-mode .ssc-board,
html.ssc-dark-mode .ssc-game,
html.ssc-dark-mode .ssc-leaderboard,
html.ssc-dark-mode .ssc-podium,
html.ssc-dark-mode .ssc-pod,
html.ssc-dark-mode .ssc-subscribe,
html.ssc-dark-mode .ssc-contact,
html.ssc-dark-mode .ssc-ad-ph,
html.ssc-dark-mode .ssc-consent {
  background-color:#171a21 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#414754 !important;
}
html.ssc-dark-mode h1, html.ssc-dark-mode h2, html.ssc-dark-mode h3,
html.ssc-dark-mode h4, html.ssc-dark-mode h5, html.ssc-dark-mode h6,
html.ssc-dark-mode .ssc-title, html.ssc-dark-mode .ssc-heading,
html.ssc-dark-mode .ssc-brand-name,
html.ssc-dark-mode .ssc-content strong, html.ssc-dark-mode .ssc-content b,
html.ssc-dark-mode .ssc-content p, html.ssc-dark-mode .ssc-content li,
html.ssc-dark-mode .ssc-content span, html.ssc-dark-mode .ssc-content div,
html.ssc-dark-mode label, html.ssc-dark-mode .ssc-muted,
html.ssc-dark-mode .ssc-lead, html.ssc-dark-mode .ssc-count span,
html.ssc-dark-mode .ssc-timer span, html.ssc-dark-mode .ssc-footer-col h2,
html.ssc-dark-mode .ssc-consent p { color:#fff !important; }
html.ssc-dark-mode a { color:#e8bd4a; }
html.ssc-dark-mode .ssc-content a,
html.ssc-dark-mode .ssc-breadcrumbs a,
html.ssc-dark-mode .ssc-legal-links a { color:#f0cb61 !important; }
html.ssc-dark-mode .ssc-content table,
html.ssc-dark-mode .ssc-content th,
html.ssc-dark-mode .ssc-content td { background:#171a21 !important; color:#fff !important; border-color:#414754 !important; }
html.ssc-dark-mode .ssc-content th { background:#242832 !important; }
html.ssc-dark-mode .ssc-content .wp-block-details summary::after { color:#e8bd4a !important; }
html.ssc-dark-mode .ssc-count strong,
html.ssc-dark-mode .ssc-result strong,
html.ssc-dark-mode .ssc-stat strong,
html.ssc-dark-mode .ssc-highlight,
html.ssc-dark-mode .ssc-nl-msg { color:#e8bd4a !important; }
html.ssc-dark-mode .ssc-progress { background:#303541 !important; }
html.ssc-dark-mode .ssc-progress span { background:#e8bd4a !important; }
html.ssc-dark-mode .ssc-chip,
html.ssc-dark-mode .ssc-preset { background:#222630 !important; color:#fff !important; border-color:#414754 !important; }
html.ssc-dark-mode .ssc-chip.is-selected,
html.ssc-dark-mode .ssc-btn-primary,
html.ssc-dark-mode .ssc-primary-button,
html.ssc-dark-mode .ssc-button,
html.ssc-dark-mode .button,
html.ssc-dark-mode .wp-element-button { background:#e8bd4a !important; color:#17130a !important; border-color:#e8bd4a !important; }
html.ssc-dark-mode .ssc-pad { background:#e8bd4a !important; color:#17130a !important; }
html.ssc-dark-mode input,
html.ssc-dark-mode select,
html.ssc-dark-mode textarea,
html.ssc-dark-mode .ssc-nl-row input[type=email],
html.ssc-dark-mode .ssc-custom-time input {
  background:#101319 !important; color:#fff !important; border-color:#596171 !important;
  caret-color:#e8bd4a;
}
html.ssc-dark-mode input::placeholder,
html.ssc-dark-mode textarea::placeholder { color:#c2c8d2 !important; opacity:1; }
html.ssc-dark-mode input[type=checkbox],
html.ssc-dark-mode input[type=radio] { accent-color:#e8bd4a; }
html.ssc-dark-mode button:not(.ssc-pad):not(.ssc-btn-primary):not(.ssc-header-cta):not(.ssc-theme-toggle):not(.ssc-menu-toggle),
html.ssc-dark-mode .ssc-btn:not(.ssc-btn-primary) { background:#222630; color:#fff; border-color:#596171; }
html.ssc-dark-mode .ssc-nl-msg.is-ok,
html.ssc-dark-mode .ssc-nl-notice.is-ok { color:#9be7ad !important; }
html.ssc-dark-mode .ssc-nl-msg.is-error,
html.ssc-dark-mode .ssc-nl-notice.is-bad { color:#ff9b9b !important; }
html.ssc-dark-mode .ssc-footer .ssc-subscribe,
html.ssc-dark-mode .ssc-footer .ssc-subscribe.is-compact { background:transparent !important; border-color:transparent !important; }
html.ssc-dark-mode .ssc-footer .ssc-subscribe .ssc-check { color:#fff !important; }
html.ssc-dark-mode .ssc-footer .ssc-nl-msg { color:#f0cb61 !important; }
html.ssc-dark-mode .ssc-footer .ssc-nl-msg.is-ok { color:#9be7ad !important; }
html.ssc-dark-mode svg,
html.ssc-dark-mode .ssc-icon { color:currentColor; }
html.ssc-dark-mode .ssc-consent { box-shadow:0 18px 50px rgba(0,0,0,.55); }
html.ssc-dark-mode .ssc-theme-toggle:focus-visible,
html.ssc-dark-mode button:focus-visible,
html.ssc-dark-mode a:focus-visible,
html.ssc-dark-mode input:focus-visible,
html.ssc-dark-mode select:focus-visible,
html.ssc-dark-mode textarea:focus-visible { outline:3px solid #e8bd4a !important; outline-offset:2px; }
.ssc-theme-toggle { display:inline-flex; align-items:center; gap:6px; border:1px solid rgba(127,127,127,.45); border-radius:6px; padding:7px 10px; background:transparent; color:inherit; font:inherit; cursor:pointer; white-space:nowrap; }


/* Layout and responsive corrections: full-bleed shell, centered content, no side color strip. */
html, body.ssc-managed-site { width:100%; max-width:100%; margin:0!important; padding:0!important; overflow-x:clip; }
body.ssc-managed-site { min-width:320px; }
.ssc-site-root, .ssc-header, .ssc-footer, .ssc-main { width:100%; max-width:none; margin-inline:0; }
.ssc-header-inner, .ssc-footer-main, .ssc-footer-bar-inner, .ssc-footer-legal .ssc-wrap, .ssc-main>.ssc-wrap { min-width:0; }
.ssc-header-inner { flex-wrap:nowrap; }
.ssc-brand { min-width:0; }
.ssc-primary-nav { min-width:0; }
.ssc-nav-list { min-width:0; }
.ssc-nav-list>li { min-width:0; }
.ssc-nav-list a { overflow-wrap:normal; }
.ssc-footer-main { align-items:start; }
.ssc-footer-about { min-width:0; }
.ssc-footer-col { min-width:0; }
.ssc-footer-bar-inner { align-items:center; }
@media (min-width:821px) and (max-width:1100px) {
 .ssc-header-inner { gap:8px; }
 .ssc-brand { font-size:15px; gap:6px; }
 .ssc-logo { max-width:150px; }
 .ssc-nav-list a { padding:14px 6px; font-size:12px; }
 .ssc-account-link { padding:6px 8px; font-size:12px; }
 .ssc-theme-toggle { padding:6px 8px; font-size:12px; }
 .ssc-header-cta { padding:7px 8px; font-size:12px; }
}
@media (max-width:820px) {
 .ssc-header-inner { flex-wrap:wrap; }
 .ssc-header-cta { display:inline-flex; margin-left:auto; }
 .ssc-footer-main { grid-template-columns:1fr; }
 .ssc-footer-about { grid-column:auto; }
}
@media (min-width:821px) and (max-width:960px) {
 .ssc-primary-nav { order:5; flex:1 0 100%; margin:0; }
 .ssc-nav-list { flex-wrap:wrap; justify-content:center; }
}
html.ssc-dark-mode .ssc-wrap { background:transparent!important; }
html.ssc-dark-mode .ssc-site-root,
html.ssc-dark-mode body.ssc-managed-site,
html.ssc-dark-mode .ssc-main { background:#090b10!important; }
html.ssc-dark-mode .ssc-header,
html.ssc-dark-mode .ssc-footer,
html.ssc-dark-mode .ssc-footer-main,
html.ssc-dark-mode .ssc-footer-bar,
html.ssc-dark-mode .ssc-footer-legal { background:#090b10!important; }
html.ssc-dark-mode input, html.ssc-dark-mode select, html.ssc-dark-mode textarea {
 background:#101319!important; color:#fff!important; border-color:#555d6b!important;
}
html.ssc-dark-mode input::placeholder, html.ssc-dark-mode textarea::placeholder { color:#c4cad4!important; opacity:1; }
html.ssc-dark-mode .ssc-subscribe, html.ssc-dark-mode .ssc-subscribe p,
html.ssc-dark-mode .ssc-subscribe label, html.ssc-dark-mode .ssc-nl-msg,
html.ssc-dark-mode .ssc-footer-news p { color:#fff!important; }
html.ssc-dark-mode .ssc-rank-1, html.ssc-dark-mode .ssc-rank-2, html.ssc-dark-mode .ssc-rank-3,
html.ssc-dark-mode .ssc-pod-1, html.ssc-dark-mode .ssc-pod-2, html.ssc-dark-mode .ssc-pod-3 {
 background:#242832!important; color:#fff!important; border-color:#555d6b!important;
}
html.ssc-dark-mode .ssc-board-table td { border-color:#414754!important; }
html.ssc-dark-mode .ssc-board-table th { color:#fff!important; }

.ssc-footer-brand{display:inline-flex;align-items:center;gap:10px}
.ssc-footer-logo{display:block;width:auto;height:32px;max-width:180px;object-fit:contain}
html.ssc-dark-mode .ssc-footer-brand{color:#fff!important}

/* ===== v3.0.6 fixes ===== */

/* Footer logo: shown at its natural proportions, never cropped or squashed, no site-name text beside it. */
.ssc-footer .ssc-footer-about .ssc-footer-brand{display:inline-flex!important;align-items:center;width:auto!important;max-width:100%!important;overflow:visible!important;line-height:0;padding:2px 0}
.ssc-footer .ssc-footer-about img.ssc-footer-logo,
.ssc-footer img.ssc-footer-logo{display:block!important;width:auto!important;height:44px!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;flex:0 0 auto}
.ssc-footer .ssc-footer-about .ssc-footer-brand>span{line-height:1.3;overflow-wrap:anywhere}
.ssc-footer-about p{margin-top:12px}

/* Dark mode: byline sits as plain text under the content (same as light mode), never as its own box. */
html.ssc-dark-mode .ssc-article{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html.ssc-dark-mode .ssc-byline{
  background:transparent!important;background-image:none!important;
  max-width:860px;width:100%;margin:28px auto 0;padding:16px 0 4px;
  border-top:1px solid #303541!important;color:#e1e5ec!important;
  font-size:13.5px;line-height:1.7;overflow-wrap:anywhere;word-break:normal;
  white-space:normal;height:auto;overflow:visible}
html.ssc-dark-mode .ssc-byline a{color:#f0cb61!important}
html.ssc-dark-mode .ssc-byline time{color:inherit!important}
.ssc-byline{overflow-wrap:anywhere;white-space:normal;height:auto}

/* Dark mode: clear separation between the page content and the footer. */
.ssc-main{padding-bottom:56px}
html.ssc-dark-mode .ssc-footer{background:#0d1118!important;border-top:1px solid #303541!important;margin-top:8px}
html.ssc-dark-mode .ssc-footer-main,
html.ssc-dark-mode .ssc-footer-bar,
html.ssc-dark-mode .ssc-footer-bar-inner,
html.ssc-dark-mode .ssc-footer-legal,
html.ssc-dark-mode .ssc-footer-legal .ssc-wrap{background:transparent!important}
html.ssc-dark-mode .ssc-footer-bar,
html.ssc-dark-mode .ssc-footer-legal{border-top:1px solid #262b36!important}

/* Dark mode: navigation bar is clearly visible against the page. */
html.ssc-dark-mode .ssc-header{background:#131824!important;border-bottom:1px solid #414754!important;box-shadow:0 2px 14px rgba(0,0,0,.55)}
html.ssc-dark-mode .ssc-header-inner,
html.ssc-dark-mode .ssc-primary-nav,
html.ssc-dark-mode .ssc-header-notice{background:transparent!important}
html.ssc-dark-mode .ssc-nav-list>li>a{color:#fff!important;font-weight:700;font-size:14.5px;letter-spacing:.01em}
html.ssc-dark-mode .ssc-nav-list>li>a:hover,
html.ssc-dark-mode .ssc-nav-list .current-menu-item>a,
html.ssc-dark-mode .ssc-nav-list .current-menu-ancestor>a{background:rgba(232,189,74,.14)!important;color:#f0cb61!important;box-shadow:inset 0 -3px 0 #e8bd4a!important}
html.ssc-dark-mode .ssc-nav-list .sub-menu{background:#1a1f2b!important;border:1px solid #4a5160!important;box-shadow:0 16px 34px rgba(0,0,0,.65)}
html.ssc-dark-mode .ssc-nav-list .sub-menu a{background:transparent!important;color:#fff!important}
html.ssc-dark-mode .ssc-nav-list .sub-menu a:hover{background:#2a3040!important;color:#f0cb61!important}
html.ssc-dark-mode .ssc-account-link{color:#fff!important;border-color:#e8bd4a!important}
html.ssc-dark-mode .ssc-theme-toggle{color:#fff!important;border-color:#e8bd4a!important;background:rgba(232,189,74,.1)!important}
html.ssc-dark-mode .ssc-menu-toggle span[aria-hidden]{background:#e8bd4a!important}
@media(max-width:820px){
  html.ssc-dark-mode .ssc-nav-list a{border-top:1px solid #303541!important;color:#fff!important}
  html.ssc-dark-mode .ssc-nav-list .sub-menu{background:#0d1118!important;box-shadow:none}
}

/* ===== v3.0.7 fixes ===== */

/* Dark mode: text on mustard buttons stays dark (the generic ".ssc-content span/div" white rule was overriding it). */
html.ssc-dark-mode .ssc-pad,
html.ssc-dark-mode .ssc-pad *,
html.ssc-dark-mode .ssc-pad .ssc-pad-title,
html.ssc-dark-mode .ssc-pad .ssc-pad-sub,
html.ssc-dark-mode .ssc-content .ssc-pad span,
html.ssc-dark-mode .ssc-btn-primary,
html.ssc-dark-mode .ssc-btn-primary *,
html.ssc-dark-mode .ssc-content .ssc-btn-primary,
html.ssc-dark-mode .ssc-content .ssc-btn-primary span,
html.ssc-dark-mode .ssc-header-cta,
html.ssc-dark-mode .ssc-content .button,
html.ssc-dark-mode .ssc-content .wp-element-button,
html.ssc-dark-mode .ssc-chip.is-selected{color:#17130a!important;opacity:1}
html.ssc-dark-mode .ssc-pad .ssc-pad-sub{opacity:.9}
html.ssc-dark-mode .ssc-pad{box-shadow:0 5px 0 #a88422!important}
html.ssc-dark-mode .ssc-pad.is-hit,html.ssc-dark-mode .ssc-pad:active{box-shadow:0 1px 0 #a88422!important}
html.ssc-dark-mode .ssc-tool.is-locked .ssc-pad{background:#6b7280!important;box-shadow:0 5px 0 #4b5563!important}
html.ssc-dark-mode .ssc-tool.is-locked .ssc-pad,
html.ssc-dark-mode .ssc-tool.is-locked .ssc-pad *{color:#f3f4f6!important}
/* Ghost / secondary buttons stay light-on-dark */
html.ssc-dark-mode .ssc-btn-ghost,
html.ssc-dark-mode .ssc-content .ssc-btn-ghost{background:#222630!important;color:#fff!important;border-color:#596171!important}

/* Dark mode: result / join popup. It sits outside the page content, so it needs its own dark surface. */
html.ssc-dark-mode .ssc-modal-backdrop{background:rgba(0,0,0,.78)}
html.ssc-dark-mode .ssc-modal-dialog{background:#171a21!important;color:#fff!important;border:1px solid #414754;box-shadow:0 24px 70px rgba(0,0,0,.75)}
html.ssc-dark-mode .ssc-modal-dialog,
html.ssc-dark-mode .ssc-modal-dialog p,
html.ssc-dark-mode .ssc-modal-dialog div,
html.ssc-dark-mode .ssc-modal-dialog label,
html.ssc-dark-mode .ssc-modal-dialog li,
html.ssc-dark-mode .ssc-modal-title{color:#fff}
html.ssc-dark-mode .ssc-modal-x{color:#e1e5ec!important}
html.ssc-dark-mode .ssc-modal-x:hover{color:#e8bd4a!important;background:rgba(255,255,255,.08)!important}
html.ssc-dark-mode .ssc-modal-eyebrow{color:#e8bd4a!important}
html.ssc-dark-mode .ssc-m-score strong,
html.ssc-dark-mode .ssc-modal-dialog .ssc-m-score strong{color:#e8bd4a!important}
html.ssc-dark-mode .ssc-m-score span,
html.ssc-dark-mode .ssc-m-stats span,
html.ssc-dark-mode .ssc-m-sub,
html.ssc-dark-mode .ssc-m-joinsub,
html.ssc-dark-mode .ssc-m-note,
html.ssc-dark-mode .ssc-or,
html.ssc-dark-mode .ssc-m-pb,
html.ssc-dark-mode .ssc-m-rate{color:#e1e5ec!important}
html.ssc-dark-mode .ssc-m-stats div{background:#222630!important;border-color:#414754!important}
html.ssc-dark-mode .ssc-m-stats strong,
html.ssc-dark-mode .ssc-m-userline strong,
html.ssc-dark-mode .ssc-m-joinhead{color:#fff!important}
html.ssc-dark-mode .ssc-m-form,
html.ssc-dark-mode .ssc-m-user,
html.ssc-dark-mode .ssc-m-join,
html.ssc-dark-mode .ssc-m-actions,
html.ssc-dark-mode .ssc-tabs{border-color:#414754!important}
html.ssc-dark-mode .ssc-or::before,
html.ssc-dark-mode .ssc-or::after{background:#414754!important}
html.ssc-dark-mode .ssc-modal-dialog input[type=text],
html.ssc-dark-mode .ssc-modal-dialog input[type=email],
html.ssc-dark-mode .ssc-modal-dialog input[type=password],
html.ssc-dark-mode .ssc-modal-dialog input:not([type=checkbox]):not([type=radio]){background:#101319!important;color:#fff!important;border:2px solid #596171!important}
html.ssc-dark-mode .ssc-modal-dialog input:focus{border-color:#e8bd4a!important}
html.ssc-dark-mode .ssc-tabs button{background:transparent!important;color:#e1e5ec!important;border-color:transparent!important}
html.ssc-dark-mode .ssc-tabs button.is-active{color:#e8bd4a!important;border-bottom-color:#e8bd4a!important}
html.ssc-dark-mode .ssc-modal-dialog a{color:#f0cb61!important}
html.ssc-dark-mode .ssc-m-msg{color:#9be7ad!important}
html.ssc-dark-mode .ssc-m-msg.is-error{color:#ff9b9b!important}
html.ssc-dark-mode .ssc-modal-dialog .ssc-btn-primary,
html.ssc-dark-mode .ssc-modal-dialog .ssc-btn-primary *{background:#e8bd4a!important;color:#17130a!important;border-color:#e8bd4a!important}
html.ssc-dark-mode .ssc-modal-dialog .ssc-btn-primary *{background:transparent!important}
html.ssc-dark-mode .ssc-modal-dialog .ssc-btn:not(.ssc-btn-primary){background:#222630!important;color:#fff!important;border:1px solid #596171!important}

/* ===== v3.0.8: leaderboard / top-score lists ===== */
.ssc-board-table{min-width:460px}
.ssc-board-table td,.ssc-board-table th{vertical-align:middle}
.ssc-board-table .ssc-score-cell{font-variant-numeric:tabular-nums;white-space:nowrap}
.ssc-board .ssc-board-head{align-items:center}
.ssc-board .ssc-board-head a{font-weight:700;font-size:14px}

/* Dark mode: every part of the list (rank, avatar, name, score, per-sec, date) is clearly readable. */
html.ssc-dark-mode .ssc-board{background:#171a21!important;border-color:#414754!important}
html.ssc-dark-mode .ssc-board-head h2,
html.ssc-dark-mode .ssc-content .ssc-board-head h2{color:#fff!important}
html.ssc-dark-mode .ssc-board-head a{color:#f0cb61!important}
html.ssc-dark-mode .ssc-board-tabs{border-color:#414754!important}
html.ssc-dark-mode .ssc-board-tab{background:transparent!important;color:#e1e5ec!important}
html.ssc-dark-mode .ssc-board-tab:hover{color:#fff!important}
html.ssc-dark-mode .ssc-board-tab.is-active{color:#e8bd4a!important;border-bottom-color:#e8bd4a!important}
html.ssc-dark-mode .ssc-board-table{color:#fff!important}
html.ssc-dark-mode .ssc-board-table th{background:#242832!important;color:#e1e5ec!important;border-color:#414754!important}
html.ssc-dark-mode .ssc-board-table td{background:#171a21!important;color:#fff!important;border-color:#2c313c!important}
html.ssc-dark-mode .ssc-board-table .ssc-rank-cell{color:#e1e5ec!important}
html.ssc-dark-mode .ssc-board-table .ssc-player-name{color:#fff!important}
html.ssc-dark-mode .ssc-board-table .ssc-score-cell{color:#e8bd4a!important}
html.ssc-dark-mode .ssc-board-table .ssc-date-cell{color:#c4cad4!important}
html.ssc-dark-mode .ssc-board-table tr.ssc-rank-1 td{background:#2a2614!important}
html.ssc-dark-mode .ssc-board-table tr.ssc-rank-2 td{background:#232731!important}
html.ssc-dark-mode .ssc-board-table tr.ssc-rank-3 td{background:#2a2019!important}
html.ssc-dark-mode .ssc-board-table tr.is-me{outline:2px solid #e8bd4a}
html.ssc-dark-mode .ssc-board-empty{color:#e1e5ec!important}
html.ssc-dark-mode .ssc-avatar{background:#2f3542!important;color:#fff!important}
html.ssc-dark-mode .ssc-board-foot{background:#1d2129!important;border-color:#414754!important}
html.ssc-dark-mode .ssc-board-foot p{color:#e1e5ec!important}
html.ssc-dark-mode .ssc-podium{background:linear-gradient(180deg,#1d2129,#171a21)!important}
html.ssc-dark-mode .ssc-pod-1{background:#2a2614!important;border-color:#8a6f1f!important}
html.ssc-dark-mode .ssc-pod-2{background:#232731!important}
html.ssc-dark-mode .ssc-pod-3{background:#2a2019!important}
html.ssc-dark-mode .ssc-pod-name{color:#fff!important}
html.ssc-dark-mode .ssc-pod .ssc-pod-score{color:#e8bd4a!important}
html.ssc-dark-mode .ssc-pod .ssc-pod-pps{color:#e1e5ec!important}


/* Personal-best history chart in the player account. */
.ssc-history-chart{display:flex;align-items:flex-end;gap:2px;min-width:72px;height:34px;padding:2px 0}.ssc-history-bar{display:inline-block;flex:0 0 5px;min-height:4px;background:var(--ssc-accent);border-radius:2px 2px 0 0}.ssc-input-type-cell{white-space:nowrap;font-size:13px;color:var(--ssc-muted)}