@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap";@keyframes fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(620px)rotate(720deg)}}.form-input,.form-option{letter-spacing:1.5px;font-family:system-ui,-apple-system,sans-serif;font-weight:500}.app-shell{box-sizing:border-box;background:linear-gradient(160deg,#0a1628 0%,#0d2244 50%,#0a1628 100%);width:100%;min-height:100vh;margin:auto;font-family:system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.app-shell.sd-background{background-image:url(/fondo-v-205.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.app-shell.screen1b{background-image:url(/game2-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.screen-container{flex-direction:column;align-items:center;padding-top:1rem;display:flex}@media screen and (width<=540px){.screen-container{padding-top:0}}.toast{fontSize:13px;z-index:100;whiteSpace:nowrap;pointer-events:none;opacity:0;background:#14325af2;border-radius:10px;padding:10px 20px;transition:transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(60px)}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{color:#80e8a8;border:1px solid #40d88099}.toast.error{color:#f08080;border:1px solid #f0505099}.logoss{max-height:200px;margin:auto;position:absolute;top:10px}@media screen and (width<=540px){.logoss{max-height:80px}}.logo-container{box-sizing:border-box;text-align:center;z-index:99;width:90%;height:auto;padding-top:200px}@media screen and (width<=540px){.logo-container{padding-top:80px}}.logo-container .logo-image{object-fit:contain;width:65%;margin-top:-3.5rem}@media screen and (width<=540px){.logo-container .logo-image{margin-top:-1rem}}.logo-container .logo-prefix{fontSize:13px;color:#90b8e8;letterSpacing:2px;text-transform:uppercase;display:none}.logo-container .logo-main{fontSize:42px;fontWeight:700;color:#f0c040;letterSpacing:4px;lineHeight:1;display:none}.logo-container .logo-suffix{fontSize:18px;color:#c0d8f0;letterSpacing:3px;text-transform:uppercase;display:none}.screen1{box-sizing:border-box}.screen1 .form-container{box-sizing:border-box;background-color:#0000;width:90%;padding:0 2.5rem}@media screen and (width<=540px){.screen1 .form-container{width:calc(100% - 30px);padding:0 .5rem}}.screen1 .form-container .form-instruction{text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;text-shadow:0 0 8px #fff9;box-sizing:border-box;background:#282d3799;border:2px solid #fff6;border-radius:18px;margin:20px 0;padding:18px 30px;font-size:36px;font-weight:700;box-shadow:inset 0 0 10px #fff3,0 6px 20px #000000b3}@media screen and (width<=540px){.screen1 .form-container .form-instruction{border-width:1px;border-radius:10px;margin:5px 0;padding:9px 5px;font-size:18px}}.screen1 .form-container .form-fields{box-sizing:border-box;border-radius:3rem;flex-direction:column;gap:10px;width:99%;margin:0 auto;padding:1rem 3rem;display:flex}@media screen and (width<=540px){.screen1 .form-container .form-fields{border-radius:10px;gap:9px;width:100%;margin-top:1rem;padding:1rem}}.screen1 .form-container .form-fields .input-group{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#282d37a6;border:1px solid #ffffff59;border-radius:18px;align-items:center;height:50px;padding:0 20px;display:flex;position:relative;box-shadow:inset 0 0 8px #ffffff26,0 4px 12px #0009}@media screen and (width<=540px){.screen1 .form-container .form-fields .input-group{border-radius:9px;height:30px}}.screen1 .form-container .form-fields .input-icon{color:#e0e0e0;opacity:.9;margin-right:18px;font-size:22.4px}@media screen and (width<=540px){.screen1 .form-container .form-fields .input-icon{margin-right:10px;font-size:18px}}.screen1 .form-container .form-fields .input-group:focus-within{border:2px solid #ffd94d;box-shadow:0 0 12px #ffd94d99,inset 0 0 10px #fff3}.screen1 .form-container .form-fields .form-input{box-sizing:border-box;color:#fff;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0;font-size:28px}.screen1 .form-container .form-fields .form-input::placeholder{color:#ffffffbf;font-weight:500}@media screen and (width<=540px){.screen1 .form-container .form-fields .form-input{font-size:14px}}.screen1 .form-container .form-fields .form-error{color:#ff4d4d;text-align:center;font-size:26px}@media screen and (width<=540px){.screen1 .form-container .form-fields .form-error{font-size:14px}}.screen1 .form-container .form-fields .btn-jugar{letter-spacing:2px;color:#000;cursor:pointer;background:linear-gradient(#ffd94d 0%,#ffb800 30%,#f90 100%);border:none;border-radius:20px;height:80px;margin-top:10px;font-size:42px;font-weight:700;transition:all .2s;box-shadow:inset 0 4px 10px #fff9,inset 0 -6px 12px #0006,0 6px 20px #000c}@media screen and (width<=540px){.screen1 .form-container .form-fields .btn-jugar{border-radius:10px;height:40px;margin-top:10px;font-size:20px}}.screen1 .form-container .form-fields .btn-jugar:active{transform:scale(.97);box-shadow:inset 0 2px 6px #00000080,0 3px 10px #0009}.screen1 .form-container .decorative-icons{flex-wrap:wrap;justify-content:right;gap:8px;margin-top:10px;display:flex;position:relative}.screen1 .form-container .decorative-icons img{width:64%}.screen1 .form-container .decorative-icons .logo-meguiars{width:220px;height:auto;position:absolute;top:0;left:0}@media screen and (width<=540px){.screen1 .form-container .decorative-icons .logo-meguiars{width:110px}}.screen1 .form-container .decorative-icons .icon-box{fontSize:22px;background:#ffffff14;border:1px solid #64a0dc4d;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.win-screen{text-align:center;justify-content:center;min-height:600px;position:relative;overflow:hidden}.win-screen .logos{flex-wrap:wrap;justify-content:center;margin-top:0;display:flex}@media screen and (width<=540px){.win-screen .logos{margin-top:.6rem}}.win-screen .logos .logoss{max-height:150px;position:relative}@media screen and (width<=540px){.win-screen .logos .logoss{max-height:80px}}.win-screen .logos .logo-container{margin-bottom:3rem;padding-top:5rem}@media screen and (width<=540px){.win-screen .logos .logo-container{margin-bottom:1rem;padding-top:2rem}}.win-screen .logos .logo-container img{width:auto;height:260px}@media screen and (width<=540px){.win-screen .logos .logo-container img{height:130px}}.win-screen .confetti-piece{animation:fall var(--fall-duration) var(--fall-delay) linear forwards;pointer-events:none;border-radius:2px;position:absolute;top:0}.win-screen .win-banner{background:linear-gradient(135deg,#888b8d,#888b8d80);border:1px solid #ffd100;border-radius:20px;margin-bottom:24px;padding:30px;box-shadow:0 0 10px #ffd100,0 0 2px #fff9}@media screen and (width<=540px){.win-screen .win-banner{border-radius:10px;padding:20px}}.win-screen .win-banner .win-title{color:#ffd100;letter-spacing:4px;text-align:center;font-size:50px;font-weight:700;line-height:1}@media screen and (width<=540px){.win-screen .win-banner .win-title{font-size:32px}}.win-screen .win-banner .win-subtitle{color:#ffd100;text-align:center;margin-top:8px;font-size:40px}@media screen and (width<=540px){.win-screen .win-banner .win-subtitle{font-size:14px}}.win-screen .agotado .win-title{font-size:54px}@media screen and (width<=540px){.win-screen .agotado .win-title{font-size:22px}}.win-screen .agotado .win-subtitle{font-size:40px}@media screen and (width<=540px){.win-screen .agotado .win-subtitle{font-size:24px}}.win-screen .stars{letter-spacing:8px;color:#f0c040;margin-bottom:20px;font-size:36px}@media screen and (width<=540px){.win-screen .stars{font-size:18px}}.win-screen .master-title{color:#e0eaf8;text-align:center;margin-bottom:8px;font-size:36px;font-weight:600}@media screen and (width<=540px){.win-screen .master-title{font-size:18px}}.win-screen .tanks{font-size:72px}@media screen and (width<=540px){.win-screen .tanks{font-size:27px}}.win-screen .master-description{color:#edf0f3;text-align:center;max-width:80%;margin-bottom:24px;font-size:28px;line-height:1.5}@media screen and (width<=540px){.win-screen .master-description{max-width:90%;font-size:14px}}.win-screen .final-products{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:none}.win-screen .final-products .final-product-box{background:#ffffff14;border:1px solid #40d88066;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.win-screen .btn-restart{color:#ffd100;cursor:pointer;background:#ffffff14;border:1px solid #64a0dc66;border-radius:10px;padding:24px 50px;font-size:36px;transition:background .2s}@media screen and (width<=540px){.win-screen .btn-restart{margin-bottom:2rem;padding:12px 32px;font-size:18px}}.win-screen .btn-restart:hover{background:#ffffff1f}.win-screen .emoji-sad{filter:drop-shadow(0 0 4px #ffc80099);width:80px;height:80px;margin:auto;transition:transform .2s;display:block}@media screen and (width<=540px){.win-screen .emoji-sad{width:40px;height:40px}}.win-screen .emoji-sad:hover{transform:scale(1.1)}.win-screen .logosvarios{width:90%;margin-top:1rem}@media screen and (width<=540px){.win-screen .logosvarios{width:94%;max-width:none;margin-top:-1rem}}.win-screen .logosvarios img{width:100%;height:auto}.timer-bar-container{background:#ffffff26;border-radius:8px;width:90%;height:18px;margin:0 auto 1rem;position:relative}@media screen and (width<=540px){.timer-bar-container{height:10px}}.timer-bar{background:linear-gradient(90deg,#b5a24a 10%,#888b8d 80%);border-radius:8px;height:100%;transition:width 1s linear,background .3s}.timer-bar.timer-urgent{background:linear-gradient(90deg,#da291c,#f0c040);animation:.5s infinite alternate pulse}.timer-label{color:#fff;font-size:28px;position:absolute;top:-10px;right:8px}@media screen and (width<=540px){.timer-label{font-size:14px;top:-6px}}.timer-urgent-text{color:#f06080}@keyframes pulse{0%{opacity:1}to{opacity:.6}}.screen-debug{color:#0fc;text-align:center;z-index:99999;pointer-events:none;background:#000000b3;width:100%;padding:4px 0;font-size:50px;display:none;position:fixed;top:0;left:0}.screen-container{box-sizing:border-box;background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;display:flex}.screen2{flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex;position:relative}.screen2 .logos{box-sizing:border-box;justify-content:space-around;margin-bottom:0;padding:.5rem 2rem;display:flex;position:relative}@media screen and (width<=540px){.screen2 .logos{padding:.5rem 1rem}}.screen2 .logos .logoss{box-sizing:border-box;flex:0 0 50%;height:auto;max-height:140px;margin:0;padding:0;position:relative;top:0}@media screen and (width<=540px){.screen2 .logos .logoss{max-height:80px}}.screen2 .logos .logo-container{box-sizing:border-box;flex:0 0 42%;width:auto;margin:0;padding:0 0 0 1.2rem;position:relative}.screen2 .logos .logo-container .logo-image{width:auto;height:150px;margin:0;padding:0}@media screen and (width<=540px){.screen2 .logos .logo-container .logo-image{height:100px}}.game-header{text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:10px;font-family:Arial Black,Inter,sans-serif;display:flex}@media screen and (width<=540px){.game-header{padding:0 10px}}.game-header .game-icon{filter:drop-shadow(0 0 8px #d4af3799);font-size:2.5rem}.game-header .game-title{text-align:center;background-color:#000c;border-radius:30px;padding:10px 20px}@media screen and (width<=540px){.game-header .game-title{padding:5px 0}}.game-header .game-title span{letter-spacing:1px;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 2px #d4af37cc)drop-shadow(0 0 10px #c4123066);background:linear-gradient(#fff 20%,#f9e8a2 60%,#d4af37 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:36px;font-weight:700;display:flex}@media screen and (width<=540px){.game-header .game-title span{font-size:19.6px}}.game-header .game-title .highlight{color:#d4af37;text-shadow:0 0 5px #d4af37cc,0 0 10px #d4af3799}.game-subtitle{color:#fff;text-align:center;background-color:#1110;border-radius:100%;margin-bottom:30px;padding:0 0;font-size:28.8px}@media screen and (width<=540px){.game-subtitle{margin-bottom:15px;font-size:18px}}.game-subtitle span{background-color:#000;border-radius:20px;padding:0}.progress-container{gap:15px;margin:10px 0 16px;display:flex}@media screen and (width<=540px){.progress-container{gap:8px;margin:0}}.progress-container .progress-dot{background:#888b8d66;border:1px solid #888b8d;border-radius:50%;width:30px;height:30px}.progress-container .progress-dot.active{background:#ffd100;border-color:#0000}@media screen and (width<=540px){.progress-container .progress-dot{width:10px;height:10px}}.car-area{aspect-ratio:340/200;width:96%;margin-top:5px;margin-bottom:0;position:relative}@media screen and (width<=540px){.car-area{margin-top:20px}}.car-area .car-svg{width:100%;height:100%;display:none}.car-area .drop-zone{touch-action:none;cursor:pointer;box-sizing:border-box;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,filter .18s,background .18s,border-color .18s;display:flex;position:absolute;transform:translate(-50%,-50%)}.car-area .drop-zone .zone-emoji{box-sizing:border-box;width:120px;font-size:56px}.car-area .drop-zone .zone-emoji.solved{font-size:28px}@media screen and (width<=540px){.car-area .drop-zone .zone-emoji{width:50px;font-size:14px}.car-area .drop-zone .zone-emoji.solved{font-size:18px}}.car-area .drop-zone .zone-label{color:#a7a499;text-transform:uppercase;text-align:center;font-size:28px}@media screen and (width<=540px){.car-area .drop-zone .zone-label{font-size:11.2px}}.car-area .drop-zone.dragover{filter:brightness(1.12);background:#da37374d;border:2px dashed #ffd700f2;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 6px #ffffff2e,0 0 24px #ffd70073}.car-area .drop-zone.correct{background:#fed9004d;border:1px solid #da291c;padding:10px 20px;box-shadow:0 0 18px #3cdc7873}.car-area .drop-zone.wrong{background:#dc282833;border:2px solid #f04040;animation:.3s shake;box-shadow:0 0 18px #ff505073}.game-instruction{color:#f9cf30;text-align:center;margin-top:1rem;margin-bottom:0;font-size:36px}@media screen and (width<=540px){.game-instruction{padding:0 0;font-size:14px}}.inventory-title{color:#c9af57;text-transform:uppercase;margin-bottom:8px;font-size:clamp(10px,1.6vw,13px);display:none}.inventory-container{touch-action:none;background:#ffffff0a;border-radius:12px;flex-wrap:nowrap;justify-content:center;gap:15px;width:100%;padding:10px;display:flex;overflow-x:auto}@media screen and (width<=540px){.inventory-container{gap:14px}}.product-item{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;align-items:center;width:130px;display:flex}@media screen and (width<=540px){.product-item{width:50px!important}}.product-item .product-icon-box{aspect-ratio:1;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:5px 8px;font-size:56px;display:flex}@media screen and (width<=540px){.product-item .product-icon-box{padding:7px;font-size:28px}}.product-item .product-icon-box img{width:auto;height:130px}@media screen and (width<=540px){.product-item .product-icon-box img{height:80px}}.product-item .product-name{text-align:center;color:#f0f0db;font-size:19.6px}@media screen and (width<=540px){.product-item .product-name{font-size:8.4px}}.product-item.used{opacity:.25;pointer-events:none}@keyframes shake{0%,to{transform:translate(-50%,-50%)translate(0)}25%{transform:translate(-50%,-50%)translate(-4px)}75%{transform:translate(-50%,-50%)translate(4px)}}.screen-container.screen1b{box-sizing:border-box;flex-flow:wrap;justify-content:center;align-items:flex-start;padding:5px;position:relative}.screen-container.screen1b img.logoss{width:70%;max-height:none;margin:1rem 0 0;position:relative}.screen-container.screen1b .logo-container{margin:0;padding:0}.screen-container.screen1b .logo-container img{width:55%;max-width:none;height:auto;margin-top:-2rem}.screen-container.screen1b .form-container{width:100%;max-width:100%;margin:0 auto 4rem}.screen-container.screen1b .form-container .form-instruction{text-transform:uppercase;box-shadow:none;text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0;font-size:32.4px;font-style:italic;font-weight:700}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-instruction{font-size:14px}}.screen-container.screen1b .form-container .form-instruction span{background-color:#0009;border-radius:10px;padding:0 .5em}.screen-container.screen1b .form-container .form-fields{box-sizing:border-box;border:none;flex-direction:column;gap:10px;width:80%;display:flex}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields{gap:5px}}.screen-container.screen1b .form-container .form-fields .input-group,.screen-container.screen1b .form-container .form-fields input{text-transform:uppercase;box-shadow:none;text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.screen-container.screen1b .form-container .form-fields .input-group{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;background:#0006;border-radius:10px;align-items:center;height:44px;padding:0 16px;transition:all .2s;display:flex;border:1px solid #39ff14!important}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields .input-group{height:28px;padding:7px 16px}}.screen-container.screen1b .form-container .form-fields .input-group:focus-within{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#7cff4f;box-shadow:0 0 14px #39ff14b3}.screen-container.screen1b .form-container .form-fields .input-group .input-icon{color:#fff;margin-right:12px;font-size:22.4px}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields .input-group .input-icon{margin-right:8px;font-size:16.8px}}.screen-container.screen1b .form-container .form-fields .input-group .form-input{color:#fff;background:0 0;outline:none;flex:1;font-size:16.8px}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields .input-group .form-input{font-size:14px}}.screen-container.screen1b .form-container .form-fields .input-group .form-input::placeholder{color:#d0d0d0;opacity:.85}.screen-container.screen1b .form-container .form-fields.fieldCustomSelect{padding-bottom:0}.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .select-display{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;border-radius:10px;height:44px;border:1px solid #39ff14!important}.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .select-display span{font-size:22.4px}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .select-display{height:30px}.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .select-display span{font-size:14px}}.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .select-dropdown .select-option{font-size:22.4px}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .select-dropdown .select-option{font-size:14px}}.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .selected-value{color:#fff;font-size:16.8px}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .selected-value{font-size:14px}}.screen-container.screen1b .form-container .form-fields.fieldCustomSelect .arrow{color:#39ff14;font-size:1.2em}.screen-container.screen1b .form-container .form-fields .form-error{color:#ff4d4d;text-align:center;font-size:22.4px}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields .form-error{font-size:14px}}.screen-container.screen1b .form-container .form-fields .btn-primary.btn-jugar{text-transform:uppercase;color:#fff;background:linear-gradient(#6cff3c 0%,#3bbf1e 50%,#2a8f12 100%);border:4px solid #1e5f0a;border-radius:14px;margin-top:0;padding:0;font-size:28.8px;font-weight:700;transition:all .15s;box-shadow:0 6px #1e5f0a,0 0 16px #39ff1499}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields .btn-primary.btn-jugar{border-width:2px;padding:0;font-size:16.8px;box-shadow:0 4px #1e5f0a,0 0 10px #39ff1480}}.screen-container.screen1b .form-container .form-fields .btn-primary.btn-jugar{box-shadow:none;color:#0000;background:url(/boton-jugar.png) 50%/contain no-repeat;border:none;height:90px}.screen-container.screen1b .form-container .form-fields .btn-primary.btn-jugar.registrando,.screen-container.screen1b .form-container .form-fields .btn-primary.btn-jugar.test{color:#fff;background-image:none}@media screen and (width<=540px){.screen-container.screen1b .form-container .form-fields .btn-primary.btn-jugar{height:50px}}.screen-container.screen1b .form-container .form-fields .btn-primary.btn-jugar:active{transform:translateY(4px);box-shadow:0 2px #1e5f0a,0 0 10px #39ff1480}.screen-container.screen1b .form-container .decorative-icons{text-align:center}.screen-container.screen1b .form-container .decorative-icons img{opacity:.85;width:100%;margin:auto}@media screen and (width<=540px){.screen-container.screen1b .form-container .decorative-icons img{width:85%}}.screen-container.screen1b .form-container .btn-back-modal{color:#ccc;background:0 0;border:none;font-size:28.8px}@media screen and (width<=540px){.screen-container.screen1b .form-container .btn-back-modal{font-size:16.2px}}.screen0-overlay{z-index:9999;opacity:0;background:#000;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.screen0-overlay.screen0-visible{opacity:1}.screen0-modal{flex-direction:column;align-items:center;gap:2rem;width:90%;padding:0 2rem 2.5rem;animation:.5s .1s both screen0-rise;display:flex}@keyframes screen0-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.screen0-tagline{color:#fff;letter-spacing:.18em;text-transform:uppercase;text-align:center;font-size:54px;font-weight:700}@media screen and (width<=540px){.screen0-tagline{font-size:27px}}.screen0-options{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.screen0-divider{align-items:center;gap:1rem;width:100%;display:flex}.screen0-divider:before,.screen0-divider:after{content:"";background:#ffffff26;flex:1;height:10px}@media screen and (width<=540px){.screen0-divider:before,.screen0-divider:after{height:6px}}.screen0-divider span{color:#ffffff59;letter-spacing:.05em;font-size:36px}.screen0-brand-btn{cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff59;border-radius:16px;outline:none;width:90%;padding:1.5rem 2rem;transition:background .25s,border-color .25s,transform .2s,box-shadow .25s}.screen0-brand-btn.bttn2{width:65%}.screen0-brand-btn:hover,.screen0-brand-btn:focus-visible{background:#ffffff1a;border-color:#ffd100;transform:scale(1.03);box-shadow:0 8px 32px #ffffff14}.screen0-brand-btn:active{transform:scale(.98)}.screen0-logo-wrap{justify-content:center;align-items:center;min-height:70px;display:flex}.screen0-logo{object-fit:contain;filter:brightness();width:90%;height:auto;transition:filter .2s}.screen0-brand-btn:hover .screen0-logo{filter:brightness(1.1)}.screen1b .btn-jugar{background:linear-gradient(135deg,#e85d04,#f48c06)}.screen1b .btn-jugar:hover{background:linear-gradient(135deg,#f48c06,#e85d04)}.btn-back-modal{color:#fff9;cursor:pointer;letter-spacing:.03em;background:0 0;border:1px solid #ffffff40;border-radius:8px;width:100%;margin-top:.25rem;padding:.6rem 1.2rem;font-size:.82rem;transition:all .2s}.btn-back-modal:hover{color:#ffffffe6;background:#ffffff0d;border-color:#ffffff80}.screen1b-success{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1.5rem;display:flex}body{touch-action:manipulation;background:#0a1628 fixed;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{background:linear-gradient(160deg,#0a1628 0%,#0d2244 50%,#0a1628 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.custom-select{position:relative}.select-display{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#282d37a6;border:2px solid #ffffff59;border-radius:18px;align-items:center;height:70px;padding:0 20px;display:flex;box-shadow:inset 0 0 8px #ffffff26,0 4px 12px #0009}@media screen and (width<=540px){.select-display{border-radius:8px;height:36px}}.select-text{color:#ffffffbf;flex:1;font-size:28px}@media screen and (width<=540px){.select-text{font-size:14px}}.select-text.has-value{color:#fff}.arrow{color:#fff;font-size:28px;transition:transform .3s}@media screen and (width<=540px){.arrow{font-size:14px}}.custom-select.open .arrow{transform:rotate(180deg)}.select-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#1e232df2;border:2px solid #ffffff4d;border-radius:18px;width:100%;position:absolute;top:105%;left:0;overflow:hidden;box-shadow:0 10px 30px #000000e6}.select-option{color:#fff;cursor:pointer;border-bottom:1px solid #ffffff1a;padding:20px 20px 20px 50px;font-size:28px;transition:background .2s}.select-option:hover{background:#ffd94d33}.select-option:active{background:#ffd94d66}@media screen and (width<=540px){.select-option{padding:6px 6px 6px 30px;font-size:14px}}*{box-sizing:border-box}:root{--text:#fff;--muted:#ffffffb8;--road-width:min(88vw, 420px);--road-top:4px;--road-bottom:116px;--car-size-w:74px;--car-size-h:118px}html,body,#root{width:100%;height:auto;color:var(--text);background:#000;margin:0;font-family:Arial,Helvetica,sans-serif}body{touch-action:manipulation}.app-shell.sd-background.n-2b{background-image:url(/game2-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.screen{background:0 0;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;padding:10px 10px 14px;transition:background .18s;display:flex}.header,.footer{background:0 0;justify-content:center;align-items:center;width:min(100%,620px);min-height:68px;margin-bottom:40px;display:flex}.header{gap:12px;margin-bottom:1rem;padding:.5rem 0}.header img.logo{object-fit:contain;flex:0 0 50%;width:50%;max-width:320px}.header img.tit{object-fit:contain;flex:0 0 50%;width:50%;max-width:290px}.footer img.logo{object-fit:contain;width:auto;height:150px}.game-wrapper{flex:1;justify-content:center;align-items:center;width:min(100%,620px);padding:0;display:flex}.game-wrapper.shake{animation:.3s screenShake}.game{background:radial-gradient(circle at 50% 12%,#1f53cc29,#0000 30%),linear-gradient(#07111d 0%,#03060b 100%);border:1px solid #ffffff0f;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000006b,inset 0 1px #ffffff0a}.road{touch-action:none;-webkit-user-select:none;user-select:none;margin-top:0;position:absolute;inset:0;overflow:hidden}.arcade-glow{z-index:0;opacity:.42;filter:blur(8px);background:linear-gradient(#45ff77b3,#45ff772e);width:10px;position:absolute;top:18px;bottom:126px}.arcade-glow-left{left:2px}.arcade-glow-right{right:2px}.bush{top:var(--road-top);bottom:var(--road-bottom);width:calc((100% - var(--road-width)) / 2);z-index:1;background:linear-gradient(90deg,#0000001f,#0000),repeating-linear-gradient(#0f7c27 0 14px,#0a6120 14px 28px,#11852b 28px 42px);position:absolute;box-shadow:inset 0 0 12px #00000038,inset 0 0 0 1px #1dff630f}.bush-left{border-radius:0 10px 10px 0;left:0}.bush-right{border-radius:10px 0 0 10px;right:0;transform:scaleX(-1)}.road-surface{left:50%;top:var(--road-top);bottom:var(--road-bottom);width:var(--road-width);z-index:2;background:linear-gradient(#a0a0a0 0%,#969696 14%,#8c8c8c 100%);border-radius:18px 18px 12px 12px;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 2px #ffffff0f,0 14px 30px #00000059}.road-surface:before,.road-surface:after{content:"";background:linear-gradient(#00000038,#ffffff0d),linear-gradient(#1dbb43,#157b2d);width:6px;position:absolute;top:0;bottom:0}.road-surface:before{left:0}.road-surface:after{right:0}.road-overlay{left:50%;top:var(--road-top);bottom:var(--road-bottom);width:var(--road-width);z-index:3;opacity:.14;pointer-events:none;background:linear-gradient(#ffffff14 0 16px,#0000 16px 48px) 0 0/100% 66px;border-radius:18px 18px 12px 12px;animation:.72s linear infinite roadFlow;position:absolute;transform:translate(-50%)}.lane-mark{top:calc(var(--road-top) + 14px);bottom:calc(var(--road-bottom) + 10px);z-index:4;opacity:.9;background:repeating-linear-gradient(#fffffff2 0 22px,#0000 22px 42px);width:3px;animation:.5s linear infinite laneFlow;position:absolute}.lane-mark-left{left:calc(50% - var(--road-width) / 6);transform:translate(-50%)}.lane-mark-right{left:calc(50% + var(--road-width) / 6);transform:translate(-50%)}.car,.item,.effect{position:absolute;transform:translate(-50%)}.car{width:var(--car-size-w);height:var(--car-size-h);z-index:12;filter:drop-shadow(0 14px 18px #00000061);will-change:transform;will-change:transform, left;background:url(/car.png) 50%/contain no-repeat;transition:transform 90ms linear,left 90ms linear;bottom:150px}.car:after{content:"";filter:blur(6px);z-index:-1;background:#00000057;border-radius:50%;width:74%;height:16px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.lane-0{left:calc(50% - var(--road-width) / 3)}.lane-1{left:50%}.lane-2{left:calc(50% + var(--road-width) / 3)}.item{z-index:10;pointer-events:none;will-change:transform, top, opacity;filter:drop-shadow(0 10px 14px #00000042);justify-content:center;align-items:center;width:68px;height:68px;display:flex}.item img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.item.logo:before{content:"";z-index:-1;background:radial-gradient(circle,#ffffff1f,#0000 72%);border-radius:16px;position:absolute;inset:10px}.item.obstacle{width:70px;height:70px}.obstacle-core{background:radial-gradient(circle at 35% 30%,#fbb 0%,#f77 20%,#d02e2e 42%,#791010 100%);border-radius:16px;width:100%;height:100%;position:relative;transform:rotate(45deg);box-shadow:inset 0 2px 10px #ffffff2e,inset 0 -10px 16px #0000004d,0 0 14px #ff535347}.obstacle-core:before,.obstacle-core:after{content:"";background:#ffffffe6;border-radius:3px;position:absolute}.obstacle-core:before{width:16px;height:52px;top:50%;left:50%;transform:translate(-50%,-50%)}.obstacle-core:after{width:52px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%)}.item.good{animation:.34s forwards itemGood}.item.hit{animation:.38s forwards itemHit}.effect{z-index:15;letter-spacing:.8px;pointer-events:none;font-weight:900}.effect span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;justify-content:center;align-items:center;min-width:54px;padding:4px 8px;font-size:12px;display:inline-flex}.effect-good{animation:.55s ease-out forwards floatText}.effect-bad{animation:.55s ease-out forwards blastText}.effect-ring{animation:.45s ease-out forwards ringPop}.effect-spark{animation:.5s ease-out forwards sparkBurst}.effect-good span{color:#072911;background:#73ffa1eb;box-shadow:0 10px 24px #57e38959}.effect-bad span{color:#fff;background:#ff5757eb;box-shadow:0 10px 24px #ff575759}.effect-ring span{color:#fff8d1;background:#ffbc38d9;box-shadow:0 0 22px #ffbf496b}.effect-spark span{color:#fff;background:#ff9c3dc7;box-shadow:0 0 18px #ff800073}.bottom-hud{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0;border:1px solid #ffffff14;border-radius:14px;padding:6px 8px 7px;position:absolute;bottom:72px;left:8px;right:8px;box-shadow:0 12px 28px #00000052,inset 0 1px #ffffff0a}.bottom-top{grid-template-columns:64px 1fr 64px;align-items:center;gap:6px;margin-bottom:5px;display:grid}.metric{flex-direction:column;gap:0;display:flex}.metric-left{text-align:left}.metric-right{text-align:right}.metric-center{text-align:center;justify-content:center;align-items:center}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:18px}.metric strong{font-size:25px;line-height:1}.status-inline{color:#dfe8ff;box-sizing:border-box;min-height:12px;padding:0 2px;font-size:28px;font-weight:800;position:absolute;top:2rem}.lives-row{justify-content:center;align-items:center;gap:6px;margin-bottom:5px;display:flex}.heart{font-size:22px;line-height:1;transition:transform .2s,opacity .2s;display:inline-block}.heart-full{filter:drop-shadow(0 0 6px #ff505099);animation:.3s heartBeat;transform:scale(1)}.heart-empty{opacity:.35;filter:none;transform:scale(.85)}@keyframes heartBeat{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.progress-block{flex-direction:column;gap:4px;display:flex}.progress-row{color:#f5f7ff;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;display:flex}.progress-bar{background:#ffffff1f;border-radius:999px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.progress{background:linear-gradient(90deg,#31eb5d 0%,#f5db3b 58%,#ff7b2f 100%);border-radius:999px;height:100%;transition:width .2s;box-shadow:0 0 18px #ffa94052}.controls{z-index:22;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;bottom:8px;left:8px;right:8px}.controls button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;height:56px;font-size:24px;font-weight:900;transition:transform .14s,opacity .14s,background .14s;box-shadow:0 12px 26px #00000042,inset 0 1px #ffffff0f}.controls button:active{transform:scale(.97)}.controls button:disabled{opacity:.45}.overlay{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;background:radial-gradient(circle at top,#438bff29,#0000 28%),linear-gradient(#0f1627f7,#070a12f7);border:1px solid #ffffff14;border-radius:24px;width:min(100%,360px);padding:24px 22px;box-shadow:0 18px 34px #00000057,inset 0 1px #ffffff0a}.intro-badge{letter-spacing:1px;color:#fff;background:linear-gradient(90deg,#82bc00,#82bc00);border-radius:999px;margin-bottom:10px;padding:12px 20px;font-size:28px;font-weight:900;display:inline-flex;box-shadow:0 0 24px #ff000038}.result-badge{color:#1a1202}.overlay-card h1{margin:0 0 12px;font-size:36px}.overlay-card p{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:28px;line-height:1.4}.overlay-card .mini{color:#fff;font-size:28px}.overlay-card button{color:#111;background:linear-gradient(90deg,#82bc00,#82bc00);border:none;border-radius:16px;margin-top:10px;padding:14px 24px;font-size:28px;font-weight:900;box-shadow:0 14px 26px #00000047}.flash-good{animation:.18s flashGood}.flash-bad{animation:.24s flashBad}.car.collect{animation:.22s carCollect}.car.hit{animation:.42s carHit}.car.win{animation:.9s ease-in-out infinite carWin}@keyframes roadFlow{0%{background-position:0 0}to{background-position:0 66px}}@keyframes laneFlow{0%{background-position:0 0}to{background-position:0 42px}}@keyframes carCollect{0%{filter:drop-shadow(0 14px 18px #00000061);transform:translate(-50%)scale(1)}50%{filter:drop-shadow(0 0 24px #57e389b8);transform:translate(-50%)scale(1.08)}to{filter:drop-shadow(0 14px 18px #00000061);transform:translate(-50%)scale(1)}}@keyframes carHit{0%{transform:translate(-50%)rotate(0)}20%{transform:translate(calc(-50% - 8px))rotate(-4deg)}40%{transform:translate(calc(8px - 50%))rotate(4deg)}60%{transform:translate(calc(-50% - 5px))rotate(-3deg)}to{transform:translate(-50%)rotate(0)}}@keyframes carWin{0%,to{filter:drop-shadow(0 14px 18px #00000061);transform:translate(-50%)translateY(0)}50%{filter:drop-shadow(0 0 28px #ffd84da6);transform:translate(-50%)translateY(-8px)}}@keyframes itemGood{0%{opacity:1;transform:translate(-50%)scale(1)}35%{opacity:1;transform:translate(-50%)scale(1.3)}to{opacity:0;transform:translate(-50%)scale(.35)}}@keyframes itemHit{0%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%)scale(1.5)rotate(35deg)}}@keyframes floatText{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.92)}20%{opacity:1;transform:translate(-50%)translateY(-2px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-34px)scale(1.02)}}@keyframes blastText{0%{opacity:0;transform:translate(-50%)scale(.6)}25%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%)translateY(-18px)scale(1.3)}}@keyframes ringPop{0%{opacity:0;transform:translate(-50%)scale(.4)}30%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)scale(1.6)}}@keyframes sparkBurst{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%)translateY(-4px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-22px)scale(1.2)rotate(18deg)}}@keyframes flashGood{0%{background:#5bff9814}to{background:0 0}}@keyframes flashBad{0%{background:#ff5d5d1a}to{background:0 0}}@keyframes screenShake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}@media (width<=520px){:root{--road-width:min(90vw, 360px);--road-top:4px;--road-bottom:108px;--car-size-w:68px;--car-size-h:108px}.screen{padding:8px 8px 12px}.header{padding:.4rem .8rem}.footer img.logo{height:118px}.game{border-radius:22px}.arcade-glow{width:8px;bottom:116px}.item{width:62px;height:62px}.item.obstacle{width:64px;height:64px}.car{bottom:120px}.bottom-hud{padding:5px 7px 6px;bottom:66px;left:6px;right:6px}.bottom-top{grid-template-columns:58px 1fr 58px;gap:4px;margin-bottom:4px}.metric strong{font-size:20px}.metric-label{font-size:12px}.status-inline,.progress-row{font-size:18px}.progress-bar{height:9px}.controls{gap:6px;bottom:6px;left:6px;right:6px}.controls button{border-radius:12px;height:52px;font-size:22px}.overlay-card{border-radius:20px;padding:22px 18px}.overlay-card h1{font-size:28px}}.icosad img{width:60px;margin:10px 0}.road,.controls button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
