#mine-grid-shell{max-width:580px;margin:auto}#mine-grid-shell h2{margin-top:0}.mine-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:20px 0}.mine-cell{position:relative;aspect-ratio:1;min-height:44px;min-width:0;display:grid;place-items:center;font-size:1.5rem;border:1px solid #6292b5;border-radius:12px;background:linear-gradient(150deg,#284b70,#142c47);color:#a7cbe3;cursor:pointer;transition:background .18s,box-shadow .18s}.mine-cell:not(:disabled):hover{background:#335e84;box-shadow:0 0 12px #a4d4ff50}.mine-cell.safe{background:linear-gradient(150deg,#327568,#173e3e);border-color:#7ae2bd;animation:mine-reveal .28s ease-out}.mine-cell.bomb{background:#6d2d42;border-color:#e998a6;animation:mine-reveal .28s ease-out}.mine-cell svg{width:58%;height:58%;fill:#a6f5d6;stroke:#26574c;stroke-width:2;stroke-linejoin:round}.mine-cell.bomb svg{fill:#e9bac5;stroke:#713849;stroke-width:3}.mine-cell:disabled{opacity:1;cursor:default}.mine-cell:focus-visible{outline:3px solid #f7d480;outline-offset:3px}.mine-metrics{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:8px;background:#081b2e;padding:14px;border-radius:14px}.mine-metrics span{font-size:.85rem;color:#c0d3e6}.mine-metrics strong{display:block;font-size:1.1rem;margin-top:6px;color:#f2d898}.mine-status{min-height:24px}.mine-cashout{width:100%;min-height:52px}.mine-next{font-size:.95rem}#mine-start-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}#mine-start-form input,#mine-start-form select{width:100%;min-height:48px}#mine-start-form button{grid-column:1/-1;min-height:52px}#mine-grid-shell>.button.secondary{margin:8px 8px 0 0;min-height:48px}@keyframes mine-reveal{from{transform:scale(.85);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:420px){.mine-grid{gap:6px}.mine-cell{border-radius:9px}.mine-metrics{padding:10px}.mine-metrics strong{font-size:1rem}}@media(prefers-reduced-motion:reduce){.mine-cell{animation:none!important;transition:none}}