:root{color-scheme:dark;--bg:#101720;--panel:#18212d;--border:#2b3847;--text:#f4f7fb;--muted:#a7b4c7;--mint:#96f1c5;font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}p{margin:0;line-height:1.5;color:var(--muted)}.skip{position:fixed;left:16px;top:-80px;background:var(--mint);color:#10251e;padding:12px;z-index:10}.skip:focus{top:12px}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--border);background:#151d28}.brand{display:flex;align-items:center}.brand img{width:210px;height:59px;object-fit:contain}nav{display:flex;gap:48px;height:100%;align-items:center}nav a{font-size:16px;position:relative;color:#b4c0d2;padding:12px 0}nav a:hover,nav a.active{color:var(--text)}nav a.active:after{content:'';position:absolute;bottom:3px;height:2px;left:0;right:0;background:var(--mint)}.library-layout{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:calc(100vh - 80px)}.library{border-right:1px solid var(--border);padding-top:26px;background:linear-gradient(100deg,#131d29,#101720)}.library>p{font-size:11px;letter-spacing:2.8px;margin:0 24px 20px}.game-selected{display:flex;gap:14px;align-items:center;padding:10px 16px;margin-left:9px;border-left:3px solid var(--mint);background:#202c3b}.game-selected:hover{background:#2a394a}.game-selected img{border-radius:6px;object-fit:cover}.game-selected span{font-size:16px;font-weight:600}.game-selected small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:3px}main{min-width:0}.hero{min-height:446px;background:#1c302d url('/assets/looton-world.png') center center/cover no-repeat;position:relative;display:flex;align-items:center}.hero-copy{padding:54px 6%;position:relative;z-index:1}.hero h1{font:normal clamp(46px,4.5vw,70px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:0 0 16px;text-shadow:0 2px 18px #06110e80}.hero p{font-size:25px;line-height:1.35;color:#c3cddd;max-width:460px;text-shadow:0 1px 8px #051510}.primary{border:0;border-radius:4px;padding:15px 28px;background:var(--mint);color:#10251e;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:17px;font-weight:650;transition:background .18s,transform .18s}.hero .primary{margin-top:30px;min-width:266px}.primary:hover{background:#b4ffdc;transform:translateY(-2px)}.facts{display:grid;grid-template-columns:repeat(3,1fr);min-height:96px;align-items:center;border-block:1px solid var(--border)}.facts>div{display:flex;align-items:center;justify-content:center;gap:24px;padding:0 15px}.facts>div+div{border-left:1px solid var(--border)}.facts svg{height:32px;width:32px;flex-shrink:0;color:#d0dbee}.facts .filled{fill:currentColor;stroke:none}.facts .cut{fill:var(--bg)}.facts .sprout{fill:var(--mint);stroke:var(--mint);stroke-width:1.7}.facts p{color:var(--text);font-size:16px}.facts small{display:block;font-size:13px;color:var(--muted);margin-top:2px}.stories{display:grid;grid-template-columns:1.12fr 1fr;gap:18px;margin:16px 20px 0}.story{display:grid;grid-template-columns:44% 56%;border:1px solid var(--border);border-radius:3px;overflow:hidden;background:var(--panel);min-height:224px}.story>div:last-child{padding:24px 22px 22px 5px;z-index:1}.story-art{background:url('/assets/looton-world.png') 70% center/auto 100% no-repeat;mask-image:linear-gradient(to right,#000 55%,transparent)}.upcoming .story-art{background-image:url('/assets/moon.png');background-position:50% center;opacity:.5}.story h2{font:normal clamp(25px,2.3vw,35px)/1.06 Georgia,serif;letter-spacing:-.8px;margin:0 0 15px}.story p{font-size:16px;line-height:1.45}footer{text-align:center;padding:27px 20px 26px}.studio-note{font-size:14px;letter-spacing:.3px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;gap:24px}.studio-note:before,.studio-note:after{content:'';width:54px;height:1px;background:var(--border)}footer img{object-fit:contain;width:170px;height:47px}.credit{font-size:14px;letter-spacing:.3px;margin-top:8px}.credit span{color:var(--mint);font-size:18px}dialog{border:1px solid #41546b;border-radius:10px;padding:0;background:var(--bg);color:var(--text);width:min(800px,calc(100% - 32px));max-height:90vh;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#04090dc9;backdrop-filter:blur(6px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff50;background:#101720db;color:white;border-radius:50%;z-index:2}.close:hover{background:#344453}.dialog-art{height:190px;background:url('/assets/looton-world.png') center 58%/cover}.dialog-body{padding:30px 36px 36px}.game-kind{font-size:11px;letter-spacing:2px;color:var(--mint)}.dialog-body h2{font:48px/1.1 Georgia,serif;margin:10px 0}.dialog-body .lead{font-size:21px;color:var(--text);margin-bottom:14px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}.detail-columns h3{font-size:17px;margin:0 0 8px}.detail-columns p,.dialog-body>p{font-size:15px;line-height:1.65}.dialog-body .alpha-note{font-size:13px;padding:15px 0;border-top:1px solid var(--border);margin-bottom:10px}
@media(min-width:1600px){.hero{min-height:510px}.stories{margin-top:22px}.story{min-height:250px}}@media(max-width:1150px){.library-layout{grid-template-columns:180px minmax(0,1fr)}.hero h1{font-size:51px}.hero p{font-size:21px}.hero-copy{padding-left:5%}.story{grid-template-columns:35% 65%}.story h2{font-size:27px}.story p{font-size:14px}.facts>div{gap:12px}.facts small{font-size:11px}}
@media(max-width:800px){.header{padding:0 22px;height:76px}.brand img{width:170px;height:52px}nav{gap:22px}nav a{font-size:14px}.library-layout{display:block}.library{padding:0;border-right:0;border-bottom:1px solid var(--border);display:flex;align-items:center}.library>p{margin:0 20px;font-size:10px}.game-selected{padding:8px 16px;margin:0;min-width:168px}.game-selected img{width:36px;height:36px}.game-selected span{font-size:14px}.game-selected small{font-size:11px}.hero{min-height:450px;background-position:62% center}.hero-copy{padding:40px 5%}.hero h1{font-size:49px}.hero p{font-size:21px}.facts{min-height:100px}.facts>div{gap:10px}.facts svg{width:24px;height:24px}.facts p{font-size:14px}.facts small{font-size:10px}.stories{grid-template-columns:1fr}.story{grid-template-columns:40% 60%;min-height:210px}.story>div:last-child{padding:26px 24px 26px 4px}.story h2{font-size:31px}.story p{font-size:16px}.studio-note{font-size:12px;gap:12px}.studio-note:before,.studio-note:after{width:24px}}
@media(max-width:520px){html{scroll-padding-top:15px}.header{height:78px;padding:0 16px}.brand img{width:141px;height:45px}nav{gap:17px}nav a{font-size:12px}.library>p{margin:0 16px}.hero{min-height:600px;align-items:flex-end;background-size:auto 330px;background-position:68% top;background-color:var(--bg)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 36%,transparent 72%)}.hero-copy{padding:280px 24px 32px;z-index:1;width:100%}.hero h1{font-size:43px;letter-spacing:-1.3px}.hero p{font-size:19px;max-width:310px}.desktop-break{display:none}.hero .primary{margin-top:23px;min-width:0;width:100%;font-size:16px}.facts{padding:20px 8px;gap:0;align-items:stretch}.facts>div{flex-direction:column;gap:9px;padding:0 6px;text-align:center;justify-content:flex-start}.facts p{font-size:13px}.facts small{font-size:10px;max-width:100px;line-height:1.4;margin-top:4px}.stories{margin:16px 14px 0;gap:14px}.story{grid-template-columns:31% 69%;min-height:235px}.story h2{font-size:28px}.story p{font-size:14px}.story>div:last-child{padding:25px 16px 25px 2px}.studio-note{max-width:280px;font-size:12px}.studio-note:before,.studio-note:after{display:none}.credit{font-size:12px}footer{padding:29px 12px}.dialog-art{height:145px}.dialog-body{padding:24px}.detail-columns{grid-template-columns:1fr;gap:18px}.dialog-body .primary{font-size:14px;padding:14px 18px;width:100%}.dialog-body h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand img{width:230px;height:76px}footer img{width:195px;height:65px}footer>a{display:inline-block}footer img{mix-blend-mode:screen}@media(max-width:800px){.brand img{width:180px;height:60px}}@media(max-width:520px){.brand img{width:150px;height:50px}}