.minesweeper-page{width:min(1180px,100% - 32px);margin:0 auto}.minesweeper-page .game-intro{justify-content:space-between;align-items:end;gap:3rem;padding:clamp(3rem,7vw,5.5rem) 0 2.5rem;display:flex}.minesweeper-page .game-intro h1{letter-spacing:-.06em;margin:0;font:500 clamp(3.4rem,7vw,6.5rem)/.9 ui-serif,Georgia,serif}.minesweeper-page .game-intro>p{max-width:470px;color:var(--muted);margin:0;line-height:1.8}.mine-shell{background:#d5dae0;border:1px solid #9cabbc;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 28px 80px #102a5625}.mine-toolbar{background:linear-gradient(#f4f6f8,#d9dee4);border-bottom:1px solid #91a0af;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:10px 14px;display:flex}.difficulty-tabs{gap:5px;display:flex}.difficulty-tabs button,.rules-button{color:#405064;cursor:pointer;background:#edf0f3;border:1px solid #9ca8b5;border-radius:8px;min-height:46px;padding:0 1rem;font:800 .83rem ui-sans-serif,system-ui,sans-serif;box-shadow:inset 0 1px #fff}.difficulty-tabs button small{color:#7c8998;margin-left:.35rem;font-size:.65rem}.difficulty-tabs button.active{color:#fff;background:#254b72;border-color:#526c88;box-shadow:inset 0 1px #6f8dab}.difficulty-tabs button.active small{color:#c8d8e8}.mine-stage{background:radial-gradient(circle at 50% 20%,#f7f8f9,#c6cdd5 72%);place-items:center;min-height:610px;padding:clamp(1.2rem,4vw,3rem);display:grid;overflow:hidden}.arbiter-window{background:silver;border:2px solid #67717c;border-color:#fff #67717c #67717c #fff;max-width:100%;padding:10px;box-shadow:0 14px 35px #53606d45}.counter-bar{border:2px solid #fff;border-color:#707070 #fff #fff #707070;justify-content:space-between;align-items:center;gap:2rem;min-height:74px;padding:9px 12px;display:flex}.digital-counter{gap:2px;min-width:104px;display:grid}.digital-counter:last-child{justify-items:end}.digital-counter span{color:#59616a;letter-spacing:.12em;font:700 .55rem ui-monospace,monospace}.digital-counter strong{color:#ff3042;letter-spacing:.03em;text-align:center;text-shadow:0 0 8px #ff263d8a;background:#160d0e;border:2px inset #ddd;min-width:88px;padding:4px 6px;font:700 1.55rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.face-button{cursor:pointer;background:silver;border:3px solid #737373;border-color:#fff #737373 #737373 #fff;width:48px;height:48px;padding:0;font-size:1.55rem}.face-button:active{border-color:#737373 #fff #fff #737373}.board-scroll{overscroll-behavior:contain;background:#999;border:3px solid #fff;border-color:#737373 #fff #fff #737373;max-width:100%;margin-top:10px;overflow:auto}.mine-board{grid-template-columns:repeat(var(--mine-columns), 28px);user-select:none;touch-action:manipulation;grid-auto-rows:28px;width:max-content;display:grid}.mine-cell{color:#111;cursor:default;background:silver;border:3px solid #777;border-color:#fff #777 #777 #fff;border-radius:0;place-items:center;width:28px;height:28px;padding:0;font:900 17px/1 Arial,sans-serif;display:grid}.mine-cell:active,.mine-cell.chord-preview{background:#b4b4b4;border:1px solid #8a8a8a}.mine-cell{-webkit-touch-callout:none;position:relative}.mine-cell.hold-pending:after{content:"";pointer-events:none;background:#244f7c;height:3px;animation:.46s linear forwards mine-hold;position:absolute;bottom:0;left:0}@keyframes mine-hold{0%{width:0}to{width:100%}}.mine-cell.revealed{background:#c5c5c5;border:1px solid #8b8b8b}.mine-cell.flagged{color:#d51f2f;text-shadow:1px 1px #fff}.mine-cell.mine{color:#111}.mine-cell.exploded{background:#ec4a4a}.mine-cell.wrong{color:#d1192d;background:#efc8c8}.mine-cell.number-1{color:#0000e5}.mine-cell.number-2{color:#087b22}.mine-cell.number-3{color:#e11b22}.mine-cell.number-4{color:#101080}.mine-cell.number-5{color:#7c1218}.mine-cell.number-6{color:#087b7b}.mine-cell.number-7{color:#111}.mine-cell.number-8{color:#777}.mine-statusbar{color:#505861;justify-content:space-between;gap:1rem;min-height:34px;padding:7px 4px 0;font:700 .68rem ui-monospace,monospace;display:flex}.control-guide{color:#5a6878;background:#e5e9ed;border-top:1px solid #aab3bd;justify-content:center;align-items:center;gap:clamp(1rem,4vw,3rem);padding:14px 20px;font-size:.73rem;display:flex}.control-guide>span{align-items:center;gap:.4rem;display:flex}.control-guide b{color:#263c55}.mouse-icon{border:1.5px solid #526579;border-radius:9px 9px 11px 11px;width:19px;height:25px;position:relative}.mouse-icon:before,.mouse-icon:after{content:"";background:#8ca1b6;width:7px;height:9px;position:absolute;top:1px}.mouse-icon:before{border-radius:7px 1px 1px;left:1px}.mouse-icon:after{border-radius:1px 7px 1px 1px;right:1px}.mouse-icon.left:before,.mouse-icon.right:after,.mouse-icon.chord:before,.mouse-icon.chord:after{background:#244f7c}.mobile-flag-mode{color:#3c526b;background:#f4f6f8;border:1px solid #a0adbb;border-radius:8px;padding:.65rem .8rem;display:none}.mobile-flag-mode.active{color:#fff;background:#244f7c}.mine-toast{z-index:20;color:#fff;opacity:0;pointer-events:none;background:#1d2c3de8;border-radius:999px;padding:.7rem 1rem;transition:all .18s;position:absolute;bottom:55px;left:50%;transform:translate(-50%,8px)}.mine-toast.visible{opacity:1;transform:translate(-50%)}.mine-rules-dialog{max-width:min(580px,100% - 32px);color:var(--ink);background:#f5f7fa;border:1px solid #bac7d5;border-radius:18px;padding:0;box-shadow:0 28px 90px #07172e6e}.mine-rules-dialog::backdrop{backdrop-filter:blur(5px);background:#07172ebd}.mine-rules-dialog form{padding:2.5rem;position:relative}.mine-rules-dialog h2{margin:0 0 1.5rem;font:500 2.4rem ui-serif,Georgia,serif}.mine-rules-dialog .dialog-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:12px;right:12px}.mine-rule-list{gap:.8rem;display:grid}.mine-rule-list p{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:88px 1fr;margin:0;padding:.85rem 0;line-height:1.6;display:grid}.mine-rule-list b{color:#174b82}.mine-rules-dialog .dialog-primary{color:#fff;cursor:pointer;background:#123f73;border:0;border-radius:9px;width:100%;min-height:46px;margin-top:1.4rem}@media (width<=720px){.minesweeper-page{width:100%}.minesweeper-page .game-intro{flex-direction:column;align-items:start;gap:1.3rem;width:calc(100% - 32px);margin:0 auto}.mine-shell{border-left:0;border-right:0;border-radius:0}.mine-toolbar{align-items:stretch}.difficulty-tabs{flex:1}.difficulty-tabs button{flex:1;padding:0 .65rem}.difficulty-tabs button small{margin:2px 0 0;display:block}.mine-stage{grid-template-columns:minmax(0,1fr);place-items:center stretch;width:100%;min-width:0;min-height:520px;padding:1rem 0}.arbiter-window{width:100%;min-width:0}.counter-bar{gap:.7rem}.digital-counter{min-width:86px}.digital-counter strong{min-width:82px;font-size:1.35rem}.board-scroll{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.control-guide{flex-direction:column;align-items:stretch;gap:.6rem}.control-guide>span{display:none}.mobile-flag-mode{display:block}}