.shell.pm{--board-ratio:.75}.pm button,.pm label,.pm .btn{touch-action:manipulation}.pm-field{border:0;min-width:0;margin:0;padding:0}.pm-segments{border:2px solid var(--ink);background:var(--paper);border-radius:8px;display:flex;overflow:hidden}.pm-segments label{cursor:pointer;flex:1 1 0;min-width:0;position:relative}.pm-segments label+label{border-inline-start:2px solid var(--ink)}.pm-segments input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.pm-segments span{text-align:center;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:4px;font-size:.95rem;line-height:1.15;display:flex}.pm-levels span{flex-direction:column;gap:1px;min-height:50px}.pm-levels strong{font-size:1rem}.pm-levels small{white-space:nowrap;font-size:.75rem;font-weight:400;line-height:1.15}.pm-segments input:checked+span{background:var(--ink);color:var(--paper);font-weight:700}.pm-segments input:not(:checked):hover+span{background:var(--paper-shade)}.pm-segments input:focus-visible+span{outline:3px solid var(--focus);outline-offset:-3px}.pm-segments input:checked:focus-visible+span{outline-color:var(--marker)}.shell-strip.pm-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.pm-strip .shell-strip__tally{border:1.5px solid var(--rule);border-radius:var(--radius);background:var(--paper);font-variant-numeric:tabular-nums;min-height:44px}.pm-counter{align-items:center;gap:3px;display:inline-flex}.pm-counter .pm-mine{width:18px;height:18px}.pm-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px;display:block}.pm-frame{aspect-ratio:3/4;width:100%;margin:0 auto;position:relative;container-type:size}.pm-board{--cell:min(calc((100cqw - 4px) / var(--cols)), calc((100cqh - 4px) / var(--rows)));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pm-cells{grid-template-columns:repeat(var(--cols), var(--cell));grid-auto-rows:var(--cell);box-shadow:0 0 0 2px var(--board-line-strong);background:var(--paper);display:grid}.pm-cell{appearance:none;border:0;border-inline-end:1px solid var(--board-line);border-bottom:1px solid var(--board-line);width:100%;min-width:0;height:100%;min-height:0;color:var(--ink);cursor:pointer;font:inherit;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.pm-cell.is-hidden,.pm-cell.is-flag,.pm-cell.is-wrong,.pm-cell.is-mine{background-color:#ece6d2;background-image:repeating-linear-gradient(135deg,#545b7733 0 1px,#0000 1px 4px)}.pm-cell.is-open{background:var(--paper);cursor:default}@media (hover:hover) and (pointer:fine){.pm-board[data-state=playing] .pm-cell.is-hidden:hover,.pm-board[data-state=ready] .pm-cell.is-hidden:hover{background-color:#fff3b0}}.pm-cell.is-holding{box-shadow:inset 0 0 0 2px var(--ink-soft);background-color:#fff3b0}.pm-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.pm-n{font-family:var(--font-hand);font-size:max(.75rem, calc(var(--cell) * .7));padding-top:calc(var(--cell) * .08);pointer-events:none;line-height:1}.pm-cell[data-n="1"]{color:#1f4fd8}.pm-cell[data-n="2"]{color:#1c7a43}.pm-cell[data-n="3"]{color:#c8213a}.pm-cell[data-n="4"]{color:#6a2fb8}.pm-cell[data-n="5"]{color:#9a4a12}.pm-cell[data-n="6"]{color:#0f7378}.pm-cell[data-n="7"]{color:var(--ink)}.pm-cell[data-n="8"]{color:var(--ink-soft)}.pm-flag,.pm-mine{pointer-events:none;width:72%;height:72%;overflow:visible}.pm-flag__cloth{fill:var(--o);stroke:var(--o);stroke-width:1.4px;stroke-linejoin:round}.pm-flag__pole{fill:none;stroke:var(--ink);stroke-width:2.1px;stroke-linecap:round}.pm-mine__spikes{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.pm-mine__body{fill:var(--ink)}.pm-mine__shine{fill:var(--paper)}.pm-cell.is-exploded{background:radial-gradient(circle, #ff8e9e 0 45%, #ffc2cb 46% 70%, var(--paper) 71%)}.pm-cell.is-wrong .pm-flag{opacity:.45}.pm-cell.is-wrong:after{content:"";background:linear-gradient(45deg, transparent 44%, var(--x) 44% 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, var(--x) 44% 56%, transparent 56%);position:absolute;inset:18%}.pm-board[data-state=lost] .pm-cell,.pm-board[data-state=won] .pm-cell{cursor:default}.pm-board[data-state=won] .pm-cell.is-flag{background:linear-gradient(transparent 12%, var(--marker-win) 12% 88%, transparent 88%), var(--paper)}@media (orientation:landscape) and (max-height:500px){.shell.pm{--board-ratio:calc(4 / 3)}.pm-frame{aspect-ratio:4/3}.pm-board{--cell:min(calc((100cqw - 4px) / var(--rows)), calc((100cqh - 4px) / var(--cols)))}.pm-cells{grid-template-columns:none;grid-template-rows:repeat(var(--cols), var(--cell));grid-auto-flow:column;grid-auto-columns:var(--cell)}}.pm-overlay{z-index:5;background:var(--paper);justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.pm-overlay__card{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:90%;padding:16px 20px;display:flex}.pm-overlay__card h2{font-size:1.6rem}.pm-overlay__card p{margin:0}.pm-overlay__card .btn{margin-top:6px}.pm-tool-field{flex:1 1 0;display:flex}.pm-tool{flex:1 0 auto}.pm-tool label{flex:auto;display:flex}.pm-tool span{min-height:calc(var(--dock-row) - 4px);white-space:nowrap;flex-direction:column;flex:1 1 0;gap:1px;padding:2px;font-size:.8125rem;font-weight:700}.pm-tool .pm-icon,.pm-tool .pm-flag{width:22px;height:22px}.pm-tool input:checked+span .pm-flag__pole{stroke:var(--paper)}.pm-tool input:checked+span .pm-flag__cloth{fill:#ff8e9e;stroke:#ff8e9e}.pm-toggle{margin-top:10px}.pm-help{margin-top:12px}.pm-help h3{font-family:var(--font-body);font-size:.9rem;font-weight:700}.pm-help p{color:var(--ink-soft);margin:2px 0 0;font-size:.85rem;line-height:1.35}@media (hover:none){.pm-help--keys{display:none}}@media (hover:hover) and (pointer:fine){.pm-help--touch{display:none}}.pm-best{margin:8px 0 0}.pm-best div{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:8px;padding:3px 6px;display:flex}.pm-best div.is-current{background:var(--highlight);font-weight:700}.pm-best dd{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin:0;display:flex}.pm-best small{color:var(--ink-soft);font-size:.8rem;font-weight:400}@media (orientation:portrait) and (max-width:899px){.shell.pm .shell__main{flex:1.6 0 auto}.shell.pm #pm-pause{flex:.6 1 0;min-width:44px}.shell.pm #pm-pause .shell-btn__label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:359px){.shell.pm .shell__main{flex-grow:0}.pm-tool span{padding:2px 3px}.pm-tool span,.shell.pm .shell-btn{font-size:.75rem}}@media (min-width:900px) and (min-height:501px){.pm .shell-status.is-result{font-size:1.4rem}}