*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}img{display:block}button{font:inherit;cursor:pointer}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{background-color:#111113;color:#e5e5e5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.machine{display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:2rem 1rem 3rem;max-width:28rem;margin:0 auto}.machine-header{font-size:1.5rem;font-weight:700;letter-spacing:.04em;color:#f5f5f5;text-align:center;margin-bottom:1.25rem}.controls{width:100%;margin-bottom:1rem}.category-filter{width:100%;padding:.5rem 1rem;border:1px solid #3f3f46;border-radius:.375rem;background-color:#1c1c1e;color:#e5e5e5;font-size:.875rem;font-weight:500;letter-spacing:.05em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a1a1aa' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer}.category-filter:focus{outline:none;box-shadow:0 0 0 2px #111113,0 0 0 4px #d97706}.reel-frame{position:relative;width:100%;height:420px;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#1c1c1e99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0a inset;margin-bottom:1.25rem;transition:box-shadow .4s ease}.reel-frame.landing-glow{box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0a inset,0 0 30px #d977064d,0 0 60px #d9770626}.reel-mask{position:absolute;left:0;right:0;height:3rem;z-index:2;pointer-events:none}.reel-mask--top{top:0;background:linear-gradient(to bottom,rgba(17,17,19,.85),transparent)}.reel-mask--bottom{bottom:0;background:linear-gradient(to top,rgba(17,17,19,.85),transparent)}.reel-track{position:absolute;top:0;left:0;right:0;will-change:transform}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#71717a;font-size:1.125rem;font-weight:300;letter-spacing:.025em;z-index:1}.empty-state[hidden]{display:none!important}.reel-card{display:flex;flex-direction:column;overflow:hidden}.reel-card-image-wrapper{position:relative;height:14rem;background-color:#27272a;overflow:hidden;flex-shrink:0}.reel-card-image-wrapper.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reel-card-image{width:100%;height:14rem;object-fit:cover;display:block}.reel-card-body{flex:1;background-color:#1c1c1e;padding:1.25rem;display:flex;flex-direction:column;gap:.375rem}.reel-card-category{font-size:.8125rem;font-weight:600;letter-spacing:.04em}.reel-card-name{font-size:1.25rem;font-weight:700;color:#f5f5f5;line-height:1.25}.reel-card-attribution{font-size:.75rem;font-weight:300;color:#a1a1aa}.reel-card-description{font-size:.9375rem;color:#a1a1aa;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reel-card.winner{animation:winner-pulse .4s ease-out}@keyframes winner-pulse{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}.spin-button{width:100%;display:flex;justify-content:center;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;letter-spacing:.15em;color:#fff;background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 15px #d977064d,0 1px 3px #0003;transition:transform .1s,box-shadow .2s;position:relative;overflow:hidden}.spin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.spin-button:hover:before{left:100%}.spin-button:hover{box-shadow:0 6px 20px #d9770666,0 1px 3px #0003}.spin-button:focus-visible{outline:none;box-shadow:0 0 0 2px #111113,0 0 0 4px #d97706}.spin-button:active:not(:disabled){transform:scale(.97)}.spin-button:disabled{opacity:.7;cursor:wait}.spin-button.spinning{animation:spin-glow 1s ease-in-out infinite alternate}@keyframes spin-glow{0%{box-shadow:0 4px 15px #d977064d,0 1px 3px #0003}to{box-shadow:0 4px 25px #d9770680,0 0 40px #ca8a0433,0 1px 3px #0003}}@media(min-width:640px){.machine{max-width:32rem}}@media(max-height:700px){.reel-frame{height:380px}.reel-card-image-wrapper,.reel-card-image{height:11rem}}@media(min-height:900px){.reel-frame{height:460px}.reel-card-image-wrapper,.reel-card-image{height:16rem}}