@charset "UTF-8";
:root{color-scheme:light;--ink:#252826;--muted:#727570;--paper:#f7f7f2;--line:#dddfd5;--accent:#d3ee76}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #637938;outline-offset:6px;border-radius:6px}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:30px;font-weight:800;letter-spacing:-1.4px}.brand-symbol{background:var(--accent);border:1px solid var(--ink);height:36px;width:39px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-right:11px;font-size:27px;letter-spacing:-3px;padding-right:4px}.brand-symbol span{font-size:20px;margin-left:1px}.brand-dot{color:#91af4c}.nav{font-size:14px;font-weight:600;display:flex;gap:26px;align-items:center}.nav span{font-size:22px}.intro{padding:66px 0 65px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.45px;display:flex;align-items:center;gap:9px;margin:0 0 24px}.status-dot{background:#869d49;width:7px;height:7px;border-radius:50%}h1{font-size:clamp(48px,6.6vw,80px);font-weight:750;letter-spacing:-4.5px;line-height:1.06;margin:0}.vibe-word{position:relative;display:inline-block}.vibe-word svg{position:absolute;width:100%;height:18px;bottom:-8px;left:0;overflow:visible}.vibe-word path{stroke:#adca5d;stroke-width:8;stroke-linecap:round;fill:none}.intro-copy{font-size:16px;line-height:1.7;color:var(--muted);margin:29px 0 0}.intro-decor{position:absolute;right:81px;top:92px;color:#b2b4da;font-size:160px;font-family:Georgia,serif;transform:rotate(15deg)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h2{font-size:24px;letter-spacing:-.7px;margin:0}.count{color:var(--muted);font-size:12px;border:1px solid var(--line);border-radius:20px;padding:7px 12px}.game-card{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden}.game-art{display:block;position:relative;background:#dce2ef;overflow:hidden;min-height:380px}.game-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.game-art:hover img{transform:scale(1.035)}.art-label{position:absolute;bottom:24px;left:27px;color:#35413e;font-size:12px;font-weight:600;background:#ffffffb8;backdrop-filter:blur(5px);border-radius:30px;padding:10px 15px}.art-arrow{position:absolute;top:23px;right:23px;width:38px;height:38px;border:1px solid #ffffffa0;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#495756;background:#ffffff50}.game-info{padding:41px 40px 28px;display:flex;flex-direction:column;align-items:flex-start}.game-tags{display:flex;gap:8px}.game-tags span{font-size:9px;font-weight:700;letter-spacing:1px;border-radius:4px;background:#f0f1eb;color:#626957;padding:7px 9px}h3{font-size:48px;line-height:1.15;letter-spacing:-2px;margin:19px 0 13px}.title-dot{color:#9aba4f}.game-description{font-size:14px;line-height:1.75;color:var(--muted);max-width:345px;margin:0}.game-details{display:flex;gap:24px;margin:24px 0;font-size:11px;color:#63695e}.game-details span{display:flex;align-items:center;gap:7px}.game-details svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.play-button{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);border:1px solid #bcd960;border-radius:10px;width:100%;padding:16px 18px;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.play-button:hover{background:#c4e45f;transform:translateY(-1px)}.play-button>span:first-child{font-size:11px}.button-arrow{margin-left:auto;font-size:20px}.play-button>span:first-child{margin-right:auto}.play-note{margin:12px 0 0;text-align:center;width:100%;color:#92958c;font-size:10px}.coming{display:flex;align-items:center;gap:16px;padding:22px 0 33px}.coming-icon{width:37px;height:37px;display:grid;place-items:center;font-size:22px;background:#eeeee6;color:#8a8d81;border-radius:10px}.coming p{font-size:12px;line-height:1.65;margin:0;color:#575e50}.coming p span{display:block;color:#92968b}.coming-end{margin-left:auto;font-size:29px;color:#a9ad9e}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8b8f84;font-size:11px;padding:25px 0 29px}.footer a{border:1px solid var(--line);border-radius:50%;height:29px;width:29px;display:grid;place-items:center;font-size:16px}
.game-card+.game-card{margin-top:24px}.wired-art{background:#162315}.wired-art img{object-fit:contain}.wired-card h3,.asteroid-card h3{font-size:clamp(30px,3vw,40px);letter-spacing:-1.5px}.asteroid-card .game-details{gap:14px;flex-wrap:wrap}
@media(min-width:1500px){.intro{padding-top:85px;padding-bottom:85px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.intro-decor{right:15px;font-size:120px;top:90px}.game-info{padding:30px 25px}.game-art{min-height:360px}h3{font-size:40px}.game-details{gap:14px}.game-card{grid-template-columns:1fr 1fr}h1{letter-spacing:-3px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{height:82px}.brand{font-size:25px}.brand-symbol{width:33px;height:32px;font-size:24px}.nav{gap:12px;font-size:12px}.intro{padding:43px 0 42px}.eyebrow{font-size:8px;letter-spacing:.7px;gap:6px;margin-bottom:23px}h1{font-size:52px;letter-spacing:-2.6px}.intro-copy{font-size:14px;margin-top:26px}.intro-decor{font-size:59px;right:3px;top:155px;opacity:.85}.game-card{grid-template-columns:1fr;border-radius:17px}.game-art{min-height:0;aspect-ratio:1.48}.game-info{padding:26px}.game-art img{width:100%;height:100%}.art-label{left:18px;bottom:17px;font-size:10px;padding:9px 12px}h2{font-size:21px}.section-heading{margin-bottom:18px}h3{font-size:43px;margin-top:16px}.game-description{max-width:none}.game-details{margin:22px 0;gap:24px}.play-button{padding:15px 18px}.coming{padding:22px 0 28px}.footer{font-size:9px;gap:10px}.footer>span:nth-child(2){max-width:125px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}