:root{--felt:#0d3b2e;--felt-2:#145240;--paper:#f4ecd8;--ink:#1d1a16;--red:#d7263d;--gold:#f2c14e}*{box-sizing:border-box;margin:0}html{background:var(--felt)}body{min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse at 50% 20%, var(--felt-2), transparent 70%), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), var(--felt);font-family:Courier Prime,ui-monospace,monospace;overflow-x:hidden}.marquee{background:var(--gold);border-bottom:3px solid var(--ink);letter-spacing:.12em;white-space:nowrap;padding:6px 0;font-family:Bowlby One SC,sans-serif;font-size:13px;overflow:hidden}.marquee span{animation:22s linear infinite scroll;display:inline-block}@keyframes scroll{to{transform:translate(-50%)}}main{max-width:460px;margin:0 auto;padding:28px 16px 48px}header{text-align:center}h1{color:var(--gold);text-shadow:4px 4px 0 var(--red), 8px 8px 0 var(--ink);font-family:Bowlby One SC,sans-serif;font-size:clamp(64px,22vw,104px);font-weight:400;line-height:.9;transform:rotate(-3deg)}.edition{min-height:1em;color:var(--paper);letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-top:14px;font-size:13px;font-weight:700}.ball{background:radial-gradient(circle at 35% 30%, #fffaf0, var(--paper) 45%, #d9cdb0 100%);border:4px solid var(--ink);border-radius:50%;place-items:center;width:230px;height:230px;margin:30px auto 10px;animation:.7s cubic-bezier(.3,1.6,.5,1) both drop;display:grid;position:relative;box-shadow:8px 10px #00000059}.ball:before{content:"";border:3px dashed var(--red);opacity:.5;border-radius:50%;position:absolute;inset:26px}.ball.rolling{animation:.25s ease-in-out infinite alternate wobble}.ball.rolling .score{opacity:.55}.ball.landed{animation:.45s cubic-bezier(.3,1.8,.5,1) land}@keyframes drop{0%{opacity:0;transform:translateY(-120px)rotate(-90deg)}}@keyframes wobble{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes land{0%{transform:scale(1.12)}}.score{color:var(--red);font-variant-numeric:tabular-nums;font-family:Bowlby One SC,sans-serif;font-size:68px;line-height:1}.out-of{font-size:18px;font-weight:700;position:absolute;bottom:52px}.ticket-wrap{min-height:40px;margin-top:34px;position:relative}.ticket{background:var(--paper);filter:drop-shadow(6px 8px #00000059);padding:26px 20px;font-size:15px;line-height:1.55;-webkit-mask:radial-gradient(7px at 50% 0,#0000 98%,#000) top/18px 51% repeat-x,radial-gradient(7px at 50% 100%,#0000 98%,#000) bottom/18px 51% repeat-x;mask:radial-gradient(7px at 50% 0,#0000 98%,#000) top/18px 51% repeat-x,radial-gradient(7px at 50% 100%,#0000 98%,#000) bottom/18px 51% repeat-x}.line{white-space:pre-wrap;overflow-wrap:anywhere;opacity:0;animation:.25s steps(3,end) forwards print;animation-delay:calc(.15s + var(--i) * .1s);display:block}.line:first-child{font-size:17px;font-weight:700}.line:empty{height:1.55em}.line:last-child{color:var(--red)}@keyframes print{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.stamp{border:4px double var(--red);color:var(--red);text-transform:uppercase;background:#f4ecd8d9;padding:6px 12px;font-family:Bowlby One SC,sans-serif;font-size:20px;animation:.35s cubic-bezier(.2,2,.4,1) 1.3s both stamp;position:absolute;top:-22px;right:-6px;transform:rotate(8deg)}@keyframes stamp{0%{opacity:0;transform:rotate(8deg)scale(3)}}.actions{gap:14px;margin-top:30px;display:grid}button{font:inherit;letter-spacing:.04em;color:var(--ink);background:var(--gold);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);cursor:pointer;padding:16px;font-family:Bowlby One SC,sans-serif;font-size:22px;transition:transform 80ms,box-shadow 80ms}button:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}button:disabled{opacity:.5;cursor:wait}button.done{background:var(--paper)}.next{text-align:center;color:var(--paper);opacity:.6;font-size:13px}footer{text-align:center;color:var(--paper);opacity:.55;margin-top:40px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:0s!important;animation-delay:0s!important}}