:root{--ink: #12100c;--ink-soft: #1c1812;--cream: #f0e4cd;--cream-dim: #c3b49a;--tomato: #c8391c;--mustard: #e0a93f;--olive: #8a8547;--edge: rgba(240, 228, 205, .16);--measure: 62ch}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{margin:0;background:radial-gradient(120% 80% at 78% -10%,rgba(224,169,63,.16),transparent 60%),radial-gradient(90% 60% at 5% 105%,rgba(200,57,28,.14),transparent 65%),var(--ink);color:var(--cream);font-family:Newsreader,Georgia,serif;font-size:clamp(1rem,.94rem + .3vw,1.125rem);font-weight:300;line-height:1.6;overflow-x:hidden}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:9;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");animation:drift 7s steps(4) infinite}@keyframes drift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}to{transform:translate(0)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.masthead{padding:clamp(1rem,3vw,2.25rem) clamp(1.1rem,5vw,4rem) 0;max-width:1400px;margin:0 auto}.rule-top{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:.55rem 0}.kicker{font-family:DM Mono,ui-monospace,monospace;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-dim)}.rule-top .kicker:nth-child(2){color:var(--mustard)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:end;padding:clamp(1.75rem,5vw,3.5rem) 0 clamp(2rem,6vw,4rem)}h1{margin:0;font-family:Fraunces,Georgia,serif;font-weight:900;font-variation-settings:"SOFT" 40,"WONK" 1;line-height:.82;letter-spacing:-.035em;text-transform:lowercase}h1 .l1,h1 .l2{display:block;font-size:clamp(3.6rem,13vw,9.5rem);opacity:0;animation:rise .9s cubic-bezier(.16,1,.3,1) forwards}h1 .l1{animation-delay:.05s}h1 .l2{font-style:italic;color:var(--tomato);margin-left:.13em;animation-delay:.16s;text-shadow:.055em .045em 0 var(--mustard)}@keyframes rise{0%{opacity:0;transform:translateY(.4em) rotate(-1.4deg)}to{opacity:1;transform:none}}.standfirst{max-width:46ch;margin:clamp(1.3rem,3vw,2rem) 0 0;font-size:clamp(1.02rem,.95rem + .4vw,1.3rem);color:#e6d8bf;opacity:0;animation:rise 1s cubic-bezier(.16,1,.3,1) .3s forwards}.standfirst:first-line{font-style:italic}.byline{margin:1.1rem 0 0;font-family:DM Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);opacity:0;animation:rise 1s cubic-bezier(.16,1,.3,1) .42s forwards}.hero-figure{margin:0;transform:rotate(1.1deg);opacity:0;animation:rise 1.1s cubic-bezier(.16,1,.3,1) .2s forwards}.hero-figure img{display:block;width:100%;height:auto;border:1px solid var(--edge);box-shadow:0 30px 70px -30px #000000f2;filter:saturate(1.05) contrast(1.03)}.hero-figure figcaption{margin-top:.6rem;font-family:DM Mono,ui-monospace,monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim);text-align:right}main{max-width:1400px;margin:0 auto;padding:0 clamp(1.1rem,5vw,4rem)}.machine{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3.25rem);align-items:center;border-top:2px solid var(--tomato);border-bottom:1px solid var(--edge);padding:clamp(1.75rem,4vw,3rem) 0}.spin{--size: clamp(9.5rem, 17vw, 14rem);width:var(--size);height:var(--size);flex:none;border:none;border-radius:50%;cursor:pointer;background:radial-gradient(70% 70% at 35% 28%,#e0512c,var(--tomato) 55%,#96240f);color:var(--cream);box-shadow:0 0 0 1px #f0e4cd40,0 0 0 9px #c8391c1f,0 22px 45px -20px #000000e6;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;font:inherit}.spin-face{display:grid;place-items:center;gap:.15em;transform:rotate(-4deg)}.spin-word{font-family:Fraunces,Georgia,serif;font-weight:900;font-variation-settings:"SOFT" 60,"WONK" 1;font-size:clamp(1.9rem,4vw,3rem);line-height:1;text-transform:lowercase;letter-spacing:-.02em}.spin-sub{font-family:DM Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;opacity:.85}.spin:hover{transform:rotate(-3deg) scale(1.035);box-shadow:0 0 0 1px #f0e4cd66,0 0 0 14px #c8391c29,0 26px 55px -22px #000000f2}.spin:active{transform:scale(.965)}.spin:focus-visible{outline:3px solid var(--mustard);outline-offset:6px}.spin[data-spinning=true]{animation:wobble .45s linear infinite;cursor:progress}@keyframes wobble{0%{transform:rotate(-3deg) scale(1.01)}50%{transform:rotate(3deg) scale(1.03)}to{transform:rotate(-3deg) scale(1.01)}}.ticket{border-left:1px solid var(--edge);padding-left:clamp(1.1rem,3vw,2.5rem);min-height:11rem}.ticket-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:DM Mono,ui-monospace,monospace;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase}.ticket-label{color:var(--mustard)}.ticket-count{color:var(--cream-dim)}.ticket-name{font-family:Fraunces,Georgia,serif;font-weight:700;font-variation-settings:"SOFT" 30,"WONK" 1;font-size:clamp(1.65rem,1.1rem + 2.4vw,3.15rem);line-height:1.02;letter-spacing:-.025em;margin:.45rem 0 0;text-wrap:balance}[data-state=spinning] .ticket-name{color:var(--cream-dim);font-style:italic;opacity:.75}[data-state=done] .ticket-name{animation:settle .5s cubic-bezier(.16,1,.3,1)}@keyframes settle{0%{opacity:0;transform:translateY(.25em) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}.ticket-blurb{max-width:var(--measure);margin:.8rem 0 0;color:#ded0b6}[data-state=spinning] .ticket-blurb,[data-state=spinning] .ticket-meta{opacity:.25}.ticket-meta{display:flex;flex-wrap:wrap;gap:.5rem 2.25rem;list-style:none;margin:1.15rem 0 0;padding:0}.ticket-meta li{display:grid;gap:.15rem}.ticket-meta span{font-family:DM Mono,ui-monospace,monospace;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-dim)}.ticket-meta strong{font-family:Fraunces,Georgia,serif;font-weight:400;font-style:italic;font-size:1.02rem;color:var(--mustard)}.again{margin-top:1.4rem;background:none;border:1px solid var(--edge);color:var(--cream-dim);font-family:DM Mono,ui-monospace,monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;padding:.62rem 1.1rem;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.again:hover{color:var(--ink);background:var(--mustard);border-color:var(--mustard)}.again:focus-visible{outline:2px solid var(--mustard);outline-offset:3px}.result{display:grid;grid-template-columns:minmax(0,1fr) clamp(10rem,17vw,16rem);column-gap:clamp(1.25rem,3vw,2.75rem);align-items:start}.ticket,.again{grid-column:1}.plate{grid-column:2;grid-row:1 / span 2;margin:0;transform:rotate(1.4deg)}.plate img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--edge);box-shadow:0 24px 45px -26px #000000f2;filter:saturate(.94) contrast(1.04);animation:settle .5s cubic-bezier(.16,1,.3,1) both}.plate figcaption{margin-top:.55rem;font-family:DM Mono,ui-monospace,monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim)}[data-state=spinning] .plate img{filter:blur(6px) saturate(.7);animation:none}[data-state=spinning] .plate figcaption{opacity:.25}.ledger{padding:clamp(2.5rem,7vw,5rem) 0 clamp(2rem,5vw,3.5rem)}.ledger h2{font-family:Fraunces,Georgia,serif;font-weight:900;font-variation-settings:"SOFT" 40,"WONK" 1;font-size:clamp(2rem,1.2rem + 3vw,3.6rem);line-height:.95;letter-spacing:-.03em;text-transform:lowercase;margin:0;font-style:italic}.ledger-note{margin:.5rem 0 2rem;color:var(--cream-dim);max-width:44ch}.ledger-list{list-style:none;margin:0;padding:0;columns:2;column-gap:clamp(1.5rem,4vw,3.5rem)}.ledger-list li{break-inside:avoid;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.35rem .5rem;align-items:baseline;padding:.62rem 0;border-bottom:1px dotted rgba(240,228,205,.18)}.ledger-list .num{font-family:DM Mono,ui-monospace,monospace;font-size:.66rem;color:var(--olive);letter-spacing:.08em}.ledger-list .title{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:1.02rem;line-height:1.25}.ledger-list li.is-picked .title{color:var(--tomato);font-style:italic}.ledger-list li.is-picked .num:after{content:" ✕";color:var(--tomato)}footer{border-top:1px solid var(--edge);max-width:1400px;margin:0 auto;padding:1.5rem clamp(1.1rem,5vw,4rem) 3rem}footer p{margin:0;max-width:52ch;font-style:italic;color:var(--cream-dim);font-size:.95rem}footer p.colophon{margin-top:1rem;max-width:64ch;font-style:normal;font-size:.8rem;color:#c3b49abf}.colophon code{font-family:DM Mono,ui-monospace,monospace;font-size:.74rem;color:var(--mustard)}@media (max-width: 860px){.hero{grid-template-columns:1fr;align-items:start;gap:1.75rem}.hero-figure{order:-1;transform:rotate(-.8deg)}.standfirst{max-width:none}.machine{grid-template-columns:1fr;justify-items:start;gap:1.5rem}.result{grid-template-columns:minmax(0,1fr)}.plate{grid-column:1;grid-row:auto;max-width:20rem;margin-top:1.5rem}.ticket{border-left:none;border-top:1px solid var(--edge);padding-left:0;padding-top:1.25rem;min-height:0;width:100%}.ledger-list{columns:1}.rule-top .kicker:nth-child(3){display:none}}@media (max-width: 420px){.spin{--size: 8.6rem}.rule-top .kicker:nth-child(2){display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}