/* VELVET_RADIO_TWO_DOOR_ENTRY_M2B_L5B_20260825 */
:root{
  --vr-bg:#020203;
  --vr-purple:#a844ff;
  --vr-purple2:#d047ff;
  --vr-gold:#edc15c;
  --vr-text:#f7f4fb;
  --vr-muted:#a39cab;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:var(--vr-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh}
button,input{font:inherit}
a{color:inherit}

.vr-door-page{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  background:
    radial-gradient(circle at 50% 0%,rgba(125,32,193,.16),transparent 34%),
    #000;
}
.vr-door-frame{
  position:relative;
  width:min(100vw,620px);
  aspect-ratio:941/1672;
  flex:0 0 auto;
  background:#000;
  overflow:hidden;
}
.vr-door-frame>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.vr-hotspot{
  position:absolute;
  display:block;
  border:0;
  background:transparent;
  color:transparent;
  text-decoration:none;
  cursor:pointer;
  z-index:5;
  -webkit-tap-highlight-color:transparent;
}
.vr-hotspot:focus-visible{
  outline:2px solid var(--vr-purple2);
  outline-offset:-2px;
  border-radius:18px;
}
.vr-storm-create{left:9.5%;right:9.5%;top:76.65%;height:7.2%}
.vr-storm-signin{left:9.5%;right:9.5%;top:84.7%;height:7.1%}
.vr-storm-explore{left:23%;right:23%;top:94.1%;height:4.1%}

.vr-toast{
  position:fixed;
  z-index:50;
  left:50%;
  top:18px;
  transform:translateX(-50%);
  width:min(calc(100vw - 30px),540px);
  padding:11px 14px;
  border:1px solid rgba(168,68,255,.55);
  border-radius:12px;
  background:rgba(5,3,8,.96);
  color:#eee8f2;
  box-shadow:0 12px 38px rgba(0,0,0,.52),0 0 24px rgba(168,68,255,.18);
  font-size:13px;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.vr-toast.show{opacity:1}
.vr-toast.good{border-color:rgba(87,225,157,.55);color:#8cf0bc}
.vr-toast.bad{border-color:rgba(255,99,126,.6);color:#ff9aae}

/* Create account page uses the approved main-door artwork itself. */
.vr-live-input{
  position:absolute;
  z-index:7;
  left:19.4%;
  width:66%;
  height:4.75%;
  border:0;
  border-radius:14px;
  padding:0 1.5%;
  background:transparent;
  color:#f8f5fb;
  outline:0;
  caret-color:#d26bff;
  font-size:clamp(14px,3.3vw,21px);
}
.vr-live-input:focus,
.vr-live-input.has-value{
  background:rgba(4,2,7,.94);
  box-shadow:0 0 0 1px rgba(197,77,255,.75),0 0 18px rgba(168,68,255,.12);
}
.vr-display-name{top:38.35%}
.vr-email{top:44.55%}
.vr-password{top:50.75%}
.vr-confirm{top:56.95%}

.vr-live-check{
  position:absolute;
  z-index:8;
  left:9.6%;
  width:3.7%;
  height:2.3%;
  margin:0;
  accent-color:#a844ff;
  cursor:pointer;
}
.vr-terms{top:63.27%}
.vr-privacy{top:65.98%}
.vr-updates{top:68.72%}

.vr-auth-tab-signin{left:52%;right:9%;top:30.85%;height:5.7%}
.vr-auth-submit{left:9.4%;right:9.4%;top:72.35%;height:6.65%}
.vr-google{left:9.4%;right:9.4%;top:82.12%;height:5.35%}
.vr-apple{left:9.4%;right:9.4%;top:88.06%;height:5.35%}
.vr-bottom-signin{left:25%;right:18%;top:95.03%;height:3.4%}

.vr-auth-after{
  width:min(100vw,620px);
  margin:0 auto;
  padding:12px 18px 26px;
  background:#000;
  color:#837a89;
  font-size:12px;
  text-align:center;
}
.vr-auth-after a{
  color:#c66aff;
  text-decoration:none;
}

/* Sign-in state retains the branded image header while turning the lower half
   into a real functional main door rather than showing dead signup fields. */
.vr-signin-mask{
  position:absolute;
  z-index:6;
  left:7.2%;
  right:7.2%;
  top:30.1%;
  bottom:3.2%;
  border:1px solid rgba(177,66,255,.38);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 12%,rgba(98,20,154,.22),transparent 32%),
    linear-gradient(180deg,rgba(3,2,5,.985),rgba(0,0,0,.99));
  box-shadow:0 18px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035);
  padding:5.5% 6.2%;
}
.vr-auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid rgba(167,68,255,.38);
  border-radius:999px;
  overflow:hidden;
}
.vr-auth-tabs a{
  display:flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#b66bdf;
  font-weight:800;
  font-size:clamp(13px,3.8vw,20px);
}
.vr-auth-tabs a.active{
  color:#efc75d;
  background:linear-gradient(180deg,rgba(73,49,8,.38),rgba(20,12,2,.48));
  box-shadow:inset 0 0 0 1px rgba(241,193,70,.65),0 0 18px rgba(237,193,92,.08);
}
.vr-signin-title{
  margin:11% 0 3%;
  text-align:center;
  color:#fff;
  font-size:clamp(25px,6.4vw,38px);
  letter-spacing:-.04em;
}
.vr-signin-copy{
  margin:0 auto 9%;
  max-width:90%;
  color:#a79fae;
  text-align:center;
  line-height:1.55;
  font-size:clamp(12px,3.2vw,16px);
}
.vr-real-field{
  margin:0 0 4%;
}
.vr-real-field label{
  display:block;
  color:#d6cedb;
  font-size:12px;
  font-weight:750;
  margin:0 0 7px;
}
.vr-real-field input{
  width:100%;
  min-height:58px;
  padding:0 17px;
  border-radius:16px;
  border:1px solid rgba(173,67,255,.48);
  background:#050407;
  color:#fff;
  outline:0;
  font-size:16px;
}
.vr-real-field input:focus{
  border-color:#cb5dff;
  box-shadow:0 0 0 2px rgba(168,68,255,.13),0 0 24px rgba(168,68,255,.1);
}
.vr-real-submit{
  width:100%;
  min-height:62px;
  margin-top:4%;
  border-radius:18px;
  border:1px solid rgba(237,193,92,.88);
  background:linear-gradient(180deg,rgba(80,54,9,.44),rgba(12,8,2,.92));
  color:#f0c657;
  font-weight:900;
  font-size:18px;
  cursor:pointer;
  box-shadow:0 0 25px rgba(237,193,92,.08);
}
.vr-real-submit:disabled{opacity:.55;cursor:wait}
.vr-signin-links{
  display:grid;
  gap:10px;
  margin-top:7%;
}
.vr-signin-links a{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(167,68,255,.32);
  border-radius:14px;
  color:#bc65ef;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.vr-back-home{
  margin-top:6%;
  text-align:center;
  font-size:12px;
}
.vr-back-home a{color:#82788b;text-decoration:none}

@media(min-width:621px){
  .vr-door-page{padding:14px 0}
  .vr-door-frame{border-radius:28px}
}

/* VELVET_RADIO_FULLBLEED_ENTRY_M2B_L5C_20260825
   Doctrine: the artwork itself is the page. No floating wrapper. */
html,body{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  min-height:100% !important;
  background:#000 !important;
}
body.vr-fullbleed-body{
  overflow-x:hidden !important;
}
.vr-fullbleed-page{
  position:relative !important;
  width:100vw !important;
  min-height:100svh !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
  overflow:hidden !important;
}
.vr-fullbleed-art{
  display:block !important;
  width:100vw !important;
  height:auto !important;
  min-height:100svh !important;
  object-fit:cover !important;
  object-position:top center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}
.vr-hotspot{
  position:absolute !important;
  z-index:20 !important;
  display:block !important;
  border:0 !important;
  background:transparent !important;
  color:transparent !important;
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent !important;
}
.vr-hotspot:focus-visible{
  outline:2px solid #cf57ff !important;
  outline-offset:-2px !important;
}
.vr-full-create{left:9.5%;right:9.5%;top:75.6%;height:7.5%}
.vr-full-signin{left:9.5%;right:9.5%;top:84.1%;height:7.1%}
.vr-full-explore{left:26%;right:26%;top:93.3%;height:4.3%}

.vr-fullbleed-signin-form{
  position:absolute !important;
  inset:0 !important;
  z-index:15 !important;
  pointer-events:none !important;
}
.vr-full-field{
  position:absolute !important;
  z-index:21 !important;
  left:17.2% !important;
  width:65.6% !important;
  height:5.95% !important;
  border:0 !important;
  outline:0 !important;
  border-radius:18px !important;
  padding:0 5.2% 0 12.2% !important;
  background:transparent !important;
  color:#f7f2fb !important;
  font-size:clamp(14px,3.5vw,21px) !important;
  caret-color:#d86cff !important;
  pointer-events:auto !important;
}
.vr-full-field:focus,
.vr-full-field:not(:placeholder-shown){
  background:rgba(5,1,10,.86) !important;
  box-shadow:
    inset 0 0 0 1px rgba(202,70,255,.78),
    0 0 18px rgba(157,45,255,.14) !important;
}
.vr-full-email{top:63.2% !important}
.vr-full-password{top:73.0% !important}
.vr-full-auth-create{left:13.5%;right:51.0%;top:34.2%;height:5.7%}
.vr-full-submit{left:17.0%;right:17.0%;top:82.1%;height:6.9%;pointer-events:auto !important}
.vr-full-create-one{left:50%;right:18%;top:91.5%;height:4.2%}

.vr-door-page{
  padding:0 !important;
  background:#000 !important;
}
.vr-door-frame{
  max-width:none !important;
  border-radius:0 !important;
}

@media (min-width:621px){
  .vr-fullbleed-page{
    width:min(100vw,941px) !important;
    margin:0 auto !important;
  }
  .vr-fullbleed-art{
    width:100% !important;
  }
}

/* VELVET_RADIO_FULLBLEED_SIGNUP_M2B_L5D_20260825
   Create Account joins the same doctrine:
   the artwork itself is the page. */

.vr-signup-page{
  width:100vw !important;
  height:100svh !important;
  min-height:100svh !important;
  overflow:hidden !important;
}

.vr-signup-art{
  width:100vw !important;
  height:100svh !important;
  min-height:100svh !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.vr-signup-live-form{
  position:absolute !important;
  inset:0 !important;
  z-index:15 !important;
  pointer-events:none !important;
}

.vr-signup-field{
  position:absolute !important;
  z-index:25 !important;
  left:11.7% !important;
  width:76.6% !important;
  height:5.15% !important;
  border:0 !important;
  outline:0 !important;
  border-radius:16px !important;
  padding:0 7% 0 10.5% !important;
  background:transparent !important;
  color:#faf7fc !important;
  caret-color:#d45cff !important;
  font-size:clamp(13px,3.25vw,20px) !important;
  pointer-events:auto !important;
}

.vr-signup-field:focus,
.vr-signup-field:not(:placeholder-shown){
  background:rgba(3,1,7,.88) !important;
  box-shadow:
    inset 0 0 0 1px rgba(200,71,255,.75),
    0 0 18px rgba(166,62,255,.13) !important;
}

.vr-signup-name{top:37.15% !important}
.vr-signup-email{top:43.05% !important}
.vr-signup-password{top:48.93% !important}
.vr-signup-confirm{top:54.84% !important}

.vr-signup-check{
  position:absolute !important;
  z-index:27 !important;
  left:12.0% !important;
  width:4.4% !important;
  height:2.45% !important;
  margin:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  border:1px solid rgba(216,133,255,.9) !important;
  border-radius:4px !important;
  background:rgba(2,1,4,.55) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

.vr-signup-check:checked{
  background:linear-gradient(135deg,#7c27dc,#d242fb) !important;
  box-shadow:
    inset 0 0 0 3px rgba(4,1,7,.76),
    0 0 12px rgba(181,55,255,.38) !important;
}

.vr-signup-policy{top:61.08% !important}
.vr-signup-creator-ack{top:63.91% !important}
.vr-signup-updates{top:66.78% !important}

.vr-signup-tab-signin{
  left:52.0% !important;
  right:11.5% !important;
  top:30.73% !important;
  height:5.22% !important;
}

.vr-signup-submit{
  left:11.4% !important;
  right:11.4% !important;
  top:70.38% !important;
  height:6.63% !important;
  pointer-events:auto !important;
}

.vr-signup-google{
  left:11.7% !important;
  right:11.7% !important;
  top:81.16% !important;
  height:5.34% !important;
  pointer-events:auto !important;
}

.vr-signup-apple{
  left:11.7% !important;
  right:11.7% !important;
  top:87.20% !important;
  height:5.33% !important;
  pointer-events:auto !important;
}

.vr-signup-bottom-signin{
  left:46% !important;
  right:20% !important;
  top:94.08% !important;
  height:3.8% !important;
}

@media (min-width:621px){
  .vr-signup-page{
    width:min(100vw,1024px) !important;
    margin:0 auto !important;
  }

  .vr-signup-art{
    width:100% !important;
  }
}