/* ===== PYCR club page v2: the pixel kit on the live game =====
   Every colour is a theme variable set per club in the page head (--bg --ac --lt --dk --mid --mu --line --acl --acd --dim --lt2 --kit1 --kit2).
   Scoped to body#kit so it outranks anything a page or script still carries. */
html{-webkit-text-size-adjust:100%}
#kit{margin:0;min-height:100vh;min-height:100svh;background:var(--bg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px);color:var(--lt);font-family:'VT323',monospace;font-size:20px;line-height:1.15;-webkit-font-smoothing:none}
#kit *,#kit *::before,#kit *::after{box-sizing:border-box}
button{font-family:inherit}
#kit svg{image-rendering:pixelated}
a{color:inherit}
#kit [hidden]{display:none!important}
.kt-px{font-family:'Press Start 2P',monospace}

/* ---------- top bar ---------- */
#kit .kt-top{max-width:480px;margin:0 auto;height:58px;display:flex;align-items:center;gap:10px;padding:12px 14px 2px}
#kit .kt-top .k-toptitle{visibility:hidden}
#kit.kt-inner .kt-top{position:sticky;top:0;z-index:210;background:var(--bg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px)}
#kit.kt-inner .kt-top>*{position:relative}
#kit.kt-inner .kt-top .k-toptitle{visibility:visible}
#kit .kt-top .kt-burger{display:flex}
#kit .kt-top .kt-back{display:none}
#kit.kt-inner .kt-top .kt-burger{display:none}
#kit.kt-inner .kt-top .kt-back{display:flex}
#kit .kt-spacer{width:44px;flex-shrink:0}

/* ---------- page column ---------- */
#kit .wrap{max-width:480px;margin:0 auto;padding:0 16px 24px;position:relative}
#kit .screen{display:none}
#kit .screen.active{display:block}
#kit .caveat{max-width:480px;margin:0 auto;padding:6px 12px 8px;text-align:center;font-size:14px;letter-spacing:.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dim)}
#kit .back-btn,#kit #era-badge,#kit .era-badge{display:none}
#kit .btn-f,#kit .mode-legacy,#kit #mc-rank{display:none!important}

/* ---------- club home ---------- */
#kit .kh{display:flex;flex-direction:column;gap:16px;padding:4px 0 10px}
#kit .kh-head{display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px 0 2px}
#kit .kh-head .k-title{font-size:30px;overflow-wrap:anywhere}
#kit .kh-head .k-sub{font-size:18px;letter-spacing:1px;max-width:320px}
#kit .kh-sec{display:flex;flex-direction:column;gap:10px;margin-top:6px}
#kit .kh-stand{position:relative;width:100%;aspect-ratio:358/150;overflow:hidden;border:4px solid var(--dk);box-shadow:4px 4px 0 var(--dk);background:#6F5652;cursor:pointer}
#kit .kh-stand>.k-prev{position:absolute;left:-4px;top:-4px;transform-origin:0 0;border:0!important;box-shadow:none!important}
#kit .kh-blurb{font-size:17px;line-height:1.15;color:var(--lt2);text-align:center}
#kit .kh-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
#kit .kh-grid>*{grid-column:span 2}
#kit .kh-grid>.w3{grid-column:span 3}
#kit .kh-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#kit .k-tile{width:100%;font-size:17px}
#kit .k-tile .ic{height:25px}
#kit .k-tile .ic>span{display:block}
#kit .kh-fl:empty{display:none}
#kit .mode-explainer{display:none}
#kit #pycr-chal{border:3px solid var(--ac)!important;border-radius:0!important;background:var(--dk)!important;padding:12px 14px!important;margin:0!important;max-width:none!important;box-shadow:4px 4px 0 #000}
#kit #pycr-chal div{font-family:'VT323',monospace!important;font-weight:normal!important;letter-spacing:1px!important}
#kit #pycr-chal div:first-child{font-family:'Press Start 2P',monospace!important;font-size:7px!important;letter-spacing:2px!important;color:var(--mu);opacity:1!important}
#kit #pycr-chal div:last-child{font-size:24px!important;color:var(--ac);margin-top:8px!important;text-transform:uppercase}

