/* V174 · SORTEO CAOS 2.0 BETA · Sala pública, administración exclusiva y espectador */
#app #v174ChaosBoard [hidden],#app #v174AdminCaos [hidden],
#app #v174LabDetails [hidden]{display:none!important}
#app #v174ChaosBoard{margin:16px 0 0;padding:clamp(16px,2vw,26px);
 background:linear-gradient(150deg,#182e42,#102b37 63%,#17263a);
 border:1px solid #557689;border-top:4px solid #c2a5ed;color:#e4f5f7}
#app #v174ChaosBoard .v174-chaos-header{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
#app #v174ChaosBoard .v174-chaos-header>div:first-child{max-width:740px}
#app #v174ChaosBoard .v174-chaos-header h2{font:700 clamp(36px,4vw,56px)/1 Teko,sans-serif;margin:8px 0;color:#fff}
#app #v174ChaosBoard .v174-chaos-header em{font-style:normal;color:#dfb9fa}
#app #v174ChaosBoard .v174-chaos-header p{font-size:12px;line-height:1.6;color:#b9d2db}
#app #v174ChaosBoard button,#app #v174AdminCaos button{
 border:1px solid #7ca0ac;background:#24495b;color:#fff;padding:11px 14px;
 font:800 11px Manrope,sans-serif;cursor:pointer}
#app #v174ChaosBoard button:disabled,#app #v174AdminCaos button:disabled{opacity:.4;cursor:not-allowed}
#app #v174ChaosBoard .v174-action-buttons{display:flex;flex-wrap:wrap;gap:8px}
#app #v174ChaosBoard #v174Join,#app #v174ChaosBoard #v174Ready,
#app #v174ChaosBoard #v174SubmitTarget{background:#a9ebd7;color:#10303a;border-color:#a9ebd7}
#app #v174ChaosBoard #v174Ready.is-ready{background:#32645b;color:#e2fff5}
#app #v174ChaosBoard #v174Leave{border-color:#bf8692;color:#f3c2ca}
#app #v174ChaosBoard .v174-auth{padding:14px;border:1px solid #9477af;margin:13px 0;display:flex;flex-wrap:wrap;align-items:center;gap:9px}
#app #v174ChaosBoard .v174-auth span{font-size:12px;font-weight:900;color:#e7cbff;margin-right:auto}
#app #v174ChaosBoard .v174-overview{display:flex;flex-wrap:wrap;align-items:center;gap:13px 25px;
 margin:16px 0;padding:12px 15px;background:#0b2634;border:1px solid #466a7c}
#app #v174ChaosBoard .v174-overview>div{font-size:10px;font-weight:900;color:#bdd6de}
#app #v174ChaosBoard .v174-overview strong{color:#9ce5ce;font-size:18px;margin-left:6px}
#app #v174ChaosBoard #v174Phase{margin-left:auto;color:#e3cef9}
#app #v174ChaosBoard #v174Seconds{font:700 26px Teko,sans-serif;color:#fff}
#app #v174ChaosBoard #v174Message{padding:10px;color:#adecd7;font-size:12px;border-left:3px solid #7dddca}
#app #v174ChaosBoard #v174Message[data-error=true]{color:#ffb7a6;border-color:#ffaaa0}
#app #v174ChaosBoard .v174-seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#app #v174ChaosBoard .v174-seat{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:100px;
 background:#112d3a;border:1px solid #436579;border-top:3px solid #527688;padding:12px}
#app #v174ChaosBoard .v174-seat span{color:#8bc5cf;font-size:10px;font-weight:900}
#app #v174ChaosBoard .v174-seat b{font-size:12px;color:#fff;overflow-wrap:anywhere}
#app #v174ChaosBoard .v174-seat small{margin-top:auto;font-size:10px;color:#b8d4d7}
#app #v174ChaosBoard .v174-seat.is-ready{border-top-color:#8ee6c8}
#app #v174ChaosBoard .v174-seat.is-bot{border-top-color:#c299df}
#app #v174ChaosBoard .v174-game-stage{margin-top:17px;padding:clamp(15px,2vw,24px);
 border:1px solid #846b9e;background:#172c3c;animation:v174-enter .45s ease}
#app #v174ChaosBoard .v174-game-stage>h3{font:700 30px Teko,sans-serif;color:#dfc6f8;margin:0 0 6px}
#app #v174ChaosBoard .v174-game-stage>p{font-size:12px;color:#bbd6dc;line-height:1.6}
#app #v174ChaosBoard .v174-outcome{font:700 32px Teko,sans-serif;color:#fff;background:#543b67;text-align:center;
 padding:10px;animation:v174-enter .5s ease}
