@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101118;--text:#f4f5fa;--muted:#adb0c0;--line:#ffffff15;--mint:#7ae7d0;--purple:#b4a1ff;--header:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',Arial,sans-serif}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 5% 15%,#14484130,transparent 45%),radial-gradient(ellipse at 95% 30%,#51408730,transparent 45%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:#7ae7d045}h1,h2,p{margin:0}h1,h2,.large-wordmark,.brand{font-family:'Space Grotesk',Arial,sans-serif}h1,h2{line-height:1.08;letter-spacing:-.045em}button{border:0}img{display:block;width:100%}small{font-size:.875rem}.muted{color:var(--muted)}
.site-header{height:var(--header);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,calc((100vw - 1360px)/2));border-bottom:1px solid var(--line);background:#101118e8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;line-height:1}.brand-light{font-weight:400}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:.65rem;letter-spacing:.13em;margin-top:7px;color:var(--muted)}.studio-logo{width:45px;height:45px;object-fit:cover;border-radius:12px;border:1px solid #ffffff30}.monogram{width:42px;height:42px;border:1px solid #ffffff30;border-radius:12px;display:grid;place-content:center;color:var(--mint);position:relative}.monogram span{font-size:12px;position:absolute;bottom:3px;right:3px}nav{display:flex;gap:8px}nav a{font-size:.9rem;color:var(--muted);padding:9px 17px;border-radius:9px;transition:.2s}nav a:hover{color:white;background:#ffffff08}nav a.active{background:#ffffff0d;color:white;box-shadow:inset 0 0 0 1px #ffffff10}
.screen{max-width:1480px;margin:auto;padding:42px 60px 24px;min-height:calc(100svh - var(--header));display:flex;flex-direction:column;position:relative;scroll-margin-top:0}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.18em;color:var(--mint);line-height:1.5;margin-bottom:12px}.section-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}h1{font-size:clamp(2.5rem,4.4vw,4.3rem);font-weight:600}h1>span:not(.title-period){color:var(--muted);font-weight:400}.title-period{color:var(--mint)}.intro-note{color:var(--muted);line-height:1.65;font-size:.95rem;padding-left:28px;border-left:1px solid #ffffff24}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.game{min-width:0;position:relative}.game:first-child::after{content:'';position:absolute;right:-32px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#ffffff20 15%,#ffffff20 85%,transparent)}.game-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.7rem;letter-spacing:.12em;color:var(--muted);margin-bottom:11px}.game-status{font-size:.75rem;letter-spacing:0;background:#ffffff05;border:1px solid #ffffff16;padding:3px 10px;border-radius:100px;white-space:nowrap}.game h2{font-size:clamp(1.9rem,2.8vw,2.65rem);font-weight:600;margin-bottom:22px}.game h2>span{display:block;font-size:clamp(1.25rem,1.9vw,1.7rem);font-weight:400;color:var(--muted);letter-spacing:-.03em;margin-top:5px}.game-media{aspect-ratio:2/1;position:relative;overflow:hidden;border-radius:13px;box-shadow:0 10px 30px #0004;border:1px solid #ffffff20;background:#181a25}.game-media>img{height:100%;object-fit:cover;transition:transform .6s}.game-media:has(.media-action:hover)>img{transform:scale(1.035)}.media-action{position:absolute;inset:0;display:flex;align-items:flex-end;gap:12px;padding:20px;text-align:left;background:linear-gradient(transparent 40%,#000b);font-size:.9rem;font-weight:600}.media-action small{display:block;color:#dedee8;font-size:.75rem;font-weight:400}.play-icon{width:44px;height:44px;border-radius:50%;display:grid;place-content:center;border:1px solid #ffffff60;background:#ffffff20;backdrop-filter:blur(8px);font-size:.85rem;transition:.2s}.media-action:hover .play-icon{background:white;color:#14151c;transform:scale(1.08)}.game-media iframe{width:100%;height:100%;border:0}.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:13px 0 17px}.screenshots button{position:relative;border-radius:7px;overflow:hidden;padding:0;background:#191b25;aspect-ratio:16/9;outline-offset:3px}.screenshots img{height:100%;object-fit:cover;opacity:.82;transition:.25s}.screenshots button:hover img{opacity:1;transform:scale(1.06)}.screenshots button>span{position:absolute;inset:0;background:#0006;display:grid;place-content:center;font-size:1.2rem;font-weight:600}.game-links{display:flex;align-items:center;gap:10px}.button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border-radius:8px;font-size:.8rem;font-weight:600;transition:.2s;white-space:nowrap;padding:10px 15px;border:1px solid transparent}.button span{font-size:1rem}.primary{flex:1;background:var(--mint);color:#102a27;box-shadow:0 3px 16px #7ae7d018}.primary:hover{background:#a7f5e4;box-shadow:0 4px 24px #7ae7d025;transform:translateY(-2px)}.secondary{background:#ffffff04;border-color:#ffffff1b;color:#d7d9e3}.secondary:hover{background:#ffffff0d;border-color:#ffffff40;transform:translateY(-2px)}.moon .secondary:hover{border-color:var(--purple)}.development-label{flex:1;font-size:.85rem;color:var(--purple);padding:10px 0}.game-description{color:var(--muted);font-size:.9rem;line-height:1.65;margin-top:18px;max-width:560px}.section-bottom{margin-top:auto;padding-top:36px;display:flex;align-items:center;justify-content:space-between;color:#8c91a7;font-size:.75rem}.section-bottom>a{color:#d0d3df}.section-bottom>a span{margin-left:12px;color:var(--mint)}
.team-screen,.contacts-screen,.social-screen{padding-top:80px;border-top:1px solid var(--line)}.section-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;margin:auto 0;padding:44px 0}h2{font-size:clamp(2.4rem,4.5vw,4.6rem);font-weight:500}h2>span{color:var(--muted)}.section-copy{color:var(--muted);max-width:480px;margin-top:28px;font-size:1rem;line-height:1.8}.studio-panel{border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(135deg,#ffffff06,#ffffff01);padding:40px}.large-wordmark{font-size:clamp(3rem,5vw,5rem);font-weight:600;letter-spacing:-.08em}.large-wordmark>span{font-weight:400}.large-wordmark i{font-style:normal;color:var(--mint)}.panel-rule{height:1px;background:var(--line);margin:24px 0}.studio-panel .muted{font-size:.875rem;margin-top:8px}#team-members{margin-top:30px;color:var(--muted)}.member-name{font-size:1.15rem;color:white;margin-top:24px}.member-role{font-size:.85rem;margin-top:5px}.contact-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:24px 0;gap:20px;font:500 clamp(1.1rem,2vw,1.5rem)/1.4 'Space Grotesk',sans-serif;transition:color .2s;overflow-wrap:anywhere}.contact-row small{display:block;font:.7rem/1.5 'DM Sans',sans-serif;letter-spacing:.15em;color:var(--muted);margin-bottom:8px}.contact-row:hover{color:var(--mint)}.contact-row>span:last-child{color:var(--mint)}.social-screen h2{margin:auto 0 40px}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:auto}.social-links>a{padding:26px;border:1px solid #ffffff1a;border-radius:14px;background:#ffffff03;transition:.25s}.social-links>a:hover{transform:translateY(-5px);background:#ffffff07;border-color:#7ae7d050}.social-links small{font-size:.7rem;letter-spacing:.13em;color:var(--muted)}.social-links span{display:flex;justify-content:space-between;margin-top:22px;font-family:'Space Grotesk',sans-serif;font-size:2rem}.social-links i{font-style:normal;color:var(--mint)}
.modal-open{overflow:hidden}dialog{width:min(56vw,1060px);max-width:calc(100vw - 30px);max-height:90svh;border:1px solid #ffffff25;border-radius:18px;background:#171923;color:white;padding:22px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#07080cce;backdrop-filter:blur(10px)}.gallery-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.gallery-top p{font-weight:600;font-size:.95rem}.gallery-top span{font-size:.8rem;color:var(--muted)}.icon-button{width:42px;height:42px;border:1px solid #ffffff25;border-radius:50%;background:#242733;display:grid;place-content:center;font-size:1.75rem;flex-shrink:0}.icon-button:hover{background:#3c4252}.gallery-stage{position:relative}.gallery-stage img{max-height:65svh;object-fit:contain;background:#0d0f15;border-radius:9px;min-height:160px}.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 12px #0008}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-hint{text-align:center;font-size:.75rem;color:var(--muted);margin-top:16px}
@media(min-width:1700px){.screen{padding-top:60px}.games-grid{gap:80px}.game:first-child::after{right:-40px}.game-media{aspect-ratio:16/8.4}}
@media(max-width:1100px){.screen{padding-left:32px;padding-right:32px}.games-grid{gap:40px}.game:first-child::after{right:-20px}.game-links{flex-wrap:wrap}.primary{flex:1 1 100%}.secondary{flex:1}.game-media{aspect-ratio:16/9}.section-layout{gap:40px}.studio-panel{padding:28px}dialog{width:70vw}.game-meta{font-size:.65rem}}
@media(max-width:700px){:root{--header:116px}.site-header{height:var(--header);flex-direction:column;justify-content:center;gap:15px;padding:12px 18px}.brand{font-size:1.4rem}.studio-logo{width:34px;height:34px}.brand small{display:none}nav{gap:4px;width:100%;justify-content:center}nav a{font-size:.8rem;padding:7px 10px}.screen{padding:30px 22px 24px;min-height:calc(100svh - var(--header))}.section-intro{margin-bottom:30px}.intro-note{display:none}.eyebrow{font-size:.65rem}.games-grid{grid-template-columns:1fr;gap:40px}.game:first-child::after{display:none}.game h2{font-size:2rem}.game h2>span{font-size:1.3rem}.game-meta{font-size:.65rem}.game-links{flex-wrap:nowrap}.primary{flex:1 1 auto}.button{padding:10px;font-size:.75rem;gap:7px}.secondary{flex:0 1 auto}.game-description{font-size:.9rem}.section-bottom{font-size:.7rem;gap:12px;padding-top:30px}.section-layout{grid-template-columns:1fr;gap:35px;margin:auto 0;padding:35px 0}.team-screen,.contacts-screen,.social-screen{padding-top:40px}h2{font-size:clamp(2.2rem,9vw,3.2rem)}.section-copy{margin-top:22px}.studio-panel{padding:26px}.social-links{grid-template-columns:1fr;gap:12px}.social-links>a{padding:20px}.social-links span{margin-top:10px;font-size:1.5rem}.social-screen h2{margin:30px 0}.social-screen .section-bottom{margin-top:35px}dialog{width:94vw;padding:15px;border-radius:12px}.gallery-top p{font-size:.8rem}.gallery-hint{font-size:.65rem}.gallery-stage img{min-height:100px}.icon-button{width:36px;height:36px}}
@media(max-width:380px){.game-links{flex-wrap:wrap}.primary{flex-basis:100%}.secondary{flex:1}.section-bottom{flex-wrap:wrap}.screen{padding-left:16px;padding-right:16px}nav a{padding:7px 8px}.game-meta{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}