body.dm-online-active #dmActionRow,body.dm-online-active #dmTutorGuide{display:none!important}
#dmOnlinePanel[hidden]{display:none!important}
#dmOnlinePanel{width:100%;padding:6px 6px max(7px,env(safe-area-inset-bottom));background:#0a1729;color:#f7f1da;position:relative;z-index:35}
.dm-online-line{display:flex;align-items:center;gap:8px;font-size:11px;margin:0 0 6px;min-height:23px}
#dmOnlineStatus{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dmOnlineCount{white-space:nowrap;font-size:10px;color:#c5b998}
#dmOnlineExit{font-size:10px;padding:5px 7px;background:#512130;color:#fff;border:1px solid #875268;border-radius:7px}
.dm-online-actions{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.dm-online-actions button{flex:1 0 auto;min-width:68px;max-width:150px;border-radius:8px;background:linear-gradient(135deg,#ad8438,#e7bb63);border:1px solid #ffe4a2;color:#171515;font-weight:750;font-size:11px;padding:10px 6px}
.dm-online-actions button:disabled{opacity:.45}
body.dm-online-active #seats .seat[data-seat="3"] .hand-card.online-selected .card{translate:0 -22px;filter:drop-shadow(0 0 6px #f4d879)}
.dm-online-reorg{position:fixed;inset:0;background:#000c;z-index:9999;display:grid;place-items:center;padding:14px}
.dm-online-reorg-card{width:min(100%,440px);max-height:85dvh;overflow:auto;border-radius:16px;border:1px solid #cda65a;background:#122035;color:#eee3c5;padding:14px}
.dm-online-reorg-card strong{display:block;font-size:16px}.dm-online-reorg-card p{font-size:12px}
.dm-online-reorg-groups,.dm-online-reorg-cards,.dm-online-reorg-footer{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.dm-online-reorg button{padding:8px;border-radius:7px;border:1px solid #bba26b;background:#263850;color:#f8e7b7;font-size:12px}

/* v1.24 · Reorganizador táctil, aislado de la geometría de la mesa */
.dm-online-reorg-v124 .dm-online-reorg-card{width:min(96vw,490px);max-height:88dvh;overscroll-behavior:contain;padding:12px}
.dm-online-reorg-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dm-online-reorg-header strong{font-size:14px}.dm-online-reorg-v124 p{font-size:11px;line-height:1.45;margin:7px 0}
.dm-online-reorg-groups,.dm-online-reorg-extra{display:grid;gap:8px;margin:8px 0}
.dm-online-reorg-zone{border:1px solid #53617a;border-radius:10px;padding:8px;min-height:65px;background:#0b1728;transition:border-color .13s,background .13s}
.dm-online-reorg-zone-title{font-size:10px;color:#efce85;font-weight:700;margin-bottom:6px}
.dm-online-reorg-card-row{display:flex;gap:5px;overflow-x:auto;min-height:44px;padding:2px 0;touch-action:pan-x}
.dm-online-reorg-card-item{width:43px!important;min-width:43px;padding:0!important;border:none!important;background:transparent!important;touch-action:none;user-select:none;flex-shrink:0}
.dm-online-reorg-card-item .card,.dm-online-reorg-ghost .card{transform-origin:top left;transform:scale(.65);pointer-events:none}
.dm-online-reorg-card-item .card{margin:0 0 -25px;}
.dm-online-reorg-source{opacity:.3}.dm-online-reorg-hover{border-color:#ffd776!important;background:#33435d!important}
.dm-online-reorg-ghost{position:fixed;z-index:10010;pointer-events:none;width:64px;height:88px;filter:drop-shadow(0 6px 9px #0009)}
.dm-online-reorg-notice{font-size:11px;color:#efcf8f;min-height:20px}
.dm-online-reorg-footer{margin:8px 0 0;display:flex;gap:8px}.dm-online-reorg-footer button{flex:1}
.dm-online-card-flight{position:fixed;pointer-events:none;z-index:4000;width:64px;height:92px;filter:drop-shadow(0 8px 7px #0008)}
.dm-online-card-flight .card{transform:scale(.68);transform-origin:top left}
body.dm-online-my-turn #dmOnlineStatus{color:#ffe49a}
@media(prefers-reduced-motion:reduce){.dm-online-card-flight{display:none}}

/* v1.25 · Pantalla de victoria compartiendo el lenguaje visual de Solo */
.dm-online-result-overlay{position:fixed;inset:0;z-index:9000;background:rgba(2,6,18,.87);display:grid;place-items:center;padding:16px;overflow-y:auto;color:#fff;}
.dm-online-result-overlay .dm-victory-panel{position:relative;width:min(96vw,430px);max-height:90dvh;overflow-y:auto;margin:auto;}
.dm-online-result-overlay .dm-online-result-next{font-size:12px;color:#e8d6a5;text-align:center;}
.dm-online-result-overlay .dm-online-result-dismiss{min-height:42px;width:100%;border-radius:10px;border:1px solid #d7b766;background:#2b394b;color:#ffe8a9;font-weight:800;}

/* v1.26 · recorrido A→B con volteo exclusivamente al llegar */
.dm-online-card-flight{will-change:transform,opacity;contain:layout style;isolation:isolate}
.dm-online-card-flight.dm-online-reveal .card{animation:dm-online-flip-arrival .11s ease-out both}
@keyframes dm-online-flip-arrival{from{filter:brightness(1.6);transform:scaleX(.15) scale(.68)}to{filter:brightness(1);transform:scaleX(1) scale(.68)}}

/* v1.27: visibilidad del reverso para descarte de rival, sin alterar posiciones */
.dm-online-card-flight.dm-online-reveal{transform-style:preserve-3d}

/* v1.28: no mostrar avatares vacíos en Online. */
body.dm-online-active #seats .seat[hidden]{display:none!important}

/* v1.29 · nueve rondas visibles sin adelantar cartas ni alterar coordenadas. */
body.dm-online-dealing #seats .seat .hand-card:not(.dm-dealt){visibility:hidden!important}
body.dm-online-dealing #seats .seat .hand-card.dm-dealt{visibility:visible!important}

/* v1.30: exactamente el mismo HUD de Solo; solo se habilita Online. */
body.dm-online-active #gameControls #dmActionRow{display:flex!important}
body.dm-online-active #dmOnlineActions{display:none!important}
body.dm-online-active #dmOnlinePanel{padding:3px 6px 2px;background:transparent;border:0;box-shadow:none}
body.dm-online-active .dm-online-line{margin-bottom:0;min-height:22px}
body.dm-online-active #dmActionRow .dm-online-wait{min-width:0;flex:1}

/* v1.31: the original Solo HUD is the ONLY visible HUD and action dispatcher. */
body.dm-online-active #gameControls #dmActionRow{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:6px}
body.dm-online-active #dmActionRow button{min-height:38px}
body.dm-online-active #dmActionRow .dm-online-wait{flex:1;max-width:none;min-width:0}
body.dm-online-active #dmOnlineActions{display:none!important}

/* v1.32: snapshots del intercambio se muestran solo después de terminar los vuelos. */
body.dm-online-exchanging #seats .seat .hand-card{visibility:hidden!important}
