:root{--yellow:#ffe143;--ink:#151512;--orange:#ff6334;--cream:#f6f1dd;--violet:#9361c7;--display:'Anton',Impact,sans-serif;--mono:'Space Mono',monospace;--body:'DM Sans',Arial,sans-serif;--gutter:clamp(1.25rem,2.65vw,3.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--yellow);color:var(--ink);font-family:var(--body);font-size:1.125rem;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--violet);outline-offset:5px}::selection{background:var(--violet);color:var(--cream)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.5rem;height:1.5rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--ink);color:var(--yellow);padding:1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:88px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--ink);position:relative;z-index:10}.wordmark{font-family:var(--display);font-size:clamp(2rem,3.65vw,3.6rem);line-height:1;letter-spacing:-.03em}.desktop-nav{display:flex;gap:clamp(1.5rem,3vw,3rem);align-items:center}.desktop-nav a{font:700 .875rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;position:relative;padding:.5rem 0}.desktop-nav a:after{content:'';height:2px;width:100%;position:absolute;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover:after{transform:scaleX(1)}.button{min-height:58px;display:inline-flex;justify-content:center;align-items:center;gap:1.5rem;padding:.875rem 1.625rem;border:2px solid var(--ink);background:transparent;font:700 1rem/1.3 var(--mono);letter-spacing:.035em;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;position:relative}.button:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--ink)}.button:active{transform:translate(0,0);box-shadow:none}.button .icon{transition:transform .2s}.button:hover .icon{transform:translateX(3px)}.button-orange{background:var(--orange)}.header-cta{min-height:48px;padding:.65rem 1.5rem;font-size:.875rem;gap:1.2rem}.menu-toggle,.mobile-nav{display:none}.hero{min-height:min(54.5vw,840px);position:relative;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:2.5vw var(--gutter) 4vw;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{margin:0;font-family:var(--display);font-size:clamp(5rem,11.08vw,10.65rem);font-weight:400;line-height:1.01;letter-spacing:-.035em;transform:scaleX(.92);transform-origin:left center}.hero h1 span{display:block;width:max-content}.orange{color:var(--orange)}.hero p{margin:1.4rem 0 1.9rem;font:400 clamp(.9rem,1.5vw,1.45rem)/1.5 var(--mono);max-width:46%;letter-spacing:-.035em}.hero-actions{display:flex;gap:1.125rem}.hero-actions .button{min-height:76px;font-size:1.35rem;padding:1rem 1.9rem}.hero-media{position:absolute;inset:0 0 0 43%;z-index:-1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 18%);-webkit-mask-image:linear-gradient(90deg,transparent,black 18%)}.hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.03);animation:machine-enter 1.2s cubic-bezier(.15,.7,.2,1) both}.hero-spark{position:absolute;fill:var(--orange);width:clamp(3rem,6.5vw,6.5rem);height:clamp(3rem,6.5vw,6.5rem);z-index:1;pointer-events:none}.spark-one{top:8%;left:51%;transform:rotate(10deg)}.spark-two{width:2.25rem;height:2.25rem;left:47%;bottom:29%;fill:var(--violet)}.info-strip{background:var(--ink);color:var(--cream);min-height:100px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:1.5rem var(--gutter);font:400 clamp(.75rem,1.1vw,1rem)/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;gap:2rem}.info-strip>*{text-align:center}.info-strip>*+*{border-left:1px solid var(--cream)}.info-strip a:hover{color:var(--yellow)}
@keyframes machine-enter{from{transform:scale(1.09) translateY(12px);opacity:.4}to{transform:scale(1.03);opacity:1}}
.section{padding:5.5rem var(--gutter)}h2,h3,p{margin-top:0}h2{font-family:var(--display);font-weight:400;line-height:1.06;letter-spacing:-.025em}h3{font-family:var(--display);font-weight:400;line-height:1.2;text-transform:uppercase;letter-spacing:.01em}.games{display:grid;grid-template-columns:1.22fr 1fr;gap:5vw;background:var(--ink);color:var(--cream);padding-top:4.5rem;padding-bottom:5rem}.games-intro{display:flex;flex-direction:column;justify-content:space-between}.games h2{color:var(--yellow);font-size:clamp(3rem,7.8vw,9.5rem);margin:0 0 3rem}.games h2 span{display:block;white-space:nowrap}.game-list{list-style:none;padding:0;margin:0}.game-list li{border-bottom:1px solid #f6f1dd55}.machine-trigger{display:flex;align-items:center;gap:1.2rem;width:100%;border:0;background:none;text-align:left;padding:.85rem .25rem;cursor:pointer;font:400 clamp(1.4rem,2vw,2rem)/1.15 var(--display);text-transform:uppercase;transition:color .2s,padding-left .2s}.machine-trigger:hover{color:var(--yellow);padding-left:.8rem}.machine-view{font:400 1.35rem var(--mono);color:var(--yellow);margin-left:auto}.edition+.machine-view{margin-left:0}.lineup-hint{font:400 .75rem/1.5 var(--mono);color:var(--yellow);margin:0 0 1rem}.game-number{color:var(--orange);font:400 .75rem var(--mono);min-width:1.5rem}.game-list small{display:block;font:400 .75rem/1.5 var(--mono);text-transform:none;color:#c9c8b8;letter-spacing:0;padding-top:.35rem}.game-list .edition{margin-left:auto;text-transform:uppercase;font-size:.75rem}.game-price{margin:1.35rem 0 0;font:400 .875rem/1.8 var(--mono);color:#c9c8b8}.game-price strong{color:var(--cream);font-weight:400}.league-info{display:flex;gap:1.5rem;max-width:540px;border-top:1px solid #f6f1dd55;padding-top:2rem}.league-spark{width:70px;height:70px;flex-shrink:0;fill:var(--violet)}.league-info h3{font-size:1.6rem;color:var(--cream);margin:0 0 .75rem}.league-info p{font-size:1.0625rem;line-height:1.6;color:#d2d1c4;margin-bottom:1.25rem}.text-link{display:flex;align-items:center;gap:.85rem;width:fit-content;font:700 .875rem/1.5 var(--mono);letter-spacing:.015em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}.text-link .icon{width:1.1rem;height:1.1rem;transition:transform .2s}.text-link:hover .icon{transform:translate(2px,-2px)}.league-info .text-link{color:var(--yellow)}.free-play{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--yellow);padding:2.75rem var(--gutter);text-align:center;overflow:hidden}.free-play h2{font-size:clamp(2.75rem,7.2vw,8.5rem);line-height:1.15;margin:0;white-space:nowrap;letter-spacing:-.03em}.free-play p{font:700 clamp(.875rem,1.4vw,1.3rem)/1.5 var(--mono);text-transform:uppercase;letter-spacing:.15em;margin:.6rem 0 0}.free-play svg{width:5vw;height:5vw;flex-shrink:0;fill:var(--orange)}.free-play svg:last-child{transform:rotate(20deg)}.drinks{display:grid;grid-template-columns:.88fr 1.12fr;gap:3vw;background:var(--cream);padding-top:4.5rem;padding-bottom:4.5rem}.drinks h2{font-size:clamp(3.5rem,6.2vw,7.5rem);line-height:1.1;margin:0 0 1.1rem;white-space:nowrap}.drinks-intro p{font:400 .875rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0}.drink-menu{display:grid;grid-template-columns:repeat(3,1fr)}.drink{padding:0 1.1rem;text-align:center}.drink+.drink{border-left:1px solid #15151277}.drink h3{font-size:clamp(1.25rem,2vw,2rem);margin:0 0 .75rem}.drink p{font-size:1rem;line-height:1.5;margin:.75rem 0 0}.drink-art{width:100%;aspect-ratio:1;background-image:url('assets/drinks-strip.png');background-size:300% 100%;transition:transform .35s cubic-bezier(.2,.9,.2,1.4)}.cocktail{background-position:left center}.beer{background-position:center}.zero{background-position:right center}.drink:hover .drink-art{transform:rotate(-5deg) translateY(-4px)}.drink:nth-child(2):hover .drink-art{transform:rotate(5deg) translateY(-4px)}.visit{background:var(--orange);padding-top:3.5rem;padding-bottom:1.75rem}.visit-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:2px solid var(--ink);padding-bottom:2.5rem;margin-bottom:3rem}.visit-top h2{font-size:clamp(4rem,8.5vw,10rem);margin:0;line-height:1.1}.button-dark{color:var(--cream);background:var(--ink)}.button-dark:hover{box-shadow:4px 4px 0 var(--cream)}.visit-top .button{flex-shrink:0}.visit-details{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:5vw}.visit-details h3{font-size:1.65rem;margin:0 0 1.25rem}.visit address{font-style:normal;font-size:1.375rem;line-height:1.5;margin-bottom:1.5rem}.visit-address .text-link+.text-link{margin-top:1rem}.visit-hours table{width:100%;border-collapse:collapse;font:400 1rem/1.6 var(--mono)}.visit-hours th{text-align:left;font-weight:400;padding:.6rem 0}.visit-hours td{text-align:right;padding:.6rem 0;white-space:nowrap}.visit-hours tr{border-bottom:1px solid #15151255}.visit-hours tr.today{font-weight:700}.visit-hours tr.today th{font-weight:700}.newsletter p{font-size:1rem;line-height:1.5;margin:0 0 1.3rem}.newsletter label{display:block;font:700 .875rem var(--mono);text-transform:uppercase;margin-bottom:.55rem}.newsletter-row{display:flex}.newsletter input[type=email]{min-width:0;width:100%;border:2px solid var(--ink);border-right:0;border-radius:0;background:transparent;padding:.75rem;font:400 .9375rem var(--mono);color:var(--ink)}.newsletter input::placeholder{color:#332c20;opacity:.85}.newsletter-row .button{min-height:54px;width:58px;padding:.8rem;flex-shrink:0}.newsletter-row .button:hover{transform:none;box-shadow:none;background:#333323}.newsletter-trap{position:absolute;left:-5000px}.newsletter .newsletter-note{font-size:.75rem;margin:.65rem 0 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:2px solid var(--ink);padding-top:1.5rem;margin-top:3.5rem}.footer .wordmark{font-size:2.6rem}.footer p,.footer>span{font:400 .75rem/1.5 var(--mono);text-transform:uppercase;margin:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.section{padding-top:3.5rem;padding-bottom:3.5rem}.games{grid-template-columns:1.15fr 1fr;gap:4vw}.games h2{font-size:7.1vw}.league-info{gap:1rem}.league-spark{width:45px;height:45px}.league-info h3{font-size:1.35rem}.league-info p{font-size:1rem}.drinks{grid-template-columns:1fr;gap:2.5rem}.drinks h2{font-size:7.5vw}.drinks h2 br{display:none}.drinks h2{white-space:normal}.drink-art{max-width:200px;margin:auto}.drink h3{font-size:1.8rem}.drink p{max-width:260px;margin:1rem auto 0}.visit-top h2{font-size:8vw}.visit-top .button{font-size:.8rem;padding:.9rem 1rem;gap:.8rem}.visit-details{gap:3vw;grid-template-columns:1fr 1fr}.newsletter{grid-column:1/-1;max-width:500px;margin-top:1rem}.footer p{display:none}.visit-hours table{max-width:400px}}
@media(max-width:640px){.section{padding:2.75rem var(--gutter)}.games{grid-template-columns:1fr;gap:2.5rem}.games h2{font-size:10.8vw;margin:0 0 2rem}.league-info{gap:1rem;padding-top:1.5rem}.league-info h3{font-size:1.5rem}.league-info p{font-size:1rem}.lineup{margin-top:.5rem}.machine-trigger{font-size:1.65rem;padding:.9rem 0;gap:.9rem}.game-list li:first-child{border-top:1px solid #f6f1dd55}.game-list small{font-size:.75rem}.game-price br{display:none}.game-price{font-size:.8rem}.free-play{gap:.6rem;padding:1.7rem .8rem}.free-play h2{font-size:7.9vw;letter-spacing:-.02em}.free-play p{font-size:.6875rem;letter-spacing:.075em}.free-play svg{width:5vw;height:5vw}.drinks{gap:2rem}.drinks h2{font-size:13vw;line-height:1.1;white-space:normal}.drinks h2 br{display:initial}.drinks-intro p{font-size:.75rem}.drink-menu{grid-template-columns:1fr}.drink{display:grid;grid-template-columns:110px 1fr;column-gap:1.25rem;align-items:center;text-align:left;padding:1.5rem 0}.drink+.drink{border-left:0;border-top:1px solid #15151255}.drink-art{grid-column:1;grid-row:1/3;width:110px;height:110px}.drink h3{grid-column:2;grid-row:1;font-size:1.6rem;align-self:end;margin:0 0 .5rem}.drink p{grid-column:2;grid-row:2;align-self:start;margin:0;max-width:none;font-size:1rem;line-height:1.5}.visit-top{align-items:flex-start;flex-direction:column;gap:1.5rem;padding-bottom:2rem;margin-bottom:2rem}.visit-top h2{font-size:13vw;white-space:nowrap}.visit-top .button{font-size:.875rem;padding:.9rem 1.2rem}.visit-details{grid-template-columns:1fr;gap:2.5rem}.visit-details h3{font-size:1.75rem;margin-bottom:1rem}.visit address{font-size:1.25rem}.visit-hours table{max-width:none;font-size:.9375rem}.newsletter{grid-column:auto;margin-top:0;max-width:none}.newsletter label{font-size:.8125rem}.footer{margin-top:2.5rem;gap:1rem;flex-wrap:wrap}.footer .wordmark{font-size:2.2rem}.footer>span{font-size:.6875rem}}
@media(min-width:1700px){.hero-copy{padding-top:3rem}.hero{min-height:860px}.hero-media{left:47%}.hero p{max-width:43%}}
@media(max-width:900px){.site-header{height:76px}.wordmark{font-size:2.6rem}.desktop-nav{gap:1rem}.desktop-nav a{font-size:.875rem}.header-cta{padding:.6rem 1rem;font-size:.75rem;gap:.5rem}.hero-copy{padding-top:2.5rem;padding-bottom:3rem}.hero p{font-size:.875rem;max-width:50%;margin:1rem 0 1.5rem}.hero-actions .button{min-height:54px;padding:.75rem 1rem;font-size:.875rem;gap:1rem}.hero-media{left:44%}.info-strip{gap:1rem;letter-spacing:.04em;min-height:80px}}
@media(max-width:640px){html{scroll-padding-top:1rem}.site-header{height:74px}.wordmark{font-size:2.35rem}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:2px solid var(--ink);height:40px;width:44px;align-items:center;justify-content:center;padding:0;cursor:pointer}.menu-toggle span{width:19px;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:1rem var(--gutter);border-bottom:2px solid var(--ink);background:var(--yellow)}.mobile-nav a{padding:.65rem 0;font:700 1rem/1.5 var(--mono);text-transform:uppercase}.hero{padding-bottom:71vw}.hero-copy{padding:1.5rem var(--gutter) 0}.hero h1{font-size:15.6vw;line-height:1.025;letter-spacing:-.027em}.hero p{font-size:1rem;line-height:1.6;max-width:100%;margin:1.2rem 0}.hero p br{display:none}.hero-actions{gap:.75rem}.hero-actions .button{font-size:.8rem;min-height:52px;padding:.75rem 1rem;flex:1;gap:.6rem;white-space:nowrap}.hero-actions .icon{width:1.2rem}.hero-media{inset:auto 0 0 0;height:72vw;mask-image:linear-gradient(180deg,transparent,black 14%);-webkit-mask-image:linear-gradient(180deg,transparent,black 14%)}.hero-media img{object-fit:cover;object-position:center 52%}.hero-spark{display:none}.info-strip{grid-template-columns:1fr;padding:1.15rem var(--gutter);gap:.5rem;font-size:.75rem;letter-spacing:.09em}.info-strip>*+*{border:none}.info-strip>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Native modal keeps keyboard focus within the photo viewer. */
body.machine-open{overflow:hidden}
.machine-dialog{width:min(960px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:2px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:10px 10px 0 var(--yellow);overflow:auto}
.machine-dialog::backdrop{background:rgba(10,10,8,.85);backdrop-filter:blur(5px)}
.machine-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.3rem 1.5rem;background:var(--yellow);border-bottom:2px solid var(--ink)}
.machine-kicker{font:700 .6875rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .4rem}
.machine-dialog h2{font-size:clamp(2rem,4vw,3.3rem);text-transform:uppercase;margin:0}
#machine-edition{font:400 .8125rem/1.5 var(--mono);margin:.5rem 0 0}
.machine-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:2px solid var(--ink);background:var(--orange);font:400 2rem/1 var(--body);cursor:pointer}
.machine-close:hover{background:var(--ink);color:var(--yellow)}
.machine-photo-stage{height:min(57dvh,570px);min-height:180px;display:grid;place-items:center;padding:1.25rem;position:relative}
.machine-photo{display:block;max-width:100%;width:100%;height:100%;min-height:0;object-fit:contain}
.machine-photo[hidden],.machine-photo-status[hidden]{display:none}
.machine-photo-status{text-align:center;max-width:30rem;padding:1rem;font:400 .875rem/1.7 var(--mono);margin:0}
.machine-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid #15151233;padding:.9rem 1.5rem;font:400 .6875rem/1.5 var(--mono)}
.machine-dialog-footer p{margin:0}.machine-source{text-decoration:underline;text-underline-offset:3px}.machine-source:hover{color:#7134ad}
@media(max-width:640px){.machine-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);box-shadow:5px 5px 0 var(--yellow)}.machine-dialog-header{padding:1rem;gap:.75rem}.machine-dialog h2{font-size:2rem}.machine-kicker{font-size:.625rem}#machine-edition{font-size:.75rem}.machine-photo-stage{height:48dvh;padding:.65rem}.machine-dialog-footer{padding:.8rem 1rem;align-items:flex-start;font-size:.625rem}.machine-dialog-footer p{max-width:100px}.machine-source{text-align:right}}