@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600;700;800;900&display=swap');
:root{--bg:#08070b;--panel:#151116;--panel2:#211419;--text:#fff;--muted:#b9aeb4;--purple:#7c3aed;--pink:#f00065;--yellow:#ffd21f;--orange:#ff6a1a;--red:#ff243f;--line:#39282d;--green:#5ee69b;--ember:#ff3b1f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.brand{display:inline-flex;align-items:center;font-family:'Archivo Black',sans-serif;font-size:31px;letter-spacing:-2px}.brand span{color:#fff}.brand b{color:var(--yellow);font-size:1.25em;transform:rotate(9deg);display:inline-block}.brand.small{font-size:23px}.brand.center{display:flex;justify-content:center;margin:20px 0}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;position:relative;z-index:10}.nav nav{display:flex;align-items:center;gap:28px;color:#d9d2e3;font-weight:700;font-size:14px}.nav-cta{border:1px solid #6b5b7c;padding:12px 18px;border-radius:13px;background:#ffffff0b}
.hero{min-height:720px;max-width:1220px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 24px 90px;position:relative;overflow:hidden}.hero-copy,.hero-demo{position:relative;z-index:2}.eyebrow,.section-head>span,.extreme-copy>span,.final-cta>span{font-weight:900;font-size:12px;letter-spacing:2px;color:#f2b9ff}.hero h1{font-family:'Archivo Black';font-size:clamp(56px,6.7vw,94px);line-height:.91;letter-spacing:-5px;margin:18px 0 26px}.hero h1 em{font-style:normal;color:var(--yellow);text-shadow:0 0 45px #ffd23f2e}.hero p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:15px;padding:15px 22px;font-weight:900;cursor:pointer}.btn.primary{color:#17100a;background:linear-gradient(135deg,var(--yellow),#ff9d2e);box-shadow:0 15px 45px #ffba3529}.btn.glass{background:#ffffff0d;color:#fff;border:1px solid #ffffff1f}.btn.full{width:100%;margin-top:8px}.btn.huge{font-size:20px;padding:20px 34px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span,.chips span{padding:9px 12px;border-radius:999px;border:1px solid #ffffff18;background:#ffffff08;color:#c9bfd4;font-size:12px;font-weight:800}
.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.27}.hero-glow.one{width:420px;height:420px;background:#7928ca;left:-180px;top:40px}.hero-glow.two{width:380px;height:380px;background:#ec4899;right:-120px;bottom:30px}
.hero-demo{display:flex;justify-content:center;perspective:1000px}.phone{width:min(390px,95vw);background:linear-gradient(180deg,#1a1128,#0e0a15);border:1px solid #4b3a61;border-radius:38px;padding:20px;box-shadow:0 40px 120px #0009,0 0 80px #7c3aed22;transform:rotate(2deg)}.phone-top{display:flex;justify-content:space-between;font-size:11px;font-weight:900;color:#c9bdd7}.phone-top strong{color:#ff8a66}.intensity{height:9px;border-radius:99px;background:#2b2136;overflow:hidden;margin:9px 0}.intensity i{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#ec4899,#ff7b32,#ffd23f);border-radius:inherit;transition:.3s}.letter-card{text-align:center;background:radial-gradient(circle at top,#562891,#1a1129 70%);border:1px solid #6a399b;border-radius:24px;padding:18px;margin:18px 0}.letter-card small,.letter-live small{display:block;font-weight:900;letter-spacing:2px;color:#c6b4d8}.letter-card b,.letter-live b{display:block;font-family:'Archivo Black';font-size:85px;line-height:1;color:#fff;text-shadow:0 5px 0 #5d3187}.letter-card span{display:inline-block;margin-top:10px;background:#ff3b5722;border:1px solid #ff3b5759;color:#ff9aac;border-radius:999px;padding:7px 10px;font-weight:900;font-size:11px}.fields{display:grid;gap:8px}.fields label{font-size:11px;font-weight:800;color:#c1b4cf}.fields input,.answer-grid input{width:100%;margin-top:5px;background:#251a31;border:1px solid #443554;color:#fff;border-radius:12px;padding:11px 12px;outline:none}.basta-button{width:100%;border:0;border-radius:18px;padding:18px;margin-top:17px;font-family:'Archivo Black';font-size:25px;background:linear-gradient(135deg,#ff3b57,#ff7b32);color:#fff;box-shadow:0 12px 35px #ff3b5733;cursor:pointer}.basta-button:disabled{opacity:.45}
.ticker{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--line);background:#100b18}.ticker div{text-align:center;padding:18px 8px;font-family:'Archivo Black';font-size:12px;color:#bbaec7;border-right:1px solid var(--line)}
.section{max-width:1180px;margin:auto;padding:110px 24px}.section-head{margin-bottom:45px}.section h2,.final-cta h2,.extreme h2{font-family:'Archivo Black';font-size:clamp(38px,5vw,66px);letter-spacing:-3px;line-height:1.02;margin:12px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article,.chaos-grid article,.mode-cards article{background:linear-gradient(180deg,#171020,#100b16);border:1px solid var(--line);border-radius:22px;padding:24px}.steps b{font-family:'Archivo Black';color:#6b5b79;font-size:25px}.steps h3,.chaos-grid h3,.mode-cards h3{font-size:20px;margin:26px 0 8px}.steps p,.chaos-grid p,.mode-cards p,.extreme p{color:var(--muted);line-height:1.6}
.extreme{max-width:none;background:radial-gradient(circle at 20% 0,#481f64 0,#160c20 30%,#0b0813 65%);display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.extreme-copy{max-width:520px;justify-self:end;align-self:center}.chaos-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:650px}.chaos-grid article span{font-size:31px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-cards article.featured{border-color:#ae6dff;box-shadow:0 0 70px #7c3aed1a;position:relative}.mode-cards article.featured>span{display:inline-block;margin-top:20px;font-size:10px;letter-spacing:1px;font-weight:900;color:#d9a7ff}.mode-icon{font-size:35px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{font-size:15px;padding:14px 18px}.final-cta{text-align:center;padding:130px 24px;background:radial-gradient(circle at 50% 50%,#40204c,#0b0813 60%)}footer{border-top:1px solid var(--line);padding:35px 24px;display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;color:#8e829c;font-size:13px}
.app-page,.game-bg{min-height:100vh;background:radial-gradient(circle at top,#3a1515,#10090b 44%,#08070b 72%)}.shell{max-width:1050px;margin:auto;padding:30px 18px}.shell.narrow{max-width:560px}.panel,.lobby-card,.players-panel,.bank-mini{background:#15101d;border:1px solid #342742;border-radius:24px;padding:24px;margin-bottom:16px;box-shadow:0 20px 60px #0003}.panel h1{font-family:'Archivo Black';font-size:38px;margin:8px 0 25px}.panel h2{margin-top:0}.panel label{display:block;font-size:13px;font-weight:800;color:#cfc2db;margin:14px 0}.panel input,.panel select,.bank-actions input{width:100%;margin-top:7px;background:#21182b;border:1px solid #443452;color:#fff;border-radius:13px;padding:13px;outline:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.msg{min-height:24px;color:#ffadbd;font-size:13px;margin-top:12px}.code-input{text-transform:uppercase;font-family:'Archivo Black';font-size:26px;letter-spacing:5px;text-align:center}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#c7b9d2;font-size:13px}.lobby-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.lobby-card h1{font-family:'Archivo Black';font-size:40px;letter-spacing:-2px;margin:8px 0}.big-code{font-family:'Archivo Black';font-size:38px;letter-spacing:5px;background:#251735;padding:18px;border-radius:16px;color:var(--yellow)}.player-list{display:grid;gap:8px}.player-row,.score-row,.bank-row{display:flex;align-items:center;gap:12px;background:#201629;border:1px solid #33263d;border-radius:13px;padding:12px}.player-row span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#332344;color:#dec9f5;font-weight:900}.player-row b{flex:1}.player-row em{font-style:normal;color:#a99bb4;font-size:12px}.bank-mini strong{font-size:28px}.bank-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.bank-actions button,.bank-row button{border:0;border-radius:10px;padding:10px;background:#533078;color:#fff;font-weight:800}.bank-actions input{margin:0}.game-shell{max-width:680px;margin:auto;padding:20px 14px 40px}.game-head,.intensity-wrap>div:first-child,.mini-score{display:flex;align-items:center;justify-content:space-between}.round-meta{text-align:right}.round-meta span{display:block;color:#b7a8c3;font-size:11px;font-weight:800}.round-meta strong{font-size:24px}.intensity-wrap{background:#17101f;border:1px solid #332640;border-radius:16px;padding:12px;margin:12px 0}.intensity-wrap span{font-size:10px;font-weight:900;letter-spacing:1px;color:#bcaec8}.event-banner{text-align:center;padding:10px;border-radius:12px;background:#ff6a3d18;border:1px solid #ff6a3d43;color:#ffc0ad;font-weight:900;font-size:12px;letter-spacing:1px}.letter-live{text-align:center;padding:18px}.letter-live b{font-size:75px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.answer-grid label{background:#17101f;border:1px solid #332640;border-radius:14px;padding:10px;font-size:11px;font-weight:800;color:#c7b8d3}.answer-grid input{font-size:16px}.basta-button.live{position:sticky;bottom:14px;z-index:5}.status-msg{text-align:center;min-height:30px;padding:10px;color:#ffd3a5;font-weight:900}.mini-score{font-size:13px;color:#a99bb4}.mini-score strong{color:#fff}.host-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.host-actions{display:grid;gap:8px}.host-stat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2b2035}.score-row{justify-content:space-between}.score-row strong{color:var(--yellow)}.bank-row{justify-content:space-between}.bank-row>div:first-child{display:grid}.bank-row span{color:#9f93aa;font-size:12px}.bank-row .danger{background:#633044}.result{text-align:center;padding-top:70px}.result h1{font-family:'Archivo Black';font-size:54px}
@media(max-width:820px){.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{text-align:center}.hero p{margin-inline:auto}.hero-actions,.hero-tags{justify-content:center}.hero h1{font-size:56px;letter-spacing:-3px}.hero-demo{margin-top:20px}.steps,.mode-cards{grid-template-columns:1fr 1fr}.extreme{grid-template-columns:1fr}.extreme-copy{justify-self:start}.host-grid{grid-template-columns:1fr}}
@media(max-width:560px){.nav{height:70px}.nav .brand{font-size:25px}.hero{padding-inline:16px}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.phone{border-radius:28px}.ticker{grid-template-columns:repeat(3,1fr)}.section{padding:80px 16px}.steps,.mode-cards,.chaos-grid{grid-template-columns:1fr}.section h2,.final-cta h2,.extreme h2{font-size:39px;letter-spacing:-2px}.lobby-card{display:block}.big-code{text-align:center;margin-top:20px}.grid2{grid-template-columns:1fr}.answer-grid{grid-template-columns:1fr}.bank-actions{grid-template-columns:1fr}.topline{gap:10px}.result h1{font-size:42px}}

/* BASTA! EXTREMO · Identidad V2 */
.brand{gap:0;position:relative;padding-right:2px}.brand small{display:block;font-family:Inter,sans-serif;font-size:8px;letter-spacing:1.8px;color:#ff7134;position:absolute;left:2px;bottom:-8px;font-weight:900}.brand-lockup{margin-bottom:8px}.official-logo{display:block;width:min(500px,100%);margin:13px 0 4px;border-radius:28px;box-shadow:0 25px 80px #0008,0 0 50px #ff54261b}.hero-branded .hero-slogan{font-size:clamp(45px,5vw,68px);letter-spacing:-4px;margin-top:18px}.hero-branded .hero-slogan em{color:var(--yellow)}
.btn.primary{background:linear-gradient(135deg,#ffe142,#ff9b22 56%,#ff652b);box-shadow:0 15px 48px #ff6a292d}.basta-button{background:linear-gradient(135deg,#ff1f43,#ff551f 55%,#ff9e20);box-shadow:0 13px 38px #ff3b273e}.letter-card{background:radial-gradient(circle at top,#5e271c,#1a1012 72%);border-color:#6e3428}.intensity i{background:linear-gradient(90deg,#7c3aed,#f00065,#ff451f,#ffd21f)}.extreme{background:radial-gradient(circle at 20% 0,#5a1b1b 0,#1c0d11 30%,#08070b 67%)}.final-cta{background:radial-gradient(circle at 50% 50%,#501b20,#08070b 62%)}.mode-cards article.featured{border-color:#ff7134;box-shadow:0 0 70px #ff4b2018}.mode-cards article.featured>span{color:#ffb18b}.footer-admin{font-size:12px;color:#7f7378}.footer-admin:hover{color:#fff}
/* Administración */
.admin-body{min-height:100vh;background:radial-gradient(circle at 15% 0,#3d1717,#0b0809 38%,#070607 70%)}.admin-wrap{max-width:1250px;margin:auto;padding:24px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-logo{width:150px;height:68px;object-fit:contain;border-radius:12px;box-shadow:0 12px 36px #0005}.admin-nav{display:flex;gap:8px;flex-wrap:wrap}.admin-nav a{padding:10px 13px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff12;font-size:12px;font-weight:800}.admin-nav a:hover{background:#ffffff12}.admin-user{font-size:12px;color:#b8aeb2}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-card{background:linear-gradient(180deg,#171214,#100d0e);border:1px solid #38292d;border-radius:20px;padding:20px;box-shadow:0 18px 50px #0003}.admin-card span{color:#9d8f94;font-size:12px;font-weight:800}.admin-card strong{display:block;font-family:'Archivo Black';font-size:34px;margin-top:8px}.admin-section{margin-top:18px;background:#120e10;border:1px solid #33262a;border-radius:22px;padding:22px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:12px 10px;border-bottom:1px solid #302327;text-align:left}.admin-table th{color:#9f9297;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#ffffff0c;border:1px solid #ffffff14;font-size:10px;font-weight:900;text-transform:uppercase}.status-pill.playing{color:#ffd85a;border-color:#ffd85a3d}.status-pill.finished{color:#78eab0}.status-pill.lobby{color:#cba9ff}.admin-login{max-width:460px;margin:6vh auto 0}.admin-login .official-logo{width:280px;margin:0 auto 18px}.admin-alert{padding:12px 14px;border-radius:13px;background:#ff31451a;border:1px solid #ff526446;color:#ffc0c8;margin:12px 0;font-size:13px}.admin-ok{background:#4ede8b12;border-color:#4ede8b35;color:#b9ffd7}.admin-form{display:grid;gap:12px}.admin-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#c9bdc1}.admin-form input,.admin-form select{width:100%;background:#211719;border:1px solid #483235;color:#fff;border-radius:13px;padding:13px}.admin-form .inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-note{font-size:12px;color:#9d9296;line-height:1.55}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.small{padding:9px 12px;border-radius:10px;font-size:12px}.btn.danger{background:#521d27;color:#ffb7c1;border:1px solid #813040}.price-preview{font-size:42px;font-family:'Archivo Black';color:var(--yellow)}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr 1fr}.admin-top{align-items:flex-start}.admin-table{min-width:720px}.admin-table-wrap{overflow:auto}}
@media(max-width:560px){.official-logo{margin-inline:auto}.hero-branded .hero-slogan{font-size:43px;letter-spacing:-2px}.admin-grid{grid-template-columns:1fr}.admin-wrap{padding:14px}.admin-top{display:grid}.admin-logo{width:118px;height:54px;object-fit:contain}.admin-form .inline{grid-template-columns:1fr}footer{flex-wrap:wrap;gap:12px}}


/* V3 · Control exclusivo Admin + Banco asignado + logo en headers */
.header-logo{display:block;width:108px;height:48px;object-fit:contain;object-position:center;border-radius:10px;box-shadow:0 8px 22px #0006;flex:0 0 auto}
.header-logo-center{display:flex;justify-content:center;margin:16px auto 24px}.header-logo-center .header-logo{width:210px;height:105px;border-radius:20px}
.nav-logo{display:block;width:118px;height:54px;object-fit:contain;object-position:center;border-radius:10px;box-shadow:0 10px 24px #0005;flex:0 0 auto}
.footer-logo{display:block;width:118px;height:54px;object-fit:contain;object-position:center;border-radius:10px}
.admin-create-link{background:linear-gradient(135deg,#ffd21f,#ff6a1a)!important;color:#160b08!important;border:0!important}
.admin-create-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.admin-side-info{align-self:start;position:sticky;top:18px}.panel-logo{display:block;width:100%;max-height:230px;object-fit:cover;border-radius:18px;margin-bottom:18px}.flow-step{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #302327}.flow-step b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffd21f,#ff6a1a);color:#140b08}.flow-step span{color:#c9bdc1}
.bank-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.bank-room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bank-room-card{display:grid;gap:8px;background:#181113;border:1px solid #3b292d;border-radius:18px;padding:18px;transition:.2s}.bank-room-card:hover{transform:translateY(-2px);border-color:#ff7134}.bank-room-card strong{font-family:'Archivo Black';font-size:31px;color:#ffd21f}.bank-room-card small{color:#aa9ca1}.bank-room-card em{font-style:normal;color:#fff;font-weight:800}.empty-state{padding:26px;border:1px dashed #49363b;border-radius:16px;color:#a89ba0;text-align:center}
@media(max-width:850px){.admin-create-grid{grid-template-columns:1fr}.admin-side-info{position:static}.bank-room-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.header-logo{width:96px;height:42px}.nav-logo{width:104px;height:46px}.bank-top{align-items:flex-start;flex-wrap:wrap}.bank-room-grid{grid-template-columns:1fr}.header-logo-center .header-logo{width:180px;height:90px}}

.bank-assign-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end}.bank-assign-form .btn{margin-bottom:0}@media(max-width:620px){.bank-assign-form{grid-template-columns:1fr}}

/* V3.1 · Logo completo visible en headers */
.nav>a,.topline>a,.game-head>a,.admin-top>a,.bank-top>a{display:flex;align-items:center;flex:0 0 auto;overflow:visible}.nav-logo,.header-logo,.admin-logo,.footer-logo{background:#050507}