:root{color-scheme:dark;--bg:#101416;--ink:#eef0ea;--muted:#9ca69f;--accent:#c3f36b;--line:#303733;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:var(--ink);background:transparent;border:1px solid var(--line);padding:9px 16px;border-radius:4px}button:hover{border-color:var(--accent)}[hidden]{display:none!important}
.site-header,.game-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5vw;border-bottom:1px solid var(--line)}.wordmark{font-size:21px;font-weight:700;letter-spacing:-.6px}.wordmark span{font:11px ui-monospace,monospace;color:var(--muted);letter-spacing:1px;margin-left:16px}.source-link{font-size:13px;color:var(--muted)}.source-link:hover,.quiet-link:hover{color:var(--accent)}
.hero{position:relative;min-height:min(820px,calc(100svh - 75px));overflow:hidden;display:flex;align-items:center;padding:70px 8vw;background:#080e14}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,20,.98) 3%,rgba(8,14,20,.85) 38%,rgba(8,14,20,.12) 75%),url('./images/shooter.png') 83% 34%/auto 120% no-repeat;animation:image-in 1.2s ease-out both}.hero-content{position:relative;max-width:660px;animation:enter .7s ease-out both}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--accent);margin:0 0 24px}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(62px,7.7vw,112px);line-height:1.02;letter-spacing:-5px;margin-bottom:28px;font-weight:650}.hero h1 span{color:var(--accent)}.hero-copy{font-size:18px;line-height:1.8;color:#b9c4bd;margin-bottom:32px}.primary-link{display:flex;align-items:center;justify-content:space-between;max-width:252px;padding:18px 23px;background:var(--accent);color:#172010;font-weight:650;transition:transform .2s,background .2s}.primary-link:hover{transform:translateY(-3px);background:#d3ff8b}.quiet-link{display:inline-block;color:var(--muted);font-size:13px;margin-top:22px}.hero-caption{position:absolute;right:5vw;bottom:22px;color:#adbbb3;font:10px ui-monospace,monospace;letter-spacing:2px}
.games-section{padding:80px 8vw 40px;scroll-margin-top:24px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font-size:26px;font-weight:550;letter-spacing:-1px}.section-heading span{font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.game-row{display:grid;grid-template-columns:30px 240px 1fr auto;gap:30px;align-items:center;padding:35px 0;border-top:1px solid var(--line)}.game-number{align-self:start;color:var(--muted);font:12px ui-monospace,monospace;padding-top:5px}.game-row img{width:240px;height:155px;object-fit:cover;object-position:left;background:#161c20;transition:filter .3s,transform .3s;filter:saturate(.7)}.game-row:hover img{filter:saturate(1);transform:translateY(-3px)}.game-description .eyebrow{margin-bottom:12px;letter-spacing:1px}.game-description h3{font-size:34px;font-weight:500;letter-spacing:-1px;margin-bottom:12px}.game-description p{color:var(--muted);font-size:13px;line-height:1.6;max-width:420px;margin-bottom:9px}.game-description .controls-copy{font-size:11px;color:#78867c}.play-link{color:var(--accent);font-size:13px;white-space:nowrap;transition:transform .2s}.game-row:hover .play-link{transform:translateX(4px)}.about-section{padding:65px 8vw 95px;border-top:1px solid var(--line);margin-top:40px}.about-section h2{font-size:48px;letter-spacing:-2px;font-weight:550;margin-bottom:20px}.about-section p:not(.eyebrow){max-width:490px;font-size:15px;line-height:1.9;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;border-top:1px solid var(--line);font:11px ui-monospace,monospace;color:var(--muted)}
.game-page{height:100svh;display:flex;flex-direction:column}.game-header{padding:14px 24px;flex-wrap:wrap}.game-header nav{display:flex;gap:24px;font-size:13px}.game-header nav a{color:var(--muted)}.game-header nav a[aria-current]{color:var(--accent)}.game-main{display:flex;flex:1;min-height:0;flex-direction:column;padding:0 16px}.game-toolbar{display:flex;align-items:center;gap:24px;min-height:53px;padding:9px 5px}.game-toolbar h1{font-size:16px;font-weight:500;margin:0;white-space:nowrap}.game-toolbar p{font-size:12px;color:var(--muted);margin:0;flex:1}.game-toolbar button{font-size:11px;padding:5px 10px}.stage{position:relative;flex:1;min-height:250px;overflow:hidden;background:#121518}.game-surface{position:absolute;transform-origin:top left}.game-surface canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.loading{position:absolute;inset:0;background:#12191e;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;z-index:2}.loading h2{font-size:28px;letter-spacing:-1px;font-weight:500}.loading p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:600px;line-height:1.7;overflow-wrap:anywhere}.loading progress{width:min(300px,80%);height:4px;border:0;accent-color:var(--accent);margin-top:18px}.loading button{margin-top:24px}.game-note{font-size:11px;color:var(--muted);margin:9px 5px;line-height:1.5}.game-main:fullscreen{background:var(--bg);padding:0 8px}.game-main:fullscreen .game-toolbar{min-height:40px}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes image-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.game-row{grid-template-columns:24px 180px 1fr;gap:20px}.game-row img{width:180px;height:140px}.play-link{grid-column:3}.hero-image{background-position:65% 35%;opacity:.6}.hero h1{letter-spacing:-3px}.section-heading span{display:none}.wordmark span{margin-left:9px}.game-header{gap:12px}.game-header nav{gap:14px}.game-toolbar{gap:12px}.game-toolbar p{font-size:10px}}
@media(max-width:600px){.site-header{padding:18px 6vw}.hero{padding:55px 7vw;min-height:650px}.hero h1{font-size:clamp(44px,14vw,60px)}.hero-image{opacity:1;background-image:linear-gradient(90deg,rgba(8,14,20,.95),rgba(8,14,20,.8) 60%,rgba(8,14,20,.55)),url('./images/shooter.png');background-position:left center;background-size:auto 100%}.hero-caption{font-size:8px}.games-section{padding:50px 7vw 25px}.game-row{grid-template-columns:20px 1fr;gap:18px;padding:28px 0}.game-row img{width:100%;height:190px;grid-column:2}.game-description,.play-link{grid-column:2}.game-description h3{font-size:30px}.about-section{padding:50px 7vw 65px}.about-section h2{font-size:38px}footer{font-size:9px;padding:20px 6vw}.game-header{padding:12px}.game-header .wordmark span{display:none}.game-header button{padding:6px 10px;font-size:11px}.game-header nav{order:3;width:100%;justify-content:center}.game-toolbar p{display:none}.game-toolbar button{margin-left:auto}.game-main{padding:0 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
