/* Comparison controls are shared; the original design keeps portal.css unchanged. */
.design-picker {display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#fff;color:#48534d;border-bottom:1px solid #dce2db;font-size:13px;flex-wrap:wrap}
.design-picker>span {margin-right:12px;font-weight:700}
.design-picker a {padding:6px 13px;border:1px solid transparent;border-radius:30px;letter-spacing:.7px}
.design-picker a.selected {background:#20392f;color:white}
.design-picker a:hover {border-color:#87978e}
.variant-kicker {font-size:13px;letter-spacing:2px;font-weight:800;margin-bottom:28px}
.concept-band {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;font-size:14px;font-weight:750}

/* B: floodlit stadium / oversized editorial type / sharp scoreboards. */
.design-stadium {--green:#ceff47;--deep:#0d1714;--ink:#ebf0e6;--line:#34423b;--paper:#111a16;background:#111a16;color:#ebf0e6}
.design-stadium .site-header {background:#111a16;border-color:#34423b}
.design-stadium .brand-mark {background:#ceff47;color:#111a16;border-radius:0;transform:skew(-7deg)}
.design-stadium .brand small,.design-stadium .eyebrow {color:#a8bcae}
.design-stadium .main-nav .active {color:#ceff47}
.design-stadium .primary {background:#ceff47;color:#111a16;border-radius:0}
.design-stadium .primary:hover {background:#e0ff94}
.design-stadium .language-settings select {background:#111a16;color:#ebf0e6}
.design-stadium .design-picker {background:#1d2a22;border-color:#34423b;color:#d0ddcf}
.design-stadium .design-picker a.selected {background:#ceff47;color:#152013}
.design-stadium .page {max-width:1500px}
.design-stadium .preview-note {color:#abb9a7}
.design-stadium .preview-badge {color:#b7c8af;border-color:#53614a}
.design-stadium .discovery-hero {position:relative;grid-template-columns:1.3fr .8fr;gap:40px;padding:28px 0 48px;border:0}
.design-stadium .hero-copy {position:relative;isolation:isolate;overflow:hidden;min-height:430px;padding:24px 0}
.design-stadium .variant-kicker {color:#ceff47}
.design-stadium .hero-copy .eyebrow {color:#bdd0ab}
.design-stadium h1 {font-size:clamp(38px,4.5vw,68px);letter-spacing:-3px;line-height:1.22;position:relative;max-width:740px;margin:20px 0 24px}
.design-stadium h1>span:last-of-type {color:#ceff47}
.design-stadium h1 i {color:#ceff47}
.design-stadium .hero-description {color:#bed0be;font-size:16px;max-width:400px;position:relative}
.design-stadium .hero-free,.design-stadium .hero-note {color:#b0c1a8}
.design-stadium .hero-links .text-link {background:#ceff47;color:#111a16;padding:13px 20px;border:0}
.design-stadium .field-art {position:absolute;width:360px;height:410px;right:-90px;top:80px;z-index:-1;opacity:.5;pointer-events:none}
.field-diamond {position:absolute;width:240px;height:240px;border:1px solid #ceff47;transform:rotate(45deg);top:90px;left:45px;box-shadow:0 0 0 25px #ceff4708,0 0 0 75px #ceff4706,0 0 0 120px #ceff4704}
.field-diamond:before,.field-diamond:after {content:"";position:absolute;background:#ceff47;width:10px;height:10px;top:-5px;left:-5px;box-shadow:235px 0 #ceff47,0 235px #ceff47,235px 235px #ceff47}
.field-circle {position:absolute;top:20px;left:-20px;border:1px dashed #8da36c;width:380px;height:380px;border-radius:50%}
.field-ball {position:absolute;top:170px;left:95px;transform:rotate(-20deg);font:italic 800 75px Georgia,serif;color:#ceff47;opacity:.6}
.field-coordinate {position:absolute;bottom:0;left:60px;font-size:13px;letter-spacing:2px;color:#ceff47}
.design-stadium .area-panel {align-self:center;background:#1d2b23;border:1px solid #46573b;border-radius:0;padding:24px;box-shadow:8px 8px 0 #ceff47}
.design-stadium .area-heading h2 {font-size:24px}
.design-stadium .area-heading .eyebrow,.design-stadium .japan-label,.design-stadium .area-hint {color:#afc4a0}
.design-stadium .map-area path {fill:#526647;stroke:#1d2b23}
.design-stadium .map-area.kanto:not(.selected) path {fill:#8baf5a}
.design-stadium .map-area.selected path,.design-stadium .map-area:hover path {fill:#ceff47}
.design-stadium .map-area circle {fill:#1d2b23}
.design-stadium .japan-map rect {opacity:.15}
.design-stadium .area-buttons a {border-color:#485d3c;background:#25372a;color:#e1eddb;border-radius:0}
.design-stadium .area-buttons a.selected,.design-stadium .area-buttons a:hover {color:#111a16;background:#ceff47}
.design-stadium .concept-band {background:#ceff47;color:#16210f;margin:0 -36px;font-size:15px;letter-spacing:.5px;padding:19px 36px}
.design-stadium .browse-section {padding-top:36px}
.design-stadium .browse-heading h2 {font-size:32px;color:#eef4e8}
.design-stadium .sample-label {color:#b9c9ab;border-color:#485940}
.design-stadium .type-tabs a {border-color:#46513e;background:#1a261d;color:#d2dfc6;border-radius:0}
.design-stadium .type-tabs a.active {background:#ceff47;color:#182112}
.design-stadium .content-grid {grid-template-columns:minmax(0,1fr) 320px;gap:28px}
.design-stadium .search-filters {background:#233026;border-color:#40513b;border-radius:0;color:#c7d5bd}
.design-stadium .search-filters select {background:#172219;border-color:#526046;color:#e0ead8}
.design-stadium .filter-submit {background:#ceff47;color:#172219}
.design-stadium .saved-filter,.design-stadium .results-meta {color:#b8c7ae}
.design-stadium .post-list {background:transparent;border:0;border-radius:0;display:grid;gap:12px}
.design-stadium .post-card {background:#f5f5e9;border:0;border-left:4px solid #ceff47;color:#1c3024;padding:25px 22px}
.design-stadium .post-date {border-right:1px solid #c8d3bd}
.design-stadium .post-date strong {color:#253b28;font-size:27px;font-family:monospace}
.design-stadium .post-main h3 {font-size:19px;font-weight:850}
.design-stadium .save-button {color:#42533a}
.design-stadium .rating-preview {border-radius:0;background:#e6edce}
.design-stadium .rating-preview .text-link {color:#305222}
.design-stadium .team-panel {background:#ceff47;color:#152310;border-radius:0;border:0}
.design-stadium .team-panel h2 {font-size:30px}
.design-stadium .team-panel .eyebrow,.design-stadium .team-panel>p,.design-stadium .team-panel>small {color:#42582a}
.design-stadium .team-mini {background:#172517;color:#eff5d8;border:0;border-radius:0}
.design-stadium .team-panel .light {background:#172517;color:#ceff47;border-radius:0}
.design-stadium .umpire-panel {background:#233026;border-color:#43533a;border-radius:0;color:#edf4e1}
.design-stadium .umpire-panel>p:not(.eyebrow),.design-stadium .umpire-register {color:#bbcbaa}
.design-stadium .secondary {background:transparent;color:#d2ebbd;border-color:#7c9264;border-radius:0}
.design-stadium .participate-note,.design-stadium .how-item p,.design-stadium .local-note {color:#b6c4aa}
.design-stadium .how-item h3,.design-stadium .how-section h2 {color:#e6f0dc}
.design-stadium .site-footer {color:#b7c4ad}.design-stadium .footer-brand {color:#ceff47}
.design-stadium .dialog {--ink:#253a33;color:#253a33}.design-stadium .dialog .primary {color:#172219}
.design-stadium .dialog .eyebrow {color:#536b40}
.design-stadium .mobile-nav {background:#142016f5;border-color:#43533a}.design-stadium .mobile-nav a,.design-stadium .mobile-nav button {color:#d4e5bd}
.design-stadium .toast {color:#172219}

/* C: cobalt atlas / map first / magazine-like cards on a bright canvas. */
.design-atlas {--green:var(--brand-vivid);--deep:#1733b7;--ink:#142348;--line:#d6dfef;--paper:#f1f5fc;background:#f1f5fc;color:#142348}
.design-atlas .site-header {border-bottom:0}
.design-atlas .brand-mark {border-radius:50%;background:var(--brand-vivid)}
.design-atlas .brand small {color:#647391}
.design-atlas .design-picker {background:#e6edfd;border-color:#cfdaf5;color:#41557f}
.design-atlas .design-picker a.selected {background:var(--brand-vivid)}
.design-atlas .preview-note {color:#657695}
.design-atlas .discovery-hero {grid-template-columns:1.22fr 1fr;gap:0;border-radius:24px;overflow:hidden;border:1px solid #ccd8f5;padding:0;margin:16px 0 24px;background:var(--brand-vivid);box-shadow:0 16px 40px #284db214}
.design-atlas .area-panel {grid-column:1;grid-row:1;background:#e6eeff;border:0;border-radius:0;padding:30px 36px;position:relative}
.design-atlas .area-heading h2 {font-size:29px;letter-spacing:-1px}
.design-atlas .area-heading .eyebrow,.design-atlas .japan-label,.design-atlas .area-hint {color:#4b6599}
.design-atlas .area-content {grid-template-columns:1.5fr 1fr;gap:14px}
.design-atlas .japan-map {max-height:340px;min-height:270px}
.design-atlas .map-area path {fill:#9db4f6;stroke:#e6eeff}
.design-atlas .map-area.kanto:not(.selected) path {fill:#5e82ee}
.design-atlas .map-area.selected path,.design-atlas .map-area:hover path {fill:var(--brand-vivid)}
.design-atlas .map-area circle {fill:#fff}
.design-atlas .area-buttons {grid-template-columns:1fr;gap:4px}
.design-atlas .area-buttons a {padding:5px 12px;background:#ffffff99;border-color:#c6d6fc;color:#34538f;border-radius:7px;font-size:13px}
.design-atlas .area-buttons a.selected,.design-atlas .area-buttons a:hover {background:var(--brand-vivid);color:#fff}
.design-atlas .hero-copy {grid-column:2;grid-row:1;padding:38px 34px;color:#fff;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 100%,#5c7bfc 0,transparent 60%)}
.design-atlas .variant-kicker {color:#c5d3ff;font-size:13px;margin-bottom:24px}
.design-atlas .hero-copy .eyebrow {color:#b6caff}
.design-atlas h1 {font-size:clamp(32px,3.3vw,48px);letter-spacing:-2px;line-height:1.4;margin:16px 0 22px}
.design-atlas h1 i {color:#ffcf64}
.design-atlas .hero-description {color:#e0e7ff;font-size:15px}
.design-atlas .hero-links {flex-wrap:wrap;gap:14px}
.design-atlas .hero-links .text-link {background:#ffce65;color:#182957;border:0;border-radius:30px;padding:12px 23px}
.design-atlas .hero-free {color:#d2ddff}
.design-atlas .hero-note {color:#d1ddff;margin-top:24px}
.design-atlas .concept-band {background:#fff;border:1px solid #d5dff2;border-radius:14px;color:#426096;font-size:13px;padding:19px 25px}
.design-atlas .concept-band b {color:#eaa63b;font-size:22px}
.design-atlas .eyebrow {color:#5270ac}
.design-atlas .browse-section {border:0;padding-top:38px}
.design-atlas .browse-heading h2 {font-size:30px;letter-spacing:-1px}
.design-atlas .type-tabs a {border-radius:30px;background:white;color:#52638a;border-color:#d5dff2}
.design-atlas .type-tabs a.active {background:var(--brand-vivid);color:white;border-color:var(--brand-vivid)}
.design-atlas .content-grid {grid-template-columns:1fr;gap:30px}
.design-atlas .search-filters {background:white;border-color:#d6dff1;border-radius:14px;padding:18px 22px}
.design-atlas .search-filters select {border-color:#cbd7ed;color:#344c7c}
.design-atlas .saved-filter {color:var(--brand-vivid)}
.design-atlas .results-meta {color:#657ca0}
.design-atlas .post-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;background:transparent;overflow:visible}
.design-atlas .post-card {position:relative;grid-template-columns:minmax(0,1fr) 26px;gap:8px;border:1px solid #d8e2f6;border-radius:16px;padding:22px;background:#fff;align-content:start;box-shadow:0 6px 16px #254dea05}
.design-atlas .post-date {grid-column:1;border:0;display:flex;align-items:baseline;gap:9px;text-align:left;padding:0;margin-bottom:10px}
.design-atlas .post-date strong {font-size:29px;color:var(--brand-vivid);letter-spacing:-1px;font-family:monospace}
.design-atlas .post-date>span {color:#64789e}
.design-atlas .post-main {grid-column:1 / -1}
.design-atlas .save-button {grid-column:2;grid-row:1;color:#6a7d9f}
.design-atlas .post-main h3 {font-size:18px;margin:14px 0;line-height:1.7}
.design-atlas .post-facts {display:flex;flex-direction:column;align-items:flex-start;font-size:13px;gap:6px;color:#627696}
.design-atlas .post-bottom {padding-top:14px;margin-top:18px;border-top:1px solid #e8edf6;flex-wrap:wrap;gap:12px}
.design-atlas .post-extra {display:none}
.design-atlas .rating-preview {background:#f0f4ff;border-color:#dce5ff;border-radius:8px}
.design-atlas .rating-values {gap:14px}.design-atlas .rating-values strong {font-size:21px;color:var(--brand-vivid)}
.design-atlas .rating-preview .text-link {color:var(--brand-vivid)}
.design-atlas .sidebar {grid-template-columns:1fr 1fr;align-items:stretch;gap:20px}
.design-atlas .team-panel {background:#183bba;border:0;border-radius:18px;padding:30px}
.design-atlas .team-panel h2 {font-size:29px}.design-atlas .team-panel>p,.design-atlas .team-panel .eyebrow,.design-atlas .team-panel>small {color:#ccd8ff}
.design-atlas .team-panel .light {background:#fff;color:var(--brand-vivid);border-radius:30px}
.design-atlas .umpire-panel {border-color:#d5e0f3;border-radius:18px;padding:30px;background:#fff}
.design-atlas .umpire-panel h2 {font-size:29px}
.design-atlas .secondary {color:var(--brand-vivid);border-color:#b8caff;border-radius:30px}
.design-atlas .sidebar .local-note {grid-column:1 / -1}
.design-atlas .dialog {color:#142348;background:#f8faff;border-color:#d1dcf5}
.design-atlas .dialog-callout {background:#e9efff;color:#546c98}
.design-atlas .footer-brand {color:var(--brand-vivid)}
.design-atlas .mobile-nav {border-color:#d6e0f5}.design-atlas .mobile-nav a,.design-atlas .mobile-nav button {color:#5272aa}

@media(max-width:1150px) {
 .design-stadium .concept-band {margin-left:-24px;margin-right:-24px}
}
@media(max-width:1100px) {
 .design-stadium .discovery-hero {grid-template-columns:1.1fr 1fr;gap:28px}
 .design-stadium .area-panel {padding:20px 16px}
 .design-stadium .content-grid {grid-template-columns:minmax(0,1fr) 270px}
 .design-atlas .discovery-hero {grid-template-columns:1.15fr 1fr}
 .design-atlas .hero-copy {padding:28px 24px}.design-atlas .area-panel {padding:26px 22px}
 .design-atlas .post-list {grid-template-columns:repeat(2,minmax(0,1fr))}
 .concept-band {font-size:13px!important;gap:12px}
}
@media(min-width:761px) and (max-width:900px) {
 .design-atlas .map-wrap {display:block}.design-atlas .area-content {grid-template-columns:1fr}.design-atlas .japan-map {min-height:0;max-height:220px}
 .design-atlas .area-buttons {grid-template-columns:repeat(3,1fr)}
 .design-atlas .area-buttons a {font-size:13px;padding:6px}
}
@media(max-width:760px) {
 .design-picker {font-size:13px;gap:2px;padding:9px 8px}.design-picker>span {width:100%;text-align:center;margin:0 0 3px}.design-picker a {padding:5px 9px}
 .design-stadium .discovery-hero {grid-template-columns:1fr;gap:16px;padding:10px 0 30px}
 .design-stadium .hero-copy {min-height:0;padding:18px 0 22px}.design-stadium .variant-kicker {font-size:13px;margin-bottom:18px}
 .design-stadium h1 {font-size:clamp(32px,8vw,54px);letter-spacing:-1.7px}.design-stadium .hero-description {font-size:14px;max-width:280px}
 .design-stadium .field-art {right:-160px;top:45px;opacity:.3}
 .design-stadium .area-panel {margin-right:6px;padding:20px 17px;box-shadow:6px 6px 0 #ceff47}
 .design-stadium .area-heading h2 {font-size:21px}
 .design-stadium .concept-band {margin:0 -20px;padding:15px 20px;flex-wrap:wrap;justify-content:center;gap:8px 16px}
 .concept-band span:last-child,.concept-band b:last-of-type {display:none}
 .design-stadium .content-grid {grid-template-columns:1fr}
 .design-stadium .browse-heading h2 {font-size:25px}
 .design-stadium .post-card {padding:20px 12px;grid-template-columns:45px minmax(0,1fr) 24px}
 .design-stadium .post-main h3 {font-size:16px}.design-stadium .post-date strong {font-size:21px}
 .design-atlas .discovery-hero {display:flex;flex-direction:column;border-radius:16px;margin-top:5px}
 .design-atlas .hero-copy {order:0;padding:26px 22px}.design-atlas .variant-kicker {font-size:13px;margin-bottom:16px}
 .design-atlas h1 {font-size:34px;margin:12px 0 16px}.design-atlas .hero-description {font-size:13px}
 .design-atlas .area-panel {order:1;padding:22px 18px}.design-atlas .area-heading h2 {font-size:23px}
 .design-atlas .area-content {grid-template-columns:1.3fr 1fr;gap:8px}.design-atlas .japan-map {min-height:0;max-height:270px}
 .design-atlas .area-buttons a {font-size:13px;padding:4px 8px}
 .design-atlas .concept-band {padding:14px;flex-wrap:wrap;justify-content:center;gap:6px 12px}
 .design-atlas .post-list {grid-template-columns:1fr;gap:14px}
 .design-atlas .post-card {padding:20px;border-radius:14px}
 .design-atlas .search-filters {padding:14px}
 .design-atlas .sidebar {grid-template-columns:1fr}.design-atlas .team-panel,.design-atlas .umpire-panel {padding:25px}
 .design-atlas .browse-heading h2 {font-size:25px}
 .design-atlas .post-facts {font-size:13px}.design-atlas .organizer {font-size:13px}
}
@media(max-width:360px) {
 .design-stadium .concept-band {margin-left:-14px;margin-right:-14px}
 .design-stadium .hero-links {flex-wrap:wrap}.design-stadium .hero-description {max-width:240px}
 .design-atlas h1 {font-size:29px}.design-atlas .hero-copy {padding:24px 17px}
 .design-atlas .area-panel {padding:20px 14px}.design-atlas .area-content {grid-template-columns:1fr 1fr}
}