:root{color-scheme:dark;--bg:#151524;--panel:#202033;--ink:#f7f5e9;--muted:#aaa9be;--green:#c0fa78;--purple:#b8a0ff;--line:#3a394d;--red:#ff8e91;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);background-image:radial-gradient(#ffffff08 1px,transparent 1px);background-size:20px 20px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.shell{max-width:1200px;margin:auto;padding:0 40px}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-size:27px;font-weight:900;letter-spacing:-2px;text-decoration:none}.brand span{color:var(--green)}.brand small{font:10px monospace;letter-spacing:2px;margin-left:20px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:20px}.prototype,.eyebrow,.tag{font:11px monospace;letter-spacing:2px}.prototype{color:var(--muted)}.icon,.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:11px 15px}.icon{font:12px monospace}main{min-height:calc(100svh - 163px)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding:66px 0 40px;align-items:center}.eyebrow{color:var(--green);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(58px,7.5vw,96px);line-height:.91;letter-spacing:-6px;margin:25px 0 26px;font-weight:950}h1 .violet{color:var(--purple)}.intro{color:var(--muted);font-size:17px;line-height:1.65;max-width:390px}.intro strong{color:var(--ink)}.rule{font:12px monospace;color:var(--muted);padding:20px 0}.demo{position:relative;padding:30px 25px 20px;transform:rotate(2deg);border:1px solid #55506d;border-radius:22px;background:linear-gradient(145deg,#343049,#222133);box-shadow:12px 15px 0 #0c0c16}.demo:before{content:'¿TE LA CREÉS?';position:absolute;right:10px;top:-17px;background:var(--green);color:#20252a;padding:9px 13px;font:bold 11px monospace;transform:rotate(5deg);border:2px solid #151524}.demo .question{font-size:29px;line-height:1.25;letter-spacing:-.8px;min-height:120px;margin:23px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{border:2px solid #090c15;border-bottom-width:6px;border-radius:12px;padding:20px 10px;font-weight:900;font-size:18px;color:#171a25;background:var(--green);transition:transform .12s}.answer.false{background:var(--purple)}.answer:hover:enabled{transform:translateY(-3px)}.answer:disabled{cursor:default;opacity:.45}.answer.selected{opacity:1;outline:3px solid white;outline-offset:3px}.key{font:10px monospace;opacity:.6;display:block;margin-top:8px}.demo-hint{font:11px monospace;text-align:center;color:var(--muted);margin:20px 0 0}.modes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:23px;text-align:left;color:var(--ink);display:flex;gap:18px;align-items:center}.mode:hover{border-color:var(--green);background:#28283a}.mode .glyph{font-size:30px;color:var(--green);width:40px;text-align:center}.mode b{font-size:19px;display:block;margin-bottom:7px}.mode small{color:var(--muted);font-size:13px}.mode .arrow{margin-left:auto;color:var(--green);font-size:24px}.subrow{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0;color:var(--muted);font-size:12px}select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:10px;max-width:210px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;border-top:1px solid var(--line);gap:20px}.stat b{font-size:25px;display:block}.stat span{font:10px monospace;color:var(--muted);letter-spacing:1px}.stat .good{color:var(--green)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0;color:#76758d;font:9px monospace;letter-spacing:1px}.arena{max-width:850px;margin:auto;padding:30px 0}.arena-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.arena-top h2{font-size:22px;margin:0}.round{font:11px monospace;color:var(--muted);margin-top:8px}.players{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:24px}.player{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:12px 3px;text-align:center;position:relative}.player.me{border-color:var(--green)}.avatar{font-size:25px}.player small{display:block;font-size:10px;margin:7px 0}.hearts{color:var(--red);font-size:11px;letter-spacing:1px}.player.dead{opacity:.3;filter:grayscale(1)}.bot-tag{font:8px monospace;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:32px}.card-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.tag{color:var(--purple);font-size:10px}.timer{font:bold 23px monospace;color:var(--green)}.track{height:4px;background:var(--line);border-radius:5px;margin:15px 0 24px;overflow:hidden}.track div{height:100%;background:var(--green);transition:width .15s linear}.statement{font-size:clamp(23px,3.5vw,35px);font-weight:700;line-height:1.3;letter-spacing:-.8px;min-height:115px;display:flex;align-items:center;margin:0 0 25px}.feedback{margin-top:24px;border-top:1px solid var(--line);padding-top:22px;line-height:1.6}.feedback h3{margin:0 0 8px;color:var(--green)}.feedback.wrong h3{color:var(--red)}.feedback p{color:#cbc9d9;margin:7px 0}.feedback a{color:var(--purple);font-size:12px}.feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.primary{background:var(--green);border:2px solid #0b1018;border-bottom-width:5px;border-radius:10px;color:#171a25;font-weight:bold;padding:14px 23px}.notice{font:11px monospace;color:var(--muted);line-height:1.6}.result{text-align:center;max-width:620px;margin:65px auto}.result-icon{font-size:60px}.result h2{font-size:48px;letter-spacing:-2px;margin:18px 0}.result p{color:var(--muted);line-height:1.7}.result .stats{margin:30px 0;text-align:center}.result-actions{display:flex;justify-content:center;gap:15px}.sudden{color:var(--red)}.trial-feedback{font-size:14px;line-height:1.5;margin-top:18px;color:var(--green)}@media(max-width:760px){.shell{padding:0 20px}header{height:74px}.brand small{display:none}.prototype{font-size:9px;letter-spacing:1px}.header-right{gap:10px}.hero{gap:25px;padding:35px 0;grid-template-columns:1fr}.hero h1{font-size:74px;margin:20px 0;letter-spacing:-5px}.intro{font-size:15px;max-width:none}.rule{padding:7px 0}.demo{margin:8px 5px 12px;padding:24px 20px 18px}.demo .question{min-height:65px;font-size:25px}.modes{grid-template-columns:1fr}.mode{padding:18px}.subrow{flex-wrap:wrap}.stats{gap:8px}.stat b{font-size:22px}.stat span{font-size:9px;letter-spacing:0}footer{font-size:8px}footer span:last-child{display:none}.players{grid-template-columns:repeat(4,1fr)}.player{padding:7px 2px}.avatar{font-size:20px}.player small{margin:3px 0}.card{padding:22px 18px}.statement{min-height:110px}.answer{font-size:15px;padding:17px 8px}.arena-top h2{font-size:18px}.feedback-actions{align-items:stretch;flex-direction:column}.result{margin:40px auto}.result h2{font-size:38px}.arena{padding:24px 0}}@media(orientation:landscape) and (max-height:520px){.hero{grid-template-columns:1fr 1fr;padding:25px 0;gap:30px}.hero h1{font-size:60px}.intro{font-size:13px}.rule{display:none}.demo .question{font-size:23px;min-height:60px}.modes{grid-template-columns:1fr 1fr}.mode{padding:15px}.shell>footer{display:none}.players{grid-template-columns:repeat(8,1fr)}.arena{padding:15px 0}.statement{min-height:50px;margin-bottom:15px}.card{padding:20px}.track{margin:8px 0 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.demo{transform:none}}
@media(orientation:landscape) and (max-height:520px){header{height:60px}main:has(.hero){min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:18px 0}.hero{display:contents}.hero>div:first-child{grid-column:1;grid-row:1}.hero .demo{display:none}.hero h1{font-size:52px;margin:12px 0;letter-spacing:-3px}.hero .intro{font-size:12px;line-height:1.5;margin:8px 0}.hero .eyebrow{font-size:9px}.modes{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center}.mode{padding:15px}.mode b{font-size:17px}.mode small{font-size:11px}.subrow{grid-column:2;grid-row:2;margin:0;font-size:10px}.subrow>span{display:none}main:has(.hero)>.stats{grid-column:1;grid-row:2;padding:8px 0}main:has(.hero)>.notice{grid-column:1/-1;font-size:9px;margin:0}.stat b{font-size:20px}}