/* Casual PvP shares CPU encounter layout, with server-owned decisions and HP. */
.battle-focus-app .online-battle-screen{inset:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#0b111a!important}
.online-match-active .arena{inset:0!important;position:absolute}.online-match-active .arena:after{pointer-events:none}
.online-match-active .battle-actions{z-index:27}.online-match-active .battle-actions .move-btn:disabled{opacity:.5;cursor:wait}
.online-match-active .bench button{background:none;border:0;padding:0;line-height:0;cursor:pointer}.online-match-active .bench button img{width:32px;height:32px}.online-match-active .online-mon-detail{cursor:pointer}
.online-match-active .status-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-match-active .battle-turn-warning{z-index:28}.online-match-active .battle-log-panel{top:16px!important;right:10px!important;z-index:40}.online-match-active .battle-log-history{max-height:calc(min(68dvh,520px) - 90px)}
.online-match-active .online-decision-locked{position:absolute;z-index:24;bottom:92px;left:50%;transform:translateX(-50%);max-width:85vw;text-align:center;white-space:nowrap;background:#11253ddd;border:1px solid #5082b2;color:#ccdef0;font-size:11px;padding:9px 16px;border-radius:4px;pointer-events:none}
.online-match-active .online-result{position:absolute;z-index:27;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,90vw);background:#0b1727ef;border:1px solid #4a7aab;border-radius:10px;padding:28px 20px;text-align:center;box-shadow:0 16px 60px #000a}.online-match-active .online-result p{font-size:12px;color:#b8cee0}.online-match-active .online-result button{border:1px solid #91beef;border-radius:4px;cursor:pointer}
.online-match-prep{padding:24px!important;overflow:auto!important;display:block!important;background:radial-gradient(ellipse at 45% 10%,#234363,#0c1825 72%)!important}
.online-match-prep .online-task{max-width:1150px;margin:auto}.online-match-prep .online-task h3{color:#e9f2ff;font-size:22px;font-weight:850}.online-match-prep .online-task>p{font-size:12px;color:#a9c3dd}.online-match-prep .online-monster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:17px 0 24px}.online-match-prep .online-monster-grid button{min-height:178px;border-radius:5px;background:linear-gradient(#1a324b,#0d1a2a);border-color:#3e6587}.online-match-prep .online-monster-grid button.picked{border:2px solid #9dd0ff;background:#1b4873}.online-match-prep .online-monster-grid button.banned{filter:grayscale(1);opacity:.3}.online-match-prep .online-monster-grid button img{width:100%;max-height:150px;object-fit:contain}.online-match-prep .online-small-roster{gap:8px}.online-match-prep .online-small-roster span{border:1px solid #35516c;background:#152940;border-radius:5px}
.online-info-card{max-width:720px;display:grid;grid-template-columns:minmax(160px,40%) minmax(0,1fr);gap:18px;align-items:center}.online-info-card>img{width:100%;max-height:350px;object-fit:contain}.online-info-card p{color:#a9c1d7;font-size:12px;line-height:1.7}.online-info-card h2{color:#edf6ff}.online-skill-modal{max-width:520px}.online-skill-modal p{font-size:13px;line-height:1.7;color:#b8d2e8}
@media(max-width:850px){.online-match-prep .online-monster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.online-match-prep .online-monster-grid button{min-height:132px}.online-match-prep .online-monster-grid button img{max-height:105px}.online-match-prep{padding:12px!important}}
@media(max-width:600px){.online-match-active .battle-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.online-match-active .battle-actions .move-btn{min-width:0;height:clamp(64px,10dvh,78px)}.online-match-active .online-decision-locked{bottom:165px;font-size:10px;max-width:96%;white-space:normal}.online-match-active .bench button img{height:26px;width:26px}.online-info-card{grid-template-columns:1fr;gap:4px}.online-info-card>img{max-height:160px}.online-match-prep .online-task h3{font-size:18px}}
@media(max-width:640px) and (max-height:700px){.online-match-active .battle-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.online-match-active .online-decision-locked{bottom:70px;left:50%;width:auto;white-space:nowrap;font-size:9px}}

/* KO follow-up: select the next active fighter as in CPU encounters. */
.online-force-choose{position:absolute;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);max-height:80%;overflow:auto;width:min(590px,94vw);padding:22px;background:#09192df2;border:1px solid #4d86b9;border-radius:10px;box-shadow:0 12px 70px #000a;text-align:center;color:#e8f3ff}.online-force-choose h3{font-size:22px;margin:0 0 7px}.online-force-choose p{font-size:12px;color:#acc4d9;margin-bottom:18px}.online-force-options{display:flex;justify-content:center;gap:12px}.online-force-options button{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:180px;border:1px solid #446a88;border-radius:9px;background:#162e49;color:#eef7ff;padding:12px;cursor:pointer}.online-force-options button:hover{background:#235782}.online-force-options img{width:100%;max-height:135px;object-fit:contain}.online-force-options b{font-size:14px}.online-force-options small{font-size:11px;color:#c1d7eb}
@media(max-width:600px){.online-force-choose{padding:12px}.online-force-choose h3{font-size:18px}.online-force-options img{max-height:100px}.online-force-options b{font-size:12px}}