:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#e9f2ff;--aqua:#76e9d2;--gold:#ffc982}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 10%,#23485a65,transparent 55%),radial-gradient(ellipse at 90% 80%,#53315a55,transparent 60%),#0d1626}button{font:700 11px Arial;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #ffcb82;outline-offset:3px}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){filter:brightness(1.13)}a{color:#b0d5dc;text-decoration:none}main{width:min(100% - 28px,920px);margin:auto;padding:20px 0}header{display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1px;color:#9baec4;margin-bottom:16px}header a{font-size:11px}header button{width:35px;height:35px;border:1px solid #4b6375;border-radius:8px;background:#1c2b3e;color:var(--aqua);font-size:18px}.cabinet{padding:25px 28px 17px;border:1px solid #587084;border-radius:19px;background:linear-gradient(130deg,#273b4c,#17283a 45%,#20273d);box-shadow:0 0 0 5px #101c2b,0 25px 75px #0006}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{font:700 9px monospace;letter-spacing:2px;color:var(--aqua);margin:0 0 10px}h1{font-size:40px;font-weight:1000;line-height:1;margin:0;letter-spacing:-1.8px;color:#fff0d4}h1 span{color:var(--aqua)}.badge{font-size:34px;color:#ffaabf;width:60px;height:60px;background:linear-gradient(145deg,#41526b,#253246);border:1px solid #73829a;border-radius:15px;text-align:center;line-height:60px;box-shadow:0 5px 0 #122334;transform:rotate(6deg)}.difficulty{display:flex;background:#101d2e;border:1px solid #3d566c;border-radius:10px;padding:5px;gap:6px;margin-bottom:17px}.difficulty button{flex:1;border:1px solid transparent;border-radius:6px;background:transparent;padding:11px 4px;color:#a4b6cd;letter-spacing:1px;font-size:10px}.difficulty small{display:block;font:8px monospace;color:#7d97ab;margin-top:6px;letter-spacing:0}.difficulty button.active{background:linear-gradient(135deg,#355c61,#294251);border-color:#71a69e;color:#beffde}.difficulty button.active small{color:#afcdbf}.dashboard{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;background:#101b2d;border:1px solid #41556a;border-radius:12px;margin-bottom:21px}.dashboard>div:last-child{text-align:right}.dashboard small{font:9px monospace;letter-spacing:2px;color:#96a9c0}.dashboard strong{display:block;font:700 37px monospace;color:var(--gold);letter-spacing:4px;margin-top:5px;text-shadow:0 0 15px #e69a2c22}#timer{color:var(--aqua)}#resetButton{width:58px;height:54px;border-radius:12px;border:1px solid #839093;background:linear-gradient(140deg,#ffda88,#f9b658);box-shadow:0 4px 0 #805527,0 0 24px #fcb44d14;color:#51391f;font-size:35px}.field-top{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.2px;color:#9cb2c7;margin-bottom:11px}#resultTag{color:var(--aqua)}.field{position:relative;background:#101d2b;border-radius:12px;border:1px solid #53697d;padding:7px;box-shadow:inset 0 2px 12px #040b16a0}.board-scroll{overflow:auto;max-width:100%;padding:8px;scrollbar-color:#69849b #122335;overscroll-behavior:contain}#board{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));width:max-content;margin:auto;gap:0}.cell{position:relative;width:var(--cell);height:var(--cell);display:grid;place-items:center;padding:2px;border:2px solid #15283b;border-radius:7px;background:linear-gradient(145deg,#748fab,#486883 55%,#36546d);box-shadow:inset 0 2px #c8d8e459,inset 0 -4px #203b5699;font:900 calc(var(--cell)*.53)/1 Arial;color:#f6f5ed;user-select:none;-webkit-user-select:none}.cell:after{content:'';position:absolute;inset:5px;border-radius:3px;border:1px solid #b5d8e51b;pointer-events:none}.cell:nth-child(3n){background:linear-gradient(145deg,#7889a5,#52627e 55%,#3a506c)}.cell.open{background:#1b2b3e;box-shadow:inset 0 0 5px #060c1940;border:1px solid #344459;border-radius:3px;cursor:default}.cell.open:after{display:none}.cell.open:empty{background:#172639}.cell.flagged{background:linear-gradient(140deg,#76577f,#493952);box-shadow:inset 0 2px #dcb2e344,inset 0 -3px #231b30}.cell svg{width:90%;height:90%;overflow:visible;pointer-events:none}.cell.mine{background:#788896;border-color:#a6b8c9}.cell.exploded{background:#ed6b79;border:2px solid #ffe8c3;box-shadow:0 0 19px #ff4e7180;z-index:1}.cell.wrong:after{content:'×';inset:0;display:grid;place-items:center;font-size:35px;color:#ffe0d8;border:0;text-shadow:0 1px #86122a}.n1{color:#77caff}.n2{color:#7ee0ae}.n3{color:#ff919d}.n4{color:#c4a5ff}.n5{color:#ffc781}.n6{color:#65e5e7}.n7{color:#fff1c9}.n8{color:#c5d1e3}.progress-label{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.6px;color:#99acc1;margin:18px 0 8px}#bestText{color:#d5b1f1}progress{display:block;width:100%;height:5px;border:0;border-radius:4px;background:#102034;color:var(--aqua)}progress::-webkit-progress-bar{background:#102034;border-radius:4px}progress::-webkit-progress-value{background:linear-gradient(90deg,#6b9bd0,#7be6c2);border-radius:4px}.controls{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:9px;margin-top:19px}.controls button,.primary{border:1px solid #516c7f;border-radius:8px;background:linear-gradient(#334b60,#26374c);min-height:44px;padding:10px 8px;font-size:10px;letter-spacing:.5px}#flagButton{color:#ffb7d0;border-color:#765873}#flagButton.active{background:#74506f;color:#fff1f7;border-color:#dfa4c9}.primary{color:#15322d;background:var(--aqua);border-color:#aeffe5;padding:14px 25px}#message{font-size:11px;line-height:1.6;color:#afc1d3;text-align:center;margin:16px 0 0;min-height:18px}body[data-state="lost"] #message,body[data-state="lost"] #resultTag{color:#ffadbb}body[data-state="won"] #message{color:#a2efb6}#scrollHint{font-size:10px;line-height:1.5;color:#c0b1d6;margin:10px 0}footer{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:#8297ae;margin-top:22px}.pause-overlay{position:absolute;inset:0;background:#111d30ed;backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:15px;text-align:center}.pause-overlay[hidden]{display:none}.pause-overlay h2{font-size:25px;color:var(--aqua);margin:0}.pause-overlay p{font-size:12px;color:#a7b9cc}dialog{max-width:min(90vw,440px);background:#1d3043;color:#d7e6f7;border:1px solid #7d9caa;border-radius:16px;padding:27px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#080f25b0}dialog h2{color:var(--aqua)}dialog p{font-size:13px;line-height:1.7}dialog .primary{width:100%}
@media(min-width:650px){body:has([data-level="beginner"].active) main{max-width:610px}.cell:hover:not(.open){border-color:#9bc9dc}}
@media(max-width:600px){main{width:calc(100% - 20px);padding:12px 0}.cabinet{padding:17px 12px 14px}header{font-size:7px;letter-spacing:.3px}header a{font-size:10px}h1{font-size:29px;letter-spacing:-1.6px}.eyebrow{font-size:7px;letter-spacing:1px}.badge{width:39px;height:39px;font-size:25px;line-height:39px;border-radius:10px}.title-row{margin-bottom:18px}.difficulty{gap:2px;padding:4px}.difficulty button{font-size:8px;letter-spacing:.2px}.difficulty small{font-size:7px}.dashboard{padding:12px 15px;margin-bottom:17px}.dashboard strong{font-size:30px}.dashboard small{font-size:7px;letter-spacing:1px}#resetButton{width:47px;height:44px;font-size:29px}.field{padding:3px}.board-scroll{padding:6px}.cell{border-radius:5px}.cell:after{inset:4px}.field-top{font-size:7px;letter-spacing:.3px}.progress-label{font-size:7px;letter-spacing:0}.controls{gap:5px;grid-template-columns:1.4fr 1fr 1fr}.controls button{font-size:8px;letter-spacing:0;padding:8px 4px}.controls #flagButton{font-size:8px}#message{font-size:10px}footer{font-size:7px;letter-spacing:0;gap:10px;line-height:1.7}footer span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}