#startOverlay,.rain-container,body,footer,html{overflow:hidden}#ui,.ocean,.rain-container,footer{pointer-events:none}#homeBtn,#ui{transform:translateX(-50%)}#homeBtn,#restartBtn{left:50%;backdrop-filter:blur(8px);z-index:999}#rotateWarning,*{box-sizing:border-box}#loaderScreen,#rotateWarning{left:0;width:100vw;font-family:monospace;z-index:99999;text-align:center}#lifeBarWrapper,#loaderScreen,#rotateWarning,#titleContent,#ui{text-align:center}:root{--intro-desktop:url("https://container-lost.jamesrmoro.me/assets/images/intro-desktop.jpg?x-oss-process=image/format,webp");--intro-mobile:url("https://container-lost.jamesrmoro.me/assets/images/intro-mobile.png?x-oss-process=image/format,webp");--start-game:url("https://container-lost.jamesrmoro.me/assets/images/start-game.png?x-oss-process=image/format,webp")}*{-webkit-user-select:none;-ms-user-select:none;user-select:none}body,html{background:#2c3e50;font-family:sans-serif;max-width:100vw;overflow-x:hidden;display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:100%}#homeIconBtn,#soundToggle,#startOverlay{align-items:center;position:absolute;display:flex}html.intro-skipped #startOverlay,html.intro-skipped #titleScreen{display:none!important}.group-top{width:350px;margin:0 auto;position:absolute;top:10px}#ui{position:absolute;top:30px;width:350px;left:50%;color:#fff;font-size:18px;z-index:90;display:none}#homeIconBtn,#soundToggle{top:0;padding:8px;font-size:16px;background:rgba(255,255,255,.1);border:none;color:#fff;cursor:pointer;z-index:100;height:42px}#restartBtn,#startBtn{font-size:20px;padding:12px 24px;transition:background .3s;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.4);display:none;color:#fff}#homeIconBtn{left:10px}#soundToggle{right:10px;width:85px;justify-content:center}#startBtn{background:#212121;z-index:3}#restartBtn{position:absolute;top:45%;transform:translate(-50%,-50%);background:rgba(226,118,48,.85)}#restartBtn:hover{background:#ff974d}#startBtn:hover{background-color:#000}#gameWrapper{position:relative;width:100%;max-width:100%;margin:0 auto;z-index:10}#gameWrapper.blurred{backdrop-filter:blur(6px);background-color:rgba(10,61,98,.4);position:relative}#gameWrapper.blurred::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 40%);backdrop-filter:blur(6px);z-index:5;pointer-events:none}#gameWrapper.rocking{animation:5s ease-in-out infinite bottleRock}#startOverlay{top:0;left:0;width:100%;height:100%;justify-content:center;z-index:2}#gameCanvas,.blurredBg,.titleBackground{width:100%;height:100%;z-index:1}.blurredBg{position:absolute;top:0;left:0;background-image:var(--start-game);background-size:cover;background-position:center}#startOverlay button{position:relative;z-index:2}#gameCanvas{display:block;background:0 0;transform-origin:center center;margin:0 auto}@keyframes bottleRock{0%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-1.5px) rotate(-.7deg)}40%{transform:translateY(1.5px) rotate(.7deg)}60%{transform:translateY(-1px) rotate(-.5deg)}80%{transform:translateY(1px) rotate(.5deg)}}.shake{animation:.2s shake}.wave1,.wave2{animation:8s linear infinite waveAnim}@keyframes shake{0%{transform:translate(1px,1px)}25%{transform:translate(-2px,0)}50%{transform:translate(2px,2px)}75%{transform:translate(-1px,-1px)}100%{transform:translate(0,0)}}footer{position:absolute;bottom:0;width:100%;height:175px;line-height:0;z-index:5;background:#0a3d62}footer svg{width:200%;height:100%}.wave1{fill:#0a3d62}.wave2{fill:rgba(255,255,255,0.1);animation-direction:reverse}@keyframes waveAnim{from{transform:translateX(0)}to{transform:translateX(-50%)}}#titleScreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99;display:flex;align-items:center;justify-content:end;flex-direction:column}.titleBackground{position:absolute;top:0;left:0}#introText,#loaderScreen,#rotateWarning,.rain-container{position:fixed;top:0}@media (min-width:601px){.titleBackground{background-image:var(--intro-desktop);height:100dvh;background-size:cover;background-repeat:no-repeat;background-position:center top}}#lifeBar,.life-block{background:#00ff5e;height:100%}#startGameButton{position:relative;z-index:2;font-size:24px;padding:14px 28px;background:#e27630;color:#fff;border:none;cursor:pointer;font-family:monospace;box-shadow:0 4px 10px rgba(0,0,0,.5);margin-bottom:60px}#titleContent{position:relative;z-index:2;max-width:90%;color:#fff;font-family:monospace}#introText p{margin:10px 0;font-size:16px;line-height:1.4;font-style:italic}#introText{background-color:rgba(0,0,0,.5);padding:10px 20px;right:0;height:100vh;justify-content:center;align-items:start;display:flex;width:300px;text-align:left;flex-direction:column}#introText a{color:#fff}#lifeBarWrapper{margin-top:12px;position:relative;height:40px}#lifePercentage{position:absolute;top:25px;right:0;font-size:16px;color:#fff;left:0;margin:0 auto}#lifeBarContainer{display:flex;justify-content:center;gap:3px;width:90%;height:20px;margin:0 auto;padding:2px;background:rgba(255,255,255,.1);border-radius:10px;box-shadow:inset 0 0 4px rgba(0,0,0,.6)}.life-block{width:10px;border-radius:4px;box-shadow:0 0 4px #00ff5e,0 0 8px #00ff5e,0 0 12px #00ff5e;transition:opacity .3s;opacity:.2}.life-block.active{opacity:1}#lifeBar{width:100%;box-shadow:0 0 5px #00ff5e,0 0 10px #00ff5e,0 0 15px #00ff5e,0 0 20px #00ff5e;transition:width .3s}#scoreWrapper{flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;font-size:16px;padding:0;margin:0;transform:none}.rain-container{left:0;width:100%;height:100%;z-index:0}.content{position:relative;z-index:1;color:#fff;padding:20px}#homeBtn,.ocean,.raindrop,.splash,.wave{position:absolute}.raindrop{width:2px;height:30px;background:rgba(255,255,255,.6);border-radius:50% 50% 0 0;transform:rotate(0);animation:linear infinite fall;opacity:.7}@keyframes fall{0%{transform:translateY(-100vh);opacity:.7}100%{transform:translateY(100vh);opacity:0}}.splash{width:5px;height:2px;border-radius:50%;background:rgba(255,255,255,.5);animation:.3s ease-out splash-animation;opacity:0}@keyframes splash-animation{0%{transform:scale(.1);opacity:.9}100%{transform:scale(1.5);opacity:0}}.ocean{bottom:-40px;width:100%;height:5%;z-index:4}.wave{background:url(./../../assets/images/wave.svg) repeat-x;top:-198px;width:6400px;height:198px;-webkit-animation:7s cubic-bezier(.36,.45,.63,.53) infinite wave;animation:7s cubic-bezier(.36,.45,.63,.53) infinite wave;transform:translate3d(0,0,0);will-change:transform}.wave:nth-of-type(2){top:-175px;-webkit-animation:7s cubic-bezier(.36,.45,.63,.53) -125ms infinite wave,7s -1.25s infinite swell;animation:7s cubic-bezier(.36,.45,.63,.53) -125ms infinite wave,7s -1.25s infinite swell;opacity:1}@-webkit-keyframes wave{0%{margin-left:0}100%{margin-left:-1600px}}@keyframes wave{0%{margin-left:0}100%{margin-left:-1600px}}@-webkit-keyframes swell{0%,100%{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}@keyframes swell{0%,100%{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}#homeBtn{top:calc(45% + 60px);font-size:16px;padding:15px 20px;border:none;color:#fff;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.4);background:rgba(0,133,255,.85);width:200px}#homeBtn:hover{background:#0af}.close-mobile-only,.mobile-only{display:none}#rotateWarning{display:none;height:100vh;background:#0a3d62;color:#fff;font-size:18px;justify-content:center;align-items:center;padding:20px}#loaderScreen{height:100dvh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}#loaderText{animation:1.5s infinite blink;width:80%}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}@media screen and (orientation:landscape) and (max-width:768px){#rotateWarning{display:flex}#gameWrapper,#homeBtn,#restartBtn,#startOverlay,#titleScreen,#ui,.ocean,.rain-container{display:none!important}}@media (max-width:600px){#gameWrapper{width:min(100vw,calc(100dvh * 9 / 16 - 20px));margin:0 auto;height:auto}.wave,.wave:nth-of-type(2){top:auto!important;bottom:0}.ocean{height:180px;overflow:hidden}#ui{width:100%;max-width:100%;top:10px;left:0;transform:none;font-size:16px;text-align:center}#scoreWrapper{flex-direction:column;gap:8px;font-size:18px}.titleBackground{background-image:var(--intro-mobile);height:100dvh;background-size:cover;background-repeat:no-repeat;background-position:center top}#titleContent{display:flex;flex-direction:column;position:absolute;bottom:80px}#introText{background-color:rgb(0 0 0 / 88%);top:inherit;height:100vh;width:100%;text-align:center;bottom:0;display:none;z-index:99;flex-direction:column;align-items:center}#introText a{color:#fff}#aboutGameBtn{font-size:16px;margin-top:12px;padding:10px 22px;border:none;color:#fff;cursor:pointer;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);font-family:monospace;display:inline-block;z-index:2}#startGameButton{margin-bottom:0}.close-mobile-only{display:block;font-size:19px;margin:25px auto 0}}