@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Geist:wght@400;500;600;700&family=Instrument+Serif&display=swap";*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;background:#000;color:#fff;font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-9;pointer-events:none;box-shadow:inset 0 0 80px #000000f2;border:1px solid rgba(255,255,255,.025)}a{color:inherit;text-decoration:none}::selection{background:#ffffff26}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;height:100lvh;width:100%;pointer-events:none;z-index:-10;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(50,80,50,.14) 0%,transparent 55%),radial-gradient(ellipse 100% 100% at 50% 50%,#0a0c0a,#020202);box-shadow:inset 0 0 140px #000000d9,inset 0 0 40px #3c643c0f}.bg-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#0000002e,#0000002e 4px);opacity:.45;animation:scanline-drift 8s linear infinite}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(4px)}}.bg-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.65) 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.9}.nav{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:.125rem;padding:.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.07);background:#060608b8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 40px -20px #000000a6,inset 0 1px #ffffff0d}@media (min-width: 640px){.nav{bottom:auto;left:1rem;top:50%;transform:translateY(-50%);flex-direction:column;border-radius:.5rem}}.nav a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;color:#ffffff73;transition:color .2s}.nav a:hover{color:#fffc}.nav a.active{color:#fff}.nav-indicator{position:absolute;top:0;left:0;width:2rem;height:2rem;border-radius:.375rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 12px #ffffff26,inset 0 1px #ffffff26;pointer-events:none;z-index:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease,width .2s ease,height .2s ease;opacity:0}.nav-indicator:after{content:"";position:absolute;border-radius:999px;background:#fff;box-shadow:0 0 6px #fff,0 0 12px #fffc}@media (min-width: 640px){.nav-indicator:after{left:-.375rem;top:50%;transform:translateY(-50%);width:2px;height:12px}}@media (max-width: 639px){.nav-indicator:after{top:-.375rem;left:50%;transform:translate(-50%);width:12px;height:2px}}.nav svg{width:16px;height:16px}main{display:grid;place-items:center;min-height:100dvh;padding:1rem 1rem 5rem;transition:opacity .08s ease,transform .08s ease}main.page-switching{opacity:0;transform:translateY(4px)}@media (min-width: 640px){main{padding:6rem}}.container{width:100%;max-width:680px;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.eyebrow{display:flex;align-items:center;gap:.5rem;color:#fff9}.eyebrow-line{width:1rem;height:1px;background:#fff6}.eyebrow-text{font-size:.75rem;font-weight:300;letter-spacing:.08em}h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.lead{margin:0;font-size:.875rem;line-height:1.6;color:#fff9}.lead strong,.lead a{color:#ffffffe6;font-weight:500}.lead a:hover{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem}.commission-pill{display:inline-flex;align-items:center;gap:.5rem;margin-top:0;padding:.375rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-family:inherit;font-size:.75rem;color:#fff9;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.commission-pill:hover{border-color:#fff3;color:#fffc}.gunslol-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.5rem;border:1px solid #ff2a8d;background:#ff2a8d14;font-family:inherit;font-size:.75rem;color:#fff;text-decoration:none;box-shadow:0 0 10px #ff2a8d80,0 0 20px #ff2a8d40,inset 0 0 8px #ff2a8d33;text-shadow:0 0 8px rgba(255,42,141,.8),0 0 16px rgba(255,42,141,.4);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;animation:neon-pink-pulse 3s ease-in-out infinite alternate}.gunslol-pill:hover{border-color:#ff66b2;background:#ff2a8d2e;box-shadow:0 0 16px #ff2a8dd9,0 0 32px #ff2a8d80,inset 0 0 12px #ff2a8d59;transform:translateY(-1px);color:#fff}.gunslol-logo{height:.85rem;width:auto;display:block;filter:drop-shadow(0 0 4px rgba(255,255,255,.7))}@keyframes neon-pink-pulse{0%{box-shadow:0 0 8px #ff2a8d66,0 0 16px #ff2a8d33,inset 0 0 6px #ff2a8d26}to{box-shadow:0 0 14px #ff2a8da6,0 0 26px #ff2a8d59,inset 0 0 10px #ff2a8d40}}.pulse-dot{position:relative;width:.375rem;height:.375rem;flex-shrink:0}.pulse-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#fff6;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite;opacity:.75}.pulse-dot:after{content:"";position:relative;display:block;width:.375rem;height:.375rem;border-radius:999px;background:#fff;box-shadow:0 0 8px #ffffffa6}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.hero-wrap{position:relative;width:100%}.hero-content{max-width:60%}.hero-avatar-wrap{position:absolute;right:0;bottom:1.25rem;width:72%;pointer-events:none;-webkit-user-select:none;user-select:none}@media (min-width: 640px){.hero-avatar-wrap{width:45%}}.hero-avatar-wrap:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}.hero-avatar{width:100%;height:auto;opacity:.9;display:block}.banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.banner p{margin:0;font-size:.75rem;color:#fff9}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-size:.75rem;color:#fffc;cursor:pointer;transition:background .2s}.btn:hover{background:#ffffff1a}h2.section-title{margin:1.5rem 0 .5rem;font-size:.875rem;font-weight:500;color:#ffffffe6}.card{width:100%;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff05;overflow:hidden}.card-image{aspect-ratio:16 / 9;background:#ffffff08}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.card-body h2{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.02em}.card-body p{margin:0;font-size:.875rem;line-height:1.6;color:#fff9}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;padding:.25rem .625rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-size:.75rem;color:#ffffffb3}.track-list{list-style:none;margin:0;padding:0;width:100%}.track-list li{margin:0 -.5rem}.track-list a{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;color:inherit;transition:background .2s}.track-list a .track-info{min-width:0;flex:1}.track-list a:hover{background:#ffffff08}a.setup-item{color:inherit;cursor:pointer;transition:border-color .2s,background .2s}a.setup-item:hover{border-color:#fff3;background:#ffffff0a}.track-num{width:1.25rem;text-align:right;font-family:Geist Mono,monospace;font-size:.75rem;color:#ffffff40}.track-title{margin:0;font-size:.875rem;color:#ffffffe6}.track-artist{margin:0;font-size:.75rem;color:#ffffff73}.glass-icon{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;width:2.25rem;height:2.25rem;border-radius:.625rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#ffffff1a,#ffffff08 45%,#ffffff0f);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff0a,0 6px 18px #00000059}.glass-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 42%,transparent 100%);pointer-events:none}.glass-icon img{position:relative;z-index:1;width:1.125rem;height:1.125rem;opacity:.85;filter:brightness(0) invert(1)}.glass-icon svg{position:relative;z-index:1;width:1.125rem;height:1.125rem;color:#ffffffad;opacity:1;filter:none}.glass-icon--art{width:2.5rem;height:2.5rem;border-radius:.5rem;padding:0}.glass-icon--art img{width:100%;height:100%;object-fit:cover;opacity:.8;filter:grayscale(1) contrast(.95) brightness(.78)}.glass-icon--lg{width:2.75rem;height:2.75rem;border-radius:.75rem}.glass-icon--lg img,.glass-icon--lg svg{width:1.25rem;height:1.25rem}.setup-item,.contact-card,.biolink-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff05}.setup-left{display:flex;align-items:center;gap:.75rem;min-width:0}.dock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:100%}@media (max-width: 480px){.dock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dock-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.dock-item span:last-child{font-size:.6875rem;color:#ffffff8c}.tag-icon{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem .375rem .375rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-size:.75rem;color:#ffffffb3}.tag-icon .glass-icon{width:1.75rem;height:1.75rem;border-radius:.4375rem}.tag-icon .glass-icon img{width:.875rem;height:.875rem}.tag-icon .glass-icon svg{width:.875rem;height:.875rem}.stack{display:flex;flex-direction:column;gap:.5rem;width:100%}.setup-name,.contact-name{margin:0;font-size:.875rem;color:#ffffffe6}.setup-sub,.contact-sub{margin:.125rem 0 0;font-size:.75rem;color:#ffffff73}.setup-cat{font-size:.75rem;color:#ffffff59;text-transform:capitalize;flex-shrink:0}.biolink-card{transition:border-color .2s,background .2s}.biolink-card:hover{border-color:#fff3;background:#ffffff0a}.contact-card{flex-direction:column;align-items:stretch;border-radius:.75rem;padding:1rem}.contact-head{display:flex;align-items:center;gap:.75rem}.contact-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.modal.is-open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:100%;max-width:480px;max-height:min(85dvh,720px);overflow-y:auto;padding:1.25rem;border-radius:.875rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#0e0e10f5,#08080afa);box-shadow:0 24px 48px #00000080,inset 0 1px #ffffff0f}.modal-close{position:absolute;top:.875rem;right:.875rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;background:#ffffff0a;color:#fff9;cursor:pointer;transition:background .2s,color .2s}.modal-close:hover{background:#ffffff14;color:#fff}.modal-close svg{width:14px;height:14px}.modal-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.modal-discord{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.875rem;border-radius:.625rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.modal-discord .btn{margin-left:auto;flex-shrink:0}.modal-faq-title{margin:1.25rem 0 .5rem;font-size:.875rem;font-weight:500;color:#ffffffe6}.faq-list{display:flex;flex-direction:column;gap:.375rem}.faq-item{border-radius:.5rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .875rem;font-size:.8125rem;color:#ffffffd9;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:.875rem;color:#ffffff59;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:0;padding:0 .875rem .875rem;font-size:.8125rem;line-height:1.6;color:#ffffff8c}.faq-item p a{color:#ffffffd9;text-decoration:underline;text-underline-offset:2px}.faq-item p a:hover{color:#fff}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.crt-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000047 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 3px,6px 100%;pointer-events:none;opacity:.85;z-index:2}.crt-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 60%,rgba(0,0,0,.35) 90%,rgba(0,0,0,.8) 100%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 80%,rgba(0,0,0,.6) 100%);pointer-events:none;box-shadow:inset 0 0 100px #000000b3;z-index:3}.crt-scanline{position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);opacity:.8;pointer-events:none;animation:crt-roll 10s linear infinite;z-index:4}.crt-flicker{position:absolute;top:0;right:0;bottom:0;left:0;background:#121e1405;opacity:.2;pointer-events:none;animation:crt-flicker-anim .15s infinite;z-index:1}@keyframes crt-roll{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes crt-flicker-anim{0%{opacity:.18}50%{opacity:.23}52%{opacity:.15}54%{opacity:.22}to{opacity:.19}}