/* ---------- the kit (same classes as the approved boards) ---------- */
#kit .k-sq{width:44px;height:44px;padding:11px;background:var(--dk);border:2px solid var(--line);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ac)}
#kit .k-sq svg{width:100%;height:100%;display:block}
#kit .k-sq:hover{border-color:var(--ac)}
.k-toptitle{flex-grow:1;min-width:0;text-align:center;font-family:'Press Start 2P',monospace;font-size:9px;color:var(--ac);letter-spacing:1px;line-height:1.5;text-transform:uppercase}
.k-toptitle small{display:block;font-family:'VT323',monospace;font-size:15px;letter-spacing:2px;color:var(--mu);line-height:1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-title{margin:0;font-family:'Press Start 2P',monospace;font-weight:normal;text-align:center;font-size:26px;line-height:1.3;letter-spacing:1px;color:var(--ac);text-shadow:3px 3px 0 var(--sh,#C8102E),6px 6px 0 var(--dk)}
.k-title.w{color:var(--lt);text-shadow:3px 3px 0 #2050C8,6px 6px 0 var(--dk)}
.k-sub{font-size:20px;letter-spacing:2px;color:var(--mu);text-align:center;text-transform:uppercase;line-height:1.1}
.k-dim{font-size:18px;color:var(--dim);letter-spacing:1px;text-align:center;line-height:1.1}
.k-text{font-size:21px;line-height:1.1;color:var(--lt2);text-align:center}
.k-gold{text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;font-family:'Press Start 2P',monospace;text-align:center;text-decoration:none;background:var(--ac);color:var(--bg);border:0;border-top:4px solid var(--acl);border-left:4px solid var(--acl);border-right:4px solid var(--acd);border-bottom:4px solid var(--acd);box-shadow:5px 5px 0 var(--dk);font-size:12px;height:60px;padding:0 10px;flex-shrink:0;width:100%;line-height:1.3}
.k-gold:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--dk)}
.k-gold:disabled{opacity:.45;cursor:default}
.k-go{height:72px;font-size:14px}
.k-ar{width:10px;height:16px;display:block;flex-shrink:0}
.k-blink{animation:kblink 1s steps(1) infinite}
@keyframes kblink{50%{opacity:0}}
.k-ghost{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:rgba(0,10,33,.55);color:var(--lt2);border:2px solid var(--line);font-family:'Press Start 2P',monospace;font-size:8px;height:48px;text-align:center;padding:0 10px;flex-shrink:0;width:100%;text-decoration:none;line-height:1.4}
.k-ghost:hover,.k-ghost.on{border-color:var(--ac);color:var(--ac)}
.k-ghost:disabled{opacity:.4;cursor:default}
.k-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:70px;background:var(--dk);border:2px solid var(--line);color:var(--lt2);cursor:pointer;font-family:'VT323',monospace;font-size:17px;line-height:.9;letter-spacing:1px;text-transform:uppercase;padding:0 2px;position:relative;text-decoration:none}
.k-tile .ic{color:var(--ac);display:flex;align-items:center;justify-content:center;height:24px}
.k-tile:hover,.k-tile.on,.k-tile:focus-visible{border-color:var(--ac);color:var(--ac);outline:none}
.k-opt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:58px;padding:8px 14px;background:var(--dk);border:2px solid var(--line);color:var(--lt2);cursor:pointer;text-align:left;font-family:'Press Start 2P',monospace;font-size:10px;width:100%;text-decoration:none}
.k-opt span{font-family:'VT323',monospace;font-size:18px;line-height:1;color:var(--mu)}
.k-opt:hover,.k-opt.on{border-color:var(--ac);color:var(--ac)}
.k-mh{display:flex;align-items:center;gap:10px;font-family:'Press Start 2P',monospace;font-size:7px;color:var(--mu);letter-spacing:2px;line-height:1}
.k-mh i{flex-grow:1;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
.k-mh em{font-style:normal;color:var(--ac)}
.k-link{text-transform:uppercase;background:transparent;border:0;font-family:'Press Start 2P',monospace;font-size:8px;color:var(--mu);letter-spacing:1px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:6px;line-height:1.6}
.k-link:hover{color:var(--ac)}
.k-hi{background:#1E9E5A!important;color:#FFFFFF!important;border-top-color:#6FDB9C!important;border-left-color:#6FDB9C!important;border-right-color:#0C5530!important;border-bottom-color:#0C5530!important}
.k-lo{background:#C8102E!important;color:#FFFFFF!important;border-top-color:#FF7A8A!important;border-left-color:#FF7A8A!important;border-right-color:#6E0716!important;border-bottom-color:#6E0716!important}

/* ---------- era ---------- */
#kit #s-era.active,#kit #s-diff.active,#kit #s-stat.active{display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:calc(100vh - 58px - 60px);min-height:calc(100svh - 58px - 60px);padding-bottom:20px}
#kit .era-title{margin:0;font-family:'Press Start 2P',monospace;text-align:center;font-size:18px;line-height:1.4;color:var(--lt);text-shadow:3px 3px 0 #2050C8,6px 6px 0 var(--dk);text-transform:uppercase}
#kit #s-era .era-title{font-size:0;text-shadow:none}
#kit #s-era .era-title::before{content:attr(data-mode);display:block;font-size:30px;color:var(--ac);text-shadow:3px 3px 0 var(--sh,#C8102E),6px 6px 0 var(--dk)}
#kit #s-era .era-sub{font-size:20px;letter-spacing:2px;color:var(--mu);text-align:center;text-transform:uppercase;margin-top:-4px}
#kit .era-sub{font-size:19px;color:var(--mu);text-align:center;line-height:1.1}
#kit .slider-wrap,#kit .slider-box,#kit .era-note{display:none}
#kit .kt-era .era-range-display{font-size:17px;color:var(--dim);letter-spacing:1px;text-align:center;text-transform:uppercase;margin-top:-4px}
#kit .kt-presets{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
#kit .kt-presets .era-preset{font-family:'Press Start 2P',monospace;font-size:8px;line-height:1;padding:10px 12px;background:var(--dk);border:2px solid var(--line);color:var(--lt2);border-radius:0;cursor:pointer}
#kit .kt-era{display:flex;flex-direction:column;gap:12px;margin-top:10px}
#kit .kt-era-big{text-align:center;font-family:'Press Start 2P',monospace;font-size:20px;color:var(--ac);margin-top:6px}
#kit .kt-era .slider-range{font-size:17px;color:var(--dim);letter-spacing:1px;text-align:center;text-transform:uppercase;margin-top:-4px}
#kit .kt-dual{position:relative;height:44px}
#kit .kt-dual::before{content:'';position:absolute;left:0;right:0;top:16px;height:12px;background:var(--dk);border:2px solid var(--line)}
#kit .kt-fill{position:absolute;top:18px;height:8px;background:var(--ac);pointer-events:none}
#kit .kt-dual input[type=range]{position:absolute;left:-12px;top:0;width:calc(100% + 24px);height:44px;margin:0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none;outline:none}
#kit .kt-dual input[type=range]::-webkit-slider-runnable-track{height:44px;background:transparent;border:0}
#kit .kt-dual input[type=range]::-moz-range-track{height:44px;background:transparent;border:0}
#kit .kt-dual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:32px;margin-top:6px;background:var(--ac);border:4px solid var(--dk);pointer-events:auto;cursor:pointer;border-radius:0;box-shadow:none}
#kit .kt-dual input[type=range]::-moz-range-thumb{width:16px;height:24px;background:var(--ac);border:4px solid var(--dk);pointer-events:auto;cursor:pointer;border-radius:0}
#kit .kt-dec{position:relative;height:10px;font-family:'Press Start 2P',monospace;font-size:5px;color:var(--dim)}
#kit .kt-dec span{position:absolute;transform:translateX(-50%)}
#kit .kt-reset{align-self:center}
#kit .era-btn,#kit .diff-btn{margin-top:6px}

/* ---------- difficulty ---------- */
#kit #s-diff .era-title{margin-bottom:6px}
#kit #s-diff .era-sub{display:none}
#kit #s-stat .era-title{margin-bottom:6px}
#kit #s-stat .era-sub{display:none}
#kit #stat-options{display:flex;flex-direction:column;gap:8px}
#kit .kt-statopt{min-height:50px;flex-direction:row;justify-content:space-between;align-items:center;text-transform:uppercase}
#kit .kt-statopt span{text-transform:none}
#kit .k-opt.on span{color:var(--lt2)}
#kit #diff-confirm{margin-top:6px;width:100%}
#kit .diff-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:58px;padding:8px 14px;background:var(--dk);border:2px solid var(--line);color:var(--lt2);cursor:pointer;margin:0}
#kit .diff-card:hover,#kit .diff-card.selected{border-color:var(--ac);color:var(--ac)}
#kit .diff-icon{display:none}
#kit .diff-title{font-family:'Press Start 2P',monospace;font-size:10px;text-transform:uppercase}
#kit .diff-desc{font-size:18px;line-height:1;color:var(--mu);margin-top:6px}
#kit #era-all-time{display:none!important}

/* ---------- stat announcement ---------- */
#kit .transition-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:70px 18px 24px;text-align:center;background:var(--bg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px);opacity:0;pointer-events:none}
#kit .transition-screen.show{opacity:1;pointer-events:auto}
#kit .transition-screen>*{max-width:420px;width:100%}
#kit .ts-label{font-family:'VT323',monospace;font-size:19px;letter-spacing:3px;color:var(--mu);text-transform:uppercase}
#kit .ts-num{font-family:'Press Start 2P',monospace;font-size:14px;color:var(--lt2)}
#kit .ts-num:empty,#kit .ts-num.kt-zero{display:none}
#kit .ts-title{font-family:'Press Start 2P',monospace;font-size:22px;line-height:1.35;color:var(--ac);text-shadow:3px 3px 0 var(--sh,#C8102E),6px 6px 0 var(--dk);text-transform:uppercase;overflow-wrap:anywhere}
#kit .ts-sub{font-size:21px;line-height:1.1;color:var(--lt2)}
#kit .ts-btn{margin-top:14px}
#kit .ts-num.kt-lvl{font-size:40px;line-height:1.2;color:var(--lt);text-shadow:3px 3px 0 #2050C8,6px 6px 0 var(--dk)}
#kit .kt-pipsrow{display:flex;gap:6px;justify-content:center;width:auto}
#kit .kt-pipsrow i{width:14px;height:14px;border:2px solid var(--line);background:var(--dk);box-sizing:border-box;display:block}

/* ---------- the game ---------- */
#kit #s-game.active,#kit #s-rank.active{display:flex;flex-direction:column;min-height:calc(100vh - 58px - 50px);min-height:calc(100svh - 58px - 50px)}
#kit .top-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:0 0 10px}
#kit .top-box{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:0;min-width:0}
#kit .top-box:last-child{align-items:flex-end}
#kit .top-bar .top-box:nth-child(2):not(:last-child){align-items:center}
#kit .tl{font-family:'Press Start 2P',monospace;font-size:6px;letter-spacing:1px;color:var(--mu);text-transform:uppercase;line-height:1;margin:0}
#kit .tv{font-family:'Press Start 2P',monospace;font-size:16px;color:var(--ac);line-height:1}
#kit .lives{display:flex;gap:5px;margin:0;height:16px;align-items:center}
#kit .lives .dot{width:12px;height:12px;background:var(--ac);border:0;border-radius:0}
#kit .lives .dot.dead{background:var(--dk);box-shadow:inset 0 0 0 2px var(--line)}
#kit .timer-wrap{height:12px;background:var(--dk);border:2px solid var(--line);margin:0 0 12px;visibility:hidden;overflow:hidden}
#kit .timer-wrap.active{visibility:visible}
#kit .timer-bar{height:100%;width:100%;background:var(--ac)}
#kit .timer-bar.warn{background:#FFB020}
#kit .timer-bar.danger{background:#FF4A4A}
#kit .badge-wrap{display:flex;flex-direction:column-reverse;align-items:center;gap:6px;margin:0 0 12px;text-align:center}
#kit .badge{font-family:'Press Start 2P',monospace;font-size:11px;line-height:1.5;color:var(--ac);background:none;border:0;padding:0;text-transform:uppercase}
#kit .badge-wrap .sub{font-size:17px;letter-spacing:2px;color:var(--mu);line-height:1}
#kit #cards{flex:1 1 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 12px;min-height:280px}
#kit #cards>.fo-row{grid-column:1/-1}
#kit #cards .card,#kit .fo-row .card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:14px 8px 16px;text-align:center;background:var(--lt);color:var(--bg);border:3px solid var(--dk);border-radius:0;box-shadow:4px 4px 0 var(--dk);overflow:hidden}
#kit .pc-stripe{display:none}
#kit .pc-body{display:contents}
#kit .pc-name{order:1;font-family:'Press Start 2P',monospace;font-size:10px;line-height:1.6;text-transform:uppercase;color:var(--bg);min-height:48px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;margin:0;letter-spacing:0}
#kit .pc-taghead{order:2;height:20px;min-height:0;margin:0;display:flex;align-items:center;justify-content:center}
#kit .pc-tag,#kit .card.ok .pc-taghead::after,#kit .card.bad .pc-taghead::after{font-family:'Press Start 2P',monospace;font-size:7px;line-height:1;padding:5px 7px 4px;display:inline-block;background:var(--bg);color:var(--lt);border:0;border-radius:0;text-transform:uppercase;letter-spacing:0}
#kit .card.ok .pc-taghead::after{content:'CORRECT';background:#1E9E5A;color:#fff}
#kit .card.bad .pc-taghead::after{content:'WRONG';background:#C8102E;color:#fff}
#kit .card.tie .pc-taghead::after{content:'SAME';font-family:'Press Start 2P',monospace;font-size:7px;padding:5px 7px 4px;background:var(--acd);color:#fff}
#kit .pc-value{order:3;flex:1;display:flex;align-items:center;justify-content:center;font-family:'Press Start 2P',monospace;font-size:34px;line-height:1;color:var(--bg);margin:0}
#kit .pc-value.q{color:#A7A9BC;opacity:1;font-size:34px}
#kit .card.ok{border-color:#1E9E5A}
#kit .card.ok .pc-value{color:#1E9E5A}
#kit .card.bad{border-color:#C8102E}
#kit .card.bad .pc-value{color:#C8102E}
#kit .card.facedown .pc-name{visibility:hidden}
#kit .card.spinning .pc-name{color:var(--dim)}
#kit .fo-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;width:100%;height:100%}
#kit .fo-vs{display:none}
#kit .fo-row .card{cursor:pointer}
#kit .fo-row .card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dk)}
#kit .pc-mini-row{display:flex;justify-content:space-between;gap:8px;width:100%;font-size:18px}
#kit .hint{text-align:center;font-size:20px;line-height:1.1;color:var(--lt);margin:4px 0 12px;min-height:22px}
#kit .btns{display:flex;gap:12px;margin:0 0 8px}
#kit .btn-h,#kit .btn-l{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;height:64px;padding:0 8px;font-family:'Press Start 2P',monospace;font-size:12px;text-transform:uppercase;color:#fff;border:0;border-radius:0;cursor:pointer;box-shadow:5px 5px 0 var(--dk)}
#kit .btn-h{background:#1E9E5A;border-top:4px solid #6FDB9C;border-left:4px solid #6FDB9C;border-right:4px solid #0C5530;border-bottom:4px solid #0C5530}
#kit .btn-l{background:#C8102E;border-top:4px solid #FF7A8A;border-left:4px solid #FF7A8A;border-right:4px solid #6E0716;border-bottom:4px solid #6E0716}
#kit .btn-h:active,#kit .btn-l:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--dk)}
#kit .btn-h:disabled,#kit .btn-l:disabled{opacity:.45;cursor:default;transform:none}
#kit .btn-arrow{font-size:9px;line-height:1}
#kit button:disabled{cursor:default}

/* ---------- game over ---------- */
#kit #banner:empty{display:none}
#kit .banner{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:70px 18px 28px;overflow-y:auto;text-align:center;background:var(--bg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px);border:0;border-radius:0;box-shadow:none;color:var(--lt)}
#kit .banner::before{display:none}
#kit .banner>*{width:100%;max-width:358px}
#kit .go-game-name{font-size:0;margin:0}
#kit .go-game-name::before{content:'GAME OVER';font-family:'VT323',monospace;font-size:19px;letter-spacing:3px;color:var(--mu)}
#kit .go-club-name{display:none}
#kit .bnum{font-family:'Press Start 2P',monospace;font-size:64px;line-height:1.1;color:var(--ac);text-shadow:4px 4px 0 var(--sh,#C8102E),8px 8px 0 var(--dk);margin:6px 0 0}
#kit .bnum::after{content:'IN A ROW';display:block;margin-top:16px;font-family:'VT323',monospace;font-size:19px;letter-spacing:3px;color:var(--mu);text-shadow:none}
#kit .bsub{font-size:21px;line-height:1.15;color:var(--lt2)}
#kit #pycr-vs{font-family:'Press Start 2P',monospace!important;font-size:9px!important;font-weight:normal!important;color:var(--ac);line-height:1.6;margin:0!important}
#kit .go-scores-wrap{background:none;border:0;padding:0;margin:0}
#kit .go-scores-title,#kit .go-recent-label,#kit .go-recent{display:none}
#kit .go-hs{font-family:'VT323',monospace;font-size:18px;letter-spacing:2px;color:var(--dim);text-transform:uppercase}
#kit .go-hs span{color:var(--dim)}
#kit #pycr-board:empty{display:none}
#kit .pycr-lb{list-style:none;margin:0;padding:0;border:2px solid var(--line);background:var(--dk);text-align:left}
#kit .pycr-lb-row{display:flex;gap:10px;padding:6px 10px;font-size:18px;border-bottom:1px dashed var(--line)}
#kit .pycr-lb-row:last-child{border-bottom:0}
#kit .pycr-lb-rank{width:22px;color:var(--mu)}
#kit .pycr-lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}
#kit .pycr-lb-score{color:var(--ac)}
#kit .pycr-lb-me{margin-top:6px;font-size:17px;color:var(--mu)}
#kit .bprimary,#kit .bsecondary,#kit .bshare{border-radius:0;width:100%}
#kit .bprimary{order:1;margin-top:10px;display:flex;align-items:center;justify-content:center;height:64px;padding:0 10px;cursor:pointer;font-family:'Press Start 2P',monospace;font-size:14px;text-transform:uppercase;background:var(--ac);color:var(--bg);border:0;border-top:4px solid var(--acl);border-left:4px solid var(--acl);border-right:4px solid var(--acd);border-bottom:4px solid var(--acd);box-shadow:5px 5px 0 var(--dk)}
#kit .bprimary:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--dk)}
#kit .bshare,#kit .bsecondary{order:2;display:flex;align-items:center;justify-content:center;height:52px;cursor:pointer;background:var(--dk);color:var(--lt2);border:2px solid var(--line);font-family:'Press Start 2P',monospace;font-size:9px;text-transform:uppercase}
#kit .bshare:hover,#kit .bsecondary:hover{border-color:var(--ac);color:var(--ac)}
#kit .go-lb{order:3;display:inline-block;width:auto;margin:4px auto 0;background:none;border:0;padding:6px;font-family:'Press Start 2P',monospace;font-size:8px;color:var(--mu);letter-spacing:1px;text-decoration:underline;text-underline-offset:4px;text-transform:uppercase}
#kit .pycr-coffee{order:4;width:auto!important;margin:0 auto!important;padding:6px!important;border:0!important;background:none!important;font-family:'VT323',monospace!important;font-size:17px!important;font-weight:normal!important;letter-spacing:1px!important;color:var(--dim)!important;opacity:1!important}

/* ---------- levels ---------- */
#kit .lvl-ov{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,6,20,.86);opacity:0}
#kit .lvl-ov.on{opacity:1}
#kit .lvl-card{width:100%;max-width:360px;background:var(--bg);border:3px solid var(--ac);box-shadow:6px 6px 0 #000;border-radius:0;padding:18px 16px;display:flex;flex-direction:column;gap:12px;text-align:center;color:var(--lt);transform:none}
#kit .lvl-eyebrow{font-family:'Press Start 2P',monospace;font-size:7px;letter-spacing:2px;color:var(--mu)}
#kit .lvl-title{font-family:'Press Start 2P',monospace;font-size:16px;line-height:1.4;color:var(--ac)}
#kit .lvl-sub{font-size:20px;color:var(--lt2)}
#kit .lvl-btn{height:60px;cursor:pointer;font-family:'Press Start 2P',monospace;font-size:12px;background:var(--ac);color:var(--bg);border:0;border-top:4px solid var(--acl);border-left:4px solid var(--acl);border-right:4px solid var(--acd);border-bottom:4px solid var(--acd);box-shadow:5px 5px 0 var(--dk)}

/* ---------- leaderboard name box (pycr-leaderboard.js) ---------- */
#kit .pycr-ov{background:rgba(0,6,20,.86)!important;padding:14px!important}
#kit .pycr-card{max-width:380px!important;background:var(--bg)!important;color:var(--lt)!important;border:3px solid var(--ac)!important;border-radius:0!important;box-shadow:6px 6px 0 #000!important;padding:16px 16px 18px!important;font-family:'VT323',monospace!important;transform:none!important}
#kit .pycr-eyebrow{display:none}
#kit .pycr-title{font-family:'Press Start 2P',monospace!important;font-weight:normal!important;font-size:11px!important;line-height:1.4!important;color:var(--ac)!important;text-transform:uppercase;margin:0 0 12px!important}
#kit .pycr-sub{font-size:20px!important;line-height:1.15!important;color:var(--lt2)!important;margin:0 0 14px!important}
#kit .pycr-in{height:52px;padding:0 12px!important;font-family:'Press Start 2P',monospace!important;font-weight:normal!important;font-size:12px!important;text-transform:uppercase;background:var(--lt)!important;color:var(--bg)!important;border:3px solid var(--dk)!important;border-radius:0!important}
#kit .pycr-in.bad{border-color:#C8102E!important}
#kit .pycr-err{font-size:17px!important;font-weight:normal!important;color:#FF6B6B!important}
#kit .pycr-count{font-size:16px!important;color:var(--mu)!important}
#kit .pycr-save{height:60px;padding:0 10px!important;font-family:'Press Start 2P',monospace!important;font-weight:normal!important;font-size:11px!important;text-transform:uppercase;border-radius:0!important;background:var(--ac)!important;color:var(--bg)!important;border-top:4px solid var(--acl)!important;border-left:4px solid var(--acl)!important;border-right:4px solid var(--acd)!important;border-bottom:4px solid var(--acd)!important;box-shadow:5px 5px 0 var(--dk)}
#kit .pycr-skip{margin-top:14px!important;font-family:'Press Start 2P',monospace!important;font-size:8px!important;color:var(--mu)!important;text-transform:uppercase;text-underline-offset:4px;letter-spacing:1px}

/* ---------- fan league strip (pycr-fanleague.js) in kit colours ---------- */
#kit .kh-fl .pycr-fl-box{border-radius:0!important;background:var(--dk)!important;border:2px solid var(--line)!important;box-shadow:none!important;color:var(--lt)!important}
#kit .kh-fl *{font-family:'VT323',monospace!important;letter-spacing:1px!important}

/* ---------- menu and sheets (pycr-kit.js) ---------- */
#kit.kt-lock{overflow:hidden}
.kt-scrim{position:fixed;inset:0;z-index:2147483100;background:rgba(0,6,20,.72)}
.kt-menu{position:fixed;inset:0;z-index:100001;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px);padding:14px 14px 28px;color:var(--lt);font-family:'VT323',monospace}
.kt-menu-in{max-width:452px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.kt-mhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.kt-mhead small{display:block;font-family:'Press Start 2P',monospace;font-size:7px;color:var(--mu);letter-spacing:2px}
.kt-mhead h2{margin:10px 0 0;font-family:'Press Start 2P',monospace;font-weight:normal;font-size:24px;color:var(--ac);text-shadow:3px 3px 0 var(--sh,#C8102E),6px 6px 0 var(--dk)}
.kt-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#kit .kt-tiles .k-tile{height:78px;font-family:'Press Start 2P',monospace;font-size:7px;line-height:1.5;gap:10px}
#kit .kt-tiles .k-tile .ic{width:22px;height:22px}
#kit .kt-tiles .k-tile .ic svg{width:100%;height:100%;display:block}
.kt-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
.kt-links a,.kt-links button{font-family:'VT323',monospace;font-size:20px;line-height:1.5;color:var(--lt2);text-decoration:none;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.kt-links a:hover,.kt-links button:hover{color:var(--ac)}
.kt-acct{display:flex;flex-direction:column;gap:10px;padding:12px;border:2px solid var(--line);background:var(--dk)}
.kt-acct p{margin:0;font-size:19px;line-height:1.15;color:var(--lt2)}
.kt-acct b{font-weight:normal;color:var(--ac)}
.kt-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483101;display:flex;justify-content:center;max-height:100vh;max-height:100svh;overflow-y:auto}
.kt-sheet .k-box{width:100%;max-width:480px;background:var(--bg);border:0;border-top:4px solid var(--ac);box-shadow:0 -6px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;gap:14px;padding:16px 16px 26px;color:var(--lt);font-family:'VT323',monospace}
.kt-sheet .k-bhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kt-sheet .k-bhead b{font-family:'Press Start 2P',monospace;font-weight:normal;font-size:11px;line-height:1.4;color:var(--ac)}
.kt-sheet .k-bhead .k-sq{width:38px;height:38px;padding:9px}
.kt-sheet .k-text{text-align:left}
.kt-price{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:4px 0}
.kt-price .k-title{font-size:24px}
.kt-in{height:52px;width:100%;padding:0 12px;font-family:'Press Start 2P',monospace;font-size:12px;background:var(--lt);color:var(--bg);border:3px solid var(--dk);border-radius:0;outline:none}
.kt-in.code{letter-spacing:8px;text-align:center;font-size:18px}
.kt-in.kt-sharetext{height:auto;min-height:96px;padding:10px 12px;font-family:'VT323',monospace;font-size:19px;line-height:1.15;resize:none;box-sizing:border-box;-webkit-user-select:text;user-select:text}
.kt-in:focus{border-color:var(--ac)}
.kt-err{min-height:18px;font-size:18px;color:#FF6B6B;text-align:center}
.kt-note{font-size:17px;color:var(--dim);text-align:center;line-height:1.15}
.kt-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147483200;max-width:90vw;padding:12px 16px;background:var(--dk);color:var(--lt);border:2px solid var(--ac);box-shadow:4px 4px 0 #000;font-family:'VT323',monospace;font-size:20px;text-align:center}

@media (prefers-reduced-motion:reduce){.k-blink{animation:none}}

/* ---------- the Daily ---------- */
#kit .kt-stat{min-width:44px;text-align:right;font-family:'Press Start 2P',monospace;font-size:6px;color:var(--mu);letter-spacing:1px;line-height:1;text-transform:uppercase;visibility:hidden}
#kit .kt-stat b{display:block;margin-top:7px;font-size:12px;color:var(--ac);font-weight:normal}
#kit.kt-daily.kt-inner .kt-stat.on{visibility:visible}
#kit.kt-daily .kt-spacer{display:none}
#kit.kt-daily #s-intro.active{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:calc(100vh - 58px - 60px);min-height:calc(100svh - 58px - 60px);padding-bottom:30px;text-align:center}
#kit .dh-hero{display:flex;flex-direction:column;align-items:center;gap:12px}
#kit .dh-hero .k-title{font-size:36px}
#kit .dh-when{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--ac);letter-spacing:1px;line-height:1.6}
#kit .dh-next{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}
#kit .dh-next small{font-family:'Press Start 2P',monospace;font-size:7px;letter-spacing:2px;color:var(--mu)}
#kit .dh-next b{font-family:'Press Start 2P',monospace;font-weight:normal;font-size:11px;color:var(--lt)}
#kit .mc-played{font-size:19px;color:var(--lt2)}
#kit .mc-alt{align-self:center}
#kit.kt-daily #daily-number,#kit.kt-daily .mode-legacy{display:none}
#kit.kt-daily .top-bar{display:none}
#kit .kt-pips{display:flex;justify-content:center;gap:5px;margin:0 0 12px}
#kit .kt-pips i{width:20px;height:12px;background:var(--dk);border:2px solid var(--line)}
#kit .kt-pips i.ok{background:#1E9E5A;border-color:#1E9E5A}
#kit .kt-pips i.bad{background:#C8102E;border-color:#C8102E}
#kit .kt-pips i.cur{border-color:var(--ac);background:transparent}
#kit.kt-daily .badge-wrap{flex-direction:column}
#kit.kt-daily #cards .card{justify-content:flex-start}
#kit .cname{order:1;font-family:'Press Start 2P',monospace;font-size:10px;line-height:1.6;text-transform:uppercase;color:var(--bg);min-height:48px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;width:100%}
#kit .cclub{order:2;font-size:16px;line-height:1;color:var(--dim);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#kit.kt-daily #cards .card::before{order:3;content:'';height:20px}
#kit.kt-daily #cards .card.base::before,#kit.kt-daily #cards .card.ok::before,#kit.kt-daily #cards .card.bad::before{font-family:'Press Start 2P',monospace;font-size:7px;line-height:1;padding:5px 7px 4px;height:auto;background:var(--bg);color:var(--lt)}
#kit.kt-daily #cards .card.base::before{content:'BASE'}
#kit.kt-daily #cards .card.ok::before{content:'CORRECT';background:#1E9E5A;color:#fff}
#kit.kt-daily #cards .card.bad::before{content:'WRONG';background:#C8102E;color:#fff}
#kit.kt-daily #cards .card:first-child.ok::before{content:'BASE';background:var(--bg);color:var(--lt)}
#kit .cval,#kit .cq{order:4;flex:1;display:flex;align-items:center;justify-content:center;font-family:'Press Start 2P',monospace;font-size:34px;line-height:1;color:var(--bg)}
#kit .cq{color:#A7A9BC}
#kit .card.ok .cval{color:#1E9E5A}
#kit #cards .card:first-child.ok{border-color:var(--dk)}
#kit #cards .card:first-child.ok .cval{color:var(--bg)}
#kit .card.bad .cval{color:#C8102E}
#kit.kt-daily .btn-h span,#kit.kt-daily .btn-l span{display:flex;align-items:center;gap:10px}
#kit .btitle{font-family:'VT323',monospace;font-size:19px;letter-spacing:3px;color:var(--mu);text-transform:uppercase}
#kit.kt-daily .bnum::after{content:none}
#kit .kt-rating{font-family:'VT323',monospace;font-size:21px;letter-spacing:3px;color:var(--mu);text-transform:uppercase}
#kit .bgrid{display:none}
#kit.kt-daily .banner .kt-pips{margin:4px 0 6px}
#kit.kt-daily .banner .go-lb{order:2;display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin:0;background:var(--dk);color:var(--lt2);border:2px solid var(--line);font-size:9px;text-decoration:none}
#kit.kt-daily .banner #pycr-share{order:1}
#kit.kt-daily .banner .bsub{order:3;margin-top:14px;display:flex;flex-direction:column;gap:8px;align-items:center}
#kit.kt-daily .banner .bsecondary{order:4;height:auto;width:auto;background:none;border:0;color:var(--mu);text-decoration:underline;text-underline-offset:4px;font-size:8px;padding:6px;margin:0 auto}

/* ---------- the app ---------- */
#kit.kt-app.kt-onhome .kt-top{display:none}
#kit #s-cat.active{display:flex;flex-direction:column;gap:14px;padding-top:6px}
#kit #s-cat .mode-title,#kit #s-cat .mode-club-rule{display:none}
#kit #s-cat .mode-club{font-family:'Press Start 2P',monospace;font-size:20px;line-height:1.35;color:var(--ac);text-align:center;text-shadow:3px 3px 0 var(--sh,#C8102E),6px 6px 0 var(--dk);text-transform:uppercase}
#kit .pick-sub{font-size:20px;letter-spacing:2px;color:var(--mu);text-align:center;text-transform:uppercase}
#kit #cat-options{display:flex;flex-direction:column;gap:10px}
#kit #cat-options .mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:58px;padding:10px 14px;background:var(--dk);border:2px solid var(--line);color:var(--lt2);cursor:pointer}
#kit #cat-options .mode-card:hover{border-color:var(--ac);color:var(--ac)}
#kit #cat-options .mc-title{font-family:'Press Start 2P',monospace;font-size:10px;text-transform:uppercase}
#kit #cat-options .mc-desc{font-size:18px;line-height:1.05;color:var(--mu)}

/* ---------- older shared widgets take the kit colours ---------- */
#kit{--disp:'VT323',monospace;--body:'VT323',monospace;--navy:var(--dk);--gold:var(--line);--num:var(--ac);--cream:var(--lt);--cream-dim:var(--lt2);--ink:#000;--ink-2:var(--mu);--ink-3:var(--dim)}
#kit .pycr-fl-lab,#kit .pycr-fl-eb,#kit .pycr-fl-ko,#kit .pycr-fl-th,#kit .pycr-fl-pill,#kit .pycr-fl-share{font-family:'Press Start 2P',monospace!important;font-size:7px!important;letter-spacing:1px!important;font-weight:normal!important}
#kit .pycr-fl-num{font-family:'Press Start 2P',monospace!important;font-size:16px!important;font-weight:normal!important}
#kit .pycr-fl-box,#kit .pycr-fl-pill,#kit .pycr-fl-share,#kit .pycr-fl-tbl{outline:0!important;border:2px solid var(--line)!important;box-shadow:3px 3px 0 #000!important}
#kit .pycr-fl-tr{background:var(--lt)!important;color:var(--bg)!important;font-size:18px!important}
#kit .pycr-fl-res{background:var(--lt)!important;color:var(--bg)!important;border:3px solid var(--dk)!important}
#kit .pycr-fl-res-t{font-family:'Press Start 2P',monospace!important;font-size:10px!important;color:var(--bg)!important}
#kit .pycr-fl-res-s,#kit .pycr-fl-prompt{font-size:17px!important}

/* ---------- plain pages: about, how to play, contact, privacy, terms, fan league ---------- */
#kit .pg{display:flex;flex-direction:column;gap:18px;padding:6px 16px 30px}
#kit .page-hero,#kit .lb-hero{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:6px 0 4px}
#kit .page-hero .eyebrow{margin:0;font-family:'Press Start 2P',monospace;font-size:7px;letter-spacing:2px;color:var(--mu);text-transform:uppercase}
#kit .page-hero h1,#kit .lb-hero .game-title{margin:0;font-family:'Press Start 2P',monospace;font-weight:normal;font-size:20px;line-height:1.4;color:var(--ac);text-shadow:3px 3px 0 var(--sh,#C8102E),6px 6px 0 var(--dk);text-transform:uppercase}
#kit .page-hero .lead,#kit .lb-hero .tagline{margin:0;font-size:20px;line-height:1.15;color:var(--lt2)}
#kit .lb-hero .title-rule{display:none}
#kit .prose{display:flex;flex-direction:column;gap:12px;font-size:20px;line-height:1.2;color:var(--lt2)}
#kit .prose h2,#kit .section-title{margin:14px 0 0;font-family:'Press Start 2P',monospace;font-weight:normal;font-size:11px;line-height:1.5;color:var(--ac);text-transform:uppercase}
#kit .prose h3{margin:8px 0 0;font-family:'Press Start 2P',monospace;font-weight:normal;font-size:9px;line-height:1.5;color:var(--lt)}
#kit .prose p,#kit .prose ul,#kit .prose ol{margin:0}
#kit .prose ul,#kit .prose ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
#kit .prose b,#kit .prose strong{font-weight:normal;color:var(--lt)}
#kit .prose a{color:var(--ac);text-underline-offset:3px}
#kit .prose table{width:100%;border-collapse:collapse;font-size:18px}
#kit .prose th,#kit .prose td{border:2px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
#kit .prose th{font-family:'Press Start 2P',monospace;font-weight:normal;font-size:7px;color:var(--mu)}
#kit .modes-list{display:flex;flex-direction:column;gap:8px}
#kit .mode-item{padding:10px 12px;background:var(--dk);border:2px solid var(--line)}
#kit .form{display:flex;flex-direction:column;gap:12px}
#kit .field{display:flex;flex-direction:column;gap:6px}
#kit .field label{font-family:'Press Start 2P',monospace;font-size:7px;letter-spacing:1px;color:var(--mu);text-transform:uppercase}
#kit .field input,#kit .field select,#kit .field textarea{width:100%;min-height:48px;padding:8px 12px;font-family:'VT323',monospace;font-size:21px;background:var(--lt);color:var(--bg);border:3px solid var(--dk);border-radius:0;outline:none;-webkit-appearance:none}
#kit .field textarea{min-height:120px;resize:vertical}
#kit .field input:focus,#kit .field select:focus,#kit .field textarea:focus{border-color:var(--ac)}
#kit .opt{display:flex;align-items:center;gap:8px;font-size:19px}
#kit .field label .opt{display:inline;font-size:inherit;color:var(--dim)}
#kit .form-actions{display:flex;flex-direction:column;gap:10px}
#kit .form .btn,#kit .prose .btn{display:flex;align-items:center;justify-content:center;height:60px;padding:0 12px;cursor:pointer;font-family:'Press Start 2P',monospace;font-size:11px;text-transform:uppercase;text-decoration:none;background:var(--ac);color:var(--bg);border:0;border-top:4px solid var(--acl);border-left:4px solid var(--acl);border-right:4px solid var(--acd);border-bottom:4px solid var(--acd);box-shadow:5px 5px 0 var(--dk)}
#kit .form-note{font-size:17px;color:var(--dim)}
#kit .form-ok{font-size:19px;color:#5FC98A}
#kit .board{display:flex;flex-direction:column;gap:12px;margin:10px 0}
#kit .section-head{display:flex;flex-direction:column;gap:6px}
#kit .section-sub{font-size:17px;color:var(--mu)}

/* ================= Streak, Levels, Face Off: the approved pixel screens (standard modes mockup) ================= */
/* top bar on these screens: the club name in a dark pill and a MENU button */
#kit .kt-pill,#kit .kt-menubtn{display:none}
#kit.kt-stdon .kt-top{height:auto;padding:6px 10px 0;gap:3px;align-items:stretch}
#kit.kt-stdon .kt-top .kt-back,#kit.kt-stdon .kt-top .kt-burger,#kit.kt-stdon .kt-top .k-toptitle,#kit.kt-stdon .kt-top .kt-spacer,#kit.kt-stdon .kt-top .kt-stat{display:none!important}
#kit.kt-stdon .kt-pill{display:flex;flex-grow:1;align-items:center;gap:8px;height:34px;padding:0 10px;background:var(--dk);border:2px solid var(--mid);box-sizing:border-box;min-width:0}
#kit .kt-ball{width:14px;height:14px;flex-shrink:0;display:block}
#kit .kt-ball svg{width:100%;height:100%;display:block}
#kit .kt-pillname{font-family:'Press Start 2P',monospace;font-size:7px;letter-spacing:1px;line-height:1;color:var(--ac);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kit.kt-stdon .kt-menubtn{display:flex;width:70px;height:34px;padding:0;font-size:7px}
/* blue buttons (MENU, RESET, BACK, PLAY AGAIN, the time cards) */
#kit .kt-bbtn{align-items:center;justify-content:center;font-family:'Press Start 2P',monospace;text-transform:uppercase;background:var(--bt);color:#FFFFFF;border:0;border-top:3px solid var(--btl);border-left:3px solid var(--btl);border-right:3px solid var(--btd);border-bottom:3px solid var(--btd);box-shadow:4px 4px 0 var(--dk);cursor:pointer;text-align:center;border-radius:0;box-sizing:border-box}
#kit .kt-bbtn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dk)}
/* the small back links */
#kit.kt-std #s-game .back-btn,#kit.kt-std #s-diff .back-btn,#kit.kt-std #s-stat .back-btn{display:block;align-self:center;margin:0 auto;background:transparent;border:0;border-bottom:2px dashed var(--mid);border-radius:0;color:var(--lt2);font-family:'Press Start 2P',monospace;font-size:8px;line-height:1.2;padding:6px 10px;cursor:pointer;text-transform:uppercase;width:auto;box-shadow:none}
#kit .kt-tri{font-size:7px}

/* ---- era ---- */
#kit.kt-std #s-era.active{justify-content:flex-start;gap:10px;padding:10px 0 12px;min-height:calc(100vh - 46px - 60px);min-height:calc(100svh - 46px - 60px)}
#kit.kt-std #s-era .era-title{font-size:0;text-shadow:none;background:var(--ac);border-top:3px solid var(--acl);border-left:3px solid var(--acl);box-shadow:4px 4px 0 var(--dk);padding:13px 10px 11px;line-height:1}
#kit.kt-std #s-era .era-title::before{font-size:15px;line-height:1;color:var(--bg);text-shadow:none}
#kit.kt-std #s-era .era-sub{display:none}
#kit.kt-std .kt-era{gap:10px;margin:0}
#kit.kt-std .kt-era .k-mh span{font-size:8px;color:var(--ac)}
#kit.kt-std .kt-era .k-mh i{height:3px;background:repeating-linear-gradient(90deg,var(--ac) 0 6px,transparent 6px 12px)}
#kit .kt-erabox{display:flex;flex-direction:column;background:var(--dk);border:3px solid var(--mid);padding:14px 12px 10px}
#kit.kt-std .kt-era-big{font-size:26px;line-height:1;margin:2px 0 0;letter-spacing:1px}
#kit.kt-std .kt-erabox .slider-range,#kit.kt-std .kt-erabox .era-range-display{font-family:'Press Start 2P',monospace;font-size:7px;letter-spacing:1px;color:var(--mu);margin:9px 0 0;text-align:center;text-transform:uppercase}
#kit.kt-std .kt-erabox .kt-dual{margin-top:18px}
#kit.kt-std .kt-erabox .kt-dual::before{background:var(--mid);border:2px solid var(--dk)}
#kit.kt-std .kt-erabox .kt-dec{margin-top:6px;color:var(--mu)}
#kit .kt-drag{display:none}
#kit .kt-erabox .slider-range,#kit .kt-erabox .era-range-display,#kit .kt-erabox .kt-dec{display:none!important}
#kit.kt-std .kt-erabox{padding:16px 12px 6px}
#kit.kt-std .kt-reset{display:flex;align-self:stretch;height:44px;font-size:9px;text-decoration:none;letter-spacing:0;padding:0}
#kit.kt-std #era-confirm{height:56px;font-size:12px;margin-top:6px;order:5}
#kit.kt-std #era-confirm .k-ar{display:none}
#kit.kt-std #s-era #era-back-btn{display:flex;order:6;height:44px;font-size:8px;width:100%}

/* ---- time ---- */
#kit.kt-std #s-diff.active{justify-content:flex-start;gap:12px;padding:10px 2px 14px;min-height:calc(100vh - 46px - 60px);min-height:calc(100svh - 46px - 60px)}
#kit.kt-std #s-diff .era-title{font-size:12px;line-height:1.4;color:var(--ac);text-shadow:none;margin:0}
#kit.kt-std #s-diff .era-sub{display:block;font-size:20px;line-height:1.1;color:var(--lt2);margin:-4px 0 0;letter-spacing:0;text-transform:none}
#kit.kt-std .diff-card{min-height:0;padding:14px 14px 12px;gap:8px;background:var(--bt);color:#FFFFFF;border:0;border-top:3px solid var(--btl);border-left:3px solid var(--btl);border-right:3px solid var(--btd);border-bottom:3px solid var(--btd);box-shadow:4px 4px 0 var(--dk)}
#kit.kt-std .diff-card:hover{border-top-color:var(--btl);border-left-color:var(--btl);border-right-color:var(--btd);border-bottom-color:var(--btd);color:#FFFFFF}
#kit.kt-std .diff-card.selected{background:var(--ac);color:var(--bg);border-top-color:var(--acl);border-left-color:var(--acl);border-right-color:var(--acd);border-bottom-color:var(--acd)}
#kit.kt-std .diff-title{font-size:12px}
#kit.kt-std .diff-desc{font-size:19px;line-height:1;color:inherit;opacity:.9;margin:0}
#kit.kt-std #diff-confirm{margin-top:auto;height:56px;font-size:12px;gap:10px}

/* ---- the game ---- */
#kit.kt-std #s-game.active{gap:10px;padding:8px 0 14px}
#kit.kt-std #s-game #era-badge,#kit.kt-std #s-game .era-badge{display:inline-block;font-family:'Press Start 2P',monospace;font-size:9px;line-height:1;color:var(--ac);background:var(--dk);border:3px solid var(--ac);border-radius:0;padding:7px 10px 6px;text-transform:uppercase;letter-spacing:0}
#kit.kt-std #s-game .era-badge:empty{display:none}
#kit.kt-std #s-game>div[style*="text-align:center"]{margin:0!important}
#kit.kt-std .top-bar{justify-content:stretch;align-items:stretch;gap:10px;margin:0}
#kit.kt-std .top-box{flex:1;align-items:center!important;gap:8px;background:var(--dk);border:3px solid var(--ac);box-shadow:4px 4px 0 #000;padding:9px 6px 10px}
#kit.kt-std .tl{font-size:7px;color:var(--lt2)}
#kit.kt-std .tv{font-size:20px}
#kit.kt-std .lives{gap:6px;height:20px;justify-content:center}
#kit.kt-std .lives .dot{width:12px;height:12px}
#kit.kt-std .lives .dot.dead{background:var(--ac);opacity:.15;box-shadow:none}
#kit.kt-std .timer-wrap{height:8px;border:2px solid var(--mid);margin:0}
#kit.kt-std .timer-bar.warn,#kit.kt-std .timer-bar.danger{background:#C8102E}
#kit.kt-std .badge-wrap{flex-direction:column;gap:6px;margin:2px 0 0}
#kit.kt-std .badge{font-size:11px;line-height:1.2;color:var(--ac);background:var(--dk);border:3px solid var(--ac);padding:9px 12px 8px}
#kit.kt-std .badge-wrap .sub{font-size:18px;letter-spacing:0;color:var(--lt2)}
#kit.kt-std #cards{display:flex;gap:12px;margin:0;min-height:240px}
#kit.kt-std #cards .card,#kit.kt-std .fo-row .card{flex:1;align-items:stretch;gap:0;padding:0;background:var(--bg);color:var(--lt);border:5px solid var(--ac);box-shadow:5px 5px 0 #000}
#kit.kt-std .pc-name{order:0;background:var(--lt);color:#1A1A1A;font-size:10px;line-height:1.5;padding:6px;height:64px;min-height:0;max-height:64px;box-sizing:border-box;overflow:hidden;flex-shrink:0;border-bottom:4px solid var(--ac);text-align:center}
#kit.kt-std .card.spinning .pc-name{color:#6F6F6F}
#kit.kt-std .pc-taghead{order:1;height:22px;margin-top:12px}
#kit.kt-std .pc-tag{background:var(--ac);color:var(--bg)}
/* no CORRECT / WRONG / SAME badge after an answer: the value and the card colour say it */
#kit.kt-std .card.ok .pc-taghead::after,#kit.kt-std .card.bad .pc-taghead::after,#kit.kt-std .card.tie .pc-taghead::after{content:none;display:none}
#kit.kt-std .pc-value{order:2;font-size:36px;color:var(--ac);padding:0 6px 12px}
#kit.kt-std .pc-value.q{color:var(--q);font-size:36px}
#kit.kt-std .card.ok{border-color:var(--ac)}
#kit.kt-std .card.ok .pc-value{color:var(--ac)}
#kit.kt-std .card.bad{border-color:#C8102E}
#kit.kt-std .card.bad .pc-value{color:#FF6B6B}
#kit.kt-std #cards>.fo-row{flex:1;gap:12px}
#kit.kt-std .fo-row .card .pc-value{color:var(--lt)}
#kit.kt-std .fo-row .card .pc-value.q{color:var(--q)}
#kit.kt-std .fo-row .card.ok .pc-value{color:var(--ac)}
#kit.kt-std .fo-row .card.bad .pc-value{color:var(--lt)}
#kit.kt-std .fo-row:has(.card.bad) .card:not(.bad) .pc-value{color:var(--ac)}
#kit.kt-std .fo-row .card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}
#kit.kt-std .hint{font-size:22px;line-height:1;margin:0;min-height:22px}
#kit.kt-std .btns{margin:0}

/* ---- the card between rounds ---- */
#kit.kt-std .transition-screen{gap:18px;padding:70px 22px 24px}
#kit.kt-std .ts-label{font-family:'Press Start 2P',monospace;font-size:9px;line-height:1.6;letter-spacing:1px;color:var(--mu)}
#kit.kt-std .ts-num,#kit.kt-std .ts-num.kt-lvl{font-size:40px;line-height:1;color:var(--ac);text-shadow:none}
#kit.kt-std .ts-title{width:auto;font-size:17px;line-height:1.4;color:var(--bg);background:var(--ac);padding:14px 18px;box-shadow:4px 4px 0 var(--dk);text-shadow:none}
#kit.kt-std .ts-sub{font-size:21px;line-height:1.15;color:var(--lt);max-width:300px}
#kit.kt-std .kt-pipsrow i{border:2px solid var(--dk);background:var(--mid)}
#kit.kt-std .ts-btn{width:220px;height:56px;font-size:12px;margin-top:10px}

/* ---- game over ---- */
#kit.kt-std .banner{justify-content:center;gap:12px;padding:64px 16px 18px}
#kit.kt-std .go-game-name{display:none}
#kit .kt-gobox{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:var(--dk);border:4px solid var(--ac);box-shadow:5px 5px 0 #000;padding:20px 16px 18px;box-sizing:border-box}
#kit .kt-golab{font-family:'Press Start 2P',monospace;font-size:9px;line-height:1.4;color:var(--lt2)}
#kit.kt-std .kt-gobox .bnum{font-family:'Press Start 2P',monospace;font-size:60px;line-height:1;color:var(--ac);text-shadow:none;margin:0}
#kit.kt-std .kt-gobox .bsub{font-size:22px;line-height:1.1;color:var(--lt);margin:0}
#kit.kt-std .kt-gobox .go-hs{font-family:'Press Start 2P',monospace;font-size:9px;letter-spacing:0;color:var(--lt);margin-top:4px}
#kit.kt-std .kt-gobox .go-hs span{color:var(--ac)}
#kit.kt-std .bshare{order:1;height:54px;font-size:11px;margin:0;background:var(--ac);color:var(--bg);border:0;border-top:4px solid var(--acl);border-left:4px solid var(--acl);border-right:4px solid var(--acd);border-bottom:4px solid var(--acd);box-shadow:5px 5px 0 var(--dk)}
#kit.kt-std .bshare:hover{color:var(--bg)}
#kit.kt-std .bprimary{order:2;height:50px;font-size:10px;margin:0;background:var(--bt);color:#FFFFFF;border-top:3px solid var(--btl);border-left:3px solid var(--btl);border-right:3px solid var(--btd);border-bottom:3px solid var(--btd);box-shadow:4px 4px 0 var(--dk)}
#kit.kt-std .go-lb{order:3;color:var(--lt2);font-size:8px}
#kit.kt-std .kt-gobox .bnum::after{display:none}
#kit.kt-std #cards>.fo-row{height:auto;align-self:stretch;align-content:stretch;grid-auto-rows:1fr}

/* ---------- the Season preview (scenery_60s) ---------- */

.sky-tw{animation:skyTw 4s steps(2,end) infinite}
@keyframes skyTw{0%,100%{opacity:1}50%{opacity:.2}}
.rsky-d1{animation:rskyD 110s steps(260) infinite}
.rsky-d2{animation:rskyD 170s steps(260) infinite;animation-delay:-80s}
@keyframes rskyD{from{transform:translateX(-40px)}to{transform:translateX(220px)}}
.sk-red{animation:skRed 1.6s steps(1) infinite}
@keyframes skRed{50%{opacity:.1}}
/* the crowd only moves when there's something to cheer (the .roar class) */
.roar .st-bobA{animation:stBob .36s steps(1) infinite}
.roar .st-bobB{animation:stBob .36s steps(1) infinite;animation-delay:-.18s}
@keyframes stBob{50%{transform:translateY(-1px)}}
.st-fl{opacity:0}
.roar .st-fl{animation-name:stFl;animation-timing-function:steps(1);animation-iteration-count:infinite;animation-duration:.9s !important}
@keyframes stFl{0%,93%{opacity:0}94%{opacity:1}97%{opacity:.5}100%{opacity:0}}
@keyframes stLamp{50%{opacity:.5}}
.sn-fl{opacity:0}
.roar .sn-fl{animation:stFl .7s steps(1) infinite;animation-delay:var(--fd,0s)}
.fl-flick{animation:flFlick 6s steps(1) infinite}
@keyframes flFlick{0%,100%{opacity:1}44%{opacity:1}45%{opacity:.55}47%{opacity:1}70%{opacity:.8}72%{opacity:1}}
.led{position:absolute;overflow:hidden;display:flex;align-items:center}
.led span{white-space:nowrap;font-family:'Press Start 2P',monospace;color:var(--ac);text-shadow:-1px 0 rgba(255,50,110,.7),1px 0 rgba(60,210,255,.7),0 0 5px var(--ac);animation:ledRun 18s steps(180) infinite;padding-left:100%}
@keyframes ledRun{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.scene-fx{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 2px),radial-gradient(ellipse 85% 80% at 50% 45%,transparent 60%,rgba(0,4,16,.6) 100%);animation:crt 5s steps(1) infinite}
@keyframes crt{0%,100%{opacity:1}50%{opacity:.93}}
.hud{position:absolute;padding:6px 10px 6px;background:rgba(4,8,22,.82);border:2px solid rgba(255,255,255,.14);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);display:flex;flex-direction:column;gap:5px}
.hud i{font-style:normal;font-family:'VT323',monospace;font-size:14px;letter-spacing:3px;color:#9FB6E8;line-height:1}
.hud b{font-weight:normal;font-family:'Press Start 2P',monospace;font-size:12px;color:var(--ac);line-height:1;text-shadow:-1px 0 rgba(255,50,110,.65),1px 0 rgba(60,210,255,.65)}

.roar .st-bobA2{animation:stBob2 .36s steps(1) infinite}
.roar .st-bobB2{animation:stBob2 .36s steps(1) infinite;animation-delay:-.18s}
@keyframes stBob2{50%{transform:translateY(-2px)}}
.smk{animation:smk 6s steps(6) infinite}
@keyframes smk{0%{transform:translate(0,0);opacity:.9}100%{transform:translate(12px,-10px);opacity:0}}
.board60{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#E8DFC6;color:#7A1F1F;font-family:'Press Start 2P',monospace;white-space:nowrap;letter-spacing:0}

.k-prev svg{image-rendering:pixelated}
.k-feat-b{font-size:17px;line-height:1.15;color:var(--lt2);text-align:center}

/* ---------- Arena tiles: a window onto each game (11 Oct) ---------- */
.k-tile.k-scene{height:auto;justify-content:flex-start;padding:5px 5px 9px;gap:8px}.k-tile.k-scene .sc{display:block;width:100%;aspect-ratio:96/52;border:2px solid #000A21;box-shadow:0 0 0 1px var(--line);overflow:hidden;background:#000A21}.k-tile.k-scene .sc img{display:block;width:100%;height:100%;object-fit:cover}.k-tile.k-scene:hover .sc,.k-tile.k-scene:focus-visible .sc{box-shadow:0 0 0 1px var(--ac)}
/* fit the play screen to the visible screen: no page scroll while playing */
#kit:has(#s-game.active) .caveat{display:none}
#kit.kt-std .wrap:has(#s-game.active){padding-bottom:6px}
#kit.kt-std #s-game.active{min-height:0;height:calc(100vh - 46px);height:calc(100svh - 46px);overflow:hidden}
#kit.kt-std #s-game.active #cards{flex:1 1 0;min-height:110px}
#kit.kt-std #s-game.active #cards>.fo-row{min-height:0}
#kit.kt-std #s-game.active>*{flex-shrink:0}
#kit.kt-std #s-game.active>#cards{flex-shrink:1}
@media (max-height:700px){
#kit.kt-std #s-game.active{gap:6px;padding:4px 0 6px}
#kit.kt-std #s-game .back-btn{padding:3px 10px}
#kit.kt-std #s-game .era-badge{padding:5px 8px 4px}
#kit.kt-std .top-bar .top-box{padding-top:4px!important;padding-bottom:4px!important}
#kit.kt-std .badge-wrap{gap:3px}
#kit.kt-std .badge-wrap .sub{font-size:16px}
#kit.kt-std .hint{font-size:19px;min-height:19px}
#kit.kt-std .btn-h,#kit.kt-std .btn-l{height:52px}
#kit.kt-std #s-diff.active,#kit.kt-std #s-era.active{gap:8px;padding-top:6px}
#kit.kt-std .diff-card{padding:9px 12px 8px;gap:4px}
#kit.kt-std .diff-desc{font-size:16px;margin-top:2px}
}