:root{--marquee-inset:30px;--marquee-surface:#101a1b;--marquee-edge:color-mix(in srgb,var(--cyan) 22%,var(--line))}.site-shell>header.studio-header{min-height:98px;padding:12px var(--marquee-inset) 0;border:1px solid var(--marquee-edge);background:var(--marquee-surface);border-top:0;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;position:relative}.site-shell:has(.studio-hero)>header.studio-header{border-bottom:0}.marquee-stripe{background:linear-gradient(90deg,var(--cyan) 0 64%,var(--amber) 64% 80%,var(--marquee-edge) 80%);height:4px;position:absolute;inset:0 0 auto}.site-shell>header.studio-header .brand{letter-spacing:.08em;min-height:60px;color:var(--studio-ink);gap:12px;font-size:27px}.brand-mascot{background:var(--cyan);color:#101a1b;width:46px;height:46px;box-shadow:3px 3px 0 color-mix(in srgb,var(--cyan) 22%,transparent);place-items:center;display:grid}.site-shell>header.studio-header .brand-mascot .pixel-buddy{color:#101a1b;width:29px;height:29px;animation:none}.brand-mascot .pixel-buddy path:nth-child(2){fill:var(--cyan)}.site-shell>header.studio-header .brand-sub{font:7px/1.5 var(--mono);color:var(--muted);letter-spacing:.09em;margin-top:6px}.site-shell>header.studio-header .main-navigation{background:0 0;border:0;grid-area:1/2;justify-self:end;gap:4px;padding:0;display:flex}.site-shell>header.studio-header .main-navigation a{min-height:48px;color:var(--muted);font:11px var(--mono);box-shadow:none;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:0 15px;display:flex;position:relative}.site-shell>header.studio-header .main-navigation a>span{color:inherit;font:inherit;display:inline}.site-shell>header.studio-header .main-navigation a .nav-index{font:8px var(--mono);opacity:.5;display:inline}.site-shell>header.studio-header .header-actions{border-left:1px solid var(--marquee-edge);grid-area:1/3;gap:12px;padding-left:20px}.site-shell>header.studio-header .retro-toggle{min-height:44px;font:10px var(--mono);box-shadow:none;background:0 0;border:0;padding:0 6px}.site-shell>header.studio-header .retro-toggle i{background:0 0;border:0;font-size:7px}.site-shell>header.studio-header .retro-toggle[aria-pressed=true] i{color:var(--cyan)}.site-shell>header.studio-header .save-games-button{border-color:var(--marquee-edge);background:0 0;min-height:44px;font-size:10px}.site-shell>header.studio-header .studio-menu-trigger{background:color-mix(in srgb,var(--cyan) 6%,transparent);border-color:var(--marquee-edge);color:var(--cyan);display:none}.site-shell>main>section.studio-hero{border:1px solid var(--marquee-edge);padding:36px var(--marquee-inset) 38px;background-color:var(--marquee-surface);background-image:radial-gradient(color-mix(in srgb,var(--cyan) 8%,transparent) .7px,transparent .7px);background-size:14px 14px;border-top:0;margin:0 0 30px;position:relative}.site-shell>main>section.studio-hero:after{content:"+";font:12px var(--mono);color:var(--marquee-edge);pointer-events:none;position:absolute;bottom:6px;right:10px}.site-shell>main>section.studio-hero>*{min-width:0}.site-shell>main>section.studio-hero .eyebrow{color:var(--muted)}.site-shell>main>section.studio-hero.history-intro{align-items:flex-end}.site-shell>main>section.studio-hero.history-intro h1{font-size:clamp(44px,5vw,72px)}.site-shell>main>section.studio-hero.scores-intro h1{font-size:clamp(44px,5.3vw,76px)}.site-shell>main>section.studio-hero .record-monument{padding-block:14px}@media (hover:hover){.site-shell>header.studio-header .main-navigation a:hover{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 4%,transparent)}.site-shell>header.studio-header .brand:hover .brand-mascot{box-shadow:3px 5px 0 color-mix(in srgb,var(--cyan) 22%,transparent);translate:0 -2px}}@media (width<=1100px){:root{--marquee-inset:24px}.site-shell>header.studio-header{gap:12px}.site-shell>header.studio-header .brand{gap:10px;font-size:24px}.site-shell>header.studio-header .main-navigation a{padding-inline:11px}.site-shell>header.studio-header .header-actions{gap:6px;padding-left:12px}.site-shell>header.studio-header .retro-toggle i{display:none}}@media (width<=900px) and (width>=761px){.site-shell>header.studio-header .brand{font-size:20px}.site-shell>header.studio-header .brand-sub{font-size:5px}.site-shell>header.studio-header .main-navigation a{gap:0;padding-inline:9px}.site-shell>header.studio-header .main-navigation a .nav-index{display:none}.site-shell>header.studio-header .save-games-button--compact{justify-content:center;width:44px;padding:0}.site-shell>header.studio-header .save-games-button--compact>span{display:none}}@media (width<=760px){:root{--marquee-inset:18px}.site-shell>header.studio-header{min-height:80px;padding:calc(8px + env(safe-area-inset-top)) var(--marquee-inset) 0;grid-template-columns:minmax(0,1fr) auto;gap:8px}.site-shell>header.studio-header .brand{gap:9px;min-height:64px;font-size:22px}.brand-mascot{width:34px;height:36px;box-shadow:2px 2px 0 color-mix(in srgb,var(--cyan) 22%,transparent)}.site-shell>header.studio-header .brand-mascot .pixel-buddy{width:24px;height:24px}.site-shell>header.studio-header .brand-sub{letter-spacing:.04em;margin-top:4px;font-size:5px}.site-shell>header.studio-header .header-actions{border:0;grid-column:2;gap:3px;padding:0}.site-shell>header.studio-header .main-navigation,.site-shell>header.studio-header .account-slot{display:none}.site-shell>header.studio-header .retro-toggle{min-width:44px;padding:0 5px;font-size:9px}.site-shell>header.studio-header .retro-toggle>svg{display:none}.site-shell>header.studio-header .studio-menu-trigger{display:flex}.site-shell>main>section.studio-hero{padding:28px var(--marquee-inset) 30px;margin-bottom:24px}.site-shell>main>section.studio-hero.intro h1{font-size:clamp(31px,8.5vw,54px)}.site-shell>main>section.studio-hero .intro-description{max-width:250px;font-size:12px;line-height:1.7}.site-shell>main>section.studio-hero .title-star{margin-left:6px;font-size:19px}.site-shell>main>section.studio-hero.history-intro{align-items:flex-start}.site-shell>main>section.studio-hero.history-intro h1,.site-shell>main>section.studio-hero.scores-intro h1{font-size:clamp(35px,9vw,54px)}.site-shell>main>section.studio-hero.history-intro>.primary-button{width:100%}.site-shell>main>section.studio-hero .record-monument{border-left:0;border-top:1px solid var(--marquee-edge);padding-top:20px;padding-left:0}}@media (width<=360px){:root{--marquee-inset:14px}.site-shell>header.studio-header .brand{gap:7px;font-size:18px}.site-shell>header.studio-header .brand-sub{font-size:4px}.brand-mascot{width:27px;height:32px}.site-shell>header.studio-header .brand-mascot .pixel-buddy{width:21px;height:21px}.site-shell>header.studio-header .studio-menu-trigger{width:44px}.site-shell>main>section.studio-hero.intro h1{font-size:29px}.site-shell>main>section.studio-hero .intro-description{font-size:11px}}html[data-retro=true]{--marquee-surface:var(--console-panel);--marquee-edge:var(--line)}html[data-retro=true] body:has(.studio-header):before{display:none}html[data-retro=true] .marquee-stripe{background:var(--console-stripes);height:8px}html[data-retro=true] .site-shell>header.studio-header .brand{font-size:19px}html[data-retro=true] .site-shell>header.studio-header .brand-sub{font-size:5px}html[data-retro=true] .site-shell>header.studio-header .brand-mascot .pixel-buddy{color:var(--console-ink)}html[data-retro=true] .site-shell>header.studio-header .main-navigation a{padding-inline:12px;font-size:10px}html[data-retro=true] .site-shell>header.studio-header .retro-toggle{font-size:9px}html[data-retro=true] .site-shell>main>section.studio-hero{background-image:none}html[data-retro=true] .site-shell>main>section.studio-hero h1{font-size:clamp(23px,3.3vw,40px);line-height:1.5}html[data-retro=true] .site-shell>main>section.studio-hero .record-monument{padding:20px}@media (width<=1100px) and (width>=761px){html[data-retro=true] .site-shell>header.studio-header .brand{font-size:15px}html[data-retro=true] .site-shell>header.studio-header .main-navigation a{padding-inline:9px;font-size:9px}html[data-retro=true] .site-shell>header.studio-header .main-navigation a .nav-index{display:none}}@media (width<=760px){html[data-retro=true] .site-shell>header.studio-header .brand{font-size:14px}html[data-retro=true] .site-shell>header.studio-header .brand-sub{font-size:4px}html[data-retro=true] .site-shell>header.studio-header .retro-toggle{font-size:8px}html[data-retro=true] .site-shell>main>section.studio-hero h1{font-size:clamp(20px,5.4vw,30px)}html[data-retro=true] .site-shell>main>section.studio-hero .intro-description{font-size:9px}}@media (width<=360px){html[data-retro=true] .site-shell>header.studio-header .brand{font-size:11px}html[data-retro=true] .site-shell>header.studio-header .brand-sub{display:none}html[data-retro=true] .site-shell>main>section.studio-hero h1{font-size:18px}}@media (prefers-reduced-motion:reduce){.site-shell>header.studio-header .brand:hover .brand-mascot{translate:none}}.arcade-toy{width:240px;color:var(--cyan);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 240px;align-self:center;align-items:center;padding:0;display:flex}.arcade-toy-art{width:100%;height:auto;display:block;overflow:visible}.arcade-toy-caption{font:7px/1.6 var(--mono);letter-spacing:.13em;color:var(--muted);align-items:center;gap:12px;display:flex}.toy-shadow{fill:var(--cyan);opacity:.07}.toy-body{fill:color-mix(in srgb,var(--cyan) 8%,var(--marquee-surface));stroke:var(--cyan);stroke-opacity:.65}.toy-side{fill:color-mix(in srgb,var(--cyan) 17%,var(--marquee-surface));stroke:var(--cyan);stroke-opacity:.45}.toy-top,.toy-deck{fill:color-mix(in srgb,var(--cyan) 23%,var(--marquee-surface));stroke:var(--cyan);stroke-opacity:.6}.toy-trim{stroke:var(--cyan);stroke-opacity:.3}.toy-name{fill:var(--cyan);font:7px var(--mono);letter-spacing:1px}.toy-screen-frame{fill:var(--cyan);fill-opacity:.18;stroke:var(--cyan);stroke-opacity:.4}.toy-screen{fill:#090f10}.toy-net{stroke:var(--cyan);stroke-opacity:.2}.toy-paddle{stroke:var(--cyan);stroke-width:3px}.toy-paddle--opponent{stroke:var(--amber)}.toy-ball{fill:var(--cyan)}.toy-joystick{stroke:var(--cyan);stroke-width:2px}.toy-knob,.toy-button{fill:var(--amber)}.toy-button--second{fill:var(--cyan)}.toy-slot{fill:#090f10;stroke:var(--cyan);stroke-opacity:.3}.toy-slot-detail{stroke:var(--amber);stroke-width:2px}.toy-feet{fill:var(--cyan);fill-opacity:.3}.toy-token-edge{fill:color-mix(in srgb,var(--amber) 30%,var(--marquee-surface));stroke:var(--amber)}.toy-token-face{fill:var(--marquee-surface);stroke:var(--amber)}.toy-token-mark{fill:var(--amber)}.toy-spark{stroke:var(--cyan);stroke-width:1.5px}.toy-spark-two{stroke:var(--amber)}.toy-orbit{stroke:var(--cyan);stroke-opacity:.4}.toy-float{animation:2.2s ease-in-out 2 toy-bob}.toy-token{animation:2.2s ease-in-out 2 toy-token-hop}.toy-ball{animation:2.2s linear 2 toy-rally}.toy-paddle-left{animation:2.2s ease-in-out 2 toy-left-return}.toy-paddle-right{animation:2.2s ease-in-out 2 toy-right-return}.toy-spark{animation:2.2s ease-in-out 2 toy-sparkle}@keyframes toy-bob{50%{transform:translateY(-5px)}}@keyframes toy-token-hop{50%{transform-origin:217px 67px;transform:translateY(-13px)rotate(9deg)}}@keyframes toy-rally{0%,to{transform:translate(0)}25%{transform:translate(29px,-14px)}50%{transform:translate(58px)}75%{transform:translate(29px,18px)}}@keyframes toy-left-return{25%{transform:translateY(-6px)}75%{transform:translateY(9px)}}@keyframes toy-right-return{25%{transform:translateY(7px)}75%{transform:translateY(-7px)}}@keyframes toy-sparkle{50%{opacity:.2}}@media (hover:hover){.arcade-toy:hover .toy-screen-frame{fill-opacity:.3}.arcade-toy:hover .arcade-toy-caption{color:var(--cyan)}}@media (width<=1100px) and (width>=761px){.arcade-toy{flex-basis:190px;width:190px}}@media (width<=760px){.site-shell>main>section.studio-hero.intro{grid-template-columns:minmax(0,1fr) 100px;gap:0 10px;padding-bottom:20px;display:grid}.studio-hero .intro-copy{display:contents}.studio-hero .intro-copy>.eyebrow,.studio-hero .intro-copy>h1{grid-column:1/-1}.studio-home .studio-hero>.arcade-toy{grid-area:3/2;width:100px}.studio-home .studio-hero .arcade-toy-caption{letter-spacing:0;gap:5px;font-size:5px}.site-shell>main>section.studio-hero.intro .intro-description{grid-area:3/1;align-self:center;max-width:none;margin-top:0}}html[data-retro=true] .toy-screen,html[data-retro=true] .toy-slot{fill:var(--console-ink)}html[data-retro=true] .toy-name,html[data-retro=true] .arcade-toy-caption{font-size:6px}@media (prefers-reduced-motion:reduce){.arcade-toy-art *{animation:none}}
