@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}@font-face{font-family:"Jersey 10";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-10-latin-400-normal-DrL73VYW.woff2) format("woff2"),url(/assets/jersey-10-latin-400-normal-B8YT2i2g.woff) format("woff")}:root{--navy:#08172f;--blue:#103969;--cream:#fff1ce;--teal:#31dedb;--gold:#ffcc4a;--red:#e8223e;--pixel:"Press Start 2P",monospace;color:var(--cream);background:#030b1c;font-family:Arial,sans-serif;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}p{line-height:1.6;text-wrap:pretty}h1,h2{margin:0;text-wrap:balance}a{color:var(--teal)}canvas{image-rendering:pixelated}.app{min-height:100svh;padding:12px max(8px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;place-items:center;background:#030b1c}.cabinet{width:min(100%,560px);border:3px solid #070c1c;outline:2px solid #315587;box-shadow:0 0 0 5px #0b1b39,0 20px 70px #000;overflow:hidden;background:var(--navy)}.scoreboard{height:90px;display:grid;grid-template-columns:1.3fr 1fr .85fr;align-items:center;padding:5px 10px;border:3px solid var(--cream);border-bottom-color:var(--gold);background:#07172f;gap:12px;position:relative;z-index:6;box-shadow:inset 0 0 0 3px #142d50}.mini-logo{width:100%;padding:0;border:0;background:none;min-height:60px}.mini-logo canvas{width:100%;display:block}.score-column{border-left:2px solid #52617b;padding-left:13px;display:flex;flex-direction:column;gap:8px;white-space:nowrap}.scoreboard small{font:7px var(--pixel);color:#bacadd}.score-column strong{font:19px var(--pixel);color:var(--gold);letter-spacing:1px}.score-column>span{font:10px var(--pixel)}.score-column b{color:var(--teal);font-size:16px}.strike-column{display:flex;align-items:center;flex-direction:column;gap:9px;border-left:2px solid #52617b}.strike-column strong{font:21px var(--pixel);display:flex;gap:5px}.strike-column strong span{color:#45506b}.strike-column strong .taken{color:#ff2b43;text-shadow:2px 2px #800d2b}.strike-column>span{font:6px var(--pixel);color:#abb9ce}.playfield{height:clamp(360px,calc(100svh - 344px),790px);position:relative;overflow:hidden;isolation:isolate;touch-action:none;background:#0c2b53}.canvas-host{position:absolute;inset:0}.canvas-host>canvas{width:100%;height:100%;display:block}.scanlines{pointer-events:none;position:absolute;inset:0;z-index:4;opacity:.065;background:repeating-linear-gradient(0deg,#000 0px,#000 1px,transparent 1px,transparent 3px)}.world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.catch-label,.guard-label{position:absolute;transform:translate(-50%,-100%);font:11px var(--pixel);color:var(--gold);white-space:nowrap;text-shadow:2px 2px #071124,-2px 0 #071124,0 -2px #071124}.catch-label{rotate:-9deg}.guard-label{font-size:7px;color:#fff1ce;background:#08162ddd;padding:4px 6px}.field-top{position:absolute;top:9px;left:12px;right:10px;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.field-top>span{font:6px/1.7 var(--pixel);text-shadow:2px 2px #07152e;background:#08182de8;padding:8px}.field-top small{display:block;color:var(--teal);font:5px/1.8 var(--pixel)}.field-top button{min-height:44px;min-width:58px;padding:9px;background:#08182def;border:2px solid var(--cream);box-shadow:2px 2px #071023;font:7px var(--pixel)}.stadium-sign{position:absolute;top:17%;left:50%;transform:translate(-50%);width:55%;max-width:260px;padding:12px 8px;background:#131c32;border:5px solid #617386;outline:2px solid #091730;box-shadow:3px 4px #09162b;text-align:center;z-index:2;pointer-events:none}.stadium-sign small{display:block;font:5px/1.8 var(--pixel);color:#a8c0da}.stadium-sign b{display:block;font:11px/1.7 var(--pixel);color:var(--gold);margin-top:4px;text-wrap:balance}.stadium-sign>span{position:absolute;right:-14px;top:-15px;padding:10px;background:var(--red);border:2px solid var(--cream);font:12px var(--pixel)}.event-sign{border-color:var(--gold);box-shadow:0 0 0 2px #a55416,4px 5px #09162b}.event-sign b{color:#ffdf76}.first-tip,.save-tip{position:absolute;left:50%;transform:translate(-50%);top:42%;background:#09182deb;border:2px solid var(--teal);font:6px/1.8 var(--pixel);color:var(--cream);text-align:center;padding:9px 12px;max-width:88%;width:max-content;z-index:3;pointer-events:none}.save-tip{top:36%;border-color:var(--gold);color:var(--gold)}.field-caption{position:absolute;bottom:7px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;font:6px/1.5 var(--pixel);color:var(--cream);text-shadow:2px 2px #08152c;pointer-events:none;z-index:3}.screen{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 26px;overflow:auto;touch-action:pan-y}.screen p{max-width:360px}.eyebrow{font:7px/1.9 var(--pixel);color:var(--gold)}.title-screen{justify-content:space-between;pointer-events:none;background:#05122a33}.title-screen button{pointer-events:auto}.title-top{width:100%;filter:drop-shadow(3px 4px 0 #041126)}.title-art{width:100%;max-width:430px;display:block;margin:0 auto}.title-tag{font:6px/1.8 var(--pixel);color:var(--cream);margin:0 auto;text-shadow:2px 2px #07132a}.title-bottom{width:min(100%,340px);padding:12px 12px 0;background:#08152ce8;border:2px solid #41628d;box-shadow:4px 4px #071024}.primary,.secondary{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;padding:13px 14px;border:3px solid var(--cream);box-shadow:inset 0 -4px #9f202d,3px 4px #020c1c;background:#d92c3a;color:var(--cream);font:11px/1.6 var(--pixel);text-shadow:2px 2px #721526}.primary:hover{background:#f34043}.primary:active{transform:translate(2px,2px);box-shadow:inset 0 -2px #9f202d,1px 2px #020c1c}.primary:disabled{opacity:.65}.secondary{background:#103969;border-color:#6592b7;box-shadow:inset 0 -3px #081e40,3px 4px #020c1c;margin-top:14px;font-size:9px;text-shadow:2px 2px #05142a}.menu-row{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.menu-row button,.text-button{min-height:44px;border:0;background:none;font:7px/1.7 var(--pixel);padding:8px 0;color:var(--cream)}.menu-row button:hover,.text-button:hover{color:var(--teal)}.text-button{display:block;margin:4px auto 0}.blink{animation:press-start 2s steps(2,end) infinite}@keyframes press-start{50%{color:#ffdd62}}.shade{background:#071329cf;justify-content:flex-start;padding:24px}.panel{width:min(100%,380px);text-align:left;background:#091a36f5;padding:22px 20px;border:3px solid #7c98b5;box-shadow:4px 5px #031025;margin-block:auto}.panel h2{font:23px/1.55 var(--pixel);color:var(--gold);margin:12px 0 16px;text-shadow:3px 3px #772337}.panel>p{font-size:14px;color:#e5e8e5}.panel .primary{margin-top:16px}.micro{font:6px/1.9 var(--pixel);color:#b4cadf}.lesson{display:flex;align-items:center;gap:14px;border-top:1px solid #365276;padding:7px 0;min-height:59px}.lesson canvas{width:43px;height:74px;object-fit:contain;flex-shrink:0}.lesson p{font-size:13px;margin:3px 0;line-height:1.5}.lesson b{width:58px;flex-shrink:0;color:var(--gold);font:7px/1.8 var(--pixel)}.tutorial .micro{margin:12px 0 6px}.connection-note{font:10px/1.5 Arial,sans-serif;display:block;text-align:center;color:#b8c9db;margin:13px 0 0;text-wrap:pretty}.big-score{font:30px var(--pixel);color:var(--gold);margin:20px 0 24px;text-shadow:3px 3px #87342a}.results h2{font-size:19px}.result-stats{display:flex;justify-content:space-between;border-block:2px solid #3e628a;padding:14px 0;gap:10px}.result-stats>span{display:flex;flex-direction:column;gap:8px;font:6px var(--pixel);color:#a8c4df}.result-stats b{font:17px var(--pixel);color:var(--cream)}.results label{font:6px/1.8 var(--pixel);display:block;margin:17px 0 8px}.name-entry{display:flex;gap:8px}.name-entry input{min-width:0;width:100%;padding:11px;border:2px solid #668cac;border-radius:0;background:#030c20;color:var(--cream);font:11px var(--pixel)}.name-entry button{min-height:44px;padding:9px;border:2px solid var(--gold);font:8px var(--pixel);background:#17365a;color:var(--gold)}.status-message{font-size:12px!important;color:var(--gold)!important}.results-screen{animation:show-results .35s .8s both}@keyframes show-results{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.board-heading{display:flex;justify-content:space-between;border-bottom:2px solid #668aa8;padding-bottom:12px;font:7px var(--pixel)}.board ol{padding:0;margin:0;list-style:none}.board li{display:flex;align-items:center;gap:10px;border-bottom:1px solid #385576;padding:13px 0;font:8px var(--pixel)}.board .rank{color:var(--teal)}.board li b{margin-left:auto;color:var(--gold);font-size:9px}.board li small{font:5px var(--pixel);display:block;color:#adc5de;margin-top:8px}.credits a{display:block;font:13px/1.7 var(--pixel);padding:16px 0;border-bottom:1px solid #41628d;text-decoration:none}.credits small{display:block;color:var(--cream);font:5px/1.9 var(--pixel);margin-top:5px}.power-screen{background:#030c1e;justify-content:center;gap:23px}.power-screen h1{font:25px/1.65 var(--pixel);color:var(--teal);text-shadow:3px 3px #194878}.boot-line{font:8px/1.9 var(--pixel);color:var(--cream)}progress{width:100%;height:12px;appearance:none;border:2px solid #91a5b6;border-radius:0;background:#041127}progress::-webkit-progress-bar{background:#041127}progress::-webkit-progress-value{background:var(--teal)}progress::-moz-progress-bar{background:var(--teal)}.power-screen progress{max-width:280px}.power-screen .primary{max-width:290px}.boot-footer{font:5px/1.8 var(--pixel);color:#7e9abc;position:absolute;bottom:24px}.intro{justify-content:center;background:#06152e;overflow:hidden}.intro h1{font:30px/1.7 var(--pixel);text-shadow:3px 3px #23546d;margin:12px 0}.intro h1 span{color:var(--teal)}.intro-roger{width:170px;height:170px;margin:15px 0;animation:roger-enter .5s steps(6) both}@keyframes roger-enter{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.pixel-label{font:10px/1.8 var(--pixel)}.skip{position:absolute;right:17px;bottom:16px;border:2px solid #5e86a5;background:#0a1f3c;padding:12px;min-height:44px;font:7px var(--pixel)}.popcorn-intro{background:transparent;justify-content:space-around}.logo-space{height:35%;width:100%}.popcorn-intro h1{font-size:24px}.announcer-deck{position:relative;display:grid;grid-template-columns:35% 65%;height:174px;background:#0c2b55;border-top:4px solid #7092ae;border-bottom:3px solid #1f426c;box-shadow:inset 0 4px #06182f;padding:9px 11px 7px 0}.roger-portrait{position:relative;align-self:stretch;overflow:visible}.roger-portrait canvas{position:absolute;bottom:0;left:-5%;width:117%;max-height:185px;object-fit:contain;object-position:bottom;filter:drop-shadow(3px 2px 0 #06182f)}.roger-portrait>span{position:absolute;bottom:-7px;left:18%;background:#09244d;border:2px solid #6395bd;padding:5px 11px;font:7px var(--pixel);color:var(--cream)}.announcer-right{display:flex;flex-direction:column;min-width:0;gap:5px;padding-left:3px}.speech{background:var(--cream);color:#08172f;border:3px solid #d84237;box-shadow:2px 3px #051124;padding:9px 11px;font:9px/1.65 var(--pixel);margin:0;min-height:61px;display:flex;align-items:center;justify-content:center;text-align:center;text-wrap:pretty}.roar{border:3px solid #f5d28a;box-shadow:inset 0 3px #ff7372,inset 0 -5px #801727,3px 3px #030f23;background:#c51e33;display:flex;align-items:center;justify-content:space-around;padding:6px 10px;min-height:48px;color:#ffcf59;gap:8px}.roar>span{font:23px var(--pixel);text-shadow:3px 3px #531533;letter-spacing:1px}.roar>small{font:6px/1.6 var(--pixel);color:var(--cream);width:40px}.roar:disabled{filter:saturate(.75)}.roar.ready{background:#f43e36;box-shadow:inset 0 3px #ff9a63,inset 0 -5px #a81931,0 0 0 2px #ffedac;animation:press-start .6s steps(2,end) infinite}.hype-meter{height:10px;flex-shrink:0;border-color:#688cae}.hype-hint{font:4.5px/1.6 var(--pixel);text-align:center;color:var(--cream);white-space:nowrap}.cabinet-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#06162e}.cabinet-controls button{border:0;background:none;min-height:44px;font:6px var(--pixel);color:#b3cce2}.cabinet-controls>span{font:5px var(--pixel);color:#627f9f}.reduced *{animation:none!important;transition:none!important}@media(max-width:600px){.app{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.cabinet{border:0;outline:0;box-shadow:none}.scoreboard{height:75px;padding:4px 7px;gap:7px;border-width:3px}.score-column{padding-left:9px;gap:7px}.score-column strong{font-size:15px}.scoreboard small{font-size:5px}.score-column>span{font-size:8px}.score-column b{font-size:12px}.strike-column strong{font-size:18px;gap:3px}.strike-column>span{font-size:5px}.mini-logo{min-height:54px}.playfield{height:clamp(360px,calc(100svh - 283px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),790px)}.announcer-deck{height:164px}.speech{font-size:7px;line-height:1.7;padding:8px 7px;min-height:57px}.roar{min-height:46px}.roar>span{font-size:21px}.screen{padding:23px 20px}.panel{padding:18px 16px}.panel h2{font-size:20px}.title-art{width:100%;margin:7px 0 1px}.title-bottom{max-width:300px}.title-tag{font-size:5px}.eyebrow{font-size:6px}.primary{font-size:10px}.lesson{min-height:51px;gap:10px;padding:5px 0}.lesson canvas{width:33px;height:64px}.lesson p{font-size:12px}.lesson b{font-size:6px;width:52px}.tutorial .primary{margin-top:10px}.tutorial h2{font-size:19px;line-height:1.5;margin:8px 0 9px}.tutorial .micro{font-size:5px}.board li{font-size:7px}.stadium-sign b{font-size:9px}.field-caption{font-size:5px}.intro h1{font-size:25px}.intro-roger{width:145px;height:145px}.speech{overflow-wrap:normal}.results h2{font-size:17px}.big-score{font-size:26px}.cabinet-controls>span{font-size:4px}}@media(max-width:350px){.score-column strong{font-size:12px}.score-column>span{font-size:7px}.score-column b{font-size:10px}.strike-column strong{font-size:15px}.scoreboard{gap:5px}.score-column{padding-left:6px}.speech{font-size:6px;padding:7px 6px}.announcer-deck{grid-template-columns:33% 67%}.hype-hint{font-size:4px}.roar>span{font-size:18px}.title-tag{font-size:4px}.eyebrow{font-size:5px}.panel h2{font-size:17px}.panel{padding:15px 13px}.screen{padding:17px 15px}.lesson p{font-size:11px}.stadium-sign b{font-size:8px}.field-top>span{font-size:5px}.field-top small{font-size:4px}.first-tip,.save-tip{font-size:5px}.big-score{font-size:22px}.results h2{font-size:15px}.credits a{font-size:11px}.menu-row button,.text-button{font-size:6px}.cabinet-controls{padding:0 9px}.cabinet-controls button{font-size:5px}}@media(max-height:680px){.title-screen{padding:14px 20px}.title-top{max-width:270px}.title-art{max-width:240px}.title-bottom{padding:8px 10px 0}.title-bottom .text-button{display:none}.intro-roger{width:110px;height:110px;margin:5px 0}.intro h1{font-size:20px}.power-screen{gap:16px}.power-screen h1{font-size:20px}.results-screen{padding-top:15px}.panel{margin-block:auto}}.qa-controls{position:absolute;left:0;top:calc(100svh + 20px);display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#07172f}.qa-controls button{padding:12px;border:1px solid #7f9cb8;background:#143765;font:12px Arial,sans-serif}.app:has(.qa-controls){display:block}.app:has(.qa-controls) .cabinet{margin-inline:auto}html:has(.qa-controls){scrollbar-width:none}html:has(.qa-controls)::-webkit-scrollbar{display:none}@media(min-width:351px)and (max-width:600px){.speech{font-size:9px;line-height:1.6;min-height:69px}.announcer-deck{height:176px}.playfield{height:clamp(360px,calc(100svh - 295px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),790px)}}.strike-column strong img{width:23px;height:25px;object-fit:contain;image-rendering:pixelated;filter:grayscale(1);opacity:.35}.strike-column strong .taken img{filter:none;opacity:1}@media(max-width:600px){.strike-column strong img{width:18px;height:20px}}@media(max-width:350px){.strike-column strong img{width:16px;height:18px}}.app:is([data-mode=loading],[data-mode=power],[data-mode^=intro-]) .scoreboard,.app:is([data-mode=loading],[data-mode=power],[data-mode^=intro-]) .announcer-deck{display:none}.app:is([data-mode=loading],[data-mode=power],[data-mode^=intro-]) .playfield{height:min(900px,calc(100svh - 70px))}.app[data-mode^=intro-] .intro-roger{width:190px;height:190px}.app[data-mode=intro-geewhiz] .screen{animation:roger-enter .35s steps(5) both}@media(max-width:600px){.app:is([data-mode=loading],[data-mode=power],[data-mode^=intro-]) .playfield{height:calc(100svh - 44px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.first-tip,.save-tip{top:60px;max-width:94%;font-size:5px;padding:6px 9px}.stadium-sign{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0;white-space:nowrap}.qa-controls output{max-width:100%;overflow-wrap:anywhere}.tap-feedback{position:absolute;z-index:4;pointer-events:none;font:14px var(--pixel);color:#ffe771;text-shadow:2px 2px #08152d,-2px -1px #08152d;transform:translate(-50%,-50%);animation:score-float .65s steps(8) both}@keyframes score-float{to{opacity:0;transform:translate(-50%,-180%)}}.reduced .tap-feedback{display:none}.title-bottom{background:transparent;border:0;box-shadow:none;padding:0 10px}.title-bottom .menu-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.title-bottom .menu-row button,.title-bottom .text-button{position:relative;display:block;background:#f4d891;border:2px solid #fff1ce;border-radius:0;box-shadow:inset 0 2px #fff8dc,inset 0 -4px #bd8638,0 4px #412a24,0 0 0 1px #231c26;padding:8px 10px;min-height:44px;min-width:0;font-size:8px;white-space:nowrap;color:#251b2c;text-shadow:0 1px #fff1ce;transform:none;transition:transform 80ms steps(2,end),background-color 80ms linear}.title-bottom .text-button{width:100%;margin-top:10px;font-size:7px}@media(hover:hover){.title-bottom .menu-row button:hover,.title-bottom .text-button:hover{color:#251b2c;background:#fff1ce;border-color:#fff8dc;transform:translateY(-1px)}}.title-bottom .menu-row button:focus-visible,.title-bottom .text-button:focus-visible{outline:3px solid var(--teal);outline-offset:3px;color:#251b2c;text-decoration:none;background:#fff1ce}.title-bottom .menu-row button:active,.title-bottom .text-button:active{transform:translateY(3px);background:#e7bd67;box-shadow:inset 0 2px #bd8638,inset 0 -1px #bd8638,0 1px #412a24,0 0 0 1px #231c26;color:#251b2c}@media(min-width:601px)and (min-height:681px)and (max-height:820px){.title-screen{padding:16px 20px}.title-top{max-width:280px}.title-art{max-width:270px}}@media(max-width:600px)and (max-height:660px){.playfield{height:max(280px,calc(100svh - 283px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.announcer-deck{height:164px}.speech{font-size:7px;line-height:1.6;min-height:57px}.title-top{max-width:255px}.title-art{max-width:235px}.title-bottom .primary{min-height:46px}.title-bottom .menu-row{margin-top:4px}}.enemy-call,.pass-label{position:absolute;transform:translate(-50%,-100%);font:6px/1.4 var(--pixel);white-space:nowrap;color:var(--cream);background:#08172fdf;border:1px solid #ffd064;padding:3px 4px;text-shadow:1px 1px #08172f}.pass-label{color:var(--teal);border-color:var(--teal)}.catch-label{font-size:8px}.world-labels [hidden]{display:none}@media(max-width:600px)and (max-height:660px){.playfield{height:calc(100svh - 235px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.announcer-deck{height:116px;padding:4px 7px 3px 0}.roger-portrait canvas{max-height:118px}.roger-portrait>span{font-size:5px;padding:3px 7px;bottom:-3px}.announcer-right{gap:3px}.speech{font-size:6px;line-height:1.5;min-height:35px;padding:5px 6px;border-width:2px}.roar{min-height:35px;padding:4px 7px;border-width:2px}.roar>span{font-size:17px}.roar>small{font-size:5px}.hype-meter{height:7px}.hype-hint{font-size:3.5px;line-height:1.4}.field-caption{bottom:5px}}.gw-intro h1{font-size:clamp(12px,3.7vw,20px);white-space:nowrap}.enemy-call,.pass-label,.catch-label{position:absolute;transform:translate(-50%,-100%) rotate(-5deg);font:clamp(6px,1.6vw,9px)/1.35 var(--pixel);font-weight:400;white-space:nowrap;padding:5px 3px;border:0;background:transparent;color:#fff1ce;text-shadow:-2px 0 #08172f,2px 0 #08172f,0 -2px #08172f,0 2px #08172f,3px 3px #08172f,0 0 4px #08172f;isolation:isolate;rotate:0}.enemy-call:before,.pass-label:before{content:"";position:absolute;z-index:-1;inset:-2px -6px;background:#e52e43;clip-path:polygon(0 32%,14% 30%,8% 0,34% 18%,46% 0,58% 18%,84% 4%,81% 28%,100% 35%,86% 58%,100% 80%,72% 80%,70% 100%,48% 83%,20% 100%,23% 76%,0 85%,9% 57%);opacity:.94}.enemy-call[data-kind=guard]:before{background:#d49820}.enemy-call[data-kind=vendor]:before{background:#bd4426}.enemy-call[data-kind=mascot]:before{background:#8b44b5}.pass-label{color:#fff9d9}.pass-label:before{background:#167b93}.catch-label{color:#ffdc4d;font-size:12px}.enemy-call,.pass-label{--callout-angle:0deg;transform:translate(-50%,-100%) rotate(var(--callout-angle));transform-origin:50% 100%}.enemy-call[data-side=left],.pass-label[data-side=left]{--callout-angle:6deg}.enemy-call[data-side=right],.pass-label[data-side=right]{--callout-angle:-6deg}.pass-label[data-role=recovery]:before{background:#26874c}.pass-label[data-role=tackle]:before{background:#e88b22}.helper-impact{position:absolute;transform:translate(-50%,-50%) rotate(-8deg);font:clamp(15px,4vw,27px)/1.2 var(--pixel);color:#fff7d4;text-shadow:2px 2px #491840,-2px -2px #491840;padding:18px;isolation:isolate}.helper-impact:before{content:"";position:absolute;inset:0;z-index:-1;background:#ffac28;clip-path:polygon(50% 0,60% 25%,89% 7%,77% 37%,100% 50%,77% 60%,94% 92%,61% 77%,50% 100%,39% 77%,5% 92%,24% 60%,0 50%,24% 37%,10% 7%,40% 25%)}.helper-impact{padding:10px;transform:translate(-50%,-50%) rotate(-8deg) scale(calc(.85 + var(--impact-progress,0)*.3));white-space:nowrap}.helper-impact:after{content:"";position:absolute;inset:-5px;border:3px solid #fff1ce;clip-path:polygon(0 0,22% 0,22% 8%,8% 8%,8% 22%,0 22%,0 0,100% 100%,78% 100%,78% 92%,92% 92%,92% 78%,100% 78%,100% 100%);transform:scale(calc(1 + var(--impact-progress,0)*.6));opacity:calc(1 - var(--impact-progress,0))}.helper-dust{position:absolute;pointer-events:none;width:0;height:0;z-index:0}.helper-dust i{position:absolute;left:-5px;top:-7px;width:10px;height:8px;background:#e8d7a1;clip-path:polygon(20% 0,70% 0,70% 20%,100% 20%,100% 80%,70% 80%,70% 100%,10% 100%,10% 70%,0 70%,0 20%,20% 20%)}.strike-column.strike-recovered{background:#267648;color:#fff7ce;box-shadow:0 0 0 3px #bfffcf}.helper-duo{display:flex;flex:0 0 52px;justify-content:center;align-items:center}.lesson .helper-duo canvas{width:26px;height:55px;object-fit:contain}.broadcast-frame{position:relative;width:clamp(150px,44vw,228px);aspect-ratio:1;margin:8px auto 14px;border:5px solid var(--cream);outline:3px solid #113f63;box-shadow:7px 7px #031027,inset 0 0 0 3px var(--teal);background:#0b304e;flex:none}.broadcast-picture{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#297f89 0,#103752 60%,#09203d)}.app[data-mode^=intro] .broadcast-picture .intro-roger{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;transform:scale(1.07);filter:none}.broadcast-frame:before,.broadcast-frame:after{content:"";position:absolute;width:15px;height:15px;border-color:var(--teal);border-style:solid;pointer-events:none;z-index:2}.broadcast-frame:before{left:-5px;top:-5px;border-width:5px 0 0 5px}.broadcast-frame:after{right:-5px;bottom:-5px;border-width:0 5px 5px 0}.broadcast-live{position:absolute;left:5px;top:5px;padding:5px 6px;background:var(--red);font:6px var(--pixel);box-shadow:2px 2px #07172f}.broadcast-name{position:absolute;bottom:0;left:0;right:0;padding:9px 2px 7px;background:#092642;border-top:3px solid var(--teal);font:6px var(--pixel);white-space:nowrap;color:var(--cream)}@media(max-height:660px){.broadcast-frame{width:132px;margin:4px auto 8px}.broadcast-name{font-size:4px;padding:6px 1px}.broadcast-live{font-size:4px;padding:4px}.gw-intro{gap:5px}}.app[data-mode^=intro] .broadcast-picture .intro-roger{animation:none}.windup-flare{--charge:.5;--flare:#ffd34d;position:absolute;transform:translate(-50%,-50%);pointer-events:none;isolation:isolate;filter:drop-shadow(0 0 2px #07172f)}.windup-flare[data-attack=hotdog]{--flare:#ff9842}.windup-flare[data-attack=ball]{--flare:#71eeff}.windup-flare i{position:absolute;display:block;pointer-events:none}.flare-ring{inset:15%;border:2px dashed var(--flare);transform:rotate(45deg) scale(calc(1.7 - var(--charge)*.85));opacity:calc(.5 + var(--charge)*.4)}.flare-star{inset:0;background:var(--flare);clip-path:polygon(44% 0,56% 0,56% 25%,63% 25%,63% 37%,75% 37%,75% 44%,100% 44%,100% 56%,75% 56%,75% 63%,63% 63%,63% 75%,56% 75%,56% 100%,44% 100%,44% 75%,37% 75%,37% 63%,25% 63%,25% 56%,0 56%,0 44%,25% 44%,25% 37%,37% 37%,37% 25%,44% 25%);transform:scale(calc(.35 + var(--charge)*.65));filter:drop-shadow(0 0 3px var(--flare))}.flare-core{inset:34%;background:#fffdea;transform:rotate(45deg) scale(calc(.4 + var(--charge)*.7));box-shadow:0 0 3px #fff4c8}.flare-spark{width:3px;height:3px;left:8%;top:8%;background:#fffdea;box-shadow:20px 20px 0 var(--flare);transform:translate(calc(var(--charge)*7px),calc(var(--charge)*7px));opacity:calc(1 - var(--charge)*.55)}.reduced .windup-flare{filter:none}.reduced .flare-star,.reduced .flare-core{filter:none;box-shadow:none}.reduced .flare-spark{display:none}.roar-wave{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;opacity:var(--fade);box-shadow:inset 0 0 0 4px #4ef6dd}.roar-wave i{position:absolute;width:45%;aspect-ratio:1;left:44%;top:84%;border:5px solid #fff0a7;border-radius:45%;outline:3px solid #22e9d5;box-shadow:0 0 16px #20bbcc88,inset 0 0 8px #20bbcc66;transform:translate(-50%,-50%) scale(calc(.1 + var(--wave)*6 + var(--ring)*.5));opacity:calc(1 - var(--ring)*.2)}.roar-wave b{position:absolute;left:50%;top:61%;transform:translate(-50%,-50%) rotate(-6deg);font:clamp(17px,5vw,31px) var(--pixel);color:#fff0a7;white-space:nowrap;text-shadow:3px 3px #083155,-2px -2px #083155,0 0 14px #2de5cf}.dazed-stars{position:absolute;pointer-events:none;z-index:4;width:0;height:0;--star-size:clamp(12px,3vw,15px)}.dazed-stars:before{content:"";position:absolute;left:-21px;top:-5px;width:40px;height:10px;border:1px solid #ffe47188;border-bottom:2px solid #fff1ce;border-radius:50%;z-index:1;box-shadow:0 1px #08172f}.dazed-stars i{position:absolute;pointer-events:none;left:calc(var(--star-size)/-2);top:calc(var(--star-size)/-2);width:var(--star-size);height:var(--star-size);filter:drop-shadow(1px 0 #08172f) drop-shadow(-1px 0 #08172f) drop-shadow(0 -1px #08172f) drop-shadow(0 2px #08172f)}.dazed-stars i:before{content:"";position:absolute;inset:0;background:#ffce38;clip-path:polygon(44% 0,56% 0,56% 12%,64% 12%,64% 32%,100% 32%,100% 44%,88% 44%,88% 56%,76% 56%,76% 76%,88% 76%,88% 100%,68% 100%,68% 88%,56% 88%,56% 76%,44% 76%,44% 88%,32% 88%,32% 100%,12% 100%,12% 76%,24% 76%,24% 56%,12% 56%,12% 44%,0 44%,0 32%,36% 32%,36% 12%,44% 12%)}.dazed-stars i:after{content:"";position:absolute;left:44%;top:32%;width:3px;height:3px;background:#fff6bf}.announcer-deck{--emotion-color:#e95545}.announcer-deck[data-emotion=hurt],.announcer-deck[data-emotion=annoyed]{--emotion-color:#ff7249}.announcer-deck[data-emotion=wow],.announcer-deck[data-emotion=celebrate]{--emotion-color:#ffc94c}.announcer-deck[data-emotion=worried]{--emotion-color:#b497e7}.announcer-deck[data-emotion=roar]{--emotion-color:#32e6d1}.announcer-deck[data-emotion=sad]{--emotion-color:#788faf}.announcer-deck .speech{border-color:var(--emotion-color)}.announcer-deck .roger-portrait canvas{display:block;aspect-ratio:1;object-fit:contain}.announcer-deck .roger-portrait{animation:roger-reaction .26s steps(3,end)}@keyframes roger-reaction{0%{transform:scale(1.01,.97)}60%{transform:scale(.99,1.015)}to{transform:none}}.roar.active-roar{background:#0d8b88;border-color:#9dfff0;box-shadow:inset 0 -4px #06585e,3px 4px #020c1c}.roar.active-roar>span{font-size:clamp(16px,3.7vw,23px)}.reduced .roar-wave i{display:none}.reduced .roar-wave b{transform:translate(-50%,-50%)}.reduced .announcer-deck .roger-portrait{animation:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cabinet{border:0;outline:1px solid #34506b;box-shadow:0 22px 80px #0008}.scoreboard{border:0;border-bottom:2px solid var(--gold);box-shadow:none;padding-inline:12px}.score-column,.strike-column{border-left:0}.field-top>span{background:none;padding:7px 0;text-shadow:1px 1px #030b1c,0 0 6px #030b1c,0 0 12px #030b1c}.field-top .pause-button{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;min-width:90px;min-height:44px;padding:9px 12px;border:2px solid #fff1ce;border-radius:0;background:#f4d891;color:#251b2c;box-shadow:inset 0 2px #fff8dc,inset 0 -4px #bd8638,0 4px #412a24,0 0 0 1px #231c26;font:8px/1.4 var(--pixel);text-shadow:0 1px #fff1ce;white-space:nowrap;transform:none;transition:transform 80ms steps(2,end),background-color 80ms linear}.pause-button i{display:block;width:10px;height:12px;border-inline:3px solid currentColor;flex-shrink:0}@media(hover:hover){.field-top .pause-button:hover{background:#fff1ce;transform:translateY(-1px)}}.field-top .pause-button:focus-visible{outline:3px solid var(--teal);outline-offset:3px;background:#fff1ce}.field-top .pause-button:active{transform:translateY(3px);background:#e7bd67;box-shadow:inset 0 2px #bd8638,inset 0 -1px #bd8638,0 1px #412a24,0 0 0 1px #231c26}@media(max-width:600px){.field-top .pause-button{min-width:82px;padding-inline:10px;font-size:7px}}.shade{background:linear-gradient(180deg,#030d22b8,#061329f7 28% 72%,#030d22b8)}.panel{background:none;border:0;box-shadow:none;padding:22px 16px}.panel h2{line-height:1.55}.lesson{border-top:0;padding-block:9px}.board-heading{border-bottom-width:1px}.board li{border-bottom-color:#38557660}.credits a{border-bottom:0}.results{text-align:center;max-width:370px}.panel.results .result-heading{font:8px/1.8 var(--pixel);color:var(--cream);text-shadow:none;letter-spacing:1px;margin:0 0 17px}.results .big-score{font-size:clamp(26px,6vw,38px);letter-spacing:2px;margin:0 0 26px;text-shadow:3px 3px #87342a}.result-stats{border:0;padding:0 4px 21px;gap:12px}.result-stats>span{gap:10px;color:#9db9d5}.result-stats b{font-size:20px}.results .primary{margin-top:0}.results .score-entry{text-align:left;margin-top:24px}.results label{color:#b4cadf;margin:0 0 8px;font-size:5px;letter-spacing:.4px}.name-entry{align-items:stretch;gap:12px}.name-entry input{border:0;border-bottom:1px solid #7295b4;background:transparent;padding:11px 2px;font-size:10px}.name-entry button{border:2px solid #89a6ba;background:#153854;color:var(--cream);font-size:6px;padding:10px;white-space:nowrap;box-shadow:inset 0 -3px #082039}.results .connection-note{margin-top:12px;font-size:10px;color:#a8bfd5}.results .menu-row{margin-top:20px;border-top:1px solid #45637e50;padding-top:7px}.results .menu-row button{font-size:6px;color:#c2d4e5}.announcer-deck{--announcer-bottom-inset:7px;border-top:1px solid #53758e;border-bottom:0;box-shadow:none;background:linear-gradient(120deg,#102e4c,#0a2340);padding-top:9px;padding-bottom:0}.announcer-deck .roger-portrait{transform-origin:50% 100%}.announcer-right{padding-bottom:var(--announcer-bottom-inset)}.roger-portrait>span{border:0;box-shadow:none;background:none;text-shadow:2px 2px #06182f;padding:4px 0;bottom:5px;left:17%;font-size:6px;letter-spacing:1px}.announcer-deck .speech{position:relative;background:none;border:0;box-shadow:none;color:var(--cream);text-align:left;justify-content:flex-start;padding:8px 4px 8px 13px;font-size:8px;line-height:1.75}.speech:before{content:"“";position:absolute;left:-2px;top:0;font:24px/1 var(--pixel);color:var(--emotion-color)}.hype-meter{height:5px;border:0;background:#041a30}.hype-meter::-webkit-progress-bar{background:#041a30}.hype-hint{color:#a7c2d7}.cabinet-controls{background:#07192e}.cabinet-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.cabinet-controls>button:last-child{justify-self:end}.cabinet-controls .sound-toggle{justify-self:start;display:grid;place-items:center;width:44px;min-height:44px;padding:8px;color:var(--cream)}.sound-icon{display:block;width:28px;height:28px;filter:drop-shadow(2px 2px 0 #020a19)}.sound-waves{stroke:var(--teal)}.sound-off{fill:#ff6775}.sound-toggle[aria-pressed=true] .speaker{color:#b3cce2}.cabinet-controls .sound-toggle:hover{background:#16334b}.cabinet-controls .sound-toggle:active .sound-icon{transform:translate(1px,1px);filter:none}@media(max-width:600px){.cabinet{outline:0}.scoreboard{padding-inline:8px}.panel{padding:18px 12px}.result-stats b{font-size:18px}.announcer-deck .speech{font-size:8px;min-height:69px}}@media(max-width:350px){.panel{padding:15px 8px}.results .big-score{font-size:26px;letter-spacing:0}.announcer-deck .speech{font-size:6px;padding-left:10px;min-height:57px}.speech:before{font-size:18px}.results .menu-row button{font-size:5px}.result-stats b{font-size:16px}.result-stats>span{font-size:5px}}@media(max-width:600px)and (max-height:660px){.announcer-deck{--announcer-bottom-inset:3px}.announcer-deck .speech{font-size:6px;min-height:35px;padding:4px 3px 4px 10px;line-height:1.5}.speech:before{font-size:16px;left:0}.roger-portrait>span{font-size:5px;bottom:2px}.results .big-score{margin-bottom:20px}.result-stats{padding-bottom:16px}.results .score-entry{margin-top:18px}.results .menu-row{margin-top:12px}}.announcer-deck{--shout-color:#fff0bc;--shout-shadow:#ba4a2e}.announcer-deck[data-emotion=hurt],.announcer-deck[data-emotion=annoyed]{--shout-color:#ff9364;--shout-shadow:#962b48}.announcer-deck[data-emotion=wow],.announcer-deck[data-emotion=celebrate]{--shout-color:#ffe36e;--shout-shadow:#b65528}.announcer-deck[data-emotion=worried]{--shout-color:#dac3ff;--shout-shadow:#65448e}.announcer-deck[data-emotion=roar]{--shout-color:#79ffdf;--shout-shadow:#157c96}.announcer-deck[data-emotion=sad]{--shout-color:#b5cce4;--shout-shadow:#3c6085}.announcer-deck .speech{flex:1;min-height:0;padding:7px 9px 10px;justify-content:center;text-align:center;isolation:isolate}.speech:before{content:none}.shout-words{display:block;max-width:100%;font:20px/1.5 var(--pixel);color:var(--shout-color);text-wrap:balance;transform:rotate(-2deg);text-shadow:2px 2px var(--shout-shadow),4px 4px #041326;animation:roger-shout .24s steps(3,end) both}.shout-words[data-length=short]{font-size:30px}.shout-words[data-length=long]{font-size:16px}.announcer-deck[data-emotion=sad] .shout-words{transform:rotate(2deg)}@keyframes roger-shout{0%{scale:.88;translate:0 3px}70%{scale:1.03;translate:0 -1px}to{scale:1;translate:0 0}}@media(max-width:600px){.shout-words{font-size:18px}.shout-words[data-length=short]{font-size:28px}.shout-words[data-length=long]{font-size:14px}}@media(max-width:350px){.shout-words{font-size:14px}.shout-words[data-length=short]{font-size:26px}.shout-words[data-length=long]{font-size:12px}}@media(max-width:600px)and (max-height:660px){.announcer-deck .speech{padding:2px 7px 5px}.shout-words{font-size:13px;line-height:1.4;text-shadow:1px 1px var(--shout-shadow),3px 3px #041326}.shout-words[data-length=short]{font-size:23px}.shout-words[data-length=long]{font-size:10px}}@media(prefers-reduced-motion:reduce){.shout-words{animation:none}}.qa-shout-preview{display:grid;gap:4px;margin:12px;font:12px Arial,sans-serif}.qa-shout-preview input{width:min(320px,100%);color:#fff;background:#0b2846;border:1px solid #6585a5;padding:8px;font:12px Arial,sans-serif}.intro-skip-surface{position:fixed;inset:0;z-index:30;width:100%;height:100%;border:0;padding:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation}.intro-skip-surface:focus-visible{outline:none}.skip-hint{position:absolute;left:12px;right:12px;bottom:18px;z-index:6;margin:0;text-align:center;font:7px/1.8 var(--pixel);color:var(--cream);text-shadow:2px 2px #041326;pointer-events:none;text-wrap:balance}.app:has(.intro-skip-surface:focus-visible) .skip-hint{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--teal)}@media(max-width:350px){.skip-hint{font-size:6px}}.popcorn-intro>.eyebrow{font-size:clamp(14px,4vw,24px);line-height:1.5;white-space:nowrap;flex-shrink:0;text-shadow:2px 3px #08172f}.app[data-mode=leaderboard]{cursor:pointer}.board .board-return{width:100%;font:6px/1.8 var(--pixel);color:#b4cadf;text-wrap:balance}.board .board-return:hover,.board .board-return:focus-visible{color:var(--teal);text-decoration:underline;text-underline-offset:5px}@media(min-height:681px){.title-screen{padding-bottom:18px}}@media(max-width:600px){.title-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 6px}.title-bottom>.primary{grid-column:1/-1}.title-bottom .menu-row{display:contents}.title-bottom .menu-row button,.title-bottom>.text-button{display:block;font-size:6px;padding-inline:4px;margin:0;white-space:nowrap}}.tap-effects{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.tap-effect{position:absolute;transform:translate(-50%,-50%);pointer-events:none;--impact:#ffb82e;--core:#fff6cf;--ink:#08152d}.impact-art{display:block;width:100%;height:100%;transform:rotate(var(--twist));animation:impact-pop .34s steps(5,end) both}.impact-burst{fill:var(--impact);stroke:var(--ink);stroke-width:7;stroke-linejoin:miter;paint-order:stroke fill}.impact-core{fill:var(--core)}.impact-sparks{fill:none;stroke:#fff1ce;stroke-width:6;stroke-linecap:square}.impact-label{position:absolute;left:50%;top:-5px;white-space:nowrap;transform:translate(calc(-50% + var(--label-offset)),-50%) rotate(-8deg);font:9px/1 var(--pixel);color:#fff1ce;text-shadow:-2px -2px #07152c,2px -2px #07152c,-2px 2px #07152c,2px 2px #07152c,3px 4px #8b2831;animation:impact-word .46s steps(5,end) both}.effect-finish{--impact:#ff6334}.effect-hit[data-variant="1"]{--impact:#ffdf50}.effect-hit[data-variant="2"]{--impact:#ffc8a3}.effect-intercept{--impact:#33dedb}.effect-friendly{--impact:#ff719c;--core:#ffe3ec}.effect-catch,.effect-assist{--impact:#31dedb}.catch-spark{fill:none;stroke:var(--impact);stroke-width:7;stroke-linecap:square;filter:drop-shadow(2px 2px #07152c)}.effect-miss .impact-art{animation:miss-swipe .22s steps(4,end) both}.miss-slash{fill:#fff1ce;stroke:#fff1ce;stroke-width:2;filter:drop-shadow(2px 2px #07152c)}.miss-slash path+path{fill:none;stroke-width:4}@keyframes impact-pop{0%{opacity:1;transform:rotate(var(--twist)) scale(.48)}25%{opacity:1;transform:rotate(var(--twist)) scale(1.12)}65%{opacity:.9;transform:rotate(var(--twist)) scale(.95)}to{opacity:0;transform:rotate(var(--twist)) scale(1.08)}}@keyframes impact-word{0%,35%{opacity:1}to{opacity:0;top:-17px}}@keyframes miss-swipe{0%{opacity:.8;transform:rotate(var(--twist)) scale(.65)}to{opacity:0;transform:rotate(calc(var(--twist) + 17deg)) scale(1.15)}}.reduced .tap-effect .impact-art,.reduced .tap-effect .impact-label{animation:none!important;opacity:1}.reduced .tap-effect .impact-art{transform:rotate(var(--twist)) scale(.8)}.reduced .effect-miss .impact-art{opacity:.65}@media(prefers-reduced-motion:reduce){.tap-effect .impact-art,.tap-effect .impact-label{animation:none;opacity:1}}.shout-words[data-introduction=true]{font-size:clamp(10px,3.1vw,16px)}@media(max-width:600px)and (max-height:660px){.shout-words[data-introduction=true]{font-size:10px}}.start{position:relative;overflow:hidden;isolation:isolate}.start>span{position:relative;z-index:1}.start:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 34%,#fff1ce22 34% 42%,#fff1ce6b 42% 49%,#fff1cecc 49% 52%,#fff1ce6b 52% 59%,#fff1ce22 59% 67%,transparent 67%);transform:translate(-125%) skew(-20deg);animation:start-shimmer 3.8s linear .6s infinite}@keyframes start-shimmer{0%{opacity:0;transform:translate(-125%) skew(-20deg)}1%{opacity:1}23%{opacity:1;transform:translate(125%) skew(-20deg)}24%,to{opacity:0;transform:translate(125%) skew(-20deg)}}.start:disabled:after,.reduced .start:after{display:none;animation:none}@media(prefers-reduced-motion:reduce){.start:after{display:none;animation:none}}.title-top{filter:none}.title-top>.eyebrow{display:block;width:100%;text-align:center;line-height:19px;white-space:nowrap;text-shadow:0 2px #041126}.title-top>.title-art,.title-top>.title-tag{filter:drop-shadow(3px 4px 0 #041126)}.title-top>.title-art{margin-inline:auto}.title-bottom .arcade-menu-label{display:inline-block;white-space:nowrap;font:400 28px/1 "Jersey 10",var(--pixel);letter-spacing:.4px;color:#13263c;transform:skew(-7deg);text-shadow:0 -1px #fff8dc,1px 1px #fff1ce,2px 2px #bd8638}.title-bottom .menu-row button,.title-bottom>.text-button{display:flex;align-items:center;justify-content:center;padding-block:5px 7px}.title-bottom>.start{padding:6px 12px}.title-bottom>.start .arcade-menu-label{font-size:38px;letter-spacing:.8px;color:#fff2ad;text-shadow:0 -1px #fff8dc,1px 1px #e99532,2px 2px #b34226,3px 3px #671a2e}.title-bottom>.start:disabled .arcade-menu-label{font-size:28px}@supports (background-clip:text){.title-bottom .arcade-menu-label{background:linear-gradient(#274763 0 47%,#0d1e36 47% 74%,#163751 74%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 -1px #fff8dc) drop-shadow(1px 1px #fff1ce) drop-shadow(1px 1px #bd8638)}.title-bottom>.start .arcade-menu-label{background-image:linear-gradient(#fff8dc 0 43%,#ffe58e 43% 63%,#ffb947 63%);filter:drop-shadow(1px 1px #b34226) drop-shadow(1px 1px #671a2e) drop-shadow(1px 1px #671a2e)}}@media(max-width:600px){.title-bottom{width:min(100%,340px);max-width:340px;padding-inline:0}.title-bottom .arcade-menu-label{font-size:21px;letter-spacing:0}.title-bottom>.start .arcade-menu-label{font-size:34px;letter-spacing:.5px}.title-bottom>.start:disabled .arcade-menu-label{font-size:26px}}@media(max-width:350px){.title-bottom .arcade-menu-label{font-size:17px}.title-bottom>.start .arcade-menu-label{font-size:32px}.title-bottom>.start:disabled .arcade-menu-label{font-size:24px}}.app:not([data-mode=playing]) .playfield{touch-action:pan-y}.app[data-mode=tutorial] .playfield{max-height:calc(100svh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.tutorial-screen{overflow:hidden;padding:16px}.tutorial-screen .tutorial{display:flex;flex-direction:column;height:100%;max-height:680px;min-height:0;padding:0;margin-block:auto}.tutorial>header,.tutorial-actions{flex-shrink:0}.tutorial h2{margin:8px 0 12px}.tutorial-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;padding-right:8px;scrollbar-width:thin;scrollbar-color:#7896aa #08192e}.tutorial-body:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.tutorial-body .micro{font:5px/1.8 var(--pixel);text-wrap:balance;margin:12px 0}.tutorial-actions{padding-top:12px;border-top:1px solid #45637e}.tutorial-actions .primary{margin-top:0;min-height:48px}.tutorial-actions .connection-note{margin-top:9px;text-wrap:balance}@media(max-height:660px){.tutorial-screen{padding:12px 16px}.tutorial h2{font-size:17px;line-height:1.4;margin:6px 0 8px}.tutorial-actions{padding-top:8px}.tutorial-actions .connection-note{margin-top:6px}}