:root[data-theme=light] .g-minesweeper{--g-minesweeper-ground: #142b67;--g-minesweeper-ground-line: #304989;--g-minesweeper-tile: #274bb0;--g-minesweeper-tile-hi: #7599fa;--g-minesweeper-tile-lo: #0a1742;--g-minesweeper-tile-down: #1a3582;--g-minesweeper-flag: #ffac59;--g-minesweeper-mine: #f1f6ff;--g-minesweeper-hazard: #a63b20;--g-minesweeper-warn: #a63b20;--g-minesweeper-lit: #59d6ff44;--g-minesweeper-n1: #72e4ff;--g-minesweeper-n2: #c5acff;--g-minesweeper-n3: #ffce72;--g-minesweeper-n4: #ff9bc5;--g-minesweeper-n5: #b9ee78;--g-minesweeper-n6: #8cbfff;--g-minesweeper-n7: #f1f6ff;--g-minesweeper-n8: #e1b4ff;--g-minesweeper-text: #172c54;--g-minesweeper-muted: #3c5378;--g-minesweeper-surface: #f1f5ff;--g-minesweeper-line: #8299c5;--g-minesweeper-accent: #1944bd;--g-minesweeper-on-accent: #ffffff;--g-minesweeper-highlight: #dbe6ff;--g-minesweeper-flag-ink: #a43b08;--g-minesweeper-field: #e9f0ff;width:100%;min-width:0;margin:0 auto;position:relative}:root[data-theme=dark] .g-minesweeper{--g-minesweeper-ground: #101f4b;--g-minesweeper-ground-line: #263d78;--g-minesweeper-tile: #203d91;--g-minesweeper-tile-hi: #6386df;--g-minesweeper-tile-lo: #080f2e;--g-minesweeper-tile-down: #182f73;--g-minesweeper-flag: #ffac59;--g-minesweeper-mine: #f1f6ff;--g-minesweeper-hazard: #a63b20;--g-minesweeper-warn: #ffb163;--g-minesweeper-lit: #59d6ff44;--g-minesweeper-n1: #66dfff;--g-minesweeper-n2: #bc9eff;--g-minesweeper-n3: #ffca68;--g-minesweeper-n4: #ff92bb;--g-minesweeper-n5: #adec6d;--g-minesweeper-n6: #84b8ff;--g-minesweeper-n7: #edf4ff;--g-minesweeper-n8: #dca5ff;--g-minesweeper-text: #e3edff;--g-minesweeper-muted: #b2c8ef;--g-minesweeper-surface: #142756;--g-minesweeper-line: #4766a0;--g-minesweeper-accent: #97dfff;--g-minesweeper-on-accent: #102153;--g-minesweeper-highlight: #243f79;--g-minesweeper-flag-ink: #ffac59;--g-minesweeper-field: #0b173c}.g-minesweeper{width:100%;min-width:0;position:relative}.g-minesweeper-app{display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:8px;color:var(--g-minesweeper-text);background:var(--g-minesweeper-field);font-family:var(--mg-font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.g-minesweeper-app button{position:relative;overflow:visible;font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}.g-minesweeper-app button:after{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%)}.g-minesweeper-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:var(--g-minesweeper-w, 520px);min-height:44px;box-sizing:border-box;padding-inline:10px}.g-minesweeper-count,.g-minesweeper-time{margin:0;display:flex;align-items:baseline;gap:4px;font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;position:relative}.g-minesweeper-count-icon{color:var(--g-minesweeper-flag-ink)}.g-minesweeper-time{min-width:5.2em;justify-content:center}.g-minesweeper-penalty{position:absolute;right:-2.6em;top:0;color:var(--g-minesweeper-warn);font-size:.9rem;opacity:0;pointer-events:none}.g-minesweeper-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--g-minesweeper-line);background:var(--g-minesweeper-surface);font-size:.95rem;font-weight:600;flex:0 1 auto;min-width:0;max-width:55%;white-space:nowrap}.g-minesweeper-count,.g-minesweeper-time{flex:0 0 auto}.g-minesweeper-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.g-minesweeper-dots{color:var(--g-minesweeper-warn);letter-spacing:1px;font-size:.8rem}.g-minesweeper-caret{color:var(--g-minesweeper-muted);font-size:.8rem}.g-minesweeper-stage{position:relative;border-radius:6px;outline:2px solid transparent;outline-offset:3px;transition:outline-color .15s}.g-minesweeper-stage.is-flag{outline-color:var(--g-minesweeper-flag);outline-style:dashed}.g-minesweeper-canvas{display:block;background:var(--g-minesweeper-ground);touch-action:none;border-radius:6px;outline:none;box-shadow:0 0 0 1px var(--g-minesweeper-ground-line)}@media(max-width:359px){.g-minesweeper-count,.g-minesweeper-time{font-size:1rem}.g-minesweeper-time{min-width:0}.g-minesweeper-chip{padding:0 10px;gap:4px}.g-minesweeper-caret{display:none}.g-minesweeper-dots{letter-spacing:0;font-size:.7rem}}.g-minesweeper-app.is-kbd .g-minesweeper-canvas:focus-visible{outline:3px solid var(--g-minesweeper-n1);outline-offset:2px}.g-minesweeper-ring{position:absolute;box-sizing:border-box;border:3px solid var(--g-minesweeper-n1);border-radius:8px;pointer-events:none;animation:g-minesweeper-breathe 1.6s ease-in-out infinite}@keyframes g-minesweeper-breathe{0%,to{opacity:1}50%{opacity:.45}}.g-minesweeper-hint{position:absolute;margin:0;width:160px;padding:4px 8px;border-radius:8px;background:var(--g-minesweeper-surface);color:var(--g-minesweeper-text);font-size:.85rem;font-weight:600;text-align:center;pointer-events:none}.g-minesweeper-shimmer{position:absolute;inset:0;width:45%;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent,color-mix(in srgb,#fff 45%,transparent),transparent);mix-blend-mode:soft-light}.g-minesweeper-float{position:absolute;margin:0;width:40px;text-align:center;font-weight:800;font-size:.95rem;color:var(--g-minesweeper-n7);text-shadow:0 0 3px var(--g-minesweeper-ground),0 0 6px var(--g-minesweeper-ground);pointer-events:none;opacity:0}.g-minesweeper-mag{position:absolute;border-radius:50%;border:3px solid var(--g-minesweeper-n1);box-shadow:0 6px 18px #0000004d;pointer-events:none}.g-minesweeper-bar{box-sizing:border-box;padding:0 10px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:var(--g-minesweeper-w, 520px)}.g-minesweeper-modes{display:inline-flex;border:1px solid var(--g-minesweeper-line);border-radius:999px;overflow:hidden;background:var(--g-minesweeper-surface)}.g-minesweeper-mode,.g-minesweeper-new,.g-minesweeper-btn,.g-minesweeper-level,.g-minesweeper-segbtn,.g-minesweeper-stepbtn{min-height:44px;min-width:44px;padding:0 14px;border:0;background:transparent;font-size:.95rem;font-weight:600}.g-minesweeper-mode[aria-pressed=true]{background:var(--g-minesweeper-accent);color:var(--g-minesweeper-on-accent)}.g-minesweeper-mode:last-child[aria-pressed=true]{background:var(--g-minesweeper-flag);color:#102153}.g-minesweeper-new,.g-minesweeper-btn{border:1px solid var(--g-minesweeper-line);border-radius:999px;background:var(--g-minesweeper-surface)}.g-minesweeper-app .g-minesweeper-btn--primary{background:var(--g-minesweeper-accent);border-color:var(--g-minesweeper-accent);color:var(--g-minesweeper-on-accent)}.g-minesweeper-app button:focus-visible{outline:3px solid var(--g-minesweeper-accent);outline-offset:2px}.g-minesweeper-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%;max-width:520px;padding:8px;border-radius:var(--mg-radius);background:var(--g-minesweeper-surface);border:1px solid var(--g-minesweeper-line);box-sizing:border-box}.g-minesweeper-confirm-text{margin:0;flex:1 1 100%;text-align:center}.g-minesweeper-panel{width:100%;max-width:520px;box-sizing:border-box;padding:12px;border-radius:var(--mg-radius);background:var(--g-minesweeper-surface);border:1px solid var(--g-minesweeper-line);display:flex;flex-direction:column;gap:10px}.g-minesweeper-panel-head{display:flex;justify-content:space-between;align-items:center}.g-minesweeper-panel-title,.g-minesweeper-panel-sub{margin:0;font-weight:700}.g-minesweeper-panel-sub{color:var(--g-minesweeper-muted);font-size:.9rem;border-top:1px solid var(--g-minesweeper-line);padding-top:10px}.g-minesweeper-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.g-minesweeper-level{border:1px solid var(--g-minesweeper-line);border-radius:8px;text-align:left}.g-minesweeper-level[aria-pressed=true],.g-minesweeper-segbtn[aria-pressed=true]{background:var(--g-minesweeper-highlight);border-color:var(--g-minesweeper-accent)}.g-minesweeper-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.g-minesweeper-row-label{margin:0;font-size:.95rem}.g-minesweeper-seg,.g-minesweeper-step{display:inline-flex;align-items:center;border:1px solid var(--g-minesweeper-line);border-radius:999px;overflow:visible}.g-minesweeper-segbtn:first-child{border-radius:999px 0 0 999px}.g-minesweeper-segbtn:last-child{border-radius:0 999px 999px 0}.g-minesweeper-segbtn{border-radius:0;padding:0 12px}.g-minesweeper-step-val{min-width:2.6em;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.g-minesweeper-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.g-minesweeper-ring{animation:none;opacity:.6}.g-minesweeper-stage{transition:none}}.g-minesweeper-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:calc(100% - 16px);max-width:520px}.g-minesweeper-choices .g-minesweeper-level{min-width:44px;min-height:52px;padding:4px 2px;font-size:.78rem;line-height:1.25;border:1px solid var(--g-minesweeper-line);border-radius:6px;background:var(--g-minesweeper-surface)}.g-minesweeper-choices small{display:block;font-size:.68rem;color:var(--g-minesweeper-muted)}.g-minesweeper-legend{grid-column:span 2;align-self:center;margin:0;text-align:center;font-size:.8rem;color:var(--g-minesweeper-muted)}.g-minesweeper-choices [aria-pressed=true]{background:var(--g-minesweeper-accent);color:var(--g-minesweeper-on-accent)}.g-minesweeper-choices [aria-pressed=true] small{color:inherit}.g-minesweeper-daily-level{grid-column:1 / -1;margin:0;padding:8px 0;text-align:center;font-size:.88rem}.g-minesweeper-custom{display:flex;flex-wrap:wrap;gap:8px;align-items:end;justify-content:center;width:calc(100% - 16px);max-width:520px}.g-minesweeper-custom:empty{display:none}.g-minesweeper-custom-field{display:grid;gap:4px;font-size:.8rem}.g-minesweeper-custom input{width:64px;min-height:44px;box-sizing:border-box;background:var(--g-minesweeper-surface);color:var(--g-minesweeper-text);border:1px solid var(--g-minesweeper-line);border-radius:4px;font:inherit}
