*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#0b0b10;color:#f2efe9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:relative;width:100%;height:100%}.jar-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 45%,#fff3e012,#0000 55%),radial-gradient(ellipse 100% 85% at 50% 50%,#0000 45%,#000000b8)}.overlay{position:absolute;left:0;right:0;z-index:10;pointer-events:none;text-align:center}.overlay-top{top:0;padding:clamp(1.5rem,4vh,3rem) 1.5rem 0}.kicker{font-size:.625rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:#f2efe97a;margin-bottom:clamp(.75rem,2vh,1.25rem)}.name{font-family:Bodoni Moda,Didot,Georgia,serif;font-optical-sizing:auto;font-weight:900;font-size:clamp(2.6rem,10vw,8rem);line-height:.9;letter-spacing:.02em;text-transform:uppercase;color:#faf7f2;text-shadow:0 2px 40px rgba(0,0,0,.6)}.rules{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:clamp(.6rem,1.6vh,1.1rem)}.rules:before,.rules:after{content:"";height:1px;width:clamp(2rem,12vw,9rem);background:linear-gradient(to right,#f2efe900,#f2efe973,#f2efe900)}.rules span{font-size:.625rem;font-weight:400;letter-spacing:.34em;text-transform:uppercase;color:#f2efe98c;white-space:nowrap}.overlay-bottom{bottom:0;padding:0 1.5rem clamp(1.5rem,4vh,3rem);display:flex;flex-direction:column;align-items:center;gap:.35rem}.count{font-family:Bodoni Moda,Didot,Georgia,serif;font-optical-sizing:auto;font-weight:700;font-size:clamp(2rem,5vw,3.75rem);line-height:1;letter-spacing:.01em;color:#faf7f2;font-variant-numeric:tabular-nums}.count-label{font-size:.625rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:#f2efe980}.rail{position:absolute;top:50%;z-index:10;pointer-events:none;font-size:.5625rem;font-weight:500;letter-spacing:.46em;text-transform:uppercase;color:#f2efe952;white-space:nowrap}.rail-left{left:clamp(1rem,3vw,2.75rem);transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl}.rail-right{right:clamp(1rem,3vw,2.75rem);transform:translateY(-50%);writing-mode:vertical-rl}@media(max-width:860px){.rail{display:none}}