/* Recreations based on the user's video references. All geometry is local CSS. */
.retro-scoreboard{--plate:#111;display:flex;position:relative;gap:14px;align-items:flex-start;margin:10px 0 12px;width:max-content;max-width:100%;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:20.5px;line-height:29px;letter-spacing:-1px;color:#f8f8f8;filter:drop-shadow(0 1px 1px #0008);isolation:isolate}
.retro-score-line{display:grid;position:relative;grid-template-columns:48px 24px 24px 48px;padding:0 7px;background:linear-gradient(#030303 0%,#181818 46%,#010101 55%,#080808 100%);border-radius:18px;box-shadow:inset 0 1px 1px #ffffff12;overflow:visible}
.retro-score-line:before{content:'';position:absolute;pointer-events:none;top:44%;height:18%;left:9px;right:9px;background:linear-gradient(90deg,transparent,#ffffff24 12%,#ffffff0b 46%,#ffffff29 74%,transparent);border-radius:50%;z-index:3}
.retro-team{text-align:center;z-index:1;text-shadow:0 1px 1px #000;white-space:nowrap}.retro-digit{position:relative;display:block;text-align:center;perspective:160px;min-width:24px;color:#ddc14e;letter-spacing:-1.5px;font-size:23px;background:linear-gradient(90deg,#151515,#202020 43%,#101010);box-shadow:inset 1px 0 1px #d8d8d866,inset -1px 0 1px #d8d8d866;z-index:2;font-variant-numeric:tabular-nums;line-height:29px;font-weight:700}
.retro-clock{position:relative;padding:0 9px;white-space:nowrap;background:linear-gradient(#111,#000 65%,#0a0a0a);border-radius:18px;line-height:29px;letter-spacing:-.8px;box-shadow:inset 0 1px 1px #ffffff15;font-variant-numeric:tabular-nums}.retro-clock:after{content:'';position:absolute;left:8px;right:8px;top:42%;height:18%;background:linear-gradient(90deg,transparent,#ffffff1b,transparent);pointer-events:none}.retro-period{display:none}.retro-ball{display:none}.retro-time{font-weight:700}.retro-value{display:block}.retro-digit.is-spinning>.retro-value{visibility:hidden}.retro-rotor{position:absolute;inset:0;display:block;transform-style:preserve-3d;will-change:transform}.retro-face{position:absolute;inset:0;backface-visibility:hidden;background:var(--plate);box-shadow:inset 1px 0 1px #ffffff66,inset -1px 0 1px #0006;display:flex;align-items:center;justify-content:center}.retro-face:after{content:'';position:absolute;left:0;right:0;top:42%;height:20%;background:linear-gradient(#ffffff15,#ffffff04);pointer-events:none}
/* 2006: beveled blue blades and a warm clock below the home team. */
.retro-scoreboard[data-theme="2006"]{--plate:linear-gradient(135deg,#a2c4f4,#6d97d3 55%,#b4cff8);display:block;padding-bottom:24px;font-size:22px;line-height:31px;min-width:224px}
[data-theme="2006"] .retro-score-line{grid-template-columns:70px 34px 12px 34px 70px;padding:0;background:none;border-radius:0;box-shadow:none;gap:0}
[data-theme="2006"] .retro-team{background:linear-gradient(110deg,#4f68b6,#142a87 55%,#152269);box-shadow:inset 2px 2px 3px #d9e9fc,inset -2px -2px 3px #050b4e;font-size:22px;letter-spacing:-1px;line-height:32px}
[data-theme="2006"] .retro-digit{background:var(--plate);line-height:32px;font-size:25px;color:#fff300;text-shadow:1px 2px 1px #172447;box-shadow:inset 0 2px 2px #e7fbff;letter-spacing:-1px}
[data-theme="2006"] .retro-score-home{clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%);padding-right:7px;width:42px}
[data-theme="2006"] .retro-score-away{grid-column:4;clip-path:polygon(28% 0,100% 0,100% 100%,28% 100%,0 50%);padding-left:7px;width:42px;margin-left:-8px}
[data-theme="2006"] .retro-score-line:before{display:none}[data-theme="2006"] .retro-away{grid-column:5}
[data-theme="2006"] .retro-clock{position:absolute;left:0;top:32px;height:24px;line-height:24px;font-size:20px;letter-spacing:-.8px;color:#050505;border-radius:0;padding:0 15px 0 9px;min-width:98px;background:linear-gradient(#ffe185,#edaf32 45%,#ffce5b);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);box-shadow:inset 2px 1px 2px #fff8bc,inset 0 -2px 2px #9b6616}
.scoreboard-options{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0}.scoreboard-options label{font-size:14px}.scoreboard-preview{margin:0;min-height:70px;display:flex;align-items:center}.scoreboard-preview .retro-scoreboard{margin:4px 0 10px}.scoreboard-options .muted{font-size:12px;max-width:310px}
@media(max-width:500px){.scoreboard-options{gap:10px}.retro-scoreboard{max-width:100%}.scoreboard-preview{width:100%}}
.retro-period{display:inline-block;color:#d8bd51;margin-right:7px;padding-right:6px;border-right:1px solid #b8b8b86b;font-size:.92em;letter-spacing:-1px}
[data-theme="2006"] .retro-period{color:#060606;background:linear-gradient(90deg,#d5d5d5,#fff,#bcbcbc);border:0;margin-left:-9px;margin-right:6px;padding:0 5px;font-size:22px;box-shadow:1px 0 2px #222}

.retro-center{display:contents}
/* 2009: restore the preceding release's exact 18/20px type, 25px line and 8px gaps.
   Only the soft horizontal reflection is added to its black capsules. */
.retro-scoreboard[data-theme="2009"]{font-size:18px;line-height:25px;letter-spacing:-.5px;gap:7px;margin:8px 0 10px;align-items:center;filter:none}
[data-theme="2009"] .retro-score-line{display:inline-flex;gap:8px;align-items:center;padding:0 11px;border-radius:14px;background:linear-gradient(#252525,#050505);box-shadow:0 1px 2px #000;perspective:140px}
[data-theme="2009"] .retro-team{font-size:18px;line-height:25px;letter-spacing:-.5px;color:#f6f6f6;text-shadow:none}
[data-theme="2009"] .retro-center{position:relative;display:inline-flex;gap:8px;align-items:center;transform-style:preserve-3d;transform-origin:50% 50%}
[data-theme="2009"] .retro-digit{font-size:20px;line-height:25px;min-width:12px;width:auto;height:auto;letter-spacing:-.5px;color:#e5c458;background:transparent;box-shadow:none;perspective:none}
[data-theme="2009"] .retro-clock{padding:0 10px;line-height:25px;font-size:18px;letter-spacing:-.5px;border-radius:14px;background:linear-gradient(#252525,#050505);box-shadow:0 1px 2px #000}
[data-theme="2009"] .retro-period{display:none}
[data-theme="2009"] .retro-score-line:before{left:10px;right:10px;top:39%;height:24%;background:linear-gradient(90deg,transparent,#ffffff16 15%,#ffffff09 50%,#ffffff1b 78%,transparent);border-radius:50%;z-index:0}
[data-theme="2009"] .retro-center:after{content:'';position:absolute;inset:40% -2px auto;height:22%;background:linear-gradient(90deg,#ffffff0c,#ffffff14,#ffffff08);pointer-events:none}
[data-theme="2009"] .retro-center:before{content:'';position:absolute;left:-4px;right:-4px;top:1px;bottom:1px;pointer-events:none;background-image:linear-gradient(180deg,transparent,#b8bcb054 20%,#eeeedd75 48%,#999e9260 82%,transparent),linear-gradient(180deg,transparent,#b8bcb054 20%,#eeeedd75 48%,#999e9260 82%,transparent),linear-gradient(180deg,transparent,#b8bcb054 20%,#eeeedd75 48%,#999e9260 82%,transparent);background-size:1px 100%,1px 100%,1px 100%;background-position:left top,center top,right top;background-repeat:no-repeat;z-index:4}
[data-theme="2009"] .retro-score-line,[data-theme="2009"] .retro-clock{box-shadow:0 1px 2px #000,inset 0 0 0 .5px #b4b9a927}
[data-theme="2009"] .retro-clock:after{top:40%;height:22%;background:linear-gradient(90deg,transparent,#ffffff1c,transparent)}
/* 2010: open-book proportions measured from the supplied clip. The golden leaves
   are 50px tall and rise 10px above/below the 31px dark name strip. */
.retro-scoreboard[data-theme="2010"]{zoom:.85;--plate:linear-gradient(115deg,#ffdf3a,#ffc328 65%,#f3ab22);display:block;font-size:28px;line-height:31px;min-width:250px;padding:10px 0 42px;filter:drop-shadow(0 1px 1px #0005)}
[data-theme="2010"] .retro-score-line{display:grid;grid-template-columns:78px 31px 30px 31px 78px;height:31px;line-height:31px;padding:0;border-radius:0;border:1px solid #969a8b;background:radial-gradient(circle at 2px 2px,#050505 0 1.8px,transparent 2.2px) 0 0/7px 7px,radial-gradient(circle at 2px 2px,#080808 0 1.7px,transparent 2.1px) 3.5px 3.5px/7px 7px,linear-gradient(#52544c,#282b25 52%,#3c4036);box-shadow:inset 0 1px #d5dec477,0 1px 1px #000;isolation:isolate}
[data-theme="2010"] .retro-score-line:before{top:-7px;bottom:-7px;left:9px;right:9px;height:auto;background:transparent;border:1px solid #b6d5bd8c;border-radius:0;box-shadow:inset 0 2px #e3f2d33b,inset 0 -3px #acbda67a;transform:skewX(-7deg);z-index:-1}
[data-theme="2010"] .retro-team{font:600 28px/29px Arial,Helvetica,sans-serif;letter-spacing:-1.3px;text-shadow:0 1px 1px #000;position:relative;align-self:center;color:#fff}
[data-theme="2010"] .retro-team:after{content:'';position:absolute;left:8px;right:8px;height:5px;bottom:-5px;background:linear-gradient(#c9d1bfbb,#a0aa9588);clip-path:polygon(0 0,45% 0,49% 100%,52% 0,100% 0,96% 100%,3% 100%);z-index:-1}
[data-theme="2010"] .retro-digit{height:50px;margin-top:-10px;line-height:50px;min-width:31px;color:#030303;background:var(--plate);box-shadow:inset 1px 0 #ffe66366;text-shadow:0 1px #ffdc45;letter-spacing:-1px;font-family:'Arial Narrow',Impact,Arial,sans-serif;font-size:44px;font-weight:700;perspective:220px;overflow:visible;z-index:3}
[data-theme="2010"] .retro-score-home{transform:skewY(10deg)}[data-theme="2010"] .retro-score-away{grid-column:4;transform:skewY(-10deg)}[data-theme="2010"] .retro-away{grid-column:5}
[data-theme="2010"] .retro-ball{display:block;grid-column:3;grid-row:1;width:31px;height:31px;align-self:center;justify-self:center;position:relative;background:none;z-index:4;filter:drop-shadow(0 1px 1px #0008)}
[data-theme="2010"] .retro-ball:before{content:'';position:absolute;inset:0;background:url('assets/placar-bola.svg') center/31px 31px no-repeat;animation:retro-ball-roll 4s linear infinite;will-change:transform}
[data-theme="2010"] .retro-ball:after{content:'';position:absolute;inset:1px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffffff4d,transparent 40%,#0002 90%);pointer-events:none}
@keyframes retro-ball-roll{to{transform:rotate(360deg)}}
[data-theme="2010"] .retro-clock{position:absolute;display:flex;align-items:center;left:50%;top:55px;transform:translateX(-50%);height:28px;min-width:0;line-height:27px;font-size:23px;letter-spacing:-.8px;padding:0 6px;border-radius:0;border:1px solid #a9b19b;background:radial-gradient(circle,#020202 0 1.3px,#58604f 1.9px 2.5px,transparent 2.8px) 0 0/6px 6px,linear-gradient(#46513c,#20271e);box-shadow:0 1px 2px #0008}
[data-theme="2010"] .retro-period{height:27px;line-height:27px;font-size:22px;letter-spacing:-1px;color:#080808;background:linear-gradient(#ffe23f,#f6b627);border:0;margin-left:-6px;margin-right:5px;padding:0 5px}
[data-theme="2010"] .retro-time{font-size:23px;line-height:27px}
/* A page has a fixed inner binding. Its reverse is paper, not a mirrored score. */
[data-theme="2010"] .retro-digit.is-turning-page{z-index:20}
.retro-page{position:absolute;inset:0;transform-style:preserve-3d;z-index:22;will-change:transform,opacity;pointer-events:none}
.retro-paper-front,.retro-paper-back{position:absolute;inset:0;display:block;text-align:center;backface-visibility:hidden;background:var(--plate);box-shadow:inset 1px 0 #fff29e88,1px 0 1px #4d310c55;line-height:inherit}
.retro-paper-back{transform:rotateY(180deg);background:linear-gradient(90deg,#cf9229,#ffda50 38%,#ffe166);box-shadow:inset 1px 0 #ffeda6,1px 1px 3px #35270b66}
.retro-paper-light{position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 25%,#fff5 65%,#0001);backface-visibility:hidden;pointer-events:none}
.retro-page-shadow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0005,transparent);opacity:0;animation:retro-leaf-shadow .8s ease-in-out;z-index:1}
@keyframes retro-leaf-shadow{0%,100%{opacity:0}45%{opacity:.65}}
@media(prefers-reduced-motion:reduce){[data-theme="2010"] .retro-ball:before{animation:none}.retro-page-shadow{animation:none}}

/* Band: dark name strip, hollow ivory digits over one green football with a fine net, and a separate lime-to-ivory clock, measured from the clip. */
.retro-scoreboard[data-theme="band"]{display:inline-flex;align-items:center;gap:17px;font-family:'Arial Narrow',Arial,sans-serif;font-size:23px;line-height:30px;letter-spacing:-.8px;margin:13px 0 10px;padding:10px 0 7px;filter:drop-shadow(0 1px 1px #0007)}
[data-theme="band"] .retro-score-line{display:grid;grid-template-columns:76px 34px 34px 76px;align-items:center;height:34px;padding:0;background:linear-gradient(#1b2414,#070b06 45%,#010301);border-radius:3px 3px 8px 8px;box-shadow:inset 0 2px 1px #a5b78266,0 2px 1px #0d1709b3;isolation:isolate}
[data-theme="band"] .retro-score-line:before{left:4px;right:4px;top:-4px;height:3px;background:linear-gradient(90deg,transparent,#9bab745e 8%,#bac98b87 40%,#aabc7d5e 85%,transparent);border-radius:0;z-index:0}
[data-theme="band"] .retro-team{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:34px;padding:0 4px;overflow:hidden;grid-row:1;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:400;line-height:34px;letter-spacing:-1.3px;color:#f4f5e7;text-shadow:0 0 1px #fff8,1px 1px 2px #000}
[data-theme="band"] .retro-home{grid-column:1}[data-theme="band"] .retro-away{grid-column:4}
[data-theme="band"] .retro-center{position:relative;display:flex;grid-column:2 / span 2;grid-row:1;width:68px;height:52px;margin:0;align-self:center;align-items:center;z-index:3;isolation:isolate}
[data-theme="band"] .retro-center:before{display:none}
[data-theme="band"] .retro-center:after{display:none}
[data-theme="band"] .retro-digit{position:relative;flex:0 0 34px;min-width:34px;width:34px;height:50px;margin:0;line-height:50px;font-family:Arial,Helvetica,sans-serif;font-size:44px;font-weight:400;letter-spacing:-1px;color:#344716;-webkit-text-stroke:2px #fff;text-shadow:0 1px 1px #152b0b;background:none;border:0;border-radius:0;box-shadow:none;perspective:none;z-index:3}
[data-theme="band"] .retro-value{transform:scaleX(.78)}
[data-theme="band"] .retro-score-away{background:none;border:0;border-radius:0;box-shadow:none}
[data-theme="band"] .retro-ball{position:absolute;display:block;left:50%;top:50%;width:68px;height:68px;transform:translate(-50%,-50%);background:url('assets/band-bola.svg?v=2') center/contain no-repeat;filter:drop-shadow(0 1px 2px #8eaa3966);z-index:0}
[data-theme="band"] .retro-clock{position:relative;display:flex;align-items:center;height:34px;min-width:116px;margin:0;padding:0 6px;line-height:27px;letter-spacing:-1.4px;border:3px solid #1e2b19;border-radius:7px;background:linear-gradient(100deg,#bdcf35,#d8e36d 37%,#eef0df 65%,#f5f4e7);box-shadow:0 0 0 1px #7b8e4b,0 1px 2px #0007;color:#060a04;text-shadow:none}
[data-theme="band"] .retro-clock:after{left:2px;right:2px;top:1px;height:4px;background:linear-gradient(#ffffef6e,transparent);border-radius:3px}
[data-theme="band"] .retro-period{display:block;border:0;margin:0 5px 0 0;padding:0;color:#151e06;font:400 25px/27px Arial,Helvetica,sans-serif;letter-spacing:-1.5px}
[data-theme="band"] .retro-time{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:27px;line-height:27px;letter-spacing:-1.2px;color:#080c04}

[data-theme="band"] .retro-digit[data-wide="true"]{font-size:28px;letter-spacing:-2px}

/* Brazil editions: palette only; the base theme keeps its layout and goal motion. */
[data-theme="2006"][data-variant="brasil"]{--plate:linear-gradient(135deg,#fff5ac,#d5be42 55%,#f9e785)}
[data-theme="2006"][data-variant="brasil"] .retro-team{color:#eff58b;background:linear-gradient(110deg,#628232,#284c0b 55%,#29460f);box-shadow:inset 2px 2px 3px #daeab5,inset -2px -2px 3px #172e08}
[data-theme="2006"][data-variant="brasil"] .retro-digit{color:#756218;text-shadow:1px 1px 1px #f5e58b;box-shadow:inset 0 2px 2px #fff9cc}
[data-theme="2006"][data-variant="brasil"] .retro-clock{color:#fff;background:linear-gradient(#5066c9,#1b2b96 50%,#2438b9);box-shadow:inset 2px 1px 2px #cdd7ff,inset 0 -2px 2px #0e185e}
[data-theme="2009"][data-variant="brasil"] .retro-score-line{background:linear-gradient(#526c43,#203c25 55%,#233d26)}
[data-theme="2009"][data-variant="brasil"] .retro-team{color:#eff49e}
[data-theme="2009"][data-variant="brasil"] .retro-digit{color:#effff0}
[data-theme="2009"][data-variant="brasil"] .retro-clock{color:#f7faff;background:linear-gradient(#50639a,#22325e 55%,#26385e)}