/* BETA 1 · Estética RIFT CLIENT sin afectar los modos existentes. */
#app #betaTab.tab-page{margin:0!important;padding:0!important;width:100%!important;min-width:0!important}
#app .secondary-nav-link.beta-nav-link{position:relative;border-color:#609b9b!important;color:#b9eee5!important}
#app .secondary-nav-link.beta-nav-link span{letter-spacing:.1em;font-weight:900}
#app .secondary-nav-link.beta-nav-link::after{content:"PRUEBA";margin-left:7px;font-size:8px;font-weight:850;color:#f2a27d;letter-spacing:.09em}
#app .beta-shell{font-family:var(--rift-text,Manrope,sans-serif);color:#eaf9f6;min-width:0}
#app .beta-hero{
 position:relative;overflow:hidden;min-height:210px;border:1px solid #3f6b73;
 padding:35px clamp(20px,3.3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px;
 background:linear-gradient(100deg,#091b28 10%,rgba(12,42,56,.97) 54%,rgba(14,38,47,.67)),
 url('https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Pyke_0.jpg') center 37%/cover;
 box-sizing:border-box;
}
#app .beta-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f39a79,#91e4d1,transparent)}
#app .beta-overline{color:#8edacb;letter-spacing:.16em;font-size:10px;font-weight:900}
#app .beta-hero h1{font:700 clamp(44px,5vw,75px)/.96 var(--rift-display,Teko,sans-serif);margin:10px 0;color:#fff}
#app .beta-hero h1 em{font-style:normal;color:#ffb28b}
#app .beta-hero p{max-width:560px;font:650 12px/1.6 var(--rift-text,Manrope,sans-serif);color:#b9d4d7}
#app .beta-stage-mark{font-weight:900;font-size:12px;letter-spacing:.1em;color:#f6b58e;border:1px solid #886b61;background:rgba(10,30,40,.85);padding:13px 18px;white-space:nowrap}
#app .beta-feedback{min-height:22px;padding:11px 1px;color:#a7dbd2;font-size:12px;font-weight:700}
#app .beta-feedback[data-error=true]{color:#ffb49f}
#app .beta-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:11px}
#app .beta-entry-card{background:#0c2836;border:1px solid #416575;border-top:3px solid #f59a78;padding:clamp(17px,2vw,26px);display:flex;flex-direction:column;min-width:0;gap:13px}
#app .beta-entry-card.is-join{border-top-color:#83dccc}
#app .beta-entry-card h2{font:700 clamp(28px,3vw,39px)/1 var(--rift-display,Teko,sans-serif);margin:0;color:#fff;letter-spacing:.04em}
#app .beta-entry-card p{font:650 12px/1.6 var(--rift-text,Manrope,sans-serif);margin:0;color:#a9cbd0}
#app .beta-entry-card label,#app .beta-host-settings label{font-size:11px;font-weight:850;color:#b1d8d4;display:flex;align-items:center;gap:9px}
#app .beta-entry-card .beta-field{display:flex;flex-direction:column;align-items:stretch}
#app #betaTab input[type=text]{min-width:0;width:100%;box-sizing:border-box;background:#091d29;border:1px solid #517a87;padding:13px;color:#f9fffd;border-radius:0;font:700 15px Manrope,sans-serif}
#app #betaTab input:focus-visible,#app #betaTab button:focus-visible{outline:2px solid #abeedc;outline-offset:2px}
#app #betaTab input[type=checkbox]{accent-color:#72d9bd;width:16px;height:16px}
#app #betaTab button{cursor:pointer;font-family:var(--rift-text,Manrope,sans-serif);background:#173946;color:#e8f8f4;border:1px solid #628b93;font-size:11px;font-weight:900;letter-spacing:.035em;padding:11px 13px;transition:background .15s}
#app #betaTab button:hover:not(:disabled){background:#235568}
#app #betaTab button:disabled{opacity:.45;cursor:not-allowed}
#app #betaTab .beta-primary,#app #betaTab .beta-entry-card button[type=submit]{background:#a6ebd6;border-color:#a6ebd6;color:#0b2c33}
#app #betaTab .beta-primary:hover:not(:disabled),#app #betaTab .beta-entry-card button[type=submit]:hover{background:#c5ffe9}
#app #betaTab .beta-danger{border-color:#bd736c;color:#ffc7af}
#app .beta-lobby{margin-top:11px;min-width:0}
#app .beta-room-heading{
 display:flex;justify-content:space-between;align-items:center;gap:22px;
 padding:24px clamp(16px,2.7vw,32px);background:linear-gradient(120deg,#183d4c,#102b37);
 border:1px solid #456b78;min-width:0
}
#app .beta-room-heading>div:first-child{min-width:0}
#app .beta-room-heading small{font-size:10px;color:#93d4ce;font-weight:900;letter-spacing:.1em}
#app .beta-room-heading h2{font:700 clamp(34px,4vw,56px)/1 var(--rift-display,Teko,sans-serif);margin:8px 0 3px;color:#fff}
#app .beta-room-sub{font-size:10px;line-height:1.5;color:#c1d8dc;font-weight:800}
#app .beta-code{padding:10px 18px;text-align:center;background:#0c2735;border:1px solid #639b99;min-width:170px;box-sizing:border-box}
#app .beta-code span{font-size:9px;font-weight:900;color:#9fd4ce;letter-spacing:.1em;display:block}
#app .beta-code strong{display:block;font:700 41px/1 var(--rift-display,Teko,sans-serif);color:#f4fefa;letter-spacing:.08em;margin:6px 0}
#app .beta-code button{padding:7px 12px!important;font-size:9px!important}
#app .beta-room-progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;color:#a7d2d2;font-size:11px;font-weight:900;padding:16px 20px;border:1px solid #3b5969;border-top:0;background:#0b2634}
#app .beta-room-progress b{color:#a1e9d6;font-size:18px;margin-right:4px}
#app .beta-room-progress .beta-stage{margin-left:auto;color:#ffb18f;letter-spacing:.07em}
#app .beta-seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:9px;margin:14px 0}
#app .beta-seat{
 background:#102c39;border:1px solid #3f6170;border-top:3px solid #4c8c90;
 min-width:0;min-height:121px;padding:11px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px
}
#app .beta-seat.is-filled{border-top-color:#79d9c6}
#app .beta-seat.is-offline{border-top-color:#e5a378;opacity:.73}
#app .beta-seat.is-empty{border-style:dashed;color:#86adb5;font:800 10px/1.5 Manrope,sans-serif;justify-content:space-between}
#app .beta-slot{font:800 10px Manrope,sans-serif;color:#9ad4d1}
#app .beta-seat-info strong{display:block;overflow-wrap:anywhere;font:900 13px/1.3 Manrope,sans-serif;color:#f7fffa}
#app .beta-seat-info small{display:block;margin-top:5px;font:800 9px/1.4 Manrope,sans-serif;color:#91c6c3}
#app .beta-seat.is-offline .beta-seat-info small{color:#ffb99e}
#app .beta-seat .beta-own{color:#ffba94;font-size:10px;font-weight:900}
#app .beta-seat button.beta-kick{font-size:9px!important;letter-spacing:0;padding:5px 8px!important;align-self:flex-start;margin-top:auto;border-color:#955c5c!important}
#app .beta-host-settings{border:1px solid #416472;padding:17px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;background:#0c2936}
#app .beta-host-settings>span{font-weight:900;font-size:10px;letter-spacing:.09em;color:#a7dfd2}
#app .beta-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px}
#app .beta-hint{color:#abc8cc;font-size:11px;line-height:1.55;margin:10px 0}
#app .beta-closed{padding:20px;border:1px solid #b47772;color:#ffc4b2}
#app .beta-results{min-width:0;margin-top:17px}
#app .beta-reveal{text-align:center;background:#102a3a;border:1px solid #456c7b;padding:22px}
#app .beta-reveal span{font-size:9px;font-weight:900;letter-spacing:.15em;color:#8dd8cb}
#app .beta-reveal h3{font:700 clamp(35px,4vw,60px)/1 var(--rift-display,Teko,sans-serif);letter-spacing:.05em;margin:10px 0;color:#fff}
#app .beta-progress-bar{height:3px;background:#34545e;margin:15px auto 0;max-width:460px}
#app .beta-progress-bar span{display:block;height:100%;background:#a8f5dc;transition:width .2s}
#app .beta-personal{margin:12px 0;padding:17px 20px;background:#254450;border:1px solid #bca474;display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px}
#app .beta-personal>span{color:#a8dfd3;font-size:10px;font-weight:900}
#app .beta-personal>strong{color:#fff;font-size:16px}
#app .beta-personal>small{color:#ffd5af;font-size:12px}
#app .beta-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px}
#app .beta-team{border:1px solid #527586;background:#0b2937;min-width:0;padding:12px}
#app .beta-team.is-blue{border-top:4px solid #6cbfd9}
#app .beta-team.is-red{border-top:4px solid #f19482}
#app .beta-team h4{font:700 30px/1 var(--rift-display,Teko,sans-serif);color:#fff;margin:7px 7px 13px}
#app .beta-result-player{padding:9px;border:1px solid #325562;display:flex;align-items:center;gap:12px;min-height:64px;margin:6px 0;background:#123544;box-sizing:border-box}
#app .beta-result-player.is-mine{outline:1px solid #f6b68d}
#app .beta-result-player img{width:43px;height:43px;object-fit:cover;flex:none}
#app .beta-result-player div{min-width:0}
#app .beta-result-player small{display:block;color:#90d4ce;font-weight:900;font-size:9px}
#app .beta-result-player strong{display:block;color:#fff;font-weight:900;font-size:13px;overflow-wrap:anywhere;margin:3px 0}
#app .beta-result-player span{color:#f3c59f;font-size:10px;font-weight:800}
#app .beta-phase-caption{color:#7eafb5}
@media(max-width:1160px){#app .beta-seats{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}#app .beta-seat{padding:8px}}
@media(max-width:850px){#app .beta-entry{grid-template-columns:1fr}#app .beta-seats{grid-template-columns:repeat(2,minmax(0,1fr))}#app .beta-room-heading{align-items:flex-start}}
@media(max-width:520px){
 #app .beta-hero{min-height:190px;padding:25px 16px;align-items:flex-start;flex-direction:column}
 #app .beta-hero h1{font-size:47px}
 #app .beta-stage-mark{padding:8px 12px}
 #app .beta-room-heading{flex-direction:column;padding:16px;gap:13px}
 #app .beta-code{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;align-items:center}
 #app .beta-code strong{grid-column:1;grid-row:2;margin:2px 0}
 #app .beta-code button{grid-column:2;grid-row:1/3}
 #app .beta-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #app .beta-seat{min-height:113px}
 #app .beta-seat-info strong{font-size:12px}
 #app .beta-result-grid{grid-template-columns:1fr}
 #app .beta-room-progress .beta-stage{margin-left:0}
 #app .beta-actions button{flex:1 1 calc(50% - 8px)}
}
@media(max-width:340px){#app .beta-seats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#app #betaTab *{transition:none!important;animation:none!important}}

/* BETA V2 · Bots de prueba gestionados por el anfitrión. */
#app #betaTab .beta-entry-card .beta-field{
  display:flex;flex-direction:column;align-items:stretch;gap:9px;
}
#app #betaTab input[type=password]{
 min-width:0;width:100%;box-sizing:border-box;background:#091d29;
 border:1px solid #517a87;padding:13px;color:#f9fffd;border-radius:0;
 font:700 15px var(--rift-text,Manrope,sans-serif);
}
#app #betaTab .beta-seat.is-bot{border-top-color:#f3b47f;background:linear-gradient(145deg,#193440,#162f3d)}
#app #betaTab .beta-seat.is-bot .beta-seat-info small{color:#ffbf90}
#app #betaTab .beta-bot-tools{
 display:flex;flex-direction:column;gap:14px;margin-top:13px;
 padding:17px;min-width:0;border:1px solid #725e59;border-left:3px solid #e9a27b;
 background:linear-gradient(110deg,#18323d,#102c39);
}
#app #betaTab .beta-bot-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 15px}
#app #betaTab .beta-bot-heading strong{
 font-size:11px;letter-spacing:.08em;color:#f6c49f;font-weight:900;
}
#app #betaTab .beta-bot-heading small{font-size:11px;color:#bed3d6;line-height:1.5}
#app #betaTab .beta-bot-actions{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:9px}
#app #betaTab .beta-bot-actions input{width:100%;min-width:0}
#app #betaTab .beta-bot-actions button{white-space:nowrap}
@media(max-width:800px){
 #app #betaTab .beta-bot-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app #betaTab .beta-bot-actions input{grid-column:1/-1}
}
@media(max-width:410px){
 #app #betaTab .beta-bot-actions{grid-template-columns:1fr}
 #app #betaTab .beta-bot-actions input{grid-column:1}
 #app #betaTab .beta-bot-actions button{white-space:normal}
}