@font-face{font-family:Pixel;src:url('assets/pixel.ttf') format('truetype');font-display:swap}
:root{--blue:#0928f5;--deep:#07148f;--ink:#030d55;--white:#f5f3dc;--accent:#ffe565;--line:#839afa;--glow:#2549ff}
*{box-sizing:border-box}body{margin:0;background:var(--blue);color:var(--white);font-family:Pixel,monospace;font-size:10px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border-radius:0}button:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{opacity:.35;cursor:default}#backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:-1;image-rendering:pixelated}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:30;background:repeating-linear-gradient(0deg,transparent 0 2px,#00000018 2px 3px);opacity:.65}.shell{max-width:1440px;margin:auto;padding:0 48px}.systembar{height:62px;border-bottom:1px solid #ffffff75;display:flex;align-items:center;gap:18px}.system-mark{font:30px monospace}.address{font-size:9px;letter-spacing:1px}.online{margin-left:auto;font-size:8px;display:flex;gap:10px;align-items:center}.online i{height:6px;width:6px;background:var(--accent);box-shadow:0 0 9px var(--accent)}.icon-button{border:1px solid #ffffff70;background:transparent;font:22px monospace;width:30px;height:28px}.icon-button:hover{background:var(--white);color:var(--blue)}main{max-width:1016px;margin:0 auto}.heading{position:relative;padding:54px 0 25px}.tiny-orbit{display:flex;justify-content:center;gap:27px;font:25px monospace;color:var(--accent);margin-bottom:26px}.tiny-orbit span{animation:float 3s ease-in-out infinite}.tiny-orbit span:nth-child(2){animation-delay:-1s;font-size:15px}.tiny-orbit span:nth-child(3){animation-delay:-2s}h1{font-size:clamp(28px,5.8vw,76px);font-weight:400;line-height:1.6;margin:0;text-align:center;letter-spacing:-4px;text-shadow:4px 4px 0 var(--deep),8px 8px 0 #02073d55;white-space:nowrap}h1 span{display:inline-block;transition:transform .2s,color .2s}h1 span:hover{transform:translateY(-7px);color:var(--accent)}.cursor{font-weight:400;display:inline-block;font-size:.6em;margin-left:6px;animation:blink 1.2s steps(1) infinite}.heading-bottom{display:flex;align-items:center;gap:20px;margin-top:25px;font-size:8px;opacity:.8}.heading-bottom div{height:1px;background:#ffffff55;flex:1}.corner{position:absolute;width:13px;height:13px;border-top:2px solid #ffffff80;top:36px}.tl{left:0;border-left:2px solid #ffffff80}.tr{right:0;border-right:2px solid #ffffff80}.arcade{border:2px solid var(--white);background:var(--deep);box-shadow:8px 8px 0 var(--ink),12px 12px 0 #ffffff25}.windowbar{height:40px;background:var(--white);color:var(--deep);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;gap:12px}.windowbar>span{display:flex;align-items:center;gap:10px}.windowbar i{width:8px;height:8px;background:var(--blue);box-shadow:3px 3px 0 #0928f540}.window-buttons{display:flex;gap:6px}.window-buttons button{height:24px;min-width:25px;border:1px solid var(--deep);background:transparent;display:flex;gap:6px;align-items:center;justify-content:center;font:19px monospace}.window-buttons button span{font:7px Pixel;padding-right:3px}.window-buttons button:hover{background:var(--deep);color:var(--white)}.screen{position:relative;aspect-ratio:16/9;margin:12px;border:2px solid var(--ink);overflow:hidden;background:#0e092a;isolation:isolate}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #05021880;z-index:5}.screen canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.hud{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:6;font-size:10px;text-shadow:2px 2px #090522;pointer-events:none}.hud>div{display:flex;flex-direction:column;gap:10px}.hud-label{color:#ffea93;font-size:7px}#hearts{color:#ff7565;font:17px monospace}.hud-center{text-align:center}.hud-right{text-align:right}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:12px;background:linear-gradient(#080a351a,#08032955);z-index:8}.overlay.hidden{display:none}.game-name{font-size:clamp(24px,4.8vw,56px);display:flex;flex-direction:column;line-height:1.35;text-align:center;letter-spacing:-2px;color:#ffe683;text-shadow:3px 3px #bc482a,6px 6px #661f3a,9px 9px #180e40;transform:rotate(-3deg);animation:float 5s ease-in-out infinite}.game-sub{color:#ed9463;margin:18px 0 21px;font-size:9px;letter-spacing:9px}.play-button{background:#ffe565;color:#28143d;border:2px solid #ffefc9;box-shadow:4px 4px 0 #5c2648;padding:15px 20px;font-size:10px;transition:transform .1s,box-shadow .1s}.play-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #5c2648;background:#fff3b1}.play-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #5c2648}.start-hint{font-size:6px;letter-spacing:1px;margin-top:18px;color:#e4c9ba;animation:blink 2s steps(1) infinite}.controlbar{display:flex;align-items:center;gap:20px;padding:8px 14px 18px;font-size:6px;color:#d5dcff}.controlbar>div{display:flex;gap:5px;align-items:center}.controlbar span{margin:0 8px 0 3px}kbd{border:1px solid #8ba0ed;box-shadow:0 2px 0 #8ba0ed70;padding:5px;font:8px monospace}.controlbar .best{margin-left:auto;white-space:nowrap}.best b{color:var(--accent);font-weight:400;margin-left:6px}.touch-controls{display:none;padding:5px 20px 18px;justify-content:space-between}.touch-controls button{border:1px solid var(--white);background:var(--blue);width:44px;height:44px;font-size:14px;touch-action:none;user-select:none}.touch-controls button:active,.touch-controls button.pressed{background:var(--accent);color:var(--deep)}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:5px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.actionpad{display:flex;gap:10px;align-items:center}.actionpad button{border-radius:50%}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0 26px}.pixel-spark{font:28px monospace;color:var(--accent);animation:spin 16s linear infinite}.palette{display:flex;gap:9px}.palette button{width:16px;height:16px;border:1px solid #ffffff88;box-shadow:2px 2px #030d5560}.palette button[aria-pressed=true]{outline:2px solid var(--white);outline-offset:3px}.palette button[data-theme=blue]{background:#0928f5}.palette button[data-theme=green]{background:#0b6941}.palette button[data-theme=purple]{background:#6b1dc3}.moon{background:transparent;border:0;font:32px monospace;color:var(--accent);transition:transform .3s}.moon:hover{transform:rotate(-25deg)}dialog{padding:0;border:2px solid var(--white);background:var(--blue);color:var(--white);width:min(420px,90vw);box-shadow:8px 8px 0 var(--ink)}dialog::backdrop{background:#030733a8;backdrop-filter:blur(5px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;background:var(--white);color:var(--deep);padding:8px 12px}.dialog-bar button{background:transparent;border:1px solid var(--deep);font:20px monospace}.dialog-content{padding:28px;display:grid;gap:28px}.dialog-content label{display:flex;justify-content:space-between;align-items:center;font-size:9px}.dialog-content input{accent-color:var(--accent);width:20px;height:20px}.setting-palettes{display:flex;gap:10px}.setting-palettes button,.save-settings{background:var(--white);color:var(--deep);border:0;padding:12px;font-size:8px}.save-settings{padding:16px}.screen:fullscreen{margin:0;width:100%;height:100%;border:0;aspect-ratio:auto}.screen:fullscreen canvas{object-fit:contain;background:#07051e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-motion *{animation:none!important;transition:none!important}.no-scanlines .scanlines{display:none}@keyframes blink{50%{opacity:0}}@keyframes float{50%{translate:0 -5px}}@keyframes spin{to{rotate:360deg}}@media(pointer:coarse){.touch-controls{display:flex}.controlbar{display:none}}@media(max-width:700px){.shell{padding:0 18px}.systembar{height:50px;gap:10px}.address{font-size:6px;letter-spacing:0}.online{font-size:5px;gap:5px}.system-mark{font-size:22px}.heading{padding:38px 0 20px}h1{letter-spacing:-2px;font-size:clamp(23px,5.5vw,38px)}.tiny-orbit{margin-bottom:16px;font-size:20px}.heading-bottom{margin-top:20px;font-size:6px}.windowbar{height:34px;font-size:6px;padding:0 7px}.window-buttons{gap:4px}.window-buttons button{min-width:22px;font-size:17px;height:23px}.window-buttons button span{font-size:5px}.screen{margin:7px}.hud{top:9px;left:10px;right:10px;font-size:7px}.hud-label{font-size:5px}.hud>div{gap:5px}#hearts{font-size:12px}.game-name{font-size:clamp(22px,5vw,35px);text-shadow:2px 2px #bc482a,4px 4px #661f3a,6px 6px #180e40}.game-sub{margin:8px 0 12px;font-size:6px}.play-button{font-size:7px;padding:10px 12px}.start-hint{margin-top:12px;font-size:4px}.controlbar{gap:5px;padding:8px 7px 13px;font-size:4px}.controlbar>div{gap:2px}.controlbar span{margin:0 3px}kbd{padding:3px;font-size:6px}.controlbar .best{font-size:4px}.touch-controls{padding:4px 10px 13px}.touch-controls button{height:36px;width:36px;font-size:12px}.dpad{grid-template-columns:repeat(3,36px);gap:4px}.actionpad{gap:7px}footer{padding-top:24px}.cursor{margin-left:0}.corner{top:22px}.hud-center{margin-left:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.arcade:fullscreen{width:100vw;height:100dvh;display:flex;flex-direction:column;box-shadow:none;border:0}.arcade:fullscreen .screen{flex:1;min-height:0;margin:8px auto;width:min(calc(100vw - 20px),calc((100dvh - 100px)*16/9))}.arcade:fullscreen .screen canvas{object-fit:contain}.arcade:fullscreen .controlbar,.arcade:fullscreen .touch-controls{flex-shrink:0}.arcade:fullscreen .screen:after{box-shadow:inset 0 0 70px #05021880}@media(pointer:coarse){.arcade:fullscreen .screen{width:min(calc(100vw - 20px),calc((100dvh - 160px)*16/9))}}