.varlock-retro-banner:where(.astro-kysr5hih){line-height:1;font-size:12px;color:var(--brand-red);margin:.5rem}.varlock-retro-banner-container:where(.astro-kysr5hih){display:flex;justify-content:center}@media screen and (max-width:700px){.varlock-retro-banner:where(.astro-kysr5hih){font-size:8px}}.inventory-grid:where(.astro-lntdgafj){display:flex;flex-wrap:wrap;justify-content:center;gap:0px;margin:3rem auto}.slot-link:where(.astro-lntdgafj){text-decoration:none;color:inherit}.inventory-slot:where(.astro-lntdgafj){position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.slot-bg:where(.astro-lntdgafj){position:absolute;inset:0;width:72px;height:72px;image-rendering:pixelated;pointer-events:none}.slot-icon:where(.astro-lntdgafj){position:relative;z-index:1;width:32px;height:32px;color:#c8b89a;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));transition:color .15s ease,transform .15s ease,filter .15s ease}.slot-icon:where(.astro-lntdgafj) svg{width:100%;height:100%}.custom-svg:where(.astro-lntdgafj){width:100%;height:100%;display:flex;align-items:center;justify-content:center}.custom-svg:where(.astro-lntdgafj) svg{width:100%;height:100%}.custom-svg:where(.astro-lntdgafj) path{fill:currentColor}.slot-label:where(.astro-lntdgafj){position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%);z-index:2;background:#000000d9;color:#e8dcc8;font-size:.7rem;line-height:1.2;padding:2px 6px;border-radius:3px;border:1px solid rgba(200,184,154,.3);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;font-family:monospace}.slot-link:where(.astro-lntdgafj):hover .slot-label:where(.astro-lntdgafj),.slot-link:where(.astro-lntdgafj):focus-visible .slot-label:where(.astro-lntdgafj),.inventory-slot:where(.astro-lntdgafj):hover .slot-label:where(.astro-lntdgafj){opacity:1}.slot-link:where(.astro-lntdgafj):hover .slot-icon:where(.astro-lntdgafj),.slot-link:where(.astro-lntdgafj):focus-visible .slot-icon:where(.astro-lntdgafj){color:#f0d890;transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(240,216,144,.4))}.container{max-width:1000px;margin:0 auto;padding:1rem;gap:2rem}.button-container{display:flex;justify-content:center;gap:1rem;a{display:block;text-align:center}}.button-container>.sl-link-button{min-width:25%;border:2px solid transparent}.button-container>.sl-link-button:hover{background-color:var(--sl-color-black);color:var(--sl-color-text-accent);border:2px solid var(--sl-color-text-accent);animation:pixelate 1.25s infinite}@keyframes pixelate{0%{border-style:solid}25%{border-style:dotted}50%{border-style:dashed}75%{border-style:dotted}to{border-style:solid}}.button-container>.sl-link-button:after{content:" →";margin-left:.25rem;white-space:nowrap}h1{text-align:center}.tagline{text-decoration:underline;color:var(--brand-cyan)}.sparkle{--sparkle-color: var(--brand-cyan);animation:sparkle-pulse 4s ease-in-out infinite}:root[data-theme=light] .sparkle{--sparkle-color: var(--brand-purple)}@keyframes sparkle-pulse{0%{text-shadow:0 0 0px var(--sparkle-color)}50%{text-shadow:0 0 3px var(--color-text-full-shade-invert),0 0 15px var(--sparkle-color)}to{text-shadow:0 0 0px var(--sparkle-color)}}.description{margin-bottom:2rem;font-size:1.5rem}.component-container{margin-bottom:3rem}.card{border:1px dotted var(--brand-purple--t1);position:relative;background:var(--sl-color-background);transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.card:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:2px dotted var(--brand-purple--t1);border-left:2px dotted var(--brand-purple--t1)}.card:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-bottom:2px dotted var(--brand-purple--t1);border-right:2px dotted var(--brand-purple--t1)}.card{border-bottom:1px dotted var(--brand-purple--t1);padding:1rem}.card{padding:1rem}.card>.title{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);margin:0}.card ul{margin:0;padding-left:1.5rem}.card li{margin-bottom:.5rem}.card li:last-child{margin-bottom:0}.features-grid{>div{margin-top:3rem;display:grid;grid-template-columns:3fr 5fr;gap:1rem;align-items:center;@media screen and (max-width:700px){grid-template-columns:1fr}}>div.text-only-card{grid-template-columns:1fr;border:1px dotted var(--brand-purple--t1);border-radius:12px;padding:1.5rem}img{margin:0}}.homepage-hero{text-align:center;margin-bottom:1rem;h1{margin:.5em 0;display:flex;gap:0em;justify-content:center;align-items:flex-start;font-size:32px;text-wrap:balance;@media screen and (max-width:700px){font-size:24px;gap:0em;flex-direction:column;align-items:center}img{display:block;@media screen and (max-width:700px){&:first-child{display:none}}flex-shrink:0;margin:-36px -20px 0;&:last-child{transform:scaleX(-1)}}}}.env-spec-example-note{padding:.5em 1em;text-align:center;font-weight:700}.custom-badge{display:flex;align-items:center;gap:.75rem;border-radius:8px;overflow:hidden;text-decoration:none;color:#e0e0e0;background:#1a1a1a;height:64px;padding:0 .8rem}.badge-label{text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;opacity:.7}.badge-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.badge-line{font-size:.8rem;font-weight:600;line-height:1.3;white-space:nowrap}.badge-line-green{color:#2da44e}.syntax-badge{border-left:2px solid #fabf46}.github-badge{border-left:2px solid #0e8a2c}.badge-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.badge-row>a{transition:transform .2s ease,box-shadow .2s ease;border-radius:8px}.badge-row>a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}h2{border:none!important;gap:.3em!important}