/* Coach Mode 64-bit era (unlocks in season 2): chunky bevelled chrome, Russo / Barlow Condensed type, rounded glossy panels.
   Everything is scoped to body.e64 so season 1 (32-bit) is untouched. Ported from style64/theme.css onto the real app's DOM. */
@font-face{font-family:"Russo";src:url(../fonts/RussoOne-Regular.ttf);font-display:swap}
@font-face{font-family:"Barlow Condensed";font-weight:600;src:url(../fonts/BarlowCondensed-SemiBold.ttf);font-display:swap}
@font-face{font-family:"Barlow Condensed";font-weight:700;src:url(../fonts/BarlowCondensed-Bold.ttf);font-display:swap}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:italic;src:url(../fonts/BarlowCondensed-BoldItalic.ttf);font-display:swap}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-style:italic;src:url(../fonts/BarlowCondensed-ExtraBoldItalic.ttf);font-display:swap}
@font-face{font-family:"Barlow Condensed";font-weight:900;font-style:italic;src:url(../fonts/BarlowCondensed-BlackItalic.ttf);font-display:swap}
body.e64{--fh:"Russo";--fb:"Barlow Condensed";--acc:#ffd23a;--hl:#9fb8ff;--lav:#b8c4ff;
 --chrome:linear-gradient(180deg,#e8ecff 0,#9aa6d8 14%,#4a5ab0 15%,#25308a 55%,#141c5c 100%);
 --panel:linear-gradient(180deg,#3550c8 0,#1b2a88 10%,#121d66 60%,#0c1448 100%);
 --edge:inset 0 3px 0 rgba(200,215,255,.55),inset 0 -4px 0 rgba(0,0,0,.45),0 0 0 3px #05081e,0 0 0 5px #6b80e8,0 0 0 7px #05081e,0 10px 18px rgba(0,0,0,.65);
 font-weight:600;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% -20%,#2c47c8 0,#101a5a 45%,#060a26 100%) fixed}
body.e64 img{image-rendering:auto}
body.e64 .top{border-bottom:3px solid #05081e;box-shadow:0 4px 0 #ffd23a,0 7px 12px rgba(0,0,0,.6)}
body.e64 .top::after{display:none}
body.e64 .top h1{font-family:"Russo";font-size:1.5rem;letter-spacing:1px;background:linear-gradient(180deg,#fffbe0 0,#ffe35a 40%,#ff9a12 52%,#ffd23a 75%,#fff2a0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #7a1a00) drop-shadow(0 3px 0 #000)}
body.e64 .sub1{color:#dfe6ff;text-shadow:0 2px 0 #000}
body.e64 .m span{text-transform:uppercase;letter-spacing:1px;color:#e4e9ff;text-shadow:0 1px 0 #000}
body.e64 .m b{font-size:1rem;text-shadow:0 2px 0 #000}
body.e64 .btn{font-size:0.8125rem;border-radius:8px;background:linear-gradient(180deg,#fffbe0 0,#ffe35a 35%,#ffb51a 55%,#e88a00 100%);box-shadow:inset 0 2px 0 #fff,inset 0 -3px 0 #a85a00,0 0 0 2px #000,0 4px 0 #000;color:#1a1000}
body.e64 .btn.trade,body.e64 .btn.red{color:#fff;background:linear-gradient(180deg,#ffb0b8 0,#ff4a5a 35%,#c8102e 55%,#8a0018 100%);box-shadow:inset 0 2px 0 #ffd0d6,inset 0 -3px 0 #5a0010,0 0 0 2px #000,0 4px 0 #000;text-shadow:0 2px 0 #000}
body.e64 .btn.blue,body.e64 .btn.ghost{color:#fff;background:linear-gradient(180deg,#c8d6ff 0,#5a82ff 35%,#2448d8 55%,#122a98 100%);box-shadow:inset 0 2px 0 #e0e8ff,inset 0 -3px 0 #0a1a6a,0 0 0 2px #000,0 4px 0 #000;text-shadow:0 2px 0 #000}
body.e64 .nav button{font-size:0.8125rem;border-radius:10px 10px 0 0;color:#c8d2ff;background:linear-gradient(180deg,#5a6ac8 0,#2a3890 50%,#1a2468 100%);box-shadow:inset 0 2px 0 #9fb0ff,0 0 0 2px #000;text-shadow:0 2px 0 #000}
body.e64 .nav button.on{color:#1a1000;background:linear-gradient(180deg,#fffbe0,#ffe35a 40%,#ffb51a);box-shadow:inset 0 2px 0 #fff,0 0 0 2px #000;text-shadow:none}
body.e64 .panel,body.e64 .mbox{border-radius:12px}
body.e64 .panel::before{border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 35%)}
body.e64 .ph h3,body.e64 .mh h2{color:var(--acc);font-size:0.875rem;letter-spacing:.5px;text-shadow:0 2px 0 #7a3a00,0 3px 0 #000}
body.e64 .ph .r{color:var(--hl)}
body.e64 .scene{border-radius:12px;box-shadow:0 0 0 3px #05081e,0 0 0 5px #6b80e8,0 0 0 7px #05081e,0 10px 18px rgba(0,0,0,.65)}
body.e64 .scene canvas[data-era="64"],body.e64 canvas[data-era="64"]{image-rendering:auto}
body.e64 .scene.s64 .mon{display:none}
body.e64 .tog button{font-size:0.75rem}
body.e64 .tog button.on{background:linear-gradient(180deg,#fffbe0,#ffe35a 40%,#ffb51a)}
body.e64 .lane{border-radius:8px}body.e64 .lane .ic{border-radius:6px}
body.e64 .pill{border-radius:20px}
body.e64 th{color:var(--hl)}
body.e64 .ticker{border-top:3px solid #ffd23a}
body.e64 .ticker .nc{font-family:"Russo"}
body.e64 .ticker .tt{font-family:"VT",monospace;font-size:1.375rem}
/* key drive: 64-bit snap render sits over the 2D field; hidden while the 2D play animates */
.fw canvas.f3{position:absolute;aspect-ratio:auto;image-rendering:auto;pointer-events:none}
.fw.anim3 canvas.f3{visibility:hidden}
/* era unlock screen */
.eunl{text-align:center;padding:10px 6px 4px;background:radial-gradient(ellipse at center,rgba(60,90,220,.35),transparent 70%)}
.eua{font:800 italic 1rem "Barlow Condensed";letter-spacing:2px;color:#cfd8ff;text-align:left}
.eul{width:96px;height:80px;object-fit:contain;margin-top:6px}
.eus{font:800 italic 1.375rem "Barlow Condensed";letter-spacing:6px;color:#ffd23a;margin-top:6px}
.eub{font:400 4.5rem/1 "Russo";background:linear-gradient(180deg,#fffbe0 0,#ffe35a 40%,#ff9a12 55%,#ffd23a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #7a1a00) drop-shadow(0 4px 0 #000);padding:4px 0}
.eut{font:400 1.75rem/1.1 "Russo";letter-spacing:5px;color:#fff;text-shadow:0 3px 0 #000}
.euf{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0}
.euf .chip{font:700 0.875rem "Barlow Condensed";padding:5px 11px;border-radius:20px;background:linear-gradient(180deg,#ffe98a,#e89a00);color:#2a1800;box-shadow:0 0 0 2px #000}
.eunl .adv{justify-content:center}
@media(max-width:760px){.eub{font-size:3.25rem}.eut{font-size:1.25rem;letter-spacing:3px}}
/* reduced motion (system setting or Settings toggle) */
body.rm .ticker .tt{animation:none!important;padding-left:12px}
body.rm *,body.rm *::before,body.rm *::after{transition:none!important;animation-duration:0s!important;animation-iteration-count:1!important}
/* Round 3: contrast >= 4.5:1 on header labels and muted text */
body.e64{--dim:#d4d9ff}
body.e64 .top{background:linear-gradient(180deg,#4b5bb4 0,#2a3592 6%,#1d2774 55%,#111850 100%)}
body.e64 small{color:#e6eaff}
/* Round 3: 64-bit look without WebGL (smooth 2D scenes) + chrome scoreboard */
canvas[data-era="64s"],.fw canvas.hd,body.e64 .scene canvas[data-era]{image-rendering:auto !important}
.sbban{display:block;width:100%;margin:-2px 0 10px;border-radius:6px;box-shadow:0 0 0 1px #000,0 0 0 2px #8f9ad8,0 6px 14px rgba(0,0,0,.5)}
body.e64 .kdsb{background:linear-gradient(180deg,#2c3a8c 0,#18205a 40%,#0e1440 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.5),0 0 0 2px #000,0 0 0 3px #b9c3f2,0 8px 18px rgba(0,0,0,.5);border-radius:10px}
body.e64 .sbs{background:linear-gradient(180deg,#fff9d8 0,#ffd75a 45%,#c98a10 55%,#ffe58a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #4a1a08) drop-shadow(0 3px 3px rgba(0,0,0,.7));padding:2px 10px;border-radius:8px}
body.e64 .kdsb .sbs{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
body.e64 .sbc b{font-family:var(--fh);color:#ff6a48;text-shadow:0 0 8px rgba(255,90,58,.7),0 2px 0 #000;background:linear-gradient(#05081c,#121a44);padding:2px 10px;border-radius:6px;box-shadow:inset 0 1px 3px #000,0 0 0 1px #6a76c0}
body.e64 .qtab{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.15));border-radius:6px}
body.e64 #kd .bug{background:linear-gradient(180deg,#e9eeff 0,#9aa6d8 8%,#26307a 9%,#141a4c 100%);box-shadow:0 0 0 1px #000,0 0 0 2px #c8d0ff,0 6px 14px rgba(0,0,0,.6);border-radius:6px;overflow:hidden}
body.e64 .fw{border-radius:8px;overflow:hidden;box-shadow:0 0 0 2px #000,0 0 0 3px #a9b4ec,0 10px 22px rgba(0,0,0,.55)}
body.e64 .kdflash .kdf,body.e64 .kdend,body.e64 .convw{background:linear-gradient(180deg,rgba(52,66,150,.97),rgba(16,22,66,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 2px #000,0 0 0 3px #c0c8ff,0 14px 30px rgba(0,0,0,.6);border-radius:12px}
body.e64 .kdflash h2,body.e64 .kdend h2{background:linear-gradient(180deg,#fff 0,#dfe6ff 45%,#8f9ad8 55%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #000)}