@font-face{font-family:Luckiest Guy;src:url("assets/fonts/luckiest-guy-latin-400-normal.woff2") format("woff2");font-display:swap}
@font-face{font-family:Arsenal;src:url("assets/fonts/arsenal-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Arsenal;src:url("assets/fonts/arsenal-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Bangers;src:url("assets/fonts/bangers-latin-400-normal.woff2") format("woff2");font-display:swap}

:root{--ink:#050608;--panel:#101016;--paper:#f3efe6;--muted:rgba(243,239,230,.62);--line:rgba(243,239,230,.16);--purple:#7438e8;--red:#ef234a;--yellow:#f5c84b;--cyan:#39d7e5;--display:"Luckiest Guy",Impact,sans-serif;--body:Arsenal,Arial,sans-serif;--combat:Bangers,Impact,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}
body{color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.25;background:radial-gradient(circle at 72% 14%,rgba(116,56,232,.14),transparent 28%),var(--ink)}
a{color:inherit}
.site-noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.11;background-image:radial-gradient(rgba(255,255,255,.45) .55px,transparent .7px);background-size:5px 5px;mix-blend-mode:soft-light}
.kit-header{position:fixed;z-index:10;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,50px);background:linear-gradient(180deg,rgba(5,6,8,.98),rgba(5,6,8,.82) 72%,transparent)}
.brand,.header-actions,.play-link,.studio-mark{display:flex;align-items:center}
.brand{gap:13px;text-decoration:none}.brand img{width:132px;height:auto;filter:drop-shadow(3px 3px 0 #000)}
.brand span,.version,.eyebrow,.top-stamp,.resource__copy small,.console-footer span{font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.brand span{padding-left:13px;border-left:1px solid var(--line);color:var(--yellow);font-size:.78rem}
.header-actions{gap:18px}.version{color:var(--muted)}
.studio-mark{gap:9px;padding-right:18px;border-right:1px solid var(--line)}.studio-mark span{color:var(--muted);font-size:.48rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.studio-mark img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(3px 3px 0 #000)}
.play-link{gap:10px;padding:10px 14px;background:var(--red);color:#fff;text-decoration:none;font:700 .8rem/1 var(--body);letter-spacing:.13em;text-transform:uppercase;clip-path:polygon(3% 5%,100% 0,97% 94%,0 100%);transition:transform .2s var(--ease),background .2s}
.play-link:hover,.play-link:focus-visible{transform:translateY(-2px);background:#ff365b}.play-link b{font-size:.9rem}

.kit-layout{position:relative;display:grid;grid-template-columns:minmax(370px,.84fr) minmax(650px,1.16fr);gap:clamp(15px,2vw,32px);width:min(100% - 42px,1560px);height:100svh;margin:0 auto;padding:82px 0 18px;overflow:hidden}
.kit-hero,.download-console{position:relative;min-height:0;overflow:hidden}
.kit-hero{background:#121219;clip-path:polygon(0 1%,99% 0,100% 98%,2% 100%);box-shadow:8px 8px 0 #000}
.kit-hero__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:12% center;animation:hero-in .8s var(--ease) both}
.kit-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.08) 20%,rgba(5,6,8,.25) 47%,rgba(5,6,8,.98) 91%),linear-gradient(90deg,rgba(5,6,8,.7),transparent 55%)}
.top-stamp{position:absolute;z-index:2;top:21px;left:22px;padding:8px 11px;background:var(--yellow);color:var(--ink);font-size:.75rem;clip-path:polygon(2% 7%,100% 0,97% 94%,0 100%)}
.kit-hero__copy{position:absolute;z-index:2;left:clamp(26px,3vw,48px);right:clamp(26px,3vw,48px);bottom:64px}
.eyebrow{margin:0 0 9px;color:var(--yellow)}
h1,h2{margin:0;font-family:var(--display);font-weight:400;line-height:.88;text-transform:uppercase;letter-spacing:.015em}
h1{font-size:clamp(3.3rem,5vw,6rem);text-shadow:4px 5px 0 #000}h2{font-size:clamp(2.65rem,3.6vw,4.45rem)}
h1 em,h2 em{font-style:normal;color:var(--red)}
.kit-hero__copy>p:last-child{max-width:385px;margin:15px 0 0;color:var(--muted);font-size:.98rem}.kit-hero__copy strong{color:var(--paper);letter-spacing:.06em}
.hero-footer{position:absolute;z-index:2;left:clamp(26px,3vw,48px);right:clamp(26px,3vw,48px);bottom:22px;display:flex;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}

.download-console{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:11px;padding:clamp(18px,2vw,30px);background:rgba(16,16,22,.88);border:1px solid var(--line);clip-path:polygon(0 .7%,100% 0,99.4% 99%,.7% 100%)}
.download-console::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(116,56,232,.16),transparent 30%),linear-gradient(315deg,rgba(239,35,74,.08),transparent 28%)}
.console-head,.top-actions,.resource-grid,.console-footer{position:relative;z-index:1}
.console-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.console-side{display:grid;justify-items:end;gap:8px;max-width:230px}.language-picker{display:flex;align-items:center}.language-picker select{min-width:76px;padding:6px 22px 6px 8px;border:1px solid rgba(245,200,75,.5);border-radius:0;background:#0b0b10;color:var(--paper);font:700 .7rem/1 var(--body);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.top-actions{display:grid;grid-template-columns:1fr 210px;gap:8px}
.drive-link,.demo-link{display:flex;align-items:center;justify-content:space-between;min-width:0;text-decoration:none;text-transform:uppercase;transition:transform .2s var(--ease),filter .2s}
.drive-link{position:relative;isolation:isolate;overflow:hidden;padding:11px 14px;border:1px solid rgba(245,200,75,.65);background:linear-gradient(100deg,rgba(18,44,75,.9),rgba(116,56,232,.23) 58%,rgba(245,200,75,.18));clip-path:polygon(0 4%,100% 0,99% 94%,1% 100%)}
.drive-link::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.1) 50%,transparent 65%);transform:translateX(-110%);transition:transform .55s var(--ease)}.drive-link:hover::after,.drive-link:focus-visible::after{transform:translateX(110%)}
.drive-icon{position:absolute;z-index:-1;right:42px;top:50%;width:112px;height:auto;opacity:.34;transform:translateY(-50%) rotate(-9deg) scale(1.08);filter:drop-shadow(0 0 16px rgba(66,133,244,.55))}.drive-icon__green{fill:#0f9d58}.drive-icon__yellow{fill:#f4b400}.drive-icon__blue{fill:#4285f4}
.drive-link span,.demo-link{gap:2px}.drive-link span{display:grid;position:relative;z-index:1}.drive-link small,.demo-link small{color:var(--muted);font-size:.52rem;font-weight:700;letter-spacing:.15em}.drive-link strong,.demo-link strong{font-size:.9rem;letter-spacing:.09em}.drive-link b,.demo-link b{position:relative;z-index:1;color:var(--yellow)}
.demo-link{position:relative;isolation:isolate;overflow:hidden;display:flex;padding:10px 13px;background:linear-gradient(115deg,#ef234a,#c5143b);clip-path:polygon(3% 4%,100% 0,97% 95%,0 100%)}.demo-link strong{position:relative;z-index:1;max-width:155px;line-height:1.05}.demo-link b{color:#fff}.steam-icon{position:absolute;z-index:-1;right:10px;top:50%;width:82px;height:82px;color:#fff;opacity:.24;transform:translateY(-50%) rotate(-8deg);filter:drop-shadow(0 0 12px rgba(255,255,255,.2))}.steam-icon path{fill:currentColor}
.drive-link:hover,.drive-link:focus-visible,.demo-link:hover,.demo-link:focus-visible{transform:translateY(-2px);filter:brightness(1.12)}

.resource-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));gap:6px;min-height:0}
.resource{position:relative;display:grid;grid-template-columns:clamp(128px,25%,188px) minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:linear-gradient(90deg,rgba(5,6,8,.92),rgba(15,15,22,.74));border:1px solid var(--line);clip-path:polygon(0 5%,99.4% 0,100% 94%,.5% 100%);transition:transform .2s var(--ease),border-color .2s,background .2s}
.resource:hover{transform:translateX(4px);border-color:rgba(245,200,75,.65);background:linear-gradient(90deg,rgba(15,20,31,.96),rgba(35,20,49,.78))}.resource--featured{border-color:rgba(239,35,74,.62)}
.resource__preview{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.08);border-right:1px solid var(--line)}
.resource:nth-child(1) .resource__preview{object-position:center 33%}.resource:nth-child(2) .resource__preview{object-position:center 48%}.resource:nth-child(3) .resource__preview{object-position:center 66%}.resource:nth-child(4) .resource__preview{object-position:center 45%}.resource:nth-child(5) .resource__preview{object-position:32% 36%}.resource:nth-child(6) .resource__preview{object-position:center 40%}
.resource__copy{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:6px 13px}.resource__copy>div{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(150px,1.2fr);grid-template-rows:auto auto;align-items:center;column-gap:14px;min-width:0}
.resource__number{color:var(--yellow);font:1.25rem/1 var(--combat)}.resource__copy small{grid-column:1;grid-row:1;color:var(--muted);font-size:.62rem}.resource__copy strong{grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;line-height:1;letter-spacing:.055em;text-transform:uppercase}
.resource__copy>div>a,.resource__copy nav{grid-column:2;grid-row:1/3;align-self:center}.resource__copy a{width:max-content;max-width:100%;color:var(--paper);font-size:clamp(1rem,.82vw,1.15rem);font-weight:700;line-height:1.15;letter-spacing:.02em;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:5px;text-shadow:0 1px 0 #000}.resource__copy a:hover,.resource__copy a:focus-visible{color:var(--yellow)}
.resource__copy nav{display:flex;flex-wrap:wrap;gap:0 14px}
.console-footer{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-top:8px;border-top:1px solid var(--line)}.console-footer p{max-width:620px;margin:0;color:var(--muted);font-size:.61rem}.console-footer span{color:var(--yellow);font-size:.49rem;white-space:nowrap}

@keyframes hero-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@media (min-width:1121px) and (max-height:800px){.kit-hero__art{object-position:2% center}}
@media (max-width:1120px){.kit-layout{grid-template-columns:minmax(300px,.68fr) minmax(620px,1.32fr);width:calc(100% - 26px);gap:13px}.kit-hero__art{object-position:12% center}.kit-hero__copy{left:26px;right:26px}.download-console{padding:18px}.resource{grid-template-columns:142px minmax(0,1fr)}.resource__copy{grid-template-columns:25px 1fr;padding:5px 9px}.resource__number{font-size:1.05rem}.resource__copy strong{font-size:.92rem}.resource__copy a{font-size:.84rem}}
@media (max-width:820px){.kit-header{height:62px;padding:0 13px}.brand img{width:103px}.brand span{padding-left:9px;font-size:.68rem}.header-actions{gap:9px}.studio-mark{padding-right:9px}.studio-mark img{width:42px;height:42px}.play-link{padding:9px 10px;font-size:.76rem}.kit-layout{display:block;width:100%;height:100svh;padding:64px 8px 8px}.kit-hero{display:none}.download-console{height:100%;padding:12px 11px;clip-path:polygon(0 .4%,100% 0,99.5% 99.5%,.5% 100%);gap:8px}.console-head{align-items:center}.console-head h2{font-size:clamp(2.15rem,8.5vw,3rem)}.console-side{max-width:132px}.language-picker select{min-width:70px;padding:5px 19px 5px 7px;font-size:.64rem}.top-actions{grid-template-columns:1fr 140px;gap:6px}.drive-link{padding:8px 10px}.drive-icon{right:22px;width:88px;opacity:.32}.drive-link strong,.demo-link strong{font-size:.8rem}.demo-link{padding:8px 9px}.resource-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));gap:4px}.resource{grid-template-columns:94px minmax(0,1fr);grid-template-rows:1fr}.resource__copy{grid-template-columns:20px minmax(0,1fr);gap:5px;padding:4px 7px}.resource__copy>div{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:center;column-gap:0}.resource__number{font-size:.92rem}.resource__copy small{grid-column:1;grid-row:1;font-size:.58rem;letter-spacing:.08em}.resource__copy strong{grid-column:1;grid-row:2;font-size:.8rem;line-height:.95;white-space:normal}.resource__copy>div>a,.resource__copy nav{grid-column:1;grid-row:3;align-self:auto}.resource__copy a{font-size:.8rem;line-height:1.08;text-underline-offset:3px}.resource__copy nav{gap:2px 8px}}
@media (max-height:690px){.kit-layout{padding-top:68px;padding-bottom:9px}.kit-header{height:66px}.download-console{padding:13px;gap:7px}.console-head h2{font-size:2.5rem}.console-head .eyebrow{margin-bottom:4px}.top-actions{grid-template-columns:1fr 160px}.drive-link,.demo-link{padding-top:7px;padding-bottom:7px}.resource__copy{padding-top:5px;padding-bottom:6px}.console-footer{padding-top:5px}}
@media (max-width:820px) and (max-height:690px){.kit-header{height:56px}.kit-layout{padding-top:58px}.download-console{padding:8px;gap:5px}.console-head h2{font-size:1.95rem}.console-side>p{font-size:.55rem}.top-actions{grid-template-columns:1fr 128px}.resource{grid-template-columns:90px minmax(0,1fr)}.resource__copy{padding:3px 5px}.console-footer p{max-width:275px}}
@media (max-width:420px){.brand span{display:none}}
[data-locale="zh-CN"] h1,[data-locale="zh-CN"] h2,[data-locale="ja"] h1,[data-locale="ja"] h2{font-family:Impact,"Arial Black","Noto Sans CJK SC","Noto Sans CJK JP",sans-serif;font-weight:900;letter-spacing:.01em;line-height:.95}
[data-locale="zh-CN"] .resource__copy strong,[data-locale="ja"] .resource__copy strong{letter-spacing:.02em}
@media (prefers-reduced-motion:reduce){.kit-hero__art{animation:none}.resource,.drive-link,.demo-link,.play-link{transition:none}}