/* The illustration is scenery only: cards remain live drop targets above it. */
.field.evolving-field { background:#102a31; height:860px; isolation:isolate; }
.evolving-field > .stadium-sky,.evolving-field > .grandstand,.evolving-field > .light-tower,.evolving-field > .warning-track,.evolving-field > .playing-surface { display:none; }
.evolving-field::before,.evolving-field::after { display:none; }
.ballpark-scenery { position:absolute; inset:0; z-index:0; pointer-events:none; }
.ballpark-scenery svg { display:block; width:100%; height:100%; }
.evolving-field .scoreboard { top:12px; z-index:1; }
.evolving-field .player-cards { z-index:2; }
.evolving-field .player-card { margin:0; }
.evolving-field .pos-CF { left:calc(50% - 52px); top:18%; }
.evolving-field .pos-LF { left:calc(18% - 52px); top:25%; }
.evolving-field .pos-RF { left:calc(82% - 52px); right:auto; top:25%; }
.evolving-field .pos-SS { left:calc(34% - 52px); top:42%; }
.evolving-field .pos-2B { left:calc(66% - 52px); top:42%; }
.evolving-field .pos-3B { left:calc(23% - 52px); top:62%; }
.evolving-field .pos-1B { left:calc(77% - 52px); top:62%; }
.evolving-field .pos-P { left:calc(50% - 52px); top:58%; }
.evolving-field .pos-C { left:calc(50% - 52px); top:79%; bottom:auto; }
.stadium-panel { min-width:0; overflow-x:auto; }
.evolving-field { min-width:720px; }
.stadium-management:not(.active-view) { display:none; }
.park-showcase { position:relative; overflow:hidden; border:1px solid #58828e; border-radius:18px; background:#102a31; }
.park-art { height:470px; }
.park-art svg { width:100%; height:100%; display:block; }
.park-caption { position:absolute; top:22px; left:24px; z-index:1; padding:18px 24px; border-left:3px solid #dfc88d; background:#071b29e8; border-radius:0 12px 12px 0; }
.park-caption p,.locker-evolution p { margin:0 0 8px; font-size:10px; letter-spacing:2px; color:#c5ad77; }
.park-caption h2 { margin:0 0 8px; font-size:28px; }
.park-caption span { color:#cadfe1; font-size:12px; }
.park-roadmap { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.park-roadmap button { padding:15px 10px; text-align:left; border:1px solid #294957; border-radius:9px; background:#0b2331; color:#dbe9e9; cursor:pointer; }
.park-roadmap .current { background:#174637; border-color:#80c8a2; }
.park-roadmap small,.park-roadmap b,.park-roadmap span { display:block; }
.park-roadmap small { color:#bca776; font-size:10px; }
.park-roadmap b { margin:8px 0; font-size:14px; }
.park-roadmap span { color:#a8c5c8; font-size:11px; }
.facility-levels { display:flex; gap:5px; margin:10px 0; }
.facility-levels i { flex:1; height:4px; background:#28414b; border-radius:3px; }
.facility-levels .complete { background:#83d6ad; }
.facility-button { margin-top:10px; }
.finance-breakdown { margin-top:22px; border-top:1px solid #294957; padding-top:10px; }
.finance-breakdown p { display:flex; justify-content:space-between; font-size:12px; }
.finance-breakdown small { color:#93b5c3; line-height:1.7; }
.locker-evolution { margin:0 0 20px; display:grid; grid-template-columns:1fr 1.5fr; align-items:center; gap:20px; padding:22px; border:1px solid #345361; border-radius:14px; background:#0a1d2a; }
.locker-evolution h2 { font-size:23px; margin:6px 0 12px; }
.locker-evolution span { color:#98b9c5; font-size:12px; line-height:1.7; }
.locker-evolution svg { width:100%; border-radius:8px; }
.locker-room[data-facility-level="0"] { background:linear-gradient(#596564 0 40%,#797164 40%); }
.locker-room[data-facility-level="0"] .locker-slot { background:#687271; border-color:#9eaaa7; box-shadow:none; }
.locker-room[data-facility-level="0"] .front-lockers,.locker-room[data-facility-level="0"] .side-lockers { background:#53615d; border-color:#8b9894; }
.locker-room[data-facility-level="0"] .room-lights,.locker-room[data-facility-level="0"] .floor-logo { visibility:hidden; }
.locker-room[data-facility-level="1"] .locker-slot { background:linear-gradient(90deg,#483c31,#86694d); }
.locker-room[data-facility-level="2"] .locker-slot { background:linear-gradient(90deg,#132f43,#285c72); border-color:#8bacb1; }
.locker-room[data-facility-level="3"] .locker-slot { background:linear-gradient(100deg,#162c40,#344f62); border-color:#c5ad74; box-shadow:inset 0 2px #e5ca85; }
.locker-room[data-facility-level="3"] .front-lockers,.locker-room[data-facility-level="3"] .side-lockers { background:#263c4c; border-color:#c5ad74; }
.locker-room[data-facility-level="3"] .room-lights { filter:drop-shadow(0 0 12px #b9ebff); }
@media(max-width:900px) { .park-roadmap { grid-template-columns:repeat(3,1fr); } .locker-evolution { grid-template-columns:1fr; } .park-art { height:360px; } .park-caption h2 { font-size:21px; } }