@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'Space Grotesk',Arial,sans-serif;color:#f7f3e8;background:#10121c;color-scheme:dark;--yellow:#ffd65d;--muted:#a6aaba;--line:#363a47;--accent:#64ead6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}button[hidden],[hidden]{display:none!important}.arcade-app{max-width:1480px;margin:auto;padding:22px 32px 16px}.marquee{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.edition{color:var(--muted);letter-spacing:2.4px;font-size:.75rem;font-weight:600}.wordmark h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(34px,4vw,54px);letter-spacing:-.6px;margin:5px 0 0;line-height:1;font-weight:900;color:var(--yellow);display:flex;align-items:center;gap:6px}.wordmark h1>span{color:#f7f3e8}.wordmark i{font-family:'Space Grotesk',Arial,sans-serif;font-size:.75rem;line-height:1.1;font-style:normal;border:1px solid #696148;color:var(--yellow);padding:7px 8px;letter-spacing:1px;margin-left:12px;transform:rotate(-6deg);white-space:nowrap}.header-tools{display:flex;align-items:center;gap:20px}.free-play{font-size:.75rem;color:var(--yellow);font-weight:700;letter-spacing:1.6px}.utility{display:inline-flex;align-items:center;justify-content:center;min-height:40px;background:#202430;border:1px solid #434858;border-radius:6px;padding:8px 12px;font-size:.875rem;font-weight:500;white-space:nowrap}.utility:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.machine{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px}.selector{min-width:0}.selection-heading{display:flex;align-items:center;justify-content:space-between;padding:5px 0 16px}.selection-heading h2{font-size:.875rem;letter-spacing:1.2px;margin:0}.selection-heading>span{font-size:.75rem;color:var(--muted)}.game-list{display:flex;flex-direction:column;gap:12px}.game-choice{display:flex;align-items:flex-start;gap:13px;width:100%;min-height:110px;text-align:left;border:1px solid var(--line);border-radius:5px;background:#1a1e2a;padding:17px 13px;position:relative;transition:background .16s,border-color .16s}.game-choice[data-game=brick]{--choice:#ff8492}.game-choice[data-game=lane]{--choice:#ffd65d}.game-choice[data-game=star]{--choice:#64ead6}.game-choice.selected{border-color:var(--choice);background:#242f36;box-shadow:inset 4px 0 var(--choice)}.game-choice:hover{background:#272d3a;border-color:#9ca4b4}.game-number{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:1.5rem;color:var(--choice);line-height:1.1}.choice-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.choice-copy strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.6rem;line-height:1;font-weight:800;letter-spacing:.4px}.choice-copy>span{font-size:.875rem;color:#b9bfce}.choice-copy small{font-family:ui-monospace,monospace;font-size:.75rem;color:#a6aaba;letter-spacing:.3px;margin-top:4px}.choice-copy b{color:#ececf3;font-weight:500;margin-left:8px}.choice-arrow{font-size:.75rem;color:var(--choice);margin-left:auto;align-self:center;opacity:0}.selected .choice-arrow{opacity:1}.cabinet-art{margin-top:22px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:5px;aspect-ratio:3/2;background:#151924}.cabinet-art img{width:100%;height:100%;display:block;object-fit:cover}.cabinet-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10121ceb)}.cabinet-art>span{position:absolute;bottom:13px;left:14px;right:10px;z-index:1;font-size:.75rem;letter-spacing:1px;color:#efecdf;font-weight:600}.local-note{font-size:.75rem;line-height:1.5;color:var(--muted);margin:14px 0 0}.cabinet{border:1px solid #484b57;border-radius:9px;background:#20232f;box-shadow:0 12px 0 -7px #090b12,0 14px 30px #0003;padding:12px;min-width:0;align-self:start}.cabinet-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:3px 4px 13px}.cabinet-bar>div{display:flex;align-items:center;gap:14px}.tiny-label{font-size:.75rem;color:#a6aaba;letter-spacing:1px}.cabinet-bar strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.375rem;color:var(--accent);font-weight:700;letter-spacing:.6px}.cabinet-bar .utility{min-height:34px;background:transparent}.screen{position:relative;background:#080c17;border:1px solid #05080d;border-radius:4px;box-shadow:0 0 0 3px #121621,inset 0 0 25px #000;overflow:hidden;aspect-ratio:3/2}.screen canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}.scanlines{pointer-events:none;position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#0002 3px,#0002 4px);opacity:.22;box-shadow:inset 0 0 65px #0005}.overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(90deg,#080c1780,#080c17b8,#080c1780)}.overlay-panel{max-width:510px;width:100%;text-align:center;padding:14px 18px}.overline{font-family:ui-monospace,monospace;font-size:.875rem;color:var(--accent);letter-spacing:2px;font-weight:600}.overlay h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(34px,6.5vw,86px);letter-spacing:2px;line-height:.94;margin:14px 0 17px;font-weight:900;text-shadow:4px 4px 0 #070b14,0 0 38px #0e161c}.overlay p{font-size:1rem;color:#c6cbd9;line-height:1.5;margin:0 auto 22px;max-width:350px}.play-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:52px;min-width:220px;padding:15px 23px;border:0;border-bottom:4px solid #b88428;border-radius:4px;background:var(--yellow);color:#171b25;font-weight:700;font-size:1rem;letter-spacing:.4px;box-shadow:0 4px 0 #080c17}.play-button:hover{background:#ffe58f}.play-button:active{transform:translateY(2px);border-bottom-width:2px}.overlay p.start-hint{margin:17px 0 0;max-width:none;color:#a3acbf;font-size:.875rem}.restart-link{border:0;background:none;padding:12px 18px;color:#cbd1df;text-decoration:underline;text-underline-offset:4px;font-size:.875rem;display:block;margin:8px auto 0}.result{display:flex;justify-content:center;gap:32px;margin:0 0 22px}.result span{font-size:.75rem;color:#aab3c5;letter-spacing:1px}.result strong{font-family:ui-monospace,monospace;font-size:1.6rem;display:block;letter-spacing:1px;color:#f8f4e8;margin-top:5px}.control-deck{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 3px 13px;border-bottom:1px solid #393d49}.control-help{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.control-help>span{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:#c7ccda;white-space:nowrap}.control-help b{font-weight:500}kbd{font-family:ui-monospace,monospace;font-size:.75rem;border:1px solid #596071;border-bottom:3px solid #596071;border-radius:3px;padding:3px 5px;color:#f2f0e9;background:#272d3a;min-width:23px;text-align:center}.input-status{font-size:.75rem;font-weight:500;color:#a6aaba;white-space:nowrap;letter-spacing:.5px}.game-tip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 3px 1px;font-size:.75rem;color:#a6aaba;line-height:1.5}.game-tip>span:last-child{white-space:nowrap;color:#d5cda6;letter-spacing:.6px}.touch-controls{display:none;gap:10px;align-items:center;margin-top:15px}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #657082;border-bottom-width:4px;background:#303847;border-radius:7px;min-height:52px;min-width:60px;font-size:1.1rem;font-weight:700}.touch-directions{display:flex;gap:8px;margin-right:auto}.touch-controls .touch-action{background:var(--yellow);color:#141722;border-color:#b38839;padding:10px 19px;font-size:.875rem}.touch-controls .touch-special{border-color:var(--accent);color:var(--accent);padding:10px 12px;font-size:.75rem}.touch-controls button.held{transform:translateY(2px);filter:brightness(1.2);border-bottom-width:2px}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;color:#878fa4;font-size:.75rem;letter-spacing:1.2px}.footer a{font-weight:700;color:#d1d5df;min-height:34px;display:flex;align-items:center}.footer a:hover{color:var(--yellow)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.no-script{padding:24px;color:#fff}.playing .screen{box-shadow:0 0 0 3px #121621,0 0 25px #64ead608}
@media(max-width:1200px){.arcade-app{padding:18px 22px}.machine{grid-template-columns:225px minmax(0,1fr);gap:18px}.game-choice{padding:16px 11px;gap:10px}.choice-copy strong{font-size:1.4rem}.control-help{gap:11px}.input-status{display:none}.game-tip>span:last-child{display:none}.cabinet-art{margin-top:18px}}
@media(max-width:880px){.arcade-app{padding:16px}.marquee{margin-bottom:18px;padding-bottom:16px}.machine{grid-template-columns:1fr;gap:16px}.selection-heading{padding-bottom:10px}.game-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.game-choice{min-height:85px;padding:12px;gap:10px;align-items:flex-start}.choice-copy strong{font-size:1.4rem}.choice-copy>span,.choice-arrow,.cabinet-art,.local-note{display:none}.game-number{font-size:1.2rem}.choice-copy{gap:5px}.choice-copy small{font-size:.75rem;letter-spacing:0}.choice-copy b{margin-left:2px}.free-play{display:none}.cabinet{padding:10px}.overlay h2{font-size:clamp(44px,9vw,82px)}.footer{margin-top:15px}.control-deck{padding-top:15px}.input-status{display:block}}
@media(pointer:coarse){.touch-controls{display:flex}.control-help{display:none}.control-deck{padding:10px 3px}.input-status{display:block}.game-tip{padding-top:12px}}
@media(max-width:560px){.arcade-app{padding:12px 10px}.marquee{gap:10px;margin-bottom:14px;padding-bottom:13px}.edition{font-size:.75rem;letter-spacing:1px}.wordmark h1{font-size:35px;gap:3px}.wordmark i{display:none}.header-tools{gap:0}.header-tools .utility{font-size:.75rem;padding:7px 9px;min-height:36px}.selection-heading{padding-top:0}.selection-heading h2{font-size:.75rem}.game-list{gap:6px}.game-choice{min-height:83px;display:block;padding:10px 7px}.game-number{display:none}.choice-copy strong{font-size:1.25rem;letter-spacing:0}.choice-copy small{font-size:.75rem;display:flex;flex-direction:column;gap:2px;margin-top:3px}.choice-copy b{margin:0}.game-choice.selected{box-shadow:inset 0 -3px var(--choice)}.machine{gap:12px}.cabinet{padding:7px}.cabinet-bar{padding:2px 2px 10px}.cabinet-bar>div{gap:8px}.tiny-label{font-size:.75rem;letter-spacing:0}.cabinet-bar strong{font-size:1.15rem}.cabinet-bar .utility{font-size:.75rem;padding:6px 9px;min-height:32px}.overlay{padding:6px}.overlay-panel{padding:6px 8px}.overline{font-size:.75rem;letter-spacing:1px}.overlay h2{font-size:44px;line-height:.9;margin:8px 0}.overlay p{font-size:.875rem;line-height:1.35;margin-bottom:12px;max-width:300px}.play-button{min-height:42px;min-width:180px;padding:10px 17px;font-size:.875rem;border-bottom-width:3px}.overlay p.start-hint{font-size:.75rem;margin-top:8px}.control-help{gap:8px}.control-help>span{font-size:.75rem}.pause-hint{display:none!important}.input-status{font-size:.75rem;letter-spacing:0}.control-deck{padding:11px 2px}.game-tip{font-size:.75rem;padding-top:10px}.footer{font-size:.75rem;letter-spacing:.2px}.footer>span{max-width:160px;line-height:1.5}.touch-controls{gap:7px;margin-top:12px}.touch-controls button{min-width:50px;min-height:50px}.touch-controls .touch-action{padding-inline:14px}.touch-controls .touch-special{padding-inline:9px}.touch-directions{gap:6px}.result{gap:20px;margin-bottom:12px}.result strong{font-size:1.25rem}.restart-link{margin:0 auto;padding:8px 12px;font-size:.75rem}.overlay.is-result h2{font-size:37px}.overlay.is-result #overlay-description{display:none}.overlay.is-pause #overlay-description{display:none}}
@media(max-width:350px){.wordmark h1{font-size:30px}.overlay h2{font-size:35px}.overlay p{font-size:.75rem}.overline{font-size:.75rem}.choice-copy strong{font-size:1.1rem}.control-deck .input-status{display:none}.touch-controls button{min-width:42px}.tiny-label{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.scanlines{opacity:.12}}
@media(max-width:560px){.overlay h2 br{display:none}.control-deck{flex-wrap:wrap}.overlay h2{letter-spacing:1px}}
@media(max-width:350px){.overlay #overlay-description,.overlay .start-hint{display:none}.overlay.is-result h2{font-size:29px}.result{gap:16px}.result span{font-size:.75rem;letter-spacing:0}.result strong{font-size:1rem}}