:root{color-scheme:dark;--bg:#0d0e14;--panel:#181a25;--line:#30323f;--muted:#b2b3c3;--purple:#b866ff;--text:#f4f2f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.skip{position:fixed;top:-100px;z-index:99;background:var(--purple);padding:12px}.skip:focus{top:0}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#14151e;border-right:1px solid #292b38;padding:42px 25px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-weight:850;letter-spacing:-1px;font-size:20px;white-space:nowrap}.brand i{color:var(--purple);font-style:normal;margin-left:-9px}.mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#a94eff;color:#15101b;font-size:14px;letter-spacing:-1px;flex-shrink:0}.eyebrow{font:600 11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:2px}.sidebar>.eyebrow{color:var(--muted);margin:42px 0 22px;font-size:10px;letter-spacing:1.5px}nav{display:grid;gap:10px}nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid transparent;border-radius:11px;color:#c2c1d0}nav a[aria-current=page],nav a:hover{background:#62288c;border-color:#994dcc;color:white}nav small{margin-left:auto;background:#291c3c;padding:0 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;color:#77798f;font:12px/1.8 ui-monospace,monospace}main{margin-left:260px;padding:0 5vw;max-width:1800px}.accent{color:var(--purple)}.hero{min-height:610px;padding:90px 0 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.7vw,74px);letter-spacing:-3px;line-height:1.03;margin:22px 0 26px;font-weight:850}h1>span{display:block}h2{font-size:38px;letter-spacing:-1.5px;line-height:1.15}h3{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:12px 0}.lead{color:#bcbccc;font-size:18px;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 20px;border-radius:9px;background:#a74ef0;color:white;font-weight:650;border:1px solid #be7af5;cursor:pointer}.button:hover{background:#b35ef6}.button.secondary{background:#1c1e29;border-color:#343643}.hero-art{border:1px solid #59416d;border-radius:20px;overflow:hidden;position:relative;display:block;box-shadow:0 28px 80px #6d2ca220;transform:rotate(2deg)}.hero-art img{width:100%;height:380px;object-fit:cover;display:block}.hero-art>div{position:absolute;bottom:0;left:0;right:0;padding:70px 25px 25px;background:linear-gradient(transparent,#0e0d19ee)}.hero-art strong{display:block;font-size:24px;line-height:1.2;max-width:80%}.circle{position:absolute;bottom:25px;right:22px;border:1px solid #aaa6;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}#games{padding:35px 0 70px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.section-heading h2{margin:0}.muted{color:var(--muted);font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.art{display:block;aspect-ratio:16/9;background:#242032;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.art:hover img{transform:scale(1.035)}.card-copy{padding:25px}.card-copy>.eyebrow{color:#c492e6;font-size:10px}.card-copy p{color:#bdbdce;min-height:52px}.text-link{font-weight:650;color:#d19aff}.text-link span{float:right}.about-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:45px 0;display:flex;align-items:center;gap:35px;justify-content:space-between}.about-strip p{color:var(--muted);max-width:600px}.about-strip h2{font-size:30px;margin-bottom:16px}.about-strip .button{flex-shrink:0}footer{padding:32px 0;display:flex;gap:25px;color:#9494a8;font-size:13px}footer span{margin-right:auto}.page-heading{padding:80px 0 30px;max-width:900px}.page-heading h1{font-size:clamp(38px,5vw,64px);line-height:1.08}.page-heading>.eyebrow{margin-top:30px}.prose{max-width:760px;font-size:18px;color:#c9c9d6;padding-bottom:65px}.prose p{margin-bottom:25px}.prose h2,.prose h3{color:var(--text);margin-top:40px}.prose a:not(.button){text-decoration:underline;color:#d19aff}.game-cover{width:100%;max-width:1050px;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:38px}.portrait{width:200px;height:200px;object-fit:cover;border-radius:25px;margin-bottom:30px}@media(min-width:1600px){main{padding-inline:80px}.hero{gap:80px}}@media(max-width:1100px){.sidebar{width:220px;padding:30px 18px}.brand{font-size:17px}main{margin-left:220px;padding:0 30px}.hero{gap:25px}.hero-art img{height:330px}h1{font-size:52px}.actions .button{gap:10px;font-size:14px}}@media(max-width:800px){.sidebar{position:relative;width:auto;padding:20px 22px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;gap:22px;flex-wrap:wrap}.sidebar>.eyebrow,.sidebar-bottom{display:none}.brand{font-size:20px}nav{display:flex;margin-left:auto;gap:5px}nav a{padding:8px 10px;font-size:13px;gap:7px}nav small{display:none}main{margin-left:0;padding:0 24px}.hero{padding:55px 0;min-height:0}.hero-art img{height:300px}h1{font-size:50px;letter-spacing:-2px}.hero .lead{font-size:16px}.hero-art strong{font-size:19px}.hero .actions{gap:8px}.hero .button{font-size:13px;padding:11px}.about-strip{align-items:start;flex-direction:column;gap:5px}.page-heading{padding-top:50px}}@media(max-width:570px){.sidebar{gap:15px}nav{width:100%;margin:0;justify-content:space-between}nav a{flex:1;justify-content:center}.hero{grid-template-columns:1fr;gap:35px;padding-top:42px}.hero-art{transform:rotate(0)}.hero-art img{height:auto;aspect-ratio:16/10}.hero h1{font-size:56px}.hero .actions .button{font-size:14px;padding:13px 16px}.game-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:15px}.card-copy{padding:22px}.section-heading h2{font-size:34px}footer{gap:15px;flex-wrap:wrap}.prose{font-size:17px}.page-heading h1{font-size:40px}.hero-copy .eyebrow{font-size:10px}}
