:root{--paper:#faf8ef;--ink:#3e3934;--muted:#8b8177;--line:#d8d0c5;--panel:#f1eee7;--blue:#5b78c8;--red:#d86c66}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:12px ui-monospace,monospace;display:flex;justify-content:center}.page{width:min(570px,100%);padding:22px 16px}header{height:42px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:20px}header h1{font-size:20px;letter-spacing:.12em;margin:0}header a,header button{color:var(--muted);background:none;border:0;text-decoration:none;font:10px inherit;letter-spacing:.1em;padding:7px 0;cursor:pointer}header button{text-align:right}.layout{display:flex;justify-content:center;gap:18px;align-items:flex-start}.gamebox{position:relative;width:360px;background:#bbb3a6;padding:9px;box-shadow:5px 5px #d9d1c5}.top{background:#3e3934;color:#faf8ef;display:flex;justify-content:space-between;padding:9px 10px;font-size:10px;letter-spacing:.08em;margin-bottom:8px}.top b{color:#ffb45c}.grid{display:grid;grid-template-columns:repeat(9,1fr);background:#b7aea1;border:3px solid #b7aea1}.cell{aspect-ratio:1;border:1px solid #d8d0c5;background:#d8d1c5;display:grid;place-items:center;font-weight:700;font-size:18px;cursor:pointer;user-select:none}.cell.closed{background:#bdb4a7;border-color:#d0c7ba;box-shadow:inset 2px 2px #d8d0c5,inset -2px -2px #a49a8d}.cell.flag{color:var(--red)}.cell.mine{background:#d86c66;color:#fff}.n1{color:#5b78c8}.n2{color:#5f936a}.n3{color:#d86c66}.n4{color:#765c9d}.n5{color:#9c654c}.n6{color:#4f9b9d}.n7{color:#3e3934}.n8{color:#8b8177}.message{position:absolute;inset:9px;top:50px;background:#faf8efed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center}.message.hide{display:none}.message b{font-size:25px;letter-spacing:.1em}.message span{font-size:9px;color:var(--muted);letter-spacing:.1em}.message button{border:0;background:#71685f;color:#fff;padding:12px 18px;font:700 10px inherit;letter-spacing:.1em;cursor:pointer;box-shadow:3px 3px #514b45}.sidebar{width:130px;display:flex;flex-direction:column;gap:9px}.stat{background:var(--panel);border:1px solid var(--line);padding:9px;display:flex;flex-direction:column;gap:5px}.stat span,aside p{color:var(--muted);font-size:9px;letter-spacing:.08em}.stat b{font-size:14px}aside p{line-height:1.9;margin:5px 0}footer{border-top:1px solid var(--line);margin-top:25px;padding-top:13px;color:var(--muted);text-align:center;font-size:9px;letter-spacing:.08em}@media(max-width:520px){.page{padding:12px}.layout{gap:10px}.gamebox{width:calc(70vw - 8px);padding:6px}.top{margin-bottom:5px;padding:7px 6px;font-size:7px}.message{inset:6px;top:44px}.message b{font-size:clamp(16px,5vw,25px)}.message span{font-size:7px}.cell{font-size:clamp(12px,4vw,18px)}.sidebar{width:calc(30vw - 2px);min-width:95px}.stat{padding:7px}.stat span,aside p{font-size:7px}.stat b{font-size:10px}}