@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Share+Tech+Mono&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Share Tech Mono", monospace;--bg-app:radial-gradient(circle at top, #1e1b4b 0%, #0f172a 100%);--bg-card:#0f172abf;--border-neon:#6366f133;--border-neon-hover:#6366f180;--shadow-neon:0 8px 32px 0 #6366f11a, 0 0 16px #6366f10d;--shadow-neon-glow:0 0 25px #6366f159;--cell-unrevealed:#334155;--cell-unrevealed-hover:#475569;--cell-revealed:#1e293b;--cell-revealed-border:#0f172a;--color-mine:#f43f5e;--color-flag:#ef4444;--glow-mine:0 0 12px #f43f5e99;--glow-flag:0 0 10px #ef444480;--num-1:#60a5fa;--num-2:#34d399;--num-3:#fb7185;--num-4:#c084fc;--num-5:#f43f5e;--num-6:#2dd4bf;--num-7:#fbbf24;--num-8:#f472b6;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f5f9;background:#0b0f19}body{background:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;padding:2rem;display:flex}.app-container{flex-direction:column;align-items:center;gap:2rem;width:100%;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.title-container{text-align:center}.app-title{letter-spacing:-.05em;background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 50%,#4338ca 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #6366f126;-webkit-background-clip:text;margin:0;font-size:3rem;font-weight:800}.app-subtitle{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-top:.5rem;font-size:.95rem}.game-cabinet{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-neon);box-shadow:var(--shadow-neon);border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;max-width:100%;padding:2rem;transition:border-color .3s,box-shadow .3s;display:flex}.game-cabinet:hover{border-color:var(--border-neon-hover)}.game-cabinet.lost{border-color:#f43f5e4d;animation:.5s ease-in-out shake;box-shadow:0 8px 32px #f43f5e26}.game-cabinet.won{border-color:#34d3994d;box-shadow:0 8px 32px #34d39933,0 0 20px #34d3990d}.game-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding-bottom:1.25rem;display:flex}.display-panel{background:#0f172ae6;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;min-width:90px;padding:.5rem 1rem;display:flex}.display-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.75rem;font-weight:600}.display-value{font-family:var(--font-mono);color:#a5b4fc;text-shadow:0 0 8px #6366f180;font-size:1.6rem;font-weight:500}.face-button{cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#312e81 0%,#1e1b4b 100%);border:2px solid #6366f1;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .1s,box-shadow .2s,background-color .2s;display:flex;box-shadow:0 0 15px #6366f140}.face-button:hover{box-shadow:var(--shadow-neon-glow);transform:scale(1.08)}.face-button:active{transform:scale(.95)}.face-emoji{font-size:1.8rem;line-height:1}.controls-container{background:#0f172a80;border:1px solid #ffffff0d;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.35rem;display:flex}.difficulty-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s}.difficulty-btn:hover{color:#f1f5f9;background:#ffffff08}.difficulty-btn.active{color:#fff;background:#6366f1;box-shadow:0 4px 12px #6366f14d}.board-grid-wrapper{max-width:100%;padding:4px;overflow:auto}.board-grid{-webkit-user-select:none;user-select:none;background:#0f172a66;border:1px solid #ffffff08;border-radius:16px;gap:4px;padding:6px;display:grid}.cell{aspect-ratio:1;cursor:pointer;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;font-weight:800;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.cell.unrevealed{background:var(--cell-unrevealed);border:1px solid #ffffff0d;box-shadow:inset 0 2px 4px #ffffff1a,0 2px 4px #0003}.cell.unrevealed:hover{background:var(--cell-unrevealed-hover);z-index:10;border-color:#6366f14d;transform:scale(1.08);box-shadow:0 0 10px #6366f166,inset 0 2px 4px #ffffff1a}.cell.revealed{background:var(--cell-revealed);border:1px solid var(--cell-revealed-border);cursor:default;box-shadow:inset 0 2px 8px #0006}.cell.revealed.num-1{color:var(--num-1);text-shadow:0 0 8px #60a5fa4d}.cell.revealed.num-2{color:var(--num-2);text-shadow:0 0 8px #34d3994d}.cell.revealed.num-3{color:var(--num-3);text-shadow:0 0 8px #fb71854d}.cell.revealed.num-4{color:var(--num-4);text-shadow:0 0 8px #c084fc4d}.cell.revealed.num-5{color:var(--num-5);text-shadow:0 0 8px #f43f5e4d}.cell.revealed.num-6{color:var(--num-6);text-shadow:0 0 8px #2dd4bf4d}.cell.revealed.num-7{color:var(--num-7);text-shadow:0 0 8px #fbbf244d}.cell.revealed.num-8{color:var(--num-8);text-shadow:0 0 8px #f472b64d}.cell.flagged{background:var(--cell-unrevealed);animation:.2s cubic-bezier(.175,.885,.32,1.275) flagIn;box-shadow:inset 0 2px 4px #ffffff0d}.flag-icon{color:var(--color-flag);filter:drop-shadow(var(--glow-flag));font-size:1.1rem}.cell.mine{background:#271c24;border-color:#4a1d24;animation:.4s cubic-bezier(.175,.885,.32,1.275) mineReveal}.mine-icon{color:var(--color-mine);filter:drop-shadow(var(--glow-mine));font-size:1.1rem}.cell.exploded{background:#f43f5e;border-color:#e11d48;animation:.5s ease-out explode;box-shadow:0 0 15px #f43f5ecc,inset 0 2px 4px #ffffff4d}.cell.exploded .mine-icon{color:#fff;filter:drop-shadow(0 0 4px #000)}.game-instructions{text-align:center;color:#64748b;max-width:450px;margin-top:.5rem;font-size:.85rem;line-height:1.5}.game-instructions span{color:#94a3b8;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flagIn{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes mineReveal{0%{opacity:0;transform:scale(.5)rotate(45deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes explode{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.3)}to{filter:brightness();transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.board-grid-wrapper::-webkit-scrollbar{width:8px;height:8px}.board-grid-wrapper::-webkit-scrollbar-track{background:#0f172a66;border-radius:8px}.board-grid-wrapper::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:8px}.board-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#6366f199}