:root{color-scheme:dark;font-family:Courier New,Consolas,monospace;--ink: #c8ff66;--hot: #ffcf33;--danger: #ff4f73;--cyan: #5ef6ff;--screen: #07110b;--cabinet: #39295f;--cabinet-edge: #1b1230}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 50% 15%,#2f164d 0,transparent 34rem),repeating-linear-gradient(90deg,#08060e 0 3px,#0d0915 3px 6px)}button,kbd{font:inherit}button{border:3px solid #130d23;border-radius:3px;padding:.65rem .9rem;color:#160e22;background:var(--hot);box-shadow:0 4px #8e5f00;font-weight:900;cursor:pointer;text-transform:uppercase}button:hover,button:focus-visible{outline:3px dashed var(--cyan);outline-offset:3px;filter:brightness(1.12)}button:active{transform:translateY(3px);box-shadow:0 1px #8e5f00}.arcade-shell{width:min(1100px,100%);margin:0 auto;padding:1.25rem clamp(.65rem,3vw,2rem) 2rem}.marquee{position:relative;z-index:1;margin:0 auto -.4rem;border:5px solid #160e26;border-radius:20px 20px 4px 4px;padding:.8rem 1rem 1rem;color:#fff4bb;text-align:center;background:radial-gradient(circle,#ffdb45 0 2px,transparent 3px) 0 0 / 22px 22px,linear-gradient(#a5215d,#671442);box-shadow:0 8px #120b21,0 0 30px #fa348b55}.marquee-kicker{font-size:clamp(.65rem,1.5vw,.9rem);letter-spacing:.25em}.marquee h1{margin:.25rem 0 0;color:var(--hot);font-size:clamp(2rem,7vw,5rem);line-height:.95;letter-spacing:-.08em;text-shadow:4px 4px 0 #5b143c,-2px -2px 0 #fff3a5}.marquee p{margin:.45rem 0 0;color:#fff;font-weight:700}.cabinet{border:clamp(10px,2vw,22px) solid var(--cabinet);border-bottom-width:28px;padding:clamp(7px,1.5vw,15px);background:var(--cabinet-edge);box-shadow:0 18px #0c0814,0 28px 45px #000c}.screen{position:relative;overflow:hidden;border:8px solid #09070e;border-radius:24px;background:var(--screen);box-shadow:inset 0 0 35px #000,0 0 15px #79ff7144}canvas{display:block;width:100%;height:auto;aspect-ratio:8 / 5;image-rendering:pixelated;touch-action:none}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.23;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(0,0,0,.65) 4px 6px);mix-blend-mode:multiply}.start-panel{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.65rem;padding:1rem;text-align:center;background:radial-gradient(circle,#11321aee,#020604f7 62%);transition:opacity .4s ease,visibility .4s ease}.start-panel.hidden{visibility:hidden;opacity:0;pointer-events:none}.start-panel img{width:min(39vw,270px);aspect-ratio:1;object-fit:contain;filter:saturate(.9) contrast(1.15) drop-shadow(0 0 18px #b9ff70);animation:pascal-boot 1.1s steps(7,end) both}.start-panel p{margin:0;min-height:1.2em;color:var(--cyan);font-weight:900;letter-spacing:.08em}.start-panel button{min-width:190px;animation:blink 1.2s steps(2,end) infinite}.control-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .4rem .2rem}.instructions{display:grid;gap:.25rem;color:#d9d3ef;font-size:clamp(.65rem,1.5vw,.9rem)}.instructions strong{color:var(--hot)}kbd{display:inline-block;margin-right:.2rem;border:1px solid #897ea8;border-bottom-width:3px;padding:.05rem .3rem;color:#fff;background:#221936}.cabinet-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.7rem}#mute-button{color:#fff;background:#cf3564;box-shadow:0 4px #6f1534}.footer-line{margin:2rem 0 0;color:#8b80a8;text-align:center;font-size:.72rem}@keyframes pascal-boot{0%{opacity:0;transform:scale(3) rotate(-24deg);filter:grayscale(1) contrast(4)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes blink{50%{visibility:hidden}}@media(max-width:700px){.control-panel{align-items:stretch;flex-direction:column}.cabinet-buttons{justify-content:stretch}.cabinet-buttons button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.scanlines{display:none}}