*{box-sizing:border-box}body{margin:0;background:#101116;color:#f1f2f6;font:16px system-ui,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{border-bottom:1px solid #303139;padding:24px 5%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:950;letter-spacing:-1px}.logo span{color:#9bdcff}.pill{font-size:14px;color:#a7a8b3}main{max-width:1200px;margin:auto;padding:36px 24px}h1{font-size:42px;letter-spacing:-2px;margin:0 0 8px}p{color:#a7a8b3;line-height:1.6}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}input{background:#1b1c24;border:1px solid #3d3e48;color:white;border-radius:10px;padding:14px;flex:1;min-width:200px}.filter{background:#1b1c24;color:#bebfc9;border:1px solid #343540;border-radius:9px;padding:10px 18px}.filter.active{background:#9bdcff;color:#111;border-color:#9bdcff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#1b1c24;border:1px solid #30313b;border-radius:16px;overflow:hidden}.cover{height:160px;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:900;letter-spacing:-7px;background:var(--color);color:#14151c}.card:first-child{grid-column:span 2}.info{padding:20px}.topline{display:flex;justify-content:space-between;gap:10px}h2{margin:0;font-size:22px;letter-spacing:-.5px}.tag{font-size:14px;color:#aaaab6;margin:8px 0 18px}.play{display:inline-block;text-decoration:none;background:#f2f3f8;color:#101116;padding:11px 20px;border:0;border-radius:8px;font-weight:750}.star{border:0;background:transparent;color:#bbb;font-size:25px;padding:0 4px}.star.on{color:#9bdcff}footer{margin-top:32px;font-size:14px;color:#777985}dialog{background:#191a23;color:#fff;border:1px solid #454651;border-radius:18px;width:min(680px,95vw);padding:24px}dialog::backdrop{background:#000c}.dialoghead{display:flex;justify-content:space-between;align-items:center;gap:10px}.close{background:#30313e;border:0;color:white;border-radius:8px;padding:9px 14px}.stage{background:#101116;border-radius:12px;margin:20px 0;padding:20px;min-height:310px;text-align:center}canvas{max-width:100%;display:block;margin:auto;background:#11131b;border:1px solid #333}.status{min-height:24px;color:#9bdcff;margin:12px 0}.keys{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.keys button,.memory button{background:#303343;border:1px solid #505365;color:#fff;border-radius:8px;min-width:52px;min-height:50px}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:380px;margin:auto}.memory button{font-size:26px}.reaction{width:100%;min-height:210px;border:0;border-radius:10px;background:#454453;color:white;font-size:23px}.reaction.ready{background:#9bdcff;color:#111}:focus-visible{outline:3px solid #9bdcff;outline-offset:3px}#empty{padding:30px;text-align:center}.hint{font-size:14px}@media(max-width:700px){.grid{grid-template-columns:1fr 1fr}.card:first-child{grid-column:span 2}h1{font-size:34px}.cover{height:125px;font-size:45px}.info{padding:15px}header{padding:20px}.pill{display:none}}@media(max-width:440px){.grid{grid-template-columns:1fr}.card:first-child{grid-column:auto}main{padding:28px 16px}.filter{padding:10px 12px}}
.player-actions{display:flex;gap:8px;flex-wrap:wrap}#gameplayer:fullscreen{width:100vw;height:100vh;padding:20px;background:#191a23;display:flex;flex-direction:column;overflow:auto}#gameplayer:fullscreen .stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px 0}#gameplayer:fullscreen .stage iframe{width:100%!important;height:100%!important;flex:1}#gameplayer:fullscreen .stage canvas{width:min(55vh,75vw);height:auto;flex-shrink:0}#gameplayer:fullscreen .keys{margin-top:8px}#gameplayer:fullscreen .memory{width:min(70vh,90vw)}#gameplayer:fullscreen .reaction{flex:1}#gameplayer:fullscreen #restart{align-self:flex-start}@media(max-width:440px){.dialoghead{flex-wrap:wrap}#gameplayer:fullscreen{padding:12px}}

:root{--gold:#9bdcff;--border:#467c9a;--brown:#28201b;--panel:#111113}body{background:#28201b;color:#bcb9bd;font-family:"Courier New",monospace;font-weight:700;background-image:radial-gradient(ellipse at 55% 30%,#294c6288,transparent 60%)}body>header,body>main{margin-left:74px}.rail{position:fixed;inset:0 auto 0 0;width:74px;background:#151314;border-right:3px solid #345365;display:flex;align-items:center;flex-direction:column;gap:18px;padding:20px 10px;z-index:10}.rail-brand{color:var(--gold);font-size:20px;text-decoration:none;margin:4px 0 22px}.rail-button{width:40px;height:40px;display:grid;place-items:center;background:#171719;color:var(--gold);border:2px solid var(--border);box-shadow:0 0 0 2px #090909,inset 0 0 0 3px #192a35;border-radius:3px;font-size:24px;text-decoration:none}.rail-button:hover,.rail-button:focus-visible{background:#254252}.rail-bottom{margin-top:auto;color:#7097ad;font-size:16px;line-height:1.6;text-align:center}header{height:70px;background:#1b1715;border-bottom:1px solid #30291f;padding:16px 28px}.logo{font-size:20px;letter-spacing:0;color:var(--gold)}.logo span{color:var(--gold)}.pill{font-size:13px;border:2px solid #426780;box-shadow:0 0 0 2px #090909;background:#111113;color:#bcb9bd;padding:10px;border-radius:3px}main{max-width:1150px;margin-right:auto!important;margin-left:auto!important;padding:34px 30px 40px 104px}.arcade-mark{margin:0 auto 16px;width:64px;height:64px;display:grid;place-items:center;font-size:28px;color:var(--gold);border:3px solid var(--gold);box-shadow:6px 6px 0 #100f11,0 0 45px #83cfff22;background:#1b1714}h1{text-align:center;color:var(--gold);font-size:30px;letter-spacing:1px;margin:0}.intro{text-align:center;margin:12px 0 24px;color:#aaa5a5;font-size:14px}.toolbar{justify-content:center;margin:24px 0 26px;gap:12px}input{flex-basis:100%;max-width:640px;margin:0 calc((100% - min(100%,640px))/2) 10px;border:2px solid var(--border);box-shadow:0 0 0 3px #090909,inset 0 0 0 3px #292313;background:#101013;border-radius:3px;color:#d8d1c2;font-family:inherit;padding:16px;font-size:16px}input::placeholder{color:#85818a}.filter{background:#111113;color:#b7b1b6;border:2px solid #426780;border-radius:3px;box-shadow:0 0 0 2px #090909;font-weight:700;padding:10px 15px;font-size:14px}.filter.active{background:#203e50;border-color:var(--gold);color:var(--gold)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#111113;border:2px solid #467c9a;border-radius:4px;box-shadow:0 0 0 3px #0a090a,inset 0 0 18px #9bdcff10}.card:first-child{grid-column:auto}.cover{height:125px;background:linear-gradient(145deg,#243d4d,#191619);color:var(--gold);font-size:36px;letter-spacing:-2px;border-bottom:1px solid #355668}.card:nth-child(2n) .cover{background:linear-gradient(145deg,#263b48,#171719)}.card:nth-child(3n) .cover{background:linear-gradient(145deg,#243447,#171719)}h2{color:#cadfea;font-size:19px}.info{padding:18px}.tag{line-height:1.5;font-size:14px;color:#948e97;min-height:42px;margin:10px 0 16px}.play,.close{background:#111113;color:var(--gold);border:2px solid #467c9a;border-radius:3px;box-shadow:0 0 0 2px #080808;font-weight:700}.play:hover,.close:hover{background:#203a49}.star.on{color:var(--gold)}.star{color:#729db7}footer{font-weight:400;color:#8d8480;font-size:13px;line-height:1.6;margin-top:32px}dialog{background:#1b1715;border:2px solid var(--gold);border-radius:4px;padding:20px}.stage{background:#111113;border-radius:3px}.status{color:var(--gold)}.keys button{border-radius:3px;background:#222018;border-color:#467c9a}.close{padding:8px 12px;font-size:14px}:focus-visible{outline-color:var(--gold)}#gameplayer:fullscreen{background:#1b1715}#modal.expanded{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0}#gameplayer.expanded{width:100%;height:100%;padding:20px;background:#1b1715;display:flex;flex-direction:column;overflow:auto}#gameplayer.expanded .stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px 0}#gameplayer.expanded .stage iframe{width:100%!important;height:100%!important;flex:1}#gameplayer.expanded .stage canvas{width:min(55vh,75vw);height:auto;flex-shrink:0}#gameplayer.expanded .reaction{flex:1}#gameplayer.expanded #restart{align-self:flex-start}@media(min-width:1400px){main{padding-top:50px}}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding-left:96px;padding-right:24px}.logo{font-size:16px}.pill{display:none}}@media(max-width:500px){.rail{width:54px;padding:16px 7px}.rail-brand{font-size:16px}.rail-button{width:34px;height:34px;font-size:20px}body>header{margin-left:54px;padding:14px;height:60px}main{padding:24px 18px 30px 72px}h1{font-size:23px}.grid{grid-template-columns:1fr}.cover{height:115px;font-size:34px}.toolbar{gap:10px}.filter{font-size:13px;padding:9px 10px}.arcade-mark{width:52px;height:52px;font-size:23px}.rail-bottom{display:none}#gameplayer.expanded{padding:12px}.player-actions{margin-left:auto}}