@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=Bangers&family=Luckiest+Guy&display=swap";:root{--ghibli-sky: #a5dff9;--ghibli-grass: #4a7c59;--accent-color: #ff9f43;--danger-color: #ff4757;--diamond-color: #00d2ff;--ui-bg: rgba(10, 10, 30, .95);--font: "Outfit", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;background-color:#0d0d1a;background-image:radial-gradient(ellipse at 20% 50%,rgba(120,40,200,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,159,67,.1) 0%,transparent 50%);color:#fff;font-family:var(--font);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}#root{display:flex;align-items:center;justify-content:center;width:100%;height:100%}#game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}#game-container.phase-start .game-safe-area{display:none}canvas{width:100%;height:100%;object-fit:contain;display:block;image-rendering:auto}#ui-layer{position:absolute;top:0;left:0;width:100%;padding:10px 20px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:2px 2px 0px rgba(0,0,0,1);font-family:Bangers,cursive;font-size:24px;z-index:10;letter-spacing:1.5px}.ui-left{display:flex;gap:6px;flex-direction:column}.ui-right{text-align:right;display:flex;flex-direction:column;gap:5px}.ui-center{display:flex;flex-direction:column;align-items:center}.timer-icon{font-size:24px;margin-bottom:-5px}#timer-display{font-size:32px;font-weight:900;color:var(--accent-color);transition:color .3s,transform .3s}#loot-timer-display{position:absolute;top:100px;left:50%;transform:translate(-50%);background:#000000b3;padding:6px 20px;border-radius:20px;color:var(--accent-color);font-weight:700;font-size:15px;z-index:5;border:1px solid rgba(255,159,67,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.8;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.04)}}#message-box,#instructions-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0a1e59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:5vmin;border:.5vmin solid var(--accent-color);border-radius:3vmin;text-align:center;width:90vw;max-width:600px;max-height:90vh;z-index:100;box-shadow:0 0 10vmin #000,0 0 4vmin #ff9f434d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalIn .3s cubic-bezier(.175,.885,.32,1.275);overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;width:90vw;max-width:600px;z-index:100;animation:modalIn .3s cubic-bezier(.175,.885,.32,1.275)}.modal-wrapper #message-box{position:relative;top:auto;left:auto;transform:none;width:100%;animation:none}.outer-action-buttons{display:flex;gap:15px;justify-content:center;width:100%}.outer-btn{background:#0a0a1e99;border:2px solid var(--accent-color);color:#fff;padding:10px 25px;border-radius:20px;font-family:Outfit,sans-serif;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.outer-btn:hover{background:var(--accent-color);color:#111;transform:scale(1.05)}#instructions-box{width:90vw;max-width:700px;text-align:left}#msg-title{font-family:Luckiest Guy,cursive;margin:0 0 3vmin;font-size:clamp(32px,8vw,84px);line-height:1;letter-spacing:.5vmin;color:#fff;text-shadow:.6vmin .6vmin 0px #000,-.2vmin -.2vmin 0px #000,.2vmin -.2vmin 0px #000,-.2vmin .2vmin 0px #000,.2vmin .2vmin 0px #000,0 0 3vmin rgba(255,159,67,.9);transform:rotate(-3deg);display:block;word-wrap:break-word}#msg-subtitle{font-family:Bangers,cursive;margin:0 0 2vmin;color:var(--accent-color);font-size:clamp(24px,5vw,42px);font-weight:900;letter-spacing:2px;text-shadow:2px 2px 0px #000;display:block}h2{margin:0 0 2vmin;color:var(--accent-color);font-size:clamp(24px,5vw,38px);font-weight:900;font-family:Bangers,cursive;letter-spacing:.2vmin;text-shadow:.3vmin .3vmin 0px #000}#message-box p,#instructions-box p{font-size:14px;line-height:1.4;margin:1.5vmin 0;color:#fff;font-weight:400;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#stats-container.stats-row{margin:20px 0;display:flex;justify-content:center;align-items:center;gap:30px}.stat-item{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#fff}.stat-item i{font-size:24px;color:var(--accent-color)}.summary-bottom-actions{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px;width:100%}.summary-bottom-actions .icon-btn{flex:none;width:auto;padding:10px 20px!important}button{background:var(--accent-color);color:#000;border:none;padding:13px 16px;cursor:pointer;font-family:var(--font);font-size:17px;font-weight:700;border-radius:12px;margin-top:10px;width:100%;letter-spacing:.5px;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 4px 14px #ff9f4359}button:hover{filter:brightness(1.1);box-shadow:0 6px 20px #ff9f4380;transform:translateY(-1px)}button:active{transform:scale(.95) translateY(0);box-shadow:0 2px 8px #ff9f434d}button:disabled{filter:grayscale(100%);opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}#touch-controls{position:absolute;bottom:0;left:0;width:100%;height:200px;pointer-events:none;z-index:50}.d-pad{position:absolute;bottom:30px;left:30px;width:150px;height:150px;pointer-events:auto}.d-btn{position:absolute;width:50px;height:50px;background:#ffffff1f;border:2px solid rgba(255,255,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .1s;cursor:pointer}.d-btn:active{background:var(--accent-color);color:#000}.up{top:0;left:50px}.down{bottom:0;left:50px}.left{top:50px;left:0}.right{top:50px;right:0}.action-pad{position:absolute;bottom:30px;right:30px;width:100px;height:100px;pointer-events:auto}.a-btn{width:90px;height:90px;background:#e9456059;border:3px solid var(--danger-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#fff;box-shadow:0 5px 20px #ff47574d;transition:background .1s,transform .1s;cursor:pointer}.a-btn:active{background:var(--danger-color);transform:scale(.9)}.toggle-container{margin:14px 0;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:#ffffffb3}.toggle-container input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}@media (max-width: 600px){#ui-layer{font-size:14px;padding:5px 10px}#timer-display{font-size:20px}}#touch-pause-btn{position:absolute;bottom:140px;right:25px;background:#ffffff26;border:2px solid rgba(255,255,255,.4);border-radius:50%;width:48px;height:48px;font-size:18px;font-weight:900;color:#fff;display:flex;align-items:center;justify-content:center;z-index:95;box-shadow:0 4px 10px #0003;cursor:pointer;pointer-events:auto;transition:background .1s,transform .1s}#touch-pause-btn:active{background:#fff6;transform:scale(.9)}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.button-group{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:20px}.btn-resume{background:var(--accent-color)!important}.btn-quit{background:#ff4757!important;color:#fff!important}.start-screen-grid{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:10px}.start-block{flex:1;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px),(max-width: 950px) and (orientation: landscape){.start-screen-grid{flex-direction:row;align-items:stretch;gap:40px;margin-top:30px;padding:0 20px}.profile-block{border-right:1px solid rgba(255,255,255,.1);padding-right:40px}.actions-block{justify-content:center}}.profile-section{display:flex;flex-direction:column;align-items:center;gap:20px;background:#ffffff0d;padding:20px;border-radius:20px;width:100%;box-sizing:border-box;box-shadow:inset 0 0 20px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:16px;color:#fff;display:flex;align-items:center;gap:10px}.setting-label i{color:var(--accent-color);font-size:20px}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s;border:1px solid rgba(255,255,255,.2)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--accent-color);border-color:var(--accent-color)}input:focus+.slider{box-shadow:0 0 1px var(--accent-color)}input:checked+.slider:before{transform:translate(22px);background-color:#000}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.profile-info{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.avatar-container{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid var(--accent-color);box-shadow:0 0 15px #ff9f4366}.user-avatar{width:100%;height:100%;object-fit:cover}.profile-info h3{margin:0;font-size:18px;color:#fff}.profile-text{margin:4px 0 0!important;font-size:13px!important;color:#fffc!important;line-height:1.3!important;text-shadow:none!important}.streak-container{margin-top:8px;width:100%}.streak-title{margin:0 0 6px;font-size:1rem;color:var(--accent-color);font-weight:700;letter-spacing:.5px}.streak-days{display:flex;justify-content:center;gap:4px;width:100%}.streak-day{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#ffffff1a;color:#ffffff80;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.streak-day.active{background:var(--accent-color);color:#000;border-color:var(--accent-color);box-shadow:0 0 10px #ff9f4380;transform:scale(1.1)}.store-section{background:#0003;border-radius:16px;padding:15px;border:1px solid rgba(255,255,255,.05)}.store-section-title{font-size:14px;color:var(--accent-color);margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.store-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.store-item-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:0}.store-item-btn:hover:not(:disabled){background:#ffffff26;border-color:var(--accent-color)}.store-item-btn:disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed;transform:none}.item-reward{font-size:16px;font-weight:700;color:#fff}.item-cost{font-size:12px;color:var(--accent-color);background:#0000004d;padding:4px 8px;border-radius:10px}.store-options-list{display:flex;flex-direction:column;gap:10px}.store-bundle-btn{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 15px;border-radius:12px;margin-top:0}.store-bundle-btn:hover{background:#ffffff26;border-color:var(--accent-color)}.store-bundle-btn.special{background:linear-gradient(45deg,#ff9f4333,#ff9f430d);border-color:#ff9f4380;box-shadow:0 0 15px #ff9f4333}.store-bundle-btn.special:hover{box-shadow:0 0 20px #ff9f4366;background:linear-gradient(45deg,#ff9f434d,#ff9f431a)}.bundle-reward{font-size:15px;font-weight:700;color:#fff}.bundle-price{font-size:14px;font-weight:700;color:#1dd1a1;background:#1dd1a11a;padding:5px 10px;border-radius:8px}.start-ctas{display:flex;flex-direction:column;gap:10px;width:100%}.primary-btn{background:var(--accent-color)!important;color:#000!important}.secondary-btn{background:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}.outline-btn{background:transparent!important;color:var(--accent-color)!important;border:2px solid var(--accent-color)!important}.icon-buttons-row{display:flex;gap:10px;width:100%}.icon-btn{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;background:#ffffff0d!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;padding:10px!important;font-size:14px!important;border-radius:12px}.icon-btn:hover{background:#ffffff1a!important;transform:translateY(-2px)}.start-bg-overlay{background-image:url(/popper_main_art.png)!important;background-size:cover!important;background-position:center!important}.start-bg-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:0}.ad-skyscraper{position:absolute;top:50%;transform:translateY(-50%);width:160px;height:600px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);display:none;align-items:center;justify-content:center;z-index:10}.ad-skyscraper.left{left:20px}.ad-skyscraper.right{right:20px}.ad-banner-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:728px;height:90px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid rgba(255,255,255,.1);display:none;align-items:center;justify-content:center;z-index:10}.ad-placeholder{color:#ffffff4d;font-size:12px;font-weight:700;letter-spacing:2px}@media (min-width: 1300px){.ad-skyscraper{display:flex}}@media (max-width: 1299px){.ad-banner-bottom{display:flex}}@media (max-width: 600px){.ad-banner-bottom{height:50px;max-width:320px}}.game-safe-area{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;transition:padding .3s ease}@media (min-width: 1300px){.game-safe-area{padding:0 180px}}@media (max-width: 1299px){.game-safe-area{padding-bottom:90px}}@media (max-width: 600px){.game-safe-area{padding-bottom:50px}}#gameCanvas{width:100%!important;height:100%!important}.reward-ad-btn{background:linear-gradient(135deg,#f1c40f,#e67e22)!important;color:#000!important;box-shadow:0 0 20px #f1c40f66!important;border:2px solid rgba(255,255,255,.4)!important;cursor:pointer;transition:transform .1s}.reward-ad-btn:active{transform:scale(.95)}.reward-ad-btn:disabled{background:#2d3436!important;color:#fff6!important;box-shadow:none!important;border-color:#ffffff1a!important;cursor:not-allowed}.modal-actions-row{display:flex;gap:12px;width:100%;margin-top:15px}.modal-actions-row #start-btn{flex:1;margin:0!important}.game-over-top-row{display:flex;gap:12px;flex:1}@media (max-width: 480px){.game-over-actions{flex-direction:column;align-items:stretch}.game-over-actions .game-over-top-row{width:100%!important;flex:none!important}.game-over-actions .buy-lives-btn.mini{flex:1!important}.game-over-actions #start-btn{width:100%!important;height:60px!important;flex:none!important}}.reward-ad-btn.mini{width:130px!important;margin:0!important;height:60px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;overflow:hidden;border:2px solid rgba(255,159,67,.4)}.reward-ad-btn.mini:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:#fff6;transform:rotate(30deg);animation:shimmerGlow 3s infinite;filter:blur(5px)}@keyframes shimmerGlow{0%{left:-60%;opacity:0}10%{opacity:1}20%{left:120%;opacity:0}to{left:120%;opacity:0}}.reward-active-block{width:130px!important;height:60px!important;background:#2ecc7133!important;border:2px solid #2ecc71!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;animation:rewardPulse 2s infinite;box-shadow:0 0 15px #2ecc714d!important}@keyframes rewardPulse{0%{transform:scale(1);box-shadow:0 0 15px #2ecc714d}50%{transform:scale(1.03);box-shadow:0 0 25px #2ecc7180}to{transform:scale(1);box-shadow:0 0 15px #2ecc714d}}.reward-active-label{font-size:10px;font-family:Inter,sans-serif;color:#2ecc71;font-weight:700;letter-spacing:1px}.reward-icons{font-size:18px;line-height:1;display:flex;flex-direction:row;align-items:center;gap:12px}.buy-lives-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;color:#fff!important;border-radius:12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-shadow:0 5px 15px #2ecc7166!important;border:2px solid rgba(255,255,255,.3)!important;font-family:Bangers,cursive!important;cursor:pointer;transition:all .2s}.buy-lives-btn.mini{width:155px!important;height:60px!important;margin:0!important}.buy-lives-content{font-size:18px;line-height:1;display:flex;flex-direction:row;align-items:center;gap:12px}.buy-lives-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2ecc7199!important}.buy-lives-btn:active{transform:scale(.95)}.buy-lives-btn:disabled{background:#2d3436!important;color:#fff6!important;box-shadow:none!important;border-color:#ffffff1a!important;cursor:not-allowed;opacity:.6}.store-promo-btn{background:linear-gradient(135deg,#f39c12,#e67e22)!important;color:#fff!important;border-radius:12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-shadow:0 5px 15px #f39c1266!important;border:2px solid rgba(255,255,255,.3)!important;font-family:Bangers,cursive!important;cursor:pointer;transition:all .2s}.store-promo-btn.mini{width:155px!important;height:60px!important;margin:0!important}.store-promo-btn.square{width:60px!important;height:60px!important;margin:0!important;padding:0!important;font-size:24px!important}.store-promo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f39c1299!important}.store-promo-btn:active{transform:scale(.95)}.ad-full-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;color:#fff}.login-small-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 16px;border-radius:6px;font-family:Bangers,cursive;font-size:14px;cursor:pointer;margin-top:10px;transition:all .2s;letter-spacing:1px}.login-small-btn:hover{background:#fff;color:#000}.profile-text.warning.accessible{color:#ffffffb3!important;font-family:Outfit,sans-serif!important;font-size:13px!important;font-weight:400;margin:10px 0 0;text-align:center;line-height:1.4;text-shadow:none!important}.profile-info .primary-btn{width:100%!important;padding:13px 0!important;font-size:18px!important}.ad-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.ad-video-mock{width:320px;height:180px;background:#1e272e;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080}.play-icon{font-size:50px;color:#fff3}.ad-content h3{font-family:Bangers,cursive;font-size:32px;letter-spacing:2px;margin:0;color:#f1c40f}.ad-content p{font-size:18px;margin:0;color:#ffffffb3}.ad-content strong{color:#fff;font-size:24px}.collected-letter-anim{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:100px;font-family:Bangers,cursive;color:#f1c40f;text-shadow:0 0 20px rgba(241,196,15,.8),0 0 40px rgba(241,196,15,.5),4px 4px 0 #000;z-index:9999;pointer-events:none;animation:zoomInFadeOutUp 2s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes zoomInFadeOutUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.8)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomInBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#1a1a3a,#0d0d1a);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .8s ease-out}.splash-content{text-align:center;animation:zoomInBounce 1s cubic-bezier(.175,.885,.32,1.275)}.splash-title{font-family:Luckiest Guy,cursive;font-size:clamp(80px,15vw,180px);color:#fff;text-shadow:8px 8px 0px var(--accent-color),12px 12px 30px rgba(255,159,67,.4);margin:0;letter-spacing:4px;transform:rotate(-2deg)}.splash-version{font-family:Outfit,sans-serif;font-size:18px;color:#fff9;margin-top:-10px;margin-bottom:40px;letter-spacing:2px}.splash-start-btn{background:var(--accent-color);color:#000;border:none;padding:20px 60px;font-family:Bangers,cursive;font-size:32px;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #ff9f4366;transition:all .3s cubic-bezier(.175,.885,.32,1.275);letter-spacing:2px;width:auto!important}.splash-start-btn:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 15px 40px #ff9f4399;filter:brightness(1.1)}.splash-start-btn:active{transform:scale(.95)}