:root{color-scheme:light;--paper: #f4f4f2;--paper-bright: #ffffff;--ink: #101113;--muted: #61646b;--green: #2458d6;--green-bright: #90b2ff;--lime: #dce7ff;--orange: #2458d6;--yellow: #e7edfa;--line: rgba(16, 17, 19, .16);--shadow: 0 24px 70px rgba(16, 17, 19, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 85% 3%,rgba(36,88,214,.11),transparent 28rem),var(--paper);color:var(--ink);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.site-header{position:relative;z-index:10;width:min(1380px,calc(100% - 64px));height:94px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{position:relative;display:inline-flex;align-items:baseline;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1.5px}nav{display:flex;gap:36px}nav a{position:relative;text-decoration:none;font:500 13px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}nav a:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .18s ease}nav a:hover:after{transform:scaleX(1);transform-origin:left}.hero{position:relative;width:min(1380px,calc(100% - 64px));min-height:calc(100vh - 94px);margin:0 auto;padding:76px 0 96px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);align-items:center;gap:clamp(50px,8vw,130px)}.eyebrow{margin:0 0 20px;color:var(--green);font:500 12px/1.4 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}h1{max-width:860px;margin:0;font-size:clamp(52px,6vw,94px);line-height:.98;letter-spacing:-.065em;font-weight:500}.hero-copy{min-width:0}h1 .name{position:relative;font-weight:800}h1 .name:after{content:"";position:absolute;right:0;bottom:2px;left:0;height:9px;z-index:-1;background:var(--lime);transform:rotate(-1deg)}.rotating-wrap{display:inline-grid;min-width:5.7em;height:1em;overflow:hidden;vertical-align:bottom;color:var(--green);font-weight:800}.rotating-word{grid-area:1 / 1;display:inline-block;transition:opacity .24s ease,transform .24s ease}.rotating-word.is-out{opacity:0;transform:translateY(-55%)}.rotating-word.is-in{opacity:0;transform:translateY(55%);transition:none}.intro{max-width:655px;margin:34px 0 0;color:var(--muted);font-size:clamp(17px,1.4vw,20px);line-height:1.72}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;padding:0 23px;border:2px solid var(--ink);text-decoration:none;font:600 13px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.035em;box-shadow:5px 5px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button-primary{background:var(--lime)}.text-link{display:inline-flex;gap:9px;align-items:center;text-decoration-thickness:1px;text-underline-offset:5px;font:500 13px/1.4 DM Mono,monospace}.portrait-wrap{position:relative;width:min(100%,490px);justify-self:end}.portrait-frame{position:relative;aspect-ratio:.75;overflow:hidden;border:2px solid var(--ink);background:#c7c9cd;box-shadow:12px 12px 0 var(--green);transform:rotate(1.7deg)}.portrait-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:12px solid rgba(255,253,247,.22);pointer-events:none}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:saturate(.88) contrast(1.03);transition:transform .7s cubic-bezier(.2,.75,.2,1)}.portrait-wrap:hover img{transform:scale(1.035)}.portrait-sticker{position:absolute;z-index:2;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:600 11px/1 DM Mono,monospace;text-transform:uppercase}.sticker-two{right:-28px;bottom:17%;display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--green);color:var(--paper-bright);font-size:25px;animation:spin 14s linear infinite}.cursor-note{position:absolute;right:-72px;bottom:-25px;display:flex;align-items:flex-end;gap:8px;color:var(--green);font:500 12px/1 DM Mono,monospace;transform:rotate(-4deg)}.cursor-note svg{width:75px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-doodle{position:absolute;color:var(--orange);font-family:DM Mono,monospace}.doodle-plus{left:51%;top:13%;font-size:35px;animation:float 4s ease-in-out infinite}.doodle-pixel{left:49%;bottom:13%;display:grid;grid-template-columns:repeat(3,7px);gap:2px;transform:rotate(17deg)}.doodle-pixel i{width:7px;height:7px;background:var(--green)}.doodle-pixel i:nth-child(1),.doodle-pixel i:nth-child(5){visibility:hidden}.play-section{padding:130px max(32px,calc((100vw - 1380px)/2)) 135px;background:var(--ink);color:var(--paper-bright)}.section-heading{max-width:960px;margin-bottom:56px}.section-heading .eyebrow{color:var(--green-bright)}h2{margin:0;font-size:clamp(43px,5vw,72px);line-height:1;letter-spacing:-.055em}.game-card{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(380px,.86fr);min-height:570px;border:1px solid rgba(255,255,255,.22);background:#191a1d;box-shadow:16px 16px 0 var(--green)}.game-visual{position:relative;min-height:490px;overflow:hidden;border-right:1px solid rgba(255,255,255,.22);background:#23252a}.game-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 65%,rgba(17,27,20,.45));pointer-events:none}.game-visual img{width:100%;height:100%;object-fit:cover;object-position:42% center;transition:transform .9s cubic-bezier(.2,.75,.2,1)}.game-card:hover .game-visual img{transform:scale(1.025)}.game-badge{position:absolute;top:22px;left:22px;z-index:2;padding:10px 13px;border:2px solid var(--ink);background:var(--lime);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font:600 11px/1 DM Mono,monospace;text-transform:uppercase}.visual-pixels{position:absolute;z-index:2;right:20px;bottom:20px;display:flex;align-items:end;gap:3px}.visual-pixels i{display:block;width:8px;height:8px;background:var(--yellow)}.visual-pixels i:nth-child(2){height:16px}.visual-pixels i:nth-child(3){height:24px}.game-info{padding:clamp(38px,4vw,68px);display:flex;flex-direction:column;justify-content:space-between}.game-kicker{margin:0 0 22px;color:var(--green-bright);font:500 11px/1.5 DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}h3{margin:0;font-size:clamp(50px,5vw,78px);line-height:.95;letter-spacing:-.06em}.game-description{margin:28px 0 0;color:#c5cec7;font-size:17px;line-height:1.75}.game-footer{margin-top:50px}.game-tags{margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.game-tags li{padding:7px 10px;border:1px solid rgba(255,255,255,.2);color:#cbd4cc;font:400 10px/1 DM Mono,monospace;text-transform:uppercase}.button-game{width:100%;border-color:var(--paper-bright);background:var(--orange);color:var(--paper-bright);box-shadow:5px 5px 0 var(--paper-bright)}.button-game:hover{box-shadow:2px 2px 0 var(--paper-bright)}.play-icon{font-size:11px}.game-note{margin:34px 0 0;color:#88958b;font:400 11px/1.6 DM Mono,monospace}.game-note span{margin-right:8px;color:var(--orange)}.about-strip{overflow:hidden;border-block:2px solid var(--ink);background:var(--green);color:var(--paper-bright)}.marquee{width:max-content;padding:20px 0;overflow:hidden}.marquee div{display:flex;align-items:center;gap:32px;animation:marquee 30s linear infinite;white-space:nowrap;font:700 14px/1.6 DM Mono,monospace;letter-spacing:.06em}.marquee i{color:#bcd0ff;font-style:normal}footer{position:relative;width:min(1380px,calc(100% - 64px));min-height:260px;margin:0 auto;padding:70px 0 42px;display:block}.footer-logo{font-size:32px}.footer-contact{display:block;width:fit-content;margin-top:20px;color:var(--green);font:500 12px/1 DM Mono,monospace;text-transform:uppercase;text-underline-offset:5px}.copyright{position:absolute;bottom:35px;left:0;margin:0;font:400 10px/1 DM Mono,monospace;text-transform:uppercase}.scroll-top{position:fixed;right:clamp(18px,2.6vw,38px);bottom:clamp(18px,2.6vw,38px);z-index:15;display:grid;width:54px;height:54px;padding:0;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--green);color:var(--paper-bright);box-shadow:5px 5px 0 var(--ink);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(18px) scale(.86);transition:opacity .18s ease,transform .18s ease,box-shadow .16s ease,background .16s ease,color .16s ease}.scroll-top span{font:700 23px/1 DM Mono,monospace;transition:transform .18s ease}.scroll-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scroll-top:hover{background:var(--paper-bright);color:var(--green);box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px) scale(1.04)}.scroll-top:hover span{transform:translateY(-3px)}.scroll-top:active,.scroll-top.is-clicked{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px) scale(.92)}.scroll-top:focus-visible{outline:3px solid var(--green-bright);outline-offset:4px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(8deg)}}@keyframes marquee{to{transform:translate(-50%)}}@media(max-width:1050px){.hero{grid-template-columns:1fr 380px;gap:50px}.game-card{grid-template-columns:1fr}.game-visual{min-height:500px;border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}}@media(max-width:820px){.site-header,.hero,footer{width:min(680px,calc(100% - 36px))}.site-header{height:76px}nav{gap:20px}.hero{min-height:auto;padding:64px 0 95px;grid-template-columns:minmax(0,1fr)}.hero-copy{position:relative;z-index:2}.portrait-wrap{width:min(88%,470px);justify-self:center;margin-top:20px}.doodle-plus{left:auto;right:4%;top:4%}.doodle-pixel{display:none}.play-section{padding:95px 18px 105px}.game-card{box-shadow:8px 8px 0 var(--orange)}.game-visual{min-height:360px}footer{min-height:280px}}@media(max-width:560px){.logo{font-size:21px}nav a:first-child{display:none}h1{max-width:100%;font-size:clamp(45px,14vw,64px)}.rotating-wrap{min-width:0;max-width:100%}.intro{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.button-primary{width:100%}.sticker-two{right:-12px}.cursor-note{right:-5px;bottom:-55px}.section-heading{margin-bottom:40px}.game-visual{min-height:265px}.game-info{padding:34px 25px 38px}h3{font-size:55px}.game-description{font-size:15px}footer{padding-top:52px}.copyright{bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}