

#trainingSetupOverlay{position:fixed;inset:0;z-index:100400;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);backdrop-filter:blur(5px);padding:16px;box-sizing:border-box}
#trainingSetupOverlay.show{display:flex}
.trainingSetupPanel{width:min(900px,94vw);max-height:90vh;overflow:auto;border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(9,12,13,.98),rgba(3,5,6,.99));box-shadow:0 28px 90px rgba(0,0,0,.88),inset 0 0 0 1px rgba(255,255,255,.04);padding:18px;box-sizing:border-box}
.trainingSetupHead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.13)}
.trainingSetupMode{color:#f0bd43;font:1000 12px/1 ui-monospace,Consolas,monospace;letter-spacing:.18em}
.trainingSetupTitle{margin-top:4px;color:#fff;font:1000 clamp(28px,5vw,54px)/.95 Impact,"Arial Black","Yu Gothic UI",sans-serif;font-style:italic;letter-spacing:.035em;text-shadow:0 3px 0 #000}
#trainingSetupClose{width:auto!important;margin:0!important;padding:8px 13px!important;border-radius:3px!important;background:#111!important;border:1px solid rgba(255,255,255,.28)!important;color:#dfe7e9!important;font:900 10px/1 ui-monospace,Consolas,monospace!important}
.trainingSetupBody{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.72fr);gap:16px;margin-top:16px}
.trainingMapCard,.trainingRivalCard{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.42);padding:12px;box-sizing:border-box}
.trainingMapLabel,.trainingRivalLabel{color:#aebdc1;font:900 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;margin-bottom:9px}
#trainingMapCanvas{display:block;width:100%;height:auto;aspect-ratio:2/1;background:radial-gradient(circle at 50% 50%,rgba(38,43,45,.62),rgba(6,8,9,.98));border:1px solid rgba(255,255,255,.08)}
.trainingRivalCard .rivalLevel{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;width:100%!important}
.trainingRivalCard .rivalLevel button{width:100%!important;min-width:0!important;margin:0!important;padding:11px 12px!important;border-radius:3px!important;border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(90deg,rgba(20,24,25,.98),rgba(8,10,11,.96))!important;color:#d9e2e4!important;text-align:left!important;box-sizing:border-box!important}
.trainingRivalCard .rivalLevel button b{display:block;font:1000 18px/1 "Arial Black","Yu Gothic UI",sans-serif;letter-spacing:.05em}
.trainingRivalCard .rivalLevel button span{display:block;margin-top:4px;color:#8fa0a5;font:800 8px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em}
.trainingRivalCard .rivalLevel button.active{background:linear-gradient(90deg,#e7b621,#7a5500)!important;border-color:#fff0a0!important;color:#111!important;box-shadow:0 0 22px rgba(255,205,49,.28)!important}
.trainingRivalCard .rivalLevel button.active span{color:#2d260e!important}
#trainingRivalCurrent{margin:12px 0 10px;color:#ffd954;font:1000 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em;text-align:center}
#trainingSetupStart{width:100%!important;margin:0!important;padding:13px 10px!important;border-radius:3px!important;border:1px solid #ffdd66!important;background:linear-gradient(180deg,#d8391f,#8d1307)!important;color:#fff!important;font:1000 15px/1 "Arial Black","Yu Gothic UI",sans-serif!important;letter-spacing:.06em!important;box-shadow:0 0 24px rgba(255,56,28,.28)!important}
@media(max-width:720px){.trainingSetupPanel{width:96vw;padding:12px}.trainingSetupBody{grid-template-columns:1fr;gap:10px}.trainingSetupTitle{font-size:34px}.trainingRivalCard .rivalLevel{grid-template-columns:repeat(3,1fr)!important}.trainingRivalCard .rivalLevel button{text-align:center!important;padding:9px 4px!important}.trainingRivalCard .rivalLevel button b{font-size:13px}.trainingRivalCard .rivalLevel button span{font-size:6px}.trainingMapCard,.trainingRivalCard{padding:9px}}

