@font-face{font-family:Literata;src:url(/minesweeper/fonts/Literata.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url(/minesweeper/fonts/Literata-Italic.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/minesweeper/fonts/SchibstedGrotesk.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--paper: #f1ecdf;--page: #f7f4eb;--ink: #1f1d1a;--rule: #b9b2a2;--leader: #8a8473;--soft: #6b665c;--screen: #dad3c1;--dot: #77715f;--pen: #c2321f;--graphite: #3e3d39;--hitground: #e8b4a8;--serif: "Literata", Georgia, serif;--sans: "Schibsted Grotesk", "Segoe UI", system-ui, sans-serif;--navh: calc(74px + env(safe-area-inset-bottom, 0px)) ;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-text-size-adjust:100%}hub-bar{display:block}button{font:inherit;color:inherit}.page{max-width:1120px;margin:0 auto;padding:14px 16px 16px}.runhead{display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--ink);font:600 11px/1 var(--sans);letter-spacing:.2em}.roundhead{display:flex;align-items:baseline;gap:14px;padding:12px 0 10px}.roundhead h1{margin:0 auto 0 0;font:700 28px/1 var(--serif)}.roundhead .left,.roundhead .time{font:600 17px/1 var(--sans);font-variant-numeric:tabular-nums}.boardcol{position:relative;min-width:0}.board{--availw: calc(100vw - 55px) ;--availh: calc(100svh - 300px) ;--cellmin: 27px;--cell: max(var(--cellmin), min(44px, calc(var(--availw) / var(--w)), calc(var(--availh) / var(--h))))}.colstrip,.boardwrap{display:grid;grid-template-columns:18px calc(var(--w) * var(--cell) + 5px);justify-content:safe center;max-width:100%}.colstrip{position:sticky;top:0;z-index:3;overflow:hidden;background:var(--paper)}.colstrip .corner{grid-column:1;position:sticky;left:0;z-index:1;background:var(--paper)}.boardwrap{overflow:auto;overscroll-behavior:contain}@media(pointer:fine){.board{--cellmin: 22px}}.boardwrap.zooms{touch-action:pan-x pan-y}@media(min-width:900px){.board{--availw: calc(min(100vw, 1120px) - 385px) ;--availh: calc(100svh - 200px) }}.cols,.rows{font:600 11px/1 var(--sans);color:var(--soft)}.cols{grid-column:2;display:grid;grid-template-columns:repeat(var(--w),var(--cell));padding:0 2.5px 4px;text-align:center}.rows{grid-column:1;grid-row:1;display:grid;grid-template-rows:repeat(var(--h),var(--cell));align-items:center;padding-top:2.5px;position:sticky;left:0;z-index:1;background:var(--paper)}.grid{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(var(--w),var(--cell));grid-auto-rows:var(--cell);border:2.5px solid var(--ink);background:var(--page);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sq{all:unset;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 0 .5px var(--rule);font:800 calc(var(--cell) * .55) / 1 var(--sans);color:var(--ink);cursor:pointer}.sq.shut{background:radial-gradient(circle,var(--dot) .9px,transparent 1.3px) 0 0 / 4px 4px,var(--screen);box-shadow:inset 0 0 0 .5px var(--ink)}.sq.mined{background:var(--page);box-shadow:inset 0 0 0 .5px var(--rule)}.sq.hit{background:var(--hitground)}.sq:focus-visible{outline:3px solid var(--pen);outline-offset:-3px;z-index:1}.sq svg{position:absolute;inset:0;margin:auto;pointer-events:none}.flag{width:58%;height:68%;fill:none;stroke:var(--graphite);stroke-linecap:round;stroke-linejoin:round}.flag .pole{stroke-width:2.2}.flag .cloth{stroke-width:1.8;fill:var(--page)}.flag .hatch{stroke-width:1.2}.flag .foot{stroke-width:2}.ring{width:96%;height:92%;fill:none;stroke:var(--pen);stroke-width:2.4;stroke-linecap:round}.cross{width:72%;height:72%;fill:none;stroke:var(--pen);stroke-width:2.8;stroke-linecap:round}.mine{width:56%;height:56%}.mine path{stroke:var(--ink);stroke-width:1.6}.mine circle{fill:var(--ink)}.mine .shine{fill:var(--page)}.stamped{position:absolute;right:6%;top:38%;padding:8px 12px 7px;border:3px solid var(--pen);border-radius:4px;color:var(--pen);text-align:center;background:color-mix(in srgb,var(--paper) 55%,transparent);transform:rotate(-11deg);pointer-events:none;animation:stamp .32s cubic-bezier(.2,.9,.3,1.2)}.stamped b{display:block;font:800 22px/1 var(--sans);letter-spacing:.14em}.stamped span{font:600 13px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase}@keyframes stamp{0%{transform:rotate(-11deg) scale(1.7);opacity:0}}.note{display:flex;gap:12px;align-items:flex-start;margin-top:16px}.note:empty{display:none}.stamp{flex:none;width:54px;height:54px;fill:none;stroke:var(--pen);stroke-width:1.6;stroke-linecap:round;transform:rotate(-6deg)}.stamp .ink{fill:var(--pen);stroke:none}.said{margin:0;padding-left:12px;border-left:2px solid var(--pen);font:italic 500 16px/1.38 var(--serif)}.said b{display:block;margin-bottom:4px;font:normal 800 11px/1 var(--sans);letter-spacing:.18em;color:var(--pen)}.said p{margin:0}@media(max-height:700px)and (max-width:899px){.note:not(:empty){position:fixed;z-index:40;left:8px;right:8px;bottom:calc(var(--navh) + 8px);margin:0;padding:10px 12px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 6px 18px #1f1d1a40}.note.high:not(:empty){top:calc(env(safe-area-inset-top,0px) + 8px);bottom:auto}.round.done .note:not(:empty){position:static;box-shadow:none;border:0;padding:0;margin-top:12px}}@media(min-width:900px){.round .page{width:fit-content;min-width:720px}.boardrow{display:flex;gap:30px;align-items:flex-start}.note{flex-direction:column;width:300px;margin-top:30px}.side{flex:none;width:300px}.side:not(:has(>.climb,>.note:not(:empty),>.endcard)){display:none}.side:has(>.endcard)>.note{margin-top:0}.side>.endcard{margin-top:4px}.side>.endcard .rail{margin-top:6px}}.scale{display:block;width:100%;max-width:350px;height:auto}.scale .screen{fill:var(--screen)}.scale .dot{fill:var(--dot)}.scale .board{fill:url(#climb-screen);stroke:var(--ink);stroke-width:1.6}.scale .board.passed{fill:var(--page)}.scale .step{fill:none;stroke:var(--ink);stroke-width:1.4}.scale .step.passed{fill:var(--ink);stroke:none}.scale .ringed{fill:none;stroke:var(--pen);stroke-width:2;stroke-linecap:round}.scale text{font:600 11px/1 var(--sans);fill:var(--soft)}.climb{margin-top:18px;scroll-margin-bottom:calc(var(--navh) + 12px)}.climb .label{margin:0 0 10px}.climb .line{margin:8px 0 0;font:600 15px/1.3 var(--sans)}.climb .line b{margin-right:4px;font:700 19px/1 var(--serif)}.climb .pen{margin:6px 0 0;color:var(--pen);font:italic 500 16px/1.3 var(--serif)}.entry.climbentry{flex-wrap:wrap}.climbentry .scale{flex-basis:100%;margin:12px 0 10px}.rail{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.rail button{min-height:44px;padding:12px 18px;border:2px solid var(--ink);border-radius:3px;background:var(--page);font:700 16px/1 var(--sans);cursor:pointer}.rail .primary{background:var(--ink);color:var(--page)}.rail button:focus-visible,.sheet button:focus-visible{outline:3px solid var(--pen);outline-offset:2px}.endcard{max-width:440px;margin-top:16px;scroll-margin-bottom:calc(var(--navh) + 12px)}.sheetback{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#1f1d1a66}.sheet{display:flex;flex-direction:column;width:min(100%,440px);padding:8px 18px calc(14px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:2.5px solid var(--ink)}.sheet button{all:unset;padding:16px 4px;border-bottom:1px solid var(--rule);font:600 18px/1.2 var(--serif);cursor:pointer}.sheet .close{border-bottom:0;color:var(--soft)}.settings h2{margin:10px 4px 6px;font:800 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}.settings .row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.settings .row em{flex:none;font:italic 600 17px/1.2 var(--serif);color:var(--pen)}.settings .links{display:flex;gap:18px;padding:14px 4px 4px;font:600 14px/1 var(--sans)}.settings .links a{color:var(--soft)}.contents{max-width:560px;padding:22px 22px 24px}.masthead{display:flex;align-items:flex-end;gap:16px;padding-bottom:18px;border-bottom:2.5px solid var(--ink)}.masthead h1{margin:0 auto 0 0;font:700 38px/.95 var(--serif);-webkit-hyphens:manual;hyphens:manual}.sample{display:grid;flex:none;grid-template-columns:repeat(5,20px);grid-auto-rows:20px;border:2px solid var(--ink);background:var(--page);font:800 12px/20px var(--sans);text-align:center}.sample span{box-shadow:inset 0 0 0 .5px var(--rule)}.sample .shut{background:radial-gradient(circle,var(--dot) .8px,transparent 1.1px) 0 0 / 3px 3px,var(--screen);box-shadow:inset 0 0 0 .5px var(--ink)}.label{margin:26px 0 6px;font:600 11px/1 var(--sans);letter-spacing:.22em}.entry{all:unset;position:relative;display:flex;align-items:baseline;gap:8px;width:100%;min-height:64px;padding-top:22px;box-sizing:border-box;border-bottom:1px solid var(--rule);cursor:pointer}.entry b{font:600 24px/1 var(--serif)}.entry.today b{font-weight:700;font-size:26px}.entry .dots{flex:1;min-width:12px;border-bottom:2px dotted var(--leader);transform:translateY(-4px)}.entry .what{font:600 15px/1 var(--sans);text-align:right}.entry:focus-visible{outline:3px solid var(--pen);outline-offset:2px}.todayring{position:absolute;left:-18px;top:6px;width:112px;height:56px;fill:none;stroke:var(--pen);stroke-width:2.2;stroke-linecap:round;pointer-events:none}@media(prefers-reduced-motion:reduce){.stamped{animation:none}}#root{min-height:100dvh}.below{max-width:620px;margin:0 auto;padding:30px 20px calc(var(--navh) + 36px);font:16px/1.5 var(--serif)}.below h2{margin:0 0 10px;font:700 15px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}.below section+section{margin-top:26px;padding-top:22px;border-top:1px solid var(--rule)}.below ol{margin:0;padding:0 0 0 22px}.below li{margin:0 0 8px}.below h3{margin:14px 0 2px;font:600 17px/1.25 var(--serif)}.below p{margin:0;color:var(--graphite)}.below .noguess{margin-top:14px;font-style:italic;color:var(--ink)}.below .more{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 22px}.below .more a{color:var(--pen);text-decoration:underline;text-underline-offset:3px;font:600 15px/1.3 var(--sans)}@media(min-width:900px){.below{max-width:900px;display:grid;grid-template-columns:1fr 1.3fr;gap:0 48px}.below section+section{margin:0;padding:0;border:0}.below .more{grid-column:1 / -1}}