@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap";.top-bar{z-index:10;pointer-events:none;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:absolute;top:0;left:0}.stat-box{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-weight:700;display:flex;box-shadow:0 4px 6px #0000001a}.level-box h2{color:#fff;text-shadow:0 2px 4px #00000080;letter-spacing:2px;margin:0;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800}@media (width<=600px){.top-bar{padding:1rem}.stat-box{padding:.3rem .6rem;font-size:.9rem}.level-box h2{font-size:1.2rem}}.bottom-controls{z-index:10;pointer-events:none;box-sizing:border-box;justify-content:center;gap:1.5rem;width:100%;padding:2rem;display:flex;position:absolute;bottom:0;left:0}.control-btn{pointer-events:auto;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;flex-direction:column;align-items:center;gap:.3rem;min-width:70px;padding:.8rem;font-family:Inter,sans-serif;transition:all .2s;display:flex}.control-btn:hover{background:#fff3;transform:translateY(-2px)}.control-btn:active{transform:translateY(2px)}.control-btn .icon{font-size:1.5rem}.control-btn .label{text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700}.hint-btn{background:#ffd70026;border-color:#ffd7004d}.hint-btn:hover{background:#ffd70040}.hint-btn.disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}@media (width<=600px){.bottom-controls{gap:.8rem;padding:1rem}.control-btn{min-width:60px;padding:.6rem}.control-btn .icon{font-size:1.2rem}.control-btn .label{font-size:.6rem}}.victory-overlay{-webkit-backdrop-filter:blur(5px);z-index:100;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s fadeIn;display:flex;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.victory-modal{text-align:center;color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem;font-family:Inter,sans-serif;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;transform:scale(.9);box-shadow:0 20px 40px #00000080}@keyframes popIn{to{transform:scale(1)}}.title-gradient{background:linear-gradient(45deg,#fc0,#fa0);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;margin-top:0;margin-bottom:2rem;font-size:2.5rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat{background:#ffffff0d;border-radius:12px;flex-direction:column;padding:1rem;display:flex}.stat .label{color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.8rem}.stat .value{font-size:1.5rem;font-weight:700}.actions{justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:30px;padding:1rem 2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .2s}.btn.primary{color:#fff;background:linear-gradient(45deg,#00d2ff,#3a7bd5);box-shadow:0 4px 15px #00d2ff4d}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d2ff66}.btn.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn.secondary:hover{background:#fff3}.panel-overlay{-webkit-backdrop-filter:blur(5px);z-index:100;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:absolute;top:0;left:0}.panel-modal{color:#fff;background:linear-gradient(135deg,#1f1f3a,#151525);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;font-family:Inter,sans-serif;display:flex;position:relative;box-shadow:0 20px 40px #00000080}.close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:24px;position:absolute;top:15px;right:15px}.close-btn:hover{opacity:1}.panel-modal h2{text-align:center;letter-spacing:1px;margin:20px 0 10px;font-size:1.5rem}.progress-bar-container{background:#0000004d;border-radius:10px;height:20px;margin:0 20px 20px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#fc0,#fa0);height:100%;transition:width .5s}.progress-text{text-align:center;text-shadow:0 1px 2px #00000080;width:100%;font-size:.7rem;font-weight:700;line-height:20px;position:absolute;top:0;left:0}.achievements-list{flex-direction:column;flex:1;gap:10px;padding:0 20px 20px;display:flex;overflow-y:auto}.achievement-item{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:10px;align-items:center;padding:10px;display:flex}.achievement-item.unlocked{background:#ffd7001a;border-color:#ffd7004d}.achievement-item .icon{margin-right:15px;font-size:24px}.achievement-item .details{flex:1}.achievement-item h3{margin:0 0 5px;font-size:1rem}.achievement-item p{color:#aaa;margin:0;font-size:.8rem}.achievement-item .reward{color:#fc0;font-size:.9rem;font-weight:700}.leaderboard-modal{max-width:500px}.leaderboard-list{flex-direction:column;flex:1;gap:8px;padding:0 20px 20px;display:flex;overflow-y:auto}.list-header{color:#aaa;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #fff3;padding:10px;font-size:.8rem;display:flex}.leaderboard-item{background:#ffffff08;border-radius:8px;align-items:center;padding:12px 10px;display:flex}.leaderboard-item.current-player{background:#00d2ff26;border:1px solid #00d2ff4d;font-weight:700}.col-rank{color:#fc0;width:40px;font-weight:700}.col-name{flex:1}.col-score{text-align:right;color:#fff;width:80px;font-weight:700}.loading{text-align:center;color:#aaa;padding:40px}.level-modal{max-width:350px}.level-grid{grid-template-columns:repeat(4,1fr);gap:15px;padding:20px;display:grid;overflow-y:auto}.level-btn{aspect-ratio:1;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.level-btn:hover:not(.locked){background:#fff3;transform:translateY(-2px)}.level-btn.current{color:#fc0;background:#ffd70033;border-color:#ffd700cc;box-shadow:0 0 10px #ffd7004d}.level-btn.locked{color:#ffffff4d;cursor:not-allowed;background:#0000004d;border-color:#0000}html,body,#root{-webkit-user-select:none;user-select:none;background-color:#101018;width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}.app-container{background-color:#111;background-image:url(/bg_brown_wood.png);background-position:50%;background-size:cover;width:100vw;height:100dvh;min-height:100dvh;position:relative}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}