:root{--azul: #2e77ff;--azul-oscuro: #1a4fb4;--verde: #26c281;--verde-oscuro: #16966a;--amarillo: #ffd23f;--naranja: #ff8a3d;--rojo: #ff5a5a;--morado: #9b5cff;--rosa: #ff6fb5;--crema: #fff7e6;--tinta: #26324d;--tinta-suave: #55607a;--sombra: 0 8px 0 rgba(0, 0, 0, .12);--sombra-suave: 0 6px 20px rgba(38, 50, 77, .15);--radio: 22px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:"Baloo 2",Nunito,Trebuchet MS,system-ui,-apple-system,sans-serif;color:var(--tinta);background:linear-gradient(160deg,#eaf3ff,#f4ecff 55%,#fff3e6);-webkit-tap-highlight-color:transparent;font-size:20px;line-height:1.4}h1,h2,h3{margin:0 0 .4em;line-height:1.15}h1{font-size:clamp(1.9rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}.pantalla{max-width:960px;margin:0 auto;padding:clamp(16px,3vw,32px);min-height:100vh;display:flex;flex-direction:column}.centro{align-items:center;justify-content:center;text-align:center;gap:20px}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card{background:#fff;border-radius:var(--radio);padding:clamp(18px,3vw,28px);box-shadow:var(--sombra-suave)}button{font-family:inherit;cursor:pointer}@keyframes btn-pop{0%{transform:scale(.85);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes btn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn{border:none;border-radius:var(--radio);padding:18px 28px;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:800;color:#fff;background:var(--azul);box-shadow:var(--sombra);transition:transform .08s ease,filter .15s ease;min-height:64px;min-width:64px;display:inline-flex;align-items:center;justify-content:center;gap:10px;animation:btn-pop .22s ease-out}.btn:hover{transform:translateY(-2px)}.btn:disabled{filter:grayscale(.5) opacity(.6);cursor:not-allowed;animation:none}.btn--grande{padding:22px 40px;font-size:clamp(1.3rem,3vw,1.8rem);min-height:78px;animation:btn-pop .22s ease-out,btn-bob 2s ease-in-out .3s infinite}.btn:active,.btn--grande:active{transform:translateY(4px) scale(.97);box-shadow:0 4px #0000001f;animation:none}@media (prefers-reduced-motion: reduce){.btn,.btn--grande{animation:none}.btn:hover{transform:none}}.btn--verde{background:var(--verde)}.btn--amarillo{background:var(--amarillo);color:var(--tinta)}.btn--naranja{background:var(--naranja)}.btn--morado{background:var(--morado)}.btn--fantasma{background:#fff;color:var(--tinta);box-shadow:inset 0 0 0 3px #e3e8f5}@keyframes dino-feliz{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes dino-triste{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}.barra{width:100%;height:26px;background:#e6ebfa;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #00000014}.barra__relleno{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--verde),var(--amarillo));transition:width .4s ease;min-width:4px}.boleto{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#fff;border-radius:var(--radio);padding:22px 16px 18px;box-shadow:var(--sombra-suave);border:4px dashed var(--boleto-color, var(--amarillo));overflow:hidden}.boleto:before,.boleto:after{content:"";position:absolute;top:50%;width:26px;height:26px;background:var(--crema);border-radius:50%;transform:translateY(-50%)}.boleto:before{left:-16px}.boleto:after{right:-16px}.boleto__precio{display:inline-flex;align-items:center;gap:6px;background:var(--boleto-color, var(--amarillo));color:var(--tinta);font-weight:900;font-size:1.5rem;border-radius:999px;padding:6px 18px}.boleto--nope{opacity:.6;filter:saturate(.7)}.estrellas{font-size:1.6rem;letter-spacing:2px}.texto-suave{color:var(--tinta-suave)}.pastilla{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 16px;font-weight:800;box-shadow:var(--sombra-suave)}.grid-opciones{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.grid-opciones{grid-template-columns:1fr 1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}