@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Work+Sans:wght@400;500;600&display=swap";:root{--paper:#f6efe3;--ink:#2b211c;--muted:#7d6b5f;--brick:#9c4a33;--line:#3a2a22;--r0:#e7b9a3;--r1:#c9d6b3;--r2:#f0d58c;--r3:#b9cfd8;--r4:#d9c2dc;--r5:#e9c79f;--r6:#b7c7b0;--r7:#efb7b0;--r8:#cfc4b2;color:var(--ink);background:var(--paper);font-family:Work Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--paper) radial-gradient(circle at 20% 0%, #fbf6ec 0, transparent 60%);min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer}.app{max-width:520px;margin:0 auto;padding:14px 16px 40px}header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.logo{color:var(--brick);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.logo span{color:var(--ink);letter-spacing:-.01em;font-family:Fraunces,serif;font-size:24px;font-weight:700}nav{gap:8px;display:flex}nav button{border:1.5px solid var(--line);background:0 0;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500}nav button.on{background:var(--ink);color:var(--paper)}.meta{grid-template-columns:1fr auto 1fr;align-items:end;margin-bottom:10px;display:grid}.num{font-family:Fraunces,serif;font-size:20px;font-weight:700}.timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.streak{text-align:right;flex-direction:column;display:flex}.streak span:first-child{font-family:Fraunces,serif;font-size:20px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.board{border:3px solid var(--line);aspect-ratio:1;background:var(--line);box-shadow:0 2px 0 var(--line), 0 10px 24px -12px #3c1e0a73;border-radius:10px;gap:1px;display:grid;overflow:hidden}.cell{color:var(--ink);aspect-ratio:1;border:0;place-items:center;padding:0;transition:filter .1s;display:grid;position:relative}.cell:active{filter:brightness(.93)}.cell.bt{box-shadow:inset 0 2px 0 var(--line)}.cell.bb{box-shadow:inset 0 -2px 0 var(--line)}.cell.bt.bb{box-shadow:inset 0 2px 0 var(--line), inset 0 -2px 0 var(--line)}.cell.bl{border-left:2px solid var(--line)}.cell.br{border-right:2px solid var(--line)}.cell svg{width:62%;height:62%}.cell.bad{color:#b3261e;background-image:repeating-linear-gradient(45deg,#0000 0 6px,#b3261e29 6px 9px)}.dot{background:var(--ink);opacity:.45;border-radius:50%;width:18%;height:18%}.board.done .cell{animation:.5s both pop}@keyframes pop{50%{filter:brightness(1.08)}}.r0{background-color:var(--r0)}.r1{background-color:var(--r1)}.r2{background-color:var(--r2)}.r3{background-color:var(--r3)}.r4{background-color:var(--r4)}.r5{background-color:var(--r5)}.r6{background-color:var(--r6)}.r7{background-color:var(--r7)}.r8{background-color:var(--r8)}.nabes{flex-wrap:wrap;gap:6px 12px;margin:14px 0;padding:0;font-size:13px;list-style:none;display:flex}.nabes li{align-items:center;gap:6px;display:flex;background:0 0!important}.nabes li i{border:1.5px solid var(--line);background:inherit;border-radius:3px;width:12px;height:12px}.nabes li.got{color:var(--muted);text-decoration:line-through}.nabes li.r0 i{background:var(--r0)}.nabes li.r1 i{background:var(--r1)}.nabes li.r2 i{background:var(--r2)}.nabes li.r3 i{background:var(--r3)}.nabes li.r4 i{background:var(--r4)}.nabes li.r5 i{background:var(--r5)}.nabes li.r6 i{background:var(--r6)}.nabes li.r7 i{background:var(--r7)}.nabes li.r8 i{background:var(--r8)}.row{flex-wrap:wrap;gap:10px;display:flex}.tools button,.row button{border:1.5px solid var(--line);box-shadow:0 2px 0 var(--line);background:#fffaf2;border-radius:10px;flex:1;padding:12px;font-weight:600}.tools button:active,.row button:active{box-shadow:none;transform:translateY(2px)}button.primary{background:var(--brick);color:#fff7ee;border:1.5px solid var(--line);box-shadow:0 2px 0 var(--line);border-radius:10px;padding:12px 18px;font-weight:600}.card{border:1.5px solid var(--line);background:#fffaf2;border-radius:14px;margin-top:8px;padding:18px}.card h2{margin:0 0 10px;font-family:Fraunces,serif;font-size:22px}.help ol{padding-left:20px;line-height:1.55}.help .primary{width:100%}.win pre{background:var(--paper);white-space:pre-wrap;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-family:inherit}.archive{max-height:60vh;margin:0;padding:0;list-style:none;overflow:auto}.archive button{text-align:left;background:0 0;border:0;border-bottom:1px dashed #cdbba9;grid-template-columns:50px 1fr 50px 70px;width:100%;padding:10px 2px;display:grid}.toast{background:var(--ink);color:var(--paper);border-radius:10px;max-width:90vw;padding:10px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}footer{text-align:center;margin-top:28px}@media (width>=900px){.app{padding-top:40px}}