*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#041428;font-family:Fredoka,Segoe UI,system-ui,-apple-system,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}body{position:fixed;top:0;right:0;bottom:0;left:0}#app{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#game-container{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;line-height:0;overflow:hidden}#game-canvas{display:block;width:100%;height:100%;image-rendering:auto;touch-action:none}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;line-height:normal;pointer-events:none;z-index:10}.ui-panel{pointer-events:auto;position:absolute;background:linear-gradient(180deg,#10325ae6,#081937f5);border:2px solid rgba(100,200,255,.45);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #000a1eb3,0 0 24px #3c8cdc40,inset 0 1px 2px #ffffff4d,inset 0 -2px 6px #0006;padding:16px 24px;color:#fff;transition:transform .15s ease-out}.ui-left{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:16px;pointer-events:none}.ui-score{position:relative;top:0;left:0;display:flex;flex-direction:column;align-items:center;min-width:120px;padding:18px 24px 20px}.ui-modes{position:relative;top:0;left:0;display:flex;gap:0;padding:4px;border-radius:14px}.ui-mode-btn{background:#14466e99;border:1.5px solid rgba(100,180,255,.25);color:#b4dcffd9;padding:8px 18px;border-radius:12px;font-family:Fredoka,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .18s ease}.ui-mode-btn:first-child{border-radius:8px 0 0 8px;border-right:none}.ui-mode-btn:last-child{border-radius:0 8px 8px 0;border-left:none}.ui-mode-btn.active{background:linear-gradient(180deg,#4fc3f7,#2196f3);color:#fff;border-color:#64d2ff99;box-shadow:0 0 10px #4fc3f759;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ui-mode-btn:hover:not(.active){background:#1e5a8cb3}.score-bump{animation:scorePop .25s ease-out}@keyframes scorePop{0%{transform:scale(1)}40%{transform:scale(1.22);color:#fff176}to{transform:scale(1)}}.ui-label{font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:#a0dcfff2;text-transform:uppercase}.ui-label-small{margin-top:8px;font-size:10px;letter-spacing:1.5px;color:#a0dcffb3}.ui-value{font-family:Fredoka,sans-serif;font-size:42px;font-weight:700;line-height:1.1;color:#ffd54f;text-shadow:0 2px 10px rgba(255,180,0,.3),0 2px 4px rgba(0,0,0,.5);display:inline-block}.ui-value-small{font-size:22px;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.4)}.ui-center{position:absolute;top:180px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.mobile-top-center{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:11}.ui-next{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 18px;min-width:100px;z-index:11}.ui-whales{position:absolute;top:10px;right:calc(50% + 320px);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:100px;padding:6px 18px;z-index:11;transition:all .3s ease}.ui-whales-img{width:48px;height:auto;object-fit:contain;margin:-2px 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:all .3s ease}.ui-whales-value{font-family:Fredoka,sans-serif;font-size:22px;line-height:1;font-weight:700;color:#4fc3f7;text-shadow:0 0 16px rgba(79,195,247,.6);transition:color .3s ease}.ui-whales-ready{border-color:#0fac!important;box-shadow:0 10px 30px #00281499,0 0 24px #0fa6,inset 0 1px 2px #fff6,inset 0 0 12px #00ffaa4d!important}.ui-whales-ready .ui-whales-img{filter:drop-shadow(0 0 8px rgba(0,255,170,.6)) brightness(1.1);transform:scale(1.05)}.ui-whales-ready .ui-whales-value{color:#0fa;text-shadow:0 0 16px rgba(0,255,170,.8)}#next-preview{display:block;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#1e507880,#081e3799);border:1.5px solid rgba(100,200,255,.25);box-shadow:inset 0 2px 6px #0000004d,0 0 8px #3c8cdc26}.ui-right{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:16px;pointer-events:auto}.ui-controls{position:relative;display:flex;gap:12px;padding:8px 10px}.ui-btn{width:48px;height:48px;border:1.5px solid rgba(100,200,255,.4);border-radius:14px;background:linear-gradient(180deg,#1e5a96b3,#0f3764cc);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #000a1e66,inset 0 1px 1px #ffffff26;transition:background .15s,transform .1s,box-shadow .15s}.ui-btn:hover{background:linear-gradient(180deg,#3278b4cc,#194b82d9);box-shadow:0 3px 12px #000a1e66,0 0 12px #4fc3f740,inset 0 1px 1px #fff3}.ui-btn:active{transform:scale(.94)}#combo-container{margin-top:6px;padding:3px 10px;background:linear-gradient(90deg,#ff78004d,#ff3c0033);border-radius:6px;border:1px solid rgba(255,150,50,.4)}.combo-text{font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;color:#ffb74d;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.4)}#combo-multiplier{color:#ff7043;font-weight:700}.tutorial-hint{pointer-events:none;text-align:center;padding:6px 12px;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.tutorial-hint.visible{opacity:1;transform:translateY(0)}.tutorial-hint-main{font-family:Fredoka,sans-serif;font-size:18px;font-weight:800;color:#fff;text-shadow:0 0 8px rgba(0,210,255,.8),0 2px 4px rgba(0,0,0,.6);letter-spacing:1px}.tutorial-hint-sub{font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;color:#e0f2fe;text-shadow:0 1px 3px rgba(0,0,0,.8);margin-top:4px}@media (max-width: 900px){.ui-left{top:10px;left:10px;gap:12px}.ui-score{padding:8px 12px 10px;min-width:75px}.mobile-top-center{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:auto;height:auto;pointer-events:none;z-index:11}.ui-next,.ui-whales{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important}.ui-right{top:10px;right:10px}}@media (max-width: 600px){#app{height:100%}#game-container{width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important}.ui-panel{border-radius:11px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ui-left{top:12px;left:8px;gap:8px}.ui-score{padding:8px 12px 10px;min-width:75px}.ui-modes{padding:4px;display:flex;gap:0}.ui-mode-btn{font-size:10px;padding:6px 10px}.ui-label{font-size:9px;letter-spacing:1px}.ui-label-small{margin-top:4px;font-size:8px}.ui-value{font-size:22px}.ui-value-small{font-size:14px}.mobile-top-center{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:auto;height:auto;pointer-events:none;z-index:11}.ui-next,.ui-whales{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important}.ui-next{padding:6px 10px;min-width:auto;gap:2px}#next-preview{width:34px;height:34px}.ui-whales{padding:6px 10px;min-width:auto}.ui-whales-img{width:28px}.ui-whales-value{font-size:11px;margin-top:2px}.ui-right{top:12px;right:8px}.ui-controls{padding:4px;gap:4px}.ui-btn{width:32px;height:32px;border-radius:10px;font-size:14px}.ui-evolution{position:absolute;top:60px;right:10px;width:170px;max-height:65vh;padding:18px 8px;z-index:100;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .2s ease}.ui-evolution.open{opacity:1;pointer-events:auto;transform:translateY(0)}.evo-track-container{overflow-y:auto;width:100%;margin-top:4px;padding-top:4px}.evo-track-container::-webkit-scrollbar{display:none}#btn-evo-toggle,.evo-close-btn{display:flex}.evo-track-container{max-height:60vh;overflow-y:auto;overflow-x:hidden}.evo-track-container::-webkit-scrollbar{width:2px}.evo-track-container::-webkit-scrollbar-thumb{background:#ffffff4d}.evo-item{width:28px;height:28px}.evo-track{gap:10px;padding:4px}.evo-item:not(:last-child):after{bottom:-10px;font-size:8px}.evo-check{width:12px;height:12px;font-size:7px;bottom:-2px;right:-2px}.tutorial-hint{margin-top:-20px}.tutorial-hint-main{font-size:16px;padding:6px 12px}.tutorial-hint-sub{font-size:12px}.ui-orca-power{bottom:20px;right:20px;padding:10px 18px;font-size:14px}.orca-message{bottom:70px;right:20px;font-size:11px;padding:6px 12px}}@media (max-width: 380px){.ui-left{left:6px;top:6px}.ui-next{top:6px}.ui-right{right:6px;top:6px}#next-preview{width:38px;height:38px}.ui-btn{width:30px;height:30px;font-size:13px}}@media (max-height: 500px) and (orientation: landscape){.ui-left,.ui-next,.ui-right{top:6px}.ui-left{left:8px}.ui-right{right:8px}#next-preview{width:38px;height:38px}.ui-btn{width:30px;height:30px}}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#041223b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .3s ease}.game-over-overlay.hidden{display:none;opacity:0;pointer-events:none}.game-over-modal{display:flex;flex-direction:column;align-items:center;width:380px;padding:30px;background:linear-gradient(180deg,#103c64e6,#082341f2);border:2px solid rgba(100,200,255,.45);border-radius:20px;box-shadow:0 15px 50px #000000b3,0 0 30px #3c8cdc26,inset 0 2px 10px #ffffff1f}.game-over-title{margin:0 0 22px;font-family:Fredoka,sans-serif;font-size:40px;font-weight:700;color:#ff6b6b;letter-spacing:3px;text-shadow:0 3px 8px rgba(0,0,0,.6);text-align:center}.game-over-stat{display:flex;flex-direction:column;align-items:center;margin-bottom:14px}.game-over-label{font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#8cc8f0e6}.game-over-value{font-family:Fredoka,sans-serif;font-size:32px;font-weight:700;line-height:1.1;margin-top:4px;color:#ffd54f;text-shadow:0 2px 8px rgba(255,180,0,.25),0 2px 5px rgba(0,0,0,.5)}.game-over-button{margin-top:18px;padding:15px 35px;background:linear-gradient(180deg,#ffd54f,#f57f17);border:2px solid #fff59d;border-radius:12px;color:#4a2d00;font-family:Fredoka,sans-serif;font-size:20px;transition:transform .15s,filter .15s;text-shadow:0 1px 3px rgba(0,0,0,.3)}.game-over-button:hover{transform:scale(1.05);filter:brightness(1.15)}.game-over-button:active{transform:scale(.95)}#btn-evo-toggle{display:none}.evo-close-btn{display:none;position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:#ff323233;border:1.5px solid rgba(255,100,100,.5);color:#ff8a80;font-family:Fredoka,sans-serif;font-weight:900;font-size:14px;cursor:pointer;align-items:center;justify-content:center;z-index:20}.evo-close-btn:hover{background:#ff323266}.ui-evolution{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:110px;padding:18px 8px;box-sizing:border-box;max-height:calc(100dvh - 90px);max-width:calc(100% - 32px)}.ui-evolution .ui-label{width:100%;text-align:center;margin-top:4px;box-sizing:border-box}.ui-evolution .ui-label-small{width:100%;text-align:center}.evo-track-container{overflow:hidden;width:100%;display:flex;justify-content:center}.evo-track{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:4px}.evo-item{position:relative;width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#081e3c80;border-radius:50%;border:2px solid rgba(100,180,255,.2);transition:all .3s}.evo-item:not(:last-child):after{content:"↓";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);color:#64b4ff66;font-size:14px;font-weight:900}.evo-item img{max-width:80%;max-height:80%;object-fit:contain}.evo-item.locked img{filter:brightness(0) opacity(.35)}.evo-item.locked{background:#040f1e66;border-color:#64b4ff1a}.evo-item.next-target{border-color:#4fc3f7;background:#4fc3f726;box-shadow:0 0 12px #4fc3f766;transform:scale(1.05)}.evo-item.next-target img{filter:none}.evo-item.discovered{border-color:#64c8ff80;background:#143c6480}.evo-item.discovered img{filter:none}.evo-check{position:absolute;bottom:-4px;right:-4px;background:#2ecc71;color:#fff;font-size:14px;font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(10,30,60,.9);box-shadow:0 2px 6px #0009}@media (max-height: 850px){.ui-evolution{gap:8px;padding:12px 6px;width:84px}.ui-evolution .ui-label{font-size:10px;letter-spacing:1px;margin-top:4px}.ui-evolution .ui-label-small{font-size:8px;letter-spacing:1px}.evo-track{gap:12px}.evo-item{width:52px;height:52px}.evo-item:not(:last-child):after{bottom:-12px;font-size:12px}}@media (max-height: 700px){.ui-evolution{gap:4px;padding:8px 4px;width:72px}.ui-evolution .ui-label{font-size:8px;letter-spacing:.5px;margin-top:6px}.ui-evolution .ui-label-small{font-size:7px;letter-spacing:.5px}.evo-track{gap:8px}.evo-item{width:40px;height:40px}.evo-item:not(:last-child):after{bottom:-8px;font-size:10px}.evo-check{width:18px;height:18px;font-size:10px;right:-2px;bottom:-2px}}@media (max-height: 550px){.ui-evolution{gap:2px;padding:6px 2px;width:60px}.ui-evolution .ui-label{font-size:7px;letter-spacing:0px;margin-top:8px}.ui-evolution .ui-label-small{font-size:6px;letter-spacing:0px}.evo-track{gap:4px}.evo-item{width:32px;height:32px;border-width:1.5px}.evo-item:not(:last-child):after{bottom:-6px;font-size:8px}.evo-check{width:14px;height:14px;font-size:8px;right:-1px;bottom:-1px}}.hidden{display:none!important;opacity:0;pointer-events:none}.discovery-overlay{position:absolute;top:auto;bottom:80px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;transition:opacity .3s ease}.discovery-content{background:linear-gradient(180deg,#103c64e6,#082846eb);border:2px solid #4FC3F7;border-radius:14px;padding:10px 18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 25px #0009,0 0 15px #4fc3f733;text-align:center;min-width:140px}.discovery-title{font-family:Fredoka,sans-serif;color:#ffd54f;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);margin-bottom:4px;letter-spacing:1.5px}.discovery-img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));animation:float-discovery 2s infinite ease-in-out}.discovery-name{font-family:Fredoka,sans-serif;color:#fff;font-size:16px;font-weight:700;margin-top:4px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.pop-anim .discovery-content{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes float-discovery{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pop-in{0%{transform:scale(.5);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pulse-bump{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.pulse-bump{animation:pulse-bump .3s cubic-bezier(.175,.885,.32,1.275) forwards}.ui-orca-power{position:absolute;bottom:60px;left:10px;z-index:9999;padding:10px 16px;border-radius:12px;font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;cursor:pointer;pointer-events:auto;display:flex;flex-direction:column;align-items:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ui-orca-power.locked{background:linear-gradient(180deg,#412d7de6,#23144be6);border:2px solid rgba(0,210,255,.5);color:#e0f2fe;box-shadow:0 0 10px #00d2ff40,0 4px 6px #0006}.ui-orca-power.ready{background:linear-gradient(180deg,#00e676,#00c853);color:#fff;border:2px solid #B9F6CA;box-shadow:0 0 15px #00e67699,inset 0 2px 4px #fff6;animation:orcaReadyPulse 1.5s infinite ease-in-out;transform:scale(1.02)}.ui-orca-power.ready-pop{animation:orcaReadyPop .3s ease-out}.ui-orca-power:active{transform:scale(.95)}@keyframes orcaReadyPulse{0%{box-shadow:0 0 15px #00e67699}50%{box-shadow:0 0 25px #00e676e6}to{box-shadow:0 0 15px #00e67699}}@keyframes orcaReadyPop{0%{transform:scale(1)}50%{transform:scale(1.1);filter:brightness(1.2)}to{transform:scale(1.02)}}.orca-message{position:absolute;bottom:110px;left:10px;background:#140a1ed9;color:#ff6b6b;border:1px solid rgba(255,100,100,.4);padding:6px 12px;border-radius:8px;font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;z-index:10000;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;box-shadow:0 4px 8px #00000080}.orca-message.visible{opacity:1;transform:translateY(0)}