@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-Italic.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-Regular.woff2)format("woff2")}:root{--blue-h:224;--blue:hsl(var(--blue-h) 56% 45%);--ink:#fefefd;--cookie-w:400px;--card:#e7e7e7;--grey:#aeb8d8;--black:#000;--cookie:#e6b45c;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "SF Pro", "Inter", "Helvetica Neue", Arial, sans-serif;--gutter:clamp(16px, 2.6vw, 44px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--blue);height:100%;color:var(--ink);font-family:var(--sans);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;transition:background-color 1.4s}body{overflow:hidden}.eyebrow{z-index:10;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--grey);cursor:pointer;opacity:0;background:0 0;border:0;margin:0;padding:0;font-size:11px;text-decoration:none;transition:color .25s;animation:.8s ease-out .9s forwards eyebrow-in;position:fixed}.eyebrow:hover{color:var(--ink)}.eyebrow--credit{top:var(--gutter);left:var(--gutter)}.eyebrow--credit:after{content:"";transform-origin:0;background:currentColor;height:1px;margin-top:3px;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block;transform:scaleX(0)}.eyebrow--credit:hover:after{transform:scaleX(1)}.eyebrow--sound{top:var(--gutter);right:var(--gutter)}.eyebrow--sound[aria-pressed=false]{text-decoration:line-through}.eyebrow--hint{left:50%;bottom:calc(var(--gutter) + env(safe-area-inset-bottom));opacity:0;pointer-events:none;animation:none;transform:translate(-50%)}@keyframes eyebrow-in{to{opacity:1}}.stage{z-index:1;position:fixed;inset:0;overflow:hidden}.wordmark{width:calc(100vw - 2 * var(--gutter));pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wordmark svg{width:100%;height:auto;display:block;overflow:visible}.wordmark path{fill:var(--ink)}.gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.fortune{width:min(92vw, max(300px, calc(var(--cookie-w) * 1.35)));z-index:5;flex-direction:column;align-items:center;gap:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card{width:100%;min-height:clamp(96px, calc(var(--cookie-w) * .3), 150px);padding:clamp(22px, calc(var(--cookie-w) * .065), 40px) clamp(20px, calc(var(--cookie-w) * .075), 44px);cursor:grab;align-items:center;display:flex;opacity:0!important}.card__text{color:var(--black);font-family:Instrument Serif,Iowan Old Style,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(17px, calc(var(--cookie-w) * .056), 27px);text-align:center;text-wrap:balance;margin:0;line-height:1.15}.card--gold{background:#ffd978;box-shadow:0 30px 60px -20px #00000059,inset 0 0 0 1px #00000014}.meta{clip-path:inset(50%);width:1px;height:1px;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin:0;font-size:11px;position:absolute;overflow:hidden}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.votes{gap:6px;display:flex}.btn{appearance:none;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #fefefd73;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:10px 16px;font-size:11px;transition:border-color .2s,background-color .2s,transform .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn:hover{border-color:var(--ink);transform:translateY(-1px)}.btn:active{transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn--vote{padding:10px 14px}.btn--vote.is-active{background:var(--ink);color:var(--blue);border-color:var(--ink)}.btn__count{font-variant-numeric:tabular-nums;display:none}.votes.is-revealed .btn__count{display:inline}.btn__glyph{font-size:10px}.btn--icon{padding:10px 13px}.btn--icon svg{width:14px;height:14px;display:block}.share-sheet{left:50%;bottom:calc(var(--gutter) + 40px + env(safe-area-inset-bottom));z-index:6;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.vignette{z-index:0;pointer-events:none;background:radial-gradient(80% 70%,#08103000 50%,#08103052 100%);position:fixed;inset:0}.grain{z-index:30;pointer-events:none;opacity:.075;will-change:transform;background-repeat:repeat;background-size:384px 384px;width:200%;height:200%;animation:.8s steps(8,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}12.5%{transform:translate(-3%,2%)}25%{transform:translate(2%,-4%)}37.5%{transform:translate(-4%,-1%)}50%{transform:translate(3%,3%)}62.5%{transform:translate(-1%,4%)}75%{transform:translate(4%,-2%)}87.5%{transform:translate(-2%,-3%)}to{transform:translate(1%,1%)}}@media (prefers-reduced-motion:reduce){.eyebrow{animation-duration:10ms;animation-delay:0s}.grain{animation:none}html,body{transition:none}}[hidden]{display:none!important}
