*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0b1724}.App{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}body{background:linear-gradient(180deg,#0d0b44,#2b0f77 50%,#5a0f91);font-family:Arial,sans-serif;margin:0;min-height:100vh;overflow:hidden;padding:0}.welcome{height:100vh;width:100%}.floating-box,.welcome{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.floating-box{animation:floatBoxGlow 6s ease-in-out infinite alternate;background:radial-gradient(ellipse at top,#3c145ae6,#0a0519f2);border-radius:24px;box-shadow:0 0 30px #f809,0 0 60px #ff440080,inset 0 0 40px #5a0f9166;flex-direction:column;height:95%;max-width:95%;padding:30px 20px;width:700px}.play-now-btn:disabled{background:#555;border:2px solid #777;box-shadow:none;cursor:not-allowed;opacity:.4}.floating-box:after,.floating-box:before{animation:drift 60s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 80px 120px,#fda,#0000),radial-gradient(2px 2px at 200px 80px,#adf,#0000),radial-gradient(1.2px 1.2px at 300px 200px,#fff,#0000),radial-gradient(1.8px 1.8px at 500px 150px,#fed,#0000),radial-gradient(2px 2px at 650px 250px,#fff,#0000);background-repeat:repeat;background-size:700px 700px;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute;z-index:0}.floating-box:after{animation:drift 100s linear infinite reverse,twinkle 3s infinite alternate;opacity:.9;pointer-events:none;z-index:0}.bot-logo{background-image:url(/static/media/forBot.fa476bc3db94e822182d.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:250px;margin-bottom:50px;pointer-events:none;-webkit-user-select:none;user-select:none;width:250px}@keyframes floatBoxGlow{0%{box-shadow:0 0 30px #ff880080,0 0 60px #f406,inset 0 0 40px #5a0f9166}to{box-shadow:0 0 40px #ffc864b3,0 0 80px #ff500099,inset 0 0 60px #781ec880}}@keyframes drift{0%{background-position:0 0}to{background-position:700px 700px}}.title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffeb3b,#ff9800,#ff5722,#e53935);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:40px;margin-top:-10px;text-align:center;text-shadow:0 0 10px #ffc107cc,0 0 20px #ff5722cc,0 0 30px #e53935b3}.input-id,.title{position:relative;z-index:1}.input-id{background:#ffffff14;border:2px solid #ffba66;border-radius:12px;color:#fff;font-size:1rem;margin-bottom:20px;max-width:300px;outline:none;padding:12px 16px;text-align:center;width:80%}.input-id:focus{box-shadow:0 0 10px #ffba66b3}.bomb-selector{align-items:center;display:flex;gap:15px;justify-content:center;margin:15px 0 25px;position:relative;width:100%;z-index:1}.bomb-slider{-webkit-appearance:none;background:#ff8c00;border-radius:4px;cursor:pointer;height:6px;outline:none;width:180px}.bomb-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #ff4500;border-radius:50%;box-shadow:0 0 10px #ff8c00cc;cursor:pointer;height:22px;width:22px}.bomb-slider::-moz-range-thumb{background:#fff;border:2px solid #ff4500;border-radius:50%;box-shadow:0 0 10px #ff8c00cc;cursor:pointer;height:22px;width:22px}.bomb-count-label{color:#ffba66;font-size:1.2rem;font-weight:700;position:relative;text-shadow:0 0 6px #ff8800b3;z-index:1}.mini-field{grid-gap:8px;display:grid;grid-template-columns:repeat(5,60px);margin-bottom:20px;position:relative;z-index:1}.cell,.mini-field{align-items:center;justify-content:center}.cell{background:#ffffff14;border-radius:8px;box-shadow:inset 0 0 6px #ffffff26;display:flex;font-size:1.8rem;height:60px;width:60px}.icon{display:block;font-size:1.6rem;pointer-events:none;-webkit-user-select:none;user-select:none}.play-now-btn{background:linear-gradient(180deg,#ff8c00,#ff4500);border:3px solid #ffba66;border-radius:999px;box-shadow:0 0 20px #f80c,0 0 40px #f40c;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;height:80px;margin-top:40px;position:relative;text-transform:uppercase;transition:transform .2s,box-shadow .2s;width:200px;z-index:1}.play-now-btn:hover{box-shadow:0 0 30px #f80,0 0 60px #f40;transform:scale(1.05)}.play-now-btn:active{transform:scale(.95)}@media (max-width:768px){.floating-box{border-radius:16px;height:auto;max-height:95vh;min-height:90%;overflow-y:auto;padding:20px 15px;width:95%}.bot-logo{height:120px;width:120px}.bot-logo,.title{margin-bottom:20px}.title{font-size:1.5rem}.input-id{font-size:.9rem;max-width:240px;padding:10px;width:100%}.bomb-slider{width:140px}.mini-field{grid-gap:6px;grid-template-columns:repeat(5,45px);margin-bottom:15px}.cell{font-size:1.3rem;height:45px;width:45px}.play-now-btn{font-size:1.1rem;height:60px;margin-top:auto;width:160px}}@media (max-width:400px){.bot-logo{height:100px;margin-bottom:10px;width:100px}.title{font-size:1.2rem}.mini-field{grid-gap:5px;grid-template-columns:repeat(5,38px)}.cell{font-size:1rem;height:38px;width:38px}.play-now-btn{font-size:1rem;height:50px;width:140px}}.board{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(var(--grid-size),var(--tile-size));grid-template-rows:repeat(var(--grid-size),var(--tile-size));margin:20px auto}.board,.overlay{align-items:center;justify-content:center}.overlay{animation:fadeIn .5s ease-in-out;background:#0b1724e6;display:flex;flex-direction:column;font-size:2.2rem;font-weight:700;height:100%;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100%;z-index:10}.overlay.win{color:#00ff90;text-shadow:0 0 12px #00ff90b3}.restart-btn{background:#1c2833;border:2px solid #00ff90;border-radius:6px;color:#00ff90;cursor:pointer;font-size:1.2rem;margin-top:20px;padding:10px 20px;transition:.3s}.restart-btn:hover{background:#243340;box-shadow:0 0 10px #00ff9099}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.board{gap:5px;grid-template-columns:repeat(5,50px);grid-template-rows:repeat(5,50px)}}.timer{color:#ffba66;font-size:1.5rem;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px #ffba66cc}.player-id{bottom:10px;color:#fff;font-size:.9rem;opacity:.4;position:absolute;right:15px}.generate-btn{background:#222;border:2px solid #ffba66;border-radius:6px;color:#ffba66;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:.3s}.generate-btn:disabled{cursor:not-allowed;opacity:.5}.generate-btn:hover:enabled{background:#333;box-shadow:0 0 10px #ffba6699}.popup{align-items:center;animation:fadeIn .3s ease-in-out;background:#0a0a14d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:20}.popup-content{background:#1c1f2a;border:2px solid #ffba66;border-radius:12px;box-shadow:0 0 20px #ffba66b3;color:#fff;font-size:1.3rem;max-width:90%;padding:25px 30px;text-align:center}.popup-content p{margin-bottom:20px}.popup-content button{background:#ff8c00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 18px;transition:.3s}.popup-content button:hover{background:#ff5722}@media (max-width:600px){.popup-content{font-size:1rem;padding:15px 20px}.popup-content button{font-size:.9rem;padding:6px 14px}}.tile{align-items:center;background:#ffffff14;border-radius:8px;box-shadow:inset 0 0 6px #ffffff26;color:#fff;cursor:pointer;display:flex;font-size:calc(var(--tile-size)/2.5);height:var(--tile-size);justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:var(--tile-size);z-index:1}.tile:before{animation:twinkle 4s infinite alternate;background-image:radial-gradient(1px 1px at 10px 15px,#fffc,#0000),radial-gradient(1px 1px at 25px 40px,#ffdcb4cc,#0000),radial-gradient(1.2px 1.2px at 40px 20px,#c8c8ffe6,#0000),radial-gradient(1px 1px at 60px 35px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 80px 60px,#fff0c8e6,#0000);background-repeat:repeat;background-size:100px 100px;content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}@keyframes twinkle{0%{opacity:.2}50%{opacity:.8}to{opacity:.4}}.tile:hover{box-shadow:inset 0 0 10px #ffffff4d,0 6px 12px #0009;transform:translateY(-3px)}.bomb-hint{background:#ff000026;box-shadow:inset 0 0 12px #ff000080,0 4px 8px #000c;color:#ff4d4d;transition:all .3s ease}.bomb-hint:before{animation:twinkle 3s infinite alternate;background-image:radial-gradient(1px 1px at 15px 20px,#ff5050e6,#0000),radial-gradient(1.2px 1.2px at 35px 50px,#f00c,#0000),radial-gradient(1px 1px at 55px 25px,#ff7878e6,#0000),radial-gradient(1.3px 1.3px at 75px 60px,#c80000e6,#0000);background-repeat:repeat;background-size:100px 100px;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.bomb-hint:hover{background:#ff00004d;box-shadow:inset 0 0 20px #ff0000e6,0 0 20px #f00c,0 6px 12px #000000e6;color:#f66;transform:translateY(-3px)}@media (max-width:600px){.tile{font-size:1.5rem;height:50px;width:50px}}
/*# sourceMappingURL=main.f855b04b.css.map*/