/* Final team/style choices, 2026-10-09. Art is rendered from approved v5 references. */
body[data-team="jets"],.theme-swatch[data-team="jets"] { --hero:#075737; --skin-ref:url('theme-art/jets.png'); }
body[data-team="drivens"],.theme-swatch[data-team="drivens"] { --hero:#506312; --skin-ref:url('theme-art/drivens.png'); }
body[data-team="furinkazan"],.theme-swatch[data-team="furinkazan"] { --hero:#691214; --bright:#ffb7ab; --paper:#fbf7f3; --skin-ref:url('theme-art/furinkazan.png'); }
body[data-team="sakura"],.theme-swatch[data-team="sakura"] { --hero:#ae486b; --bright:#ffd6e4; --paper:#fff7fa; --skin-ref:url('theme-art/sakura.png'); }
body[data-team="konami"],.theme-swatch[data-team="konami"] { --hero:#850f07; --bright:#dfc182; --skin-ref:url('theme-art/konami.png'); }
body[data-team="abemas"],.theme-swatch[data-team="abemas"] { --hero:#25251f; --paper:#24241f; --surface:#2b2b25; --skin-ref:url('theme-art/abemas.png'); }
body[data-team="phoenix"],.theme-swatch[data-team="phoenix"] { --hero:#9d4004; --bright:#ffcf83; --skin-ref:url('theme-art/phoenix.png'); }
body[data-team="raiden"],.theme-swatch[data-team="raiden"] { --hero:#38372d; --bright:#ffe876; --skin-ref:url('theme-art/raiden.png'); }
body[data-team="beast"],.theme-swatch[data-team="beast"] { --hero:#15485e; --accent:#185473; --bright:#c0d3a2; --paper:#f4faf9; --soft:#eaf4f3; --skin-ref:url('theme-art/beast.png'); }
body[data-team="pirates"],.theme-swatch[data-team="pirates"] { --hero:#085379; --bright:#8bdcfc; --skin-ref:url('theme-art/pirates.png'); }
body[data-team],.theme-swatch { --radius:10px; --heading:serif; }
.hero-art { width:54%; opacity:.86; -webkit-mask-image:linear-gradient(90deg,transparent,#000 40%); mask-image:linear-gradient(90deg,transparent,#000 40%); }
.hero-art svg { display:block; overflow:hidden; }
.theme-switch { width:44px; min-width:44px; height:44px; padding:6px; max-width:none; justify-content:center; border:1px solid var(--line); }
.theme-switch span:first-child { display:none; }
.theme-switch svg { width:28px; height:30px; border-radius:3px; }
.hero-tile { width:29px; height:34px; border:0; }
.hero-tile svg { width:25px; height:30px; }
.swatch-art { top:0; left:35%; right:0; width:65%; height:100%; opacity:.9; -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%); mask-image:linear-gradient(90deg,transparent,#000 35%); }
.swatch-icon { border:0; background:transparent; }
.swatch-icon svg { width:29px; height:34px; }
body:not([data-team="league"]) .primary {
  background-color:var(--hero); background-image:linear-gradient(#0003,#0003),var(--skin-ref);
  background-size:100% 100%,371.3% 2833.8%; background-position:center,88.1% 89.2%; color:#fff; border:1px solid var(--brand);
}
body[data-team]:not([data-team="league"]) .player-row .seat {
  background-color:var(--hero); background-image:linear-gradient(#0004,#0004),var(--skin-ref);
  background-size:100% 100%,854% 2631.4%; background-position:center,80% 89.4%; color:#fff;
  border-color:var(--brand); border-bottom-width:1px; text-shadow:0 1px 2px #0008;
}
body[data-team]:not([data-team="league"]) .player-row:nth-child(even) .seat { background-position:center,90% 89.4%; }
.result-panel { border-top:2px solid var(--brand); }
.input-methods button { background:linear-gradient(135deg,var(--soft),var(--paper)); border:1px solid var(--line); }
.input-wrap input { background:var(--soft); border-radius:6px; }
.section-heading h2:after { content:''; display:inline-block; width:10px; height:14px; margin-left:8px; background:var(--brand); transform:skew(-28deg); }
.nav .active { background:var(--soft); border-radius:12px; }
.theme-option strong { font-size:11px; }
@media(max-width:360px) { .theme-switch { width:44px; min-width:44px; max-width:none; padding:6px; } }