.online-panel{padding:16px;margin:12px 0;border:1px solid #bd9b58;border-radius:8px;background:#102834}.online-panel h2{font-size:20px;color:#f1d599;margin:0 0 6px}.online-panel p{font-size:12px;margin:8px 0;color:#c6dce4}.online-fields{display:flex;gap:12px;flex-wrap:wrap}.online-fields label{display:grid;gap:5px;font-size:12px;flex:1;min-width:130px}.online-fields input,.online-fields select{width:100%;padding:9px;background:#07151d;border:1px solid #567380;color:white;border-radius:4px}.online-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.online-actions button,#onlineExit{padding:8px 12px;background:#caa353;color:#101d25;border:0;border-radius:4px;cursor:pointer}.online-actions button:disabled{opacity:.4;cursor:default}#onlineBadge{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:1100;padding:7px;background:#07151def;border:1px solid #dab86c;color:#fff;font-size:12px;max-width:96vw;width:max-content}#onlineBadge[hidden]{display:none}#onlineExit{margin-left:10px;padding:5px}body.ultimate-intro #onlineBadge{opacity:.3}
.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 8px}.mode-tabs button{padding:17px 20px;text-align:left;border:1px solid #546970;border-radius:9px;background:linear-gradient(135deg,#142c36,#0b1b27);transition:transform .18s,border-color .18s,box-shadow .18s}.mode-tabs button:hover{transform:translateY(-2px)}.mode-tabs button[aria-pressed=true]{border-color:#edca7d;box-shadow:inset 0 0 0 1px #edca7d,0 9px 28px #0006;background:linear-gradient(135deg,#31453e,#172a32)}.mode-tabs strong{display:block;font-size:20px;letter-spacing:.12em;color:#f3d48a}.mode-tabs span{display:block;font-size:11px;color:#c2d4d3;margin-top:3px}.online-panel[hidden],#trainingOptions[hidden],#pickP2[hidden]{display:none!important}.guard-status{color:#9ee9f7!important;letter-spacing:.06em}.guard-status.warning{color:#ffab7f!important}@media(max-width:600px){.mode-tabs button{padding:12px}.mode-tabs strong{font-size:15px}.online-fields label{min-width:100%}}
#trainingOptions .match-options label{display:none}#trainingOptions .match-options{display:flex;align-items:flex-end;justify-content:flex-end}#trainingOptions .match-options .gold-button{min-width:230px}
.pvp-mode .fighter-card .cpu{display:none}.pvp-mode .showdown-fighter.player-two .showdown-art{opacity:.2;filter:grayscale(1)}
