body,html{height:100%;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100%}body{align-items:center;background:#0d0820;color:#f8fafc;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;overscroll-behavior:none;touch-action:manipulation}body:after,body:before{animation:driftOrb 8s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(80px);pointer-events:none;position:fixed;z-index:0}body:before{background:#6328c859;height:300px;left:-80px;top:-80px;width:300px}body:after{animation-direction:alternate-reverse;background:#0ea5e940;bottom:-60px;height:250px;right:-60px;width:250px}@keyframes driftOrb{0%{transform:translate(0)}to{transform:translate(40px,30px)}}.App{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:500px;overflow:hidden;padding:10px 16px;position:relative;text-align:center;width:100%;z-index:1}@media (min-width:400px){.App{padding:20px 24px}}h1{color:#fff;font-size:clamp(1.8rem,7vw,3rem);font-weight:900;letter-spacing:3px;margin-bottom:clamp(8px,2vh,20px);margin-top:0;text-shadow:0 0 20px #8b5cf6cc,0 4px 0 #4c1d95;text-transform:uppercase}button.btn-mute{align-items:center;background:#ffffff14;border:2px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:48px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:background .15s ease,transform .1s ease;width:48px;z-index:10}button.btn-mute:active{background:#ffffff26;transform:scale(.9)}.menu-container{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:2px solid #ffffff1f;border-radius:28px;box-shadow:0 24px 48px #00000080;display:flex;flex-direction:column;padding:40px}.highest-score{background:#fbbf241a;border:2px solid #fbbf2466;border-radius:6px;color:#fbbf24;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-bottom:32px;padding:10px 24px;text-transform:uppercase}button.btn-primary,button.btn-secondary{border:none;border-radius:16px;cursor:pointer;font-size:1.2rem;font-weight:900;letter-spacing:1px;margin-bottom:16px;max-width:240px;padding:16px 24px;text-transform:uppercase;transition:transform .08s ease,box-shadow .08s ease;width:100%}button.btn-primary{background-color:#3b82f6;box-shadow:0 6px 0 #1d4ed8;color:#fff}button.btn-primary:active{box-shadow:0 0 0 #1d4ed8;transform:translateY(6px)}button.btn-secondary{background-color:#64748b;box-shadow:0 6px 0 #334155;color:#fff}button.btn-secondary:active{box-shadow:0 0 0 #334155;transform:translateY(6px)}.game-over-title{color:#f472b6;font-size:3rem;margin-bottom:12px;text-shadow:0 0 20px #f472b6b3,0 4px 0 #9f1239}.final-score{color:#94a3b8;font-size:1.2rem;font-weight:700;margin-bottom:20px}.final-score span{color:#fbbf24;display:block;font-size:3.5rem;font-weight:900;margin-top:8px;text-shadow:0 0 20px #fbbf2499,0 4px 0 #92400e}.new-high-score{animation:bounce .8s ease-in-out infinite alternate;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;box-shadow:0 4px 0 #92400e,0 0 20px #fbbf2480;color:#1c1917;display:inline-block;font-weight:900;letter-spacing:1px;margin-bottom:24px;padding:8px 20px;text-transform:uppercase}@keyframes bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.04)}}.shape-tray{align-items:center;background:#8b5cf61a;border:2px solid #8b5cf659;border-radius:16px;box-shadow:0 8px 0 #4400a066,0 0 20px #6328c833;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:center;margin-top:0;max-width:400px;min-height:0;padding:10px 12px;width:100%}@media (min-width:400px) and (min-height:700px){.shape-tray{gap:24px;margin-top:8px;padding:16px 20px}}.shape-preview{background:#0000;cursor:grab;display:flex;flex-direction:column;padding:4px;touch-action:none;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),filter .15s}.shape-preview:active{cursor:grabbing}.shape-preview.dragging{filter:drop-shadow(0 12px 0 rgba(0,0,0,.4));transform:scale(1.2) translateY(-10px);z-index:100}.shape-row{display:flex}.shape-cell{background-color:initial;border-radius:4px;height:clamp(18px,4vw,24px);margin:1px;transition:all .1s ease;width:clamp(18px,4vw,24px)}.shape-cell.filled{background-color:#38bdf8;box-shadow:inset 0 3px 0 #ffffff4d,inset 0 -3px 0 #00000026,0 3px 0 #0284c7,0 0 6px #38bdf84d}.shape-cell.filled.dragging{background-color:#38bdf8!important;box-shadow:inset 0 4px 0 #fff6,inset 0 -4px 0 #0003,0 6px 0 #0284c7,0 0 14px #38bdf880}.shape-cell.filled.bomb{align-items:center;background-color:#ef4444;box-shadow:inset 0 3px 0 #ffffff4d,inset 0 -3px 0 #0003,0 3px 0 #b91c1c,0 0 8px #ef444466;display:flex;justify-content:center;position:relative}.shape-cell.filled.bomb.dragging{background-color:#ef4444;box-shadow:inset 0 4px 0 #fff6,inset 0 -4px 0 #0003,0 6px 0 #b91c1c,0 0 16px #ef444499}.bomb-core{animation:bombTickTray 1s steps(2) infinite;border-radius:3px;box-shadow:inset 0 2px 0 #00000026,0 2px 0 #fff6}@keyframes bombTickTray{0%{background-color:#fbbf24}to{background-color:#fb923c}}.game-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0;width:100%}.score-container{align-items:center;background:#8b5cf62e;border:2px solid #8b5cf680;border-radius:16px;box-shadow:0 6px 0 #4400a080,0 0 24px #8b5cf633;display:flex;flex-direction:column;flex-shrink:0;margin-bottom:10px;padding:8px 32px}.score-label{color:#c4b5fd;font-size:clamp(.6rem,2vw,.85rem);font-weight:800;letter-spacing:3px;text-transform:uppercase}.score-value{color:#fff;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:900;margin-top:2px;text-shadow:0 0 16px #a78bfacc,0 4px 0 #3b0764}.board{grid-gap:3px;aspect-ratio:1/1;background:#1a1035;border:3px solid #8b5cf666;border-radius:16px;box-shadow:0 8px 0 #4400a099,0 0 32px #6328c84d;display:grid;flex-shrink:0;gap:3px;grid-template-columns:repeat(8,1fr);margin-bottom:10px;max-width:400px;padding:6px;width:min(calc(100vw - 32px),48dvh)}.board-row{display:contents}.board-cell{aspect-ratio:1/1;background-color:#160d2e;border-radius:5px;box-shadow:inset 0 3px 0 #0006;transition:transform .1s ease,background-color .1s ease}.board-cell.filled{background-color:#38bdf8;box-shadow:inset 0 4px 0 #ffffff59,inset 0 -4px 0 #00000026,0 4px 0 #0284c7,0 0 8px #38bdf866}.board-cell.preview{animation:ghostPulse .8s ease-in-out infinite alternate;background-color:#a78bfa59!important;box-shadow:inset 0 0 0 2px #c4b5fdb3,0 0 12px #8b5cf666!important;opacity:.8}@keyframes ghostPulse{0%{opacity:.6}to{opacity:1}}.board-cell.clearing{animation:clearBlock .5s ease-out forwards;z-index:10}@keyframes clearBlock{0%{background-color:#fde047;box-shadow:inset 0 4px 0 #ffffff80,0 4px 0 #ca8a04,0 0 16px #fde047b3;transform:scale(1)}40%{background-color:#fff;box-shadow:0 0 30px #fde047,0 0 60px #fb923c99;transform:scale(1.25)}to{background-color:#160d2e;box-shadow:inset 0 3px 0 #0006;transform:scale(1)}}.board-cell.filled.bomb{align-items:center;background-color:#ef4444;box-shadow:inset 0 4px 0 #ffffff4d,inset 0 -4px 0 #0003,0 4px 0 #b91c1c,0 0 12px #ef444480;display:flex;justify-content:center;position:relative}.board-cell.clearing .bomb-core{animation:fadeOutCore .5s ease-out forwards;animation-delay:inherit}@keyframes fadeOutCore{0%{opacity:1;transform:scale(1)}40%{opacity:0;transform:scale(0)}to{opacity:0;transform:scale(0)}}.bomb-core{animation:bombTick 1s steps(2) infinite;background-color:#fbbf24;border-radius:4px;box-shadow:inset 0 3px 0 #00000026,0 2px 0 #fff6;height:45%;width:45%}@keyframes bombTick{0%{background-color:#fbbf24}to{background-color:#fb923c}}
/*# sourceMappingURL=main.02b5f675.css.map*/