:root{--bg:#0b0820;--panel:#151033;--panel-line:#2a2160;--ink:#f4f1de;--ink-soft:#a9a3c9;--pixel:"Press Start 2P", monospace;--focus:#ffd23f}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--game) 22%, transparent), transparent 55%), linear-gradient(transparent 0 calc(100% - 1px), #ffffff08 0) 0 0 / 100% 24px, var(--bg);margin:0;font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.arcade{max-width:880px;margin:0 auto;padding:28px 16px 56px}.brand{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:22px;display:flex}.logo{font-family:var(--pixel);color:var(--ink);text-shadow:3px 3px 0 var(--game);font-size:18px;text-decoration:none}.brand p{color:var(--ink-soft);margin:0;font-size:14px}.cabinet{background:var(--panel);border:2px solid var(--panel-line);border-radius:18px;padding:18px;box-shadow:0 0 0 1px #000,0 18px 50px #00000073}.cabinet-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.genre{letter-spacing:.12em;text-transform:uppercase;color:var(--game);margin:0 0 6px;font-size:12px;font-weight:600}h1{font-family:var(--pixel);margin:0;font-size:clamp(16px,4vw,24px);font-weight:400;line-height:1.3}.another{border:2px solid var(--game);color:var(--ink);background:color-mix(in srgb, var(--game) 14%, transparent);border-radius:10px;flex:none;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.another:hover{background:color-mix(in srgb, var(--game) 28%, transparent)}.screen{box-shadow:0 0 0 4px #000, 0 0 0 6px var(--panel-line), 0 0 34px color-mix(in srgb, var(--game) 35%, transparent);background:#000;border-radius:12px;position:relative;overflow:hidden}.screen canvas{aspect-ratio:4/3;width:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:crosshair;display:block}.screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0;box-shadow:inset 0 0 60px #0000008c}.touch{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:none}@media (pointer:coarse){.touch{display:flex}}.touch button{font-family:var(--pixel);color:var(--ink);border:2px solid var(--panel-line);touch-action:none;background:#241b52;border-bottom-width:5px;border-radius:12px}.touch button:active{background:color-mix(in srgb, var(--game) 30%, #241b52);border-bottom-width:2px;transform:translateY(3px)}.pad{gap:6px;display:grid}.pad button{width:58px;height:58px;font-size:16px}.pad-4{grid-template-areas:".up.""left.right"".down."}.pad-2{grid-template-areas:"left right"}.pad .pad-up{grid-area:up}.pad .pad-down{grid-area:down}.pad .pad-left{grid-area:left}.pad .pad-right{grid-area:right}.fire{min-width:96px;height:96px;margin-left:auto;font-size:11px;background:color-mix(in srgb, var(--game) 40%, #241b52)!important;border-radius:50%!important}.cabinet-foot{grid-template-columns:1fr auto;gap:6px 16px;margin-top:16px;display:grid}.description{margin:0}.keys{color:var(--ink-soft);grid-column:1;margin:0;font-size:14px}.mute{font:inherit;color:var(--ink);border:1px solid var(--panel-line);cursor:pointer;background:0 0;border-radius:8px;grid-area:1/2/span 2;align-self:start;padding:6px 12px;font-size:14px}@media (pointer:coarse){.keys{display:none}}.list{margin-top:34px}.list h2{font-family:var(--pixel);color:var(--ink-soft);margin:0 0 14px;font-size:13px;font-weight:400}.games,.sites{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.games a,.sites a{background:var(--panel);border:2px solid var(--panel-line);border-radius:12px;flex-direction:column;gap:4px;height:100%;padding:14px 16px;text-decoration:none;display:flex}.games a{border-left:6px solid var(--game)}.games a:hover,.sites a:hover{border-color:var(--game)}.games a[aria-current=page]{background:color-mix(in srgb, var(--game) 16%, var(--panel))}.game-title{font-family:var(--pixel);font-size:11px;line-height:1.5}.game-genre,.site-description{color:var(--ink-soft);font-size:14px}.site-title{font-weight:600}@media (width<=600px){.arcade{padding-top:18px}.cabinet{border-radius:14px;padding:12px}.cabinet-head{flex-direction:column;align-items:flex-start}.cabinet-foot{grid-template-columns:1fr}.mute{grid-area:auto/1;justify-self:start}}