:root{--paper:#f2ecdf;--card:#fbf8f1;--ink:#1c1824;--ink-soft:#5b5466;--pink:#ff3f9a;--blue:#2f55e4;--yellow:#ffcf3a;--rule:#1c182429;--blend:multiply;--grain-opacity:.5;--display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--serif:"Fraunces", Georgia, serif;--mono:"DM Mono", ui-monospace, monospace;--gutter:16px;--radius:6px;--offset:.045em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#14111b;--card:#1d1926;--ink:#f2ecdf;--ink-soft:#a79fb4;--pink:#ff4fa6;--blue:#4f74ff;--yellow:#ffd84f;--rule:#f2ecdf29;--blend:screen;--grain-opacity:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#14111b;--card:#1d1926;--ink:#f2ecdf;--ink-soft:#a79fb4;--pink:#ff4fa6;--blue:#4f74ff;--yellow:#ffd84f;--rule:#f2ecdf29;--blend:screen;--grain-opacity:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:100;opacity:var(--grain-opacity);mix-blend-mode:var(--blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.riso{color:#0000;isolation:isolate;display:inline-block;position:relative}.riso:before,.riso:after{content:attr(data-text);mix-blend-mode:var(--blend);pointer-events:none;position:absolute;inset:0}.riso:before{color:var(--blue);transform:translate(calc(var(--offset) * -1), calc(var(--offset) * .6))}.riso:after{color:var(--pink);transform:translate(var(--offset), calc(var(--offset) * -.4));animation:7s ease-in-out infinite alternate drift}@keyframes drift{to{transform:translate(calc(var(--offset) * .4), calc(var(--offset) * .5))}}.page{max-width:760px;padding:0 var(--gutter) 64px;padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));margin:0 auto}.topbar{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:18px 0 14px;display:flex}.brand{font-family:var(--display);font-variation-settings:"wdth" 75;letter-spacing:-.01em;text-transform:uppercase;font-size:1.5rem;font-weight:800;line-height:1;text-decoration:none}.topbar__nav{gap:4px;display:flex}.topbar__link{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 10px;font-size:.78rem;text-decoration:none}.topbar__link:hover{background:var(--ink);color:var(--paper)}.main{padding-top:28px}.kicker,.label,.fine{font-family:var(--mono)}.kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin:0 0 8px;font-size:.78rem}.label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.fine{color:var(--ink-soft);margin:10px 0 0;font-size:.78rem}.center{text-align:center}.lede{max-width:34ch;margin:12px 0 0;font-size:clamp(1.1rem,3.6vw,1.3rem);line-height:1.4}.display{font-family:var(--display);font-variation-settings:"wdth" 75;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(3rem,14vw,5.5rem);font-weight:800;line-height:.88}.button{min-height:56px;font-family:var(--display);letter-spacing:.01em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:14px 28px;font-size:1.15rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.button--primary{background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--pink)}@media (hover:hover){.button--primary:hover{box-shadow:7px 7px 0 var(--pink);transform:translate(-1px,-1px)}}.button--primary:active{box-shadow:1px 1px 0 var(--pink);transform:translate(4px,4px)}.button--quiet{border:2px solid var(--ink);background:0 0}.button:disabled{opacity:.5;cursor:default}.cta{flex-direction:column;align-items:flex-start;margin-top:32px;display:flex}.icon-button{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:40px;height:40px;font-size:1.4rem;line-height:1}.intro{position:relative}.intro__stamp{display:none}@media (width>=720px){.intro__stamp{border-width:5px;padding:12px 18px 10px;font-size:2.1rem;animation:.48s cubic-bezier(.3,1.6,.5,1) .5s both stamp;display:block;position:absolute;top:90px;right:2%;rotate:11deg}}.masthead{font-family:var(--display);font-variation-settings:"wdth" 75;text-transform:uppercase;letter-spacing:-.03em;--offset:.03em;margin:4px 0 0;font-size:clamp(5.5rem,31vw,11rem);font-weight:800;line-height:.8}.masthead__line{display:block}.masthead__line--shift{transform-origin:0;margin-left:.55em;transform:rotate(-2deg)}.program{border-top:2px solid var(--ink);margin:32px 0 0;padding:0;list-style:none}.program__row{border-bottom:1px solid var(--rule);grid-template-columns:2.4em 1fr auto 22px;align-items:center;gap:10px;padding:12px 0;display:grid}.program__number{font-family:var(--mono);color:var(--ink-soft);font-size:.8rem}.program__title{font-family:var(--display);font-size:1.2rem;font-weight:700;line-height:1.15}.program__kind{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ink-soft);color:var(--ink-soft);border-radius:999px;padding:3px 8px;font-size:.7rem}.program__mark{border:2px dashed var(--rule);border-radius:3px;width:18px;height:18px}.program__row--correct .program__mark{background:var(--pink);border:2px solid var(--pink)}.program__row--wrong .program__mark{border:2px solid var(--blue)}.program__row--missed .program__mark{border:2px dotted var(--ink-soft)}.program__row--in_progress .program__mark{border:2px solid var(--yellow);background:var(--yellow);animation:1s ease-in-out infinite alternate pulse}.program__row--correct,.program__row--wrong,.program__row--missed{opacity:.55}@keyframes pulse{to{opacity:.35}}.round__head{margin-bottom:18px}.round__title{font-family:var(--display);font-variation-settings:"wdth" 75;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(2.6rem,11vw,4.4rem);font-weight:800;line-height:.9}.round__ask{margin:10px 0 0;font-size:1.1rem;font-style:italic}.timer{z-index:5;background:var(--paper);align-items:center;gap:14px;padding:10px 0;display:flex;position:sticky;top:0}.timer__track{border:2px solid var(--ink);border-radius:999px;flex:1;height:14px;overflow:hidden}.timer__ink{height:100%;width:calc(var(--left) * 100%);background-color:var(--blue);background-image:radial-gradient(var(--paper) 22%, transparent 24%);background-size:6px 6px;transition:background-color .3s}.timer__seconds{text-align:right;min-width:2ch;font-family:var(--display);font-variation-settings:"wdth" 75;font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800;line-height:1}.timer--urgent .timer__ink{background-color:var(--pink)}.timer--urgent .timer__seconds{color:var(--pink);animation:1s ease-in-out infinite throb}@keyframes throb{50%{transform:scale(1.15)}}.cards{gap:16px;margin:8px 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.round--names .cards,.result .cards{grid-template-columns:1fr 1fr}}.cards>li{animation:.42s cubic-bezier(.2,.9,.3,1.2) both deal;animation-delay:calc(var(--i) * 70ms)}@keyframes deal{0%{opacity:0;transform:translateY(24px)rotate(-4deg)}}.card{text-align:left;background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);width:100%;height:100%;box-shadow:6px 6px 0 var(--blue);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px 18px 58px;transition:transform .14s,box-shadow .14s,opacity .2s;display:flex;position:relative}.cards>li:first-child .card{rotate:-.8deg}.cards>li:nth-child(2) .card{rotate:.6deg}.cards>li:nth-child(3) .card{rotate:.4deg}.cards>li:nth-child(4) .card{rotate:-.5deg}@media (hover:hover){button.card:hover:not(:disabled){box-shadow:9px 9px 0 var(--pink);transform:translate(-2px,-3px)}}button.card:active:not(:disabled){box-shadow:1px 1px 0 var(--pink);transform:translate(4px,4px)}.card:disabled{cursor:default}.card__letter{border:2px solid var(--ink);width:28px;height:28px;font-family:var(--mono);border-radius:50%;place-items:center;font-size:.8rem;font-weight:500;display:grid;position:absolute;top:18px;left:16px}.card__text{font-family:var(--display);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(1.35rem,5.4vw,1.7rem);font-weight:700;line-height:1.1}.round--facts .card__text{font-family:var(--serif);letter-spacing:0;font-size:clamp(1.05rem,4vw,1.2rem);font-weight:500;line-height:1.38}.card__detail{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.75rem}.card--picked{background:var(--ink);color:var(--paper);box-shadow:6px 6px 0 var(--pink)}.card--picked .card__letter{border-color:var(--paper)}.card--picked .card__detail{color:inherit;opacity:.7}.card--dim{opacity:.45}.result__head{margin-bottom:22px}.card--revealed{cursor:default;padding-bottom:16px;overflow:hidden}.card--revealed .card__text{padding-right:92px}.card--revealed.card--fake .card__text{padding-right:112px}.card--fake{box-shadow:6px 6px 0 var(--pink)}.card--yours{outline:3px solid var(--ink);outline-offset:4px}.card__you{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:var(--yellow);color:#1c1824;border-radius:999px;padding:2px 8px;font-size:.7rem}.crowd{flex-direction:column;gap:4px;width:100%;margin-top:6px;display:flex}.crowd__bar{height:10px;width:max(4px, calc(var(--share) * 100%));background-image:radial-gradient(var(--blue) 45%, transparent 47%);transform-origin:0;background-size:5px 5px;border-radius:2px;animation:.7s cubic-bezier(.2,.8,.2,1) .3s both grow;display:block}.card--fake .crowd__bar{background-image:radial-gradient(var(--pink) 45%, transparent 47%)}@keyframes grow{0%{transform:scaleX(0)}}.crowd__label{font-family:var(--mono);color:var(--ink-soft);font-size:.72rem}.stamp{font-family:var(--display);font-variation-settings:"wdth" 80;text-transform:uppercase;letter-spacing:.06em;mix-blend-mode:var(--blend);border:3px solid;border-radius:4px;padding:6px 10px 5px;font-weight:800;line-height:1;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.4 2.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.4 2.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");-webkit-mask-size:120px 60px;mask-size:120px 60px}.card .stamp{animation:.38s cubic-bezier(.3,1.6,.5,1) both stamp;animation-delay:calc(.2s + var(--i) * 90ms);font-size:1.15rem;position:absolute;top:14px;right:14px;rotate:-9deg}.card--fake .stamp{font-size:1.6rem;rotate:7deg}.stamp--fake{color:var(--pink)}.stamp--real{color:var(--blue)}.stamp--small{border-width:2px;padding:3px 6px 2px;font-size:.72rem;rotate:-4deg}.stamp--huge{background:color-mix(in srgb, var(--paper) 70%, transparent);border-width:6px;padding:10px 20px 8px;font-size:clamp(2.6rem,13vw,5rem);animation:.42s cubic-bezier(.3,1.6,.5,1) both stamp;rotate:-8deg}@keyframes stamp{0%{opacity:0;transform:scale(2.4)}}.overlay-stamp{pointer-events:none;z-index:20;place-items:center;display:grid;position:fixed;inset:0}.summary__head{border-bottom:2px solid var(--ink);padding-bottom:28px}.score{font-family:var(--display);font-variation-settings:"wdth" 75;--offset:.025em;align-items:flex-end;font-weight:800;line-height:.8;display:flex}.score__number{font-size:clamp(8rem,42vw,14rem)}.score__out-of{color:var(--ink-soft);margin:0 0 .25em .05em;font-size:clamp(2.5rem,12vw,4rem)}.score__verdict{font-family:var(--display);font-variation-settings:"wdth" 75;text-transform:uppercase;margin:10px 0 18px;font-size:clamp(2rem,9vw,3.2rem);font-weight:800;line-height:.95}.squares{gap:8px;display:flex}.square{border:3px solid var(--ink);border-radius:4px;width:30px;height:30px;display:inline-block}.square--correct{background:var(--pink);border-color:var(--pink)}.square--wrong{border-color:var(--blue);background-image:linear-gradient(45deg, transparent 45%, var(--blue) 45% 55%, transparent 55%)}.square--missed{border-style:dotted;border-color:var(--ink-soft)}.square--empty{border-style:dashed;border-color:var(--rule)}.section-label{margin:32px 0 6px}.answer{border-bottom:1px solid var(--rule);padding:18px 0}.answer__head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.answer__head .square{border-width:2px;width:20px;height:20px;margin-left:auto}.answer__title{font-family:var(--display);margin:0;font-size:1.35rem;font-weight:800}.answer__items{gap:14px;margin:0;padding:0;list-style:none;display:grid}.answer__item{grid-template-columns:52px 1fr;align-items:start;gap:10px;display:grid}.answer__item .stamp{justify-self:start;margin-top:3px}.answer__text{margin:0;font-weight:600;line-height:1.3}.answer__detail{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.75rem;font-weight:400}.answer__you{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;background:var(--yellow);color:#1c1824;white-space:nowrap;border-radius:999px;margin-left:8px;padding:1px 6px;font-size:.68rem;font-weight:400}.answer__why{color:var(--ink-soft);margin:4px 0 0;font-size:.95rem}.answer__source{font-family:var(--mono);-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:3px;margin-top:4px;font-size:.75rem;text-decoration-thickness:2px;display:inline-block}.sheet{width:min(480px, calc(100vw - 2 * var(--gutter)));border:2px solid var(--ink);background:var(--paper);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:10px 10px 0 var(--pink);border-radius:10px;padding:0}.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14111b8c}.sheet__body{padding:20px 22px 24px}.sheet__head{justify-content:space-between;align-items:center;display:flex}.sheet__title{font-family:var(--display);font-variation-settings:"wdth" 75;text-transform:uppercase;margin:0;font-size:2.6rem;font-weight:800;line-height:.9}.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 24px;display:grid}.stat{flex-direction:column-reverse;align-items:center;margin:0;display:flex}.stat dd{font-family:var(--display);margin:0;font-size:2.2rem;font-weight:800;line-height:1}.stat dt{white-space:nowrap;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-align:center;font-size:.66rem}.histogram{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.histogram li{grid-template-columns:1.2em 1fr;align-items:center;gap:8px;display:grid}.histogram__score{font-family:var(--mono);font-size:.85rem}.histogram__bar{min-width:26px;width:calc(var(--share) * 100%);background:var(--blue);color:#fff;font-family:var(--mono);border-radius:3px;justify-content:flex-end;padding:2px 8px;font-size:.75rem;display:flex}.histogram__bar--zero{color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--rule);background:0 0}.archive__list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.archive__list>li{animation:.4s cubic-bezier(.2,.9,.3,1.2) both deal;animation-delay:calc(min(var(--i), 12) * 40ms)}.ticket{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--blue);flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex}.ticket:hover{box-shadow:6px 6px 0 var(--pink);transform:translate(-2px,-2px)}.ticket__number{font-family:var(--display);font-size:1.6rem;font-weight:800;line-height:1}.ticket__date{font-family:var(--mono);color:var(--ink-soft);font-size:.78rem}.ticket__theme{font-style:italic}.loading{place-items:center;gap:16px;padding:80px 0;display:grid}.loading__ink{background:radial-gradient(circle at 40% 45%, var(--pink) 0 38%, transparent 39%), radial-gradient(circle at 60% 55%, var(--blue) 0 38%, transparent 39%);width:64px;height:64px;mix-blend-mode:var(--blend);border-radius:50%;animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{flex-direction:column;align-items:flex-start;gap:20px;padding:40px 0;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
