html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#1aaddf}.splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#1aaddf;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;opacity:1;transition:opacity .4s ease}.splash.fade-out{opacity:0}.splash img{max-width:280px;width:70%}.splash-tagline{color:#fff;font-size:1.1rem;font-weight:700;text-align:center;margin-top:16px;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1.5;font-family:system-ui,sans-serif}.game-wrapper{position:fixed;top:0;right:0;bottom:0;left:0}#add-cloud-btn{position:fixed;bottom:32px;left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;background:#ffb6c1;border:none;font-size:2rem;box-shadow:0 4px 16px #0003;cursor:pointer;touch-action:manipulation;z-index:10;display:flex;align-items:center;justify-content:center}#add-cloud-btn:active{transform:translate(-50%) scale(.92)}@keyframes btn-flash{0%{background:#ffb6c1;box-shadow:0 4px 16px #0003;transform:translate(-50%) scale(1)}50%{background:#ff4da6;box-shadow:0 0 28px 8px #ff4da6b3;transform:translate(-50%) scale(1.12)}to{background:#ffb6c1;box-shadow:0 4px 16px #0003;transform:translate(-50%) scale(1)}}#add-cloud-btn.flash{animation:btn-flash .8s ease-in-out infinite}.share-btn{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#fff;border:none;border-radius:999px;padding:10px 24px;font-size:.95rem;font-weight:600;box-shadow:0 4px 16px #00000026;cursor:pointer;touch-action:manipulation;z-index:10;font-family:system-ui,sans-serif;white-space:nowrap}.share-btn:active{transform:translate(-50%) scale(.96)}#howto-tooltip{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:#fffffff2;border-radius:16px;padding:16px 24px;text-align:center;font-size:.9rem;font-weight:600;line-height:2;box-shadow:0 4px 20px #00000026;z-index:20;cursor:pointer;min-width:240px;font-family:system-ui,sans-serif}.howto-dismiss{font-size:.75rem;color:#aaa;margin-top:4px}#mute-btn{position:fixed;bottom:32px;right:16px;width:52px;height:52px;border-radius:14px;background:#1aaddf;border:none;box-shadow:0 3px 12px #00000040;cursor:pointer;touch-action:manipulation;z-index:10;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,background .15s ease}#mute-btn:active{transform:scale(.92)}#mute-btn.muted{background:#888}#game-logo{position:fixed;top:12px;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:12px;opacity:.92;pointer-events:none;z-index:10}.timer-btn{background:#fff;border:none;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #00000026;cursor:pointer;touch-action:manipulation;z-index:10;color:#1aaddf;font-family:system-ui,sans-serif}#daily-comp-btn{position:fixed;top:16px;left:12px;white-space:nowrap;width:auto;padding-left:14px;padding-right:14px}.timer-btn:active{transform:scale(.95)}#daily-best{position:fixed;top:58px;left:12px;width:140px;text-align:center;font-size:.72rem;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);letter-spacing:.02em;pointer-events:none;z-index:10}#lockout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1aaddfe0;display:flex;align-items:center;justify-content:center;z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lockout-inner{position:relative;background:#fff;border-radius:24px;padding:32px 40px;text-align:center;box-shadow:0 8px 40px #0003;max-width:320px;width:90%;max-height:90vh;overflow-y:auto;font-family:system-ui,sans-serif}.lockout-inner h2{font-size:1.4rem;font-weight:800;color:#1aaddf;margin-bottom:16px}.lockout-label{font-size:.8rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.lockout-score{font-size:3.5rem;font-weight:900;color:#1a1a1a;line-height:1;margin-bottom:20px}.lockout-countdown{background:#f5f5f5;border-radius:12px;padding:12px 16px;margin-bottom:20px}.lockout-countdown-label{font-size:.78rem;color:#888;margin-bottom:6px}.lockout-countdown-timer{font-size:2rem;font-weight:900;color:#1aaddf;font-variant-numeric:tabular-nums;letter-spacing:.05em}.lockout-leaderboard{border-top:1px solid #eee;padding-top:16px;margin-bottom:20px}.lockout-lb-title{font-size:.85rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.lockout-lb-empty{font-size:.85rem;color:#bbb}.lockout-lb-scroll{max-height:180px;overflow-y:auto;border-radius:8px;-webkit-overflow-scrolling:touch}.lockout-lb-list{list-style:none;padding:0;margin:0}.lockout-lb-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;font-size:1rem;font-weight:600;color:#333;border-radius:8px;gap:8px}.lockout-lb-first{background:#fffbe6}.lockout-lb-second{background:#f5f5f5}.lockout-lb-third{background:#fff3ee}.lb-rank{width:36px;text-align:left;font-size:.9rem;color:#888;flex-shrink:0}.lb-initials{flex:1;text-align:center;font-size:.95rem;font-weight:800;color:#1aaddf;letter-spacing:.1em}.lb-score{font-weight:800;font-size:1rem;color:#1a1a1a;text-align:right;flex-shrink:0}.lockout-close{background:#1aaddf;color:#fff;border:none;border-radius:999px;padding:12px 32px;font-size:1rem;font-weight:700;cursor:pointer;touch-action:manipulation;width:100%;font-family:system-ui,sans-serif}.popup-close-x{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.3rem;color:#bbb;cursor:pointer;line-height:1;padding:4px;touch-action:manipulation;transition:color .15s}.popup-close-x:hover{color:#888}#timer-results{position:fixed;top:0;right:0;bottom:0;left:0;background:#1aaddfe0;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.results-inner{position:relative;background:#fff;border-radius:24px;padding:32px 36px 28px;text-align:center;box-shadow:0 8px 40px #0003;max-width:340px;width:90%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:system-ui,sans-serif}.results-inner h2{font-size:2rem;font-weight:800;color:#1aaddf;margin-bottom:8px}.results-score{font-size:4rem;font-weight:900;color:#1a1a1a;line-height:1;margin:8px 0 0}.results-label{font-size:1rem;color:#888;margin:4px 0 12px}.results-trophies{font-size:2rem;margin-bottom:24px;min-height:2.4rem}.results-buttons{display:flex;flex-direction:column;gap:12px}#results-share{background:#1aaddf;color:#fff;border:none;border-radius:999px;padding:14px 24px;font-size:1rem;font-weight:700;cursor:pointer;touch-action:manipulation;font-family:system-ui,sans-serif}#results-play-again{background:#fff;color:#1aaddf;border:2px solid #1AADDF;border-radius:999px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;touch-action:manipulation;font-family:system-ui,sans-serif}.results-daily-best{border-top:1px solid #eee;margin:16px 0;padding-top:16px}.results-daily-label{font-size:.8rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.results-daily-score{font-size:2.4rem;font-weight:900;color:#1aaddf}#initials-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.initials-inner{background:#fff;border-radius:24px;padding:36px 40px;text-align:center;box-shadow:0 8px 40px #0000004d;max-width:300px;width:90%;font-family:system-ui,sans-serif}.initials-inner h2{font-size:1.4rem;font-weight:800;color:#1aaddf;margin-bottom:8px}.initials-label{font-size:.85rem;color:#888;margin-bottom:16px}#initials-input{width:120px;font-size:1.6rem;font-weight:900;text-align:center;letter-spacing:.2em;border:3px solid #1AADDF;border-radius:12px;padding:8px 12px;color:#1a1a1a;outline:none;text-transform:uppercase;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.initials-submit{background:#1aaddf;color:#fff;border:none;border-radius:999px;padding:12px 32px;font-size:1rem;font-weight:700;cursor:pointer;touch-action:manipulation;width:100%;margin-bottom:10px;opacity:1;transition:opacity .15s;font-family:system-ui,sans-serif}.initials-submit:disabled{opacity:.4;cursor:not-allowed}.initials-warning{color:#ff3b30;font-size:.8rem;margin:-10px 0 10px;text-align:center;line-height:1.4}.initials-skip{background:none;color:#aaa;border:none;font-size:.85rem;cursor:pointer;text-decoration:underline;touch-action:manipulation;font-family:system-ui,sans-serif}.lb-tabs{display:flex;gap:8px;margin-bottom:12px;border-bottom:2px solid #f0f0f0;padding-bottom:0}.lb-tab{flex:1;background:none;border:none;padding:8px 4px;font-size:.78rem;font-weight:700;color:#bbb;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;touch-action:manipulation;font-family:system-ui,sans-serif}.lb-tab:hover{color:#888}.lb-tab-active{color:#1aaddf;border-bottom:2px solid #1AADDF}.lb-tab:last-child:not(.lb-tab-active){color:#ccc;font-size:.74rem}.results-leaderboard{border-top:1px solid #eee;margin:16px 0;padding-top:16px;text-align:left}@keyframes btn-glow{0%{box-shadow:0 0 8px 2px #ffdc0099,0 2px 8px #00000026}50%{box-shadow:0 0 18px 6px #ffdc00f2,0 2px 8px #00000026}to{box-shadow:0 0 8px 2px #ffdc0099,0 2px 8px #00000026}}#daily-comp-btn[data-can-play=true]{animation:btn-glow 2.4s ease-in-out infinite}@keyframes comp-pulse{0%{transform:scale(.8);opacity:.7}70%{transform:scale(2.2);opacity:0}to{transform:scale(.8);opacity:0}}#comp-pulse{position:fixed;top:16px;left:12px;width:130px;height:40px;border-radius:999px;background:#ffdc0073;pointer-events:none;z-index:9;opacity:0;animation:none}#comp-pulse[data-can-play=true]{opacity:1;animation:comp-pulse 2s ease-out infinite}@keyframes trophy-sparkle{0%{filter:brightness(1) drop-shadow(0 0 0px gold)}40%{filter:brightness(1.5) drop-shadow(0 0 6px gold) drop-shadow(0 0 12px rgba(255,200,0,.6))}60%{filter:brightness(1.6) drop-shadow(0 0 8px gold) drop-shadow(0 0 16px rgba(255,200,0,.5))}to{filter:brightness(1) drop-shadow(0 0 0px gold)}}.trophy-icon{display:inline-block;animation:trophy-sparkle 2.8s ease-in-out infinite;animation-delay:1s}#info-btn{position:fixed;bottom:32px;left:16px;width:52px;height:52px;border-radius:14px;background:#1aaddf;border:none;box-shadow:0 3px 12px #00000040;cursor:pointer;touch-action:manipulation;z-index:10;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}#info-btn:active{transform:scale(.92)}#info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1aaddfe0;display:flex;align-items:center;justify-content:center;z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.info-inner{position:relative;background:#fff;border-radius:24px;padding:28px 28px 24px;text-align:left;box-shadow:0 8px 40px #0003;max-width:340px;width:100%;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:system-ui,sans-serif}.info-inner h2{font-size:1.5rem;font-weight:800;color:#1aaddf;text-align:center;margin:0 0 20px}.info-section{border-top:1px solid #f0f0f0;padding:14px 0}.info-section:first-of-type{border-top:none;padding-top:0}.info-section h3{font-size:.88rem;font-weight:800;color:#555;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.info-section p{font-size:.92rem;color:#333;line-height:1.6;margin:0}.info-homescreen{background:#f8fbff;border-radius:12px;padding:14px 16px!important;margin-top:4px;border-top:none!important}.info-homescreen h3{color:#1aaddf}.info-close{background:#1aaddf;color:#fff;border:none;border-radius:999px;padding:14px 32px;font-size:1rem;font-weight:700;cursor:pointer;touch-action:manipulation;width:100%;margin-top:20px;font-family:system-ui,sans-serif}