/* Nizur Play — Cinematic Public Landing V5
   Everything is scoped to the signed-out state. The authenticated product is untouched. */
body.isSignedOut{
  margin:0!important;background:#07111f!important;color:#fff!important;overflow-x:hidden;
  --pv-purple:#7c4df0;--pv-purple2:#a482ff;--pv-lime:#aef55b;--pv-ink:#12172a;--pv-glass:rgba(7,15,28,.78)
}
body:not(.isSignedOut) .publicNav{display:none!important}
body.isSignedOut header.topbar{
  position:fixed!important;z-index:100!important;left:50%!important;top:18px!important;transform:translateX(-50%)!important;
  width:min(1360px,calc(100% - 42px))!important;height:64px!important;min-height:64px!important;padding:0 22px!important;
  display:flex!important;align-items:center!important;gap:18px!important;background:rgba(8,16,29,.82)!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;backdrop-filter:blur(18px) saturate(130%);
  box-shadow:0 16px 50px rgba(0,0,0,.24)!important
}
body.isSignedOut .brand{margin:0 auto 0 0!important;color:#fff!important;min-width:auto!important}
body.isSignedOut .brandMark{width:39px!important;height:39px!important;border-radius:12px!important;background:#cfc3ff!important;color:#2b2450!important;box-shadow:0 8px 24px rgba(117,79,238,.35)!important}
body.isSignedOut .brandMark svg{stroke:#2e2853!important}
body.isSignedOut .brandText{display:inline!important;color:#fff!important;font-weight:950!important;letter-spacing:.02em!important}
body.isSignedOut .brandText em{color:#a987ff!important;font-style:normal!important}
body.isSignedOut .mainNav,body.isSignedOut .globalSearch,body.isSignedOut .headerActions{display:none!important}
body.isSignedOut .publicNav{display:flex!important;align-items:center;gap:8px;margin-left:auto}
body.isSignedOut .publicNav a,body.isSignedOut .publicNav button{
  appearance:none;border:0;background:transparent;color:#f3f5fb;text-decoration:none;font:800 13px/1 system-ui,sans-serif;
  padding:11px 14px;border-radius:11px;cursor:pointer;transition:.18s ease
}
body.isSignedOut .publicNav a:hover,body.isSignedOut .publicNav button:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}
body.isSignedOut .skipLink{z-index:130}
body.isSignedOut>main,body.isSignedOut main{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:100svh!important
}
body.isSignedOut #app[hidden]{display:none!important}
body.isSignedOut #auth.publicLanding{
  position:relative!important;isolation:isolate;overflow:hidden!important;width:100%!important;max-width:none!important;
  min-height:100svh!important;margin:0!important;padding:112px max(7vw,56px) 72px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(390px,500px)!important;align-items:center!important;gap:clamp(44px,6vw,100px)!important;
  border:0!important;border-radius:0!important;background:#0c2639!important;color:#fff!important
}
body.isSignedOut #publicWorldCanvas,body.isSignedOut .publicWorldFallback,body.isSignedOut .publicWorldVignette{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important
}
body.isSignedOut #publicWorldCanvas{z-index:-4;display:block!important;opacity:0;transition:opacity .7s ease;background:#174059}
body.isSignedOut #auth.worldReady #publicWorldCanvas{opacity:1}
body.isSignedOut .publicWorldFallback{
  z-index:-5;background:#173a4f url('/assets/island-preview-1000.png') center/cover no-repeat;transform:scale(1.025);filter:saturate(1.1) contrast(1.04)
}
body.isSignedOut #auth.worldReady .publicWorldFallback{opacity:.12;transition:opacity .8s ease}
body.isSignedOut .publicWorldVignette{
  z-index:-3;pointer-events:none;background:
    linear-gradient(90deg,rgba(5,11,21,.86) 0%,rgba(5,11,21,.66) 31%,rgba(5,11,21,.18) 57%,rgba(5,11,21,.10) 100%),
    linear-gradient(180deg,rgba(4,9,17,.42) 0%,transparent 28%,transparent 70%,rgba(3,8,14,.45) 100%);
  box-shadow:inset 0 0 180px rgba(2,7,13,.38)
}
body.isSignedOut .publicHero{align-self:center;position:relative;z-index:2;max-width:690px;padding:20px 0 150px!important;color:#fff!important;text-shadow:0 3px 20px rgba(0,0,0,.22)}
body.isSignedOut .publicLive{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:9px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;
  background:rgba(6,14,24,.56);backdrop-filter:blur(12px);font-size:12px;font-weight:850;letter-spacing:.01em;color:#f6f8ff
}
body.isSignedOut .publicLive i{width:8px;height:8px;border-radius:50%;background:#a8f458;box-shadow:0 0 0 5px rgba(168,244,88,.12),0 0 18px rgba(168,244,88,.7)}
body.isSignedOut .publicHero h1{
  margin:0 0 19px!important;color:#fff!important;font-size:clamp(54px,5.4vw,88px)!important;line-height:.96!important;letter-spacing:-.065em!important;font-weight:950!important;
  max-width:760px;text-wrap:balance
}
body.isSignedOut .publicHero h1 em{font-style:normal;color:#c7adff;text-shadow:0 5px 28px rgba(102,57,219,.33)}
body.isSignedOut .publicHero>p{max-width:600px;margin:0!important;color:rgba(255,255,255,.88)!important;font-size:clamp(16px,1.2vw,20px)!important;line-height:1.55!important;font-weight:540;text-shadow:0 2px 12px rgba(0,0,0,.4)}
body.isSignedOut .publicFeatureRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
body.isSignedOut .publicFeatureRow>span{
  display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:145px;padding:11px 14px 11px 12px;
  border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(8,17,29,.58);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(0,0,0,.11)
}
body.isSignedOut .publicFeatureRow svg{grid-row:1/3;width:29px;height:29px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.isSignedOut .publicFeatureRow b{font-size:14px;color:#fff;line-height:1.1}
body.isSignedOut .publicFeatureRow small{font-size:10px;color:rgba(255,255,255,.68);line-height:1.25;margin-top:2px}
body.isSignedOut .publicOnlineCard{
  position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:18px;max-width:min(640px,72vw);padding:15px 17px;
  border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(6,14,25,.78);backdrop-filter:blur(15px);box-shadow:0 18px 50px rgba(0,0,0,.22)
}
body.isSignedOut .publicOnlineCard>div:first-child{display:flex;flex-direction:column;min-width:max-content}
body.isSignedOut .publicOnlineCard strong{font-size:13px;color:#fff}
body.isSignedOut .publicOnlineCard small{font-size:10px;color:#99a8ba;margin-top:2px}
body.isSignedOut .publicOnlineNames{display:flex;align-items:center;gap:0;overflow:hidden;padding-right:5px}
body.isSignedOut .publicOnlineNames span{
  display:grid;place-items:center;width:39px;height:39px;margin-left:-6px;border:2px solid rgba(10,18,31,.88);border-radius:50%;overflow:hidden;
  background:linear-gradient(145deg,#9e86ff,#6844d7);color:#fff;font-size:0;box-shadow:0 5px 12px rgba(0,0,0,.18)
}
body.isSignedOut .publicOnlineNames span:first-child{margin-left:0}
body.isSignedOut .publicOnlineNames span:before{content:attr(data-initial);font-size:12px;font-weight:900}
body.isSignedOut .publicOnlineNames span.hasAvatarPreview:before{display:none}
body.isSignedOut .publicOnlineNames span img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%;transform:scale(1.08);filter:saturate(1.08) contrast(1.03)}
body.isSignedOut .publicOnlineNames .publicAvatarBubble{position:relative;flex:0 0 auto;border-color:rgba(154,123,255,.92);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.26)}
body.isSignedOut .publicOnlineNames .publicAvatarBubble:after{content:"";position:absolute;inset:2px;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);pointer-events:none}
body.isSignedOut .publicOnlineNames .publicAvatarMore{font-size:10px!important;font-weight:900;background:rgba(112,75,221,.88)!important;color:#fff!important} 
body.isSignedOut .publicOnlineNames .publicAvatarMore:before{display:none}
body.isSignedOut .publicAuthStack{position:relative;z-index:4;width:100%;max-width:500px;justify-self:end;display:grid;gap:14px}
body.isSignedOut #auth .authCard{
  position:relative!important;width:100%!important;box-sizing:border-box!important;padding:31px 32px 28px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:25px!important;
  background:rgba(255,255,255,.975)!important;color:#17192d!important;box-shadow:0 30px 90px rgba(0,0,0,.25)!important;backdrop-filter:blur(18px);overflow:hidden
}
body.isSignedOut #auth .authCard:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#8457ff,#aa8cff,#a7f55d)}
body.isSignedOut #auth .authTabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:5px!important;background:#f0edf7!important;border:0!important;border-radius:14px!important}
body.isSignedOut #auth .authTabs button{min-height:43px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#6d687c!important;font-weight:850!important}
body.isSignedOut #auth .authTabs button.active{background:#fff!important;color:#6d43d2!important;box-shadow:0 3px 10px rgba(59,41,89,.08)!important}
body.isSignedOut #auth .authCard h2{margin:26px 0 7px!important;color:#15172a!important;font-size:30px!important;line-height:1.1!important;letter-spacing:-.035em!important;font-weight:900!important}
body.isSignedOut #auth .authCard>p{margin:0 0 24px!important;color:#777d91!important;font-size:13px!important}
body.isSignedOut #auth .authCard label{display:block!important;margin:17px 0 0!important;color:#393a4d!important;font-size:12px!important;font-weight:850!important}
body.isSignedOut #auth .authInput{display:flex!important;align-items:center!important;min-height:52px!important;margin-top:8px!important;padding:0 13px!important;background:#fbfbfe!important;border:1px solid #dcd9ea!important;border-radius:12px!important;box-shadow:none!important}
body.isSignedOut #auth .authInput:focus-within{border-color:#9275ef!important;box-shadow:0 0 0 4px rgba(122,79,224,.10)!important;background:#fff!important}
body.isSignedOut #auth .authInput input{min-height:50px!important;background:transparent!important;color:#25253a!important;font-size:15px!important;border:0!important;box-shadow:none!important}
body.isSignedOut #auth .authInput input::placeholder{color:#9695a7!important}
body.isSignedOut #auth .authInput button{background:transparent!important;color:#817890!important;border:0!important;min-width:39px!important}
body.isSignedOut #auth .authGo,body.isSignedOut #auth .authGo.secondary{
  width:100%!important;min-height:53px!important;margin-top:23px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#8051e8,#7142dd)!important;color:#fff!important;
  font-size:14px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(112,65,219,.24)!important;transition:.17s ease!important
}
body.isSignedOut #auth .authGo:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(112,65,219,.30)!important;filter:none!important}
body.isSignedOut #auth #msg{display:block;color:#a52e50!important;font-size:12px!important;line-height:1.45!important;margin-top:12px!important}
body.isSignedOut #auth #msg:empty{display:none!important}
body.isSignedOut #auth .safeTip{margin:21px 0 0!important;color:#858b9c!important;font-size:11px!important;text-align:center!important}
body.isSignedOut .publicJoinCard{
  display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:17px;
  background:rgba(7,15,28,.84);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.18);color:#fff
}
body.isSignedOut .publicJoinCard>div{display:flex;flex-direction:column;gap:3px;min-width:0}
body.isSignedOut .publicJoinCard b{font-size:13px;color:#fff}
body.isSignedOut .publicJoinCard span{font-size:10px;color:#aab5c5;line-height:1.35}
body.isSignedOut .publicJoinCard button{flex:0 0 auto;min-height:42px;padding:0 17px;border:1px solid rgba(180,166,255,.46);border-radius:11px;background:rgba(80,60,142,.16);color:#fff;font-weight:850;cursor:pointer}
body.isSignedOut .publicJoinCard button:hover{background:rgba(117,82,220,.36)}
@media(max-width:1050px){
 body.isSignedOut #auth.publicLanding{grid-template-columns:minmax(0,1fr) minmax(350px,440px)!important;padding-left:38px!important;padding-right:38px!important;gap:34px!important}
 body.isSignedOut .publicHero h1{font-size:clamp(48px,6vw,70px)!important}.publicFeatureRow>span{min-width:128px!important}
}
@media(max-width:1100px){
 body.isSignedOut header.topbar{top:10px!important;width:calc(100% - 20px)!important;padding:0 14px!important}.publicNav{display:none!important}
 body.isSignedOut #auth.publicLanding{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:26px!important;padding:96px 18px 34px!important;min-height:100svh!important}
 body.isSignedOut .publicWorldVignette{background:linear-gradient(180deg,rgba(4,9,17,.55),rgba(4,9,17,.20) 32%,rgba(4,9,17,.22) 60%,rgba(4,9,17,.68))!important}
 body.isSignedOut .publicHero{width:100%;max-width:680px;padding:30px 0 0!important;text-align:center}
 body.isSignedOut .publicHero h1{font-size:clamp(46px,11vw,68px)!important}.publicHero>p{margin-left:auto!important;margin-right:auto!important}
 body.isSignedOut .publicFeatureRow{justify-content:center!important}.publicOnlineCard{position:static!important;margin:24px auto 0!important;max-width:520px!important;justify-content:center!important;text-align:left}
 body.isSignedOut .publicAuthStack{justify-self:auto!important;max-width:520px!important;margin:0 auto!important}.publicJoinCard{background:rgba(7,15,28,.9)!important}
 body.isSignedOut #publicWorldCanvas{filter:saturate(.9)}
}
@media(max-width:520px){
 body.isSignedOut header.topbar{height:58px!important;min-height:58px!important}.brandText{font-size:13px!important}
 body.isSignedOut #auth.publicLanding{padding-top:82px!important}.publicLive{font-size:10px!important}.publicHero h1{font-size:43px!important}.publicHero>p{font-size:14px!important}
 body.isSignedOut .publicFeatureRow>span{min-width:0!important;flex:1 1 92px;padding:9px!important}.publicFeatureRow small{display:none!important}
 body.isSignedOut .publicOnlineCard{padding:12px!important;max-width:100%!important}.publicOnlineCard>div:first-child small{display:none}.publicOnlineNames span{width:34px!important;height:34px!important}
 body.isSignedOut #auth .authCard{padding:24px 20px 22px!important;border-radius:20px!important}.publicJoinCard{padding:13px 14px!important}.publicJoinCard span{display:none}
}
@media(prefers-reduced-motion:reduce){body.isSignedOut *{scroll-behavior:auto!important}body.isSignedOut #publicWorldCanvas{transition:none!important}}

/* V7: reserve the middle of the composition for the seated community. */
body.isSignedOut #auth.publicLanding{padding:110px 2vw 64px 4.7vw!important;grid-template-columns:minmax(0,1fr) minmax(340px,26vw)!important;gap:5vw!important;background:#10172e!important}
body.isSignedOut .publicHero{align-self:start;padding-top:9vh!important;max-width:620px}
body.isSignedOut .publicHero h1{font-size:clamp(48px,4.7vw,80px)!important;max-width:620px;letter-spacing:-.055em!important}
body.isSignedOut .publicHero>p{max-width:500px;font-size:17px!important}
body.isSignedOut .publicAuthStack{max-width:450px}
body.isSignedOut .publicWorldVignette{background:linear-gradient(90deg,rgba(3,7,14,.68),rgba(3,7,14,.38) 28%,transparent 48%,transparent 72%,rgba(3,7,14,.23)),linear-gradient(0deg,rgba(3,7,14,.75),transparent 25%,transparent 75%,rgba(3,7,14,.25));box-shadow:inset 0 0 100px #02050b55}
body.isSignedOut .publicOnlineCard{position:fixed;left:4.7vw;bottom:6vh}
body.isSignedOut .publicFeatureRow>span{min-width:112px;padding:11px}
body.isSignedOut #publicWorldCanvas{background:#10172e}
body.isSignedOut .publicWorldFallback{background:radial-gradient(ellipse at 55% 75%,#674323 0,transparent 30%),linear-gradient(#111a33,#1d302e 65%,#101614)}
@media(min-width:1101px) and (max-height:760px){body.isSignedOut .publicHero{padding-top:3vh!important}body.isSignedOut .publicHero h1{font-size:clamp(44px,4.5vw,68px)!important}body.isSignedOut .publicOnlineCard{bottom:20px}}
@media(max-width:1100px){
 body.isSignedOut #auth.publicLanding{padding:96px 18px 34px!important;gap:24px!important}
 body.isSignedOut .publicHero{align-self:center;padding-top:20px!important;padding-bottom:310px!important;max-width:680px}
 body.isSignedOut .publicHero h1{max-width:640px;font-size:clamp(42px,9vw,66px)!important}
 body.isSignedOut .publicHero>p{margin:auto!important}
 body.isSignedOut .publicOnlineCard{position:absolute!important;bottom:0;left:50%;transform:translateX(-50%);width:max-content;max-width:95%!important}
 body.isSignedOut #publicWorldCanvas{height:850px!important;filter:none}
 body.isSignedOut .publicAuthStack{max-width:520px}
 body.isSignedOut .publicNav{display:none!important}
}