.letter,.coupon-card{position:relative}.scratch-cover{z-index:1;width:100%;height:100%;font-family:var(--art);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;position:absolute;inset:0}.scratch-prompt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 0 14px;display:flex}.scratch-prompt__hint{color:var(--text);font:600 15px/1.5 var(--sans);margin:0}.scratch-prompt__meter{color:var(--green-ink);font:500 13px/1.5 var(--mono);white-space:nowrap;margin-left:6px;display:inline-block}.scratch-prompt__open{height:40px;font-size:14px}.crt{--crt:#6f9;--crt-dim:#66ff998c;--crt-glow:#66ff9961;background:radial-gradient(#0d1a11 0%,#060b07 85%);animation:5s step-end infinite crt-flicker;position:relative}.crt:before,.crt:after{content:"";pointer-events:none;position:absolute;inset:0}.crt:before{background:repeating-linear-gradient(0deg,#00000042 0 1px,#0000 1px 3px)}.crt:after{box-shadow:inset 0 0 60px 14px #000c}@keyframes crt-flicker{0%,to{opacity:1}46%{opacity:.94}47%{opacity:1}82%{opacity:.97}}.letter.crt :is(.letter__text,.art),.coupon-card.crt>:is(p,h1,h2),.coupon-card.crt .art{color:var(--crt);text-shadow:0 0 3px var(--crt-glow), 0 0 10px var(--crt-glow)}.letter.crt .letter__text,.coupon-card.crt :is(.coupon-card__title,.coupon-card__message,.coupon-card__date,.coupon-card__note){font-family:var(--mono)}.coupon-card.crt .coupon-card__note{color:var(--crt-dim)}.retro-boot{color:var(--crt);font:500 calc(14px * var(--letter-zoom,var(--coupon-zoom,1))) / 1.5 var(--mono);text-shadow:0 0 3px var(--crt-glow), 0 0 10px var(--crt-glow);display:grid}.retro-line{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.retro-line--dim{color:var(--crt-dim)}.retro-cursor{vertical-align:-.18em;background:var(--crt);width:.6em;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.coupon-card.is-booting>:not(.retro-boot,.scratch-cover){visibility:hidden}@media (prefers-reduced-motion:reduce){.crt,.retro-cursor{animation:none}}.art-picker{gap:10px;scroll-margin:88px 0 16px;display:grid}.art-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.art-tile{border:1.5px solid var(--line-strong);border-radius:var(--radius-input);background:var(--bg);height:78px;color:var(--text);place-items:center;padding:6px;transition:border-color .15s;display:grid;overflow:hidden;container-type:inline-size}@media (hover:hover){.art-tile:hover{border-color:var(--green)}}.art-tile .art{font-size:min(7px, 100cqw / (var(--cols,20) * .602));line-height:1.1}.art-tile.is-active{border-color:var(--green);background:var(--green-tint);color:var(--green-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 22%, transparent)}.art-picker__preview{border-radius:var(--radius-input);background:var(--term-bg);gap:10px;margin:0;padding:14px 16px 18px;display:grid;container-type:inline-size}.art-picker__preview figcaption{font:500 12px/1.4 var(--sans);color:#aab6af}.art-picker__preview .art{color:var(--term-amber);font-size:min(14px, 100cqw / (var(--cols,20) * .602));justify-self:center;margin:0;line-height:1.18}.letter-app .tool,.coupon-app .tool{container:art-tool/inline-size}@container art-tool (width>=800px){.art-picker__preview{display:none}}.art-picker__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.art-picker__current{font:500 12px/1.5 var(--sans);color:var(--muted)}.art-picker__toggle{min-height:36px;color:var(--green-ink);font:600 13px/1.5 var(--sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}.art-picker__all{border:1px solid var(--line);border-radius:var(--radius-input);background:var(--card);gap:10px;padding:12px;display:grid}.art-picker__all .note{margin:0}.art-picker__cats{margin:0 -12px;padding:0 12px;scroll-padding:0 12px}.art-picker__cats .pill{height:34px;padding:0 12px;font-size:12px;font-weight:500}.art-picker__done{width:100%;min-height:44px}@media (width>=720px){.art-picker__cats{flex-wrap:wrap;overflow:visible}.art-picker__cats .pill{height:30px}.art-tiles--all{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));max-height:340px;padding:2px 4px 2px 2px;overflow-y:auto}}.art-tile--pixel img{width:48px;height:48px;image-rendering:pixelated}.art-picker__kinds{justify-self:start}.art-picker__kinds .seg__btn{padding:0 14px}.art-picker__pixel{width:min(140px,60%);height:auto}
