@import"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@100..900&family=Permanent+Marker&display=swap";@font-face{font-family:simple_present_tense-webfont;src:url(/fonts/simple_present_tense-webfont.woff2) format("woff2"),url(/fonts/simple_present_tense-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html,body,#app,*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img,picture,svg{-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none;pointer-events:none}:root{color-scheme:light;font-family:Segoe UI Rounded,Arial Rounded MT Bold,Trebuchet MS,Verdana,Arial,sans-serif;background:var(--paper);color:#201117;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--mobile-board-width: 850px;--board-ratio: 2048 / 1162;--purple: #a3478f;--hero-purple: #9e528c;--purple-dark: #6b2c62;--paper: #f0dfbc;--paper-shadow: #d7be94;--green: #2fad4b;--pink: #df93d5;--blue: #42a8df;--red: #d6423a;--orange: #e78618;--outline: #1a1116;--tile-border: rgba(255, 255, 255, .94);--display-font: "Google Sans Flex", "Arial Rounded MT Bold", "Segoe UI Rounded", "Trebuchet MS", Verdana, Arial, sans-serif;--hero-marker-font: "simple_present_tense-webfont", "Permanent Marker", "Trebuchet MS", "Segoe UI Rounded", Arial, sans-serif;--display-font-weight: 700;--display-font-variation: "wght" 700, "ROND" 100, "opsz" 48}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{min-height:100vh;min-height:100dvh;overflow:hidden;background:linear-gradient(180deg,#f6e6c5,var(--paper))}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.viewport{position:relative;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;background:url(/assets/background.2eb44874.png);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:hidden}.orientation-lock{display:none}.app-shell{position:relative;width:min(calc(100vw - var(--safe-left) - var(--safe-right)),var(--mobile-board-width));height:calc(100dvh - var(--safe-top) - var(--safe-bottom));display:flex}.board{position:relative;display:flex;align-items:stretch;justify-content:center;flex-direction:column;flex:1 1 auto;width:100%;height:100%;box-shadow:none}.app-version{position:absolute;top:.7rem;left:.9rem;z-index:4;color:#2011177a;font-size:.82rem;font-weight:700;line-height:1;letter-spacing:.04em;text-shadow:0 0 .2rem rgba(255,255,255,.35);pointer-events:none}.clear-trigger{position:absolute;top:2.4%;right:2.35%;z-index:3;width:4.6rem;height:4.6rem;padding:0;border:none;border-radius:50%;background:transparent;box-shadow:0 .24rem .75rem #0003;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.clear-trigger__ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,#ef8a22 var(--reset-progress, 0%),rgba(239,138,34,.22) 0),linear-gradient(180deg,#d84f45 0%,#c33631 62%,#a92828 100%);box-shadow:inset 0 0 0 .14rem #ffffff38,0 .14rem .45rem #0000002e}.clear-trigger__inner{position:absolute;inset:.5rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#b22825 0%,#981d1d 100%);box-shadow:inset 0 .16rem #ffffff24,inset 0 0 0 .08rem #79121259}.clear-trigger__icon{width:1.64rem;height:1.64rem;color:#fff8f6;stroke:currentColor;stroke-width:2.5}.clear-trigger:active{transform:scale(.985)}.board__texture{position:absolute;inset:0;opacity:.35;pointer-events:none}.top-panel,.grid-wrap{position:relative;z-index:1;width:100%}.top-panel{min-height:0;display:flex;align-items:stretch;justify-content:center;padding:2rem .45rem 6dvh;max-height:20%;height:100%}.hero__stage{width:100%;height:100%;min-height:0;display:flex;align-items:flex-end;justify-content:center}.hero__inputs{--hero-fields-count: 5;--hero-gap: clamp(.55rem, 1.6vw, 1rem);--hero-field-min-size: 3.75rem;--hero-field-size: var(--hero-field-min-size);--hero-arrow-overhang: 10vw;--hero-content-width: calc((var(--hero-field-size) * var(--hero-fields-count)) + (var(--hero-gap) * (var(--hero-fields-count) - 1)));--hero-input-font-size: clamp(1.6rem, 6vh, 4.75rem);position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;padding:0 3rem;gap:var(--hero-gap)}.hero__inputs:after{content:"";position:absolute;left:50%;top:95%;z-index:-1;width:calc(var(--hero-content-width) + (var(--hero-arrow-overhang) * 2));aspect-ratio:3471 / 313;transform:translate(-50%,-50%);background:url(/arrow.svg) center / contain no-repeat}.hero__field{position:relative;display:flex;align-items:flex-end;justify-content:center;width:var(--hero-field-size);min-width:var(--hero-field-min-size);height:var(--hero-field-size);min-height:var(--hero-field-min-size);flex:0 0 auto}.hero__field.is-drop-target .hero__value{border-color:#c965b2;box-shadow:0 0 0 .28rem #c965b238,0 .2rem #9e528c2e,inset 0 .08rem #ffffffbf}.hero__field:nth-child(odd):before{content:"";position:absolute;left:50%;bottom:95%;width:115%;aspect-ratio:617 / 105;transform:translate(-50%);background:url(/quotes.svg) center / contain no-repeat}.hero__value{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:100%;padding:.45rem .2rem .25rem;border:.5vw solid var(--hero-purple);border-radius:1.05rem 1.05rem 0 0;text-align:center;font-family:var(--hero-marker-font);font-weight:400;font-optical-sizing:auto;font-variation-settings:normal;background-color:#fff;font-synthesis:none;font-feature-settings:"lnum" 1,"tnum" 1;font-variant-numeric:lining-nums tabular-nums;font-size:var(--hero-input-font-size);line-height:1;color:#000;-webkit-text-fill-color:#000;outline:none;-webkit-text-stroke:.045rem var(--outline);text-shadow:.02rem .02rem 0 var(--outline),-.02rem .02rem 0 var(--outline),.02rem -.02rem 0 var(--outline),-.02rem -.02rem 0 var(--outline);letter-spacing:.08em;box-shadow:0 .2rem #9e528c2e,inset 0 .08rem #ffffffbf;user-select:none;touch-action:none}.hero__value.is-filled{cursor:grab}.hero__value.is-drag-source{opacity:.38;transform:scale(.96)}.hero__value::selection{color:inherit;background:transparent}.hero__value::-moz-selection{color:inherit;background:transparent}.grid-wrap{flex:0 0 270px;overflow:hidden;padding:0 5% 2.1% 3rem}.row-marker{position:absolute;top:.7rem;left:-2.4rem;z-index:2;width:2.9rem;height:2.9rem;display:block;object-fit:contain}.number-grid{display:flex;flex-direction:column;gap:0;overflow:visible}.number-row{position:relative;z-index:calc(1 + var(--row-shift));display:flex;gap:0;align-items:stretch;padding-left:.95rem}.number-row:nth-child(2){transform:translateY(-1.4rem) translate(.5rem)}.number-row:nth-child(3){transform:translateY(-2.8rem) translate(1rem)}.number-row:nth-child(4){transform:translateY(-4.1rem) translate(1.5rem)}.number-row:nth-child(5){transform:translateY(-5.3rem) translate(2rem)}.number-row+.number-row{margin-top:-.15rem}.number-row .cell+.cell{margin-left:-.15rem}.cell{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:.48rem .48rem 2rem;border:none;border-radius:.92rem .92rem .1rem .1rem;overflow:hidden;background-clip:padding-box;box-shadow:inset 0 0 0 .15rem var(--tile-border),inset 0 .16rem #ffffff2e,0 .08rem #00000014;color:#fffcee;cursor:pointer;user-select:none;touch-action:none;transition:transform .16s cubic-bezier(.22,1,.36,1);will-change:transform}.cell.is-drag-source{opacity:.45;transform:scale(.96)}.cell--green{background:linear-gradient(180deg,#42bb5a 0%,var(--green) 85%)}.cell--pink{background:linear-gradient(180deg,#ecb0e4 0%,var(--pink) 85%)}.cell--blue{background:linear-gradient(180deg,#5db8ea 0%,var(--blue) 85%)}.cell--red{background:linear-gradient(180deg,#dc5a50 0%,var(--red) 85%)}.cell--orange{background:linear-gradient(180deg,#ee9728 0%,var(--orange) 85%)}.cell__number{position:relative;z-index:2;font-family:var(--display-font);font-weight:var(--display-font-weight);font-optical-sizing:none;font-variation-settings:var(--display-font-variation);font-synthesis:none;font-feature-settings:"lnum" 1,"tnum" 1;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(.86rem,3.44vw,1.8rem);line-height:.9;letter-spacing:-.05em;color:#fff;-webkit-text-stroke:0;text-shadow:0 0 0 var(--outline),.08rem 0 0 var(--outline),-.08rem 0 0 var(--outline),0 .08rem 0 var(--outline),0 -.08rem 0 var(--outline),.06rem .06rem 0 var(--outline),-.06rem .06rem 0 var(--outline),.06rem -.06rem 0 var(--outline),-.06rem -.06rem 0 var(--outline),.11rem .03rem 0 var(--outline),-.11rem .03rem 0 var(--outline),.11rem -.03rem 0 var(--outline),-.11rem -.03rem 0 var(--outline),.03rem .11rem 0 var(--outline),-.03rem .11rem 0 var(--outline),.03rem -.11rem 0 var(--outline),-.03rem -.11rem 0 var(--outline)}.cell__dots{position:relative;z-index:2;display:flex;gap:.12rem;align-items:center;justify-content:center;padding-top:.15rem}.cell__dots span{width:.46rem;height:.46rem;border-radius:50%;background:#ffffff;border:.1rem solid var(--outline)}.cell__mark{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:3;transform:scale(1.02)}.cell__mark--circle{top:-.75rem;left:10%;width:80%}.number-row:last-child .cell__mark--circle{top:-.2rem}.cell__mark--cross{top:-.5rem}.number-row:last-child .cell__mark--cross{top:0}.cell.is-half-cross:after,.cell.is-crossed:after{content:"";position:absolute;inset:0;opacity:1;background:rgba(255,255,255,.466);z-index:1;pointer-events:none}.cell:active{transform:scale(.95)}.cell-drag-preview{position:fixed;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:64px;height:75px;padding:.48rem .48rem .9rem;border-radius:.92rem .92rem .1rem .1rem;overflow:hidden;background-clip:padding-box;box-shadow:inset 0 0 0 .15rem var(--tile-border),inset 0 .16rem #ffffff2e,0 .5rem 1.2rem #00000042;pointer-events:none;transform:translate(-50%,-90%) rotate(-4deg)}.cell-drag-preview--green{background:linear-gradient(180deg,#42bb5a 0%,var(--green) 85%)}.cell-drag-preview--pink{background:linear-gradient(180deg,#ecb0e4 0%,var(--pink) 85%)}.cell-drag-preview--blue{background:linear-gradient(180deg,#5db8ea 0%,var(--blue) 85%)}.cell-drag-preview--red{background:linear-gradient(180deg,#dc5a50 0%,var(--red) 85%)}.cell-drag-preview--orange{background:linear-gradient(180deg,#ee9728 0%,var(--orange) 85%)}.cell-drag-preview__number{font-size:clamp(1.2rem,3.8vw,1.75rem)}.cell-drag-preview__dots{padding-top:.2rem}.number-row .cell:first-child{padding-bottom:1.5rem;height:fit-content}.number-row:last-child .cell{padding-bottom:.9rem}@media (max-width: 830px){.app-shell{width:100vw}}@media (pointer: coarse) and (hover: none) and (orientation: landscape){.board{justify-content:flex-end}}@media (orientation: portrait){.orientation-lock{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:calc(1.5rem + var(--safe-top)) calc(1.5rem + var(--safe-right)) calc(1.5rem + var(--safe-bottom)) calc(1.5rem + var(--safe-left));background:url(/assets/background.2eb44874.png);text-align:center}.orientation-lock__icon{width:6.5rem;height:6.5rem;object-fit:contain}.app-shell{display:none}}