#app #v174ChaosBoard .v174-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}
#app #v174ChaosBoard .v174-team{background:#0c2734;border:1px solid #487589;min-width:0}
#app #v174ChaosBoard .v174-team header{background:#24516a;color:#fff;font:700 26px Teko,sans-serif;
 padding:10px;text-align:center}
#app #v174ChaosBoard .v174-team:nth-child(2){border-color:#87658c}
#app #v174ChaosBoard .v174-team:nth-child(2) header{background:#523856}
#app #v174ChaosBoard .v174-slot{display:grid;grid-template-columns:45px minmax(0,1fr) minmax(85px,.7fr);
 align-items:center;gap:7px;padding:11px;border-top:1px solid #3a5b6c;min-width:0;
 animation:v174-enter .38s ease both}
#app #v174ChaosBoard .v174-slot span{font-size:10px;color:#a9e2e0;font-weight:900}
#app #v174ChaosBoard .v174-slot b{font-size:12px;color:#fff;overflow-wrap:anywhere}
#app #v174ChaosBoard .v174-slot small{font-size:11px;color:#c1d2df;overflow-wrap:anywhere}
#app #v174ChaosBoard .v174-slot.is-changed{background:#65482f;border-left:3px solid #ffca83}
#app #v174ChaosBoard .v174-action{padding:17px;background:#302940;border:1px solid #927db7;margin-top:15px}
#app #v174ChaosBoard .v174-action h3{font:700 30px Teko,sans-serif;margin:0;color:#e4d2fa}
#app #v174ChaosBoard .v174-action p{font-size:12px;color:#c5d8de}
#app #v174ChaosBoard .v174-strategies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#app #v174ChaosBoard .v174-strategies button{background:#604975;border-color:#c9a1dc;font-size:12px}
#app #v174ChaosBoard .v174-action select{display:block;width:min(520px,100%);background:#0a2230;
 padding:12px;color:#fff;border:1px solid #7792a7;margin:12px 0}
#app #v174ChaosBoard .v174-beta-note{margin:13px 0 0;font-size:10px;color:#a6c3cd}
/* Control ADMIN: settings izquierda + vistas espectador derecha */
#app #adminTab #v174AdminCaos{width:100%!important;max-width:100%!important;box-sizing:border-box;
 padding:clamp(15px,2vw,24px);border:1px solid #9777af;border-top:4px solid #c29af2;
 background:#172a3b;color:#eaf3f7}
#app #v174AdminCaos>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
#app #v174AdminCaos>header h2{font:700 40px Teko,sans-serif;margin:6px 0;color:#fff}
#app #v174AdminCaos>header em{font-style:normal;color:#ddbdf5}
#app #v174AdminCaos>header p{font-size:12px;color:#bdd1d9;max-width:670px}
#app #v174AdminCaos #v174AdminClock{font:700 35px Teko,sans-serif;color:#ffe1b4}
#app #v174AdminCaos #v174AdminStatus{padding:8px 0;font-size:11px;color:#aee5db}
#app #v174AdminCaos #v174AdminStatus[data-error=true]{color:#ffb0a7}
#app #v174AdminCaos .v174-admin-summary{margin:8px 0 18px;padding:13px;background:#0d2837;
 border:1px solid #4b7784;font-size:12px;font-weight:900;color:#afded6}
#app #v174AdminCaos .v174-admin-columns{display:grid;grid-template-columns: minmax(260px,.9fr) minmax(350px,1.1fr);gap:16px}
#app #v174AdminCaos .v174-admin-config,#app #v174AdminCaos .v174-admin-observer{background:#102836;
 border:1px solid #4d687c;padding:16px;min-width:0}
#app #v174AdminCaos h3{font:700 25px Teko,sans-serif;color:#e3c9fa;margin:0 0 11px}
#app #v174AdminCaos h4{font-size:11px;color:#bce7dc;margin:8px 0}
#app #v174AdminCaos fieldset{border:0;margin:0;padding:0;display:grid;gap:13px}
#app #v174AdminCaos fieldset:disabled{opacity:.48}
#app #v174AdminCaos label{display:grid;gap:6px;font-size:10px;font-weight:900;color:#bcd8df}
#app #v174AdminCaos input[type=number],#app #v174AdminCaos select{background:#081f2c;
 padding:9px;border:1px solid #667f95;color:#fff;width:100%;box-sizing:border-box}
