.game-container-mine{overflow:hidden;padding:10px 0;display:flex;justify-content:center}
.mine-board{display:inline-grid;background:#c0c0c0;border:3px solid;border-color:#fff #808080 #808080 #fff;padding:4px;gap:1px}
.mine-cell{display:flex;align-items:center;justify-content:center;font-weight:700;background:#c0c0c0;border:2px solid;border-color:#fff #808080 #808080 #fff;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.mine-cell.revealed{border:1px solid #808080;background:#c0c0c0}
.mine-cell.mine{background:#ff0000}
.mine-cell.flagged::after{content:'🚩'}
.mine-cell[data-num="1"]{color:#0000ff}
.mine-cell[data-num="2"]{color:#008000}
.mine-cell[data-num="3"]{color:#ff0000}
.mine-cell[data-num="4"]{color:#000080}
.mine-cell[data-num="5"]{color:#800000}
.mine-cell[data-num="6"]{color:#008080}
.mine-cell[data-num="7"]{color:#000000}
.mine-cell[data-num="8"]{color:#808080}
.mine-controls{display:flex;gap:10px;justify-content:center;margin-top:16px}
.mine-btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;background:#f5f5f7;color:#1d1d1f;transition:all 0.2s;-webkit-tap-highlight-color:transparent}
.mine-btn:hover{background:#e8e8ed}
.mine-btn.primary{background:#1d1d1f;color:#fff}
.mine-btn.primary:hover{background:#333}
.mine-btn.active{background:#007aff;color:#fff}
.game-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.game-link-card{display:block;background:#f5f5f7;padding:24px 16px;border-radius:12px;text-align:center;text-decoration:none;transition:all 0.2s}
.game-link-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.game-link-card span{font-size:36px;display:block;margin-bottom:8px}
.game-link-card h4{font-size:15px;color:#1d1d1f;margin-bottom:4px}
.game-link-card p{font-size:12px;color:#86868b;margin:0}
@media(max-width:768px){
.game-section{padding:12px !important}
.game-header{flex-direction:column;gap:10px;margin-bottom:12px !important}
.difficulty-selector{justify-content:center}
.difficulty-selector button{padding:10px 20px;font-size:14px;min-height:44px}
.game-info{justify-content:center;font-size:15px}
.game-container-mine{padding:8px 0}
.mine-controls{gap:12px;margin-top:14px}
.mine-btn{padding:14px 24px;font-size:15px;min-height:48px}
.tips-box{margin-top:10px !important}
.tips-box p{font-size:12px}
.features{margin-top:16px !important}
.game-links{grid-template-columns:repeat(2,1fr);gap:10px}
.game-link-card{padding:16px 12px}
.game-link-card span{font-size:28px;margin-bottom:6px}
.game-link-card h4{font-size:13px}
.game-link-card p{font-size:11px}
}
@media(max-width:380px){
.difficulty-selector button{padding:8px 16px;font-size:13px;min-height:40px}
.mine-btn{padding:12px 20px;font-size:14px;min-height:44px}
}