*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{color:#f8fafc;background:#0f172a;width:100vw;height:100vh;font-family:"M PLUS Rounded 1c",sans-serif;overflow:hidden}#game-container{background:linear-gradient(135deg,#1e293b,#0f172a);border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;width:100vw;max-width:450px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 32px #00000080}.hud-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f172ad9;border-bottom:2px solid #ffffff0d;justify-content:space-between;align-items:center;height:60px;padding:0 12px;display:none}.hud-container.active{display:flex}.hud-btn{color:#f1f5f9;cursor:pointer;background:#334155;border:none;border-radius:9999px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:900;transition:all .1s;box-shadow:0 4px #1e293b}.hud-btn:active{box-shadow:none;transform:translateY(4px)}.hud-btn-icon{justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;display:flex}.hud-stage-name{color:#38bdf8;text-shadow:0 2px 4px #00000080;font-size:14px;font-weight:900}#phaser-container{background:#38bdf8;flex:1;width:100%;position:relative;overflow:hidden}#phaser-container canvas{object-fit:contain;width:100%!important;height:100%!important}.controller-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f172ae6;border-top:2px solid #ffffff0d;justify-content:space-between;align-items:center;height:120px;padding:0 16px;display:none}.controller-container.active{display:flex}.controller-left,.controller-right{gap:8px;display:flex}.control-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:20px;font-family:inherit;font-size:15px;font-weight:900;transition:all 50ms}.btn-blue{background:linear-gradient(135deg,#38bdf8,#0284c7);width:72px;height:72px;box-shadow:0 6px #0369a1}.btn-blue:active,.btn-blue.pressed{box-shadow:none;background:#0284c7;transform:translateY(6px)}.btn-orange{background:linear-gradient(135deg,#fb923c,#ea580c);width:84px;height:72px;box-shadow:0 6px #c2410c}.btn-orange:active,.btn-orange.pressed{box-shadow:none;background:#ea580c;transform:translateY(6px)}.btn-red{background:linear-gradient(135deg,#f87171,#dc2626);width:84px;height:72px;box-shadow:0 6px #b91c1c}.btn-red:active,.btn-red.pressed{box-shadow:none;background:#dc2626;transform:translateY(6px)}.btn{cursor:pointer;border:none;border-radius:9999px;font-family:inherit;font-weight:900;transition:all .1s}.btn-primary{color:#0f172a;background:linear-gradient(135deg,#facc15,#eab308);padding:14px 44px;font-size:22px;box-shadow:0 6px #ca8a04}.btn-primary:active{box-shadow:none;transform:translateY(6px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.overlay-screen{z-index:100;background:linear-gradient(135deg,#0f172a,#1e1b4b);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:none;position:absolute;inset:0}.overlay-screen.active{display:flex}.title-logo-container{text-align:center;margin-bottom:8px}.title-main{color:#38bdf8;text-shadow:0 0 16px #38bdf866,0 4px #0284c7;letter-spacing:-2px;font-size:48px;font-weight:900}.title-sub{color:#facc15;text-shadow:0 0 16px #facc1566,0 4px #ca8a04;margin-top:-8px;font-size:40px;font-weight:900}.title-desc{color:#cbd5e1;margin-bottom:32px;font-size:14px;font-weight:700}.stage-select-box{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-bottom:32px;padding:16px;display:flex}.select-label{color:#94a3b8;text-align:center;font-size:13px;font-weight:900}.stage-buttons{flex-direction:column;gap:8px;display:flex}.btn-stage{color:#94a3b8;background:#334155;border:2px solid #0000;border-radius:16px;padding:12px;font-size:14px}.btn-stage.active{color:#38bdf8;background:#1e1b4b;border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}.btn-mute-title{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:900;position:absolute;bottom:24px}.clear-overlay-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;background:#0f172ad9;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.clear-overlay-screen.active{opacity:1;pointer-events:auto}.clear-card{text-align:center;background:linear-gradient(135deg,#1e1b4b,#311042);border:4px solid #facc15;border-radius:32px;width:100%;max-width:320px;padding:32px 24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.9);box-shadow:0 16px 32px #00000080}.clear-overlay-screen.active .clear-card{transform:scale(1)}.clear-title{color:#facc15;text-shadow:0 4px #ca8a04;margin-bottom:12px;font-size:32px;font-weight:900}.font-all-clear{color:#f43f5e;text-shadow:0 4px #be123c;font-size:36px}.clear-stars{letter-spacing:4px;margin-bottom:16px;font-size:40px;animation:1s ease-in-out infinite pulse}.clear-text{color:#e2e8f0;margin-bottom:24px;font-size:16px;font-weight:700;line-height:1.6}