.mines-container{max-width:1200px;margin:0 auto;padding:15px;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:1024px){.mines-container{grid-template-columns:280px 1fr}}.game-grid-area{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.mines-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:.5rem;width:100%;max-width:500px;aspect-ratio:1/1}.mine-tile{position:relative;width:100%;height:100%;border-radius:8px;background:hsl(var(--secondary));cursor:pointer;transition:transform .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;perspective:1000px}.mine-tile:hover:not(.revealed):not(.disabled){transform:translateY(-4px);background:hsl(var(--secondary)/.8)}.mine-tile.disabled{cursor:not-allowed;opacity:.7}.tile-inner{position:absolute;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.mine-tile.revealed .tile-inner{transform:rotateY(180deg)}.tile-back,.tile-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center}.tile-front{background:hsl(var(--secondary))}.tile-back{transform:rotateY(180deg)}.tile-back.safe{background:hsl(var(--primary)/.2);border:1px solid hsl(var(--primary))}.tile-back.mine{background:hsl(var(--destructive)/.2);border:1px solid hsl(var(--destructive))}.tile-back .icon{width:50%;height:50%}.tile-back.safe .icon{color:hsl(var(--primary))}.tile-back.mine .icon{color:hsl(var(--destructive))}