.home-page{display:flex;flex-direction:column;gap:clamp(2rem,6vw,3.5rem);max-width:1080px;margin:0 auto;width:100%}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 20% 20%,rgba(255,87,195,.18),transparent 45%),radial-gradient(circle at 80% 30%,rgba(180,91,255,.22),transparent 50%);filter:blur(0);z-index:-1;pointer-events:none}.hero h1{font-size:clamp(2.2rem,5vw,3.25rem);margin-bottom:1rem}.hero-subtitle{font-size:1.05rem;max-width:42rem;color:var(--color-muted)}.hero-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}.hero-content{display:grid;grid-template-columns:minmax(260px,clamp(280px,35vw,460px)) 1fr;gap:clamp(1rem,3vw,2rem);align-items:center}.hero-media{border-radius:1rem;overflow:hidden;border:1px solid rgba(255,87,195,.18);background:radial-gradient(circle at 20% 10%,rgba(255,87,195,.12),transparent 60%),radial-gradient(circle at 80% 90%,rgba(180,91,255,.12),transparent 60%)}.hero-media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 10}.hero-text{display:flex;flex-direction:column}.section-heading{display:flex;flex-direction:column;gap:.65rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);max-width:42rem}.connection-section .grid{align-items:stretch}.connection-card{display:flex;flex-direction:column;gap:1.25rem}.connection-fields{list-style:none;display:grid;gap:.75rem;margin:0;padding:0}.connection-fields li{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.95rem}.connection-fields span{color:var(--color-muted)}.connection-fields strong{font-size:1.05rem;color:var(--color-text-strong)}.connection-notes{margin:0;display:grid;gap:.5rem;color:var(--color-muted);padding:0;list-style:none}.connection-notes li{position:relative;padding-left:1rem}.connection-notes li:before{content:"*";position:absolute;left:0;top:.15rem;color:var(--color-accent);font-size:.75rem}.screenshots-section{margin-top:1rem}.carousel{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.carousel-viewport{overflow:hidden}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(300px,40vw,520px);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.25rem}.shot{scroll-snap-align:start;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;border-radius:1rem;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(255,87,195,.15),transparent 60%),radial-gradient(circle at 80% 90%,rgba(180,91,255,.15),transparent 60%);border:1px solid rgba(255,87,195,.18)}.shot img{width:100%;height:100%;object-fit:cover;display:block}.carousel-btn{background:#ff57c31f;border:1px solid rgba(255,87,195,.35);color:var(--color-text);border-radius:.75rem;width:2.25rem;height:2.25rem;cursor:pointer}.carousel-btn:hover{border-color:#ff57c399}.gamemode-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.gamemode-card{display:flex;flex-direction:column;gap:1.1rem}.gamemode-card h3{font-size:1.65rem}.gamemode-description{color:var(--color-muted);margin-bottom:.25rem}.command-accordion{border-radius:1rem;border:1px solid rgba(255,87,195,.25);background:#1e0c2da6;overflow:hidden}.command-accordion[open]{background:#1e0c2dd9;box-shadow:0 12px 30px #12051666}.command-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.05rem;cursor:pointer;font-weight:600;color:var(--color-text)}.command-accordion summary:focus-visible{outline:2px solid rgba(255,87,195,.6);outline-offset:3px}.command-accordion summary::-webkit-details-marker{display:none}.command-count{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.command-list{list-style:none;margin:0;padding:.75rem 1.05rem 1.05rem;display:grid;gap:.6rem}.command-list li{display:grid;grid-template-columns:minmax(0,max-content) 1fr;gap:.75rem;align-items:baseline}.command-list code{display:inline-flex;padding:.2rem .6rem;border-radius:.65rem;border:1px solid rgba(255,87,195,.28);background:#ff57c31a;font-size:.85rem}.command-list span{color:var(--color-muted);font-size:.9rem;line-height:1.5}@media (max-width: 640px){.hero-content{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.command-list li{grid-template-columns:1fr}}.store-page{display:flex;flex-direction:column;gap:clamp(2rem,6vw,3.5rem);max-width:1080px;margin:0 auto;width:100%}.store-hero{display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}.store-hero:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background:radial-gradient(circle at 25% 30%,rgba(255,87,195,.22),transparent 55%),radial-gradient(circle at 70% 70%,rgba(180,91,255,.25),transparent 60%);opacity:.8;z-index:-1;pointer-events:none}.hero-copy{max-width:42rem}.store-status{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--color-muted)}.status-indicator{width:.75rem;height:.75rem;border-radius:50%;background:#ff57c359;box-shadow:0 0 12px #ff57c373;transition:background-color .2s ease,box-shadow .2s ease}.status-indicator[data-online=true]{background:#6df7c1;box-shadow:0 0 14px #6df7c1cc}.subtle{font-size:.9rem}.alert-card{border-left:3px solid rgba(255,87,195,.65);background:linear-gradient(150deg,#ff57c31f,#b45bff1f)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,4vw,2.5rem)}.product-card{display:flex;flex-direction:column;gap:1rem;justify-content:flex-start}.product-card--subscription{border:1px solid rgba(109,247,193,.35);box-shadow:0 22px 45px #6df7c12e}.product-header{display:flex;flex-direction:column;gap:.25rem}.product-price{font-size:1.1rem;font-weight:600;color:var(--color-text-strong)}.product-description{min-height:3.5rem}.product-description.rich{color:var(--color-text)}.product-description.rich p{margin:.4rem 0;color:var(--color-text)}.product-description.rich ul,.product-description.rich ol{margin:.5rem 0 .75rem;padding-left:1.25rem}.product-description.rich li{margin:.25rem 0}.product-description.rich a{color:var(--color-accent);text-decoration:underline}.perk-list{display:grid;gap:.6rem;padding-left:.5rem}.perk-list li{position:relative;padding-left:1.35rem;color:var(--color-text)}.perk-list li:before{content:"*";position:absolute;left:0;top:0;color:var(--color-accent);font-size:.85rem}.product-note{font-size:.85rem;color:var(--color-muted)}.product-actions{margin-top:auto}.product-actions .btn-primary{width:100%;justify-content:center}.availability-note{display:grid;gap:.4rem;padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(255,87,195,.25);background:#1e0c2d8c;color:var(--color-muted)}.note-label{font-weight:600;color:var(--color-text-strong)}.note-copy{font-size:.9rem;line-height:1.5}@media (max-width: 720px){.store-status{flex-direction:column;align-items:flex-start}.product-grid{grid-template-columns:1fr}}.basket-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05020aa6;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:90}.basket-overlay.open{opacity:1;pointer-events:auto}.basket-sidebar{position:fixed;top:0;right:-420px;width:min(380px,90vw);height:100vh;background:#0f0516fa;color:var(--color-text);padding:1.5rem;border-left:1px solid rgba(255,87,195,.15);box-shadow:-25px 0 50px #0006;transition:right .25s ease;z-index:95;display:flex;flex-direction:column;gap:1rem}.basket-sidebar.open{right:0}.basket-header{display:flex;align-items:center;justify-content:space-between}.basket-close{background:transparent;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer}.basket-body ul{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.basket-body li{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-radius:.75rem;background:#ff57c314;border:1px solid rgba(255,87,195,.18)}.basket-item-main{display:flex;align-items:center;gap:.5rem;justify-content:space-between;flex:1}.basket-qty{display:inline-flex;align-items:center;gap:.5rem}.basket-qty-btn{border:1px solid rgba(255,87,195,.35);background:#ff57c31f;color:var(--color-text);width:1.9rem;height:1.9rem;border-radius:.5rem;cursor:pointer;font-weight:700}.basket-qty-btn:hover{border-color:#ff57c399}.basket-remove{background:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:1rem}.basket-body li strong{display:block}.basket-body li span{display:block;font-size:.85rem;color:var(--color-muted)}.qty{font-weight:600;color:var(--color-text-strong)}.basket-error{color:#ff8da5;font-size:.85rem}.basket-footer{margin-top:auto}.basket-footer .btn-primary{width:100%}.username-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05020abf;display:grid;place-items:center;z-index:100}.username-modal{background:#120516f2;border:1px solid rgba(255,87,195,.25);border-radius:1rem;padding:1.25rem;width:min(420px,90vw);display:grid;gap:.75rem;box-shadow:0 20px 50px #00000059}.username-modal__header{display:flex;align-items:center;justify-content:space-between}.username-modal__copy{color:var(--color-muted);margin:0}.username-modal__input{width:100%;padding:.75rem .85rem;border-radius:.75rem;border:1px solid rgba(255,87,195,.35);background:#1e0c2dcc;color:var(--color-text);font:inherit}.username-modal__input:focus{outline:2px solid rgba(255,87,195,.6);border-color:#ff57c399}.username-modal__actions{display:flex;justify-content:flex-end;gap:.75rem}.username-modal__close{background:transparent;border:none;color:var(--color-text);font-size:1.25rem;cursor:pointer}.subscription-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05020abf;display:grid;place-items:center;z-index:100}.subscription-modal{background:#120516f2;border:1px solid rgba(255,87,195,.25);border-radius:1rem;padding:1.25rem;width:min(460px,90vw);display:grid;gap:.75rem;box-shadow:0 20px 50px #00000059}.subscription-modal__header{display:flex;align-items:center;justify-content:space-between}.subscription-modal__copy{color:var(--color-muted);margin:0}.subscription-modal__actions{display:flex;justify-content:flex-end;gap:.75rem}.subscription-modal__close{background:transparent;border:none;color:var(--color-text);font-size:1.25rem;cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,rgba(180,91,255,.18),transparent 60%),radial-gradient(circle at bottom,rgba(255,87,195,.12),transparent 55%)}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.5rem clamp(1.5rem,4vw,4rem);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#120516d9;border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-strong)}.brand-logo{display:inline-block;width:2.25rem;height:2.25rem;border-radius:.5rem;object-fit:contain;box-shadow:0 10px 28px #ff57c347;background-color:#ffffff0d}.brand-name{font-size:clamp(1.1rem,2.2vw,1.35rem);color:var(--color-text-strong)}.main-nav{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.nav-link{position:relative;padding:.6rem 1.2rem;border-radius:999px;font-weight:600;color:var(--color-muted);transition:color .2s ease,background-color .2s ease,transform .2s ease}.nav-link:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:linear-gradient(135deg,#ff57c32e,#b45bff2e);opacity:0;transition:opacity .2s ease;z-index:-1}.nav-link:hover{color:var(--color-text);transform:translateY(-1px)}.nav-link:hover:after{opacity:1}.nav-link.active{color:var(--color-text);background:linear-gradient(135deg,#ff57c340,#b45bff40);border:1px solid rgba(255,87,195,.35);box-shadow:0 10px 30px #b45bff40}.nav-basket{border:1px solid rgba(255,87,195,.35);background:#ff57c31f;color:var(--color-text);border-radius:999px;padding:.5rem 1.2rem;font-weight:600;cursor:pointer}.nav-basket:hover{border-color:#ff57c399}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-username{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,87,195,.25);background:#ff57c31f;color:var(--color-text);cursor:pointer;font-weight:600}.nav-username:hover{border-color:#ff57c373}.nav-username-edit{font-size:.9rem;opacity:.85}.app-main{flex:1;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,3vw,2.5rem)}.main-content{width:100%;max-width:1120px;margin:0 auto}.app-footer{padding:2.5rem clamp(1.5rem,4vw,4rem);background:#0c0212d9;border-top:1px solid rgba(255,87,195,.15);color:var(--color-muted);text-align:center;font-size:.95rem}.footer-links{margin-top:.8rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}.footer-links a{color:var(--color-text);font-weight:600;border-bottom:1px solid transparent;padding-bottom:.1rem}.footer-links a:hover{border-color:#ff57c399}@media (max-width: 768px){.app-header{flex-direction:column;gap:1rem;padding:1.25rem clamp(1rem,5vw,2rem)}.main-nav{gap:.5rem;justify-content:center}.nav-link{padding:.5rem 1.1rem}.nav-basket{margin-left:0;width:100%;text-align:center}.app-main{padding:clamp(1.25rem,4vw,2rem) clamp(1rem,6vw,2rem)}}:root{color-scheme:dark;--color-bg: #0e0213;--color-surface: #1a0b24;--color-surface-alt: #241133;--color-surface-soft: rgba(36, 17, 51, .8);--color-accent: #ff57c3;--color-accent-strong: #b45bff;--color-text: #f5e9ff;--color-text-strong: #ffe5ff;--color-muted: #baa3d4;--color-border: rgba(255, 87, 195, .25);--shadow-soft: 0 18px 40px rgba(18, 5, 22, .75);--shadow-glow: 0 25px 55px rgba(255, 87, 195, .35);font-family:Montserrat,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;line-height:1.6;background-color:var(--color-bg);color:var(--color-text)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:700;color:var(--color-text-strong)}p{margin:0}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}a:hover{color:var(--color-accent-strong);text-shadow:0 0 12px rgba(255,87,195,.4)}ul{margin:0;padding:0;list-style:none}button{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));color:#130318;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 45px #ff57c373}.btn-ghost{background:#ff57c31f;border-color:#ff57c359;color:var(--color-text)}.btn-ghost:hover{transform:translateY(-2px);border-color:#ff57c399;box-shadow:0 15px 35px #b45bff59}.surface-card{background:linear-gradient(160deg,#1e0c2deb,#13061eeb);border:1px solid rgba(255,87,195,.18);border-radius:1.5rem;padding:clamp(1.6rem,3.5vw,2.4rem);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.surface-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at top right,rgba(255,87,195,.28),transparent 55%);transition:opacity .3s ease;pointer-events:none}.surface-card:hover:before{opacity:1}.surface-card.variant-1:before{background:radial-gradient(circle at 20% 20%,rgba(255,87,195,.24),transparent 55%),radial-gradient(circle at 80% 70%,rgba(180,91,255,.22),transparent 60%)}.surface-card.variant-2:before{background:radial-gradient(circle at 80% 25%,rgba(180,91,255,.26),transparent 55%),radial-gradient(circle at 15% 80%,rgba(255,170,65,.18),transparent 60%)}.surface-card.variant-3:before{background:radial-gradient(circle at 50% 0%,rgba(109,247,193,.22),transparent 55%),radial-gradient(circle at 0% 100%,rgba(255,87,195,.2),transparent 60%)}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;background:#ff57c326;border:1px solid rgba(255,87,195,.35);color:var(--color-text-strong)}.eyebrow{font-size:.85rem;letter-spacing:.32em;text-transform:uppercase;color:#fff9;margin-bottom:.75rem;display:inline-block}.grid{display:grid;gap:clamp(1.5rem,3vw,2.5rem)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.muted{color:var(--color-muted)}code{font-family:Fira Code,Source Code Pro,Consolas,Courier New,monospace;padding:.25rem .45rem;border-radius:.5rem;background:#ff57c31a;border:1px solid rgba(255,87,195,.2);color:var(--color-text-strong)}@media (max-width: 640px){:root{font-size:15px}.surface-card{border-radius:1.25rem}}