:root{--bg:#0b0618;--panel:#160d2e;--pink:#ff2bd6;--blue:#2bd9ff;--green:#39ff6a;--txt:#e9e6ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg) repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.02) 3px 4px);color:var(--txt);font:17px/1.6 system-ui,sans-serif}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:2px solid var(--pink);box-shadow:0 0 18px var(--pink)}
.logo img{height:96px;width:auto;display:block}nav a{color:var(--blue);margin:0 8px;font:bold 16px monospace;text-decoration:none;text-transform:uppercase}nav a.on,nav a:hover{color:var(--green);text-shadow:0 0 8px var(--green)}
main{max-width:980px;margin:auto;padding:20px}h1,h2,h3{font-family:"Courier New",monospace;letter-spacing:1px}h1{color:var(--pink);text-shadow:0 0 10px var(--pink)}h2{color:var(--blue);text-shadow:0 0 8px var(--blue);border-bottom:2px dashed #3a2a6a}h3{color:var(--green)}
a{color:var(--green)}.hero{text-align:center;padding:30px 0}.hero h1{font-size:clamp(32px,7vw,64px);margin:0}.tag{font-size:1.15em}
.search{display:flex;max-width:560px;margin:16px auto 0;gap:6px}.search input{flex:1;padding:10px;background:#000;border:2px solid var(--blue);color:#fff;font:16px monospace}
.search button,.btn,.filters button{background:var(--pink);color:#000;border:0;padding:10px 14px;font:bold 16px monospace;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 0 10px var(--pink)}
.ph{font:16px monospace;color:#ffcf3a}.pending{color:#9a90c0;border-bottom:1px dotted}.disc{font-size:16px;color:#b8b0e0}
.ad{border:2px dashed #ffcf3a;color:#ffcf3a;text-align:center;padding:30px 10px;margin:30px 0;font:16px monospace}.ad span{display:block;font-weight:bold;letter-spacing:3px}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:10px 0}th,td{border:1px solid #3a2a6a;padding:6px 8px;text-align:left;vertical-align:top}th{background:var(--panel);color:var(--blue)}
.pricebox{float:right;width:320px;margin:0 0 16px 20px;background:var(--panel);border:2px solid var(--green);box-shadow:0 0 12px var(--green);padding:12px}
.filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.filters button{background:var(--panel);color:var(--blue);box-shadow:none;border:1px solid var(--blue);text-transform:capitalize;padding:6px 10px}.filters button.on{background:var(--blue);color:#000}
.timeline{list-style:none;padding:0 0 0 20px;border-left:3px solid var(--pink);box-shadow:-6px 0 12px -6px var(--pink)}.timeline li{margin:8px 0;position:relative}
.dot{background:none;border:0;color:var(--txt);cursor:pointer;font:16px monospace;padding:4px 0;text-align:left}.dot:before{content:"";position:absolute;left:-28px;top:10px;width:12px;height:12px;background:var(--green);box-shadow:0 0 8px var(--green)}
.dot b{color:var(--green);margin-right:8px}.reg{font-size:16px;border:1px solid #6a5aa0;padding:0 4px;color:#b8b0e0}
.card{display:none;background:var(--panel);border-left:3px solid var(--blue);padding:4px 12px;margin:4px 0}.open .card{display:block}.meta{font:16px monospace;color:#b8b0e0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.cards a{background:var(--panel);border:2px solid var(--blue);padding:12px;text-decoration:none;color:var(--txt)}.cards a:hover{box-shadow:0 0 14px var(--blue)}
footer{border-top:2px solid var(--pink);padding:10px 20px;font-size:16px;color:#b8b0e0;text-align:center}
@media(max-width:700px){.pricebox{float:none;width:auto;margin:0 0 16px}.logo img{height:56px}header{justify-content:center}}
.ev{color:var(--txt);margin-left:6px}.boxh{font-size:1.15em;color:var(--green);text-shadow:none;border:0;margin-top:0}
nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.pricebox li a,.btn{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){.logo img{height:56px}header{padding:6px 10px;gap:4px}nav a{margin:0 6px;font-size:16px}h1{font-size:1.5em}.hero h1{font-size:2.2em}}
.phl{font-size:16px;font-weight:normal}
.inshort{background:var(--panel);border:2px solid var(--pink);padding:12px 16px;margin:16px 0}.fun{color:var(--green)}.tbw{color:#ffcf3a;font:16px monospace}
details.nerd{border:2px dashed var(--blue);padding:8px 14px;margin:20px 0}details.nerd summary{cursor:pointer;color:var(--blue);font:bold 1.2em "Courier New",monospace;min-height:44px;display:flex;align-items:center}
.pricebox{float:none;width:auto;margin:16px 0}.next{border-top:2px dashed var(--pink);padding-top:10px}
.chk{font:16px monospace;color:#000;background:#ffcf3a;padding:0 4px;margin-left:6px}.unvtog{display:flex;align-items:center;gap:8px;min-height:44px;font:16px monospace;color:#ffcf3a}.unvtog input{width:22px;height:22px}.sfilt button{border-color:var(--pink);color:var(--pink)}.sfilt button.on{background:var(--pink);color:#000}
:root{--bg:#0b0618;--panel:#0b0618;--txt:#e9e6ff;--muted:#c9c3ee;--green:#39ff6a;--mag:#ff2bd6;--cyan:#2bd9ff;--focus:#ffcf3a;
--neon:linear-gradient(rgba(11,6,24,.6),rgba(11,6,24,.6)),url(img/neon.webp) center/cover}
*{box-sizing:border-box}
body.mix{margin:0;background:var(--bg);color:var(--txt);font:17px/1.6 system-ui,sans-serif}
.mix a{color:var(--green)}
.mix a:hover,.mix a:focus-visible{color:var(--cyan)}
.mix :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.mix>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--neon);border-bottom:2px solid var(--green)}
.mix>header .logo img{height:96px;width:auto;display:block}
.mix>header nav a,.mix>footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:#fff;font:bold 16px monospace;text-transform:uppercase;text-decoration:none;text-shadow:0 0 4px #000,0 0 8px #000}
.mix>header nav a.on{color:var(--green)}.mix>header nav a:hover,.mix>header nav a:focus-visible{color:var(--cyan)}
.mix>footer{padding:14px 20px;background:var(--neon);color:#fff;border-top:2px solid var(--green);font-size:16px;text-shadow:0 0 4px #000,0 0 8px #000}
.mix>footer a{text-transform:none;font:inherit;padding:0 4px}
.mix .margins{background:var(--bg)}
.mix.gb .margins{background:#0b0618 url(img/grey-gameboy.webp) center/420px;background-blend-mode:luminosity}
.mix.gb .margins>main,.mix.gb .margins>.panel{background:var(--panel)}
.mix main{max-width:980px;margin:auto;padding:20px;background:var(--panel)}
.mix h1,.mix h2,.mix h3{font-family:"Courier New",monospace;letter-spacing:1px;color:var(--green)}
.mix h2{border-bottom:2px dashed #3a2a6a}
.mix .tag,.mix .cat{display:inline-block;font:bold 16px monospace;padding:2px 8px;border-radius:3px;background:var(--mag);color:#000}
.mix .tag.c,.mix .cat.c{background:var(--cyan)}
.mix .btn,.mix button.b1{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:var(--green);color:#000;border:2px solid var(--green);font:bold 16px monospace;text-decoration:none;border-radius:4px}
.mix .btn:hover,.mix .btn:focus-visible{background:var(--cyan);border-color:var(--cyan);color:#000}
.mix table{border-collapse:collapse;width:100%}.mix th,.mix td{border:1px solid #3a2a6a;padding:6px 8px;text-align:left}.mix .tw{overflow-x:auto}
.mix .inshort,.mix .pricebox,.mix .ad{border:1px solid var(--green);padding:12px 16px;margin:16px 0;border-radius:4px}
.mix .ad{border-style:dashed;color:var(--muted);text-align:center}.mix .ad span{display:block;font:bold 16px monospace}
.mix .disc,.mix .ph{color:var(--muted);font-size:16px}.mix .tbw{color:var(--muted);font-style:italic}
.mix details summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:bold 16px monospace;color:var(--green)}
.mix .gbtoggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:#fff;font:bold 16px monospace}
.mix .gbtoggle input{width:22px;height:22px;accent-color:var(--green)}
@media(max-width:699px){.mix.gb .margins{background:var(--bg)}.mix .gbtoggle .note::after{content:" (off on phones)"}.mix>header .logo img{height:64px}.mix main{padding:14px}}
.bk{--bg:#120a24;--panel:#120a24;--txt:#f2f0ff;--muted:#cfc9ee;--h:#ff6bd9;--link:#2bd9ff;--hov:#39ff6a;--acc:#2bd9ff;--btn:#2bd9ff;--btntxt:#000;--focus:#ffcf3a;
 --hf:linear-gradient(rgba(18,10,36,.6),rgba(18,10,36,.6)),url(img/neon.webp) center/cover;--hftxt:#fff;--brick:url(img/brick-dark.svg);--alien:url(img/alien-dark.svg);--joy:url(img/joy-dark.svg);--coin:#ffcf3a}
:is(.bk[data-mode=light],html[data-mode=light] .bk){--bg:#f4f6ef;--panel:#f4f6ef;--txt:#1c2418;--muted:#3d4a37;--h:#1d6b2c;--link:#1d6b2c;--hov:#0b4f8a;--acc:#1d6b2c;--btn:#1d6b2c;--btntxt:#fff;--focus:#0b4f8a;
 --hf:linear-gradient(rgba(244,246,239,.55),rgba(244,246,239,.55)),url(img/grey-gameboy.webp) center/cover;--hftxt:#1c2418;--brick:url(img/brick-light.svg);--alien:url(img/alien-light.svg);--joy:url(img/joy-light.svg);--coin:#1d6b2c}
.bk{background:var(--bg);color:var(--txt)}
.bk a{color:var(--link)}.bk a:hover,.bk a:focus-visible{color:var(--hov)}
.bk :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.bk .bk-text{position:relative;isolation:isolate;background:var(--panel)}
.bk .bk-text::before{content:"";position:absolute;inset:0;background:var(--brick) 0 0/64px 32px;opacity:.06;z-index:-1;pointer-events:none}
.bk .bk-margins{position:relative}
.bk .ico{position:absolute;width:44px;height:36px;background:center/contain no-repeat;image-rendering:pixelated;pointer-events:none}
.bk .ico.alien{background-image:var(--alien)}.bk .ico.joy{background-image:var(--joy);height:44px}
.bk .ico.coin{width:auto;height:auto;background:none;font:bold 16px "Courier New",monospace;letter-spacing:2px;color:var(--coin);writing-mode:vertical-rl}
.bk-hf{background:var(--hf);color:var(--hftxt)}
html:not([data-mode=light]) .bk:not([data-mode=light]) .bk-hf a,html:not([data-mode=light]) .bk:not([data-mode=light]) .bk-hf{text-shadow:0 0 4px #000,0 0 8px #000}
:is(.bk[data-mode=light],html[data-mode=light] .bk) .bk-hf nav a,:is(.bk[data-mode=light],html[data-mode=light] .bk) .bk-hf .plate{background:rgba(244,246,239,.88)}
.bk .bk-hf nav a{color:var(--hftxt)}
.modesw{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:4px 12px 4px 6px;background:#1a1030;color:#fff;border:2px solid var(--acc);border-radius:22px;font:bold 16px "Courier New",monospace;text-transform:uppercase;cursor:pointer}
:is(.bk[data-mode=light],html[data-mode=light] .bk) .modesw{background:#e3e7da;color:#1c2418}
.modesw .trk{width:46px;height:24px;border-radius:12px;background:#3a2a6a;position:relative;box-shadow:inset 0 0 0 2px #000}
.modesw .trk::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#ffcf3a;box-shadow:0 0 6px #ffcf3a}
.modesw[aria-checked=false] .trk{background:#9aa58c}.modesw[aria-checked=false] .trk::after{left:25px;background:#1d6b2c;box-shadow:none}
@media(max-width:699px){.bk .ico{display:none}}
.mix.bk>header,.mix.bk>footer{background:var(--hf);border-color:var(--acc)}
.mix.bk>header nav a,.mix.bk>footer a,.mix.bk>footer{color:var(--hftxt)}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>header nav a,:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>footer,:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>footer a{text-shadow:none}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>footer p{background:rgba(244,246,239,.88);display:inline-block;padding:2px 8px}
.mix.bk>header nav a.on{color:#fff;text-decoration:underline 3px #39ff6a;text-underline-offset:6px}:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>header nav a.on{color:#155221;text-decoration:underline 3px #155221;text-underline-offset:6px}
.mix.bk h1,.mix.bk h2,.mix.bk h3,.mix.bk details summary{color:var(--h)}.mix.bk .margins{background:var(--bg)}
.mix.bk .disc,.mix.bk .ph,.mix.bk .tbw,.mix.bk .ad{color:var(--muted)}
.mix.bk .inshort,.mix.bk .pricebox,.mix.bk .ad{border-color:var(--acc)}.mix.bk th,.mix.bk td{border-color:var(--muted)}
.mix.bk .btn{background:var(--btn);border-color:var(--btn);color:var(--btntxt)}.mix.bk .btn:hover,.mix.bk .btn:focus-visible{background:var(--hov);border-color:var(--hov);color:var(--btntxt)}
.mix.bk a{color:var(--link)}.mix.bk a:hover,.mix.bk a:focus-visible{color:var(--hov)}.mix.bk :focus-visible{outline-color:var(--focus)}
.mix.bk main{max-width:980px}
.bk{--h3:#cbbcff}:is(.bk[data-mode=light],html[data-mode=light] .bk){--h3:#1d6b2c}
.mix.bk h3,.mix.bk h4,.mix.bk details summary,.mix.bk .pricebox h3,.t7 .panel h3{color:var(--h3)}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) main>h2{margin-top:28px;padding:6px 10px;background:#e3eadb;border-top:3px solid #1d6b2c;border-bottom:0;font-weight:800;
 box-shadow:0 -7px 0 -4px #f4f6ef,0 -9px 0 -4px #1d6b2c}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) main>h3{font-weight:800;padding-left:10px;border-left:4px solid #1d6b2c}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) main>h1{border-bottom:4px solid #1d6b2c;padding-bottom:6px}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) .inshort,:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) .pricebox,:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) details.nerd{background:#e9eee2;border:1px solid #9fb595;border-left:4px solid #1d6b2c;border-radius:4px;padding:10px 16px;margin:16px 0}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) .pricebox td,:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) .pricebox th{background:#f4f6ef}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) main>h2::before{content:"▪▪▪ ";color:#1d6b2c;letter-spacing:-2px}
.t7[data-mode=light] .panel h3{font-weight:800;border-left:4px solid #1d6b2c;padding-left:8px}
.bk .ico{width:52px;height:60px;background:center/contain no-repeat;image-rendering:auto;writing-mode:horizontal-tb;font-size:0;color:transparent}
.bk .ico.coin{width:96px;height:48px}.bk .ico.cabinet{height:72px}
.bk .ico.grenade{background-image:url(img/neon-grenade-dark.svg)}.bk .ico.alien{background-image:url(img/neon-alien-dark.svg)}.bk .ico.coin{background-image:url(img/neon-coin-dark.svg)}.bk .ico.cabinet{background-image:url(img/neon-cabinet-dark.svg)}.bk .ico.joystick{background-image:url(img/neon-joystick-dark.svg)}
:is(.bk[data-mode=light],html[data-mode=light] .bk) .ico.grenade{background-image:url(img/neon-grenade-light.svg)}:is(.bk[data-mode=light],html[data-mode=light] .bk) .ico.alien{background-image:url(img/neon-alien-light.svg)}:is(.bk[data-mode=light],html[data-mode=light] .bk) .ico.coin{background-image:url(img/neon-coin-light.svg)}:is(.bk[data-mode=light],html[data-mode=light] .bk) .ico.cabinet{background-image:url(img/neon-cabinet-light.svg)}:is(.bk[data-mode=light],html[data-mode=light] .bk) .ico.joystick{background-image:url(img/neon-joystick-light.svg)}
:is(.bk[data-mode=dark],html[data-mode=dark] .bk) .ico.grenade{filter:drop-shadow(0 0 3px #39ff6a) drop-shadow(0 0 8px #39ff6a)}
:is(.bk[data-mode=dark],html[data-mode=dark] .bk) .ico.alien{filter:drop-shadow(0 0 3px #ff2bd6) drop-shadow(0 0 8px #ff2bd6)}
:is(.bk[data-mode=dark],html[data-mode=dark] .bk) .ico.coin,:is(.bk[data-mode=dark],html[data-mode=dark] .bk) .ico.cabinet,:is(.bk[data-mode=dark],html[data-mode=dark] .bk) .ico.joystick{filter:drop-shadow(0 0 3px #2b8cff) drop-shadow(0 0 8px #2b8cff)}
@keyframes rgflick{0%,100%{opacity:1}8%{opacity:.4}12%{opacity:1}18%{opacity:.6}22%{opacity:1}}
@media (prefers-reduced-motion:no-preference){:is(.bk[data-mode=dark],html[data-mode=dark] .bk) .ico{animation:rgflick 1.2s ease-out 1}}
.mix.bk main{position:relative;z-index:1}
@media(max-width:699px){.bk .ico{display:none}}
.bk .hero h1{color:var(--h);text-shadow:none}.bk .tag{background:none;color:var(--txt);font:inherit;font-size:1.15em;padding:0;display:block}
.bk .search input{background:var(--panel);color:var(--txt);border:2px solid var(--acc);min-height:44px}
.bk .search button,.bk .btn{background:var(--btn);color:var(--btntxt);box-shadow:none;min-height:44px;border:2px solid var(--btn)}
.bk .search button:hover,.bk .search button:focus-visible{background:var(--hov);border-color:var(--hov)}
.bk .filters button{min-height:44px;background:var(--panel);color:var(--link);border:2px solid var(--link);box-shadow:none}
.bk .filters button.on{background:var(--link);color:var(--btntxt)}
.bk .sfilt button{color:var(--txt);border-color:#ff2bd6}.bk .sfilt button.on{background:#ff2bd6;color:#000}
:is(.bk[data-mode=light],html[data-mode=light] .bk) .sfilt button{border-color:#a1006f;color:#a1006f}:is(.bk[data-mode=light],html[data-mode=light] .bk) .sfilt button.on{background:#a1006f;color:#fff}
.bk .timeline{border-left-color:var(--acc);box-shadow:none}.bk .dot{color:var(--txt);min-height:44px}.bk .dot:before{background:var(--acc);box-shadow:none}
.bk .dot b{color:var(--h3)}.bk .reg{color:var(--muted);border-color:var(--muted)}.bk .ev{color:var(--txt)}
.bk .card{background:var(--panel);border-left-color:var(--acc)}:is(.bk[data-mode=light],html[data-mode=light] .bk) .card{background:#e9eee2}.bk .meta{color:var(--muted)}
.bk .cards a{background:var(--panel);border-color:var(--acc);color:var(--txt);min-height:44px}:is(.bk[data-mode=light],html[data-mode=light] .bk) .cards a{background:#e9eee2}
.bk .chk{background:#ffcf3a;color:#000}.bk .unvtog{color:var(--txt)}.bk .fun{color:var(--h3)}
.bk .ph,.bk .tbw,.bk .pending{color:var(--muted)}.bk .next{border-top-color:var(--acc)}
.bk .ad{border-color:var(--muted);color:var(--muted)}
.bk h2{text-shadow:none}.bk .boxh{color:var(--h)}
:is(.bk[data-mode=light],html[data-mode=light] .bk) main section>h2{margin-top:28px;padding:6px 10px;background:#e3eadb;border-top:3px solid #1d6b2c;border-bottom:0;font-weight:800}
:is(.bk[data-mode=light],html[data-mode=light] .bk) main section>h2::before{content:"▪▪▪ ";color:#1d6b2c;letter-spacing:-2px}
.bk .logo{min-height:44px;display:inline-flex}
:is(.bk[data-mode=light],html[data-mode=light] .bk) h1,:is(.bk[data-mode=light],html[data-mode=light] .bk) h2,:is(.bk[data-mode=light],html[data-mode=light] .bk) h3{text-shadow:none}
.mix.bk>header nav a{min-width:44px;min-height:44px;padding:0 12px;justify-content:center;margin:0 2px}
html:not([data-mode=light]) .mix.bk:not([data-mode=light])>header nav a{background:rgba(11,6,24,.88);border-radius:3px}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>header nav a{background:rgba(244,246,239,.95);border-radius:3px}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>footer p{background:#f4f6ef;color:#1c2418;padding:6px 10px;margin:4px 0;border-radius:3px;text-shadow:none}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>footer p a{color:#155221}
.bk .cards a{display:flex;flex-direction:column;gap:4px}.bk .cards .sub{font-size:16px;color:var(--muted)}.bk .cards a strong{font-family:"Courier New",monospace;color:var(--h3)}
.bk .cards a:hover,.bk .cards a:focus-visible{border-color:var(--hov)}
.bk h1{overflow-wrap:anywhere}.bk main{overflow-wrap:break-word}
.bk .otwl{display:inline-block;font:bold 16px monospace;padding:2px 8px;border-radius:3px;background:#ff2bd6;color:#000}.bk .otwl[hidden]{display:none}
.bk .otwb{font:bold 16px monospace;background:#2bd9ff;color:#000;padding:0 4px;margin-left:6px}
.filters a.fbtn{display:inline-flex;align-items:center;background:var(--panel);color:var(--blue);border:1px solid var(--blue);text-transform:capitalize;padding:6px 10px;font:bold 16px monospace;text-decoration:none}
.bk .filters a.fbtn{min-height:44px;box-sizing:border-box;background:var(--panel);color:var(--link);border:2px solid var(--link);box-shadow:none}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk) th{color:#155221;background:#f4f6ef}
.skip{position:absolute;left:8px;top:-80px;z-index:100;background:var(--btn,#39ff6a);color:var(--btntxt,#000);padding:12px 16px;min-height:44px;line-height:20px;display:inline-block;font:bold 16px/20px monospace;text-decoration:none}.skip:focus{top:8px}
.mix.bk a.skip,.mix.bk a.skip:hover,.mix.bk a.skip:focus,.mix.bk a.skip:focus-visible{color:var(--btntxt);background:var(--btn);outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 9px var(--bg)}
.search{flex-wrap:wrap}.search label{flex-basis:100%;font-weight:bold}.search input{min-width:0}
.mix.bk .tw:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.model{margin:16px auto 24px;max-width:800px;text-align:center}.model img{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;border-radius:4px}.model figcaption{margin-top:6px;font-size:14px;line-height:1.5;color:var(--muted)}.credits li{margin-bottom:10px}
.mix.bk footer a,.mix.bk>footer a{text-decoration:underline}.mix.bk>footer .company{margin-top:6px;font-size:14px;line-height:1.5}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
html{scroll-padding-top:66px}
.mix.bk>.topnav{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 4px;padding:4px 8px;background:#0b0618;border-bottom:2px solid var(--acc)}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>.topnav{background:#f4f6ef}
.mix.bk>.topnav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 12px;color:#fff;font:bold 16px monospace;text-transform:uppercase;text-decoration:none;text-shadow:none;background:none;margin:0}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>.topnav a{color:#1c2418}
.mix.bk>.topnav a.on{color:#fff;text-decoration:underline 3px #39ff6a;text-underline-offset:6px}
:is(.mix.bk[data-mode=light],html[data-mode=light] .mix.bk)>.topnav a.on{color:#155221;text-decoration:underline 3px #155221}
.mix.bk>.topnav a:hover,.mix.bk>.topnav a:focus-visible{color:var(--hov)}
.mix.bk>.topnav a:focus-visible{outline-offset:-3px}
@media(max-width:420px){.mix.bk>.topnav{gap:2px;padding:4px}.mix.bk>.topnav a{padding:0 5px}}
@media(max-height:480px){.mix.bk>.topnav{position:static}html{scroll-padding-top:0}}
.bk .descopt{display:flex;align-items:center;gap:10px;min-height:44px;margin:8px 0;font-size:16px;line-height:1.4;font-weight:normal;color:var(--txt)}
.bk .descopt label{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-weight:normal}
.bk .descopt[hidden]{display:none}
.bk .descopt input{width:24px;height:24px;margin:0;flex:none;accent-color:var(--btn);cursor:pointer}
.bk .search .descopt{flex-basis:100%;justify-content:center;font-weight:normal;font-size:16px}
.bk .search .descopt input{flex:none;width:24px;height:24px;min-height:0;min-width:0;padding:0;border:0}
html:not([data-mode=light]) .bk .descopt input{color-scheme:dark}
.mix>header .logo{display:block;height:96px;aspect-ratio:7/3;min-height:0}
.mix>header .logo .logo-anim,.mix>header .logo .logo-still{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.mix>header .logo .logo-still{display:none}
@media(max-width:699px){.mix>header .logo{height:64px}}
@media(prefers-reduced-motion:reduce){.mix>header .logo .logo-anim{display:none}.mix>header .logo .logo-still{display:block}}
.modesw .ml{display:inline-grid}
.modesw .ml>span{grid-area:1/1}
.modesw .ml-l,html[data-mode=light] .modesw .ml-d{visibility:hidden}
html[data-mode=light] .modesw .ml-l{visibility:visible}
html[data-mode=light] .modesw .trk{background:#9aa58c}html[data-mode=light] .modesw .trk::after{left:25px;background:#1d6b2c;box-shadow:none}
@media(max-width:399px){.mix>header{column-gap:6px}}
.mix.bk>footer .fmeta{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;column-gap:12px}
.mix.bk>footer .fmeta .company{grid-column:2}
.mix.bk>footer .fmeta .ver{grid-column:3;justify-self:end;margin-top:6px;font-size:14px;line-height:1.5}
@media(max-width:599px){.mix.bk>footer .fmeta{grid-template-columns:1fr}.mix.bk>footer .fmeta .company,.mix.bk>footer .fmeta .ver{grid-column:1}}
.mix>header .logo{background:#000}
#home-tl .timeline{overflow-anchor:none}
.mix>header .logo{position:relative;min-width:0;max-width:100%;overflow:hidden}
.mix>header .logo .logo-poster{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.mix>header .logo .logo-anim{position:absolute;inset:0;opacity:0;transition:opacity .3s ease-out}
.mix>header .logo .logo-anim.rg-on{opacity:1}
.mix>header .logo img,.mix>header .logo video{max-width:100%}
@media(prefers-reduced-motion:reduce){.mix>header .logo .logo-poster{display:none}.mix>header .logo .logo-anim{transition:none}}
.mix>header .logo::before{content:"RETRO\A GRENADE";content:"RETRO\A GRENADE"/"";white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:bold 22px/1.05 "Courier New",monospace;color:#ff4fd8;text-shadow:0 0 6px #ff4fd8;letter-spacing:1px}
@media(max-width:699px){.mix>header .logo::before{font-size:15px}}
.mix>header .logo .logo-poster,.mix>header .logo .logo-still{position:relative;z-index:1}
.mix>header .logo .logo-anim{z-index:2}
.mix>header .logo .logo-still{background:transparent}
.bk .ico{overflow-anchor:none}
.mix.bk>footer .affnote{margin-top:6px;font-size:14px;line-height:1.5}
.aff{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:1px 6px;border-radius:999px;background:#000;color:#fff;font:bold 14px/1.4 monospace;letter-spacing:1px;box-shadow:inset 0 0 0 1px #ff2bd6;white-space:nowrap;flex:none}
.aff svg{width:11px;height:11px;fill:currentColor}
.mix .btn{flex-wrap:wrap;row-gap:4px}
.affdisc .aff{margin:0 2px;vertical-align:middle}
.bk{--rad:4px;--bw:2px;--ui:"Courier New",monospace;--measure:54ch}
.mix.bk :is(h1,h2){color:var(--h)}
.mix.bk :is(h3,h4,.ct){color:var(--h3)}
.mix.bk main :is(p,ul:not(.cards),ol,dl,blockquote){max-width:var(--measure)}
.mix.bk main .disc{max-width:none}
ul.cards{list-style:none;margin:0 0 16px;padding:0}
ul.cards>li{display:flex;margin:0}
ul.cards>li>a{flex:1}
.bk .cards a{border-width:var(--bw);border-radius:var(--rad);padding:12px 16px}
.bk .cards .ct{margin:0;font:bold 18px/1.3 var(--ui);text-shadow:none}
.mix.bk .btn,.bk .search button{border-radius:var(--rad);border-width:var(--bw);font-family:var(--ui)}
.mix.bk>footer .affnote,.mix.bk>footer .fmeta :is(.company,.ver){font-size:16px;line-height:1.5}
.mix .btn>span[aria-hidden="true"]:first-child{margin-right:.5em}
.mix .btn>.arr{margin-left:.5em}
.bk .cards strong.ct{display:block}
@media(max-width:1199.98px){.bk .ico{display:none}}
.bk-text hr{border:0;border-top:2px solid currentColor;opacity:.3;margin:2em 0}
.bk .phg{margin:20px 0 28px;max-width:720px}
.bk .phg.lead{max-width:480px}
.mix.bk main .phg-l{max-width:none;margin:0 0 8px;font:bold 15px/1.4 var(--ui);color:var(--h3)}
.bk .phg-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bk .phg.lead .phg-g{grid-template-columns:minmax(0,1fr)}
.bk .ph{margin:0;display:flex;flex-direction:column}
.bk figure.ph{padding:6px;background:transparent;border:1px solid rgba(207,201,238,.4);border-radius:2px;box-shadow:none}
:is(.bk[data-mode=light],html[data-mode=light] .bk) figure.ph{border-color:#b7c2ad}
.bk a.nu-card{padding:8px;background:rgba(43,217,255,.07);border:var(--bw) solid var(--acc);border-radius:var(--rad);box-shadow:0 0 12px rgba(43,217,255,.28)}
:is(.bk[data-mode=light],html[data-mode=light] .bk) a.nu-card{background:#e9eee2;box-shadow:0 1px 3px rgba(28,36,24,.2)}
.bk .phg.cmp{border-top:1px dashed var(--muted);border-bottom:1px dashed var(--muted);padding:8px 0 10px;margin:28px 0 32px}
.bk .phg-k{font:bold 12px/1.4 var(--ui);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-right:4px}
.bk .phg.cmp .ph-n{font-size:14px}
.bk .phg.cmp .ph-c{font-size:13px;line-height:1.4}
.bk .phg.cmp figcaption{margin-top:6px}
.bk details.phcred{margin:8px 0 24px;max-width:var(--measure)}
.bk details.phcred>summary{font-size:15px}
.bk details.phcred .phcred-i::before{content:"+";content:"+"/"";display:inline-block;width:1.4em;font-weight:bold}
.bk details.phcred[open] .phcred-i::before{content:"\2212";content:"\2212"/""}
.bk details.phcred>summary::-webkit-details-marker{display:none}
.bk details.phcred .credits{margin-top:4px}
.bk .ph-in{background:#f4f6ef;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.bk .ph img{display:block;width:100%;height:auto;aspect-ratio:4/3}
.bk .ph figcaption{margin:8px 2px 0;display:flex;flex-direction:column;gap:2px}
.bk .ph-n{font:bold 15px/1.35 var(--ui);color:var(--txt)}
.bk .ph-c{font-size:14px;line-height:1.45;color:var(--muted)}
@media(max-width:699px){.bk .phg-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bk .phg.lead .phg-g{grid-template-columns:minmax(0,1fr)}.bk .phg{margin:16px 0 24px}.bk .phg.cmp{margin:18px 0 22px;padding:6px 0 8px}.bk .phg.cmp .phg-l{margin-bottom:6px}}
.bk .nu{margin:32px 0 8px}
.mix.bk main ul.nu-g{list-style:none;margin:0;padding:0;max-width:720px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bk .nu-g>li{display:flex;margin:0}
.bk a.nu-card{flex:1;color:var(--txt);text-decoration:none;min-height:44px}
.bk a.nu-card:hover,.bk a.nu-card:focus-visible{border-color:var(--hov);box-shadow:0 0 14px var(--hov)}
:is(.bk[data-mode=light],html[data-mode=light] .bk) a.nu-card:hover,:is(.bk[data-mode=light],html[data-mode=light] .bk) a.nu-card:focus-visible{box-shadow:0 1px 6px rgba(11,79,138,.35)}
.bk .nu-card .ph-in{display:block}
.bk .nu-card img{display:block;width:100%;height:auto;aspect-ratio:4/3}
.bk .nu-txt{display:flex;flex-direction:column;gap:2px;margin:8px 2px 0}
.bk .nu-k{font:bold 13px/1.3 var(--ui);letter-spacing:1px;text-transform:uppercase;color:var(--acc)}
.bk .nu-card .ph-n{color:var(--h3);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bk .nu-card:hover .ph-n,.bk .nu-card:focus-visible .ph-n{color:var(--hov)}
@media(max-width:699px){.mix.bk main ul.nu-g{grid-template-columns:minmax(0,1fr)}.bk a.nu-card{flex-direction:row;align-items:center;gap:12px}.bk .nu-card .ph-in{flex:0 0 120px}.bk .nu-txt{margin:0}}
@media(max-width:420px){.bk .nu-card .ph-in{flex-basis:96px}.bk a.nu-card{gap:10px}}