:root{--bg:#fffaf0;--paper:#fffaf0;--panel:#fffdf7;--soil:#cdbb9f;--soil-dark:#b39b7d;--open:#fffdf7;--ink:#3d3832;--muted:#8a7c6e;--line:#d9cfc1;--mint:#9eddbd;--blue:#8fc9eb;--yellow:#f7d66c;--coral:#f28c78;--purple:#b8a7e8;--accent:#4b9c95;--shadow:#d6c8b7;--red:#f28c78;--number1:#4f80b7;--number2:#4e8a68;--number3:#c35b4f;--number4:#8065ad;--number5:#9e684d;--number6:#4b9694;--number7:#3d3832;--number8:#8a7c6e}
[data-theme="dark"]{--bg:#17232b;--paper:#1b2b33;--panel:#20323a;--soil:#52675f;--soil-dark:#3d514c;--open:#20323a;--ink:#fff4dc;--muted:#a8b8b2;--line:#4d6668;--mint:#86cda9;--blue:#76b8de;--yellow:#f1ce63;--coral:#eb806f;--purple:#a99add;--accent:#9eddbd;--shadow:#0d171d;--red:#eb806f;--number1:#8fc9eb;--number2:#9eddbd;--number3:#eb806f;--number4:#b8a7e8;--number5:#f1ce63;--number6:#86cda9;--number7:#fff4dc;--number8:#a8b8b2}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:12px ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,sans-serif}body{display:flex;justify-content:center}button,a{-webkit-tap-highlight-color:transparent}.page{position:relative;width:min(720px,100%);padding:14px 14px calc(22px + env(safe-area-inset-bottom))}header{min-height:58px;border-bottom:2px dashed var(--line);display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;margin-bottom:12px}header>a,header>button{min-height:44px;display:flex;align-items:center;padding:8px 0;border:0;background:none;color:var(--muted);font:900 9px inherit;letter-spacing:.07em;text-decoration:none;cursor:pointer}header>button{text-align:right;justify-content:flex-end}.brand{text-align:center;min-width:0}.brand h1{margin:0;font-size:clamp(17px,4vw,24px);font-weight:950;letter-spacing:.07em;line-height:1;white-space:nowrap;transform:rotate(-1deg)}.brand span{display:block;margin-top:5px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.layout{display:flex;justify-content:center;gap:16px;align-items:flex-start}.gamebox{position:relative;width:min(470px,100%);padding:7px;border:3px solid var(--ink);border-radius:21px 17px 24px 18px;background:var(--paper);box-shadow:7px 8px var(--shadow);transform:rotate(.15deg)}.top{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px 8px;margin-bottom:7px;border:2px solid var(--ink);border-radius:12px 10px 14px 11px;background:var(--mint);color:#25433d;font-size:8px;font-weight:900;letter-spacing:.07em}.top span:nth-child(2){text-align:center}.top span:last-child{text-align:right}.top b{display:block;margin-top:3px;color:var(--ink);font-size:11px}.grid{--cols:9;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:3px;padding:3px;border:3px solid var(--ink);border-radius:13px 10px 15px 11px;background:var(--soil-dark);width:100%}.cell{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;border:2px solid var(--ink);border-radius:7px 5px 8px 6px;background:var(--soil);color:var(--ink);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;font:950 clamp(11px,3.2vw,18px) inherit;line-height:1}.cell.closed{background:var(--soil);border-color:var(--soil-dark)}.cell.closed:before{content:"";position:absolute;left:22%;top:23%;width:18%;height:12%;border:1.5px solid currentColor;border-radius:50%;opacity:.3;transform:rotate(-24deg)}.cell.closed:after{content:"";position:absolute;right:19%;bottom:22%;width:24%;height:11%;border-top:1.5px solid currentColor;border-radius:50%;opacity:.25;transform:rotate(18deg)}.cell.open{background:var(--open);border-color:var(--line)}.cell.flag{color:var(--coral);background:var(--yellow)}.cell.mine{background:var(--coral);color:var(--ink)}.cell.n1{color:var(--number1)}.cell.n2{color:var(--number2)}.cell.n3{color:var(--number3)}.cell.n4{color:var(--number4)}.cell.n5{color:var(--number5)}.cell.n6{color:var(--number6)}.cell.n7{color:var(--number7)}.cell.n8{color:var(--number8)}.message{position:absolute;inset:7px;top:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;border-radius:13px 10px 15px 11px;background:color-mix(in srgb,var(--paper) 94%,transparent);text-align:center}.message.hide{display:none}.message-spark{color:var(--coral);font-size:38px;line-height:1}.message b{font-size:clamp(24px,6vw,35px);font-weight:950;letter-spacing:.05em;line-height:1}.message span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.07em}.message button,.levels-head button{min-height:48px;padding:12px 18px;border:2px solid var(--ink);border-radius:14px 10px 16px 11px;background:var(--yellow);color:var(--ink);box-shadow:3px 4px var(--ink);cursor:pointer;font:950 10px inherit;letter-spacing:.08em}.message button:hover,.message button:focus-visible,.levels-head button:hover,.levels-head button:focus-visible{background:var(--mint);outline:none}aside{width:150px}.stat{padding:10px;border:2px solid var(--ink);border-radius:12px 10px 14px 11px;background:var(--panel);box-shadow:2px 3px var(--shadow);display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.stat span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}.stat b{font-size:15px;line-height:1}.stat-status b{color:var(--accent)}.stat-best b{color:var(--purple)}.stat-progress b{color:var(--coral)}aside p{margin:10px 2px;color:var(--muted);font-size:9px;font-weight:800;line-height:1.9}aside p b{color:var(--ink)}.levels-panel{margin-top:14px;padding:14px;border:3px solid var(--ink);border-radius:18px 14px 20px 15px;background:var(--paper)}.levels-panel.hide{display:none}.levels-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:2px dashed var(--line)}.levels-head b{font-size:14px;font-weight:950;letter-spacing:.08em}.levels-head span{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:900}.levels-head button{min-height:40px;padding:9px 12px;box-shadow:2px 3px var(--ink)}.level-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.difficulty-heading{grid-column:1/-1;color:var(--coral);font-size:9px;font-weight:950;letter-spacing:.1em}.level-button{min-height:56px;padding:7px;border:2px solid var(--ink);border-radius:10px 8px 12px 9px;background:var(--panel);color:var(--ink);cursor:pointer;text-align:left}.level-button span{display:block;font-size:13px;font-weight:950}.level-button small{display:block;margin-top:4px;color:var(--muted);font-size:7px;font-weight:800}.level-button.complete{background:var(--mint);color:#25433d}.level-button.selected{border-color:var(--coral)}.level-button.locked{opacity:.42;cursor:not-allowed}footer{margin-top:12px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.07em;line-height:1.5;text-align:center}@media(max-width:520px){.page{padding:10px 10px max(18px,env(safe-area-inset-bottom))}header{min-height:54px;grid-template-columns:auto minmax(0,1fr) auto auto;gap:4px}header>a,header>button{font-size:8px}.brand h1{font-size:16px}.brand span{font-size:6px;letter-spacing:.03em}.layout{flex-direction:column;align-items:center;gap:12px}.gamebox{width:100%;padding:5px;border-width:2px;border-radius:18px 14px 21px 15px;box-shadow:5px 6px var(--shadow)}.message{inset:5px;top:50px}.top{padding:8px 5px;border-width:1.5px}.top span{font-size:7px}.grid{gap:2px;padding:2px;border-width:2px}.cell{border-width:1.5px}aside{width:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stat{margin:0;padding:8px 6px;border-width:1.5px;box-shadow:1px 2px var(--shadow)}aside p{text-align:center;margin:8px 0 0}.level-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.level-list{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}