/* SHERCO Enduro Rush – TOP 20 */
.ser-board{--ser-bg:#0a1440;--ser-navy:#0d1a55;--ser-navy2:#13246e;--ser-blue:#1d3fd0;--ser-yel:#ffd400;--ser-gold:#ffcf3a;--ser-silver:#cfd6e6;--ser-bronze:#e0904f;
  position:relative;width:100vw;margin:0 calc(50% - 50vw);background:var(--ser-bg);color:#fff;font-family:'Heebo',system-ui,sans-serif;padding:0 0 48px;
  background-image:linear-gradient(rgba(255,255,255,.025) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.025) 2px,transparent 2px);background-size:24px 24px}
.ser-board *{box-sizing:border-box}
.ser-board__track{height:30px;background-repeat:repeat-x;background-size:auto 64px;background-position:center top;image-rendering:pixelated;box-shadow:inset 0 -6px 0 rgba(0,0,0,.25)}
.ser-board__inner{max-width:860px;margin:0 auto;padding:36px 16px 0}
.ser-board__panel{position:relative;background:var(--ser-navy);border:3px solid #fff;outline:3px solid var(--ser-blue);box-shadow:10px 10px 0 rgba(0,0,0,.45);padding:0 0 14px}
.ser-board__flag{height:12px;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0/12px 12px;border-bottom:3px solid #fff}
.ser-px{font-family:'Press Start 2P',monospace;direction:ltr;unicode-bidi:isolate}
.ser-board__head{text-align:center;padding:22px 18px 10px}
.ser-board__title{display:flex;flex-direction:column;align-items:center;gap:10px}
.ser-board__title .ser-px{font-size:clamp(26px,5vw,40px);color:var(--ser-yel);text-shadow:4px 4px 0 #000,0 0 0 #000;letter-spacing:.06em;line-height:1}
.ser-board__he{font-weight:900;font-size:clamp(18px,2.6vw,24px);text-shadow:3px 3px 0 #000}
.ser-board__month{display:inline-flex;align-items:center;gap:10px;margin-top:12px;background:var(--ser-blue);border:2px solid #fff;box-shadow:3px 3px 0 #000;padding:5px 12px;font-weight:700;font-size:15px}
.ser-board__month-tag{font-size:9px;color:var(--ser-yel)}
.ser-board__sub{margin:12px auto 0;max-width:34em;opacity:.9;font-size:15px;line-height:1.5}
.ser-board__cols,.ser-row{display:grid;grid-template-columns:64px 1fr 110px 140px;align-items:center;gap:10px}
.ser-board__cols{margin:8px 14px 0;padding:8px 12px;font-family:'Press Start 2P',monospace;font-size:9px;color:#9fb1ff;border-bottom:3px solid rgba(255,255,255,.18)}
.ser-board__cols span:first-child{text-align:center}
.ser-col-m,.ser-col-s{text-align:left}
.ser-board__list{list-style:none;margin:6px 14px 0;padding:0;counter-reset:none}
.ser-row{position:relative;padding:8px 12px;min-height:54px;border-bottom:2px dashed rgba(255,255,255,.1)}
.ser-row:nth-child(even){background:rgba(255,255,255,.035)}
.ser-rk{justify-self:center;display:flex;align-items:center;justify-content:center;width:40px;height:34px;font-family:'Press Start 2P',monospace;font-size:13px;background:var(--ser-navy2);border:2px solid rgba(255,255,255,.55);box-shadow:2px 2px 0 #000}
.ser-nm{display:flex;align-items:center;gap:10px;min-width:0;font-weight:700;font-size:17px}
.ser-nm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ser-nm img{width:34px;height:auto;flex:none;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.6))}
.ser-mt{text-align:left;font-family:'Press Start 2P',monospace;font-size:10px;color:#b9c6ff;direction:ltr}
.ser-sc{text-align:left;font-family:'Press Start 2P',monospace;font-size:15px;color:#fff;text-shadow:2px 2px 0 #000;direction:ltr}
.ser-row--1,.ser-row--2,.ser-row--3{min-height:64px}
.ser-row--1{background:linear-gradient(270deg,rgba(255,207,58,.24),rgba(255,207,58,.04) 70%)!important;box-shadow:inset -5px 0 0 var(--ser-gold)}
.ser-row--2{background:linear-gradient(270deg,rgba(207,214,230,.2),rgba(207,214,230,.03) 70%)!important;box-shadow:inset -5px 0 0 var(--ser-silver)}
.ser-row--3{background:linear-gradient(270deg,rgba(224,144,79,.22),rgba(224,144,79,.03) 70%)!important;box-shadow:inset -5px 0 0 var(--ser-bronze)}
.ser-row--1 .ser-rk{background:var(--ser-gold);color:#3a2600;border-color:#fff}
.ser-row--2 .ser-rk{background:var(--ser-silver);color:#1d2433;border-color:#fff}
.ser-row--3 .ser-rk{background:var(--ser-bronze);color:#3a1a05;border-color:#fff}
.ser-row--1 .ser-sc{color:var(--ser-gold);font-size:17px}
.ser-row--1 .ser-nm{font-size:19px}
.ser-row--me{outline:3px solid var(--ser-yel);outline-offset:-3px;background:rgba(255,212,0,.12)!important}
.ser-row--me .ser-me{flex:none;font-family:'Press Start 2P',monospace;font-size:8px;background:var(--ser-yel);color:var(--ser-navy);padding:4px 6px;box-shadow:2px 2px 0 #000}
.ser-row--flash{animation:ser-flash 1.2s steps(2) 3}
@keyframes ser-flash{50%{background:rgba(255,212,0,.35)}}
.ser-board__msg{padding:26px 12px;text-align:center;opacity:.85;font-size:16px}
.ser-board__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 14px 0;padding:12px 12px 0;border-top:3px solid rgba(255,255,255,.18);font-size:13px;opacity:.95}
.ser-board__btn{font-weight:900;font-size:15px;color:#fff!important;text-decoration:none!important;background:var(--ser-blue);border:3px solid var(--ser-yel);box-shadow:4px 4px 0 #000;padding:6px 16px}
.ser-board__btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}
@media (max-width:640px){
  .ser-board__inner{padding:24px 10px 0}
  .ser-board__panel{box-shadow:6px 6px 0 rgba(0,0,0,.45)}
  .ser-board__cols,.ser-row{grid-template-columns:42px 1fr 92px;gap:8px}
  .ser-board__cols{margin:6px 8px 0;padding:8px 6px}
  .ser-board__list{margin:4px 8px 0}
  .ser-row{padding:7px 6px;min-height:50px}
  .ser-col-m{display:none}
  .ser-mt{grid-column:2;grid-row:2;font-size:8px;margin-top:-4px;text-align:right}
  .ser-rk{width:34px;height:30px;font-size:11px;grid-row:1 / span 2}
  .ser-sc{grid-column:3;grid-row:1 / span 2;font-size:12px}
  .ser-row--1 .ser-sc{font-size:13px}
  .ser-nm{font-size:15px;gap:7px}.ser-row--1 .ser-nm{font-size:16px}
  .ser-nm img{width:26px}
  .ser-board__foot{margin:12px 8px 0;padding:10px 6px 0;justify-content:center;text-align:center}
}
