*{box-sizing:border-box;margin:0;padding:0}body{color:#efeff1;background:#0e0e10;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.app{background:#18181b;border-radius:14px;width:100%;max-width:680px;padding:28px;transition:box-shadow .3s;position:relative;box-shadow:0 0 60px #9147ff26}.app.shake{animation:.4s shake}.app.flash-pos{animation:.6s flashPos}.app.flash-neg{animation:.6s flashNeg}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes flashPos{0%,to{box-shadow:0 0 60px #9147ff26}50%{box-shadow:0 0 80px #00e0b88c}}@keyframes flashNeg{0%,to{box-shadow:0 0 60px #9147ff26}50%{box-shadow:0 0 80px #ff6b6b8c}}h1{background:linear-gradient(90deg,#9147ff,#00e0b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:26px}.subtitle{color:#adadb8;margin-bottom:18px;font-size:13px}.etapa-tag{color:#00e0b8;letter-spacing:.5px;background:#26262c;border-radius:20px;margin-bottom:12px;padding:3px 10px;font-size:11px;display:inline-block}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.stat{background:#0e0e10;border-radius:10px;padding:10px 14px;position:relative;overflow:hidden}.stat .label{color:#adadb8;margin-bottom:3px;font-size:11px;display:block}.stat .value{color:#fff;font-size:17px;font-weight:700;transition:color .3s}.stat .value.up{color:#00e0b8}.stat .value.down{color:#ff6b6b}.stat-bar{background:#2a2a30;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.stat-bar-fill{border-radius:2px;width:0%;height:100%;transition:width .8s cubic-bezier(.2,.9,.3,1)}.bar-audiencia{background:linear-gradient(90deg,#9147ff,#c9a3ff)}.bar-reputacion{background:linear-gradient(90deg,#f5a623,#ffd56b)}.bar-salud{background:linear-gradient(90deg,#00e0b8,#7dffe8)}.bar-dinero{background:linear-gradient(90deg,#4caf50,#a6ff9c)}.float-num{pointer-events:none;z-index:5;font-size:14px;font-weight:700;animation:1.4s ease-out forwards floatUp;position:absolute;top:8px;right:12px}.float-num.pos{color:#00e0b8}.float-num.neg{color:#ff6b6b}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-42px)scale(1)}}.event-text{color:#efeff1;margin-bottom:18px;font-size:16px;line-height:1.55;animation:.35s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.option-grid{gap:10px;display:grid}.choice-btn{color:#efeff1;text-align:left;cursor:pointer;background:#1f1f23;border:1px solid #2f2f36;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:14.5px;line-height:1.4;transition:all .18s;animation:.35s ease-out backwards slideIn}.choice-btn:first-child{animation-delay:50ms}.choice-btn:nth-child(2){animation-delay:.12s}.choice-btn:nth-child(3){animation-delay:.19s}.choice-btn:hover{background:#26262c;border-color:#9147ff;transform:translate(3px)}.choice-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.choice-btn:disabled:hover{background:#1f1f23;border-color:#2f2f36;transform:none}.premios-bar{color:#ffd56b;min-height:16px;margin-bottom:10px;font-size:12px;animation:.4s slideIn}.mg-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mg-modal{text-align:center;background:#18181b;border:1px solid #2f2f36;border-radius:14px;width:100%;max-width:520px;padding:26px;animation:.35s cubic-bezier(.2,1.4,.4,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mg-modal h2{background:linear-gradient(90deg,#9147ff,#00e0b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:20px}.mg-modal p{color:#adadb8;margin-bottom:20px;font-size:13.5px;line-height:1.5}.mg-btn{color:#fff;cursor:pointer;background:#9147ff;border:none;border-radius:10px;margin-top:16px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;transition:all .15s}.mg-btn:hover{background:#a970ff}.mg-btn:disabled{cursor:default;background:#444}.mg-big{width:100%;padding:20px;font-size:18px}.timing-track{background:#0e0e10;border:1px solid #2f2f36;border-radius:8px;height:40px;margin-bottom:8px;position:relative;overflow:hidden}.timing-target{background:linear-gradient(90deg,#00e0b826,#00e0b880,#00e0b826);border-left:2px solid #00e0b8;border-right:2px solid #00e0b8;width:16%;position:absolute;top:0;bottom:0;left:42%}.timing-marker{background:#fff;width:4px;position:absolute;top:0;bottom:0;left:0%;transform:translate(-50%);box-shadow:0 0 12px #fff}.mg-timer{margin-bottom:8px;font-size:22px;font-weight:700}.mg-clicks{color:#adadb8;margin-bottom:12px}.mg-btn.pop{transform:scale(.94)}.mg-wait{background:#444}.mg-go{color:#0e0e10;background:#00e0b8;animation:.7s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.confetti{z-index:200;pointer-events:none;width:10px;height:14px;animation:linear forwards confettiFall;position:fixed;top:-20px}@keyframes confettiFall{to{opacity:.2;transform:translateY(105vh)rotate(720deg)}}.resultado{text-align:center}.resultado .rango{background:linear-gradient(90deg,#9147ff,#00e0b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:18px 0 8px;font-size:30px;font-weight:700}.final-stats{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.final-stats .stat{text-align:left}.restart{color:#efeff1;cursor:pointer;background:#26262c;border:1px solid #3a3a3d;border-radius:10px;width:100%;margin-top:12px;padding:14px;font-family:inherit;font-size:15px;transition:all .15s}.restart:hover{background:#9147ff;border-color:#9147ff}