@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}@font-face{font-family:Cinzel;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cinzel-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cinzel-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cinzel-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cinzel-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a0908;--bg-elevated:#16120e;--bg-card:#1e1812;--fg:#f3ead8;--fg-muted:#b5a48a;--accent:#d4a017;--accent-hover:#e8c04a;--accent-warm:#e85d04;--ember:#ff6b1a;--ember-deep:#c2410c;--gold:#c9a227;--gold-dim:color-mix(in srgb, var(--gold) 45%, var(--border));--border:#3d3428;--success:#6bcb8f;--danger:#f07178;--shadow:0 16px 48px #0000008c;--radius:8px;--nav-height:64px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--display:"Cinzel", "Times New Roman", Times, serif;--mono:"SF Mono", "Fira Code", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(root){animation:none}html.is-hidden .hub-ember,html.is-hidden .flame-flicker{animation-play-state:paused}.site-wrap{flex-direction:column;min-height:100vh;display:flex}.site-main{width:100%;max-width:1100px;padding:calc(var(--nav-height) + 2rem) 1.5rem 3rem;flex:1;margin:0 auto}.site-main--no-nav{padding-top:2rem}.navbar{z-index:100;height:var(--nav-height);backdrop-filter:blur(12px);border-bottom:1px solid var(--gold-dim);box-shadow:0 1px 0 color-mix(in srgb, var(--gold) 35%, transparent);background:#0a0908e0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-brand{color:var(--fg);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.navbar-brand:hover{color:var(--accent)}.navbar-links{gap:.25rem;list-style:none;display:flex}.navbar-links a{color:var(--fg-muted);border-radius:8px;padding:.5rem .9rem;font-size:.95rem;font-weight:500;transition:background .15s,color .15s;display:block}.navbar-links a:hover,.navbar-links a.active{color:var(--fg);background:var(--bg-elevated)}.navbar-links a.active{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.page-title{letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.page-lead{color:var(--fg-muted);max-width:42rem;margin-bottom:2.5rem;font-size:1.1rem}.page-lead--wide{max-width:56rem}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.site-footer{border-top:1px solid var(--gold-dim);text-align:center;color:var(--fg-muted);flex-direction:column;align-items:center;gap:.4rem;padding:.75rem 1rem;font-size:.7rem;display:flex}.site-footer .social-links{justify-content:center;gap:.35rem;margin:0}.site-footer .social-links a{width:1.5rem;height:1.5rem}.site-footer .social-links svg{width:.85rem;height:.85rem}.site-footer p{margin:0;font-size:.7rem}@media (width<=640px){:root{--nav-height:4.75rem}.navbar{height:auto}.navbar-inner{flex-wrap:wrap;gap:.15rem .5rem;padding-top:.4rem;padding-bottom:.35rem}.navbar-brand{white-space:nowrap;font-size:1rem}.navbar-inner nav{flex:1 0 100%;min-width:0}.navbar-links{justify-content:flex-start}.navbar-links a{white-space:nowrap;padding:.35rem .55rem;font-size:.875rem}}.btn{border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform .12s,background .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gold);color:#1a1408;box-shadow:0 4px 20px #d4a01759}.btn-primary:hover{background:var(--accent-hover);color:#0a1219}.about-content{justify-items:center;gap:2rem;display:grid}.about-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:1.75rem}.about-card--social{text-align:center;max-width:28rem}.about-card--social .social-links{justify-content:center}.about-card--contact{text-align:center;max-width:28rem}.about-card h2{font-family:var(--display);letter-spacing:.06em;margin-bottom:.75rem;font-size:1.15rem}.about-card p+p{margin-top:.75rem}.about-card p{color:var(--fg-muted)}.social-links{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.social-links a{width:2.5rem;height:2.5rem;color:var(--accent);border-radius:.5rem;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.social-links a:hover{color:var(--accent-hover);background-color:color-mix(in srgb, var(--accent) 12%, transparent)}.social-links svg{width:1.35rem;height:1.35rem}.contact-email{justify-content:center;margin-top:.35rem;display:flex}.contact-email__btn{width:2.75rem;height:2.75rem;color:var(--accent);border:1px solid var(--border);background:0 0;border-radius:.5rem;justify-content:center;align-items:center;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.contact-email__btn:hover{color:var(--accent-hover);background-color:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.contact-email__btn svg{width:1.4rem;height:1.4rem}.contact-email__panel{background:var(--bg-elevated);border:1px solid var(--border);width:min(26rem,100%);box-shadow:var(--shadow);border-radius:16px;padding:1.5rem 3rem 1.5rem 1.5rem;animation:.22s slideUp;position:relative;overflow:visible}.contact-email__panel .modal-close{position:absolute;top:.75rem;right:.75rem}.contact-email__message{color:var(--fg-muted);text-align:left;margin:0;line-height:1.55}.contact-email__message a{color:var(--accent);text-underline-offset:.15em;font-weight:600;text-decoration:underline}.contact-email__message a:hover{color:var(--accent-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.projects-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.project-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;padding:1.5rem 1.75rem;transition:border-color .15s,transform .12s,box-shadow .15s;display:block}.project-item:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.project-item h2{font-family:var(--display);letter-spacing:.04em;color:var(--fg);margin-bottom:.4rem;font-size:1.15rem}.project-item p{color:var(--fg-muted);font-size:.95rem}.project-meta{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.tag{font-size:.75rem;font-family:var(--mono);background:var(--bg-card);color:var(--accent);border-radius:6px;padding:.2rem .55rem}.modal-backdrop{z-index:200;backdrop-filter:blur(6px);background:#05080cb8;justify-content:center;align-items:center;padding:1.25rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-elevated);border:1px solid var(--border);width:min(640px,100%);max-height:min(90vh,820px);box-shadow:var(--shadow);border-radius:16px;animation:.22s slideUp;position:relative;overflow:auto}.modal-panel>.modal-close{z-index:2;position:absolute;top:1.1rem;right:1.25rem}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);z-index:1;align-items:flex-start;gap:1rem;padding:1.25rem 3.25rem 1.25rem 1.5rem;display:flex;position:sticky;top:0}.modal-header h2{letter-spacing:-.02em;font-size:1.25rem}.modal-header p{color:var(--fg-muted);margin-top:.25rem;font-size:.9rem}.modal-close{border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--fg);border-radius:8px;flex-shrink:0;place-items:center;font-size:1.25rem;line-height:1;transition:background .15s;display:grid}.modal-close:hover{background:var(--border)}.modal-body{padding:1.5rem}.modal-fullscreen{margin:-.15rem .6rem 0 auto}.modal-panel.is-fullscreen{border:0;border-radius:0;flex-direction:column;width:100%;height:100%;max-height:none;display:flex;overflow:hidden}.modal-panel.is-fill{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}.modal-panel.is-fill>.modal-close{top:calc(1.1rem + env(safe-area-inset-top));right:calc(1.25rem + env(safe-area-inset-right))}.modal-panel.is-fullscreen .standalone-app{width:min(100%,36rem);margin-inline:auto}.modal-panel.is-fullscreen .modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto;container:project-stage/size}.modal-panel.is-fullscreen .modal-header p{display:none}.modal-panel.is-fullscreen .modal-body>*{flex:1 0 auto;width:100%;min-height:100%;margin:0}.modal-panel.is-fullscreen .fire-app{--fire-width:min(100%, max(calc(48vh * 4 / 3), calc((100cqh - 23.5rem) * 4 / 3)))}.modal-panel.is-fullscreen .paint-app{--paint-width:min(100%, max(calc(52vh * 4 / 3), calc((100cqh - 8.75rem) * 4 / 3)))}.modal-panel.is-fullscreen .paint-app:has(.paint-room){--paint-width:min(100%, max(calc(48vh * 4 / 3), calc((100cqh - 11.75rem) * 4 / 3)))}.modal-panel.is-fullscreen .wheel-app{justify-content:center}.modal-panel.is-fullscreen .wheel-wrap{width:min(100%,max(380px,100cqh - 12rem));max-width:none;container-type:inline-size}.modal-panel.is-fullscreen .wheel-center{width:clamp(48px,13cqi,104px);height:clamp(48px,13cqi,104px)}.modal-panel.is-fullscreen .wheel-pointer{border-top-width:clamp(22px,5.2cqi,40px);border-left-width:clamp(12px,3cqi,22px);border-right-width:clamp(12px,3cqi,22px)}.modal-panel.is-fullscreen .coin-app{justify-content:center;padding:2.75rem 0 .5rem;position:relative}.modal-panel.is-fullscreen .coin-top{z-index:5;width:auto;position:absolute;top:0;right:0}.modal-panel.is-fullscreen .coin-stage{zoom:clamp(1, min(calc((100cqh - 12rem) / 220px), calc((100cqw - 2rem) / 260px)), 6);flex:none;width:200px;min-height:200px}.modal-panel.is-fullscreen .coin-app:has(.chance-chart) .coin-stage,.modal-panel.is-fullscreen .coin-app:has(.coin-debug) .coin-stage{zoom:clamp(1, min(calc((100cqh - 26rem) / 220px), calc((100cqw - 2rem) / 260px)), 3.5)}.modal-panel.is-fullscreen .coin-result{font-size:clamp(1.15rem,3.2cqh,2rem)}.modal-panel.is-fullscreen .chance-chart,.modal-panel.is-fullscreen .coin-debug{width:min(100%,46rem)}@container project-stage (width>=64rem){.modal-panel.is-fullscreen .fire-app{--fire-width:min(calc(100cqw - 23.5rem), calc((100cqh - .75rem) * 4 / 3));grid-template-rows:1fr auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr) 22rem;align-content:stretch;place-items:stretch stretch;gap:.85rem 1.5rem;height:100%;min-height:0;display:grid}.modal-panel.is-fullscreen .fire-scene{grid-area:1/1/-1;place-self:center;max-height:100%}.modal-panel.is-fullscreen .fire-piles{grid-area:2/2;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.modal-panel.is-fullscreen .fire-status{grid-area:3/2}.modal-panel.is-fullscreen .fire-strike{grid-area:4/2;width:100%}.modal-panel.is-fullscreen .fire-actions{grid-area:5/2}.modal-panel.is-fullscreen .paint-app{--paint-width:min(100%, calc((100cqh - .5rem) * 4 / 3));grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:22rem minmax(0,1fr);place-items:start stretch;gap:.75rem 1.5rem;height:100%;min-height:0;display:grid}.modal-panel.is-fullscreen .paint-toolbar,.modal-panel.is-fullscreen .paint-palette,.modal-panel.is-fullscreen .paint-room{grid-column:1;justify-content:flex-start;width:100%;max-width:100%}.modal-panel.is-fullscreen .paint-toolbar{flex-direction:column;grid-row:1;align-items:stretch}.modal-panel.is-fullscreen .paint-toolbar .paint-group,.modal-panel.is-fullscreen .paint-size{width:100%;max-width:100%}.modal-panel.is-fullscreen .paint-size input{flex:1;width:auto;min-width:0}.modal-panel.is-fullscreen .paint-settings{align-self:flex-end}.modal-panel.is-fullscreen .paint-palette{grid-row:2}.modal-panel.is-fullscreen .paint-room{grid-row:3}.modal-panel.is-fullscreen .paint-stage{grid-area:1/2/-1;place-self:center;width:auto;max-width:none;height:min(100cqh - .5rem,75cqw - 17.625rem)}.modal-panel.is-fullscreen .wheel-app{grid-template-rows:auto 1fr auto auto auto 1fr;grid-template-columns:minmax(0,1fr) 22rem;place-content:stretch;place-items:center stretch;gap:.85rem 1.5rem;height:100%;min-height:0;display:grid}.modal-panel.is-fullscreen .wheel-wrap{grid-area:1/1/-1;place-self:center;width:min(100cqw - 23.5rem,100cqh - 3.5rem)}.modal-panel.is-fullscreen .wheel-toolbar{grid-area:1/2;justify-self:end;position:static}.modal-panel.is-fullscreen .wheel-location{grid-area:3/2}.modal-panel.is-fullscreen .wheel-status{grid-area:4/2}.modal-panel.is-fullscreen .wheel-result{grid-area:5/2}}@media (width<=520px){.modal-panel{max-height:95vh}.modal-body{padding:1rem 1rem 1.25rem}.modal-header{padding:1rem 3rem 1rem 1.1rem}.modal-panel>.modal-close{top:.85rem;right:.85rem}.modal-panel.is-fill>.modal-close{top:calc(.85rem + env(safe-area-inset-top));right:calc(.85rem + env(safe-area-inset-right))}}.project-loading{color:var(--fg-muted);text-align:center;padding:2rem 0}.ornate-frame{border:1px solid var(--gold-dim);background:linear-gradient(var(--gold), var(--gold)) top left / 16px 2px no-repeat, linear-gradient(var(--gold), var(--gold)) top left / 2px 16px no-repeat, linear-gradient(var(--gold), var(--gold)) top right / 16px 2px no-repeat, linear-gradient(var(--gold), var(--gold)) top right / 2px 16px no-repeat, linear-gradient(var(--gold), var(--gold)) bottom left / 16px 2px no-repeat, linear-gradient(var(--gold), var(--gold)) bottom left / 2px 16px no-repeat, linear-gradient(var(--gold), var(--gold)) bottom right / 16px 2px no-repeat, linear-gradient(var(--gold), var(--gold)) bottom right / 2px 16px no-repeat, var(--bg-elevated);position:relative}.ornate-frame:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);pointer-events:none;position:absolute;inset:5px}.page-title{font-family:var(--display);letter-spacing:.04em;font-weight:700}.section-label{font-family:var(--display);color:var(--gold);letter-spacing:.18em}.navbar-brand{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase}.skip-control{z-index:10050;pointer-events:auto;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);background:color-mix(in srgb, var(--bg) 72%, transparent);border:1px solid var(--gold-dim);cursor:pointer;padding:.45rem .85rem;font-size:.7rem;position:fixed;bottom:1.25rem;right:1.25rem}.skip-control:hover{color:var(--bg);background:var(--gold)}@media (prefers-reduced-motion:reduce){.hub-ember,.flame-flicker{animation:none!important}}.site-main--hub{max-width:none;min-height:calc(100vh - 4.5rem);padding:0;display:flex}.hub{padding:calc(var(--nav-height) + 1.5rem) 1.5rem 3rem;min-height:inherit;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:relative;overflow:hidden}.hub__embers{pointer-events:none;position:absolute;inset:0}.hub-ember{background:var(--ember);width:4px;height:4px;box-shadow:0 0 8px var(--ember);opacity:0;border-radius:50%;animation:4.8s linear infinite ember-rise;position:absolute;bottom:8%}.hub-ember--1{animation-duration:5.2s;animation-delay:.2s;left:12%}.hub-ember--2{width:3px;height:3px;animation-duration:4.4s;animation-delay:.8s;left:28%}.hub-ember--3{animation-duration:6s;animation-delay:.1s;left:47%}.hub-ember--4{width:5px;height:5px;animation-duration:4.1s;animation-delay:1.4s;left:63%}.hub-ember--5{animation-duration:5.6s;animation-delay:.6s;left:78%}.hub-ember--6{width:3px;height:3px;animation-duration:4.7s;animation-delay:1.1s;left:91%}.hub-ember:nth-child(7){animation-delay:2.1s;left:18%}.hub-ember:nth-child(8){animation-delay:2.8s;left:34%}.hub-ember:nth-child(9){animation-delay:1.7s;left:52%}.hub-ember:nth-child(10){animation-delay:3.2s;left:70%}.hub-ember:nth-child(11){animation-delay:3.8s;left:8%}.hub-ember:nth-child(12){animation-delay:2.4s;left:85%}.hub-ember:nth-child(13){animation-delay:4.1s;left:41%}.hub-ember:nth-child(14){animation-delay:.4s;left:57%}.hub-ember:nth-child(15){animation-delay:3.6s;left:73%}.hub-ember:nth-child(16){animation-delay:4.6s;left:22%}.hub-ember:nth-child(17){animation-delay:1.9s;left:66%}.hub-ember:nth-child(18){animation-delay:2.9s;left:95%}@keyframes ember-rise{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:.9}to{opacity:0;transform:translateY(-72vh)scale(.4)}}.hub__fire{filter:drop-shadow(0 12px 28px #e85d0459);z-index:1;width:min(280px,58vw)}.hub__fire-svg{width:100%;height:auto}.flame-layer{transform-box:fill-box;transform-origin:50% 100%}.hub__title{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);text-shadow:0 0 24px #d4a01759;z-index:1;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700}.hub__portals{z-index:1;grid-template-columns:repeat(2,minmax(0,16rem));gap:1.25rem;width:min(36rem,100%);display:grid}.hub-portal{color:var(--fg);flex-direction:column;align-items:center;gap:.35rem;padding:1.1rem 1rem 1.2rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.hub-portal:hover{color:var(--fg);box-shadow:0 0 0 1px var(--gold), var(--shadow);transform:translateY(-4px)}.hub-portal__art{width:100%;height:5.5rem;color:var(--fg);display:block}.hub-portal__art--beer{height:6.2rem}.hub-portal__label{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem}.hub-portal__hint{color:var(--fg-muted);font-size:.75rem}html[data-intro=playing] .navbar{opacity:0;pointer-events:none;transform:translateY(-100%)}html[data-intro=playing] .site-footer{opacity:0;pointer-events:none}.navbar,.site-footer{transition:opacity .35s,transform .35s}html[data-intro=playing] .hub__title,html[data-intro=playing] .hub__portals,html[data-intro=playing] .flame-layer,html[data-intro=playing] .flame-glow,html[data-intro=playing] .flame-spark{opacity:0}@media (width<=600px){.hub__portals{grid-template-columns:1fr;max-width:18rem}}.transition-shell{z-index:10000;pointer-events:none;position:fixed;inset:0}.transition-overlay{z-index:10000;pointer-events:none;visibility:hidden;opacity:0;position:fixed;inset:0;overflow:hidden}.transition-seq{opacity:0;visibility:hidden;position:absolute;inset:0}.speed-lines{pointer-events:none;flex-direction:column;justify-content:space-evenly;display:flex;position:absolute;inset:18% 0}.speed-line{opacity:.55;background:linear-gradient(90deg,#0000,#f3ead8b3,#0000);width:42%;height:2px;margin-left:8%;display:block}.speed-line:nth-child(odd){width:58%;margin-left:22%}.speed-line:nth-child(3n){width:28%;margin-left:48%}.delorean-stage{filter:drop-shadow(0 18px 24px #00000073);width:clamp(240px,24vw,820px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.delorean-wrap{width:100%}.delorean-svg{aspect-ratio:512/220;color:#e8eef2;width:100%;height:auto;display:block}.fire-tracks{z-index:1;pointer-events:none;width:100%;height:clamp(1.2rem,1.7vw,2.8rem);position:absolute;top:calc(50% + clamp(.7rem,1.35vw,2.1rem));left:0;right:0}.fire-tracks[data-dir="-1"] .fire-track--glow{background:linear-gradient(90deg,#fbbf24 0%,#ff6b1ae6 45%,#ff6b1a33 88%,#0000 100%)}.fire-tracks[data-dir="-1"] .fire-track--core{background:linear-gradient(90deg,#fff7ed 0%,#fde68a 60%,#0000 100%)}.fire-track{border-radius:999px;position:absolute;left:0;right:0}.fire-track--rear{top:.1rem}.fire-track--front{top:.8rem}.fire-track--glow{filter:blur(4px);background:linear-gradient(90deg,#0000 0%,#ff6b1a33 12%,#ff6b1ae6 55%,#fbbf24 100%);height:clamp(.55rem,.85vw,1.2rem);box-shadow:0 0 16px 3px #ff6b1a8c}.fire-track--core{background:linear-gradient(90deg,#0000 0%,#fde68a 40%,#fff7ed 100%);height:clamp(.2rem,.32vw,.42rem);margin-top:clamp(.18rem,.28vw,.36rem);box-shadow:0 0 8px 2px #fbbf24}.transition-flash{z-index:2;opacity:0;background:radial-gradient(90% 80% at 100%,#fff8e7 0%,#ffb347 22%,#ff6b1a 42%,#0000 70%);width:min(46vw,820px);position:absolute;inset:0 0 0 auto}.transition-flash[data-dir="-1"]{background:radial-gradient(90% 80% at 0%,#fff8e7 0%,#ffb347 22%,#ff6b1a 42%,#0000 70%);left:0;right:auto}.beer-cover{display:none}.beer-stream{filter:blur(.3px);z-index:2;background:linear-gradient(#e8a02000 0%,#e8a020 30%,#c45e12 100%);border-radius:8px;width:clamp(18px,2.2vw,36px);height:32%;margin-left:calc(clamp(18px,2.2vw,36px)/-2);position:absolute;top:0;left:50%}.beer-glass-stage{z-index:2;width:clamp(280px,38vw,640px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beer-glass-wrap{width:100%}.beer-svg{width:100%;height:auto}.ember-curtain{background:linear-gradient(90deg,#1a0800 0%,#7c1d12 18%,#c2410c 42%,#ff6b1a 68%,#fbbf24 86%,#fff3c4 100%);position:absolute;inset:0;box-shadow:0 0 40px #ff6b1a}.transition-shell[data-playing=true] .transition-overlay{pointer-events:auto}html[data-enter=mug] [data-page-item],html[data-enter=blast] [data-page-item]{opacity:0;visibility:hidden}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}