*{box-sizing:border-box}html{background:#214e3a;color:#294b38;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 15% 5%,#fbf0bc 0 7%,transparent 30%),linear-gradient(145deg,#dbe9b9,#b7d39b 60%,#96bb82)}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #d66b56;outline-offset:2px}a{color:inherit;text-decoration:none}.app{width:min(700px,calc(100% - 24px));margin:auto;padding:10px 0}header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#315c43}header>a{font-size:11px}header strong{text-align:center;font-size:22px;letter-spacing:3px}header small{display:block;font-size:6px;letter-spacing:2px;color:#6d8b62;margin-top:2px}button{min-width:44px;min-height:44px;border:1px solid #88a66e;border-radius:12px;background:#fff8d7;color:#345a40;box-shadow:0 3px #7fa06b;padding:7px 11px;font-weight:700}#sound{font-size:10px;min-height:38px}.top{display:flex;align-items:center;gap:10px;margin:8px 0}.difficulty{display:flex;gap:5px;flex:1}.difficulty button{flex:1;font-size:11px;line-height:1.1;min-width:0}.difficulty small{display:block;font-size:7px;font-weight:500;margin-top:4px}.difficulty button.active{background:#d96d58;color:#fff9d8;border-color:#a4493d;box-shadow:0 3px #a4493d}.stats{display:flex;gap:5px}.stats span{min-width:62px;text-align:center;font-size:8px;color:#66805c}.stats b{display:block;font-size:18px;color:#345a40;font-variant-numeric:tabular-nums}.garden{position:relative;margin:auto;width:min(100%,480px);aspect-ratio:1;border:7px solid #795e3e;border-radius:20px;background:#426e49;box-shadow:0 7px #523e2b,0 15px 25px #335f4133;overflow:hidden}.patch{height:100%;padding:13px;background:repeating-linear-gradient(135deg,#588051 0 10px,#53794d 10px 20px);display:grid;place-items:center}#board{width:100%;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:3px}#board button{aspect-ratio:1;min-width:0;min-height:0;padding:0;border:0;border-radius:7px;background:linear-gradient(145deg,#9fc77e,#7fab69);box-shadow:inset 0 2px #c8df9b,0 2px #365d3c;color:#315348;font-size:clamp(11px,4.4vw,25px);font-weight:900;position:relative}#board button::after{content:"";position:absolute;inset:17%;border:1px solid #dbeab233;border-radius:50%}#board button.revealed{background:#ead9a7;box-shadow:inset 0 0 0 1px #cfbb88;color:var(--number,#315348)}#board button.revealed::after{display:none}#board button.zero{background:#e4d29c}.flag::before{content:"⚑";position:absolute;inset:0;display:grid;place-items:center;color:#d65045;font-size:1.25em;text-shadow:0 1px #fff}.mine{background:#d36c55!important;color:#fff!important}.mine::before{content:"✹"}.wrong::before{content:"×";color:#812f2d}.n1{--number:#3673a0}.n2{--number:#438044}.n3{--number:#c84c40}.n4{--number:#7353a0}.n5{--number:#9a4b34}.n6{--number:#277f7b}.overlay,#overlay{position:absolute;inset:0;background:#fdf4d8f4;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;z-index:5}#overlay[hidden]{display:none}.ladybird{width:36px;height:36px;border-radius:50%;background:#db6651;color:#283f32;display:grid;place-items:center;font-size:15px;box-shadow:inset -5px 0 #bd4c42;position:relative}.ladybird:after{content:"";position:absolute;width:4px;height:100%;background:#34483c}#kicker{font-size:7px;letter-spacing:2px;color:#789069;margin-top:9px}h1{font-size:clamp(24px,5vw,34px);line-height:1.2;margin:7px 0;color:#315940}h1 em{font-style:normal;color:#c95e4c;display:block}#copy{font-size:11px;line-height:1.8;margin:3px 0 10px;color:#6b7e5c}#primary{background:#507c4e;color:#fff9d8;border-color:#315f40;box-shadow:0 4px #315f40;min-width:180px}#overlay a{font-size:9px;color:#7b8a6d;margin-top:11px}.controls{display:flex;justify-content:center;gap:8px;margin:12px auto 0}.modes{display:flex;gap:5px}.modes button[aria-pressed="true"]{background:#d96d58;color:#fff;border-color:#a4493d;box-shadow:0 3px #a4493d}.controls>button{font-size:11px}.modes button{min-width:90px}.controls button:disabled{opacity:.45}.paused #board{filter:saturate(.3);opacity:.55}.paused .patch:after{content:"花园午休中";position:absolute;inset:0;display:grid;place-items:center;color:#fff7d8;font-size:22px;font-weight:800;background:#2d573ab8;z-index:3}.paused .patch{position:relative}.notice,#notice{text-align:center;font-size:10px;min-height:17px;margin:9px 0 5px;color:#4f704e}footer{display:flex;justify-content:space-between;color:#688363;font-size:8px}[hidden]{display:none!important}
@media(max-width:500px){.app{width:calc(100% - 16px);padding:5px 0}header{height:43px}header strong{font-size:18px;letter-spacing:2px}header small{font-size:5px}.top{margin:5px 0;display:block}.difficulty{height:43px}.difficulty button{min-height:40px;padding:4px 2px}.stats{position:absolute;top:52px;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none}.stats span{background:#f6eec9d9;border-radius:8px;padding:2px;min-width:57px}.stats b{font-size:14px}.garden{width:min(100%,calc(100svh - 183px));min-width:0}.patch{padding:9px}#board{gap:2px}.controls{margin-top:9px;gap:5px}.modes{gap:4px}.modes button{min-width:76px;padding:5px;font-size:11px}.controls>button{padding:5px 8px}.notice,#notice{margin:7px 0 3px}footer{justify-content:center}footer span:last-child{display:none}}
@media(max-width:340px){header strong{font-size:16px}.garden{width:min(100%,calc(100svh - 176px))}.controls{gap:3px}.modes button{min-width:67px}.controls button{padding:4px 6px;font-size:10px}.difficulty button{font-size:10px}}
@media(max-height:500px) and (orientation:landscape){.app{width:calc(100% - 16px);height:100svh;display:grid;grid-template-columns:320px 1fr;grid-template-rows:48px 48px 54px 1fr 22px;gap:5px 12px;padding:5px 0}header{grid-column:1;grid-row:1;height:auto}.top{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;margin:0}.difficulty{width:100%;height:46px}.stats{position:static;transform:none}.garden{grid-column:2;grid-row:1/6;height:calc(100svh - 17px);width:auto;max-width:100%;aspect-ratio:1;align-self:center}.controls{grid-column:1;grid-row:4;align-self:center;margin:0;flex-wrap:wrap}.notice,#notice{grid-column:1;grid-row:5;margin:0}footer{display:none}#copy{font-size:10px;line-height:1.55}h1{font-size:25px}.patch{padding:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}