*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Oswald,sans-serif;background:#1a1a2e;color:#e0e0e0}.loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:#1a1a2e;z-index:200}.loading-spinner{width:40px;height:40px;border:3px solid rgba(233,69,96,.2);border-top-color:#e94560;border-radius:50%;animation:spin .8s linear infinite;will-change:transform}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}90%{transform:translate(1px)}}@keyframes snap-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-text{font-size:.85rem;letter-spacing:.2em;color:#fff6;text-transform:uppercase}.game-container{width:100%;height:100%;position:relative;overflow:hidden}.canvas-wrapper{position:absolute;inset:0;z-index:0}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.start-menu{background:#0a0a12 url(/dedaku_1.webp) center center / contain no-repeat}.start-menu:before{content:"";position:absolute;inset:0;background:#0a0a1ea6}.start-menu>*{position:relative}.dust-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dust{position:absolute;width:3px;height:3px;border-radius:50%;background:#c8b49666;animation:dust-float 16s ease-in-out infinite,dust-fade 12s ease-in-out infinite}@keyframes dust-float{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-10px,-40px)}75%{transform:translate(-25px,-15px)}}@keyframes dust-fade{0%,to{opacity:.2}50%{opacity:.7}}.version-label{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff4d;letter-spacing:.1em}.win-screen{background:#140f00e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}.title{font-family:Bebas Neue,sans-serif;font-size:4rem;font-weight:900;letter-spacing:.15em;margin-bottom:.25em;text-transform:uppercase}.start-menu .title{font-size:4.5rem;color:#e94560;text-shadow:0 0 40px rgba(233,69,96,.5)}.win-title{color:gold;text-shadow:0 0 30px rgba(255,215,0,.6)}.subtitle{font-size:1.2rem;color:#aaa;margin-bottom:2rem}.stat{font-size:1.1rem;color:#ccc;margin:.3em 0}.stats{margin-bottom:1.5rem}.start-content{display:flex;flex-direction:column;align-items:center;animation:snap-in .2s cubic-bezier(0,0,.2,1)}.start-actions{margin-top:1.5rem}.difficulty-heading{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.1em;color:#bbaeb1;margin-bottom:1rem}.difficulty-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;min-width:320px}.difficulty-buttons .btn{font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:.1em;border:1px solid transparent;border-left:3px solid;border-radius:0;transition:all .2s ease}.difficulty-buttons .btn-easy{border-left-color:#5a8a3c;border-color:#5a8a3c66;background:#0a1405e6;color:#8ab860;text-shadow:0 0 10px rgba(90,138,60,.3)}.difficulty-buttons .btn-easy:hover{background:#5a8a3c26;color:#a4d47a}.difficulty-buttons .btn-medium{border-color:#b5852b66;border-left-color:#b5852b;background:#140f05e6;color:#c4a23a;text-shadow:0 0 10px rgba(181,133,43,.3)}.difficulty-buttons .btn-medium:hover{background:#b5852b26;color:#dab94a}.difficulty-buttons .btn-hard{border-color:#8b1a1a66;border-left-color:#8b1a1a;background:#1e0505e6;color:#c44;text-shadow:0 0 10px rgba(139,26,26,.3)}.difficulty-buttons .btn-hard:hover{background:#8b1a1a26;color:#e05555;animation:shake .4s ease}.difficulty-desc{font-family:Oswald,sans-serif;font-size:.65rem;letter-spacing:.08em;color:#ffffff59;text-transform:none}.start-divider{width:60px;border:none;border-top:1px solid rgba(255,255,255,.2);margin:1.2rem 0}button.start-btn{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:.15em;padding:.6em 2.5em;border-radius:0;background:#1e0505e6;border:1px solid rgba(233,69,96,.4);border-left:3px solid #e94560;color:#e94560;text-shadow:0 0 10px rgba(233,69,96,.3)}button.start-btn:hover{background:#e9456026;border-color:#e9456099;border-left-color:#e94560;color:#ff5a75;text-shadow:0 0 14px rgba(233,69,96,.5);box-shadow:0 0 20px #e9456026;transform:none}.overlay-buttons{display:flex;gap:1rem;margin-top:1rem}.btn{padding:.8em 1.8em;font-size:1.1rem;font-weight:600;border:1px solid rgba(233,69,96,.4);border-left:3px solid #e94560;border-radius:0;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.3em;background:#1e0505e6;color:#e94560;text-shadow:0 0 10px rgba(233,69,96,.3)}.btn:hover{background:#e9456026;color:#ff5a75;text-shadow:0 0 14px rgba(233,69,96,.5);box-shadow:0 0 20px #e9456026;transform:none}.btn-secondary{background:#0a0a14e6;border:1px solid rgba(150,150,150,.3);border-left:3px solid #666;color:#999;text-shadow:none}.btn-secondary:hover{background:#9696961a;border-color:#96969680;border-left-color:#999;color:#ccc;box-shadow:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;height:60px;padding:0 1.2rem;background:#0a0a1eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;pointer-events:auto;gap:1.5rem;border-bottom:1px solid rgba(233,69,96,.3)}.hud-item{display:flex;align-items:center;gap:.5em}.hud-label{font-size:.8rem;text-transform:uppercase;color:#888;letter-spacing:.05em}.hud-value{font-size:1rem;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;min-width:3em}.hud-buttons{display:flex;gap:.5rem;margin-left:auto;align-items:center}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(150,150,150,.3);border-radius:0;cursor:pointer;background:#0a0a14e6;color:#999;transition:all .2s}.btn-icon:hover{background:#9696961a;border-color:#96969680;color:#ccc}.hud-exit-btn{background:#1e0505e6;border-color:#e9456066;color:#e94560}.hud-exit-btn:hover{background:#e9456026;color:#ff5a75}.hud-cheat-btn{background:#0a0a14e6;border-color:#9696964d;color:#666}.hud-cheat-btn:hover{background:#9696961a;border-color:#96969680;color:#999}.hud-cheat-btn-active{background:#1e0505e6;border-color:#e9456066;color:#e94560}.hud-cheat-btn-active:hover{background:#e9456026;color:#ff5a75}.hud-hint-btn{position:relative;background:#0a0a14e6;border-color:#9696964d;color:#666}.hud-hint-btn:hover:not(:disabled){background:#9696961a;border-color:#96969680;color:#999}.hud-hint-btn:disabled{opacity:.4;cursor:not-allowed}.hint-count{position:absolute;top:-5px;right:-5px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;background:#e94560e6;color:#fff}@media(max-width:600px){.start-menu{background:url(/dedaku_1.webp) center center / cover no-repeat}.title{font-size:2.2rem;letter-spacing:.08em}.subtitle{font-size:1rem;margin-bottom:1.2rem}.overlay-buttons{flex-direction:column;width:100%;padding:0 2rem;gap:.75rem}.overlay-buttons .btn{width:100%}.btn{padding:.9em 1.2em;font-size:1rem;min-height:44px}.btn-icon{width:40px;height:40px}.hud{height:54px;padding:0 .6rem;gap:.5rem}.hud-label{font-size:.7rem}.hud-value{font-size:.85rem}.stat{font-size:.95rem}.difficulty-heading{font-size:1.5rem}.difficulty-buttons{min-width:unset;width:100%;padding:0 1rem}.difficulty-buttons .btn{font-size:1.1rem}.overlay{padding:1rem}}