*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{overscroll-behavior:none;height:100%}body{color:#e8e4da;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#0f0f14;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{cursor:pointer;border:none;font-family:inherit}.menu{height:100%;padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.menu-title{text-align:center;margin-bottom:8px}.menu-title h1{letter-spacing:.04em;color:#d9993f;text-shadow:0 0 24px #d9993f59;font-size:2.4rem}.menu-spark{color:#ffd166;font-size:1.4rem}.tagline{color:#8a8694;margin-top:4px;font-size:.9rem}.play-btn,.continue-btn{color:#1a120a;background:#d9993f;border-radius:14px;width:min(320px,80vw);padding:14px;font-size:1.1rem;font-weight:700}.continue-btn{color:#e8e4da;background:#2a2a38}.level-grid{grid-template-columns:repeat(5,1fr);gap:10px;width:min(320px,80vw);display:grid}.level-cell{aspect-ratio:1;color:#e8e4da;background:#1c1c26;border:1px solid #2a2a38;border-radius:12px;font-size:1.05rem;font-weight:700}.level-cell:disabled{opacity:.45;cursor:default}.menu-stats{color:#8a8694;font-size:.95rem}.settings{color:#b8b2a6;align-items:center;gap:24px;font-size:.92rem;display:flex}.settings label{align-items:center;gap:8px;display:flex}.settings select{color:#e8e4da;background:#1c1c26;border:1px solid #2a2a38;border-radius:8px;padding:8px;font-size:16px}.settings input[type=checkbox]{accent-color:#d9993f;width:20px;height:20px}.game-screen{flex-direction:column;height:100%;display:flex;position:relative}.hud{padding:8px 14px 4px;padding-top:max(8px, env(safe-area-inset-top));font-size:.95rem}.hud-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.hud-sub{color:#b8b2a6;justify-content:flex-start;gap:18px;margin-top:2px;font-size:.85rem}.hud-btn{color:#e8e4da;background:#1c1c26;border-radius:8px;padding:4px 12px;font-size:1rem}.canvas-wrap{flex:1;min-height:0;position:relative}.canvas-wrap canvas{display:block;position:absolute;inset:0}.hint{color:#ffd166;white-space:nowrap;background:#1c1c26e6;border:1px solid #2a2a38;border-radius:10px;padding:8px 14px;font-size:.85rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.controls{padding:10px 18px;padding-bottom:max(14px, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;display:flex}.dpad{grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px);grid-template-areas:".up.""left.right"".down.";gap:2px;display:grid}.dpad-btn{color:#b8b2a6;touch-action:none;background:#1c1c26;border:1px solid #2a2a38;border-radius:12px;font-size:1.2rem}.dpad-btn:active{color:#ffd166;background:#2e2e40}.bomb-btn{touch-action:none;background:#3a2317;border:2px solid #d9993f;border-radius:50%;width:88px;height:88px;font-size:2rem}.bomb-btn:active{background:#57331f}.swipe-hint{text-align:center;color:#8a869499;padding:10px;padding-bottom:max(12px, env(safe-area-inset-bottom));font-size:.8rem}.overlay{z-index:10;background:#0f0f14e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.overlay h2{color:#ffd166;font-size:1.8rem}.overlay p{color:#b8b2a6}.overlay button{color:#1a120a;background:#d9993f;border-radius:12px;width:min(280px,70vw);padding:13px;font-size:1.05rem;font-weight:700}.overlay button+button{color:#e8e4da;background:#2a2a38}