@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--black:#0b0a12;--panel-black:#150f24;--panel-black-alt:#1c1330;--purple-deep:#2c0f57;--purple:#7b2ff7;--purple-light:#b98bff;--aqua:#22e6cf;--aqua-bright:#6dfff0;--ink-light:#e9f9f6;--ink-dim:#a89bd6;--arcade-yellow:#ffd400;--arcade-yellow-glow:#ffd4008c;--arcade-font:"Press Start 2P", "Arial Black", arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink-light);background-color:var(--black);background-image:repeating-linear-gradient(45deg,#100a1e 0 2px,#0b0a12 2px 14px);font-family:Verdana,Geneva,Arial,sans-serif;line-height:1.5}a{color:var(--aqua)}a:visited{color:var(--purple-light)}a:hover{color:var(--aqua-bright)}.page{max-width:960px;margin:0 auto;padding:0 .75rem 2rem}.banner{background:linear-gradient(to bottom, var(--purple-light) 0%, var(--purple) 55%, var(--purple-deep) 100%);border-bottom:4px solid var(--aqua);margin-bottom:1rem;padding:.9rem 1rem;box-shadow:0 3px 12px #7b2ff773}.banner-inner{text-align:center;flex-direction:column;align-items:center;max-width:960px;margin:0 auto;display:flex}.banner-logo-row{align-items:center;gap:.6rem;display:flex}.banner-logo{width:2.6rem;height:2.6rem;filter:drop-shadow(0 0 6px var(--aqua-bright));flex:none}.banner-logo .logo-base{fill:var(--purple-deep);stroke:var(--aqua);stroke-width:3px}.banner-logo .logo-stick{fill:var(--purple-light)}.banner-logo .logo-ball{fill:var(--arcade-yellow);stroke:var(--aqua-bright);stroke-width:2px}.banner-brand{font-family:var(--arcade-font);letter-spacing:.04em;color:#f4faff;text-shadow:0 0 4px #fff, 0 0 12px var(--aqua-bright), 0 0 24px var(--aqua), 0 0 40px var(--aqua);margin:0;font-size:1.6rem;line-height:1.4}.banner-tagline{color:var(--aqua-bright);text-shadow:0 0 4px #22e6cf99;margin:.15rem 0 0;font-size:.85rem;font-weight:700}.layout{align-items:flex-start;gap:1rem;display:flex}.sidebar{background:var(--panel-black);border:2px solid var(--purple);flex:0 0 200px;padding:.6rem;box-shadow:0 0 10px #7b2ff759}.sidebar-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--aqua);border-bottom:2px dotted var(--purple);margin:0 0 .5rem;padding-bottom:.3rem;font-size:.8rem}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li+li{margin-top:.4rem}.sidebar a{background:var(--panel-black-alt);border:1px solid var(--purple);color:var(--ink-light);padding:.4rem .6rem;font-size:.85rem;font-weight:700;text-decoration:none;display:block}.sidebar a:hover,.sidebar a[aria-current=page]{background:var(--purple);border-color:var(--aqua);color:var(--black)}main{background:var(--panel-black);border:2px solid var(--purple);flex:auto;min-width:0;padding:1rem 1.2rem 1.4rem;box-shadow:0 0 12px #7b2ff759}main h1{color:var(--aqua-bright);text-shadow:0 0 8px #22e6cf80;margin-top:0;font-family:Arial Black,Arial,sans-serif}main h2{font-family:var(--arcade-font);color:var(--arcade-yellow);text-transform:uppercase;letter-spacing:.04em;background:var(--panel-black-alt);border:3px solid var(--arcade-yellow);box-shadow:0 0 10px var(--arcade-yellow-glow), inset 0 0 6px #ffd40033;border-radius:4px;margin:1.4rem 0 .9rem;padding:.5rem .8rem;font-size:.85rem;line-height:1.6;display:inline-block}main h3{color:var(--aqua);margin-bottom:.3rem}.game-card-grid{grid-template-columns:repeat(3,1fr);gap:.9rem;margin:0 0 .4rem;display:grid}.game-card{background:var(--panel-black-alt);border:2px solid var(--aqua);overflow:hidden;box-shadow:0 0 8px #22e6cf40}.game-card-art{border-bottom:2px solid var(--aqua);width:100%;height:auto;display:block}.game-card-body{padding:.6rem .7rem}.game-card-body h3{color:var(--aqua-bright);margin:.3rem 0;font-size:.95rem}.game-card-body p{color:var(--ink-dim);margin:0;font-size:.8rem}.new-tag,.popular-tag{text-transform:uppercase;letter-spacing:.05em;padding:.05rem .35rem;font-size:.65rem;display:inline-block}.new-tag{color:var(--black);background:var(--purple-light)}.popular-tag{color:var(--black);background:var(--arcade-yellow)}table.link-table{border-collapse:collapse;width:100%;margin:0 0 1.4rem;font-size:.9rem}table.link-table caption{text-align:left;font-family:var(--arcade-font);color:var(--arcade-yellow);text-transform:uppercase;letter-spacing:.05em;background:var(--panel-black-alt);border:3px solid var(--arcade-yellow);box-shadow:0 0 10px var(--arcade-yellow-glow);border-bottom:none;border-radius:4px 4px 0 0;padding:.5rem .7rem;font-size:.7rem;line-height:1.6}table.link-table th,table.link-table td{border:1px solid var(--purple);text-align:left;padding:.4rem .6rem}table.link-table thead th{background:var(--purple-deep);color:var(--aqua-bright);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}table.link-table tbody tr:nth-child(odd){background:var(--panel-black-alt)}table.link-table tbody tr:hover{background:var(--purple-deep)}table.link-table a{font-weight:700;text-decoration:underline}.featured-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--black);background:var(--aqua);vertical-align:middle;margin-left:.4rem;padding:.05rem .35rem;font-size:.65rem;display:inline-block}.play-link{color:var(--black);background:var(--arcade-yellow);white-space:nowrap;padding:.1rem .5rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.play-link:hover{background:var(--aqua-bright)}.play-button{font-family:var(--arcade-font);color:var(--black);background:var(--arcade-yellow);border:2px solid var(--aqua-bright);box-shadow:0 0 10px var(--arcade-yellow-glow);margin:.4rem 0 1rem;padding:.6rem 1rem;font-size:.75rem;text-decoration:none;display:inline-block}.play-button:hover{background:var(--aqua-bright)}.jump-nav{background:var(--panel-black-alt);border:1px dashed var(--purple);margin-bottom:1.2rem;padding:.6rem 1rem;font-size:.85rem}.jump-nav ul{columns:2;margin:.3rem 0 0;padding-left:1.1rem}.loading-box{border:2px double var(--aqua);background:repeating-linear-gradient(135deg, var(--purple-deep) 0, var(--purple-deep) 18px, var(--black) 18px, var(--black) 36px);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;margin-bottom:.3rem;padding:1.5rem 1rem;display:flex}.loading-spinner{border:6px solid var(--purple-deep);border-top-color:var(--arcade-yellow);width:3.6rem;height:3.6rem;box-shadow:0 0 12px var(--arcade-yellow-glow);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-status{color:var(--aqua-bright);text-shadow:0 0 8px #22e6cf99;margin:0;font-family:Arial Black,Arial,sans-serif}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.screenshot-box{border:2px double var(--aqua);background:repeating-linear-gradient(135deg, var(--purple-deep) 0, var(--purple-deep) 18px, var(--black) 18px, var(--black) 36px);color:var(--aqua-bright);text-align:center;text-shadow:0 0 8px #22e6cf99;justify-content:center;align-items:center;min-height:160px;margin-bottom:.3rem;padding:1rem;font-family:Arial Black,Arial,sans-serif;display:flex}.screenshot-caption{color:var(--ink-dim);text-align:center;margin:0 0 1rem;font-size:.75rem;font-style:italic}.howto{background:var(--panel-black-alt);border:2px dashed var(--purple-light);padding:.8rem 1rem}table.highscores{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.9rem}table.highscores caption{text-align:left;color:var(--purple-light);margin-bottom:.3rem;font-weight:700}table.highscores th,table.highscores td{border:1px solid var(--purple);text-align:left;padding:.35rem .6rem}table.highscores thead th{background:var(--purple-deep);color:var(--aqua-bright)}table.highscores tbody tr:nth-child(odd){background:var(--panel-black-alt)}footer{text-align:center;color:var(--ink-dim);border-top:2px dotted var(--purple);margin-top:1rem;padding-top:.6rem;font-size:.75rem}.marquee{white-space:nowrap;border:2px solid var(--aqua);background:var(--black);color:var(--aqua-bright);text-shadow:0 0 6px #22e6cfb3;margin-bottom:.6rem;padding:.3rem 0;font-weight:700;overflow:hidden}.marquee-text{padding-left:100%;animation:14s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.marquee-text{padding-left:1rem;animation:none}}@media (width<=700px){.layout{flex-direction:column}.game-card-grid{grid-template-columns:1fr}.sidebar{flex:auto;width:100%}.sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.sidebar li+li{margin-top:0}.sidebar a{font-size:.8rem}.jump-nav ul{columns:1}}@media (width<=480px){.banner-logo{width:2rem;height:2rem}.banner-brand{font-size:1rem}main h2{font-size:.7rem}table.link-table caption{font-size:.6rem}}