@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#101412;--panel:#191e1b;--ink:#f1f3ea;--muted:#a4aca3;--line:#333a32;--lime:#bdff70;--mono:'Space Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.wrap{max-width:1440px;width:calc(100% - 112px);margin-inline:auto}.header{height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:19px;line-height:1.05;font-weight:700;letter-spacing:-.6px}.brand-bottom{display:block}.brand-period{color:var(--lime)}.brand-mark{background:var(--lime);color:var(--bg);height:44px;width:44px;font-family:var(--mono);font-size:32px;line-height:42px;text-align:center;position:relative}.brand-mark span{position:absolute;font-size:18px;right:1px;bottom:-6px;background:var(--lime);line-height:20px}.header nav{display:flex;gap:38px;font-size:15px}.nav-active{color:var(--lime)}.nav-active span{padding-left:13px}.header-note{font-family:var(--mono);font-size:12px;line-height:1.6;letter-spacing:.4px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:38px;padding:56px 0 48px;align-items:stretch}.hero-copy{padding:12px 0 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:1.6px;color:var(--muted);margin:0}.hero .eyebrow{font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.tiny-square{width:7px;height:7px;background:var(--lime)}h1{font-size:clamp(42px,4.65vw,70px);font-weight:500;letter-spacing:-3.5px;line-height:1.08;margin:27px 0 22px}h1 span{color:var(--lime)}.intro{color:var(--muted);margin:0 0 28px;font-size:17px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:14px 20px;font-size:15px;font-weight:600;border:1px solid transparent;border-radius:3px;transition:transform .2s,background .2s}.primary{background:var(--lime);color:var(--bg)}.button:hover{transform:translateY(-2px);background:#d5ff9f}.button span{font-size:22px;line-height:1}.hero-foot{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.6px;margin-top:auto;padding-top:35px;color:var(--muted)}.cross{font-size:23px;color:var(--lime)}.hero-art{min-height:365px;position:relative;border:1px solid #425044;overflow:hidden;border-radius:4px;background:#1a302b}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;image-rendering:auto;opacity:.9}.hero-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#061711b3);pointer-events:none}.art-label{position:absolute;z-index:1;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:1px;color:#d4eedb}.art-label span:last-child{color:var(--lime)}.collection{border-top:1px solid var(--line);padding:39px 0 64px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-title h2{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:10px 0 0;display:flex;align-items:center;gap:13px}.count{font:12px var(--mono);color:var(--lime);border:1px solid #46523f;border-radius:30px;padding:4px 9px;letter-spacing:0}.search{border:1px solid var(--line);border-radius:4px;padding:10px 13px;display:flex;align-items:center;gap:10px;width:300px;background:#171c18}.search>span{font-size:26px;line-height:1;color:var(--muted)}.search input{background:none;border:0;color:var(--ink);min-width:0;width:100%;font-size:14px;outline:none}.search:focus-within{border-color:var(--lime)}.search kbd{border:1px solid var(--line);color:var(--muted);padding:0 6px;border-radius:3px;font-size:12px}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:27px 0 24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 14px;border-radius:4px;font-size:14px}.filter[aria-pressed=true]{background:var(--lime);color:var(--bg);border-color:var(--lime)}.filter:hover{border-color:var(--lime)}.sort-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.sort-label select{color:var(--ink);font-size:13px;background:var(--bg);border:0;padding:8px 0}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.game-card{display:block;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#171c18;transition:transform .22s,border-color .22s}.game-card:hover{transform:translateY(-5px);border-color:var(--accent)}.cover{aspect-ratio:1.9;position:relative;overflow:hidden;display:flex;align-items:center;padding:26px;background:var(--cover-bg);isolation:isolate}.cover:after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(100deg,transparent,#000)}.cover img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:1}.cover-type{font-family:var(--mono);font-size:clamp(24px,2.8vw,43px);font-weight:700;line-height:1.02;letter-spacing:-2px;text-transform:uppercase;color:var(--accent);max-width:85%;overflow-wrap:anywhere;text-shadow:4px 4px 0 #0004;transform:rotate(-4deg);z-index:0}.cover-num{position:absolute;right:13px;top:11px;font:11px var(--mono);color:var(--accent);opacity:.7}.cover-line{width:70px;height:5px;position:absolute;bottom:19px;right:19px;background:var(--accent);box-shadow:0 -9px 0 color-mix(in srgb,var(--accent) 25%,transparent)}.card-body{padding:18px 20px 19px}.card-meta{display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:9px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-title h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}.play{display:flex;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #45513e;border-radius:50%;color:var(--lime);font-size:15px;transition:background .2s,color .2s}.game-card:hover .play{background:var(--lime);color:var(--bg)}.card-description{font-size:14px;color:var(--muted);margin:10px 0 0}.empty{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:4px}.empty>span{color:var(--lime);font:50px var(--mono)}.empty h3{font-size:24px}.empty p{color:var(--muted)}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.secondary:hover{color:var(--bg)}[hidden]{display:none!important}.about{display:grid;grid-template-columns:1fr 1fr;gap:20px 50px;border-top:1px solid var(--line);padding:43px 0 48px}.about>.eyebrow{grid-column:1/-1}.about h2{font-size:35px;line-height:1.16;letter-spacing:-1px;font-weight:500;margin:0}.about p{color:var(--muted);margin:0;max-width:460px;font-size:16px;line-height:1.75}.text-link{grid-column:2;color:var(--lime);font-size:14px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0 32px;font:11px var(--mono);color:var(--muted)}.footer-wordmark{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--ink)}.footer-wordmark span{color:var(--lime)}footer>a:last-child{font-size:10px;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:15px;z-index:10;background:var(--lime);color:var(--bg);padding:10px}.skip:focus{top:15px}
@media(min-width:1600px){h1{font-size:74px}.hero-art{min-height:410px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:25px}.hero .eyebrow{font-size:10px;letter-spacing:0}.hero-foot{font-size:9px}h1{font-size:49px;letter-spacing:-2.5px}.game-grid{gap:18px}.cover{padding:20px}.card-body{padding:16px}.card-title h3{font-size:19px}.art-label{flex-direction:column;gap:5px}.header-note{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:16px}.brand-mark{width:36px;height:36px;font-size:28px;line-height:35px}.header nav{gap:20px;font-size:14px}.nav-active span{display:none}.hero{grid-template-columns:1fr;padding:33px 0;gap:25px}.hero-copy{padding:0}h1{font-size:clamp(40px,8vw,61px);letter-spacing:-2.5px;margin:22px 0 16px}.hero .eyebrow{font-size:10px;letter-spacing:.7px}.hero-foot{margin-top:0;padding-top:25px}.hero-art{min-height:250px;aspect-ratio:1.8}.art-label{flex-direction:row}.section-top{align-items:stretch;flex-direction:column;gap:20px}.section-title h2{font-size:30px}.search{width:100%}.collection-toolbar{align-items:flex-start;flex-direction:column;gap:14px;margin-top:20px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cover-type{font-size:clamp(24px,4.5vw,35px)}.cover{padding:20px 16px}.card-title h3{font-size:19px}.card-meta{font-size:9px;letter-spacing:.4px}.card-meta span:last-child{display:none}.about{gap:18px;grid-template-columns:1fr}.about h2{font-size:32px}.text-link{grid-column:1}.about p{max-width:100%}footer{flex-wrap:wrap;font-size:10px}.footer-wordmark{width:100%}.collection{padding-bottom:40px}.intro{font-size:16px}.search kbd{display:none}}
@media(max-width:410px){.game-grid{grid-template-columns:1fr}.cover-type{font-size:42px}.cover{aspect-ratio:2}.card-meta{font-size:10px}.card-meta span:last-child{display:block}.header nav{gap:14px;font-size:13px}.brand{gap:8px}.hero .eyebrow{font-size:9px}.art-label{font-size:8px;left:14px;right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep supporting labels readable on every screen. */
.eyebrow,.hero .eyebrow,.hero-foot,.art-label,.card-meta,.cover-num,footer,footer>a:last-child{font-size:12px}
.sort-label,.sort-label select{font-size:14px}
.hero-foot{letter-spacing:0}.hero .eyebrow{letter-spacing:.6px}
@media(max-width:1000px){.hero .eyebrow{font-size:12px;flex-wrap:wrap}.hero-foot{font-size:12px}.card-meta{font-size:12px;letter-spacing:0}}
@media(max-width:760px){.art-label{flex-direction:column;gap:5px}.hero .eyebrow{font-size:12px;letter-spacing:0}.hero-foot{font-size:12px}.card-meta{font-size:12px}.header nav{font-size:14px}}
.hero-art{min-width:0;width:100%}
@media(max-width:760px){.hero-art{min-height:0;aspect-ratio:1.8}}