*{box-sizing:border-box}
[hidden]{display:none!important}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
:root{--blue:#c41230;--blue-light:#f05252;--blue-dark:#650817;--ink:#080808;--panel:#111111;--panel-2:#191919;--white:#f5f1e8;--line:#ffffff1f;--muted:#a7a29a;--green:#42c98b;--red:#ff5a67;--gold:#c6a15b;--radius:12px}
html{scroll-behavior:smooth}
body{margin:0;min-width:300px;background:var(--ink);color:var(--white);font-family:'Inter',sans-serif;background-image:radial-gradient(circle at 88% 4%,#8e102b40 0,transparent 30%),linear-gradient(120deg,transparent 0 49.8%,#ffffff0350%,transparent 50.2%),linear-gradient(#ffffff04 1px,transparent 1px);background-size:auto,72px 72px,48px 48px}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue-light);outline-offset:3px}
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;margin:.25em 0;letter-spacing:-.02em}
em{color:var(--blue-light);font-style:normal}
.site-header{height:76px;padding:0 max(18px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#05070bed;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;font-weight:800}
.logo-mark{display:grid;place-content:center;width:42px;height:42px;border:1px solid #ffffff70;background:linear-gradient(145deg,#e11b3c,#750a1d);font-size:.75rem;letter-spacing:.08em;box-shadow:0 0 30px #c4123045;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}
.logo-name{display:flex;gap:5px;font:700 .92rem 'Barlow Condensed';letter-spacing:.13em}.logo-name b{color:var(--blue-light)}
nav{display:flex;align-items:center;gap:18px}nav a{color:#d8deea;text-decoration:none;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}nav a:hover{color:white}nav form{margin:0}
.user-chip{color:#d8deea;font-size:.74rem;border-left:1px solid var(--line);padding-left:18px}
main{min-height:calc(100vh - 132px)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:22px max(18px,5vw);color:#7f8999;font-size:.7rem}.site-footer div,.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.site-footer strong{color:#cbd3df}.site-footer a{color:#9aa8bd;text-decoration:none;text-transform:none;letter-spacing:0}.site-footer a:hover{color:white}.site-footer span{border-left:1px solid var(--line);padding-left:12px}
.page-shell{max-width:1180px;margin:auto;padding:56px 20px 84px}
.kicker{color:var(--blue-light)!important;font-weight:800;letter-spacing:.18em;font-size:.68rem;text-transform:uppercase}
button,.button{border:0;border-radius:10px;background:var(--blue);color:white;padding:14px 20px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .18s,background .18s,border-color .18s}
button:hover,.button:hover{transform:translateY(-1px);background:#3c73ff}.ghost{background:transparent;border:1px solid #ffffff42}.ghost:hover{background:#ffffff0c}.compact{padding:8px 12px;font-size:.68rem}
label{display:grid;gap:7px;margin:14px 0;color:#b7c0cf;font-size:.77rem;font-weight:700}
input,select,textarea{width:100%;padding:14px;border:1px solid #ffffff24;border-radius:10px;background:#080b11;color:white;color-scheme:dark}
input:hover,select:hover,textarea:hover{border-color:#ffffff48}
.hero{min-height:480px;padding:72px max(24px,8vw);display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:45vw;height:45vw;right:-20vw;top:-25vw;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff03;pointer-events:none}
.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(3.5rem,7.5vw,7.7rem);line-height:.82;letter-spacing:-.045em}.hero p{color:#b5bdca;max-width:690px;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.6}
.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.hero-tags span{border:1px solid #ffffff25;border-radius:99px;padding:7px 11px;color:#c4ccda;font-size:.66rem;font-weight:700;background:#ffffff07}
.arena-sphere{position:relative;z-index:1;width:230px;aspect-ratio:1;border:1px solid #e4c78388;background:radial-gradient(circle at 35% 28%,#df2444,#861127 42%,#21060b 72%);display:grid;place-content:center;text-align:center;box-shadow:0 0 100px #c4123045,inset -25px -20px 45px #020202aa;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}
.arena-sphere:before{content:"";position:absolute;inset:12px;border:1px solid #e7d3a944;clip-path:inherit}.arena-sphere span{font:800 5rem 'Barlow Condensed';line-height:.8}.arena-sphere small{font-size:.58rem;letter-spacing:.16em;margin-top:10px}
.card{background:linear-gradient(145deg,#121720,#090c12);border:1px solid var(--line);padding:30px;border-radius:var(--radius);box-shadow:0 24px 60px #0007}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:950px;margin:-38px auto 70px;padding:0 20px;position:relative;z-index:2}.accent{border-top:3px solid var(--blue)}
.alert{position:relative;z-index:3;max-width:1100px;margin:-24px auto 28px;background:#501923;border:1px solid #ff657755;padding:14px 18px;border-radius:10px}
.mode-area{max-width:1160px;margin:-34px auto 28px;padding:0 20px;position:relative;z-index:2}.mode-heading{text-align:center;margin-bottom:24px}.mode-heading h2{font-size:clamp(2.3rem,4.5vw,4rem)}.mode-heading>p:last-child{color:var(--muted)}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:780px;margin:0 auto 18px}.mode-tab{display:flex;align-items:center;gap:15px;text-align:left;background:#0d1118;border:1px solid var(--line);text-transform:none;padding:17px}.mode-tab:hover{background:#131925}.mode-tab.active{border-color:#527fff;background:#0d1a3b;box-shadow:inset 0 -3px var(--blue)}.mode-tab b,.mode-tab small{display:block}.mode-tab b{font:700 1.15rem 'Barlow Condensed'}.mode-tab small{color:var(--muted);font-weight:600;margin-top:2px}.mode-icon{display:grid;place-content:center;width:34px;height:34px;border:1px solid #ffffff2b;border-radius:50%;font-size:.65rem;color:#b8c9ff;background:#ffffff08}
.mode-panel{background:linear-gradient(145deg,#111722,#080b11);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,42px);box-shadow:0 32px 80px #0008;animation:panel-in .25s ease}.mode-panel.active{display:block}@keyframes panel-in{from{opacity:.3;transform:translateY(5px)}}
.mode-panel.active.competitive-panel{display:grid;grid-template-columns:.85fr 1.4fr;gap:44px;align-items:start}.mode-copy{position:sticky;top:108px}.mode-copy h3,.training-intro h3{font-size:clamp(2.5rem,4vw,3.8rem);margin-top:12px}.mode-copy p,.training-intro p{color:var(--muted);line-height:1.65}
.pill{display:inline-flex;padding:6px 10px;border-radius:99px;font-size:.6rem;font-weight:800;letter-spacing:.11em}.pill.primary{background:#2463ff22;color:#99b2ff;border:1px solid #2463ff66}.pill.neutral{background:#ffffff0a;color:#d9dfe9;border:1px solid #ffffff22}
.mode-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.mode-facts span{background:#05070b;border:1px solid var(--line);padding:11px 13px;border-radius:10px;color:#8792a3;font-size:.65rem}.mode-facts b{color:white;display:block;font-size:1rem;margin-bottom:2px}
.launch-form{display:grid;gap:14px}.scope-choice{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.scope-choice legend{color:#b7c0cf;font-size:.77rem;font-weight:700;margin-bottom:8px}.scope-choice label{margin:0;display:block}.scope-choice input{position:absolute;opacity:0;width:1px}.scope-choice span{display:block;padding:15px;border:1px solid #ffffff20;border-radius:12px;background:#080b11;cursor:pointer}.scope-choice b,.scope-choice small{display:block}.scope-choice b{color:#edf2fb;font-size:.83rem}.scope-choice small{color:#778295;margin-top:4px;font-weight:500}.scope-choice input:checked+span{border-color:#5e87ff;background:#10204a;box-shadow:inset 3px 0 var(--blue)}
.competitive-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding:4px 16px 12px;border:1px solid #ffffff12;border-radius:14px;opacity:.38;transition:.2s}.competitive-fields.enabled{opacity:1;border-color:#ffffff25}.competitive-fields label:last-child{grid-column:1/-1}.competitive-fields select:disabled{cursor:not-allowed}.primary-action{min-height:56px;display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.primary-action span{font-size:1.3rem}
.training-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:25px}.training-controls{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center}.training-controls>label{margin:0}.toggle-row{grid-template-columns:auto 40px 1fr;align-items:center;cursor:pointer}.toggle-row>input{width:auto;position:absolute;opacity:0}.toggle-ui{width:40px;height:23px;background:#303746;border-radius:99px;position:relative;transition:.2s}.toggle-ui:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#aeb7c5;top:3px;left:3px;transition:.2s}.toggle-row input:checked+.toggle-ui{background:var(--blue)}.toggle-row input:checked+.toggle-ui:after{left:20px;background:white}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:#737e90;margin-top:2px}
.difficulty-builder{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#080b11}.difficulty-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.difficulty-heading h4{font:700 1.5rem 'Barlow Condensed';margin:4px 0}.difficulty-heading>strong{color:#9db6ff;font-size:.74rem}.difficulty-heading>strong.invalid{color:var(--red)}.difficulty-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.difficulty-mode label{display:block;margin:0}.difficulty-mode input{position:absolute;opacity:0;width:1px}.difficulty-mode span{display:block;padding:13px;border:1px solid #ffffff1d;border-radius:10px;background:#0d121a;cursor:pointer}.difficulty-mode b,.difficulty-mode small{display:block}.difficulty-mode small{color:var(--muted);font-weight:500;margin-top:3px}.difficulty-mode input:checked+span{border-color:#5e87ff;background:#10204a;box-shadow:inset 3px 0 var(--blue)}.difficulty-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;opacity:.35;transition:.2s}.difficulty-counts.enabled{opacity:1}.difficulty-counts label{grid-template-columns:1fr 76px;align-items:center;margin:0;padding:12px;background:#10151e;border:1px solid #ffffff17;border-radius:10px}.difficulty-counts b,.difficulty-counts small{display:block}.difficulty-counts small{color:var(--muted);font-weight:500;margin-top:2px}.difficulty-counts input{padding:10px;text-align:center}.difficulty-counts input:disabled{cursor:not-allowed}.difficulty-note{color:#737e90;font-size:.68rem;margin:10px 0 0}
.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.multi-filter{border:1px solid var(--line);border-radius:13px;background:#080b11}.multi-filter.competitions{grid-column:1/-1}.multi-filter summary{list-style:none;cursor:pointer;padding:17px;display:flex;justify-content:space-between;align-items:center}.multi-filter summary::-webkit-details-marker{display:none}.multi-filter summary b,.multi-filter summary small{display:block}.multi-filter summary small{color:var(--muted);margin-top:3px}.multi-filter summary i{font-style:normal;color:var(--blue-light);font-size:1.35rem;transition:.2s}.multi-filter[open] summary i{transform:rotate(45deg)}.multi-filter.has-selection{border-color:#557fff}.multi-filter.has-selection summary small{color:#91adff}
.filter-options{border-top:1px solid var(--line);padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:300px;overflow:auto}.filter-options.wide{grid-template-columns:repeat(3,1fr)}.filter-options.compact-grid{grid-template-columns:repeat(5,1fr)}.check-option{display:block;margin:0}.check-option input{position:absolute;opacity:0;width:1px}.check-option span{display:block;padding:9px 10px;border:1px solid #ffffff17;border-radius:8px;background:#10151e;color:#aeb7c5;font-weight:600;cursor:pointer}.check-option input:checked+span{border-color:#5c85ff;background:#10204a;color:white;box-shadow:inset 3px 0 var(--blue)}.filter-search{padding:0 12px 12px}.filter-search input{padding:10px 12px}.filter-options.grouped{display:block;max-height:390px}.filter-family{margin-bottom:16px}.filter-family:last-child{margin:0}.filter-family h4{color:#93adff;margin:4px 0 8px;font:700 .76rem 'Barlow Condensed';text-transform:uppercase;letter-spacing:.1em}.filter-family .check-option{display:inline-block;margin:3px}.filter-family .check-option span{padding:8px 10px}.training-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.training-footer .primary-action{width:min(100%,420px)}.text-button{background:transparent;color:var(--muted);text-transform:none;padding-inline:0}.text-button:hover{background:transparent;color:white}
.metrics{max-width:1120px;margin:0 auto 74px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px}.metrics article{text-align:center;padding:25px;border:1px solid var(--line);background:#090d14;border-radius:14px}.metrics strong{display:block;font:800 2.2rem 'Barlow Condensed';color:white}.metrics span{color:var(--muted);font-size:.75rem}
.quiz-shell{max-width:980px;margin:auto;padding:38px 20px 70px}.quiz-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;color:var(--muted)}.bar{height:5px;background:#252b36;margin-top:10px;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue-dark),var(--blue-light));transition:.3s}.timer,.no-timer{font:700 1.25rem 'Barlow Condensed';color:#9bb4ff;border:1px solid #426eef66;padding:11px 13px;border-radius:9px}.no-timer{font-size:.68rem;letter-spacing:.1em}.game-mode-badge{font-size:.62rem;font-weight:800;letter-spacing:.1em;border:1px solid var(--line);padding:8px 10px;border-radius:99px}.game-mode-badge.entrenamiento{color:#b9c2d0}.question-card{margin-top:28px;background:linear-gradient(145deg,#111722,#090c12);border:1px solid #ffffff25;border-radius:20px;padding:clamp(22px,4vw,50px);box-shadow:0 28px 80px #0008}.question-meta{display:flex;justify-content:space-between;color:#8da9ff;font-size:.68rem;letter-spacing:.12em}.question-card h1{font-size:clamp(2rem,3.5vw,3.3rem);margin:30px 0;line-height:1.08}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{display:flex;min-height:70px;text-align:left;align-items:center;gap:15px;background:#111722;border:1px solid #ffffff22;text-transform:none;font-size:.96rem}.option b{display:grid;place-content:center;min-width:35px;height:35px;background:#ffffff10;border-radius:50%}.option:hover{border-color:#7296ff;background:#142044}.option.selected{background:#10204a;border-color:#7296ff;box-shadow:inset 4px 0 var(--blue)}.option:disabled{color:#fff;opacity:1;cursor:default}.feedback{margin:18px 0;padding:16px;border-left:4px solid var(--red);background:#32161d}.question-card>#next{display:block;width:100%;margin-top:22px;min-height:54px}
.result{text-align:center;padding:10vh 20px 7vh}.result h1{font-size:clamp(6rem,18vw,14rem);line-height:.8;color:white;text-shadow:0 0 70px #2463ff55}.result h1 small{font-size:.2em;color:#687386}.score{font:700 1.6rem 'Barlow Condensed';margin:30px}.training-score{font-size:1rem;color:#aeb7c5}.actions{display:flex;justify-content:center;gap:10px}.review{max-width:1050px;margin:0 auto 80px;padding:0 20px}.review-head{text-align:center;margin-bottom:22px}.review-head h2{font-size:clamp(2rem,5vw,4rem)}.review-head>p:last-child{color:var(--muted)}.review-notice{margin:0 0 20px;padding:13px 16px;border:1px solid #557fff66;border-radius:10px;background:#10204a;color:#c9d6ff;text-align:center;font-size:.76rem}.review-notice.warning{border-color:#ff657766;background:#32161d;color:#ffc3ca}.review-list{display:grid;gap:14px}.review-item{display:grid;grid-template-columns:58px 1fr;background:#0e131b;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:14px;overflow:hidden}.review-item.is-right{border-left-color:var(--green)}.review-number{display:grid;place-items:start center;padding-top:24px;background:#080b11;font:700 1.5rem 'Barlow Condensed';color:var(--muted)}.review-body{padding:22px}.review-status{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#ff8492}.is-right .review-status{color:#5ce6a8}.review-body h3{font:700 clamp(1.2rem,2.5vw,1.65rem) 'Barlow Condensed';margin:8px 0 18px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-grid p{margin:0;padding:13px;background:#141a24;border:1px solid var(--line);border-radius:9px}.answer-grid p.answer-correct{border-color:#3ddc9755;background:#10281f}.answer-grid p.answer-wrong{border-color:#ff657755;background:#32161d}.answer-grid span{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;margin-bottom:5px}.explanation{margin-top:14px;padding:15px;background:#2463ff0d;border-left:3px solid var(--blue)}.explanation b{color:#8da9ff;font-size:.7rem;text-transform:uppercase}.explanation p{margin:6px 0 0;color:#d8deea}.compact-empty{padding:35px 20px;margin-top:0}.compact-empty h2{font-size:2rem}
.ranking-hero,.stats-hero{display:flex;justify-content:space-between;align-items:center;gap:35px}.ranking-hero h1,.stats-hero h1{font-size:clamp(3.5rem,7vw,6.6rem);line-height:.84;letter-spacing:-.04em}.ranking-hero p,.stats-hero p{color:var(--muted);max-width:660px}.rank-orbit{width:165px;aspect-ratio:1;border:1px solid #6389ff77;border-radius:50%;display:grid;place-content:center;text-align:center;background:#0c1735;box-shadow:0 0 80px #2463ff33}.rank-orbit b{font:800 3.4rem 'Barlow Condensed';color:white}.rank-orbit span{font-size:.53rem;letter-spacing:.15em;color:#9db6ff}
.ranking-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;background:#0d121a;border:1px solid var(--line);padding:18px;border-radius:15px;margin:38px 0}.ranking-filters label{margin:0}.ranking-filters button{height:47px}.clear-ranking{color:#9db6ff;font-weight:800;font-size:.69rem;padding:14px 2px;text-align:center}.scope-title{text-align:center;margin:55px 0 25px}.scope-title>span{font-size:.62rem;letter-spacing:.15em;color:#8ba7ff;font-weight:800}.scope-title h2{font-size:clamp(2rem,5vw,4rem)}.scope-title p{color:var(--muted)}
.podium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:end}.podium-card{position:relative;background:linear-gradient(145deg,#121925,#090d13);border:1px solid var(--line);border-radius:15px;padding:25px;overflow:hidden}.podium-card.place-1{order:2;border-color:#688dff88;min-height:235px;background:linear-gradient(145deg,#142452,#091128)}.podium-card.place-2{order:1}.podium-card.place-3{order:3}.medal{position:absolute;right:16px;top:10px;font:800 5rem 'Barlow Condensed';color:#ffffff09}.podium-label{color:#9db6ff;font-size:.58rem;letter-spacing:.13em;font-weight:800}.podium-card h3{font-size:1.7rem;margin:14px 0}.podium-card>strong{display:block;font:800 3rem 'Barlow Condensed';color:#fff}.podium-card>small{color:var(--muted)}.podium-card>div:last-child{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:12px;color:#bbb;font-size:.73rem}
.ranking-metrics,.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:34px 0}.ranking-metrics article,.stats-summary article{border:1px solid var(--line);background:#0b1017;padding:18px;text-align:center;border-radius:12px}.ranking-metrics strong,.stats-summary strong{display:block;font:800 1.8rem 'Barlow Condensed';color:white}.ranking-metrics span,.stats-summary span{font-size:.68rem;color:var(--muted)}.ranking-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#090d13}.ranking-table{min-width:720px}.rank-row{display:grid;grid-template-columns:50px 1.5fr repeat(4,110px);padding:16px;border-bottom:1px solid var(--line);align-items:center}.rank-row:nth-child(2) b{color:#94afff}.rank-head{font-size:.67rem;text-transform:uppercase;color:var(--muted);background:#111720}.empty{padding:25px;color:var(--muted)}
.accuracy-ring{--accuracy:0;width:190px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--accuracy)*1%),#1b2230 0);display:grid;place-content:center;position:relative;box-shadow:0 0 70px #2463ff2b}.accuracy-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#080c13;border:1px solid #ffffff18}.accuracy-ring>div{position:relative;z-index:1;text-align:center}.accuracy-ring strong,.accuracy-ring span{display:block}.accuracy-ring strong{font:800 3rem 'Barlow Condensed'}.accuracy-ring span{font-size:.62rem;color:var(--muted)}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.insight-grid article{padding:24px;background:linear-gradient(145deg,#121925,#090d13);border:1px solid var(--line);border-radius:15px}.insight-grid span{font-size:.58rem;color:#8eabff;letter-spacing:.13em;font-weight:800}.insight-grid h3{font-size:1.7rem;margin:12px 0}.insight-grid p{margin:0;color:var(--muted);font-size:.78rem}.insight-grid p b{color:white}
.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{min-width:0;background:#0b1017;border:1px solid var(--line);border-radius:16px;padding:24px}.chart-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.chart-head h2{font-size:1.7rem;margin-top:5px}.chart-head>span{color:var(--muted);font-size:.68rem}.bar-chart{display:grid;gap:17px;margin-top:24px}.bar-label{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.bar-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-label b{color:#9db6ff}.bar-track{height:8px;background:#1d2431;border-radius:99px;overflow:hidden;margin:7px 0}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#163993,var(--blue-light));min-width:2px}.bar-row small{color:#687386;font-size:.62rem}.recent-card{margin-top:14px}.recent-chart{height:240px;display:flex;align-items:end;gap:clamp(8px,2vw,22px);padding:24px 8px 0;border-bottom:1px solid #ffffff24;overflow-x:auto;overflow-y:hidden}.recent-bar{height:100%;flex:1;min-width:30px;display:grid;grid-template-rows:1fr auto auto;align-items:end;gap:5px;color:white;text-decoration:none;text-align:center}.recent-bar i{display:block;width:100%;max-width:48px;margin:auto;background:linear-gradient(#7398ff,#173a96);border-radius:7px 7px 2px 2px;min-height:3px;transition:.2s}.recent-bar:hover i{filter:brightness(1.25)}.recent-bar b{font:.8rem 'Barlow Condensed'}.recent-bar small{font-size:.55rem;color:#778294}.empty-state{text-align:center;padding:70px 20px;background:#0b1017;border:1px solid var(--line);border-radius:18px;margin-top:35px}.empty-state>span{display:inline-grid;place-content:center;width:120px;aspect-ratio:1;border:10px solid #1d2431;border-top-color:var(--blue);border-radius:50%;font:800 2rem 'Barlow Condensed'}.empty-state h2{font-size:2.5rem}.empty-state p{color:var(--muted);max-width:600px;margin:0 auto 25px}
@media(max-width:1050px){.mode-panel.active.competitive-panel{grid-template-columns:1fr}.mode-copy{position:static}.ranking-filters{grid-template-columns:repeat(3,1fr)}.ranking-filters button,.clear-ranking{grid-column:auto}}
@media(max-width:900px){.training-intro{grid-template-columns:1fr}.filter-options.wide{grid-template-columns:repeat(2,1fr)}.ranking-filters{grid-template-columns:repeat(2,1fr)}.rank-orbit{display:none}.charts-grid{grid-template-columns:1fr}}
@media(max-width:720px){.site-header{padding:0 12px}.logo-name,.user-chip{display:none}nav{gap:10px}nav a{font-size:.62rem}.hero{min-height:390px;padding:50px 20px}.arena-sphere{display:none}.hero h1{font-size:clamp(3.3rem,16vw,5.4rem)}.auth-grid{grid-template-columns:1fr;margin-top:20px}.mode-area{margin-top:20px;padding:0 14px}.mode-switch,.scope-choice,.difficulty-mode{grid-template-columns:1fr}.mode-panel{padding:22px 15px}.competitive-fields,.filter-grid,.training-controls{grid-template-columns:1fr}.difficulty-heading{display:block}.difficulty-heading>strong{display:block;margin-top:5px}.difficulty-counts{grid-template-columns:1fr}.competitive-fields label:last-child,.multi-filter.competitions{grid-column:auto}.filter-options,.filter-options.wide{grid-template-columns:1fr}.filter-options.compact-grid{grid-template-columns:repeat(3,1fr)}.training-footer{align-items:stretch;flex-direction:column-reverse}.training-footer .primary-action{width:100%}.metrics{grid-template-columns:1fr;margin-inline:0}.quiz-top{grid-template-columns:1fr auto}.game-mode-badge{grid-row:2}.timer,.no-timer{grid-column:2;grid-row:1/3}.options{grid-template-columns:1fr}.question-card{padding:24px 16px}.answer-grid{grid-template-columns:1fr}.review-item{grid-template-columns:42px 1fr}.review-number{font-size:1rem}.review-body{padding:17px 14px}.ranking,.statistics{padding-top:36px}.ranking-filters{grid-template-columns:1fr}.ranking-filters button,.clear-ranking{grid-column:1}.podium-grid,.insight-grid{grid-template-columns:1fr}.podium-card.place-1,.podium-card.place-2,.podium-card.place-3{order:initial;min-height:0}.ranking-metrics,.stats-summary{grid-template-columns:repeat(2,1fr)}.ranking-hero h1,.stats-hero h1{font-size:3.5rem}.stats-hero{display:grid}.accuracy-ring{width:150px}.actions{flex-direction:column;align-items:stretch}.actions .button{text-align:center}}
@media(max-width:430px){.site-header{height:auto;min-height:70px}.logo-mark{width:34px;height:34px}.site-header nav{gap:5px}nav a{font-size:.55rem;letter-spacing:0}.stats-link,.admin-link{font-size:0}.stats-link:after{content:"Stats";font-size:.55rem}.admin-link:after{content:"Admin";font-size:.55rem}.compact{padding:7px 8px}.hero-tags{display:none}.filter-options.compact-grid{grid-template-columns:repeat(2,1fr)}.ranking-metrics,.stats-summary{grid-template-columns:1fr 1fr}.ranking-hero h1,.stats-hero h1{font-size:2.8rem;overflow-wrap:anywhere}.bar-label span{min-width:0}.chart-head,.admin-hero{align-items:flex-start;flex-direction:column}.recent-chart{gap:6px}.recent-bar small{font-size:.48rem}}
.review-heading,.review-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.competition-badge{display:inline-flex;align-items:center;min-height:29px;padding:4px 10px 4px 5px;border:1px solid #c6a15b66;background:#17130e;color:#f4e2bd;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.competition-badge:before{content:"MMA";display:grid;place-content:center;min-width:25px;height:21px;margin-right:7px;background:#f5f1e8;color:#18050a;font-size:.45rem;letter-spacing:0}.competition-badge[data-family="UFC"]:before{content:"U"}.competition-badge[data-family="Bellator"]:before{content:"B"}.competition-badge[data-family="PFL"]:before{content:"P"}.review-tools{justify-content:flex-start;margin-top:14px}.media-link{display:inline-flex;padding:9px 12px;border-radius:8px;text-decoration:none;font-size:.72rem;font-weight:800;background:#fff;color:#07090d}.report-box{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.report-box summary{cursor:pointer;color:#f0b3bd;font-size:.72rem;font-weight:800}.report-box form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:10px;padding:15px;background:#080b11;border:1px solid var(--line);border-radius:10px}.report-box form label:last-of-type,.report-box form button{grid-column:1/-1}.report-sent{color:#7fe4b1;font-size:.7rem}.review-notice.success{border-color:#3ddc9766;background:#10281f;color:#bff4d9}
.admin-page{max-width:1160px;margin:auto;padding:55px 20px 90px}.admin-hero{display:flex;justify-content:space-between;align-items:center;gap:30px}.admin-hero h1{font-size:clamp(3rem,7vw,6rem)}.admin-hero p{color:var(--muted);max-width:700px}.admin-count{width:150px;aspect-ratio:1;border:1px solid #557fff88;border-radius:50%;display:grid;place-content:center;text-align:center;background:#0b1736}.admin-count strong{font:800 3.2rem 'Barlow Condensed',sans-serif}.admin-count span{font-size:.62rem;color:#9db6ff;text-transform:uppercase}.admin-filters{margin:34px 0 18px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#0b1017;display:flex;gap:4px}.admin-filters a{padding:11px 14px;border-radius:8px}.admin-filters a.active{background:var(--blue);color:white}.admin-report-list{display:grid;gap:14px}.admin-report-card{background:#0d121a;border:1px solid var(--line);border-radius:15px;padding:22px}.admin-report-card>header{display:flex;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--line)}.admin-report-card>header>div{display:flex;align-items:center;gap:10px}.admin-report-card small{color:var(--muted)}.status-pill{padding:5px 8px;border-radius:99px;background:#263247;color:#cad6ea;font-size:.58rem;text-transform:uppercase}.status-pill.pendiente{background:#17357d;color:#c6d5ff}.status-pill.resuelto{background:#153c2d;color:#9eebc5}.reported-snapshot{padding:18px 0}.reported-snapshot h2{font-size:1.6rem}.reported-snapshot blockquote{margin:14px 0 0;padding:14px;border-left:3px solid var(--blue);background:#10182a;color:#d5dcea}.admin-editor{border:1px solid #557fff55;border-radius:10px;padding:13px}.admin-editor summary{cursor:pointer;color:#a9beff;font-weight:800}.admin-editor form{margin-top:15px}.admin-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.discard-form{display:flex;align-items:end;gap:10px;margin-top:12px}.discard-form input{flex:1}.discard-form button{width:auto}.admin-note{padding:12px;background:#101722;border-radius:8px;color:#c7cfdb}
.admin-sections{display:flex;gap:7px;margin-bottom:38px;padding:6px;width:max-content;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#080c12}.admin-sections a{padding:10px 15px;white-space:nowrap;border-radius:8px}.admin-sections a.active{background:#fff;color:#07090d}.admin-new{display:inline-flex;width:auto;white-space:nowrap;text-decoration:none}.admin-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:32px}.admin-search button{width:auto}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#0b1017}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.admin-table th{font-size:.62rem;color:#91a0b5;text-transform:uppercase;letter-spacing:.08em}.admin-table td{font-size:.76rem}.admin-table td small{display:block;margin-top:4px;color:var(--muted)}.admin-table tr:last-child td{border-bottom:0}.question-admin-link{display:block;max-width:540px;color:#f2f5fb;font-weight:700}.row-actions{display:flex;align-items:center;gap:9px}.row-actions form{margin:0}.row-actions button{width:auto}.admin-pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:18px}.admin-pagination span{color:var(--muted)}.narrow-admin{max-width:960px}.admin-question-form,.admin-panel{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:15px;background:#0b1017}.admin-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.admin-form-grid .wide{grid-column:span 2}.check-row{display:flex!important;align-items:center;gap:9px;margin-top:18px}.check-row input{width:auto}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:15px}.form-actions button{width:auto}.db-count-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}.db-count-grid article{min-width:0;padding:17px;border:1px solid var(--line);border-radius:12px;background:#0b1017}.db-count-grid strong{display:block;font:800 2rem 'Barlow Condensed',sans-serif}.db-count-grid span{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.62rem}.admin-panel h2{font-size:1.8rem}.admin-panel>p{margin:5px 0 18px;color:var(--muted)}
.mc-picker{grid-column:1/-1;padding:14px;border:1px solid #ffffff17;border-radius:12px;background:#080b11}.mc-picker.has-mcs{border-color:#557fff88}.mc-picker label{margin:0}.mc-search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.mc-search-row button{padding:10px 14px}.mc-search-row button:disabled{opacity:.45;cursor:not-allowed}.mc-picker>small{display:block;margin-top:8px;color:var(--muted);font-size:.64rem}.mc-picker-status{margin-top:8px;color:#91adff;font-size:.65rem;font-weight:700}.mc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.mc-chips:empty{display:none}.mc-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 6px 5px 10px;border:1px solid #5c85ff77;border-radius:99px;background:#10204a;color:#dce5ff;font-size:.7rem;font-weight:800}.mc-chip button{display:grid;place-content:center;width:22px;height:22px;padding:0;border-radius:50%;background:#ffffff17;font-size:1rem}.training-mc-picker{margin:0}.competitive-fields>.mc-picker{margin:5px 0}.competitive-fields[aria-disabled="true"] .mc-picker{opacity:.65}
.ad-slot{max-width:900px;margin:0 auto 70px;padding:20px;border:1px dashed #ffffff32;border-radius:14px;background:#080c12;text-align:center}.ad-slot span,.ad-slot strong,.ad-slot small{display:block}.ad-slot span{color:#6f83aa;font-size:.55rem;letter-spacing:.18em}.ad-slot strong{margin:7px 0 4px;color:#adb7c7;font:700 1.1rem 'Barlow Condensed'}.ad-slot small{color:#5f6978}.compact-ad{margin-top:-40px}.legal-page{max-width:900px}.legal-page h1{font-size:clamp(3.2rem,8vw,6rem)}.legal-page h2{margin-top:34px;font-size:1.8rem}.legal-page p{color:#b7c0ce;line-height:1.75}.legal-draft{padding:17px;border:1px solid #f0b35d55;border-radius:12px;background:#3b2a1222}.legal-draft strong{color:#f0c47f}
@media(max-width:720px){.report-box form,.admin-fields{grid-template-columns:1fr}.report-box form label,.report-box form button{grid-column:1}.admin-hero{align-items:flex-start}.admin-count{width:95px}.admin-count strong{font-size:2.2rem}.admin-report-card>header,.discard-form{align-items:stretch;flex-direction:column}.admin-filters{overflow-x:auto}.admin-filters a{white-space:nowrap}.mc-search-row{grid-template-columns:1fr}.mc-search-row button{width:100%}}
@media(max-width:720px){.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .wide{grid-column:1}.db-count-grid{grid-template-columns:repeat(2,1fr)}.admin-search{grid-template-columns:1fr}.admin-search button,.admin-new{width:100%;justify-content:center}.form-actions{align-items:stretch;flex-direction:column}.form-actions button{width:100%}}
@media(max-width:720px){.site-footer{align-items:flex-start;flex-direction:column}.site-footer div{align-items:flex-start;flex-direction:column}.site-footer span{border:0;padding:0}.site-footer nav{gap:14px}.ad-slot{margin-inline:14px}.compact-ad{margin-top:-35px}}
@media(max-width:900px){.user-chip{display:none}.site-header nav{gap:12px}}
@media(max-width:900px){body:has(.admin-page) .site-header .rooms-link,body:has(.admin-page) .site-header .ranking-link,body:has(.admin-page) .site-header .stats-link{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.friends-cta{max-width:1120px;margin:28px auto 52px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #557fff66;border-radius:20px;background:radial-gradient(circle at 90% 20%,#2463ff2f,transparent 35%),linear-gradient(145deg,#101a32,#090d14)}.friends-cta h2{font-size:clamp(2rem,4vw,3.4rem);margin:5px 0}.friends-cta p:last-child{color:var(--muted);margin-bottom:0}.friends-cta .button{white-space:nowrap}
.rooms-page{max-width:1220px}.rooms-hero,.lobby-hero{display:flex;justify-content:space-between;align-items:center;gap:35px}.rooms-hero h1{font-size:clamp(4rem,8vw,7rem);line-height:.82}.rooms-hero p{max-width:720px;color:var(--muted);line-height:1.65}.room-orbit{width:170px;aspect-ratio:1;border:1px solid #6389ff77;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#173b92,#09132f);box-shadow:0 0 70px #2463ff33}.room-orbit strong{font:800 4rem 'Barlow Condensed'}.room-orbit span{font-size:.55rem;letter-spacing:.14em;color:#a9bdff}.room-alert{margin:30px 0 18px}.active-room-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;padding:18px 20px;border:1px solid #3ddc9766;border-radius:14px;background:#10281f}.active-room-banner div{display:grid;gap:3px}.active-room-banner span{font-size:.56rem;letter-spacing:.14em;color:#82e5b4}.active-room-banner strong{font:700 1.5rem 'Barlow Condensed'}.active-room-banner small{color:#a9b7ae}.room-actions-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:16px;margin-top:38px;align-items:start}.section-heading h2{font-size:clamp(2.2rem,4vw,3.5rem)}.section-heading>p:last-child{color:var(--muted);line-height:1.6}.room-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.room-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-toggles .toggle-row{margin:0}.room-difficulty{margin-top:20px}.room-difficulty h3{font-size:1.8rem}.room-filters{margin-top:20px}.room-side{display:grid;gap:16px;position:sticky;top:96px}.join-code-card h2,.how-it-works h2{font-size:2rem}.join-code-card input{text-transform:uppercase;letter-spacing:.22em;font:800 1.25rem 'Barlow Condensed';text-align:center}.join-code-card button{width:100%}.how-it-works ol{list-style:none;padding:0;margin:20px 0 0;counter-reset:room-step}.how-it-works li{position:relative;display:grid;gap:3px;padding:0 0 20px 42px;counter-increment:room-step}.how-it-works li:before{content:counter(room-step);position:absolute;left:0;top:0;display:grid;place-content:center;width:28px;height:28px;border-radius:50%;background:#10204a;border:1px solid #557fff66;color:#a9beff;font-size:.68rem;font-weight:800}.how-it-works li:not(:last-child):after{content:"";position:absolute;left:13px;top:32px;bottom:4px;width:1px;background:#ffffff1f}.how-it-works li b{font-size:.78rem}.how-it-works li span{color:var(--muted);font-size:.7rem;line-height:1.5}.public-rooms{margin-top:70px}.public-room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}.public-room-card{display:flex;flex-direction:column;padding:22px;background:linear-gradient(145deg,#111925,#090d13);border:1px solid var(--line);border-radius:15px}.public-room-card>header{display:flex;justify-content:space-between;align-items:center}.public-room-card>header span{font:800 1.2rem 'Barlow Condensed';color:#a9beff}.public-room-card>header i{font-style:normal;font-size:.53rem;letter-spacing:.12em;color:#64dda4}.public-room-card h3{font-size:1.7rem;margin:16px 0 4px}.public-room-card>p{color:var(--muted);font-size:.72rem;margin:0}.public-room-card form{margin-top:auto;padding-top:20px}.public-room-card button{width:100%}.room-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.room-tags span{padding:6px 8px;border:1px solid #ffffff1f;border-radius:99px;background:#ffffff06;color:#b5c0d1;font-size:.58rem;font-weight:700}.room-tags.large span{font-size:.68rem;padding:8px 10px}.room-empty{grid-column:1/-1;margin:0}
.lobby-page{max-width:1120px}.lobby-hero h1{font-size:clamp(3.5rem,7vw,6.5rem);line-height:.9}.lobby-hero p{color:var(--muted)}.room-code-box{min-width:250px;padding:20px;border:1px solid #557fff77;border-radius:16px;background:#0d1835;text-align:center}.room-code-box span,.room-code-box strong{display:block}.room-code-box span{font-size:.55rem;letter-spacing:.14em;color:#9db6ff}.room-code-box strong{margin:9px 0;font:800 2.5rem 'Barlow Condensed';letter-spacing:.14em}.lobby-message{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px 0;padding:13px;border:1px solid #ffffff1f;border-radius:10px;background:#0b1017;color:#b7c0ce;font-size:.73rem}.lobby-message i,.live-dot:before{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 14px #3ddc97;animation:pulse-live 1.6s infinite}.lobby-message.connection-warning i{background:#ffb65c;box-shadow:0 0 14px #ffb65c}@keyframes pulse-live{50%{opacity:.35}}.lobby-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;align-items:start}.lobby-members>header{display:flex;align-items:center;justify-content:space-between}.lobby-members h2{font-size:2.4rem}.live-dot{display:flex;align-items:center;gap:8px;color:#69e0a7;font-size:.56rem;font-weight:800;letter-spacing:.1em}.live-dot:before{content:""}.member-list{display:grid;gap:8px;margin-top:18px}.member-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#080c12}.member-row>span{display:grid;place-content:center;width:28px;height:28px;border-radius:50%;background:#10204a;color:#9db6ff;font-size:.68rem;font-weight:800}.member-row strong{font-size:.85rem}.member-row i{font-style:normal;font-size:.52rem;color:#79dfa9;letter-spacing:.08em}.lobby-settings{position:sticky;top:98px}.lobby-settings>p{color:var(--muted);line-height:1.6}.lobby-settings .primary-action{width:100%;margin-top:22px}.host-help{font-size:.67rem}.danger-button{border-color:#ff657766;color:#ffabb5;width:100%;margin-top:8px}.danger-button:hover{background:#32161d}.start-overlay{position:fixed;inset:0;z-index:100;display:grid;place-content:center;background:#03050bf2;backdrop-filter:blur(12px);text-align:center}.start-overlay>div{display:grid;place-items:center}.start-overlay p{color:#91adff;font-size:.7rem;font-weight:800;letter-spacing:.17em}.start-overlay strong{font:800 clamp(9rem,30vw,20rem) 'Barlow Condensed';line-height:.8;text-shadow:0 0 100px #2463ff88}.start-overlay span{margin-top:25px;color:#c5cedd}
.room-results{max-width:1050px}.room-results-hero{text-align:center;margin-bottom:35px}.room-results-hero h1{font-size:clamp(3.5rem,8vw,7rem)}.room-results-hero>p{color:var(--muted)}.room-code-inline{display:inline-flex;padding:7px 12px;border:1px solid #557fff66;border-radius:99px;color:#9db6ff;font-size:.62rem;font-weight:800;letter-spacing:.12em}.live-leaderboard{padding:0;overflow:hidden}.live-leaderboard>header,.leaderboard-row{display:grid;grid-template-columns:90px minmax(160px,1fr) 120px 100px 130px;align-items:center;gap:10px;padding:16px 20px}.live-leaderboard>header{background:#111824;color:#778497;font-size:.57rem;letter-spacing:.1em;font-weight:800}.leaderboard-row{border-top:1px solid var(--line)}.leaderboard-row>b{font:800 1.5rem 'Barlow Condensed';color:#8295b7}.leaderboard-row>strong{display:flex;align-items:center;gap:8px}.leaderboard-row>strong small{padding:4px 6px;border-radius:99px;background:#ffffff0b;color:#8ea9ff;font-size:.48rem}.leaderboard-row>span{text-align:center;font-weight:800}.leaderboard-row>time{color:#aab5c6;font-size:.72rem}.leaderboard-row.winner{background:linear-gradient(90deg,#173b922e,transparent);box-shadow:inset 4px 0 #5f87ff}.leaderboard-row.winner>b{color:#8eabff}.leaderboard-row.winner>strong:after{content:"GANADOR";padding:4px 7px;border-radius:99px;background:#2463ff;color:white;font-size:.5rem;letter-spacing:.08em}.room-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.ranking-rule{max-width:700px;margin:24px auto;text-align:center;color:var(--muted);font-size:.72rem;line-height:1.6}
@media(max-width:1000px){.room-actions-grid{grid-template-columns:1fr}.room-side{position:static;grid-template-columns:1fr 1fr}.public-room-grid{grid-template-columns:1fr 1fr}.lobby-grid{grid-template-columns:1fr}.lobby-settings{position:static}}
@media(max-width:720px){.friends-cta,.rooms-hero,.lobby-hero,.active-room-banner{align-items:stretch;flex-direction:column}.friends-cta{margin-inline:14px}.friends-cta .button{white-space:normal;text-align:center}.room-orbit{display:none}.room-actions-grid,.room-side,.room-basic-grid,.room-toggles,.public-room-grid{grid-template-columns:1fr}.room-create{padding:20px 14px}.live-leaderboard{overflow-x:auto}.live-leaderboard>header,.leaderboard-row{min-width:690px}.room-code-box{min-width:0}.room-result-actions{align-items:stretch;flex-direction:column}.room-result-actions .button{text-align:center}}

/* Administración: identidad cálida y operativa, separada del área de juego. */
main:has(.admin-page){background:radial-gradient(circle at 85% 4%,#8c3f2029 0,transparent 30%),linear-gradient(135deg,#15110e 0,#0b0c0e 54%,#11100d 100%)}
.admin-page{--admin-accent:#ff8a3d;--admin-accent-soft:#ffc078;--admin-surface:#151513;--admin-surface-2:#1c1915;--admin-border:#f4b47728;max-width:1240px;padding-top:38px}
.admin-page .kicker{color:var(--admin-accent-soft)!important}
.admin-sections{margin-bottom:30px;padding:5px;border-color:var(--admin-border);border-radius:999px;background:#171511;box-shadow:0 12px 35px #0005}
.admin-sections a{padding:10px 18px;border-radius:999px;color:#c9c0b7;letter-spacing:.04em}
.admin-sections a:hover{color:#fff2e7;background:#ffffff08}
.admin-sections a.active{background:var(--admin-accent);color:#21130a;box-shadow:0 6px 20px #ff8a3d30}
.admin-hero{padding:28px 30px;border:1px solid var(--admin-border);border-radius:22px;background:linear-gradient(120deg,#211a14,#121313 68%);box-shadow:0 24px 65px #0006;position:relative;overflow:hidden}
.admin-hero:after{content:"";position:absolute;width:220px;height:220px;right:-85px;top:-120px;border:1px solid #ffb36d33;border-radius:50%;box-shadow:0 0 0 35px #ff8a3d0b,0 0 0 70px #ff8a3d08;pointer-events:none}
.admin-hero h1{font-size:clamp(3rem,6vw,5.2rem);line-height:.86;color:#fff8f0}
.admin-hero p{color:#bdb2a8;line-height:1.55}
.admin-new{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;width:auto;white-space:nowrap;padding:13px 18px;border:1px solid #ffbf8266;border-radius:12px;background:var(--admin-accent);color:#21130a!important;text-decoration:none;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 10px 28px #ff8a3d25;transition:.18s}
.admin-new span{font-size:1.05rem;line-height:0}
.admin-new:hover{transform:translateY(-2px);background:#ff9e5f;color:#170d07!important}
.admin-search{margin-top:22px;padding:8px;border:1px solid var(--admin-border);border-radius:15px;background:#11110f}
.admin-search input{border:0;background:transparent;padding:12px 14px;color:#fff8f0}
.admin-search input:focus{outline:0}
.admin-search button{border-radius:10px;background:#f2e4d5;color:#2a1d14;padding-inline:26px}
.admin-search button:hover{background:#fff7ef}
.admin-filters{margin:18px 0;padding:5px;border-color:var(--admin-border);border-radius:13px;background:#131310}
.admin-filters a{color:#aaa099;text-decoration:none}
.admin-filters a:hover{color:#fff1e4;background:#ffffff07}
.admin-filters a.active{background:#332218;color:#ffb779;box-shadow:inset 0 0 0 1px #ff8a3d55}
.admin-table-wrap{border-color:var(--admin-border);border-radius:16px;background:var(--admin-surface);box-shadow:0 18px 55px #0005}
.admin-table th{padding-block:15px;color:#bca997;background:#11110f;border-color:var(--admin-border)}
.admin-table td{padding-block:15px;border-color:#f4b47718;color:#eee6dd}
.admin-table tbody tr{transition:background .16s}
.admin-table tbody tr:hover{background:#ff9b4c0a}
.admin-table td small{color:#8f8780}
.question-admin-link{color:#fff5ec;text-decoration:none;line-height:1.35}
.question-admin-link:hover{color:var(--admin-accent-soft)}
.status-pill{border:1px solid #ffffff12;font-weight:800;letter-spacing:.05em}
.status-pill.resuelto{background:#18352a;color:#8de4b8;border-color:#53c99235}
.status-pill.descartado{background:#3a2521;color:#ffb0a0;border-color:#ff836b38}
.difficulty-value{display:inline-flex;align-items:baseline;gap:2px;font:800 1.25rem 'Barlow Condensed',sans-serif;color:var(--admin-accent-soft)}
.difficulty-value small{font-size:.65rem!important;color:#8f8780!important}
.row-actions{gap:7px;flex-wrap:nowrap}
.row-actions .admin-action-edit,.row-actions .admin-action-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:8px 11px;border-radius:9px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:.16s}
.row-actions .admin-action-edit{border:1px solid #ff9b4c55;background:#ff9b4c12;color:#ffb879}
.row-actions .admin-action-edit:hover{background:#ff9b4c25;color:#fff0e2}
.row-actions .admin-action-toggle{border:1px solid #ffffff26;background:#ffffff07;color:#d8cec4}
.row-actions .admin-action-toggle:hover{transform:none;background:#ffffff12;color:white}
.admin-pagination a{padding:8px 12px;border:1px solid var(--admin-border);border-radius:9px;color:var(--admin-accent-soft);text-decoration:none}
.admin-question-form,.admin-panel,.admin-report-card,.db-count-grid article{border-color:var(--admin-border);background:var(--admin-surface)}
.admin-page input,.admin-page select,.admin-page textarea{border-color:#f4b47726;background:#0f100f;color:#fff7ef;color-scheme:dark}
.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{outline:2px solid #ff9b4c88;outline-offset:1px;border-color:transparent}
@media(max-width:720px){body:has(.admin-page) .site-header .rooms-link,body:has(.admin-page) .site-header .ranking-link,body:has(.admin-page) .site-header .stats-link{display:none}.admin-page{padding:24px 13px 70px}.admin-hero{padding:24px 20px}.admin-new{width:100%;justify-content:center}.catalog-table{min-width:0}.catalog-table thead{display:none}.catalog-table,.catalog-table tbody,.catalog-table tr,.catalog-table td{display:block;width:100%}.catalog-table tr{padding:14px;border-bottom:1px solid var(--admin-border)}.catalog-table td{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px;border:0}.catalog-table td:before{content:attr(data-label);color:#94877b;font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.catalog-table td[data-label="Pregunta"]{display:block}.catalog-table td[data-label="Pregunta"]:before{display:block;margin-bottom:7px}.catalog-table .row-actions{justify-content:flex-start}.admin-search{grid-template-columns:1fr;padding:7px}.admin-search button{width:100%}}

/* Constructor de cuestionarios */
.questionnaire-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.questionnaire-create{position:sticky;top:20px;margin-top:28px}.questionnaire-list{display:grid;gap:14px;margin-top:28px}.questionnaire-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px;border:1px solid var(--admin-border);border-radius:18px;background:var(--admin-surface);box-shadow:0 16px 40px #0004}.questionnaire-card h2{margin:10px 0 4px;font-size:1.8rem}.questionnaire-card p,.questionnaire-card small{color:#a99f96}.builder-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:20px;align-items:start}.custom-question-panel,.existing-picker{margin-top:22px}.existing-picker{position:sticky;top:18px}.existing-results{display:grid;gap:10px;margin-top:14px;max-height:620px;overflow:auto}.existing-results article{padding:14px;border:1px solid #f4b47720;border-radius:12px;background:#10100f}.existing-results p{margin:0 0 7px;line-height:1.35}.existing-results form{margin-top:9px}.existing-results button{width:100%}.battery-panel{margin-top:24px}.battery-heading{display:flex;justify-content:space-between;align-items:end}.battery-heading strong{font:800 2rem 'Barlow Condensed',sans-serif;color:var(--admin-accent-soft)}.battery-list{display:grid;gap:9px;padding:0;margin:20px 0;list-style:none}.battery-list li{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid #f4b4771f;border-radius:12px;background:#10110f}.battery-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#302118;color:#ffbc83;font-weight:900}.battery-list p{margin:0 0 4px;font-weight:700;line-height:1.35}.battery-list small{color:#988e85}.battery-actions{display:flex;align-items:center;gap:7px}.battery-actions form{display:flex;margin:0}.battery-actions button,.battery-actions a{width:auto;padding:7px 9px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff08;color:#ddd2c8;font-size:.62rem;text-decoration:none}.battery-actions .remove{color:#ffae9e;border-color:#e95d453f}.battery-actions button:disabled{opacity:.25}.builder-finish,.selected-questionnaire{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;border:1px solid #ff9b4c45;border-radius:14px;background:#2b1c12}.builder-finish p{margin:0;color:#cbbcaf}.selected-questionnaire{margin-bottom:22px;align-items:flex-start;flex-direction:column;gap:3px}.selected-questionnaire span{color:#ffbc83;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.selected-questionnaire strong{font-size:1.4rem}.selected-questionnaire small{color:#b9aea5}.role-form{display:flex;align-items:center;gap:8px}.role-form select{min-width:180px;padding:8px}.role-form button{width:auto}.questionnaire-builder .review-notice{margin-top:16px}
@media(max-width:900px){.questionnaire-layout,.builder-grid{grid-template-columns:1fr}.questionnaire-create,.existing-picker{position:static}.questionnaire-card{align-items:flex-start;flex-direction:column}.battery-list li{grid-template-columns:38px 1fr}.battery-actions{grid-column:2;flex-wrap:wrap}.builder-finish{align-items:stretch;flex-direction:column}}
@media(max-width:520px){.battery-list li{grid-template-columns:1fr}.battery-number{width:30px;height:30px}.battery-actions{grid-column:1}.battery-actions form{flex:1}.battery-actions button,.battery-actions a{flex:1;text-align:center}.builder-finish .admin-new{white-space:normal;text-align:center}.role-form{align-items:stretch;flex-direction:column}}
@media(max-width:430px){.rooms-link{font-size:0}.rooms-link:after{content:"Salas";font-size:.55rem}.room-code-box strong{font-size:2rem}.member-row{grid-template-columns:30px minmax(0,1fr) auto}.member-row strong{overflow:hidden;text-overflow:ellipsis}.start-overlay strong{font-size:9rem}}
.active-rooms{margin:28px 0}.active-rooms .active-room-banner{margin:8px 0}.start-format{margin:22px 0}.start-format+label>small{color:var(--muted);font-weight:500;line-height:1.5}.begin-attempt{width:100%;margin-top:22px}
.language-menu{position:relative;color:#ddd;font-size:.68rem;font-weight:900}.language-menu summary{cursor:pointer;list-style:none;border:1px solid #ffffff2b;padding:8px 10px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.language-menu summary::-webkit-details-marker{display:none}.language-menu>div{position:absolute;right:0;top:calc(100% + 8px);display:grid;min-width:130px;padding:7px;background:#111;border:1px solid #ffffff2b;box-shadow:0 18px 35px #000b}.language-menu a{padding:9px 10px;text-transform:none}.language-menu a[aria-current=true]{color:#f3c978;background:#c4123025}
.hero h1 em{color:#f05252;text-shadow:0 0 45px #c4123044}.hero-tags span:nth-child(-n+3){border-color:#c6a15b55;color:#e1c58c}.mode-panel,.card,.question-card,.podium-card{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.competition-badge[data-family="UFC"],.competition-badge[data-family="Bellator"],.competition-badge[data-family="PFL"]{background:#111;border-color:#c6a15b66;color:#f5f1e8}
@media(max-width:900px){.site-header nav>a{display:none}.site-header nav .rooms-link{display:block}.language-menu{display:block}.logo-name{font-size:.78rem}}