:root{--c-white:#fff;--c-red:#e3262b;--c-yellow:#ffcd00;--c-blue:#1f4bb8;--c-black:#000;--font:"neue-haas-grotesk-text", "Helvetica Neue", Helvetica, Arial, sans-serif;--display:"neue-haas-grotesk-display", "Helvetica Neue", Helvetica, Arial, sans-serif;--gutter:16px;--rule:3px solid #000;--ease-out:cubic-bezier(.16, 1, .3, 1);color-scheme:light}@media (width>=860px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{color:#000;min-height:100svh;font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#fff;flex-direction:column;margin:0;display:flex;overflow-x:clip}a{color:inherit}[hidden]{display:none!important}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--c-blue);outline-offset:2px}.top{height:56px;padding:0 calc(var(--gutter) - 6px) 0 var(--gutter);border-bottom:var(--rule);justify-content:space-between;align-items:center;gap:12px;display:flex}.mark{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mark__logo{background:#000;grid-template-rows:13px 7px;grid-template-columns:13px 7px;gap:2px;padding:2px;display:grid}.mark__logo i:first-child{background:var(--c-red)}.mark__logo i:nth-child(2){background:#fff}.mark__logo i:nth-child(3){background:var(--c-yellow)}.mark__logo i:nth-child(4){background:var(--c-blue)}.mark__name{font:700 22px/1 var(--display);letter-spacing:-.01em}.tools{gap:2px;display:flex}.tool{color:#000;cursor:pointer;background:0 0;border:2px solid #0000;place-items:center;width:44px;height:44px;padding:0;display:grid}@media (hover:hover){.tool:hover{border-color:#000}}.tool svg{fill:none;stroke:#000;stroke-width:2px;stroke-linecap:square;width:24px;height:24px}.tool svg .solid{fill:#000;stroke:none}@media (width<=400px){.tools{gap:0}.tool{width:40px}.mark{gap:8px}.mark__name{font-size:20px}}@media (width<=345px){.mark__logo{display:none}}.tool[aria-pressed=true] .off,.tool[aria-pressed=false] .on{display:none}.game{width:100%;max-width:1240px;padding:10px var(--gutter) 16px;--chrome:318px;flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""board""panel";gap:14px;margin:0 auto;display:grid}@media (width>=860px),(orientation:landscape) and (height<=540px){.game{grid-template:"board head""board panel"1fr/auto minmax(300px,360px);justify-content:center;align-items:start;gap:22px 56px;padding-top:64px}}.game__head{flex-wrap:wrap;grid-area:head;align-items:baseline;gap:4px 16px;display:flex}@media (width>=860px),(orientation:landscape) and (height<=540px){.game__head{flex-direction:column}}.game__title{font:700 48px/.95 var(--display);letter-spacing:-.02em;margin:0;font-size:round(clamp(34px,5vw,64px),1px)}.game__date{margin:0;font-size:15px}.game__board{width:min(100%, max(250px, calc((100svh - var(--chrome)) * var(--ar,1))));aspect-ratio:var(--ar,1);grid-area:board;justify-self:center}@media (width>=860px),(orientation:landscape) and (height<=540px){.game__board{width:min(calc((100svh - var(--chrome)) * var(--ar,1)), calc(100vw - 2 * var(--gutter) - 420px));min-width:250px}}.game__board{position:relative}.hint{z-index:2;color:#fff;text-align:center;pointer-events:none;background:#000;width:max-content;max-width:calc(100% - 24px);margin:0;padding:6px 10px;font-size:15px;font-weight:700;line-height:1.3;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.hint[hidden]{display:none}.hint.is-in{animation:hint-in .26s var(--ease-out)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,8px)}}.hint--at{max-width:calc(100% - 12px);bottom:auto;transform:none}.hint--at.is-in{animation-name:hint-at-in}@keyframes hint-at-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.hint.is-in{animation:none}}.noscript{border:var(--rule);padding:24px}.board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;overflow:visible}.board--play,.board--paint{cursor:crosshair}.board--paint{cursor:pointer}.board--demo{pointer-events:none;cursor:default}.board:focus{outline:none}.board:focus-visible{outline:3px solid var(--c-blue);outline-offset:6px}.board .dot,.board .block{fill:#000}.board .piece rect{transition:fill .14s}.board .c0 rect{fill:#fff}.board .c1 rect{fill:var(--c-red)}.board .c2 rect{fill:var(--c-yellow)}.board .c3 rect{fill:var(--c-blue)}.board .c4 rect{fill:#000}.board text{font-family:var(--font);fill:#000;pointer-events:none}.board .c1 text,.board .c3 text,.board .c4 text{fill:#fff}.board .area{font-family:var(--display);font-weight:700}.board .dims{font-weight:500}.board .piece .pin{fill:#000}.board .c1 .pin,.board .c3 .pin,.board .c4 .pin{fill:#fff}.board .piece--doomed rect{fill:url(#hatch)}.board .edge,.board .outline{fill:none;stroke:#000;stroke-width:.1px;transition:stroke-width .3s var(--ease-out)}.board .preview rect{fill:#fff;stroke:#000;stroke-width:.1px}.board .preview--dup rect{fill:var(--c-yellow)}.board .preview--bad rect{fill:none;stroke:var(--c-red);stroke-dasharray:.2 .14}.board .ghost{pointer-events:none}.board .ghost__box{fill:none;stroke:#000;stroke-width:.06px;stroke-dasharray:.2 .14}.board .ghost__tip{fill:var(--c-blue)}.board .cursor{fill:none;stroke:var(--c-blue);stroke-width:.07px}.board .piece--new .area{transform-origin:0 0;animation:.38s pop}@keyframes pop{0%{animation-timing-function:cubic-bezier(.2,0,.4,1);transform:scale(.7)}55%{animation-timing-function:cubic-bezier(.5,0,.5,1);transform:scale(1.12)}80%{transform:scale(.97)}}.board .piece--wiggle .area{transform-origin:0 0;animation:wiggle-number 4.6s var(--wiggle-at,0s) infinite}.board .piece--wiggle.piece--new .area{animation:wiggle-number 4.6s var(--wiggle-at,0s) infinite, pop .38s}@keyframes wiggle-number{0%,14%,to{transform:rotate(0)}3%{transform:rotate(9deg)}6.5%{transform:rotate(-7deg)}9.5%{transform:rotate(4deg)}12%{transform:rotate(-1.5deg)}}.board .wobble{fill:none;stroke:#000;stroke-width:.1px;animation:4.6s infinite wiggle}@keyframes wiggle{0%,14%,to{transform:rotate(0)}3%{transform:rotate(var(--wiggle))}6.5%{transform:rotate(calc(var(--wiggle) * -1))}9.5%{transform:rotate(calc(var(--wiggle) * .6))}12%{transform:rotate(calc(var(--wiggle) * -.3))}}@media (prefers-reduced-motion:reduce){.board .piece--wiggle .area,.board .wobble{animation:none!important}}.board .piece--intro rect{animation:paint-in .6s var(--ease-out) both;animation-delay:calc(.12s + var(--i,0) * 60ms)}@keyframes paint-in{0%{fill:#fff}}.game.is-par .board .edge,.game.is-par .board .outline{stroke-width:.18px}.panel{display:contents}.score{flex-wrap:wrap;grid-area:score;align-self:end;align-items:baseline;gap:0 10px;display:flex}.score p{margin:0}.score__label,.facts dt{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.score__label{width:100%}.score__value{font:700 44px/.95 var(--display);letter-spacing:-.03em}.score__value.is-partial{color:#fff;-webkit-text-stroke:1.5px #000}.score__formula{font-size:14px}.facts{grid-area:facts;align-self:end;gap:12px;margin:0;display:flex}.facts div{border-top:var(--rule);min-width:64px;padding-top:4px}.facts dd{font:700 28px/1.1 var(--display);margin:0}.facts dd.is-par{color:var(--c-red)}.wallline{grid-area:wall;margin:0}.wallline button{color:#000;font:700 15px/1.4 var(--font);text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline 2px}.wallline button:disabled{cursor:default;text-decoration:none}@media (hover:hover){.wallline button:not(:disabled):hover{color:var(--c-blue)}}.actions{flex-wrap:wrap;grid-area:actions;gap:8px;display:flex}.actions .btn{flex:auto;padding:0 12px}.actions [data-frame]{flex-grow:2}.invite{flex-wrap:wrap;grid-area:invite;align-items:center;gap:0 16px;margin:-4px 0 0;font-size:15px;display:flex}.puzzlenav{flex-basis:100%;gap:8px;display:flex}.puzzlenav .btn{flex:1 1 0}@media (width<=859px) and (orientation:portrait),(width<=859px) and (height>=541px){.game{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head""score facts""board board""crowd crowd""wall wall""actions actions""invite invite""tomorrow tomorrow";gap:10px 12px}.game__board{margin:4px 0}}@media (width>=860px),(orientation:landscape) and (height<=540px){.panel{grid-area:panel;gap:20px;padding-top:4px;display:grid}.panel>*{grid-area:auto}.score{display:block}.score__value{font-size:round(clamp(72px,8vw,120px),1px);line-height:.88}.score__value.is-partial{-webkit-text-stroke-width:2px}.score__formula{font-size:15px;margin-top:6px!important}.facts{gap:24px}.facts div{min-width:84px;padding-top:6px}.facts dd{font-size:34px}.actions .btn{padding:0 16px}}@media (orientation:landscape) and (height<=540px){.game{--chrome:92px;gap:10px 28px;padding-top:12px;padding-bottom:12px}.game__board{width:min(calc((100svh - var(--chrome)) * var(--ar,1)), calc(100vw - 2 * var(--gutter) - 328px));min-width:0}.game__title{font-size:34px}.panel{gap:12px}.score__value{font-size:56px}.facts dd{font-size:26px}}.btn{transition:transform 90ms var(--ease-out), background-color .12s, border-color .12s, color .12s;color:#000;min-height:46px;font:700 15px/1 var(--font);cursor:pointer;appearance:none;background:#fff;border:2px solid #000;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}@media (hover:hover){.btn:hover{color:#fff;background:#000}}.btn:disabled{cursor:default;border-style:dashed}@media (hover:hover){.btn:disabled:hover{color:#000;background:#fff;border-color:#000}}.btn[hidden]{display:none}.btn--primary{color:#fff;background:#000}@media (hover:hover){.btn--primary:hover{background:var(--c-blue);border-color:var(--c-blue)}}.btn--primary:disabled{color:#000;background:#fff}.btn--red{background:var(--c-red);border-color:var(--c-red);color:#fff}@media (hover:hover){.btn--red:hover{background:#000;border-color:#000}}.btn--plain{text-underline-offset:3px;background:0 0;border-color:#0000;min-height:40px;padding:0;text-decoration:underline}@media (hover:hover){.btn--plain:hover{color:#000;background:0 0;text-decoration-thickness:3px}}.btn--wide{width:100%;margin-top:8px}.foot{padding:14px var(--gutter);border-top:var(--rule);flex-wrap:wrap;justify-content:space-between;gap:4px 24px;font-size:14px;display:flex}.foot p{margin:0}@media (width<=859px){.foot{flex-direction:column}}dialog{color:#000}dialog::backdrop{background:#ffffffeb}.sheet{overscroll-behavior:contain;border:var(--rule);background:#fff;width:min(560px,100% - 16px);max-height:calc(100svh - 16px);padding:0;overflow:auto}.sheet__inner{padding:24px var(--gutter) var(--gutter);position:relative}[tabindex="-1"]:focus{outline:none}.sheet__foot{margin:0 calc(-1 * var(--gutter)) calc(-1 * var(--gutter));padding:12px var(--gutter) var(--gutter);border-top:var(--rule);background:#fff;position:sticky;bottom:0}.sheet__foot .btn--wide{margin:0}.sheet__close{width:44px;height:44px;font:400 30px/1 var(--font);cursor:pointer;background:0 0;border:2px solid #0000;position:absolute;top:6px;right:6px}@media (hover:hover){.sheet__close:hover{border-color:#000}}.sheet__title{font:700 32px/1 var(--display);letter-spacing:-.02em;margin:0 48px 16px 0}.sheet__title--sub{border-top:var(--rule);margin-top:32px;margin-right:0;padding-top:16px}.sheet h3{font:700 18px/1.2 var(--display);margin:24px 0 8px}.sheet p{margin:0 0 12px}.help__demo{aspect-ratio:1;width:112px;margin:0 0 16px}.rules{margin:0 0 16px;padding-left:1.3em}.help__how{font-size:14px}.rules li{margin:0 0 8px}.swatch{vertical-align:-1px;border:2px solid #000;width:13px;height:13px;margin:0 5px 0 2px;display:inline-block}.swatch--red{background:var(--c-red)}.swatch--blue{background:var(--c-blue)}.swatch--yellow{background:var(--c-yellow)}.swatch--white{background:#fff}.numbers{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px;display:grid}.numbers div{border-top:var(--rule);flex-direction:column-reverse;padding-top:6px;display:flex}.numbers dd{font:700 36px/1.1 var(--display);margin:0;font-size:round(clamp(24px,7.4vw,36px),1px)}.numbers dt{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.dist{margin:0;padding:0;list-style:none}.dist li{grid-template-columns:92px 1fr;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;display:grid}.dist__bar{width:calc(30px + (100% - 30px) * var(--v));color:#fff;text-align:right;background:#000;height:28px;padding-right:8px;line-height:28px;display:block}.dist__bar.is-today{background:var(--c-red)}.next{font-weight:700;margin-top:20px!important}.legend{font-size:14px}.archive{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.day{aspect-ratio:1;border:2px solid #000;place-items:center;font-weight:700;text-decoration:none;display:grid}@media (hover:hover){.day:hover{color:#fff;background:#000}}.day.is-par{background:var(--c-red);color:#fff}.day.is-done{background:var(--c-yellow)}.day.is-started{outline-offset:-7px;outline:2px solid #000}.day.is-current{border-width:4px;border-color:var(--c-blue)}.archive--squares{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.day--square{aspect-ratio:auto;text-align:center;padding:10px 4px;line-height:1.2}.day--square small{font-weight:400;display:block}.frame{overscroll-behavior:contain;background:#fff;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:auto}.frame::backdrop{background:#fff}.frame__inner{flex-direction:column;min-height:100%;display:flex}.frame__bar{height:56px;padding:0 var(--gutter);border-bottom:var(--rule);align-items:center;display:flex}.frame__body{width:100%;max-width:1240px;padding:24px var(--gutter) 40px;flex:1;gap:28px;margin:0 auto;display:grid}@media (width>=860px),(orientation:landscape) and (height<=540px){.frame__body{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:56px}}.frame__art{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.frame__board{width:min(100%, calc((100svh - 260px) * var(--ar,1)), 640px);aspect-ratio:var(--ar,1)}@media (width<=859px) and (orientation:portrait),(width<=859px) and (height>=541px){.frame__board{width:min(100%, calc((100svh - 320px) * var(--ar,1)))}}.frame__board.is-covered{visibility:hidden}.frame__tools{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 14px;margin-top:4px;font-size:14px;display:flex}.frame__tip{margin:0}.frame__side{flex-direction:column;gap:18px;display:flex}.sign{display:block}.sign__label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.sign input{border:0;border-bottom:var(--rule);color:#000;width:100%;font:700 28px/1.2 var(--display);background:0 0;border-radius:0;outline:none;padding:4px 0 6px}.sign input:focus{border-bottom-color:var(--c-blue)}.sign input::placeholder{color:#000;opacity:1;font-weight:400}.label{font-size:15px;line-height:1.45}.label p{margin:0}.label__name{font:700 20px/1.3 var(--display)}.label__title{font-style:italic}.share{gap:8px;display:grid}.toast{min-height:1.45em;margin:-8px 0 0;font-size:14px;font-weight:700}.toast:empty{visibility:hidden}@media (width<=859px) and (orientation:portrait),(width<=859px) and (height>=541px){.frame .share{z-index:5;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));border-top:var(--rule);background:#fff;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;position:fixed;inset:auto 0 0}.frame .share .btn{text-align:center;padding:0 6px;font-size:14px}.frame .toast{inset:auto var(--gutter) calc(80px + env(safe-area-inset-bottom));z-index:6;background:var(--c-yellow);margin:0;padding:8px 12px;position:fixed}.frame__body{padding-bottom:110px}}@media (width<=359px){.frame .share{gap:4px}.frame .share .btn{white-space:nowrap;padding:0 2px;font-size:13px}}@media (orientation:landscape) and (height<=540px){.frame__body{align-items:start;gap:28px;padding-top:12px;padding-bottom:24px}.frame__board{width:min(100%, calc((100svh - 140px) * var(--ar,1)))}}.visit__by{font:700 30px/1.1 var(--display);margin:0;font-size:round(clamp(26px,3vw,34px),1px)}.cover{border:var(--rule);text-align:center;background:#fff;align-content:center;gap:10px;min-height:100%;padding:24px;display:grid;position:absolute;inset:0 0 auto}.cover p{margin:0 0 6px;font-size:17px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.frame__jump{min-height:40px;margin-left:auto;padding:0 14px}@media (width>=860px),(orientation:landscape) and (height<=540px){.frame__jump{display:none}}.wallsign{border:var(--rule);border-left:12px solid var(--c-red);gap:10px;padding:14px 16px 16px;display:grid}.wallsign.is-signed{background:var(--c-yellow);border-left-color:#000}.wallsign p{margin:0}.wallsign__title{font:700 24px/1.1 var(--display);margin:0}.wallsign__error{color:var(--c-red);font-weight:700}.wallsign__error:empty{display:none}.sheet--wall{--tile:152px;--col-gap:40px;width:fit-content;min-width:min(420px,100% - 16px);max-width:min(calc(5 * var(--tile) + 4 * var(--col-gap) + 2 * var(--gutter) + 8px), calc(100% - 16px))}.wall__sub,.wall__note{contain:inline-size;text-wrap:pretty}.wall__sub{font-size:17px}.wall{align-items:start;gap:44px var(--col-gap);flex-wrap:wrap;margin:32px 0 16px;padding:0;list-style:none;display:flex}.wall__item{flex:0 0 var(--tile);min-width:0}@media (width<=559px){.sheet--wall{--col-gap:20px}.wall{--tile:calc((100% - 2 * var(--col-gap)) / 3);row-gap:32px;margin-top:24px}}.wall__art{cursor:zoom-in;background:0 0;border:0;width:100%;margin:0 0 14px;padding:0;display:block}.wall__art svg{width:100%;aspect-ratio:var(--ar,1);display:block}@media (hover:hover){.wall__art:hover svg{outline:3px solid var(--c-blue);outline-offset:3px}}.sheet .wall__name{font:700 15px/1.25 var(--display);overflow-wrap:anywhere;margin:0}.sheet .wall__no{margin:4px 0 0;font-size:14px;line-height:1.35}.sheet .wall__you{margin:2px 0 0;font-size:14px;line-height:1.35}.wall__note:empty{display:none}@media (width<=859px) and (orientation:portrait),(width<=859px) and (height>=541px){.crowd{grid-area:crowd}}.crowd{margin:0;font-size:15px;font-weight:700}.numbers--three{grid-template-columns:repeat(3,1fr)}.sheet .stats__sub{letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:13px}.crowdstats{margin-bottom:8px}.crowdstats .numbers{margin-bottom:24px}.tomorrow,.frame__next{margin:0;font-size:15px;line-height:1.45}@media (width<=859px) and (orientation:portrait),(width<=859px) and (height>=541px){.tomorrow{grid-area:tomorrow}}.frame__more{margin:0;font-size:15px;line-height:1.45}.frame__more span{white-space:nowrap}.frame__more :is(a,button){color:#000;font:700 15px/1.45 var(--font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline 2px}@media (hover:hover){.frame__more :is(a,button):hover{color:var(--c-blue)}}.tomorrow:not([hidden]),.frame__next:not([hidden]){animation:rise .42s var(--ease-out) both}.streak{background:var(--c-yellow);padding:0 5px;font-weight:700}.remind{border-top:var(--rule);margin-top:24px;padding-top:16px}.sheet .remind h3{margin-top:0}.remind__row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.remind__time{align-items:center;gap:8px;font-weight:700;display:inline-flex}.remind__time input{color:#000;min-height:46px;font:700 16px/1 var(--font);background:#fff;border:2px solid #000;border-radius:0;padding:0 10px}.sync__join{margin-top:12px}.sync__join[hidden],.sync [hidden]{display:none}.sync__join input{text-transform:uppercase;letter-spacing:.06em;width:11.5em}.sync__code{font:700 26px/1.2 var(--display);letter-spacing:.08em;margin:4px 0 12px}.sync__note{margin:12px 0 0;font-size:14px}.sync .wallsign__error{margin:10px 0 0}.wall__par{color:var(--c-red)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.score__value.is-tick{animation:tick .24s var(--ease-out)}@keyframes tick{0%{opacity:.35;transform:translateY(-.14em)}}.facts dd.is-up{transform-origin:0 100%;animation:swell .62s var(--ease-out)}@keyframes swell{0%{color:var(--c-blue);transform:scale(1.45)}}.wallsign.is-new{animation:wipe .56s var(--ease-out)}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}}.wall__art--hidden{aspect-ratio:var(--ar,1);cursor:default;border:3px dashed #000;place-items:center;display:grid}.wall__art--hidden span{font:700 32px/1 var(--display)}.wall__art--perfect{border-color:var(--c-red);color:var(--c-red)}.wall__item{animation:rise .42s var(--ease-out) both;animation-delay:calc(var(--k,0) * 36ms)}.sheet[open]{animation:rise .26s var(--ease-out)}.frame[open],dialog[open]::backdrop{animation:fade .2s var(--ease-out)}@keyframes fade{0%{opacity:0}}.btn:active:not(:disabled),.tool:active{transform:translateY(1px)scale(.985)}.game__board{transform-origin:50% 45%}.game.is-lift .game__board{animation:1s both lift}@keyframes lift{0%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1);box-shadow:0 0 #0000,0 0 #0000}10%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(.982);box-shadow:0 0 #0000,0 0 #0000}to{transform:scale(1.035);box-shadow:0 50px 64px -20px #00000094,0 16px 24px -8px #00000052}}.game.is-lift .board .piece rect{transition:fill .6s .18s}.game.is-lift .board text,.game.is-lift .board .dot,.game.is-lift .board .pin{opacity:0;transition:opacity .45s .16s}.frame__board{box-shadow:0 50px 64px -20px #00000094,0 16px 24px -8px #00000052}[data-paint] .board .edge,[data-paint] .board .outline{stroke-width:.18px}.game.is-framed .game__board{visibility:hidden}.frame[data-dialog=frame][open],.frame[data-dialog=frame][open]::backdrop{animation:bg-in .36s var(--ease-out) both}.frame[data-dialog=frame][open] :is(.frame__bar,.frame__tip,[data-shuffle],.frame__side){animation:fade .36s var(--ease-out) .24s both}.frame[data-dialog=frame].is-leaving,.frame[data-dialog=frame].is-leaving::backdrop{animation:bg-out .42s var(--ease-out) both}.frame[data-dialog=frame].is-leaving :is(.frame__bar,.frame__tip,[data-shuffle],.frame__side){animation:.16s both fade-out}@keyframes bg-in{0%{background-color:#fff0}}@keyframes bg-out{to{background-color:#fff0}}@keyframes fade-out{to{opacity:0}}.game.is-landing .game__board{animation:land .42s var(--ease-out) both}@keyframes land{0%{transform:scale(1.035);box-shadow:0 50px 64px -20px #00000094,0 16px 24px -8px #00000052}}.frame__board.is-covered{box-shadow:none}.day[data-upcoming]{border-style:dashed}.preview{background:var(--c-yellow);padding:0 4px}.prompt{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:6;border:var(--rule);background:#fff;width:min(100% - 32px,380px);padding:14px 16px 16px;position:fixed;transform:translate(-50%)}.prompt[hidden]{display:none}.prompt__text{font:700 20px/1.2 var(--display);margin:0 0 10px}.prompt__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prompt__row .btn{white-space:nowrap;padding:0 8px}.prompt.is-in{animation:prompt-in .26s var(--ease-out)}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=859px){.prompt{width:100%;padding:14px var(--gutter) calc(16px + env(safe-area-inset-bottom));border-width:3px 0 0;bottom:0;left:0;transform:none}.prompt.is-in{animation:rise .26s var(--ease-out)}}@media (width<=859px) and (orientation:landscape) and (height<=540px){.prompt{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));align-items:center;gap:16px;display:flex}.prompt__text{flex:1;margin:0}.prompt__row{flex:0 0 min(360px,55%)}}@media (width>=860px) and (height>=541px){.prompt{width:auto;position:static;transform:none}.prompt.is-in{animation:rise .26s var(--ease-out)}}@media (prefers-reduced-motion:reduce){.prompt.is-in{animation:none}}