@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-ext-700-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#c8cdb6;--bg-grain:#23261f17;--ink:#1f221c;--plate:#a3a998;--plate-hi:#b9bead;--plate-lo:#7d8376;--slip:#dfe2d2;--lcd-bg:#b7bf9e;--lcd-ink:#1c2114;--lcd-print:#4d5640;--lcd-ghost:.08;--radius:14px;--gap:16px;--font:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--font);background-color:var(--bg);background-image:radial-gradient(var(--bg-grain) .6px, transparent .8px), repeating-linear-gradient(-45deg, var(--bg-grain) 0 1px, transparent 1px 7px);background-size:4px 4px,auto;margin:0}#app{min-height:100dvh;padding:var(--gap);place-items:center;display:grid}[hidden]{display:none!important}.visually-hidden,.handheld__brand{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.handheld{gap:var(--gap);width:min(100%,26rem);color:var(--ink);background:linear-gradient(var(--plate-hi), var(--plate) 30%, var(--plate-lo));box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 7px var(--plate-hi), inset 0 0 0 8.5px var(--ink), 0 14px 30px #1e221a4d;border-radius:22px;flex-direction:column;padding:1.4rem;display:flex}.handheld__screen{padding:.35rem .4rem .9rem}.lcd-title{font:800 1.35rem/1.6 var(--font);letter-spacing:.04em;align-items:center;gap:.7rem;margin:.15rem .2rem .45rem;display:flex}.lcd-title:before,.lcd-title:after{content:"";border-block:1.5px solid var(--ink);flex:1;height:5px}.lcd-title--foot{border:1.5px solid var(--ink);width:-moz-fit-content;width:fit-content;font:700 .78rem/1 var(--font);letter-spacing:.22em;border-radius:4px;justify-content:center;margin:.6rem auto 0;padding:.35rem 1.1rem}.lcd-title--foot:before,.lcd-title--foot:after{content:none}.lcd{aspect-ratio:5/3;background:var(--lcd-bg);touch-action:manipulation;box-shadow:0 0 0 5px var(--ink), 0 0 0 7px var(--plate-hi), 0 0 0 8.5px var(--ink), inset 0 0 18px #00000038;border-radius:10px}.lcd svg{width:100%;height:100%;display:block}.lcd-print{fill:var(--lcd-print);stroke:var(--lcd-print)}.lcd-print image,.lcd-print .lcd-stroke{opacity:.55}.lcd-text{font:700 14px var(--font);stroke:none}.lcd-label{fill:var(--lcd-print)}.lcd-stroke{fill:none;stroke-width:1.4px;stroke-linecap:round}[data-seg]{fill:var(--lcd-ink);stroke:none;opacity:var(--lcd-ghost)}[data-seg][data-on]{opacity:1}[data-seg] .lcd-stroke{fill:none;stroke:var(--lcd-ink)}[data-seg] .lcd-thick{stroke-width:5px}[data-seg] .lcd-crate{stroke-width:2.4px;stroke-linejoin:round}.handheld__controls{align-items:center;gap:var(--gap);grid-template-columns:auto 1fr auto;display:grid}.pad{flex-direction:column;gap:1rem;display:flex}.pad--left,.pad--right{align-self:center}.pad--middle{align-items:center;gap:.5rem}.round{cursor:pointer;touch-action:manipulation;background:var(--plate-hi);width:4.25rem;height:4.25rem;box-shadow:inset 0 0 0 2px var(--ink), inset 0 -5px 0 var(--plate-lo), 0 2px 0 var(--ink);border:0;border-radius:50%}.round__glyph{font:700 1.4rem var(--font);color:var(--ink);pointer-events:none}.pill,.tiny__btn{cursor:pointer;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0;border:0;border-radius:999px}.pill{min-width:5.5rem;font:700 .8rem var(--font);letter-spacing:.06em;padding:.45rem .8rem}.round:active,.pill:active,.tiny__btn:active{background:var(--plate-lo)}.round:focus-visible,.pill:focus-visible,.tiny__btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tiny{gap:.5rem;display:flex}.tiny__btn{font:.75rem var(--font);padding:.25rem .6rem}.tiny__btn[aria-pressed=false]{opacity:.5}.slip{background:var(--slip);color:var(--ink);border:1.5px solid var(--ink);border-radius:8px;flex-direction:column;gap:.5rem;padding:.9rem;display:flex}.slip__text,.slip__record,.slip__note{margin:0}.slip__record{font-weight:700;text-decoration:underline}.slip__fallback{font:inherit;min-height:6rem}.help{text-align:center;opacity:.8;margin:0;font-size:.8rem}@media (orientation:landscape) and (min-width:640px){.handheld{grid-template-columns:auto 1fr auto;grid-template-areas:"brand brand brand""left screen right""mid mid mid""slip slip slip""help help help";width:min(100%,52rem);display:grid}.handheld__brand{grid-area:brand}.handheld__screen{grid-area:screen}.handheld__controls{display:contents}.pad--left{grid-area:left}.pad--right{grid-area:right}.pad--middle{flex-direction:row;grid-area:mid;justify-content:center}.slip{grid-area:slip}.help{grid-area:help}}