#icotd{--bg:#080a0f;--panel:#121724;--line:#222a3a;--text:#eef2f8;--muted:#93a0b4;--gold:#e0aa3e;--win:#35a06a;--loss:#d8483f;--draw:#7183a0;--ground:#0d1a16;--ink:#e8e2d0;--accent:#c8703c;--era:0}*{box-sizing:border-box}#icotd html{scroll-behavior:smooth}#icotd{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#icotd .display{font-weight:800;text-transform:uppercase;letter-spacing:-.01em}#icotd .kicker{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--accent);text-align:center;margin:0 0 14px;transition:color .45s ease}#icotd h1,#icotd h2{text-align:center;margin:0}#icotd h1{font-size:clamp(36px,9vw,74px);line-height:.98}#icotd h2{font-size:clamp(18px,3.6vw,26px);color:#b9c4d6;font-weight:700}#icotd .lede{color:var(--muted);text-align:center;max-width:34ch;margin:22px auto 0}#icotd section{padding:0 20px}#icotd .hero{min-height:100svh;display:grid;align-content:center;position:relative;overflow:hidden;transition:background .55s ease;background:radial-gradient(120% 80% at 50% -10%,var(--ground,#122344) 0,transparent 65%),var(--bg)}#icotd .hero>*{position:relative;z-index:2}#icotd #dots,#icotd .bg{position:absolute;inset:0;z-index:1;pointer-events:none}#icotd #dots{opacity:.75}@media (prefers-reduced-motion:reduce){#dots{display:none}}#icotd .bg.drift:after,#icotd .bg.drift:before{content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(60px);opacity:.5}#icotd .bg.drift:before{background:radial-gradient(circle,#1d3f7a 0,transparent 62%);top:-30%;left:-20%;animation:driftA 26s ease-in-out infinite alternate}#icotd .bg.drift:after{background:radial-gradient(circle,#4a2668 0,transparent 62%);bottom:-35%;right:-25%;animation:driftB 32s ease-in-out infinite alternate}@keyframes driftA{to{transform:translate3d(18vw,12vh,0) scale(1.15)}}@keyframes driftB{to{transform:translate3d(-16vw,-10vh,0) scale(1.1)}}@media (prefers-reduced-motion:reduce){.bg.drift:after,.bg.drift:before{animation:none}}#icotd .scroll-cue{display:grid;justify-items:center;gap:8px;margin-top:34px}#icotd .scroll-cue .chev{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:nudge 2.2s ease-in-out infinite}#icotd .scroll-cue .chev path:last-child{opacity:.55}@keyframes nudge{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(6px);opacity:.95}}#icotd .hero h1{color:#fff}#icotd .flagword{position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImYiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIwIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iLjM0Ii8+PHN0b3Agb2Zmc2V0PSIuMTgiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iLjM4IiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4yMiIvPjxzdG9wIG9mZnNldD0iLjU1IiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9Ii4zIi8+PHN0b3Agb2Zmc2V0PSIuNzIiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iLjg4IiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4xOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIuMzQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iNDAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI2Y0ZjRlZiIvPjxwYXRoIGZpbGw9IiNmZjk5MzMiIGQ9Ik0wIDBoNDAwdjMwYy0yNSAxMC00NS02LTcwLTJzLTQwIDEyLTY2IDEwLTQ1LTEyLTcwLTktNDUgMTItNzAgMTAtNDUtMTAtNzAtNi0zOCA4LTU0IDZ6Ii8+PHBhdGggZmlsbD0iIzEzODgwOCIgZD0iTTAgMTAwaDQwMFY2NmMtMjUgMTAtNDUtNi03MC0ycy00MCAxMi02NiAxMC00NS0xMi03MC05LTQ1IDEyLTcwIDEwLTQ1LTEwLTcwLTYtMzggOC01NCA2eiIvPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjUwIiByPSI5IiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTNiOGYiIHN0cm9rZS13aWR0aD0iMS42IiBvcGFjaXR5PSIuNSIvPjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2YpIi8+PC9zdmc+");background-size:300% 118%;background-position:0 50%;background-repeat:repeat-x;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45));animation:fly 9s linear infinite}@keyframes fly{0%{background-position:0 50%}to{background-position:-300% 50%}}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.flagword{color:var(--gold);-webkit-text-fill-color:var(--gold);background:none;filter:none}}@media (prefers-reduced-motion:reduce){.flagword{animation:none}}#icotd .hero .seam{width:120px;height:2px;margin:26px auto 0;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}#icotd .scroll-cue span{color:var(--muted);font-size:11px;letter-spacing:.2em}#icotd .run{position:relative}#icotd .stage{position:sticky;top:0;height:100svh;display:grid;align-content:center;padding:max(28px,env(safe-area-inset-top)) 20px 24px;transition:background .55s ease;background:radial-gradient(130% 80% at 50% -5%,var(--ground) 0,transparent 72%),linear-gradient(180deg,rgba(255,255,255,calc(var(--era) * .022)) 0,transparent 45%),var(--bg)}#icotd .steps{margin-top:-100svh;pointer-events:none}#icotd .step{height:100svh}#icotd .timeline{max-width:620px;margin:10px auto 14px;width:100%}#icotd .track{position:relative;height:20px}#icotd .track .rail{position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line)}#icotd .track .dot{position:absolute;top:5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--draw);transition:transform .25s ease,box-shadow .25s ease}#icotd .track .dot.won{background:var(--win)}#icotd .track .dot.lost{background:var(--loss)}#icotd .track .dot.is-now{transform:scale(1.9);box-shadow:0 0 0 4px rgba(224,170,62,.26);background:var(--gold)}#icotd .track .dot.big:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--gold);opacity:.55}#icotd .ends{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:8px}#icotd .track{padding:0 2px}#icotd .year{display:flex;justify-content:center;gap:1px;line-height:1}#icotd .digit{position:relative;overflow:hidden;height:clamp(48px,12vw,92px);width:clamp(30px,8vw,58px);font-size:clamp(46px,11.5vw,90px);color:var(--ink);transition:color .45s ease}#icotd .digit span{position:absolute;inset:0;display:grid;place-items:center;transition:transform .38s cubic-bezier(.22,.8,.28,1),opacity .28s}#icotd .digit span.out-up{transform:translateY(-100%);opacity:0}#icotd .digit span.in-from-down,#icotd .digit span.out-down{transform:translateY(100%);opacity:0}#icotd .digit span.in-from-up{transform:translateY(-100%);opacity:0}#icotd .counter{text-align:center;color:var(--muted);font-size:12px;margin-top:8px;letter-spacing:.04em}#icotd .badge{margin:10px auto 0;width:max-content;max-width:92%;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}#icotd .badge.on{opacity:1;transform:none}#icotd .badge-note{max-width:46ch;margin:12px auto 0;text-align:center;color:#cfd8e6;font-size:14px;line-height:1.5;opacity:0;transition:opacity .4s ease .05s}#icotd .run.has-marks .badge{min-height:30px}#icotd .run.has-marks .badge-note{min-height:4.2em}#icotd .run:not(.has-marks) .badge,#icotd .run:not(.has-marks) .badge-note{display:none}#icotd .badge-note.on{opacity:1}#icotd .fixture{text-align:center;margin-top:14px}#icotd .fixture .line{width:min(100%,34ch)}#icotd .fixture .when{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;min-height:1.6em;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}#icotd .fixture .fmt{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--ink);font-size:10px;letter-spacing:.14em}#icotd .fixture .line{font-size:clamp(21px,5vw,36px);margin:12px auto 0;max-width:34ch;line-height:1.15;transition:color .3s;min-height:2.3em;display:flex;align-items:center;justify-content:center}#icotd .fixture .line.won{color:var(--win)}#icotd .fixture .line.lost{color:var(--loss)}#icotd .fixture .line.abandoned,#icotd .fixture .line.cancelled,.fixture .line.draw,.fixture .line.nr,.fixture .line.tied{color:var(--draw)}#icotd .board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:420px;margin:16px auto 0}#icotd .board .side{text-align:center}#icotd .board .side b{display:block;font-size:clamp(22px,6vw,34px);font-variant-numeric:tabular-nums}#icotd .board .side small{display:block;color:var(--muted);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-top:4px}#icotd .board .v{color:var(--muted);font-size:12px;letter-spacing:.12em}#icotd .board .side.us b{color:var(--ink)}#icotd .board .side.them b,#icotd .where{color:var(--muted)}#icotd .where{font-size:13px;text-align:center;margin-top:10px}#icotd .record{max-width:420px;margin:20px auto 0}#icotd .record .seq{display:flex;gap:3px;height:26px}#icotd .record .seq i{flex:1;border-radius:3px;background:var(--line);transition:background .35s ease,opacity .35s ease;opacity:.45}#icotd .record .seq i.done{opacity:1}#icotd .record .seq i.won{background:var(--win)}#icotd .record .seq i.lost{background:var(--loss)}#icotd .record .seq i.abandoned,#icotd .record .seq i.cancelled,.record .seq i.draw,.record .seq i.nr,.record .seq i.tied{background:var(--draw)}#icotd .totals-row{display:flex;gap:18px;margin-top:16px}#icotd .totals-row small{display:block;white-space:nowrap}#icotd .tot{flex:1}#icotd .tot .meter{display:block;height:6px;border-radius:3px;background:#1a2131;overflow:hidden}#icotd .tot .meter i{display:block;height:100%;border-radius:3px;transition:width .45s cubic-bezier(.22,.8,.28,1);width:0}#icotd .tot .meter i.for{background:var(--win)}#icotd .tot .meter i.against{background:var(--loss)}#icotd .tot b{display:block;font-size:19px;margin-top:8px;font-variant-numeric:tabular-nums}#icotd .tot small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}#icotd .board .side b .and{color:var(--muted);font-weight:600;margin:0 4px;font-size:.7em}#icotd .board .side b{line-height:1.15}#icotd .record .tally{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:10px}#icotd .record .tally b{color:var(--text);font-variant-numeric:tabular-nums}#icotd .rank{padding:90px 20px 110px;background:#0b0e16}#icotd .big{text-align:center;font-size:clamp(46px,12vw,92px);color:var(--loss);line-height:1;margin:12px 0 0}#icotd .big.good{color:var(--win)}#icotd .big.mid{color:var(--gold)}#icotd .toggle{display:flex;justify-content:center;gap:4px;margin:20px auto 0;width:max-content;background:#111726;border:1px solid var(--line);border-radius:999px;padding:4px}#icotd .toggle button{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer}#icotd .toggle button.on{background:var(--gold);color:#17120a}#icotd .chart{max-width:760px;margin:30px auto 0}#icotd .bars{display:flex;align-items:flex-end;gap:1px;height:200px}#icotd .bars i{flex:1 1 auto;min-width:0;border-radius:1px 1px 0 0;cursor:pointer;display:block}#icotd .bars i.is-today{outline:2px solid var(--gold);outline-offset:1px}#icotd .axis{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:10px}#icotd .tip{max-width:760px;margin:14px auto 0;min-height:42px;text-align:center;color:var(--muted);font-size:14px}#icotd .tip b{color:var(--text)}#icotd .totals{max-width:760px;margin:54px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#icotd .totals div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center}#icotd .totals small{white-space:nowrap}#icotd .totals b{display:block;font-size:22px;font-variant-numeric:tabular-nums}#icotd .totals small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}#icotd footer{background:var(--bg);padding:46px 20px 70px;border-top:1px solid hsla(0,0%,100%,.14)}#icotd .credits{max-width:640px;margin:0 auto;display:flex;gap:14px;align-items:center}#icotd .credits .who{font-size:14px;color:var(--muted);line-height:1.6;margin:0}#icotd .credits a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(224,170,62,.35)}#icotd .credits img{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}#icotd .fine{max-width:640px;margin:22px auto 0;color:#5f6b80;font-size:12px;line-height:1.6}#icotd .empty{text-align:center;color:var(--muted);padding:60px 20px}@media (max-width:420px){.totals{grid-template-columns:repeat(2,1fr)}.board{gap:8px}}