.games main{display:block;max-width:1200px}.games header{margin-bottom:56px}.back{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #354044;border-radius:100px;font-size:12px;font-weight:800;white-space:nowrap}.back:hover{border-color:var(--cyan);color:var(--cyan)}.games-intro h1{font-size:clamp(54px,7vw,86px);margin-bottom:20px}.games-intro p{font-size:16px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:48px}.game-card{padding:26px;border:1px solid #293337;border-radius:22px;background:#111618;display:flex;flex-direction:column;min-height:340px;overflow:hidden}.available{transition:transform .15s,border-color .15s}.available:hover{border-color:var(--cyan);transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.tag{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--cyan)}.tag.muted{color:var(--muted)}.card-arrow{font-size:24px;color:var(--cyan)}.game-art{height:150px;display:flex;align-items:center;justify-content:center;color:var(--cyan);margin:10px auto 18px}.mine-art{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,38px);gap:5px;align-content:center}.mine-art span{background:#203034;border-radius:5px;display:grid;place-items:center;font-size:22px;font-weight:800}.mine-art span:nth-child(5){background:var(--cyan);color:#090b0c}.game-card h2{font-size:29px;letter-spacing:-.04em;font-weight:800;margin:0 0 10px}.game-card p{font-size:12px}.card-bottom{margin-top:28px;color:var(--cyan);font-weight:800;font-size:12px}.cards-art{position:relative;width:130px}.cards-art span{height:105px;width:70px;background:#203034;border:1px solid #486267;border-radius:9px;padding:10px;font-weight:800;font-size:20px;line-height:1.8;transform:rotate(-15deg)}.cards-art span+span{margin-left:-20px;transform:rotate(15deg);background:#1a282b}.chess-art{font-family:Georgia,serif;font-size:125px}.coming .game-art{opacity:.65}.games-end{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;color:var(--muted);font-size:12px}.play-heading h1{font-size:clamp(38px,5vw,64px);margin-top:20px;overflow-wrap:anywhere}.play-heading h1 span,.howto h2 span{color:var(--cyan)}.play-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:70px;margin-top:36px}.game-panel{background:#111618;border:1px solid #293337;border-radius:22px;padding:24px}.difficulty{display:flex;gap:6px;padding:5px;background:#090b0c;border-radius:100px}.difficulty button{flex:1;min-height:42px;background:transparent;border-radius:100px;color:var(--muted);font-size:12px;font-weight:800}.difficulty button[aria-pressed=true]{background:var(--cyan);color:#090b0c}.scorebar{display:flex;justify-content:space-between;gap:10px;margin:28px 0}.scorebar>div{display:flex;flex-direction:column;gap:7px}.scorebar span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.scorebar strong{font-size:23px;font-weight:800;font-variant-numeric:tabular-nums}.board{display:grid;grid-template-columns:repeat(var(--size,8),minmax(0,1fr));gap:4px;user-select:none;touch-action:manipulation}.cell{aspect-ratio:1;min-width:0;padding:0;display:grid;place-items:center;border-radius:5px;color:var(--cyan);font-size:clamp(12px,3vw,22px);font-weight:800;background:#29383d;border:1px solid #405158;touch-action:manipulation}.cell:hover{border-color:var(--cyan)}.cell.revealed{background:#182125;border-color:#273338}.cell:disabled{cursor:default;opacity:1}.cell.flagged{color:var(--cyan);background:#203d40}.cell[data-number="2"]{color:#c1fff8}.cell[data-number="3"]{color:#ffc07a}.cell[data-number="4"],.cell[data-number="5"],.cell[data-number="6"],.cell[data-number="7"],.cell[data-number="8"]{color:#f8a4c2}.cell.exploded{background:#bd3e50;color:#fff;border-color:#bd3e50}.cell.mine{color:#f6a5b2}.game-status{min-height:46px;margin:22px 0 12px;color:#fff;font-size:13px;line-height:1.6}.game-actions{display:flex;gap:10px}.game-actions button{min-height:46px;padding:12px 16px;border-radius:100px;font-size:12px;font-weight:800}.primary{background:var(--cyan);color:#090b0c;flex:1}.outline{background:transparent;border:1px solid #526267;color:#fff}.outline[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#163132}.howto{align-self:center}.howto h2{font-size:42px;line-height:1.04;letter-spacing:-.04em;font-weight:800;margin:18px 0 26px}.howto p{font-size:13px;margin-bottom:18px}.howto .back{margin-top:14px}.games-entry{grid-column:1;grid-row:5;margin-top:28px;border:1px solid #354044;border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.games-entry span{font-size:13px;font-weight:800;line-height:1.4}.games-entry a{font-weight:800;font-size:13px;color:var(--cyan);white-space:nowrap;min-height:44px;display:flex;align-items:center}.camera{grid-row:2/7}body:not(.games) footer{grid-row:6}
@media(max-width:800px){.games main{max-width:520px;padding:24px 20px calc(28px + env(safe-area-inset-bottom))}.games header{margin-bottom:40px;gap:12px}.back{font-size:10px;padding:9px 12px}.games .brand{font-size:25px}.games-intro h1{font-size:56px}.games-intro p{font-size:13px}.game-grid{grid-template-columns:1fr;margin-top:30px;gap:14px}.game-card{padding:22px;min-height:300px}.game-art{height:120px;margin:6px auto 14px}.game-card h2{font-size:30px}.card-bottom{margin-top:20px}.coming{min-height:210px;display:grid;grid-template-columns:1fr 80px;column-gap:12px}.coming .card-top{grid-column:1}.coming .game-art{grid-column:2;grid-row:1/4;height:110px;margin:auto;width:80px}.coming h2{grid-column:1;margin-top:22px}.coming p{grid-column:1}.cards-art span{height:80px;width:49px;font-size:14px;padding:7px}.chess-art{font-size:85px}.games-end{flex-direction:column;align-items:flex-start;margin-top:28px}.play-heading h1{font-size:36px;letter-spacing:-.05em;margin-bottom:12px}.play-heading p{font-size:12px}.play-layout{display:flex;flex-direction:column;gap:32px;margin-top:24px}.game-panel{padding:16px;border-radius:18px}.scorebar{margin:24px 0;gap:6px}.scorebar span{font-size:8px}.scorebar strong{font-size:20px}.board{gap:3px}.cell{border-radius:4px;font-size:16px}.game-actions{flex-wrap:wrap}.game-actions button{font-size:11px;padding:12px}.howto h2{font-size:34px}.games-entry{margin-top:26px;padding:16px}.games-entry span{font-size:12px}.games-entry a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.available{transition:none}.available:hover{transform:none}}
.mine-art span{width:38px;height:38px}