.ls-home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:58px;padding:64px 0 42px}.ls-home-intro h1{font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.045em;font-weight:750;color:#edf5fb;margin:20px 0}.ls-home-intro h1 span{color:#29c8b3}.ls-home-intro>p:not(.ls-eyebrow){color:#acc1d0;line-height:1.8;max-width:500px}.ls-home-intro .ls-actions{margin:28px 0 18px}.ls-home-intro .ls-home-note{font-size:12px}.ls-home-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ls-home-gallery figure{overflow:hidden;border:1px solid #2a3c46;background:#141c26;border-radius:14px;margin:0}.ls-home-gallery .ls-home-feature{grid-column:1 / -1}.ls-home-gallery img{width:100%;height:auto;aspect-ratio:460/215;object-fit:cover;object-position:top;display:block}.ls-home-gallery .ls-home-feature img{aspect-ratio:570/270}.ls-home-gallery figcaption{padding:14px 16px;font-size:14px;font-weight:650;color:#e9f1f9}.ls-home-gallery figcaption span{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#9fb4c4}@media(max-width:850px){.ls-home-hero{grid-template-columns:1fr;gap:30px;padding-top:34px}.ls-home-gallery{max-width:600px}.ls-home-intro h1{font-size:42px}}@media(max-width:480px){.ls-home-intro h1{font-size:36px}.ls-home-gallery{gap:10px}.ls-home-gallery figcaption{padding:11px;font-size:12px}.ls-home-intro .ls-actions{gap:10px}}
/* LagonSoul storefront. Native forms, navigation and theme preference stay intact. */
#help-btn,#help-btn svg{color:hsl(var(--color-base));opacity:1}
[x-cloak]{display:none!important}
.ls-store{max-width:1320px!important}
.ls-store-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px 0 30px}
.ls-store-heading h1{font-size:clamp(30px,3.5vw,46px);font-weight:750;line-height:1.12;margin:10px 0 14px}
.ls-store-heading h1 span{color:hsl(var(--color-primary))}.ls-store-heading>div>p:last-child{color:hsl(var(--color-muted));font-size:15px}.ls-store-heading>.ls-button{flex-shrink:0}
.ls-store-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding-top:6px}.ls-store-toolbar>p{font-size:13px;color:hsl(var(--color-muted));white-space:nowrap}
.ls-game-search{display:flex;align-items:center;gap:10px;max-width:430px;width:100%;border:1px solid hsl(var(--color-neutral));border-radius:10px;background:hsl(var(--color-background-secondary));padding:0 14px}
.ls-game-search>svg{width:19px;height:19px;color:hsl(var(--color-muted));flex-shrink:0}.ls-game-search>input{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:hsl(var(--color-base));height:44px;width:100%;font-size:14px;padding:0!important}.ls-game-search:focus-within{outline:2px solid hsl(var(--color-primary));outline-offset:2px}
.ls-game-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ls-game-tile{min-width:0;display:flex;flex-direction:column;border:1px solid hsl(var(--color-neutral)/.8);border-radius:13px;overflow:hidden;background:hsl(var(--color-background-secondary));transition:border-color .18s,transform .18s;box-shadow:0 4px 14px #00000010}.ls-game-tile:hover{border-color:hsl(var(--color-primary)/.7);transform:translateY(-2px)}
.ls-tile-art{display:block;aspect-ratio:460/215;overflow:hidden;background:#15222c}.ls-tile-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.ls-tile-body{display:flex;flex:1;flex-direction:column;padding:17px 17px 15px}.ls-tile-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ls-tile-title>h2{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:-.025em;min-width:0}.ls-tile-title>span{color:hsl(var(--color-primary));font-size:12px;font-weight:650;white-space:nowrap;padding-top:2px}
.ls-tile-body>p{color:hsl(var(--color-muted));font-size:12px;line-height:1.6;margin:10px 0 16px;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ls-tile-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:10px 12px;border-radius:7px;background:hsl(var(--color-primary)/.12);color:hsl(var(--color-primary));font-size:13px;font-weight:650;border:1px solid hsl(var(--color-primary)/.2)}.ls-tile-action:hover{background:hsl(var(--color-primary));color:hsl(var(--color-inverted));border-color:hsl(var(--color-primary))}
.ls-store-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid hsl(var(--color-neutral));margin:38px 0 26px;padding-top:26px}.ls-store-how>div{display:flex;align-items:flex-start;gap:12px}.ls-store-how>div>span{font-size:12px;font-weight:650;line-height:28px;color:hsl(var(--color-primary))}.ls-store-how p{font-size:12px;line-height:1.65;color:hsl(var(--color-muted))}.ls-store-how strong{display:block;font-size:14px;font-weight:650;color:hsl(var(--color-base));margin:2px 0 5px}.ls-store-how b{font-weight:500;overflow-wrap:anywhere}
.ls-owner-progress{margin-top:26px;border:1px solid hsl(var(--color-neutral));border-radius:10px;padding:16px;font-size:12px;color:hsl(var(--color-muted))}.ls-owner-progress summary{cursor:pointer;color:hsl(var(--color-base));font-size:13px}.ls-owner-progress summary span{float:right;color:hsl(var(--color-muted));font-size:12px}.ls-owner-progress>p{margin:16px 0}.ls-owner-progress ul{columns:3;column-gap:28px}.ls-owner-progress li{break-inside:avoid;margin:7px 0}.ls-empty-search{padding:40px 0;color:hsl(var(--color-muted))}
@media(max-width:1150px){.ls-game-library{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.ls-game-library{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-store-how{gap:18px}.ls-owner-progress ul{columns:2}}
@media(max-width:580px){.ls-store-heading{align-items:flex-start;padding-top:30px;gap:16px}.ls-store-heading>.ls-button{font-size:12px;padding:10px}.ls-store-heading h1{font-size:29px}.ls-store-heading>div>p:last-child{font-size:13px}.ls-store-toolbar{gap:10px}.ls-store-toolbar>p{font-size:11px}.ls-game-library{gap:12px}.ls-tile-body{padding:12px}.ls-tile-title{display:block}.ls-tile-title>h2{font-size:15px}.ls-tile-title>span{display:block;margin-top:5px}.ls-tile-body>p{font-size:11px;min-height:36px}.ls-tile-action{font-size:12px;padding:9px}.ls-store-how{grid-template-columns:1fr;gap:18px}.ls-owner-progress ul{columns:1}.ls-owner-progress summary span{float:none;display:block;margin:6px 0 0 15px}}
@media(max-width:360px){.ls-game-library{grid-template-columns:1fr}}
:root { --color-primary:174 73% 38%; --color-inverted:0 0% 100%; }
.dark { --color-primary:171 76% 42%; --color-background:222 32% 7%; --color-background-secondary:220 25% 11%; --color-neutral:216 22% 21%; --color-muted:215 17% 70%; --color-base:210 25% 94%; --color-inverted:222 40% 8%; }
body { font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; background-image:radial-gradient(ellipse at 80% 0%,#1cb6a610,transparent 50%); }
main { padding-bottom:3rem; }
h1,h2,h3 { letter-spacing:-.035em; }
button,a,input,select,textarea { transition:background-color .18s,border-color .18s,box-shadow .18s; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #27cbb7; outline-offset:4px; }
.bg-background-secondary { box-shadow:0 6px 24px #0000000a; }
input,select,textarea { border-radius:10px!important; }
.ls-wrap { max-width:1200px; margin:auto; padding:0 28px; }
.ls-hero { position:relative; padding:72px 0 48px; overflow:hidden; }
.ls-eyebrow { color:hsl(var(--color-primary)); font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; margin-bottom:18px; }
.ls-hero h1 { max-width:850px; font-size:clamp(38px,5.2vw,68px); line-height:1.06; font-weight:750; margin:0 0 22px; }
.ls-hero h1 span { color:hsl(var(--color-primary)); }
.ls-lead { max-width:640px; color:hsl(var(--color-muted)); font-size:17px; line-height:1.8; }
.ls-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.ls-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; border:1px solid hsl(var(--color-neutral)); border-radius:10px; padding:13px 20px; font-weight:700; font-size:14px; background:hsl(var(--color-background-secondary)); }
.ls-button:hover { border-color:hsl(var(--color-primary)); }
.ls-button-primary { background:hsl(var(--color-primary)); color:hsl(var(--color-inverted)); border-color:transparent; }
.ls-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin:30px 0 22px; }
.ls-section-heading h2 { font-size:26px; font-weight:700; }
.ls-section-heading p { color:hsl(var(--color-muted)); font-size:14px; }
.ls-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.ls-game { border:1px solid hsl(var(--color-neutral)); background:hsl(var(--color-background-secondary)); border-radius:18px; overflow:hidden; box-shadow:0 12px 40px #00000012; }
.ls-game:hover { border-color:hsl(var(--color-primary)/.55); }
.ls-art { height:180px; position:relative; overflow:hidden; background:linear-gradient(140deg,#103b37,#091a24); }
.ls-art:before,.ls-art:after { content:''; position:absolute; transform:rotate(-28deg); border:1px solid #6be7bd33; background:linear-gradient(140deg,#51b99044,#113c35); width:170px; height:170px; right:70px; top:58px; box-shadow:80px 15px 0 #41a88619,-80px 48px 0 #83c99419; }
.ls-art:after { width:80px; height:80px; right:245px; top:80px; }
.ls-art.ls-zomboid { background:linear-gradient(140deg,#3c202c,#171a28); }
.ls-art.ls-zomboid:before { border-color:#ee958744; background:linear-gradient(140deg,#a4535544,#332835); transform:rotate(22deg); box-shadow:80px 15px 0 #ad676919,-80px 48px 0 #ce997419; }
.ls-art.ls-zomboid:after { border-color:#f5b6a533; background:#87484a33; }
.ls-art-label { position:absolute; z-index:1; left:26px; top:25px; font-size:11px; letter-spacing:.14em; color:#d8eee9; border:1px solid #ffffff30; border-radius:50px; padding:7px 12px; background:#00000020; }
.ls-game-body { padding:26px; }
.ls-game-title { display:flex; gap:20px; align-items:center; justify-content:space-between; }
.ls-game h2,.ls-game h3 { font-size:25px; font-weight:700; }
.ls-price { color:hsl(var(--color-primary)); font-weight:750; white-space:nowrap; }
.ls-game-copy { min-height:54px; color:hsl(var(--color-muted)); line-height:1.7; font-size:14px; margin:12px 0 18px; }
.ls-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.ls-tags span { font-size:11px; border:1px solid hsl(var(--color-neutral)); padding:5px 9px; border-radius:6px; color:hsl(var(--color-muted)); }
.ls-game .ls-button { width:100%; }
.ls-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:44px 0 12px; padding:30px 0; border-top:1px solid hsl(var(--color-neutral)); }
.ls-steps b { color:hsl(var(--color-primary)); display:block; font-size:12px; margin-bottom:10px; letter-spacing:.15em; }
.ls-steps h3 { font-weight:700; font-size:17px; margin-bottom:8px; }
.ls-steps p { color:hsl(var(--color-muted)); font-size:13px; line-height:1.8; }
.ls-note { font-size:13px; color:hsl(var(--color-muted)); padding:16px 20px; border:1px solid hsl(var(--color-neutral)); border-radius:10px; margin:24px 0; }
@media(max-width:640px) { .ls-wrap{padding:0 20px}.ls-hero{padding:40px 0 24px}.ls-grid,.ls-steps{grid-template-columns:1fr}.ls-section-heading{display:block}.ls-section-heading p{margin-top:8px}.ls-art{height:150px}.ls-game-body{padding:20px}.ls-steps{gap:24px}.ls-game h2{font-size:22px} }
@media(prefers-reduced-motion:reduce) { * { transition:none!important;scroll-behavior:auto!important; } }