:root{--bg: #0e0f14;--panel: #171922;--ink: #e8ecf2;--muted: #9aa8b8;--tile: #1d2130;--tile2: #212536;--tile3: #252a3c;--accent: #77c1ff;--ok: #52d49a;--warn: #ffbb6b;--danger: #ff6b6b;--clue: #7bd1ff;--flag: #ff5e94;--bomb: #ff4b6e;--flagDigit: #ff6b6b;--bombHL: #ff7bd1;--district: #6f76a8;--mark: #ffd24d;--markDigit: #ffe48b;--bgGradient: linear-gradient(180deg, #0b0c12, #11131a);--boardBg: #0008;--statusBg: #0b1222cc;--gutBg: #0b1222cc;--cfgItemBg: #141822;--kvBg: #0d1220;--enteredBg1: #3a4b62;--enteredBg2: #465162;--enteredWrongBg1: #4b3238;--enteredWrongBg2: #35252a;--givenBg1: #2b3044;--givenBg2: #23283b;--bombRevealedBg1: #311a22;--bombRevealedBg2: #2a1a1f}:root[data-theme=light]{--bg: #f5ede0;--panel: #fff8ef;--ink: #241a12;--muted: #7a6a55;--tile: #f3e3cd;--tile2: #ecd6bd;--tile3: #e2c8aa;--accent: #d38c3a;--ok: #1a7f4b;--warn: #d97706;--danger: #b91c1c;--clue: #2563eb;--flag: #e11d48;--bomb: #b91c1c;--flagDigit: #7f1d1d;--bombHL: #f97316;--district: #d1b38c;--mark: #facc15;--markDigit: #b45309;--bgGradient: linear-gradient(180deg, #f9f1e3, #ebdecc);--boardBg: rgba(0, 0, 0, .06);--statusBg: rgba(255, 255, 255, .9);--gutBg: rgba(255, 255, 255, .9);--cfgItemBg: #f3e6d3;--kvBg: #f2e7d7;--enteredBg1: #f7e0b8;--enteredBg2: #f0cf92;--enteredWrongBg1: #f6b5a0;--enteredWrongBg2: #f08c7a;--givenBg1: #f4e3c6;--givenBg2: #ebd3a9;--bombRevealedBg1: #f8cbc5;--bombRevealedBg2: #f3a39a}*{box-sizing:border-box}body{margin:0;background:var(--bgGradient);color:var(--ink);font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;display:flex;flex-direction:column;align-items:center;gap:16px;padding:18px;min-height:100vh}.lives{display:flex;gap:6px;align-items:center}.heart{width:16px;aspect-ratio:1;background:var(--danger);clip-path:path("M12 21s-8-4.438-8-11a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6.562-8 11-8 11Z");opacity:.18}.heart.on{opacity:1}.stats{justify-self:center;color:var(--muted);font-weight:600}.controls{justify-self:end;display:flex;gap:8px;flex-wrap:wrap}select,button{background:var(--panel);color:var(--ink);border:1px solid #0008;border-radius:10px;padding:8px 12px;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0a,0 1px #000a}.theme-toggle{padding-inline:10px;border-radius:999px;font-size:14px}:root[data-theme=light] .theme-toggle{box-shadow:inset 0 0 0 1px #00000010,0 1px #0001}button:hover{filter:brightness(1.06)}button:active{transform:translateY(1px)}button[disabled]{opacity:.5;cursor:not-allowed}.status.win{color:var(--ok)}.status.lose{color:var(--danger)}.status.hint{color:var(--clue)}.boardWrap{position:relative;width:100%;aspect-ratio:1;margin:0;padding-top:40px;padding-left:56px}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:1fr 2px 1fr 2px 1fr 8px 1fr 2px 1fr 2px 1fr 8px 1fr 2px 1fr 2px 1fr;grid-template-rows:1fr 2px 1fr 2px 1fr 8px 1fr 2px 1fr 2px 1fr 8px 1fr 2px 1fr 2px 1fr;background:var(--district);padding:6px;border-radius:14px;border:4px solid var(--district);box-shadow:0 0 12px #6f76a830}.cell{position:relative;display:flex;align-items:center;justify-content:center;background:var(--tile);border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:clamp(16px,3vw,26px);font-weight:900;color:var(--ink);transition:.08s background,.08s transform,.08s color,.08s box-shadow;border-right:0;border-bottom:0}.districtBorders{position:absolute;inset:0;pointer-events:none;z-index:3}.districtBorders svg{width:100%;height:100%}.districtLine{stroke:var(--district);stroke-width:4;stroke-linecap:square;fill:none}.cell.covered{background:var(--tile2);cursor:pointer}.cell.revealed{background:var(--tile3)}.cell.normal.revealed{outline:1px solid #0006}.cell.clue.revealed{color:var(--clue);outline:2px solid #3a7aa6;box-shadow:inset 0 0 0 2px #6fc8ffcc,0 0 12px #6fc8ffaa}.cell.bomb.revealed{background:linear-gradient(180deg,var(--bombRevealedBg1),var(--bombRevealedBg2));outline:2px solid #ff4b6e80}.bombmark{position:absolute;font-size:20px}.cell.given{box-shadow:inset 0 0 0 2px #ffffff12;background:linear-gradient(180deg,var(--givenBg1),var(--givenBg2));cursor:default!important;opacity:.95}.cell.given:hover{filter:none!important;transform:none!important}.subgrid{position:absolute;inset:-2px;border-radius:10px;pointer-events:none;outline:2px solid #ffffff08;box-shadow:inset 0 0 0 2px #0004}.cell.flag:before{content:"⚑";position:absolute;right:6px;top:5px;color:var(--flag);font-size:14px}.flagDigit{position:relative;z-index:1;color:var(--flagDigit);font-weight:900;font-size:clamp(16px,3vw,26px);text-shadow:0 1px 0 #0009}.markModeOn{background:linear-gradient(180deg,#d9ae34,#8c6f14);outline:2px solid var(--mark);box-shadow:0 0 0 3px #ffd24d2a}.removeMark{background:linear-gradient(180deg,#b88a1f,#6f5610);border-color:#4a3a07}.cell.mark:after{content:"✎";position:absolute;right:6px;top:5px;font-size:13px;color:var(--mark)}.markDigit{position:relative;z-index:1;color:var(--markDigit);font-weight:900;font-size:clamp(16px,3vw,26px);text-shadow:0 1px 0 #0009;word-spacing:-.1em;letter-spacing:-.05em}.cell.mark .markDigit:has-text("/"){font-size:clamp(14px,2.6vw,22px)}.markDigit.multi{font-size:clamp(14px,2.6vw,22px)!important}.sel{outline:3px solid var(--accent)!important;outline-offset:-3px;z-index:10;position:relative}.bad{animation:shake .2s linear}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.panel{background:var(--panel);border-radius:12px;padding:12px;box-shadow:0 6px 24px #0008;align-self:start}.panel h3{margin:0 0 8px;font-size:14px;color:var(--muted)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.numpad button{padding:10px 0;font-size:16px;font-weight:900}.row{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap}.row--hint{margin-top:10px}.row--config{margin-top:12px;flex-direction:column;align-items:stretch}.confirm{background:linear-gradient(180deg,#2b7,#194);border-color:#0a2}.flagModeOn{background:linear-gradient(180deg,#ff6b9a,#a33558);outline:2px solid var(--flag);box-shadow:0 0 0 3px #ff5e941f}.removeFlag{background:linear-gradient(180deg,#c44,#822);border-color:#500}.cell.postHiddenSafe{background:#1d2a30!important;color:#9bd3ff}.cell.postHiddenClue{background:#1f2933!important;color:var(--clue);box-shadow:inset 0 0 0 1px #6fc8ff33}.cell.postHiddenBomb{background:#3b1f28!important;outline:2px dashed #ff4b6ea6}.cell.flagRight{box-shadow:0 0 0 2px #41d38a99 inset}.cell.flagWrong{box-shadow:0 0 0 2px #ff6b6b99 inset}.cell.flagDigitWrong .flagDigit{text-decoration:line-through;filter:saturate(.6) brightness(.9)}.cell.flagDigitNoteOnBomb .flagDigit{opacity:.7}.rowHints,.colHints{position:absolute;inset:0;pointer-events:none;font-weight:800;font-size:12px;color:var(--muted);text-shadow:0 1px 0 #000;z-index:5}.gutRow,.gutCol{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1;padding:2px 8px;pointer-events:auto}.gutRow{position:absolute;left:8px;transform:translateY(-50%);padding:2px 6px;background:var(--gutBg);border:1px solid #0008;border-radius:8px;box-shadow:0 2px 8px #0008,inset 0 0 0 1px #ffffff12;cursor:default}.gutCol{position:absolute;top:8px;transform:translate(-50%);padding:2px 6px;background:var(--gutBg);border:1px solid #0008;border-radius:8px;box-shadow:0 2px 8px #0008,inset 0 0 0 1px #ffffff12;cursor:default}.hlStripe{position:absolute;z-index:6;pointer-events:none;display:none;border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff14}#rowHL{background:color-mix(in oklab,var(--bombHL) 22%,transparent);outline:2px solid color-mix(in oklab,var(--bombHL) 45%,transparent)}#colHL{background:color-mix(in oklab,var(--bombHL) 18%,transparent);outline:2px solid color-mix(in oklab,var(--bombHL) 40%,transparent)}details.block{background:var(--panel);border-radius:12px;padding:10px 12px;box-shadow:0 6px 24px #0008;width:min(96vw,1200px)}details.block>summary{cursor:pointer;outline:none;list-style:none;font-weight:800;color:var(--accent)}.cfggrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:10px}.cfgitem{background:var(--cfgItemBg);border:1px solid #0008;border-radius:10px;padding:10px}.cfgitem h4{margin:0 0 6px;font-size:13px;color:var(--muted)}.cfgitem input[type=range]{width:100%}.cfgitem .val{font-weight:800}.switch{display:flex;gap:8px;align-items:center}.kv{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#cfe;background:var(--kvBg);padding:8px;border-radius:8px;white-space:pre-wrap;border:1px solid #0008}.inlineHelp{color:var(--muted);font-size:12px;margin-top:6px}.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.legend__clue{color:var(--clue);font-weight:800}.tileDemo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:900;font-size:18px;position:relative}.demo-covered{background:var(--tile2)}.demo-normal{background:var(--tile3);outline:1px solid #0006}.demo-clue{background:var(--tile3);color:var(--clue);outline:2px solid #3a7aa6;box-shadow:inset 0 0 0 2px #6fc8ffcc,0 0 12px #6fc8ffaa}.demo-flag{background:var(--tile2)}.demo-flag:before{content:"⚑";position:absolute;right:4px;top:2px;left:auto;color:var(--flag);font-size:12px}.demo-flag .digit{color:var(--flagDigit)}.demo-bomb{background:linear-gradient(180deg,#311a22,#2a1a1f);outline:2px solid #ff4b6e80}.demo-bomb:after{content:"💣";font-size:18px}@media(max-width:720px){.layout{grid-template-columns:1fr}.panel--aside{max-width:none;width:100%}.status{margin-bottom:6px}.boardWrap{padding-top:42px;padding-left:48px}.cell{font-size:clamp(18px,6vw,28px)}}.cell.preview{animation:flicker .9s ease-in-out infinite alternate}.cell.preview .preview__digit,.cell.preview .preview__note{opacity:.65;filter:brightness(1.05)}.preview__flagIcon{position:absolute;top:5px;right:6px;font-size:14px;color:var(--flag);opacity:.65}.cell.sel{outline:3px solid var(--accent)!important;outline-offset:-2px;z-index:10;position:relative}@keyframes flicker{0%{filter:brightness(1);transform:translateY(0)}to{filter:brightness(1.1);transform:translateY(-.5px)}}.cell.entered{background:linear-gradient(180deg,var(--enteredBg1),var(--enteredBg2));box-shadow:inset 0 0 0 2px #ffffff1a,0 0 0 1px #0006;cursor:pointer}.cell.entered.wrong{background:linear-gradient(180deg,var(--enteredWrongBg1),var(--enteredWrongBg2));box-shadow:inset 0 0 0 2px #ff6b6b66}.cell.entered.covered:hover,.cell.entered.sel{filter:brightness(1.06)}.cell.entered.preview .preview__digit{opacity:.75}.preview__noteIcon{position:absolute;top:5px;right:6px;font-size:13px;color:var(--mark);opacity:.75}.seedRow{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.seedRow input{background:#131621;border:1px solid #303646;border-radius:4px;padding:2px 6px;color:var(--ink);font-size:11px;min-width:120px}.bombDigitOverlay{position:absolute;right:4px;top:2px;font-size:16px;font-weight:700;color:var(--muted);text-shadow:0 2px 3px #000;opacity:.9}.correctDigitOverlay{position:absolute;right:4px;top:2px;font-size:16px;font-weight:700;color:var(--ok);text-shadow:0 2px 3px #000;opacity:.9;pointer-events:none}.correctDigitOverlay.wrong{color:var(--danger)}.enteredWrong{position:relative;color:var(--danger)!important}.enteredWrong:after{content:"✖";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:900;color:var(--danger);opacity:.85;pointer-events:none}:root[data-theme=light] .cell.mark{box-shadow:inset 0 0 0 2px #eab308bf}:root[data-theme=light] .cell.mark:after{color:#a16207}:root[data-theme=light] .markDigit{color:#92400e;font-weight:900;text-shadow:0 0 2px rgba(255,255,255,.9);font-size:clamp(16px,3vw,26px)}:root[data-theme=light] .markDigit.multi{font-size:clamp(14px,2.6vw,22px)!important}:root[data-theme=light] .cell.given{background:linear-gradient(180deg,#ead7b3,#d3b887);color:#5b4630;font-weight:700;box-shadow:inset 0 0 0 1px #5a4b2a59,0 0 2px #0000000f}:root[data-theme=light] .cell.entered{background:#fff!important;color:#2c2c2c;font-weight:900;box-shadow:inset 0 0 0 2px #785528d9,0 0 4px #78552859}:root[data-theme=light] .cell.entered.sel,:root[data-theme=light] .cell.entered:hover{box-shadow:inset 0 0 0 2px #2563eb,0 0 6px #2563eb8c}:root[data-theme=light] .cell.clue.revealed{background:linear-gradient(180deg,#dce8fb,#c9dbf8);color:#1e40af;outline:2px solid #3b82f6;box-shadow:inset 0 0 0 2px #6fc8ffcc,0 0 12px #6fc8ffaa;font-weight:900}:root[data-theme=light] .cell.normal.revealed{background:linear-gradient(180deg,#f1e6d3,#e6d6bd);outline:1px solid #bfa98a}:root[data-theme=light] .cell.flag{box-shadow:inset 0 0 0 3px #dc2626e6,0 0 6px #dc262666}:root[data-theme=light] .gutRow,:root[data-theme=light] .gutCol{background:#fff4d6;color:#7a3b00;border-color:#78552866;box-shadow:0 2px 6px #00000014,inset 0 0 0 2px #f0b44640;font-weight:800;letter-spacing:.02em}:root[data-theme=light] .rowHints,:root[data-theme=light] .colHints{text-shadow:none}:root[data-theme=light] .seedRow input{background:#fff7e6;border:1px solid #c7a878;color:#3a2a18;box-shadow:0 1px 3px #0000001a}:root[data-theme=light] .kv{background:#fff3d9;color:#5c3b17;border-color:#966e3266}.cell.covered.clue{outline:2px solid #3a7aa6;box-shadow:inset 0 0 0 2px #6fc8ffcc,0 0 12px #6fc8ffaa}.status.loading:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guide__content{display:flex;flex-direction:column;gap:20px}.guide__section{background:var(--tile);border:1px solid #0006;border-radius:10px;padding:16px 18px;box-shadow:0 2px 8px #0004}.guide__section h3{margin:0 0 14px;color:var(--accent);font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px}.guide__section h4{margin:14px 0 10px;color:var(--ink);font-size:15px;font-weight:700}.guide__section p{margin:8px 0;line-height:1.7;color:var(--ink)}.guide__section ul,.guide__section ol{margin:10px 0;padding-left:24px;line-height:1.8}.guide__section li{margin:6px 0}.guide__tiles{display:flex;flex-direction:column;gap:14px}.guide__tile-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:var(--panel);border-radius:8px;border:1px solid #0004;box-shadow:0 2px 4px #0002;transition:transform .2s,box-shadow .2s}.guide__tile-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0004}.guide__tile-desc{flex:1}.guide__tile-desc strong{display:block;color:var(--accent);margin-bottom:6px;font-size:14px}.guide__tile-desc p{margin:4px 0;font-size:13px;line-height:1.6}.guide__tile-desc ul{margin:8px 0;padding-left:20px;font-size:13px}.guide__example{display:block;margin-top:8px;padding:8px 10px;background:var(--tile);border-left:3px solid var(--accent);border-radius:4px;font-size:12px;font-style:italic;color:var(--muted)}.guide__modes{display:flex;flex-direction:column;gap:14px}.guide__mode-item{padding:14px 16px;background:var(--panel);border-radius:8px;border:1px solid #0004;box-shadow:0 2px 4px #0002}.guide__mode-item h4{margin:0 0 10px;color:var(--accent);font-size:15px}.guide__mode-item ol{margin:10px 0}.guide__warning{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#ff6b6b26,#ff6b6b0d);border-left:4px solid var(--danger);border-radius:6px;font-size:13px;line-height:1.7;box-shadow:0 2px 4px #ff6b6b1a}.guide__shortcuts{margin-top:14px;padding:14px 16px;background:var(--panel);border-radius:8px;border:1px solid #0004;box-shadow:0 2px 4px #0002}.guide__shortcuts h4{margin:0 0 10px;color:var(--accent)}.guide__shortcuts kbd{display:inline-block;padding:3px 7px;background:var(--tile);border:1px solid #0006;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:600;box-shadow:0 2px #0004,inset 0 1px #ffffff0a;color:var(--accent)}.guide__example-box{padding:14px 16px;background:var(--panel);border:1px solid var(--accent);border-radius:8px;margin:12px 0;box-shadow:0 2px 8px #77c1ff1a}.guide__example-box strong{color:var(--accent)}.guide__conditions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide__condition{padding:16px;border-radius:10px;border:2px solid;box-shadow:0 2px 8px #0003}.guide__condition--win{background:linear-gradient(135deg,#52d49a1f,#52d49a0d);border-color:var(--ok)}.guide__condition--win h4{color:var(--ok);margin:0 0 12px;font-size:16px}.guide__condition--lose{background:linear-gradient(135deg,#ff6b6b1f,#ff6b6b0d);border-color:var(--danger)}.guide__condition--lose h4{color:var(--danger);margin:0 0 12px;font-size:16px}.guide__tip,.guide__note{margin-top:12px;padding:10px 12px;background:var(--tile);border-radius:6px;font-size:13px;line-height:1.6}.guide__tips{list-style:none;padding:0;margin:0}.guide__tips li{padding:10px 14px;margin:10px 0;background:var(--panel);border-left:4px solid var(--accent);border-radius:6px;box-shadow:0 2px 4px #0002;transition:transform .2s,box-shadow .2s}.guide__tips li:hover{transform:translate(4px);box-shadow:0 4px 8px #0004}.guide__tips strong{color:var(--accent)}.legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:14px;background:var(--panel);border-radius:8px;border:1px solid #0004;box-shadow:0 2px 4px #0002}.tileDemo.demo-note{background:var(--tile2);position:relative}.tileDemo.demo-note:after{content:"✎";position:absolute;right:4px;top:3px;font-size:11px;color:var(--mark)}.tileDemo.demo-given{background:linear-gradient(180deg,var(--givenBg1),var(--givenBg2));box-shadow:inset 0 0 0 2px #ffffff12}@media(max-width:768px){.guide__conditions{grid-template-columns:1fr}.guide__tile-item{flex-direction:column;align-items:center;text-align:center}.legend{gap:8px}}.markDigitGuide{position:relative;z-index:1;color:var(--markDigit);font-weight:900;font-size:clamp(12px,2.6vw,15px);text-shadow:0 1px 0 #0009}.game-title{margin:0;font-size:24px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--clue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(96vw,1200px);margin:0 auto;padding:16px 20px;background:var(--panel);border-radius:12px;box-shadow:0 4px 16px #0008;border:1px solid #0008}.topbar__left{display:flex;align-items:center;gap:20px}.topbar__center{display:flex;justify-content:center}.topbar__right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.stats{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.stat-item{display:flex;align-items:center;gap:4px}.stat-label{font-size:13px}.stat-separator{opacity:.5}#bombsLeft,#flagsCnt{color:var(--ink);font-weight:700}.seed-controls{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--tile);border-radius:8px;border:1px solid #0006}.seed-label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.seed-display{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:var(--accent);min-width:60px;text-align:center}.seed-input{background:var(--bg);border:1px solid #0006;border-radius:6px;padding:6px 10px;color:var(--ink);font-size:13px;font-family:Courier New,monospace;width:120px;transition:border-color .2s}.seed-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #77c1ff33}.seed-input::placeholder{color:var(--muted);opacity:.6}.btn{background:var(--panel);color:var(--ink);border:1px solid #0008;border-radius:8px;padding:8px 16px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0004;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0006;filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0004}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#2b7,#194);border-color:#0a2;color:#fff;font-weight:800}.btn--secondary{background:linear-gradient(135deg,var(--accent),#5a9dd8);border-color:#2a7aa6;color:#fff}.btn--icon{padding:8px 12px;font-size:16px;min-width:40px}.mode-select{background:var(--panel);color:var(--ink);border:1px solid #0008;border-radius:8px;padding:8px 12px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 2px 4px #0004;min-width:120px}.mode-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #77c1ff33}.block--guide{width:min(96vw,1200px);margin:0 auto;padding:16px 20px;background:var(--panel);border-radius:12px;box-shadow:0 4px 16px #0008;border:1px solid #0008;transition:all .3s ease}.block--guide[open]{padding-bottom:20px}.block--guide summary{cursor:pointer;outline:none;list-style:none;font-weight:800;font-size:16px;color:var(--accent);padding:8px 0;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:10px;transition:color .2s}.block--guide summary:hover{color:var(--clue)}.block--guide summary::-webkit-details-marker{display:none}.block--guide summary:before{content:"▶";display:inline-block;transition:transform .3s ease;font-size:14px;color:var(--accent)}.block--guide[open] summary:before{transform:rotate(90deg)}.block--guide[open] .guide__content{margin-top:16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.block--config{width:min(96vw,1200px);margin:0 auto;padding:16px 20px;background:var(--panel);border-radius:12px;box-shadow:0 4px 16px #0008;border:1px solid #0008}.block--config[open]{padding-bottom:20px}.block--config summary{cursor:pointer;outline:none;list-style:none;font-weight:800;font-size:16px;color:var(--accent);padding:8px 0;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:10px;transition:color .2s}.block--config summary:hover{color:var(--clue)}.block--config summary::-webkit-details-marker{display:none}.block--config summary:before{content:"▶";display:inline-block;transition:transform .3s ease;font-size:14px;color:var(--accent)}.block--config[open] summary:before{transform:rotate(90deg)}.block--config[open] .cfggrid{margin-top:16px;animation:slideDown .3s ease}.layout{display:grid;grid-template-columns:minmax(300px,650px) minmax(220px,340px);gap:14px;width:min(96vw,1200px);margin:0 auto}.status{grid-column:1 / -1;border:1px solid #0008;border-radius:10px;padding:12px 16px;color:var(--muted);font-weight:700;font-size:14px;box-shadow:0 4px 12px #0006;background:var(--statusBg);text-align:center}.panel--aside{width:100%;max-width:340px}.panel h3{margin:0 0 12px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:800}.control-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-top:12px}.control-buttons--remove{grid-template-columns:1fr 1fr}.btn--confirm{grid-column:1 / -1;background:linear-gradient(135deg,#2b7,#194);border-color:#0a2;color:#fff;font-size:15px;padding:12px}.btn--flag{background:var(--panel);border-color:#0008}.btn--flag.flagModeOn{background:linear-gradient(135deg,#ff6b9a,#a33558);border-color:var(--flag);color:#fff;box-shadow:0 0 0 2px #ff5e941f}.btn--mark{background:var(--panel);border-color:#0008}.btn--mark.markModeOn{background:linear-gradient(135deg,#d9ae34,#8c6f14);border-color:var(--mark);color:#fff;box-shadow:0 0 0 2px #ffd24d2a}.btn--remove{background:linear-gradient(135deg,#c44,#822);border-color:#500;color:#fff;font-size:13px}.hint-text{margin-top:12px;padding:10px;background:var(--tile);border-radius:8px;border:1px solid #0004}.hint{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.config-details{margin-top:16px;background:var(--tile);border-radius:8px;border:1px solid #0004;padding:8px}.config-details summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted);padding:4px;-webkit-user-select:none;user-select:none}.config-details[open] summary{margin-bottom:8px}.block--config{width:min(96vw,1200px);margin:20px auto}@media(max-width:900px){.topbar{grid-template-columns:1fr;gap:12px;width:calc(100vw - 24px)}.topbar__left,.topbar__center,.topbar__right{justify-content:center}.topbar__left{flex-direction:column;gap:8px}.layout{grid-template-columns:1fr}.panel--aside{max-width:none}}@media(max-width:480px){.game-title{font-size:20px}.topbar__right{width:100%;justify-content:center}.seed-controls{flex-direction:column;align-items:stretch}.seed-display{text-align:left}.seed-input{width:100%}}@media(max-width:720px){body{padding:12px}.topbar{width:calc(100vw - 24px);padding:12px 16px}.block--guide,.block--config{width:calc(100vw - 24px)}.layout{grid-template-columns:1fr;width:calc(100vw - 24px)}.panel--aside{max-width:none}.status{margin-bottom:6px}.boardWrap{padding-top:42px;padding-left:48px}.cell,.flagDigit,.markDigit{font-size:clamp(18px,6vw,28px)}.markDigit.multi{font-size:clamp(15px,5vw,24px)!important}.cell.flag:before{right:3px;top:3px;left:auto;font-size:9px}.cell.mark:after{right:3px;top:3px;font-size:8px}.cell.flag:before{content:"⚑";position:absolute;right:3px;top:3px;left:auto;font-size:8px}.cell.mark:after{content:"✎";position:absolute;right:3px;top:3px;font-size:8px}.preview__flagIcon,.preview__noteIcon{right:3px;top:3px;font-size:8px}.tileDemo.demo-flag:before{right:2px;top:2px;left:auto;font-size:10px}.tileDemo.demo-note:after{right:2px;top:2px;font-size:9px}}@media(max-width:480px){body{padding:8px}.topbar{width:calc(100vw - 16px);padding:10px 12px}.block--guide,.block--config,.layout{width:calc(100vw - 16px)}.game-title{font-size:20px}.topbar__right{width:100%;justify-content:center}.seed-controls{flex-direction:column;align-items:stretch}.seed-display{text-align:left}.seed-input{width:100%}.gutRow,.gutCol{font-size:10px;padding:2px 4px}.boardWrap{padding-top:36px;padding-left:42px}.flagDigit,.markDigit{font-size:clamp(18px,6vw,28px)}.markDigit.multi{font-size:clamp(14px,4.5vw,22px)!important}}