*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0d2240;font-family:Be Vietnam Pro,SF Pro Display,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}.viewport{position:fixed;top:0;right:0;bottom:0;left:0}.backdrop{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background-size:cover;background-position:center;filter:blur(48px) brightness(.82) saturate(1.15)}.rotate-hint{display:none;position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:10px 22px;border-radius:999px;background:#02245cb8;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:10}@media (orientation: portrait){.rotate-hint{display:block}}.stage{position:absolute;left:50%;top:50%;width:6000px;height:3377px;transform-origin:center center}.abs{position:absolute}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-repeat:no-repeat;overflow:hidden;animation:screenIn .45s ease both}@keyframes screenIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.tap{border:none;background:none;padding:0;cursor:pointer;font:inherit}.tap img{display:block;width:100%;height:100%}.tap:active{transform:scale(.97)}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.tap.pulse:active{animation:none;transform:scale(.97)}.bob{animation:bob 3.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-36px)}}.intro-text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px;font-size:125px;font-weight:700;line-height:1.24}.product{transition:transform .25s ease,filter .25s ease}.product.selected{transform:scale(1.06);filter:drop-shadow(0 0 40px rgba(255,255,255,.95)) drop-shadow(0 0 90px rgba(0,115,208,.75))}.product.selected:active{transform:scale(1.06)}.counter{display:flex;align-items:center;justify-content:center;font-size:190px;font-weight:800;color:#02235c;text-transform:uppercase;letter-spacing:3px;white-space:nowrap}.seg{opacity:0;transition:opacity .3s ease}.seg.lit{opacity:1}.timer{border-radius:120px;background:#fffffff0;border:12px solid #02245c;overflow:hidden}.timer-fill{position:absolute;left:0;top:0;bottom:0;background:#0073d0;opacity:.28;transition:width .12s linear}.timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:100px;font-weight:800;color:#02245c}.timer.danger .timer-fill{background:#e53935;opacity:.35}.timer.danger .timer-text{color:#e53935;animation:blink .6s steps(2,start) infinite}@keyframes blink{50%{opacity:.35}}.question{display:flex;align-items:center;justify-content:center;text-align:center;color:#02245c;font-weight:700;line-height:1.32;padding:0 40px}.card{cursor:pointer}.card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card-text{position:absolute;left:34.5%;right:3.5%;top:6%;bottom:6%;display:flex;align-items:center;color:#02245c;font-weight:700;line-height:1.26}.card:active{transform:scale(.985)}.card.disabled{pointer-events:none}.card.correct .card-bg,.card.reveal .card-bg{filter:drop-shadow(0 0 36px rgba(46,160,67,.95))}.card.wrong{animation:shake .4s ease}.card.wrong .card-bg{filter:drop-shadow(0 0 36px rgba(229,57,53,.95))}.card-icon{position:absolute;right:-30px;top:-80px;width:301px;height:283px;animation:iconIn .3s ease both}@keyframes iconIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-18px)}50%{transform:translate(16px)}75%{transform:translate(-10px)}}.score{display:flex;align-items:center;justify-content:center;font-size:377px;font-weight:800;color:#a918bb;line-height:1}.win-text{display:flex;align-items:center;justify-content:center;text-align:center;font-size:125px;font-weight:700;line-height:1.24}.intro-text .blue,.win-text .blue{color:#0073d0}.intro-text .purple,.win-text .purple{color:#a918bb}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:50px;align-items:center;justify-content:center;color:#fff;font-size:110px;font-weight:700}.loading.overlay{z-index:50;background:#0d22408c}.spinner{width:160px;height:160px;border-radius:50%;border:18px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}