@font-face{font-family:VAGRoundedNextBlack;src:url(/font/fonnts.com-VAG_Rounded_Next_W05_Black.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body{margin:0;padding:0;width:100%;height:100%;height:-webkit-fill-available;overflow:hidden}#root{width:100vw;height:100vh;height:-webkit-fill-available;position:absolute}body{background-color:#a0d7e6;font-family:VAGRoundedNextBlack,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overscroll-behavior:none;touch-action:none}canvas{display:block}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2em;z-index:100;opacity:1;transition:opacity .5s ease-out;gap:15px;text-align:center;padding:20px;box-sizing:border-box}#loading-gif{max-width:50%;max-height:50%;object-fit:contain}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-text{font-size:1em;text-align:center;width:100%}#loading-progress{font-size:.8em;text-align:center;width:100%}#ui-container{position:absolute;top:10px;left:10px;right:auto;color:#fff;text-shadow:1px 1px 3px black;z-index:50;font-size:1.5em;pointer-events:none;text-align:left;width:auto;display:block}#score{margin-bottom:15px;text-align:left;width:auto;display:block;background-color:#8b4513cc;padding:8px 15px;border-radius:15px;display:inline-block}#progress-section{display:block;margin-top:10px}#progress-container{width:200px;height:20px;background-color:#00000080;border:2px solid white;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #000000b3;display:inline-block;vertical-align:middle;margin-left:8px}#progress-label{font-size:1.2em;display:inline-block;margin-right:5px;vertical-align:middle}@media (max-width: 768px){#ui-container{left:10px;right:auto;text-align:left;width:auto;display:block}#score{text-align:left;width:auto;display:block}}#magnet-section{display:block;margin-top:15px}#magnet-bar-container{width:200px;height:20px;background-color:#00000080;border:2px solid #1976D2;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #1976d2b3;display:inline-block;vertical-align:middle;margin-left:8px}#magnet-label{font-size:1.2em;display:inline-block;margin-right:5px;vertical-align:middle}#magnet-bar{height:100%;background:linear-gradient(90deg,#1976d2,#42a5f5);width:100%;transition:width .1s linear;border-radius:8px;box-shadow:0 0 10px #1976d2cc}#multiplier-section{display:block;margin-top:15px}#multiplier-bar-container{width:200px;height:20px;background-color:#00000080;border:2px solid #FFD700;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #ffd700b3;display:inline-block;vertical-align:middle;margin-left:8px}#multiplier-label{font-size:1.2em;display:inline-block;margin-right:5px;vertical-align:middle}#multiplier-bar{height:100%;background:linear-gradient(90deg,gold,orange);width:100%;transition:width .1s linear;border-radius:8px;box-shadow:0 0 10px #ffd700cc}#progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);width:100%;transition:width .2s ease-out;border-radius:8px}#game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f44;font-size:4em;font-weight:700;text-align:center;text-shadow:2px 2px 5px black;display:none;z-index:101;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:90%;max-width:500px;padding:20px;box-sizing:border-box;background-color:#8b4513e6;border:4px solid #3d2817;border-radius:15px;box-shadow:0 0 20px #000000b3}#restart-button{background-color:#21c60ffc;color:#fff;padding:12px 20px;border:none;border-radius:8px;font-size:.4em;cursor:pointer;box-shadow:2px 2px 5px #00000080;transition:background-color .3s ease}#restart-button:hover{background-color:#0056b3}#logo-container{position:absolute;top:10px;right:10px;z-index:99999;pointer-events:none}#logo{max-width:120px;max-height:80px;width:auto;height:auto;object-fit:contain}@media (max-width: 768px){#logo{max-width:80px;max-height:60px}}.control-button{position:fixed;bottom:max(20px,env(safe-area-inset-bottom,20px));width:80px;height:80px;background-color:#ffffff4d;border:2px solid rgba(0,0,0,.5);border-radius:50%;z-index:60;display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}.control-button img{width:60%;height:60%;object-fit:contain;pointer-events:none}.control-button:active{background-color:#ffffff80}#left-button{left:max(20px,env(safe-area-inset-left,20px))}#right-button{right:max(20px,env(safe-area-inset-right,20px))}@media (max-width: 768px){#loading-screen{font-size:1.2em;padding:20px;text-align:center}#loading-text{font-size:.9em;text-align:center}#loading-progress{font-size:.7em;text-align:center}#ui-container{font-size:1em;top:10px;text-align:center}#game-over{font-size:2em;padding:20px;text-align:center;width:90%;max-width:400px}#restart-button{font-size:.5em;padding:15px 25px}.control-button{bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 30px));width:70px;height:70px;font-size:2em}#left-button{left:max(15px,calc(env(safe-area-inset-left,0px) + 15px))}#right-button{right:max(15px,calc(env(safe-area-inset-right,0px) + 15px))}}@supports (-webkit-touch-callout: none){.control-button{bottom:max(40px,calc(env(safe-area-inset-bottom,0px) + 40px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}