:root{--font: "Fredoka", "Trebuchet MS", sans-serif;--font-weight: 300;--font-weight-strong: 600;--u: max(1px, min(.0926vh, .1vw))}html,body{margin:0;padding:0;font-family:var(--font);font-weight:var(--font-weight);width:100%;min-height:100%;background-color:#d7c8b7;background-image:radial-gradient(ellipse at 50% 0%,#ffffff1f,#0000000f 75%),repeating-linear-gradient(90deg,#dacbb9,#dacbb9 42px,#c9b7a6 42px,#c9b7a6 44px);overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}[hidden]{display:none!important}button,input,select,textarea{font-family:inherit;font-weight:inherit}#app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#nav{width:100%;background-color:#e1ab6b33;border-bottom:calc(12 * var(--u)) solid #fff}#nav-content{width:100%;max-width:max(calc(768 * var(--u)),var(--board-width, 0px));box-sizing:border-box;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:calc(8 * var(--u)) calc(16 * var(--u))}#banner{display:block;flex:1 1 auto;min-width:0;max-width:calc(280 * var(--u));height:auto}#nav-controls{display:flex;align-items:center;gap:calc(4 * var(--u));flex-shrink:0}#undo-button,#restart-button,#star-toggle-button,#menu-button{display:flex;align-items:center;background:none;border:none;padding:calc(4 * var(--u)) calc(8 * var(--u));line-height:1;cursor:pointer}#undo-button:disabled{cursor:default}#undo-button:disabled img{--icon-grayscale: 1}#undo-button img,#restart-button img,#star-toggle-button img,#menu-button img{--icon-grayscale: 0;--icon-brightness: 1;display:block;width:auto;height:calc(30 * var(--u));filter:grayscale(var(--icon-grayscale)) brightness(var(--icon-brightness));transition:filter .18s ease,transform .18s ease}#star-toggle-button[aria-pressed=false] img{--icon-grayscale: 1}@media(hover:hover){#undo-button:not(:disabled):hover img,#restart-button:hover img,#star-toggle-button:hover img,#menu-button:hover img{--icon-brightness: .85;transform:translateY(calc(-2 * var(--u))) scale(1.06)}}#menu-anchor{position:relative;display:flex;align-items:center}#nav-menu{position:absolute;z-index:4;top:calc(100% + 10 * var(--u));right:0;min-width:calc(200 * var(--u));padding:calc(6 * var(--u));box-sizing:border-box;background:#fff;border-radius:calc(10 * var(--u));box-shadow:0 6px 20px #00000047;font-family:var(--font)}#nav-menu:before{content:"";position:absolute;bottom:100%;right:calc(14 * var(--u));border:calc(7 * var(--u)) solid transparent;border-bottom-color:#fff}.nav-menu-item{display:flex;align-items:center;gap:calc(10 * var(--u));width:100%;box-sizing:border-box;padding:calc(9 * var(--u)) calc(12 * var(--u));border:none;border-radius:calc(7 * var(--u));background:none;color:#513d29;font:var(--font-weight) calc(15 * var(--u)) var(--font);text-align:left;text-decoration:none;cursor:pointer}.nav-menu-item:hover{background:#e1ab6b59}#dev-mode-button[aria-pressed=true]{background:#3fa2e429;color:#0c5e98;font-weight:var(--font-weight-strong)}.nav-menu-icon{font-size:calc(20 * var(--u));line-height:1;width:calc(28 * var(--u));text-align:center;flex-shrink:0}.nav-menu-icon img{display:block;width:auto;height:calc(24 * var(--u));margin:0 auto}#archive-dialog{width:min(calc(560 * var(--u)),calc(100vw - 24 * var(--u)));box-sizing:border-box;margin:auto;max-height:calc(100vh - 24 * var(--u));max-height:calc(100dvh - 24 * var(--u));overflow-y:auto;padding:calc(24 * var(--u));border:none;border-radius:calc(14 * var(--u));background:#fff;color:#513d29;font-family:var(--font);box-shadow:0 12px 40px #00000059}#archive-dialog::backdrop{background:#00000073}#archive-header{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--u))}#archive-title{margin:0;font-size:calc(22 * var(--u));color:#0c5e98}#archive-close{border:none;background:none;padding:calc(4 * var(--u)) calc(8 * var(--u));font-size:calc(18 * var(--u));line-height:1;color:#513d29;cursor:pointer}#archive-monthbar{display:flex;align-items:center;justify-content:space-between;margin:calc(18 * var(--u)) 0 calc(12 * var(--u))}#archive-month-label{font-size:calc(18 * var(--u));font-weight:var(--font-weight-strong)}#archive-prev,#archive-next{border:none;border-radius:calc(7 * var(--u));background:#e1ab6b4d;width:calc(34 * var(--u));height:calc(34 * var(--u));font-size:calc(22 * var(--u));line-height:1;color:#513d29;cursor:pointer}#archive-prev:disabled,#archive-next:disabled{opacity:.3;cursor:default}#archive-weekdays,#archive-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(8 * var(--u))}#archive-weekdays{margin-bottom:calc(8 * var(--u))}.archive-weekday{text-align:center;font-size:calc(12 * var(--u));font-weight:var(--font-weight-strong);letter-spacing:.04em;color:#513d298c}.archive-day{display:flex;flex-direction:column;align-items:center;aspect-ratio:1;padding:calc(4 * var(--u)) calc(2 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid rgba(225,171,107,.55);border-radius:calc(9 * var(--u));background:#e1ab6b2e;color:#513d29;font-family:inherit;cursor:pointer}.archive-day-number{flex:1;display:flex;align-items:center;font-size:calc(17 * var(--u));font-weight:var(--font-weight-strong);line-height:1.1}.archive-day--blank{border:none;background:none;cursor:default}.archive-day--playable:hover{border-color:#3fa2e4;background:#3fa2e433}.archive-day--today{border-color:#2f8f57bf;background:#48b3744d}.archive-day--today:hover{background:#48b37473}.archive-day--active{box-shadow:0 0 0 calc(2 * var(--u)) #0c5e98}.archive-day:disabled{opacity:.4;cursor:default}.archive-day--prelaunch{border-style:dashed;background:none}.archive-day-result{display:flex;align-items:center;justify-content:center;gap:calc(2 * var(--u));margin-top:calc(3 * var(--u));min-height:calc(14 * var(--u))}.archive-star{width:calc(11 * var(--u));height:calc(11 * var(--u));fill:#3fa2e4;stroke:#0c5e98;fill-opacity:0}.archive-star--filled{fill-opacity:1}.archive-check{width:calc(14 * var(--u));height:calc(14 * var(--u));stroke:#0c5e98}@media(max-width:430px){#archive-dialog{padding:16px 12px;border-radius:12px}#archive-title{font-size:19px}#archive-monthbar{margin:14px 0 10px}#archive-weekdays,#archive-grid{gap:5px}.archive-weekday{font-size:10px;letter-spacing:0}.archive-day{padding:2px 1px;border-width:1.5px;border-radius:7px}.archive-day-number{font-size:14px}.archive-star{width:8px;height:8px}.archive-check{width:11px;height:11px}.archive-day-result{gap:1px;margin-top:2px;min-height:11px}}#canvas-container{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;background-color:#e1ab6b33}#board-shadow{position:absolute;z-index:0;box-shadow:0 0 40px 10px #00000073;pointer-events:none;visibility:hidden}#canvas-container[data-board-fitted] #board-shadow{visibility:visible}#board-divider{position:absolute;left:0;top:calc(100% - 88 * var(--u));width:100%;height:calc(12 * var(--u));background:#fff;pointer-events:none}.board-vline{position:absolute;top:0;height:calc(100% - 76 * var(--u));width:calc(12 * var(--u));background:#fff;pointer-events:none;visibility:hidden}#canvas-container[data-board-fitted] .board-vline{visibility:visible}#canvas-container canvas{position:relative;z-index:1;display:block;touch-action:pan-y}#how-to-play-link{position:absolute;z-index:2;left:50%;top:calc(100% - 38 * var(--u));transform:translate(-50%,-50%);color:#513d29;font:var(--font-weight-strong) calc(22 * var(--u)) var(--font);text-decoration:none;text-shadow:0 1px 2px rgba(255,255,255,.6);white-space:nowrap;cursor:pointer;transition:filter .15s ease}#how-to-play-link:hover{filter:brightness(1.25)}#loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(16 * var(--u));text-align:center;padding:calc(24 * var(--u));background-color:#e1ab6b8c;transition:opacity .2s ease}#loading-overlay.pending{opacity:0}#loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s .2s}#loading-dots{position:absolute;left:50%;top:50%;display:flex;gap:calc(18 * var(--u));transform:translate(-50%,-50%)}.loading-dot{display:block;width:calc(22 * var(--u));height:calc(22 * var(--u));opacity:1;animation:var(--loading-dot-keyframes) var(--loading-dot-cycle) steps(1,end) infinite}:root{--loading-dot-cycle: 1.2s}.loading-dot:nth-child(1){--loading-dot-keyframes: loading-dot-first}.loading-dot:nth-child(2){--loading-dot-keyframes: loading-dot-second}.loading-dot:nth-child(3){--loading-dot-keyframes: loading-dot-third}@keyframes loading-dot-first{0%{opacity:1}75%{opacity:0}}@keyframes loading-dot-second{0%{opacity:0}25%{opacity:1}75%{opacity:0}}@keyframes loading-dot-third{0%{opacity:0}50%{opacity:1}75%{opacity:0}}@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}}#loading-dots[hidden]{display:none}#loading-overlay-message{margin:0;max-width:calc(320 * var(--u));color:#513d29;font:var(--font-weight-strong) calc(18 * var(--u)) var(--font);text-shadow:0 1px 2px rgba(255,255,255,.6)}#loading-overlay-retry{border:none;border-radius:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(28 * var(--u));background-color:#4fd1c5;color:#102020;font:var(--font-weight-strong) calc(16 * var(--u)) var(--font);cursor:pointer;transition:background-color .15s ease}#loading-overlay-retry:hover{background-color:#3fb8ad}#loading-overlay-retry[hidden]{display:none}#how-to-play{box-sizing:border-box;width:100%;padding:calc(32 * var(--u)) calc(24 * var(--u)) calc(64 * var(--u));background-color:#e1ab6b33}#how-to-play-content{box-sizing:border-box;width:100%;max-width:calc(768 * var(--u));margin:0 auto;padding:calc(32 * var(--u));border:calc(3 * var(--u)) solid #ab723b;border-radius:calc(20 * var(--u));background-color:#fffaf4b8;color:#3a2a18;font-family:var(--font);line-height:1.5;-webkit-user-select:text;user-select:text}#how-to-play h2{margin:0 0 calc(16 * var(--u));font-size:calc(26 * var(--u))}#how-to-play h3{margin:calc(24 * var(--u)) 0 calc(8 * var(--u));font-size:calc(18 * var(--u));color:#0c5e98}#how-to-play p,#how-to-play ul{margin:0;font-size:calc(15 * var(--u))}#how-to-play ul{padding-left:calc(22 * var(--u))}#how-to-play li+li{margin-top:calc(6 * var(--u))}#how-to-play kbd{display:inline-block;min-width:1.5em;padding:.05em .35em;border:calc(2 * var(--u)) solid #ab723b;border-radius:calc(6 * var(--u));background-color:#fffaf4e6;font-family:inherit;font-size:.9em;font-weight:600;line-height:1.4;text-align:center}#privacy-link{display:inline-block;margin-top:calc(32 * var(--u));color:#3a2a18;font-size:calc(12 * var(--u));font-weight:var(--font-weight-strong);text-decoration:underline;text-underline-offset:calc(2 * var(--u))}#privacy-link:hover{color:#0c5e98}