body{background:#0a0e1a}.qn{max-width:1080px;margin:0 auto;padding:2rem 1rem 4rem;color:#f8f8f4;min-height:70vh}.qn-hero{text-align:center;margin-bottom:1.8rem}.qn-eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:#00c247;background:#00b1401a;border:1px solid rgba(0,177,64,.3);border-radius:999px;padding:.3rem .8rem;margin-bottom:.8rem}.qn-hero h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;line-height:1.08;margin:0 0 .6rem}.qn-sub{max-width:620px;margin:0 auto;color:#f8f8f4b8;font-size:1rem;line-height:1.5}.qn-count{margin:.7rem 0 0;font-size:.85rem;color:#00c247;font-weight:600;min-height:1em}.qn-card{background:linear-gradient(135deg,#0e1424,#0a0e1a);border:1px solid rgba(0,177,64,.25);border-radius:16px;padding:1.4rem;margin:0 auto 1.4rem;max-width:620px}.qn-card h2{margin:0 0 .4rem;font-size:1.2rem;font-weight:700}.qn-muted{color:#f8f8f48c;font-size:.85rem;margin:0 0 .9rem}.qn-form{display:flex;flex-direction:column;gap:.6rem}.qn-form input{background:#f8f8f40f;border:1px solid rgba(248,248,244,.16);border-radius:10px;padding:.75rem .9rem;color:#f8f8f4;font-size:1rem}.qn-form input:focus{outline:none;border-color:#00b140}.qn-form button,.qn-share{background:#00b140;color:#f8f8f4;border:none;border-radius:10px;padding:.8rem 1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background .15s ease,transform .15s ease}.qn-form button:hover,.qn-share:hover{background:#00c247;transform:translateY(-1px)}.qn-err{color:#ff8a80;font-size:.85rem;margin:.6rem 0 0}.qn-welcome{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.qn-welcome h2{margin:.1rem 0 0}.qn-share{flex-shrink:0}.qn-grid{display:grid;grid-template-columns:1fr;gap:1.6rem;margin-top:1.4rem}@media(min-width:880px){.qn-grid{grid-template-columns:1.4fr 1fr}}.qn-h{font-size:1.15rem;font-weight:700;margin:0 0 .9rem;padding-bottom:.5rem;border-bottom:1px solid rgba(248,248,244,.1)}.qn-partidos{display:flex;flex-direction:column;gap:.7rem}.qn-fase{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#f8f8f473;margin:.8rem 0 .2rem}.qn-match{background:#f8f8f40a;border:1px solid rgba(248,248,244,.1);border-radius:12px;padding:.8rem .9rem}.qn-match.qn-locked{opacity:.72}.qn-match-top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#f8f8f480;margin-bottom:.55rem}.qn-pts{color:#00c247;font-weight:700}.qn-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.qn-team{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.92rem;min-width:0}.qn-team.b{justify-content:flex-end;text-align:right}.qn-team .ab{font-size:.68rem;color:#f8f8f473}.qn-score{display:flex;align-items:center;gap:.35rem}.qn-score input{width:42px;height:42px;text-align:center;font-size:1.1rem;font-weight:700;background:#f8f8f412;border:1px solid rgba(248,248,244,.18);border-radius:9px;color:#f8f8f4;-moz-appearance:textfield}.qn-score input::-webkit-outer-spin-button,.qn-score input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qn-score input:disabled{opacity:.8}.qn-vs{color:#f8f8f466;font-size:.8rem}.qn-save{margin-top:.6rem;width:100%;background:#00b14024;color:#00c247;border:1px solid rgba(0,177,64,.4);border-radius:9px;padding:.5rem;font-weight:600;font-size:.85rem;cursor:pointer}.qn-save:hover{background:#00b1403d}.qn-save.ok{background:#00b140;color:#fff;border-color:#00b140}.qn-resultado{font-size:.76rem;color:#f8f8f499;margin-top:.5rem}.qn-bet{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.5rem;text-decoration:none;font-size:.8rem;font-weight:600;color:#ffd24a;background:#ffd24a14;border:1px solid rgba(255,210,74,.28);border-radius:8px;padding:.45rem .6rem;transition:background .15s ease}.qn-bet:hover{background:#ffd24a29}.qn-18{font-size:.62rem;font-weight:700;color:#0a0e1a;background:#ffd24a;border-radius:4px;padding:.05rem .3rem}.qn-tabla{list-style:none;counter-reset:pos;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.qn-tabla li{counter-increment:pos;display:grid;grid-template-columns:1.8rem 1fr auto;align-items:center;gap:.5rem;background:#f8f8f40a;border:1px solid rgba(248,248,244,.08);border-radius:9px;padding:.5rem .7rem;font-size:.9rem}.qn-tabla li:before{content:counter(pos);font-weight:700;color:#f8f8f480;text-align:center}.qn-tabla li.yo{border-color:#00b140;background:#00b1401f}.qn-tabla li:nth-child(1):before{color:#ffd24a}.qn-tabla .pts{font-weight:700;color:#00c247}.qn-legal{text-align:center;font-size:.8rem;color:#f8f8f473;margin-top:2.4rem}.qn-legal a{color:#00c247}[hidden]{display:none!important}