@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg:#f0ebe1;--surface:#e8e2d8;--text:#0c0c0c;--text-dim:#0c0c0c9e;--text-faint:#0c0c0c1a;--invert-bg:#141414;--invert-text:#f0ebe1;--invert-text-dim:#f0ebe173;--yellow:#ffe500;--font-display:"Bebas Neue", sans-serif;--font-body:"Courier Prime", monospace;--border:1px solid #0c0c0c21;--border-solid:2px solid var(--text);--border-yellow:2px solid var(--yellow);--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px;line-height:1.6}body{background:var(--bg);min-height:100dvh;overflow-x:hidden}#root{display:contents}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);font-weight:400;line-height:.92}p,li,a{font-family:var(--font-body)}a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:0 32px}@media (width<=768px){.container{padding:0 20px}}.section-number{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:700}.tag{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border:1px solid #0c0c0c33;padding:3px 8px;font-size:10px;display:inline-block}.nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--border);background:#f0ebe1f0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{font-family:var(--font-display);letter-spacing:.05em;color:var(--text);font-size:18px;text-decoration:none}.nav__back{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);transition:color var(--transition);align-items:center;gap:8px;font-size:12px;display:flex}.nav__back:hover{color:var(--text)}.nav__sub{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.hero{border-bottom:var(--border);flex-direction:column;justify-content:center;padding:20vh 32px 128px;display:flex;position:relative;overflow:hidden}.hero__eyebrow{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:24px;font-size:11px}.hero__title{margin-bottom:32px;font-size:clamp(56px,11vw,160px);line-height:.9}.hero__sub{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:13px;font-family:var(--font-body);max-width:400px;line-height:1.7}.hero__grid-line{background:#0c0c0c0d;width:1px;position:absolute;top:0;bottom:0}.hero__scroll-hint{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:#0c0c0c33;writing-mode:vertical-rl;font-size:10px;position:absolute;bottom:32px;right:32px}.marquee-strip{border-bottom:var(--border);background:var(--invert-bg);padding:12px 0;overflow:hidden}.marquee-inner{width:max-content;animation:28s linear infinite marquee-scroll;display:flex}.marquee-inner:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-display);letter-spacing:.14em;color:var(--invert-text-dim);white-space:nowrap;align-items:center;gap:36px;padding:0 36px;font-size:13px;display:flex}.marquee-item:after{content:"★";color:#f0ebe12e;font-size:9px}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.games-section{padding:72px 32px 80px}.games-section__header{border-bottom:var(--border);align-items:baseline;gap:24px;margin-bottom:40px;padding-bottom:20px;display:flex}.games-section__title{font-size:clamp(40px,6vw,72px)}.games-grid{border-top:var(--border);border-left:var(--border);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=900px){.games-grid{grid-template-columns:1fr}.game-card{min-height:unset;flex-direction:column}.game-card__screenshot{border-left:none;border-top:var(--border);order:2;width:100%;height:200px}.game-card--featured .game-card__screenshot{width:100%;height:240px}.game-card--featured{min-height:unset}}.game-card{border-right:var(--border);border-bottom:var(--border);cursor:pointer;min-height:240px;transition:background var(--transition);color:inherit;background:var(--bg);outline:none;flex-direction:row;padding:0;text-decoration:none;display:flex;position:relative}.game-card:hover{background:var(--surface)}.game-card:hover .game-card__border-accent{opacity:1}.game-card__border-accent{border:var(--border-yellow);pointer-events:none;opacity:0;z-index:2;transition:opacity .2s;position:absolute;inset:-1px}.game-card__screenshot{border-left:var(--border);flex-shrink:0;width:42%;overflow:hidden}.game-card--featured .game-card__screenshot{width:50%}.game-card__screenshot .screenshot{width:100%;height:100%;aspect-ratio:unset;border:none}.game-card__screenshot .screenshot img{object-fit:cover;object-position:top center;width:100%;height:100%}.game-card__screenshot .screenshot__placeholder{background:var(--surface)}.game-card__screenshot .screenshot__placeholder:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0c0c0c06 2px 4px)}.game-card__screenshot .screenshot__placeholder-n{color:#0c0c0c0f}.game-card__screenshot .screenshot__placeholder-label{color:#0c0c0c33}.game-card__content{flex-direction:column;flex:1;gap:16px;padding:24px 28px 28px;display:flex}.game-card__top{justify-content:space-between;align-items:flex-start;display:flex}.game-card__index{font-family:var(--font-body);letter-spacing:.15em;color:var(--text-dim);font-size:11px;font-weight:700}.game-card__tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.game-card__name{font-size:clamp(32px,4vw,48px);line-height:.9}.game-card__tagline{color:var(--text-dim);flex:1;font-size:13px;line-height:1.5}.game-card__bottom{border-top:var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.game-card__meta{gap:20px;display:flex}.game-card__meta-item{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.game-card__meta-item span{color:#0c0c0c40;margin-bottom:2px;font-size:10px;display:block}.game-card__arrow{color:var(--text-dim);transition:transform var(--transition), color var(--transition);font-size:18px}.game-card:hover .game-card__arrow{color:var(--text);transform:translate(4px,-4px)}.game-card--featured{grid-column:1/-1;min-height:360px}.game-card--featured .game-card__name{font-size:clamp(48px,7vw,88px)}.projects-section{border-top:var(--border)}.projects-grid{border-top:var(--border);border-left:var(--border);grid-template-columns:1fr;display:grid}.project-card{border-right:var(--border);border-bottom:var(--border);cursor:pointer;min-height:280px;transition:background var(--transition);color:inherit;background:var(--bg);outline:none;flex-direction:row;padding:0;text-decoration:none;display:flex;position:relative}.project-card:hover{background:var(--surface)}.project-card:hover .project-card__border-accent{opacity:1}.project-card__border-accent{border:var(--border-yellow);pointer-events:none;opacity:0;z-index:2;transition:opacity .2s;position:absolute;inset:-1px}.project-card__content{flex-direction:column;flex:1;gap:16px;padding:28px 32px 32px;display:flex}.project-card__top{justify-content:space-between;align-items:flex-start;display:flex}.project-card__name{font-size:clamp(36px,5vw,64px);line-height:.9}.project-card__tagline{color:var(--text-dim);font-size:14px;font-weight:700;line-height:1.55}.project-card__desc{color:var(--text-dim);opacity:.75;flex:1;max-width:560px;font-size:13px;line-height:1.7}.project-card__bottom{border-top:var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.project-card__url{font-family:var(--font-body);letter-spacing:.12em;text-transform:lowercase;color:#0c0c0c59;transition:color var(--transition), border-color var(--transition);border-bottom:1px solid #0c0c0c1f;padding-bottom:1px;font-size:11px}.project-card:hover .project-card__url{color:var(--text-dim);border-color:#0c0c0c4d}.project-card:hover .game-card__arrow{color:var(--text);transform:translate(4px,-4px)}.project-card__screenshot{border-left:var(--border);flex-shrink:0;width:42%;overflow:hidden}.project-card__screenshot .screenshot{width:100%;height:100%;aspect-ratio:unset;border:none}.project-card__screenshot .screenshot img{object-fit:cover;object-position:top center;width:100%;height:100%}.project-card__screenshot .screenshot__placeholder{background:var(--surface)}@media (width<=900px){.project-card{min-height:unset;flex-direction:column}.project-card__screenshot{border-left:none;border-top:var(--border);width:100%;height:200px}}.footer{border-top:var(--border);justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.footer__logo{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-dim);font-size:15px}.footer__copy{letter-spacing:.1em;color:#0c0c0c4d;text-transform:uppercase;font-size:11px}.footer__url{transition:color var(--transition), border-color var(--transition);border-bottom:1px solid #0c0c0c26;padding-bottom:2px}.footer__url:hover{color:var(--text);border-color:var(--text)}.game-detail{padding-top:70px}.game-detail__hero{border-bottom:var(--border);padding:80px 32px 64px}.game-detail__number{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px;font-size:11px}.game-detail__title{margin-bottom:28px;font-size:clamp(64px,12vw,180px);line-height:.88}.game-detail__tagline{color:var(--text-dim);font-size:clamp(15px,2vw,20px);font-family:var(--font-body);max-width:600px;line-height:1.6}.game-detail__cta{font-family:var(--font-display);letter-spacing:.08em;border:var(--border-solid);color:var(--bg);background:var(--text);transition:background var(--transition), border-color var(--transition), color var(--transition);cursor:pointer;margin-top:40px;padding:14px 40px;font-size:22px;display:inline-block}.game-detail__cta:hover{background:var(--yellow);border-color:var(--yellow);color:#0c0c0c}.screenshots{border-bottom:var(--border);padding:64px 32px}.screenshots__label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:24px;font-size:10px}.screenshots__grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=768px){.screenshots__grid{grid-template-columns:1fr}}.screenshot{aspect-ratio:16/9;border:var(--border);position:relative;overflow:hidden}.screenshot img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.screenshot:hover img{transform:scale(1.03)}.screenshot__placeholder{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.screenshot__placeholder:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0c0c0c06 2px 4px);position:absolute;inset:0}.screenshot__placeholder-label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#0c0c0c33;font-size:10px;position:relative}.screenshot__placeholder-n{font-family:var(--font-display);color:#0c0c0c0f;font-size:64px;line-height:1;position:relative}.stats-bar{border-bottom:var(--border);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.stats-bar{grid-template-columns:repeat(2,1fr)}}.stats-bar__item{border-right:var(--border);padding:28px 32px}.stats-bar__item:last-child{border-right:none}.stats-bar__label{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:10px}.stats-bar__value{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);font-size:clamp(18px,2.5vw,26px);line-height:1}.game-description{border-bottom:var(--border);grid-template-columns:200px 1fr;gap:48px;padding:64px 32px;display:grid}@media (width<=900px){.game-description{grid-template-columns:1fr;gap:20px}}.game-description__heading{align-self:start;font-size:clamp(24px,3vw,40px);line-height:.9;position:sticky;top:90px}.game-description__text{color:var(--text-dim);max-width:680px;font-size:15px;line-height:1.85}.selling-points{border-bottom:var(--border);padding:64px 32px}.selling-points__heading{border-bottom:var(--border);margin-bottom:36px;padding-bottom:20px;font-size:clamp(24px,3vw,40px)}.selling-points__list{border-top:var(--border);border-left:var(--border);grid-template-columns:repeat(2,1fr);list-style:none;display:grid}@media (width<=768px){.selling-points__list{grid-template-columns:1fr}}.selling-points__item{border-right:var(--border);border-bottom:var(--border);align-items:stretch;min-height:72px;display:flex}.selling-points__number{font-family:var(--font-display);letter-spacing:.05em;color:var(--invert-text);background:var(--invert-bg);border-right:var(--border);flex-shrink:0;justify-content:center;align-items:center;width:64px;font-size:20px;display:flex}.selling-points__text{color:var(--text-dim);align-self:center;padding:18px 20px;font-size:13px;line-height:1.65}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:32px;display:flex}.not-found__code{color:var(--text-faint);font-size:clamp(80px,15vw,200px);line-height:1}.not-found__msg{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:13px}.not-found__link{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);transition:color var(--transition), border-color var(--transition);border-bottom:1px solid #0c0c0c33;padding-bottom:2px;font-size:12px}.not-found__link:hover{color:var(--text);border-color:var(--text)}.screenshot--zoomable{cursor:zoom-in}.screenshot--zoomable:hover img{transform:scale(1.04)}.lightbox{z-index:1000;cursor:zoom-out;background:#0c0c0ce0;justify-content:center;align-items:center;padding:32px;animation:.18s lightbox-in;display:flex;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox__close{color:#f0ebe180;cursor:pointer;font-size:20px;font-family:var(--font-body);transition:color var(--transition);background:0 0;border:none;padding:4px;line-height:1;position:absolute;top:20px;right:24px}.lightbox__close:hover{color:var(--invert-text)}.lightbox__inner{cursor:default;max-width:min(1200px,95vw);max-height:90dvh;box-shadow:0 32px 80px #0009}.lightbox__img{object-fit:contain;max-width:100%;max-height:90dvh;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#0c0c0c33}