@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap";
:root{--ink:#0a0a0a;--paper:#efede6;--acid:#dfff00;--muted:#8b8a85;--line:#2c2c2b}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper)}body{background:radial-gradient(circle at 50% 32%,#20211c 0,#0a0a0a 38%);min-height:100vh;margin:0;font-family:Space Mono,monospace}button,a{font:inherit}button{color:inherit}.page-shell{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 34px;display:grid}.logo{color:var(--paper);letter-spacing:-1.8px;font-family:Archivo Black,sans-serif;font-size:24px;text-decoration:none;transform:skew(-4deg)}.logo span{color:var(--acid)}.logo em{letter-spacing:-1px;font-size:13px;font-style:normal}.about-link{color:#a4a49d;letter-spacing:1.8px;border-bottom:1px solid #666;justify-self:end;padding-bottom:3px;font-size:11px;text-decoration:none}.about-link:hover{color:var(--acid)}.live-stats{color:#aaa9a2;letter-spacing:.2px;white-space:nowrap;background:#141412;border:1px solid #393936;border-radius:999px;justify-self:center;align-items:center;gap:8px;min-height:34px;padding:7px 14px;font-size:10px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:flex}.live-stats:hover{color:var(--paper);border-color:#62625d;transform:translateY(-1px)}.live-dot{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 11px #b8d600}.live-stats strong{color:var(--paper)}.live-stats .separator{color:#5d5d58}.live-stats .stats-link{color:var(--paper)}.hero{text-align:center;flex:1;padding:72px 20px 52px;position:relative}.hero:before{content:"";z-index:0;pointer-events:none;border:1px solid #1d1d1a;border-radius:50%;width:460px;height:460px;position:absolute;top:110px;left:50%;transform:translate(-50%);box-shadow:0 0 0 82px #0e0e0c,0 0 0 83px #181815}.hero>*{z-index:1;position:relative}.kicker{color:#b0afa8;letter-spacing:1.8px;justify-content:center;align-items:center;gap:3px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.kicker span{color:var(--acid);margin-right:0}h1{letter-spacing:-.065em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(52px,7vw,92px);line-height:.86;transform:skew(-2deg)}h1 em{color:var(--acid);text-shadow:3px 3px #353b00;font-style:normal}.hero>p{color:#c7c5bd;margin:24px 0 32px;font-size:16px;line-height:1.65}.machine{width:min(640px,100%);min-height:135px;margin:0 auto;position:relative}.confetti-canvas{z-index:50!important;pointer-events:none!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.spin-button{cursor:pointer;background:var(--acid);color:#080808;border:0;font-family:Archivo Black,sans-serif;transition:transform .12s,box-shadow .12s;transform:skew(-3deg);box-shadow:7px 7px #343c00}.spin-button:hover{transform:skew(-3deg)translate(-2px,-2px);box-shadow:10px 10px #343c00}.spin-button:active{transform:skew(-3deg)translate(5px,5px);box-shadow:2px 2px #343c00}.hero-spin{letter-spacing:-2px;justify-content:center;align-items:center;gap:28px;width:280px;height:92px;font-size:42px;display:inline-flex}.hero-spin i{font-family:sans-serif;font-size:31px;font-style:normal}.reel-window{opacity:0;background:var(--paper);width:280px;height:0;color:var(--ink);border:4px solid var(--acid);margin:auto;overflow:hidden}.reel-window.is-spinning{opacity:1;height:92px}.reel-strip{flex-direction:column;font-family:Archivo Black,sans-serif;font-size:42px;line-height:84px;display:flex}.is-spinning .reel-strip{animation:.38s linear infinite reel}@keyframes reel{0%{transform:translateY(-504px)}to{transform:translateY(0)}}.result-card{text-align:left;background:#11110f;border:1px solid #373734;padding:28px 24px 24px;animation:.25s ease-out both slam;position:relative;box-shadow:10px 10px #030303}.price-slap{z-index:3;background:var(--acid);color:#080808;text-align:center;letter-spacing:-1px;border:2px solid #080808;min-width:104px;padding:10px 15px 9px;font-family:Archivo Black,sans-serif;font-size:22px;line-height:1;position:absolute;top:-15px;right:-13px;transform:rotate(3deg);box-shadow:5px 5px #343c00}@keyframes slam{0%{opacity:0;transform:scale(1.08)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-card.clone{border-color:var(--acid)}.clone-drop{z-index:3;position:absolute;top:-12px;left:-10px}.badge{background:var(--acid);color:#090909;letter-spacing:1.3px;padding:6px 9px;font-size:10px;font-weight:700;transform:rotate(1deg)}.identity{align-items:center;gap:16px;margin:22px 0 14px;display:flex}.identity img{background:var(--paper);image-rendering:auto;width:48px;height:48px;padding:7px}.identity>div{flex:1;min-width:0}.eyebrow{color:#92928b;letter-spacing:1.2px;margin:0 0 6px;font-size:10px}.identity h2{overflow-wrap:anywhere;letter-spacing:-2px;text-transform:uppercase;max-width:100%;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(28px,5vw,44px);line-height:1}.identity h2.title-medium{letter-spacing:-1.5px;font-size:clamp(25px,4vw,36px)}.identity h2.title-long{letter-spacing:-1px;font-size:clamp(22px,3.4vw,31px)}.description{color:#d0cec6;margin:0 0 22px;font-size:14px;line-height:1.6}.receipt{background:#0c0c0b;border:1px solid #32322f;display:block}.receipt>div{justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.receipt span{color:#9a9a93;letter-spacing:1.1px;font-size:9px}.receipt strong{color:var(--paper);font-family:Archivo Black,sans-serif;font-size:16px}.roast{color:#aaa9a2;text-align:center;margin:19px 0;font-size:11px;font-style:italic;line-height:1.5}.actions{grid-template-columns:1.4fr 1fr auto;align-items:center;gap:10px;display:grid}.compact{height:49px;font-size:14px;box-shadow:4px 4px #343c00}.compact span{margin-left:8px}.visit,.share{color:#d0cfc7;text-transform:uppercase;letter-spacing:.3px;background:0 0;border:1px solid #565651;justify-content:center;align-items:center;height:49px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.visit:hover,.share:hover{color:var(--acid);border-color:var(--acid)}.share{cursor:pointer;padding:0 14px}.error{color:#ff6d9b!important;font-size:10px!important}.spin-count{color:#92928b;letter-spacing:1.4px;align-items:baseline;gap:9px;width:max-content;margin:24px auto 0;font-size:10px;font-weight:700;display:flex}.spin-stat{align-items:baseline;gap:9px;display:flex}.spin-stat.personal{border-left:1px solid #383835;margin-left:8px;padding-left:17px}.spin-count strong{color:var(--acid);letter-spacing:-1px;font-family:Archivo Black,sans-serif;font-size:20px}.result-page{padding-top:48px}.result-page h1{margin-bottom:28px;font-size:clamp(44px,6vw,70px)}.about-page{flex:1;width:min(980px,100%);margin:auto;padding:90px 28px}.about-page h1{color:var(--acid);font-size:clamp(60px,10vw,120px)}.about-copy{border-left:4px solid var(--acid);color:#cfcdc5;width:min(560px,100%);margin:60px 0 0 auto;padding-left:28px;font-size:16px;line-height:1.75}.about-copy a{color:var(--acid);margin-top:22px;font-weight:700;text-decoration:none;display:inline-block}.about-copy .creator-credit{color:#96968f;text-transform:uppercase;letter-spacing:1px;margin-top:30px;font-size:12px}.about-copy .creator-credit a{border-bottom:1px solid var(--acid);margin:0}footer{border-top:1px solid var(--line);color:#898983;letter-spacing:1.1px;justify-content:space-between;align-items:center;min-height:76px;padding:20px 34px;font-size:10px;line-height:1.5;display:flex}footer p:last-child{text-align:right}@media (max-width:650px){.site-header{grid-template-rows:64px auto;grid-template-columns:1fr auto;height:auto;padding:0 16px 12px}.logo{font-size:21px}.live-stats{grid-area:2/1/auto/-1;padding:6px 12px;font-size:9px}.about-link{grid-area:1/2}.hero{padding:58px 14px 40px}.hero:before{width:310px;height:310px;top:120px;box-shadow:0 0 0 48px #0e0e0c,0 0 0 49px #181815}h1{font-size:50px}.hero>p{font-size:14px;line-height:1.6}.hero-spin{width:240px;height:82px;font-size:36px}.kicker{font-size:10px;line-height:1.5}.result-card{padding:25px 16px 16px}.price-slap{min-width:94px;font-size:19px;top:-13px;right:-3px}.identity h2{font-size:30px}.actions{grid-template-columns:1fr 1fr}.compact{grid-column:1/-1}.share{padding:0 8px}.spin-count{margin-top:20px}.spin-count strong{font-size:18px}footer{padding:18px 16px}.about-page{padding-top:70px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}