@font-face{font-family:Archivo;src:url("./archivo-latin.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:Pixelify;src:url("./pixelify-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:JetBrains;src:url("./jetbrains-latin.woff2") format("woff2");font-style:normal;font-weight:100 800;font-display:swap}
:root{--ink:#0f0f14;--paper:#f1f0ea;--panel:#fffefa;--muted:#595b66;--yellow:#ffca1f;--pc:#b08cff;--neo:#f0443a;--capcom:#3db4f2;--arcade:#35d07f;--flash:#ff7ab8;--hard-shadow:4px 4px 0 var(--ink);--header-h:68px;--gutter:32px;--body:Archivo,Arial,sans-serif;--mono:JetBrains,monospace;--pixel:Pixelify,monospace;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 14px);background:var(--paper)}body{margin:0;max-width:100%;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}a{color:inherit}.page-gutter{padding-left:var(--gutter);padding-right:var(--gutter)}.skip-link{position:fixed;z-index:100;left:8px;top:8px;padding:10px 14px;background:var(--yellow);border:3px solid var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:var(--header-h);position:sticky;top:0;z-index:30;background:var(--ink);color:var(--paper);border-bottom:3px solid var(--ink)}.header-inner{height:100%;max-width:1680px;margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:12px}.icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:2px solid var(--paper);background:transparent;color:var(--paper);font-size:29px;line-height:1;cursor:pointer}.hamburger{width:20px;display:grid;gap:4px}.hamburger i{height:2px;background:currentColor;width:20px}.brand{display:flex;align-items:center;gap:9px;flex:none;text-decoration:none;color:var(--yellow)}.brand-alien{width:33px;height:26px}.brand-wordmark{display:grid;font-family:var(--pixel);font-size:19px;font-weight:700;line-height:.82;letter-spacing:-.045em;color:var(--paper);text-shadow:1px 1px 0 #777}.brand-wordmark b:last-child{color:#ff6648}.top-categories{display:flex;align-items:center;gap:7px;margin-left:22px;min-width:0}.nav-tab{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 10px;color:var(--paper);font-size:14px;font-weight:800;letter-spacing:.03em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.nav-tab:hover,.nav-tab[aria-current=page]{background:var(--sys);color:var(--ink)}.nav-dot{width:11px;height:11px;border:2px solid var(--paper);background:var(--sys);flex:none}.nav-tab:hover .nav-dot,.nav-tab[aria-current=page] .nav-dot{border-color:var(--ink)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.search-trigger{width:min(346px,28vw);height:44px;display:flex;align-items:center;gap:11px;padding:0 12px;border:2px solid var(--paper);background:var(--paper);color:var(--muted);font-size:15px;font-weight:700;text-align:left;cursor:pointer}.search-trigger svg,.mobile-search svg,.search-box>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4}.search-trigger span{white-space:nowrap}.search-trigger kbd,.search-box kbd{margin-left:auto;padding:0 6px;border:2px solid var(--ink);color:var(--ink);font:700 12px var(--mono)}.surprise-button{height:44px;display:flex;align-items:center;gap:9px;padding:0 16px;border:2px solid var(--paper);background:var(--yellow);box-shadow:4px 4px 0 #a99232;font-size:15px;font-weight:850;letter-spacing:.015em;cursor:pointer;white-space:nowrap}.surprise-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #a99232}.surprise-button span:first-child{font-size:17px}.mobile-search{display:none;border:0;background:var(--paper);color:var(--ink)}
.hero{max-width:1680px;margin:0 auto;padding-top:26px;padding-bottom:0}.hero h1{max-width:1000px;margin:0;font-size:clamp(40px,4.4vw,56px);font-weight:950;line-height:.97;letter-spacing:-.04em}.hero-copy{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:baseline;margin:16px 0 0;font-size:16px;line-height:1.45}.hero-copy strong{font-weight:800}.hero-note{color:var(--muted)}.hero-note a{color:var(--ink);font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}.system-grid{max-width:1680px;margin:50px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.system-card{--sys:var(--pc);position:relative;isolation:isolate;min-height:213px;padding:13px 13px 12px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;border:3px solid var(--ink);background:var(--sys);box-shadow:var(--hard-shadow);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.system-card:before{position:absolute;z-index:-1;inset:0;content:"";background-image:radial-gradient(rgba(15,15,20,.21) 1.15px,transparent 1.4px);background-size:8px 8px;opacity:.63}.system-card:hover,.system-card:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.system-card[data-system=pc]{--sys:var(--pc)}.system-card[data-system=neo]{--sys:var(--neo)}.system-card[data-system=capcom]{--sys:var(--capcom)}.system-card[data-system=arcade]{--sys:var(--arcade)}.system-card[data-system=flash]{--sys:var(--flash)}.system-card h2{position:relative;margin:0;max-width:100%;font-size:clamp(21px,2vw,26px);line-height:.98;font-weight:950;letter-spacing:-.025em;text-transform:uppercase}.system-description{position:relative;max-width:31ch;margin:7px 0 0;font-size:14px;font-weight:600;line-height:1.42}.system-card-bottom{margin-top:auto;padding-top:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.mini-covers{display:flex;align-items:end;min-width:0}.mini-cover{width:39px;height:68px;margin-right:-1px;display:block;overflow:hidden;border:2px solid var(--ink);background:#fff;object-fit:cover}.mini-cover:nth-child(1){z-index:3}.mini-cover:nth-child(2){z-index:2}.mini-cover:nth-child(3){z-index:1}.system-count{display:grid;justify-items:end;line-height:.85}.system-count strong{font:700 32px/1 var(--pixel);letter-spacing:-.035em}.system-count span{margin-top:2px;font:700 11px/1 var(--mono);letter-spacing:.08em}
.shelf-section{max-width:1680px;margin:42px auto 0}.shelf-heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.shelf-heading{margin:0;width:max-content;max-width:calc(100% - 110px);padding:7px 16px 8px;background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 rgba(15,15,20,.17);font-size:25px;line-height:1;font-weight:900;letter-spacing:-.025em;text-transform:uppercase}.rail-controls{display:flex;gap:9px}.rail-button{width:42px;height:42px;border:2px solid var(--ink);background:var(--paper);font-size:28px;line-height:1;cursor:pointer}.rail-button:hover{background:var(--yellow)}.game-rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:0 5px 8px 0}.game-rail::-webkit-scrollbar{display:none}.game-card{--sys:var(--pc);flex:0 0 176px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;align-self:stretch;border:3px solid var(--ink);background:var(--panel);box-shadow:4px 4px 0 rgba(15,15,20,.15);text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.game-card:hover,.game-card:focus-visible{transform:translateY(-3px);box-shadow:5px 7px 0 var(--ink)}.game-card[data-system=PC]{--sys:var(--pc)}.game-card[data-system=Neo\ Geo]{--sys:var(--neo)}.game-card[data-system=Capcom\ arcade]{--sys:var(--capcom)}.game-card[data-system=Arcade\ classics]{--sys:var(--arcade)}.game-card[data-system=Flash]{--sys:var(--flash)}.game-cover{display:block;width:100%;height:224px;border-bottom:3px solid var(--ink);object-fit:cover;background:linear-gradient(135deg,var(--sys),#f9e6ac);image-rendering:auto}.game-cover.placeholder{position:relative;display:grid;place-items:center;overflow:hidden;background-color:var(--sys);background-image:radial-gradient(rgba(15,15,20,.24) 1px,transparent 1px);background-size:7px 7px}.game-cover.placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 42%,rgba(255,255,255,.24) 43% 48%,transparent 49%),linear-gradient(35deg,transparent 54%,rgba(15,15,20,.12) 55% 63%,transparent 64%)}.cover-mark{position:relative;z-index:1;width:82%;height:82%;display:grid;place-items:center;border:2px solid rgba(15,15,20,.78);background:rgba(241,240,234,.76);font:700 33px/1 var(--pixel);text-align:center;letter-spacing:-.04em}.game-card-info{min-height:76px;padding:8px 9px;display:grid;align-content:start;gap:6px}.game-card-title{font-size:15px;line-height:1.18;font-weight:850}.game-card-system{display:flex;align-items:center;gap:7px;color:var(--muted);font:600 11px/1.2 var(--mono)}.game-card-system i{width:10px;height:10px;display:inline-block;border:2px solid var(--ink);background:var(--sys)}.game-card.wide{flex-basis:355px}.game-card.wide .game-cover{height:224px}
.shelf-section[data-system=neo]{--sys:var(--neo)}.shelf-section[data-system=capcom]{--sys:var(--capcom)}.shelf-section[data-system=arcade]{--sys:var(--arcade)}.shelf-section[data-system=flash]{--sys:var(--flash)}.shelf-section[data-system=pc]{--sys:var(--pc)}.shelf-section .shelf-heading{box-shadow:4px 4px 0 color-mix(in srgb,var(--sys),transparent 35%)}.shelf-heading .heading-dot{display:inline-block;width:11px;height:11px;margin-right:8px;border:2px solid currentColor;background:var(--sys);vertical-align:2px}.see-all{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid var(--ink);background:var(--paper);font:700 12px var(--mono);text-decoration:none;white-space:nowrap}.see-all:hover{background:var(--sys)}.index-note{max-width:1680px;margin:46px auto 0;padding-top:22px;padding-bottom:22px;display:flex;align-items:center;gap:18px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.pixel-mark{padding:7px 9px;background:var(--yellow);border:2px solid var(--ink);font:700 18px var(--pixel);white-space:nowrap}.index-note p{max-width:80ch;margin:0;color:var(--muted);font-size:14px;line-height:1.5}.index-note strong{color:var(--ink)}.text-action{margin-left:auto;padding:10px 12px;border:2px solid var(--ink);background:transparent;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}.text-action:hover{background:var(--yellow)}
.site-footer{margin-top:76px;background:var(--ink);color:var(--paper)}.footer-inner{max-width:1680px;margin:0 auto;padding-top:42px;padding-bottom:22px}.footer-top{display:grid;grid-template-columns:minmax(240px,350px) 1fr;gap:48px}.footer-logo{color:var(--yellow)}.footer-brand p{max-width:37ch;margin:19px 0 9px;color:#d8d7d1;font-size:15px;line-height:1.55}.contact-link{font:600 13px var(--mono);color:var(--paper);text-underline-offset:3px}.mono-label{margin:0 0 12px;color:#d6d4ca;font:700 12px var(--mono);letter-spacing:.12em}.footer-systems{padding-top:4px}.footer-system-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.footer-system{min-height:64px;padding:9px 10px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--paper);background:transparent;color:var(--paper);text-decoration:none}.footer-system:hover{background:var(--sys);color:var(--ink)}.footer-system b{font-size:14px;text-transform:uppercase}.footer-system span{font:700 12px var(--mono)}.footer-links{margin-top:36px;padding:15px 0;display:flex;flex-wrap:wrap;gap:10px 26px;border-top:2px solid #77777c;border-bottom:2px solid #77777c}.footer-links a{font-size:14px;font-weight:650;color:var(--paper);text-underline-offset:3px}.footer-legal{max-width:110ch;margin:18px 0;color:#c4c2bc;font-size:12px;line-height:1.6}.footer-bottom{display:flex;justify-content:space-between;gap:16px;color:#c4c2bc;font:500 11px var(--mono)}.wasm-bytes{color:var(--yellow);letter-spacing:.1em}
.scrim{position:fixed;inset:0;z-index:49;background:rgba(15,15,20,.72)}.menu-drawer{position:fixed;z-index:50;inset:0 auto 0 0;width:min(390px,92vw);padding:20px 24px;background:var(--ink);color:var(--paper);border-right:3px solid var(--paper);box-shadow:8px 0 0 rgba(15,15,20,.25);overflow:auto}.drawer-head{margin-bottom:27px;display:flex;justify-content:space-between;align-items:center}.drawer-head .icon-button{border-color:var(--paper)}.drawer-categories{display:grid;gap:8px}.drawer-row{--sys:var(--pc);min-height:68px;padding:8px;display:flex;align-items:center;gap:12px;border:2px solid var(--paper);color:var(--paper);text-decoration:none}.drawer-row:hover{background:var(--sys);color:var(--ink)}.drawer-row i{width:16px;height:16px;flex:none;border:2px solid currentColor;background:var(--sys)}.drawer-row-text{min-width:0;flex:1}.drawer-row strong{display:block;font-size:14px;text-transform:uppercase}.drawer-row small{display:block;margin-top:3px;font-size:12px;line-height:1.25}.drawer-row .drawer-count{font:700 22px var(--pixel)}.drawer-links{margin-top:24px;padding-top:16px;display:grid;gap:7px;border-top:2px solid #75757a}.drawer-links a{padding:8px 4px;color:var(--paper);text-decoration:none}.drawer-links a:hover{background:var(--yellow);color:var(--ink)}body.dialog-open{overflow:hidden}
.search-dialog{width:min(640px,calc(100vw - 24px));max-height:min(82dvh,740px);padding:0;overflow:hidden;border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 var(--ink)}.search-dialog::backdrop{background:rgba(15,15,20,.72)}.search-box{height:63px;display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;border-bottom:3px solid var(--ink);background:#fffefa}.search-box input{width:100%;height:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px;font-weight:700}.search-box input::placeholder{color:#666771}.search-box kbd{flex:none}.dialog-close{width:40px;height:40px;flex:none;border:2px solid var(--ink);background:var(--paper);font-size:27px;line-height:1;cursor:pointer}.dialog-close:hover{background:var(--yellow)}.search-results{max-height:calc(min(82dvh,740px) - 111px);min-height:120px;padding:8px;overflow:auto}.result-group-title{margin:9px 8px 4px;display:flex;align-items:center;gap:8px;font:700 11px var(--mono);letter-spacing:.09em;text-transform:uppercase}.result-group-title i{width:11px;height:11px;border:2px solid var(--ink);background:var(--sys)}.search-row{width:100%;min-height:58px;padding:5px 8px;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;text-decoration:none;cursor:pointer}.search-row:hover,.search-row[aria-selected=true]{outline:2px solid var(--ink);outline-offset:-2px;background:var(--sys);color:var(--ink)}.result-cover{width:38px;height:46px;flex:none;border:2px solid var(--ink);object-fit:cover;background:var(--sys)}.result-placeholder{display:grid;place-items:center;font:700 17px var(--pixel)}.result-text{min-width:0;flex:1}.result-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.result-text small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:600 10px var(--mono)}.result-arrow{opacity:0;font-size:18px}.search-row[aria-selected=true] .result-arrow{opacity:1}.empty-results{padding:25px 16px;text-align:center}.empty-results strong{font-size:17px}.empty-results p{margin:5px 0 0;color:var(--muted);font-size:13px}.search-hint{height:42px;display:flex;gap:18px;align-items:center;padding:0 15px;border-top:2px solid var(--ink);background:#e8e7e0;color:var(--muted);font:600 11px var(--mono)}
.collection-view,.detail-view{max-width:1680px;min-height:65vh;margin:0 auto;padding-top:38px;padding-bottom:70px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;color:var(--muted);font:600 12px var(--mono)}.breadcrumb a{color:var(--ink)}.collection-head{padding:0 0 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:3px solid var(--ink)}.collection-title-wrap{max-width:850px}.collection-title{margin:0;font-size:clamp(38px,5.2vw,68px);line-height:.94;font-weight:950;letter-spacing:-.045em;text-transform:uppercase}.collection-description{margin:14px 0 0;color:var(--muted);font-size:16px}.collection-total{flex:none;text-align:right}.collection-total strong{display:block;font:700 39px/1 var(--pixel)}.collection-total span{font:700 11px var(--mono);letter-spacing:.1em}.collection-tools{margin:17px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.collection-tools p{margin:0;color:var(--muted);font:600 12px var(--mono)}.collection-filter{display:flex;gap:6px;flex-wrap:wrap}.filter-button{padding:7px 10px;border:2px solid var(--ink);background:transparent;font:700 11px var(--mono);cursor:pointer}.filter-button[aria-pressed=true],.filter-button:hover{background:var(--sys,var(--yellow))}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:13px}.collection-grid .game-card{flex-basis:auto;min-height:300px}.collection-grid .game-cover{height:214px}.collection-grid .game-card-info{min-height:77px}.load-more{margin:25px auto 0;padding:12px 18px;display:block;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-weight:850;cursor:pointer}.load-more:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.detail-page{--sys:var(--pc)}.detail-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:stretch}.detail-player{min-height:455px;display:flex;flex-direction:column;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--sys);background:#101014}.detail-player-bar{height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink);background:var(--sys);font:700 11px var(--mono);letter-spacing:.07em;text-transform:uppercase}.detail-player-center{min-height:340px;flex:1;padding:30px;display:flex;justify-content:center;align-items:center;gap:38px;color:var(--paper);background:radial-gradient(rgba(241,240,234,.08) 1px,transparent 1px),#101014;background-size:7px 7px}.detail-player-copy{max-width:420px}.detail-player-copy h2{margin:0 0 12px;color:var(--sys);font:700 clamp(28px,4vw,52px)/.94 var(--pixel);text-transform:uppercase}.detail-player-copy p{max-width:51ch;margin:0 0 20px;color:#d9d8d2;font-size:16px;line-height:1.5}.launch-button{min-height:52px;padding:0 17px;display:inline-flex;align-items:center;gap:9px;border:3px solid var(--paper);background:var(--yellow);box-shadow:4px 4px 0 var(--paper);font-size:15px;font-weight:900;text-decoration:none;text-transform:uppercase}.launch-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--paper)}.detail-cover{width:190px;height:290px;flex:none;border:3px solid var(--paper);box-shadow:6px 6px 0 var(--sys);object-fit:cover}.detail-player-footer{min-height:59px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:3px solid #49494e;color:#b7b6b1}.status-ticks{font:700 15px var(--mono);letter-spacing:.07em}.player-disclaimer{max-width:68ch;margin:0;font-size:11px;line-height:1.4}.detail-sidebar{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--sys);background:#fffefa}.detail-side-head{padding:12px;background:var(--sys);border-bottom:3px solid var(--ink);display:flex;justify-content:space-between;gap:10px;font:700 11px var(--mono);text-transform:uppercase}.detail-side-title{margin:0;padding:18px 14px 14px;font-size:31px;line-height:.97;font-weight:950;letter-spacing:-.035em;text-transform:uppercase}.detail-side-kicker{padding:12px 14px 7px;border-top:3px solid var(--ink);font:700 11px var(--mono);letter-spacing:.09em}.detail-facts{margin:0;padding:0 14px 12px;list-style:none}.detail-facts li{padding:9px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px dotted #a7a6a0;font-size:13px}.detail-facts li:last-child{border:0}.detail-facts span{color:var(--muted)}.detail-facts b{text-align:right}.detail-source-note{margin:0;padding:12px 14px 14px;border-top:3px solid var(--ink);font-size:12px;line-height:1.45;color:var(--muted)}.detail-about{margin-top:35px}.detail-about h2{margin:0 0 8px;font-size:27px;line-height:1;text-transform:uppercase}.detail-about p{max-width:80ch;margin:0;color:#45464e;font-size:15px;line-height:1.6}.more-games{margin-top:30px}.more-games .game-rail{margin-top:12px}
@media(max-width:1120px){:root{--gutter:24px}.top-categories{margin-left:5px;gap:0}.nav-tab{padding:0 7px;font-size:12px;gap:6px}.search-trigger{width:220px}.system-grid{gap:12px}.system-card{padding:12px;min-height:204px}.system-description{font-size:13px}.mini-cover{width:32px;height:58px}.system-count strong{font-size:28px}.detail-top{grid-template-columns:minmax(0,1fr) 300px}.detail-player-center{gap:20px}.detail-cover{width:155px;height:240px}}
@media(max-width:900px){:root{--header-h:60px;--gutter:16px}.header-inner{padding:0 12px;gap:10px}.top-categories{display:none}.search-trigger{display:none}.mobile-search{display:grid}.header-actions{gap:9px}.system-grid{grid-template-columns:1fr;margin-top:34px;gap:14px}.system-card{min-height:102px;padding:9px 12px;display:grid;grid-template-columns:100px minmax(0,1fr) 52px;align-items:center;gap:12px}.system-card h2{grid-column:2;grid-row:1;font-size:21px}.system-description{display:none}.system-card-bottom{display:contents}.mini-covers{grid-column:1;grid-row:1;align-self:center}.mini-cover{width:44px;height:72px}.system-count{grid-column:3;grid-row:1}.system-count strong{font-size:28px}.system-count span{font-size:9px}.hero{padding-top:27px}.hero h1{font-size:clamp(30px,7.8vw,40px);line-height:.99;letter-spacing:-.035em}.hero-copy{display:grid;gap:5px;margin-top:14px;font-size:16px;line-height:1.46}.hero-note{max-width:48ch}.shelf-section{margin-top:35px}.shelf-heading{font-size:20px;padding:7px 12px}.rail-controls{gap:7px}.rail-button{width:38px;height:38px}.game-card{flex-basis:158px}.game-cover,.game-card.wide .game-cover{height:200px}.game-card.wide{flex-basis:300px}.index-note{margin-top:32px;flex-wrap:wrap;gap:12px}.index-note p{flex:1 1 220px}.text-action{margin-left:0}.footer-top{grid-template-columns:1fr;gap:30px}.footer-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-links{margin-top:28px}.detail-top{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr}.detail-side-head{grid-column:1/-1}.detail-side-title{grid-column:1/-1;padding-bottom:10px}.detail-side-kicker{grid-column:1/-1}.detail-facts{grid-column:1/-1}.detail-source-note{grid-column:1/-1}.collection-view,.detail-view{padding-top:25px}.detail-player{min-height:400px}.detail-player-center{min-height:290px}}
@media(max-width:520px){:root{--gutter:16px}.menu-trigger{width:44px;height:44px}.brand{gap:7px}.brand-alien{width:31px}.brand-wordmark{font-size:18px}.surprise-button{width:50px;padding:0;justify-content:center}.surprise-copy{display:none}.hero h1{font-size:clamp(29px,8.1vw,34px)}.system-card{grid-template-columns:96px minmax(0,1fr) 46px;gap:9px}.system-card h2{font-size:clamp(18px,5.4vw,22px)}.mini-cover{width:42px;height:70px}.system-count strong{font-size:26px}.system-count span{font-size:9px}.shelf-section{margin-top:34px}.shelf-heading{font-size:19px}.shelf-heading-row{margin-bottom:12px}.game-card{flex-basis:154px}.game-cover,.game-card.wide .game-cover{height:198px}.game-card.wide{flex-basis:286px}.game-card-info{min-height:75px}.footer-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{align-items:flex-start;flex-direction:column}.collection-head{align-items:flex-start;flex-direction:column;gap:14px}.collection-total{text-align:left}.collection-total strong{display:inline;margin-right:6px;font-size:26px}.collection-total span{vertical-align:4px}.collection-tools{align-items:flex-start;flex-direction:column}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.collection-grid .game-card{min-height:265px}.collection-grid .game-cover{height:178px}.collection-grid .game-card-info{padding:7px;min-height:74px}.game-card-title{font-size:13px}.detail-player{min-height:0}.detail-player-center{min-height:320px;padding:20px 16px;flex-direction:column-reverse;gap:16px;text-align:center}.detail-player-copy h2{font-size:33px}.detail-player-copy p{font-size:14px}.detail-cover{width:118px;height:170px}.launch-button{min-height:46px;font-size:13px}.detail-player-footer{align-items:flex-start;flex-direction:column;gap:6px}.detail-sidebar{display:block}.detail-side-title{font-size:27px}.detail-about h2{font-size:21px}.search-dialog{max-height:86dvh}.search-results{max-height:calc(86dvh - 111px)}.search-hint{font-size:10px}.drawer-row{min-height:64px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mini-cover-placeholder{display:grid;place-items:center;color:var(--ink);font:700 17px var(--pixel);background-color:var(--pc);background-image:radial-gradient(rgba(15,15,20,.26) 1px,transparent 1px);background-size:6px 6px}.detail-cover-placeholder{display:grid;place-items:center;color:var(--ink);font:700 48px var(--pixel);background:var(--sys);background-image:radial-gradient(rgba(15,15,20,.25) 1px,transparent 1px);background-size:8px 8px}.empty-system-links{margin-top:13px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.result-count{margin:8px 10px 2px;color:var(--muted);font:600 10px var(--mono);text-align:right}.catalogue-error{min-height:60vh;padding-top:60px}.catalogue-error code{font-family:var(--mono)}
.surprise-button{color:var(--ink)}.dice-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.dice-icon circle{fill:currentColor;stroke:none}.launch-button{color:var(--ink)}.launch-note{margin:10px 0 0;color:#d9d8d2;font-size:12px}.filter-button{text-decoration:none;color:var(--ink)}.filter-button[aria-current=page]{background:var(--sys,var(--yellow))}.mini-cover-placeholder{color:var(--ink)}
.mobile-break{display:none}
@media(max-width:900px){.desktop-break{display:none}.mobile-break{display:block}.system-grid{margin-top:47px}}
.site-header{border-bottom-color:var(--active-accent,var(--ink))}

/* Local availability and self-hosted runner */
.availability-card{width:min(100%,620px);padding:17px;border:2px solid #d9d8d2;background:#1a1a20;color:var(--paper)}.availability-status{display:inline-flex;margin:0 0 11px;padding:6px 8px;border:2px solid var(--ink);background:var(--sys);color:var(--ink);font:700 11px var(--mono);letter-spacing:.04em}.availability-card>p{margin:0 0 10px;color:#e0dfd9;font-size:14px;line-height:1.45}.availability-requirements{margin:0;padding-left:20px;color:#cac9c3;font-size:12px;line-height:1.55}.availability-requirements li+li{margin-top:3px}.flash-runner{margin-top:18px;padding-top:15px;border-top:2px solid #49494e}.flash-runner h3{margin:0 0 7px;color:var(--paper);font-size:17px;font-weight:850}.flash-runner-note,.runner-safety{margin:0 0 10px!important;color:#c8c7c1!important;font-size:12px!important;line-height:1.45!important}.file-label{display:inline-flex;min-height:42px;padding:0 13px;align-items:center;border:2px solid var(--paper);background:var(--yellow);box-shadow:3px 3px 0 var(--paper);color:var(--ink);font-size:13px;font-weight:900;cursor:pointer}.swf-file-input{display:block;max-width:100%;margin-top:12px;color:var(--paper);font-size:12px}.swf-file-input::file-selector-button{margin-right:10px;padding:8px 10px;border:2px solid var(--paper);background:#303038;color:var(--paper);font-weight:750;cursor:pointer}.runner-actions{margin:12px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.runner-stop{padding:7px 10px;border:2px solid var(--paper);background:transparent;color:var(--paper);font-weight:750;cursor:pointer}.runner-stop:disabled{opacity:.45;cursor:not-allowed}.runner-status{color:#f3f1e7;font:600 11px/1.45 var(--mono)}.runner-safety{margin-top:6px!important}.ruffle-container{width:100%;height:min(62vw,500px);min-height:260px;margin-top:14px;overflow:hidden;border:2px solid #777780;background:#08080b}.ruffle-container[hidden]{display:none}.source-reference{margin-top:16px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;color:var(--paper);font-size:12px;font-weight:800;text-underline-offset:3px}.source-reference span{color:#aaa9a5;font-size:10px;font-weight:500}.detail-player-copy .availability-card{margin-top:14px}.detail-player-copy .source-reference{margin-bottom:4px}.demo-view{max-width:1120px;min-height:72vh;margin:0 auto;padding-top:0;padding-bottom:64px;scroll-margin-top:84px}.demo-heading{margin-bottom:10px;padding-bottom:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:3px solid var(--ink)}.demo-heading .mono-label{margin:0 0 4px;color:#6b4fe0;font:700 11px var(--mono);letter-spacing:.09em}.demo-heading h1{margin:0;font-size:clamp(38px,4vw,46px);line-height:.9;font-weight:950;letter-spacing:-.05em}.demo-heading p:not(.mono-label){max-width:64ch;margin:6px 0 0;color:#49484e;line-height:1.45}.demo-back{flex:none;padding:10px 13px;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-size:13px;font-weight:850;text-decoration:none}.demo-frame-wrap{height:min(920px,calc(100dvh + 180px));min-height:820px;border:3px solid var(--ink);box-shadow:8px 8px 0 #b08cff;background:#fffefa;overflow:hidden}.demo-frame{display:block;width:100%;height:100%;border:0;background:#fffefa}.demo-credit{margin:17px 0 0;color:#68676d;font-size:12px;line-height:1.45}.demo-credit code{font:600 11px var(--mono)}
@media(max-width:900px){.demo-view{padding-top:25px}.demo-frame-wrap{height:820px;min-height:780px}}
@media(max-width:600px){.availability-card{padding:12px}.availability-status{font-size:10px}.detail-player-copy{width:100%}.detail-player-copy .source-reference{justify-content:center}.ruffle-container{height:68vw;min-height:220px}.demo-heading{align-items:flex-start;flex-direction:column}.demo-back{align-self:flex-start}.demo-frame-wrap{height:760px;min-height:700px}.demo-credit{font-size:11px}}
.index-note .text-action+.text-action{margin-left:0}.swf-progress{width:100%;height:10px;margin-top:12px;accent-color:var(--yellow)}.swf-progress[hidden]{display:none}

/* Static SEO route content and the first-screen 2048 preview */
.hero{padding-top:30px}.hero-copy-wrap{max-width:1100px}.hero h1{max-width:1080px;text-transform:none}.hero-links{margin-top:16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.primary-cta{display:inline-flex;min-height:44px;padding:0 15px;align-items:center;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-weight:900;text-decoration:none}.hero-links .text-action{font-weight:800;text-underline-offset:3px}.home-demo{max-width:1680px;margin:24px auto 0}.home-demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:11px}.home-demo-heading .mono-label{margin:0 0 4px;color:#6b4fe0;font:700 11px var(--mono);letter-spacing:.09em}.home-demo-heading h2{margin:0;font-size:clamp(25px,3vw,34px);line-height:1;font-weight:950;letter-spacing:-.04em}.home-demo-heading p:not(.mono-label){max-width:68ch;margin:6px 0 0;color:#49484e;font-size:14px;line-height:1.4}.home-demo-frame{height:360px;border:3px solid var(--ink);box-shadow:6px 6px 0 #b08cff;overflow:hidden;background:#faf8ef}.home-demo-frame iframe{display:block;width:100%;height:100%;border:0;background:#faf8ef}.home-demo+.system-grid{margin-top:38px}.static-game-detail,.legal-page,.demo-page,.not-found-page{max-width:980px;margin:0 auto;padding:38px var(--gutter) 72px}.static-game-detail h1,.legal-page h1,.demo-page h1,.not-found-page h1{margin:4px 0 18px;font-size:clamp(38px,5vw,58px);line-height:.98;letter-spacing:-.045em}.static-game-detail p,.legal-page p,.demo-page p,.not-found-page p{max-width:74ch;font-size:17px;line-height:1.58;color:#414149}.static-game-detail .mono-label,.legal-page .mono-label,.demo-page .mono-label,.not-found-page .mono-label{font:700 11px var(--mono);letter-spacing:.09em;color:#6b4fe0}.availability-note{margin:20px 0;padding:14px 16px;border-left:5px solid var(--yellow);background:#fffefa;font-weight:750;line-height:1.5}.category-game-grid{max-width:1680px;margin:24px auto 32px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category-game-grid .game-card{min-width:0}.category-game-grid .game-cover{height:170px}.category-game-grid .game-card-info{min-height:74px;padding:8px}.category-more{max-width:1680px;margin:0 auto 38px;color:var(--muted);font-size:14px}.legal-page section{margin-top:27px;padding-top:19px;border-top:2px solid #d0cfc7}.legal-page h2{margin:0 0 8px;font-size:23px}.legal-page section p{margin:0}.legal-page .legal-updated{margin-top:34px;font-size:12px;color:#696870}.demo-page .demo-frame-wrap{height:min(820px,calc(100dvh - 245px));min-height:620px;margin-top:24px}.demo-page .breadcrumb{margin-bottom:25px}.demo-page .demo-credit{margin-top:18px}.not-found-page{min-height:64vh}.not-found-page .primary-cta{margin-top:10px}.breadcrumb{max-width:1680px;margin:0 auto 16px;padding-top:22px;display:flex;gap:9px;flex-wrap:wrap;color:#62616a;font-size:13px}.breadcrumb a{color:var(--ink);font-weight:750;text-decoration-thickness:2px;text-underline-offset:3px}.collection-head{max-width:1680px;margin:0 auto}.collection-description{max-width:75ch;color:#4d4c55;font-size:16px;line-height:1.55}.collection-title{text-transform:none}.system-grid .system-card p{line-height:1.45}.footer-links a{text-underline-offset:3px}
@media(max-width:1100px){.category-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-demo-frame{height:330px}}
@media(max-width:700px){.home-demo-heading{align-items:flex-start;flex-direction:column}.home-demo-heading .see-all{align-self:flex-start}.home-demo-frame{height:320px}.home-demo+.system-grid{margin-top:34px}.category-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-game-grid .game-cover{height:178px}.category-game-grid .game-card-info{min-height:72px}.static-game-detail,.legal-page,.demo-page,.not-found-page{padding:28px 20px 52px}.static-game-detail p,.legal-page p,.demo-page p,.not-found-page p{font-size:15px}.demo-page .demo-frame-wrap{height:760px;min-height:700px}.home-demo{margin-top:22px}}

.home-guide{max-width:1680px;margin:42px auto 0;padding-top:28px;padding-bottom:30px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.home-guide h2{margin:0 0 18px;font-size:clamp(25px,3vw,34px);line-height:1.05;letter-spacing:-.025em}
.home-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-guide-grid article{padding:16px;border:2px solid var(--ink);background:#fffefa}
.home-guide-grid h3{margin:0 0 8px;font-size:18px;line-height:1.2}
.home-guide-grid p{max-width:52ch;margin:0;color:#49484e;font-size:14px;line-height:1.55}
@media(max-width:700px){.home-guide{margin-top:28px;padding-top:22px;padding-bottom:22px}.home-guide-grid{grid-template-columns:1fr;gap:10px}}
.hero-intro{max-width:75ch;margin:9px 0 0;color:#49484e;font-size:15px;line-height:1.5}
.footer-recommended{margin-top:26px}.footer-recommended .mono-label{margin-bottom:9px}.footer-recommended-list{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none}.footer-recommended-list a{color:var(--paper);font-size:14px;font-weight:650;text-underline-offset:3px}
.recommendation-card{max-width:1680px;margin:24px auto 0;padding-top:26px;padding-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:3px solid var(--ink);background:#c8f36b;box-shadow:8px 8px 0 var(--ink);scroll-margin-top:84px}.recommendation-copy{max-width:900px}.recommendation-card .mono-label{margin:0 0 7px;font:700 11px var(--mono);letter-spacing:.09em}.recommendation-card h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1;letter-spacing:-.04em}.recommendation-card p:not(.mono-label){max-width:76ch;margin:10px 0 0;color:#292a27;font-size:15px;line-height:1.5}.recommendation-actions{margin-top:17px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.recommendation-button,.recommendation-cancel{min-height:46px;padding:0 14px;border:2px solid var(--ink);font-size:14px;font-weight:900;cursor:pointer}.recommendation-button{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.recommendation-cancel{background:#fffefa}.recommendation-button:hover:not(:disabled),.recommendation-cancel:hover:not(:disabled){transform:translateY(-1px)}.recommendation-button:focus-visible,.recommendation-cancel:focus-visible{outline:3px solid #5140a9;outline-offset:3px}.recommendation-button:disabled,.recommendation-cancel:disabled{opacity:.55;cursor:not-allowed}.recommendation-status{min-height:1.5em;margin:11px 0 0!important;font-weight:800}.recommendation-fallback{font-size:12px!important}.recommendation-target{font:700 11px var(--mono);overflow-wrap:anywhere}.recommendation-mark{flex:none;font:700 80px/1 var(--pixel)}.home-faq{max-width:1680px;margin:42px auto 0;padding-top:27px;padding-bottom:42px;border-top:3px solid var(--ink)}.home-faq h2{margin:0 0 18px;font-size:clamp(25px,3vw,34px);line-height:1.05}.home-faq article{max-width:1000px;padding:15px 0;border-bottom:1px solid #c8c7c0}.home-faq h3{margin:0 0 6px;font-size:17px;line-height:1.3}.home-faq p{max-width:82ch;margin:0;color:#49484e;font-size:14px;line-height:1.55}.home-faq a{color:var(--ink);font-weight:800;text-underline-offset:3px}
@media(max-width:700px){.recommendation-card{align-items:flex-start;margin-top:20px;padding-top:20px;padding-bottom:20px;box-shadow:5px 5px 0 var(--ink)}.recommendation-mark{font-size:45px}.recommendation-card h2{font-size:27px}.recommendation-card p:not(.mono-label){font-size:14px}.recommendation-actions{gap:9px}.recommendation-button,.recommendation-cancel{min-height:44px}.home-faq{margin-top:29px;padding-top:22px;padding-bottom:30px}}
@media(max-width:460px){.recommendation-card{gap:8px}.recommendation-mark{font-size:34px}.recommendation-copy{min-width:0}.recommendation-card h2{font-size:24px}}
.recommendation-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);align-items:center;gap:26px}.recommendation-copy{max-width:none;min-width:0}.recommendation-card .mono-label{color:#292a27}.recommendation-art{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:9px}.recommendation-cover{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:3px solid var(--ink);background:#f1f0ea;box-shadow:4px 4px 0 rgba(15,15,20,.45)}.recommendation-cover-vice{transform:translateY(-8px) rotate(-2deg)}.recommendation-cover-minecraft{transform:translateY(8px)}.recommendation-cover-gta3{transform:translateY(-4px) rotate(2deg)}
@media(max-width:900px){.recommendation-card{grid-template-columns:minmax(0,1fr) minmax(220px,.78fr);gap:18px}.recommendation-art{gap:7px}.recommendation-cover{border-width:2px}}
@media(max-width:700px){.recommendation-card{grid-template-columns:minmax(0,1fr);gap:18px}.recommendation-art{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.recommendation-cover{aspect-ratio:4/5;border-width:2px;box-shadow:3px 3px 0 rgba(15,15,20,.45)}.recommendation-cover-vice{transform:translateY(-3px) rotate(-1deg)}.recommendation-cover-minecraft{transform:translateY(3px)}.recommendation-cover-gta3{transform:translateY(-2px) rotate(1deg)}}
.hero .hero-copy{margin-top:10px}.hero .hero-copy strong{font-size:clamp(18px,2vw,23px)}.minecraft-play{max-width:1680px;margin:16px auto 0}.minecraft-play-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.minecraft-play-heading h2{margin:0;font-size:clamp(27px,3.3vw,40px);line-height:1;letter-spacing:-.04em}.minecraft-play-heading .mono-label{margin:0 0 7px;color:#6b4fe0;font:700 11px var(--mono);letter-spacing:.09em}.minecraft-play-heading p:not(.mono-label){margin:8px 0 0;color:#49484e;font-size:15px;line-height:1.45}.minecraft-actions{display:flex;align-items:center;gap:15px;flex:none}.minecraft-actions a{color:var(--ink);font-size:13px;font-weight:800;text-underline-offset:3px}.minecraft-fullscreen,.minecraft-loading button{min-height:42px;padding:0 14px;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font:800 13px var(--sans);cursor:pointer}.minecraft-frame-wrap{position:relative;width:100%;height:clamp(560px,56.25vw,900px);min-height:560px;overflow:hidden;border:3px solid var(--ink);background:#111;box-shadow:7px 7px 0 #b08cff}.minecraft-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#111}.minecraft-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:13px;padding:20px;background:#111;color:#fff;font-size:14px;font-weight:700}.minecraft-loading[hidden]{display:none}.minecraft-spinner{width:20px;height:20px;border:3px solid #ffffff60;border-top-color:var(--yellow);border-radius:50%;animation:minecraft-spin .8s linear infinite}@keyframes minecraft-spin{to{transform:rotate(360deg)}}.minecraft-device-note{margin:14px 0 0;color:#55545c;font-size:13px;line-height:1.45}.minecraft-play+.recommendation-card{margin-top:30px}.home-minecraft-card{outline-offset:5px}.home-minecraft-card .game-card-system{color:#3c2e77;font-weight:900}
@media(max-width:900px){.minecraft-play{margin-top:12px}.minecraft-play-heading{align-items:flex-start;flex-direction:column;gap:12px}.minecraft-frame-wrap{height:max(56.25vw,560px)}}
@media(max-width:600px){.minecraft-frame-wrap{height:62vh;min-height:420px}.minecraft-play-heading h2{font-size:30px}.minecraft-play-heading p:not(.mono-label){font-size:13px}.minecraft-actions{flex-wrap:wrap;gap:12px}.minecraft-device-note{font-size:12px}.minecraft-loading{flex-wrap:wrap;text-align:center}.minecraft-loading button{flex-basis:100%;max-width:180px}}
@media(prefers-reduced-motion:reduce){.minecraft-spinner{animation:none}}
.minecraft-control-status{min-height:1.4em;margin:8px 0 0;color:#6a3267;font-size:13px;font-weight:700;line-height:1.4}
.minecraft-retry{min-height:42px;padding:0 14px;border:2px solid var(--ink);background:#fffefa;box-shadow:3px 3px 0 var(--ink);font:800 13px var(--sans);cursor:pointer}
@media(min-width:901px){.hero{padding-top:12px}.hero h1{font-size:clamp(34px,3.7vw,46px)}.hero .hero-copy{margin-top:4px}.hero .hero-copy strong{font-size:18px}.minecraft-play{margin-top:6px}.minecraft-play-heading{margin-bottom:8px}.minecraft-play-heading h2{font-size:clamp(27px,2.6vw,34px)}.minecraft-play-heading p:not(.mono-label){margin-top:4px;font-size:13px}.minecraft-frame-wrap{height:clamp(360px,calc(100svh - 360px),760px);min-height:360px}}
@media(max-width:900px) and (min-width:601px){.hero{padding-top:14px}.hero-copy{margin-top:6px}.minecraft-play{margin-top:6px}.minecraft-play-heading{gap:8px;margin-bottom:8px}.minecraft-play-heading h2{font-size:30px}.minecraft-play-heading p:not(.mono-label){margin-top:4px;font-size:13px}.minecraft-frame-wrap{height:clamp(360px,calc(100svh - 360px),760px);min-height:360px}}