#app #v174AdminCaos .v174-admin-weights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#app #v174AdminCaos .v174-admin-weights h4{grid-column:1/-1}
#app #v174AdminCaos .v174-admin-weights:first-child{grid-template-columns:repeat(3,minmax(0,1fr))}
#app #v174AdminCaos .v174-admin-timers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#app #v174AdminCaos .v174-global-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#app #v174AdminCaos .v174-global-catalog label{display:flex;align-items:center;gap:6px;
 padding:8px;background:#21404e;font-size:10px}
#app #v174AdminCaos .v174-admin-config fieldset>small{font-size:10px;color:#b8cbd3;line-height:1.6}
#app #v174AdminCaos #v174SaveConfig{background:#abebd4;color:#10323b}
#app #v174AdminCaos .v174-view-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
#app #v174AdminCaos .v174-view-tabs button.is-active{background:#7d5ca0;border-color:#d8b7ee}
#app #v174AdminCaos .v174-admin-view-note{font-size:11px;color:#b1d7d7}
#app #v174AdminCaos .v174-admin-secret{background:#382e4c;border:1px solid #aa87cd;
 padding:12px;margin:10px 0}
#app #v174AdminCaos .v174-admin-secret b{color:#eacbff;font-size:11px}
#app #v174AdminCaos .v174-admin-secret p{font-size:11px;color:#e7e2f3}
#app #v174AdminCaos .v174-watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#app #v174AdminCaos .v174-watch-grid>article{border:1px solid #506b7e;background:#0b2430;min-width:0}
#app #v174AdminCaos .v174-watch-grid h4{padding:9px 12px;background:#30465e;color:#fff;margin:0}
#app #v174AdminCaos .v174-watch-grid>article>div{display:grid;grid-template-columns:37px minmax(0,1fr);
 gap:7px;border-top:1px solid #294957;padding:8px 10px}
#app #v174AdminCaos .v174-watch-grid small{color:#8bcbc6;font-weight:900}
#app #v174AdminCaos .v174-watch-grid strong{color:#fff;font-size:11px}
#app #v174AdminCaos .v174-watch-grid span{grid-column:2;color:#b5d2dd;font-size:10px}
#app #v174AdminCaos .v174-admin-seats{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
#app #v174AdminCaos .v174-admin-seat{border:1px solid #49758a;padding:7px;background:#163443;font-size:10px}
#app #v174AdminCaos .v174-admin-seat.is-ready{border-color:#89e2bd}
#app #v174AdminCaos .v174-admin-seat button{padding:2px 6px;margin-left:4px}
#app #v174AdminCaos .v174-admin-bot-actions{display:flex;flex-wrap:wrap;gap:7px}
#app #v174AdminCaos .v174-admin-history{margin-top:16px;background:#0d2836;
 padding:12px;border:1px solid #476476}
#app #v174AdminCaos .v174-admin-history li{font-size:11px;color:#c4d8dd;margin:6px 0}
#app #adminTab #v174LabDetails{width:100%;max-width:100%;border:1px solid #7f70a3;
 padding:13px;background:#172b3b;box-sizing:border-box}
#app #v174LabDetails>summary{font:900 12px Manrope,sans-serif;color:#dcc2fc;cursor:pointer;padding:7px}
#app #v174LabDetails[open] #v171ChaosLab{display:block;margin-top:14px}
@keyframes v174-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1040px){
 #app #v174ChaosBoard .v174-seats{grid-template-columns:repeat(3,minmax(0,1fr))}
 #app #v174AdminCaos .v174-admin-columns{grid-template-columns:1fr}
}
@media(max-width:650px){
 #app #v174ChaosBoard .v174-seats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app #v174ChaosBoard .v174-team-grid{grid-template-columns:1fr}
 #app #v174ChaosBoard .v174-strategies{grid-template-columns:1fr}
 #app #v174AdminCaos .v174-watch-grid{grid-template-columns:1fr}
 #app #v174AdminCaos .v174-admin-weights,
 #app #v174AdminCaos .v174-admin-weights:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){#app #v174ChaosBoard *{animation-duration:.01ms!important}}

#app #v174ChaosBoard .v174-slot{animation-delay:calc(var(--v174-i,0) * 100ms)}
