@font-face{font-family:TerpelSans;font-weight:300;src:url(/art/fuentes/TerpelSans-Light.woff2) format("woff2");font-display:swap}@font-face{font-family:TerpelSans;font-weight:400;src:url(/art/fuentes/TerpelSans-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:TerpelSans;font-weight:700;src:url(/art/fuentes/TerpelSans-Bold.woff2) format("woff2");font-display:swap}@font-face{font-family:TerpelSans;font-weight:900;src:url(/art/fuentes/TerpelSans-Black.woff2) format("woff2");font-display:swap}@font-face{font-family:TerpelSans Display;font-weight:400;src:url(/art/fuentes/TerpelSans-Display.woff2) format("woff2");font-display:swap}:root{--k: .2;--sx: 0px;--sy: 0px;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--rojo: #E62A10;--amarillo: #FFE500;--cielo: #0D8FFD;--display: "TerpelSans Display", "TerpelSans", "Arial Black", Impact, sans-serif;--texto: "TerpelSans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;inset:0;background:var(--cielo);font-family:var(--texto);overscroll-behavior:none;-webkit-text-size-adjust:100%}#app{position:fixed;inset:0;overflow:hidden}.screen{position:absolute;inset:0;display:none;overflow:hidden}.screen.is-active{display:block}.screen.bare{background:#0b1620}.bg{position:absolute;inset:0;background:var(--cielo) center / cover no-repeat}[data-bg=carretera] .bg{background-image:url(/art/fondo-carretera-1080x1920.webp)}[data-bg=pueblo] .bg{background-image:url(/art/fondo-pueblo-1080x1920.webp)}[data-bg=pueblo-oscuro] .bg{background-image:url(/art/fondo-pueblo-oscuro-1080x1920.webp)}.no-webp [data-bg=carretera] .bg{background-image:url(/art/fondo-carretera-1080x1920.jpg)}.no-webp [data-bg=pueblo] .bg{background-image:url(/art/fondo-pueblo-1080x1920.jpg)}.no-webp [data-bg=pueblo-oscuro] .bg{background-image:url(/art/fondo-pueblo-oscuro-1080x1920.jpg)}.stage{position:absolute;left:50%;top:50%;width:1080px;height:1920px;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(var(--k));transform-origin:50% 50%}.stage>*{position:absolute;margin:0}.logo-ml{left:62px;top:150px;width:360px}.logo-eer{left:68px;top:290px;width:945px}.logo-eer.sm{left:668px;top:135px;width:312px}.btn{left:50%;transform:translate(-50%);border:8px solid #F4F0E6;border-radius:999px;background:linear-gradient(180deg,#ff3d08,#ff4008 45%,#fcab16);box-shadow:0 14px 26px #00000059;color:#fff;font-family:var(--display);font-weight:400;letter-spacing:0;white-space:nowrap;line-height:1;padding:0 40px;cursor:pointer;touch-action:manipulation}.btn.xl{width:900px;height:215px;font-size:132px}.btn.lg{width:583px;height:129px;font-size:68px}.btn:active{background:linear-gradient(180deg,#ff0818 0% 45%,#ffe500);transform:translate(-50%) translateY(3px)}.btn:disabled{opacity:.5;cursor:default}.volver{left:50%;transform:translate(-50%);width:460px;height:64px;border:4px solid #F4F0E6;border-radius:999px;background:linear-gradient(180deg,#ff3d08,#ff4008 45%,#fcab16);box-shadow:0 8px 16px #0000004d;color:#fff;font-family:var(--display);font-size:42px;line-height:1;padding:0 18px;white-space:nowrap;cursor:pointer;touch-action:manipulation}.volver:before{content:"(";margin-right:6px}.volver:after{content:")";margin-left:6px}.campo{left:143px;width:794px;height:86px;border:4px solid var(--rojo);border-radius:43px;background:#fff;color:#222;font-family:var(--texto);font-weight:300;font-size:48px;padding:0 34px;outline:none;-webkit-appearance:none;appearance:none}.campo::placeholder{color:#9a9a9a;opacity:1}.campo:focus{border-color:var(--amarillo);box-shadow:0 0 0 6px #ffe50059}.campo[hidden]{display:none}.vehiculos{left:143px;width:794px;height:169px;display:flex;justify-content:space-between}.veh{position:relative;width:366px;height:169px;background:var(--rojo);border:3px solid #fff;border-radius:22px;padding:0 22px 0 30px;cursor:pointer;touch-action:manipulation;display:flex;align-items:center}.veh .radio{flex:none}.veh img{flex:none;margin:0 auto;max-height:118px;max-width:200px;width:auto;height:auto}.veh:disabled,.veh.is-off{opacity:.35;cursor:not-allowed;filter:grayscale(1)}.radio{display:inline-block;width:62px;height:62px;border-radius:50%;border:6px solid #fff;background:transparent;flex:none}.is-on>.radio,:checked+.radio{background:#fff}.veh .radio{position:relative}.veh.is-on>.radio:after{content:"";position:absolute;left:50%;top:44%;width:15px;height:29px;border:solid var(--rojo);border-width:0 8px 8px 0;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}.casilla{left:143px;width:794px;height:86px;background:var(--rojo);border:3px solid #fff;border-radius:43px;color:#fff;font-family:var(--texto);font-weight:400;font-size:35px;line-height:1;display:flex;align-items:center;gap:20px;padding:0 16px 0 14px;cursor:pointer;white-space:nowrap}.casilla input{position:absolute;opacity:0;width:0;height:0}.casilla .radio{width:58px;height:58px}.titulo{left:0;width:1080px;text-align:center;font-family:var(--display);font-weight:400;font-size:104px;line-height:1.08;color:#fff}.err{left:90px;width:900px;min-height:40px;text-align:center;color:var(--amarillo);font-weight:700;font-size:34px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.7)}.err[hidden]{display:none}.punto{left:90px;width:900px;top:1700px;text-align:center;color:#fff;font-weight:400;font-size:32px;text-shadow:0 2px 8px rgba(0,0,0,.7)}.intentos{left:90px;width:900px;text-align:center;color:#fff;font-weight:700;font-size:34px;text-shadow:0 2px 8px rgba(0,0,0,.7)}#tyc-modal{position:fixed;inset:0;z-index:450;overflow:hidden;background:#062850}#tyc-modal[hidden]{display:none}.legal{left:134px;top:543px;width:812px;height:844px;background:#1414148c;border-radius:34px;padding:44px 40px;color:#fff;font-family:var(--texto);font-weight:400;font-size:30px;line-height:1.3;white-space:pre-wrap;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.provisional{left:134px;top:1392px;width:812px;text-align:center;color:var(--amarillo);font-weight:700;font-size:26px;text-shadow:0 2px 6px rgba(0,0,0,.7)}.provisional[hidden]{display:none}.paso{left:160px;width:760px;height:210px;background:url(/art/tarjeta-paso-683x297.png) center / 100% 100% no-repeat}.paso b{position:absolute;left:40px;top:50%;transform:translateY(-50%);font-family:var(--display);font-weight:400;font-size:110px;line-height:1;color:var(--rojo)}.paso span{position:absolute;left:150px;right:44px;top:50%;transform:translateY(-50%);font-family:var(--texto);font-weight:400;font-size:37px;line-height:1.15;color:#1a1a1a}.paso.grande{height:260px}#s-howto .paso{height:172px}#s-howto .paso.grande{height:232px}#s-howto .paso b{font-size:96px}#s-howto .paso span{font-size:33px;line-height:1.13}#s-howto .paso .items{margin-bottom:6px}#s-howto .paso .items img{height:52px}.paso .items{display:block;margin-bottom:10px;font-style:normal}.paso .items img{height:62px;width:auto;margin-right:22px;vertical-align:middle}#r-title{font-size:100px}#go-tyc{font-size:58px}.panel{left:71px;width:939px;background:var(--rojo);border-radius:44px;color:#fff;text-align:center}.panel h2{position:absolute;left:0;width:100%;top:58px;margin:0;font-family:var(--display);font-weight:400;font-size:72px;line-height:1}.panel h2.rk{top:34px;font-size:68px}.panel .score{position:absolute;left:122px;top:189px;width:694px;height:171px;background:#fff;border-radius:30px;color:var(--rojo);font-family:var(--display);font-size:112px;line-height:171px}.panel .estado{position:absolute;left:40px;right:40px;top:366px;margin:0;font-weight:400;font-size:25px;line-height:1.2;color:#fff}.tabla{position:absolute;left:58px;top:125px;width:828px;height:299px;background:#fff;border-radius:20px;padding:8px 14px;overflow:hidden;color:#1a1a1a;text-align:left}.tabla .cab,.tabla li{display:grid;grid-template-columns:150px 1fr 160px;align-items:center}.tabla .cab{color:var(--rojo);font-weight:700;font-size:22px;height:34px;text-align:center}.tabla .cab span:nth-child(2){text-align:left;padding-left:16px}.tabla ol{list-style:none;margin:0;padding:0}.tabla li{height:37px;font-size:24px;border-top:1px solid #ddd}.tabla li.vacia{border-color:#e6e6e6}.tabla li b{text-align:center;font-weight:700;color:#666}.tabla li span{padding-left:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabla li em{font-style:normal;font-weight:700;text-align:center}.tabla li.yo{background:var(--amarillo)}.tabla .aviso{margin:8px 0 0;font-size:22px;color:#666;text-align:center;line-height:1.2}.tabla .aviso:empty{display:none}#modal{position:fixed;inset:0;z-index:400;overflow:hidden;background:#0b1620}#modal .bg:after,#tyc-modal .bg:after{content:"";position:absolute;inset:0;background:#0614286b}#modal[hidden]{display:none}.cubo{left:340px;top:620px;width:400px;height:400px;background:url(/art/cubo-mensaje-400x400.png) center / 100% 100% no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:#fff;font-family:var(--display);font-size:58px;line-height:1.04;text-transform:uppercase;white-space:pre-line}.detalle{left:120px;top:1060px;width:840px;text-align:center;color:#fff;font-weight:400;font-size:34px;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.7)}#modal-btn{top:1210px}.screen.bare{background:var(--cielo)}#canvas-host{position:absolute;inset:0}#canvas-host canvas{display:block;touch-action:none}#cargando-juego{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease-out}#cargando-juego[hidden]{display:none}#cargando-juego.se-va{opacity:0;pointer-events:none}#cargando-juego .busy-box{position:relative}#rotate{position:fixed;inset:0;z-index:500;display:none;overflow:hidden}body.girado #s-game.is-active,body.girado #s-result.is-active{inset:0 auto auto 0;width:var(--gw);height:var(--gh);transform-origin:0 0;transform:translate(var(--gh)) rotate(90deg)}body.girado #busy .busy-box{transform:rotate(90deg)}body.aviso-girar #rotate{display:block;animation:aviso-girar 2s ease-in forwards;pointer-events:none}@keyframes aviso-girar{0%,75%{opacity:1}to{opacity:0}}body.rotate-v #rotate{display:block}.girar{left:230px;top:470px;width:620px}.gira1{left:0;width:1080px;top:1116px;text-align:center;color:#fff;font-family:var(--display);font-size:96px;line-height:1;white-space:nowrap}.gira2{left:0;width:1080px;top:1250px;text-align:center;color:#fff;font-family:var(--display);font-size:78px;line-height:1;white-space:nowrap}#avisos{position:fixed;inset:0;z-index:750;pointer-events:none;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--sat, 0px) + 14px) 14px 0}body.girado #avisos.acostado{inset:0 auto auto 0;width:var(--gw);height:var(--gh);transform-origin:0 0;transform:translate(var(--gh)) rotate(90deg);padding-top:14px}.aviso-corto{max-width:520px;background:#fff;color:#1d2733;border-left:6px solid var(--rojo);border-radius:14px;padding:12px 16px;font-weight:700;font-size:15px;line-height:1.25;text-align:left;box-shadow:0 10px 28px #00000061;opacity:0;transform:translateY(-16px);transition:opacity .25s ease-out,transform .25s ease-out}.aviso-corto.se-ve{opacity:1;transform:none}.aviso-corto.es-error{background:var(--rojo);color:#fff;border-left-color:var(--amarillo);font-size:16px}.campo.is-mal{border-color:var(--amarillo);box-shadow:0 0 0 8px #ffe5008c;animation:sacude .32s ease-in-out}.casilla.is-mal{outline:6px solid var(--amarillo);outline-offset:4px;border-radius:40px;animation:sacude .32s ease-in-out}@keyframes sacude{0%,to{translate:0}25%{translate:-14px}50%{translate:12px}75%{translate:-6px}}@media(prefers-reduced-motion:reduce){.campo.is-mal,.casilla.is-mal{animation:none}}#busy{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;background:#0b162099}#busy[hidden]{display:none}.busy-box{background:#fff;color:#1d2733;border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;box-shadow:0 10px 30px #0006;max-width:80vw}.busy-box p{margin:0}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(230,42,16,.2);border-top-color:var(--rojo);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}#demo-tag{position:fixed;top:max(6px,env(safe-area-inset-top));right:8px;z-index:700;background:#0000008c;color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:4px 10px;pointer-events:none}#demo-tag[hidden],body.in-game #demo-tag{display:none}.screen.desktop .bg{background-size:auto 100%}.desktop-texto{left:90px;top:1180px;width:900px;text-align:center;color:#fff;font-weight:700;font-size:40px;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.7)}.volver.saltar{font-size:36px}.volver.saltar:before,.volver.saltar:after{content:none}.volver[hidden]{display:none}@keyframes entra{0%{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy) + 28px)) scale(var(--k))}to{opacity:1;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(var(--k))}}@keyframes entraPaso{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes latido{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.035)}}@keyframes pop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes emerge{0%{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(calc(var(--k) * .9))}to{opacity:1;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(var(--k))}}@keyframes filaEntra{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes brillo{0%{filter:brightness(1)}40%{filter:brightness(1.35)}to{filter:brightness(1)}}.screen.is-active .stage{animation:entra .38s cubic-bezier(.2,.7,.2,1) both}.screen.is-active .paso{animation:entraPaso .45s cubic-bezier(.2,.7,.2,1) both}.screen.is-active .paso:nth-of-type(2){animation-delay:.08s}.screen.is-active .paso:nth-of-type(3){animation-delay:.16s}.screen.is-active .paso:nth-of-type(4){animation-delay:.24s}.screen.is-active .paso:nth-of-type(5){animation-delay:.32s}.btn.xl,.btn.lg{animation:latido 2.6s ease-in-out infinite}.btn:active{animation:none}.veh.is-on{animation:pop .28s ease-out}.casilla input:checked+.radio{animation:pop .28s ease-out}#tyc-modal:not([hidden]) .stage,#modal:not([hidden]) .stage{animation:emerge .3s cubic-bezier(.2,.7,.2,1) both}.tabla li{animation:filaEntra .35s ease-out both}.tabla li:nth-child(2){animation-delay:.05s}.tabla li:nth-child(3){animation-delay:.1s}.tabla li:nth-child(4){animation-delay:.15s}.tabla li:nth-child(5){animation-delay:.2s}.tabla li:nth-child(6){animation-delay:.25s}.tabla li:nth-child(7){animation-delay:.3s}.panel .score.confirmado{animation:brillo .6s ease-out}.panel .score.provisional{color:#c9200c}@media(prefers-reduced-motion:reduce){.screen.is-active .stage,.screen.is-active .paso,.btn.xl,.btn.lg,.veh.is-on,.casilla input:checked+.radio,#tyc-modal:not([hidden]) .stage,#modal:not([hidden]) .stage,.tabla li,.panel .score.confirmado{animation:none}}body.apaisado #s-result .stage{width:1920px;height:1080px;animation:none;transform:translate(calc(-50% + var(--hx, 0px)),calc(-50% + var(--hy, 0px))) scale(var(--kh))}body.apaisado #s-result .logo-ml{left:70px!important;top:46px!important;width:300px!important}body.apaisado #s-result .logo-eer.sm{left:1590px!important;top:40px!important;width:260px!important}body.apaisado #s-result #r-title{top:44px!important;width:1920px!important;font-size:84px!important}body.apaisado #s-result .panel{width:800px!important}body.apaisado #s-result .panel:nth-of-type(1){left:90px!important;top:190px!important;height:380px!important}body.apaisado #s-result .panel:nth-of-type(1) h2{top:40px!important}body.apaisado #s-result .panel .score{left:53px!important;top:148px!important}body.apaisado #s-result .panel .estado{top:328px!important}body.apaisado #s-result .panel:nth-of-type(2){left:1030px!important;top:190px!important;height:463px!important}body.apaisado #s-result .tabla{left:50px!important;width:700px!important}body.apaisado #s-result #r-reject{left:90px!important;width:800px!important;top:585px!important}body.apaisado #s-result #again{left:490px!important;top:660px!important}body.apaisado #s-result #logout{left:490px!important;top:830px!important}#logout[hidden],#again[hidden],#go-a-jugar[hidden],.campo[hidden],.btn[hidden]{display:none}body.apaisado #demo-tag{top:auto;bottom:max(6px,env(safe-area-inset-bottom))}
