/* Ariam Social Universe — Header/Hero v9.1.0
   Integrated redesign based on the approved minimal header concept.
   Scoped to .topbar-v91 and .hero-v91 so the rest of v9.0.0 remains untouched. */

:root{
  --h91-cyan:#51d8ff;
  --h91-blue:#6f82ff;
  --h91-violet:#9b6bff;
  --h91-ink:#07101f;
  --h91-line:color-mix(in srgb,var(--worldB) 20%,var(--line));
  --h91-panel:color-mix(in srgb,var(--surface) 93%,#0d1930 7%);
}

/* ---------- Navigation ---------- */
.topbar.topbar-v91{
  min-height:72px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:8px 10px 8px 15px;
  margin-bottom:16px;
  border:1px solid var(--h91-line);
  border-radius:22px;
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  box-shadow:0 14px 42px rgba(0,0,0,.14);
  backdrop-filter:blur(22px) saturate(1.18);
  -webkit-backdrop-filter:blur(22px) saturate(1.18);
}
.topbar-v91 .brand-v91{
  min-width:max-content;
  display:flex;
  align-items:center;
  gap:10px;
  padding:4px 8px 4px 3px;
  color:var(--text);
  text-decoration:none;
}
.topbar-v91 .brand-v91 img{
  width:42px;
  height:42px;
  padding:7px;
  object-fit:contain;
  border-radius:14px;
  background:linear-gradient(145deg,#0a1830,#0a1224);
  border:1px solid color-mix(in srgb,var(--h91-cyan) 18%,var(--line));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.18);
}
.topbar-v91 .brand-word{
  font-size:1.18rem;
  font-weight:900;
  letter-spacing:-.035em;
}
.topbar-v91 .brand-mini{
  color:var(--soft);
  font-size:.54rem;
  font-weight:760;
  letter-spacing:.19em;
  white-space:nowrap;
}
.topbar-v91 .topnav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:0;
  margin:0;
}
.topbar-v91 .topnav a{
  min-width:max-content;
  padding:10px 11px;
  border-radius:12px;
  color:var(--muted);
  font-size:.72rem;
  font-weight:720;
  letter-spacing:-.01em;
  transition:color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);
}
.topbar-v91 .topnav a::after{
  left:13px;
  right:13px;
  bottom:4px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--h91-cyan),var(--h91-blue),var(--h91-violet));
}
.topbar-v91 .topnav a:hover,
.topbar-v91 .topnav a:focus-visible,
.topbar-v91 .topnav a.active,
.topbar-v91 .topnav a[aria-current="true"]{
  color:var(--text);
  background:color-mix(in srgb,var(--h91-cyan) 5%,var(--surface2));
}
.topbar-v91 .topnav a.active::after,
.topbar-v91 .topnav a[aria-current="true"]::after{transform:scaleX(1)}

.topbar-v91 .actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.topbar-v91 .header-search{
  width:clamp(150px,14vw,230px);
  height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:15px;
  color:var(--muted);
  background:color-mix(in srgb,var(--surface2) 91%,transparent);
  cursor:pointer;
  transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);
}
.topbar-v91 .header-search:hover,
.topbar-v91 .header-search:focus-visible{
  color:var(--text);
  border-color:color-mix(in srgb,var(--h91-cyan) 38%,var(--line));
  background:color-mix(in srgb,var(--h91-cyan) 4%,var(--surface2));
  outline:none;
  transform:translateY(-1px);
}
.topbar-v91 .header-search svg{width:18px;height:18px;flex:0 0 auto}
.topbar-v91 .header-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}
.topbar-v91 .header-search kbd{
  margin-left:auto;
  padding:3px 6px;
  border:1px solid var(--line);
  border-radius:7px;
  color:var(--soft);
  background:color-mix(in srgb,var(--surface) 74%,transparent);
  font:600 .55rem/1 system-ui,sans-serif;
}
.topbar-v91 .icon-btn{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:15px;
  background:color-mix(in srgb,var(--surface2) 90%,transparent);
  border-color:var(--line);
}
.topbar-v91 .icon-btn:hover,
.topbar-v91 .icon-btn:focus-visible{
  border-color:color-mix(in srgb,var(--h91-cyan) 34%,var(--line));
  background:color-mix(in srgb,var(--h91-cyan) 5%,var(--surface2));
}
.topbar-v91 .connect-cta{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 15px;
  border:1px solid color-mix(in srgb,var(--h91-cyan) 52%,var(--line));
  border-radius:15px;
  color:var(--text);
  background:linear-gradient(135deg,color-mix(in srgb,var(--h91-blue) 7%,var(--surface2)),color-mix(in srgb,var(--h91-cyan) 6%,var(--surface2)));
  font-size:.68rem;
  font-weight:820;
  white-space:nowrap;
  transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.topbar-v91 .connect-cta svg{width:17px;height:17px;color:var(--h91-cyan)}
.topbar-v91 .connect-cta:hover,
.topbar-v91 .connect-cta:focus-visible{
  transform:translateY(-1px);
  border-color:var(--h91-cyan);
  box-shadow:0 10px 26px rgba(43,176,255,.10);
  outline:none;
}
.topbar-v91.is-compact{
  min-height:60px;
  padding:5px 8px 5px 11px;
}
.topbar-v91.is-compact .brand-v91 img{width:36px;height:36px;border-radius:12px}
.topbar-v91.is-compact .brand-mini{display:none}
.topbar-v91.is-compact .header-search,
.topbar-v91.is-compact .icon-btn,
.topbar-v91.is-compact .connect-cta{height:40px;min-height:40px}

/* ---------- Hero ---------- */
.hero.hero-v91{
  --hero-accent-a:var(--h91-cyan);
  --hero-accent-b:var(--h91-violet);
  min-height:650px;
  margin-top:0;
  border:1px solid var(--h91-line);
  border-radius:36px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse 45% 58% at 82% 42%,rgba(63,175,255,.12),transparent 68%),
    radial-gradient(ellipse 38% 54% at 5% 16%,rgba(116,96,255,.08),transparent 72%),
    linear-gradient(135deg,color-mix(in srgb,var(--surface) 98%,#0f1c33 2%),color-mix(in srgb,var(--surface) 93%,#0a1d35 7%));
  box-shadow:0 28px 84px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025);
}
.hero-v91::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 53%,rgba(82,214,255,.02) 72%,transparent 96%),
    radial-gradient(circle at 76% 24%,rgba(255,255,255,.34) 0 1px,transparent 1.3px),
    radial-gradient(circle at 90% 67%,rgba(94,187,255,.25) 0 1px,transparent 1.3px);
  background-size:auto,190px 190px,260px 260px;
  opacity:.42;
}
.hero-v91::after{
  content:"";
  position:absolute;
  inset:auto -16% -44% auto;
  width:560px;
  height:560px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(66,200,255,.08),transparent 66%);
  pointer-events:none;
  z-index:0;
}
.hero-v91 .hero-grid{
  position:relative;
  z-index:2;
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);
  align-items:center;
  gap:34px;
  padding:clamp(46px,4.7vw,70px) clamp(38px,4.8vw,68px);
}
.hero-v91 .hero-copy-block{
  max-width:650px;
  position:relative;
  z-index:5;
}
.hero-v91 .kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 20px;
  color:#9aa9c6;
  font-size:.65rem;
  font-weight:820;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.hero-v91 .kicker::before{
  content:"";
  width:38px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--h91-blue),var(--h91-cyan));
  box-shadow:0 0 16px rgba(81,216,255,.22);
}
.hero-v91 h1{
  margin:0;
  color:var(--text);
  font-size:clamp(5.6rem,8vw,8.7rem);
  font-weight:950;
  line-height:.82;
  letter-spacing:-.075em;
}
.hero-v91 .hero-universe-title{
  margin:28px 0 0;
  max-width:650px;
  display:flex;
  flex-direction:column;
  color:var(--text);
  font-size:clamp(2.2rem,3.2vw,3.7rem);
  line-height:.92;
  letter-spacing:-.045em;
  font-weight:900;
}
.hero-v91 .hero-universe-title strong{
  display:inline-block;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  color:transparent;
  background:linear-gradient(95deg,#6da4ff 0%,#52d8ff 42%,#c69aff 76%,#956fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  font-weight:900;
  filter:drop-shadow(0 12px 30px rgba(75,156,255,.12));
}
.hero-v91 .hero-copy{
  max-width:610px;
  margin:26px 0 0;
  color:var(--muted);
  font-size:clamp(.96rem,1.25vw,1.09rem);
  line-height:1.65;
}
.hero-v91 .hero-copy strong{color:var(--text);font-weight:650}
.hero-v91 .hero-note{margin-top:10px!important;font-size:.75rem!important;color:var(--soft)}
.hero-v91 .hero-signature{
  margin-top:23px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--soft);
  font-size:.57rem;
  font-weight:820;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.hero-v91 .hero-signature i{width:24px;height:1px;background:linear-gradient(90deg,var(--h91-blue),var(--h91-cyan));opacity:.7}
.hero-v91 .hero-cta{
  margin-top:26px!important;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.hero-v91 .hero-cta .btn{
  min-height:50px;
  padding:0 20px;
  border-radius:15px;
  font-size:.76rem;
  font-weight:840;
}
.hero-v91 .hero-cta .btn.primary{
  color:#06111e;
  background:linear-gradient(135deg,#7284ff 0%,#55d7ff 100%);
  box-shadow:0 14px 32px rgba(65,169,255,.14);
}
.hero-v91 .hero-cta .btn.primary:hover{box-shadow:0 16px 36px rgba(65,169,255,.21)}
.hero-v91 .hero-mini-line{
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#71809b;
  font-size:.56rem;
  font-weight:760;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.hero-v91 .hero-mini-line::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,var(--h91-blue),var(--h91-cyan))}

.hero-v91 .world-stage{
  position:relative;
  min-height:500px;
  display:grid;
  place-items:center;
  perspective:1100px;
  transform:translate3d(var(--v9-stage-x,0),var(--v9-stage-y,0),0);
}
.hero-v91 .world-ring,
.hero-v91 .world-ring2,
.hero-v91 .world-ring3{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  background:transparent;
}
.hero-v91 .world-ring{
  width:455px;
  height:455px;
  border:1px solid rgba(89,171,255,.16);
  animation:v91Orbit 42s linear infinite;
}
.hero-v91 .world-ring2{
  width:350px;
  height:350px;
  border:1px solid rgba(133,111,255,.14);
  animation:v91OrbitReverse 34s linear infinite;
  opacity:1;
}
.hero-v91 .world-ring3{
  width:535px;
  height:535px;
  border:1px solid rgba(82,216,255,.07);
}
.hero-v91 .world-ring::before,
.hero-v91 .world-ring2::before{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--h91-cyan);
  box-shadow:0 0 16px rgba(81,216,255,.8);
}
.hero-v91 .world-ring::before{top:11%;right:17%}
.hero-v91 .world-ring2::before{bottom:8%;left:21%;width:6px;height:6px;background:var(--h91-violet);box-shadow:0 0 14px rgba(155,107,255,.75)}

.hero-v91 .identity{
  width:232px;
  height:320px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(93,180,255,.34);
  background:#091526;
  box-shadow:0 25px 66px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.015);
  transform-style:preserve-3d;
  transition:transform .55s var(--ease),opacity .4s var(--ease),filter .4s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);
}
.hero-v91 .identity img{
  left:0;
  top:0;
  width:100%;
  height:100%;
  object-fit:cover;
  max-width:none;
}
.hero-v91 .identity::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 44%,rgba(3,8,16,.16) 72%,rgba(3,8,16,.62) 100%);
}
.hero-v91 .identity::after{
  z-index:3;
  left:15px;
  bottom:15px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(5,9,17,.76);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:none;
  font-size:.61rem;
  letter-spacing:.12em;
}
.hero-v91 .identity.personal{
  transform:translate(-112px,-43px) rotate(-6deg);
  border-color:rgba(82,216,255,.40);
}
.hero-v91 .identity.gaming{
  transform:translate(119px,50px) rotate(7deg);
  border-color:rgba(114,104,255,.48);
}
.hero-v91 .identity:hover,
.hero-v91 .identity:focus-visible{
  border-color:color-mix(in srgb,var(--h91-cyan) 70%,white 8%);
  box-shadow:0 30px 78px rgba(0,0,0,.38),0 0 28px rgba(70,181,255,.10);
  outline:none;
}
html[data-world="personal"] .hero-v91 .identity.personal{transform:translate(-44px,-8px) rotate(-2deg) scale(1.07);z-index:4;opacity:1;filter:none}
html[data-world="personal"] .hero-v91 .identity.gaming{transform:translate(155px,67px) rotate(9deg) scale(.80);z-index:2;opacity:.33;filter:saturate(.58)}
html[data-world="gaming"] .hero-v91 .identity.gaming{transform:translate(44px,8px) rotate(2deg) scale(1.07);z-index:4;opacity:1;filter:none}
html[data-world="gaming"] .hero-v91 .identity.personal{transform:translate(-155px,-67px) rotate(-9deg) scale(.80);z-index:2;opacity:.33;filter:saturate(.58)}

.hero-v91 .world-core{
  width:90px;
  height:90px;
  z-index:7;
  border-radius:28px;
  border:1px solid rgba(86,202,255,.30);
  background:linear-gradient(145deg,#0b2038,#091224 64%);
  box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 38px rgba(62,191,255,.10);
}
.hero-v91 .world-core::after{
  inset:-10px;
  border-radius:34px;
  border:1px solid rgba(89,186,255,.14);
  animation:v91CorePulse 4.8s ease-in-out infinite;
}
.hero-v91 .world-core img{width:58px;height:58px;padding:0;background:transparent;border:0;filter:drop-shadow(0 0 15px rgba(82,217,255,.18))}

.hero-v91 .platform-node{
  width:44px;
  height:44px;
  z-index:8;
  border-radius:14px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--surface2) 92%,transparent);
  box-shadow:0 12px 26px rgba(0,0,0,.23);
}
.hero-v91 .platform-node.youtube{transform:translate(38px,-220px);color:#ff4655}
.hero-v91 .platform-node.instagram{transform:translate(220px,-3px);color:#ff5d9e}
.hero-v91 .platform-node.twitch{transform:translate(-150px,197px);color:#9a6cff}
.hero-v91 .platform-node:hover{box-shadow:0 14px 32px rgba(0,0,0,.28),0 0 22px color-mix(in srgb,currentColor 16%,transparent)}
html[data-world="personal"] .hero-v91 .platform-node.twitch{opacity:.24;transform:translate(-116px,183px) scale(.82)}
html[data-world="gaming"] .hero-v91 .platform-node.instagram{transform:translate(207px,-75px)}

.hero-v91 .stage-hint{
  bottom:2px;
  z-index:9;
  padding:6px 10px;
  border-radius:999px;
  color:#7585a2;
  font-size:.56rem;
  border-color:rgba(255,255,255,.08);
  background:rgba(7,15,29,.72);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.hero-v91 .hero-visual-quote{
  position:absolute;
  z-index:3;
  right:-10px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#8da0c2;
  font-size:.58rem;
  font-weight:790;
  letter-spacing:.22em;
  text-transform:uppercase;
  pointer-events:none;
}
.hero-v91 .hero-visual-quote::after{
  content:"";
  width:30px;
  height:2px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--h91-cyan),var(--h91-blue));
}

/* ---------- Light mode ---------- */
html[data-theme="light"] .topbar.topbar-v91{
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 34px rgba(35,55,95,.08);
}
html[data-theme="light"] .topbar-v91 .brand-v91 img{
  background:#071426;
  border-color:rgba(68,174,255,.28);
}
html[data-theme="light"] .hero.hero-v91{
  background:
    radial-gradient(ellipse 45% 58% at 82% 42%,rgba(83,179,255,.10),transparent 68%),
    radial-gradient(ellipse 38% 54% at 5% 16%,rgba(116,96,255,.05),transparent 72%),
    #fff!important;
  box-shadow:0 24px 60px rgba(45,65,105,.08),inset 0 1px rgba(255,255,255,.8);
}
html[data-theme="light"] .hero-v91 .world-core{background:#071426}
html[data-theme="light"] .hero-v91 .identity{box-shadow:0 24px 52px rgba(45,65,105,.16),0 0 0 1px rgba(45,65,105,.04)}
html[data-theme="light"] .hero-v91 .stage-hint{background:rgba(255,255,255,.84);color:#6f7d98;border-color:rgba(45,65,105,.11)}
html[data-theme="light"] .topbar-v91 .header-search,
html[data-theme="light"] .topbar-v91 .icon-btn,
html[data-theme="light"] .topbar-v91 .connect-cta{background:rgba(248,250,255,.92)}

/* ---------- Responsive: wide/desktop ---------- */
@media (min-width:1500px){
  .shell{width:min(calc(100% - 46px),1480px)}
  .hero-v91 .hero-grid{padding-inline:72px;grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr)}
  .hero-v91 .world-stage{min-height:530px}
}
@media (max-width:1240px){
  .topbar-v91 .brand-mini{display:none}
  .topbar-v91 .topnav a{padding-inline:8px;font-size:.67rem}
  .topbar-v91 .header-search{width:150px}
  .hero-v91 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(400px,.95fr);gap:20px;padding:50px 40px}
  .hero-v91 .hero-visual-quote{display:none}
  .hero-v91 .identity{width:208px;height:288px}
  .hero-v91 .world-ring{width:410px;height:410px}
  .hero-v91 .world-ring2{width:310px;height:310px}
  .hero-v91 .world-ring3{width:475px;height:475px}
  .hero-v91 .identity.personal{transform:translate(-101px,-40px) rotate(-6deg)}
  .hero-v91 .identity.gaming{transform:translate(105px,47px) rotate(7deg)}
  .hero-v91 .platform-node.youtube{transform:translate(32px,-198px)}
  .hero-v91 .platform-node.instagram{transform:translate(195px,-2px)}
  .hero-v91 .platform-node.twitch{transform:translate(-135px,178px)}
}

/* ---------- Responsive: tablet ---------- */
@media (max-width:1040px){
  .topbar.topbar-v91{grid-template-columns:auto 1fr auto;gap:12px}
  .topbar-v91 .topnav{display:none}
  .topbar-v91 .brand-word{font-size:1.05rem}
  .topbar-v91 .header-search{width:190px;margin-left:auto}
  .hero.hero-v91{min-height:auto}
  .hero-v91 .hero-grid{min-height:auto;grid-template-columns:1fr;padding:50px 42px 30px;gap:12px}
  .hero-v91 .hero-copy-block{max-width:760px;text-align:center;margin:0 auto}
  .hero-v91 .kicker{justify-content:center}
  .hero-v91 .hero-universe-title{align-items:center;margin-inline:auto}
  .hero-v91 .hero-copy{margin-inline:auto}
  .hero-v91 .hero-signature,.hero-v91 .hero-cta,.hero-v91 .hero-mini-line{justify-content:center}
  .hero-v91 .world-stage{min-height:450px;max-width:630px;width:100%;margin:0 auto}
  .hero-v91 .stage-hint{bottom:4px}
}

/* landscape tablet / short laptop */
@media (min-width:800px) and (max-height:760px) and (orientation:landscape){
  .topbar.topbar-v91{min-height:58px;padding-block:5px}
  .topbar-v91 .brand-v91 img{width:36px;height:36px}
  .topbar-v91 .header-search,.topbar-v91 .icon-btn,.topbar-v91 .connect-cta{height:40px;min-height:40px}
  .hero-v91 .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);padding:34px 40px;gap:24px}
  .hero-v91 .hero-copy-block{text-align:left;margin:0;max-width:610px}
  .hero-v91 .kicker,.hero-v91 .hero-signature,.hero-v91 .hero-cta,.hero-v91 .hero-mini-line{justify-content:flex-start}
  .hero-v91 .hero-universe-title{align-items:flex-start;margin-inline:0;font-size:clamp(2rem,3vw,3rem)}
  .hero-v91 h1{font-size:clamp(4.8rem,7.2vw,7rem)}
  .hero-v91 .hero-copy{margin-inline:0;margin-top:18px}
  .hero-v91 .world-stage{min-height:390px}
  .hero-v91 .identity{width:174px;height:240px;border-radius:28px}
  .hero-v91 .identity.personal{transform:translate(-85px,-34px) rotate(-6deg)}
  .hero-v91 .identity.gaming{transform:translate(88px,39px) rotate(7deg)}
  .hero-v91 .world-core{width:74px;height:74px;border-radius:23px}.hero-v91 .world-core img{width:48px;height:48px}
  .hero-v91 .world-ring{width:340px;height:340px}.hero-v91 .world-ring2{width:260px;height:260px}.hero-v91 .world-ring3{width:390px;height:390px}
  .hero-v91 .platform-node.youtube{transform:translate(25px,-167px)}
  .hero-v91 .platform-node.instagram{transform:translate(163px,-4px)}
  .hero-v91 .platform-node.twitch{transform:translate(-111px,147px)}
}

/* ---------- Responsive: mobile ---------- */
@media (max-width:700px){
  .shell{width:min(calc(100% - 14px),1480px)}
  .topbar.topbar-v91{
    top:6px;
    min-height:58px;
    grid-template-columns:auto 1fr auto;
    gap:6px;
    padding:6px;
    border-radius:17px;
  }
  .topbar-v91 .brand-v91{gap:7px;padding-left:2px}.topbar-v91 .brand-v91 img{width:40px;height:40px;border-radius:13px}.topbar-v91 .brand-word{font-size:.96rem}.topbar-v91 .brand-mini{display:none}
  .topbar-v91 .actions{gap:5px}
  .topbar-v91 .header-search{width:42px;height:42px;flex:0 0 42px;padding:0;justify-content:center;border-radius:13px}
  .topbar-v91 .header-search span,.topbar-v91 .header-search kbd{display:none}
  .topbar-v91 .icon-btn{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .topbar-v91 .connect-cta{width:42px;height:42px;min-height:42px;padding:0;border-radius:13px}
  .topbar-v91 .connect-cta span{display:none}
  .topbar-v91 #shareButton{display:none}

  .hero.hero-v91{border-radius:26px;min-height:auto}
  .hero-v91 .hero-grid{padding:38px 20px 22px;gap:8px}
  .hero-v91 .hero-copy-block{text-align:left}
  .hero-v91 .kicker{justify-content:flex-start;margin-bottom:17px;font-size:.56rem;letter-spacing:.18em}
  .hero-v91 h1{font-size:clamp(4.2rem,22vw,6rem)}
  .hero-v91 .hero-universe-title{align-items:flex-start;margin-top:22px;font-size:clamp(2rem,10vw,3rem)}
  .hero-v91 .hero-universe-title strong{width:auto}
  .hero-v91 .hero-copy{margin:20px 0 0;font-size:.92rem;line-height:1.58}
  .hero-v91 .hero-note{font-size:.69rem!important}
  .hero-v91 .hero-signature{display:none}
  .hero-v91 .hero-cta{justify-content:flex-start;margin-top:21px!important;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hero-v91 .hero-cta .btn{width:100%;min-height:48px;padding-inline:12px}
  .hero-v91 .hero-cta .ghost-link{grid-column:1/-1}
  .hero-v91 .hero-mini-line{justify-content:flex-start;margin-top:17px;font-size:.50rem;letter-spacing:.12em}
  .hero-v91 .world-stage{min-height:350px;margin-top:8px}
  .hero-v91 .identity{width:150px;height:208px;border-radius:26px}
  .hero-v91 .identity.personal{transform:translate(-74px,-30px) rotate(-6deg)}
  .hero-v91 .identity.gaming{transform:translate(76px,35px) rotate(7deg)}
  .hero-v91 .world-core{width:68px;height:68px;border-radius:21px}.hero-v91 .world-core img{width:44px;height:44px}
  .hero-v91 .world-ring{width:290px;height:290px}.hero-v91 .world-ring2{width:220px;height:220px}.hero-v91 .world-ring3{width:330px;height:330px}
  .hero-v91 .platform-node{width:38px;height:38px;border-radius:12px}.hero-v91 .platform-node svg{width:18px;height:18px}
  .hero-v91 .platform-node.youtube{transform:translate(23px,-143px)}
  .hero-v91 .platform-node.instagram{transform:translate(137px,-2px)}
  .hero-v91 .platform-node.twitch{transform:translate(-94px,126px)}
  .hero-v91 .stage-hint{bottom:0;font-size:.51rem}
  .hero-v91 .hero-visual-quote{display:none}
  html[data-world="personal"] .hero-v91 .identity.personal{transform:translate(-28px,-5px) rotate(-2deg) scale(1.05)}
  html[data-world="personal"] .hero-v91 .identity.gaming{transform:translate(112px,45px) rotate(9deg) scale(.76)}
  html[data-world="gaming"] .hero-v91 .identity.gaming{transform:translate(28px,5px) rotate(2deg) scale(1.05)}
  html[data-world="gaming"] .hero-v91 .identity.personal{transform:translate(-112px,-45px) rotate(-9deg) scale(.76)}
}

@media (max-width:390px){
  .topbar-v91 .brand-word{display:none}
  .hero-v91 .hero-grid{padding-inline:16px}
  .hero-v91 h1{font-size:4rem}
  .hero-v91 .hero-universe-title{font-size:1.92rem}
  .hero-v91 .hero-cta{grid-template-columns:1fr}
  .hero-v91 .hero-cta .ghost-link{grid-column:auto}
  .hero-v91 .world-stage{min-height:320px}
  .hero-v91 .identity{width:132px;height:184px}
  .hero-v91 .identity.personal{transform:translate(-64px,-26px) rotate(-6deg)}
  .hero-v91 .identity.gaming{transform:translate(66px,31px) rotate(7deg)}
  .hero-v91 .world-ring{width:258px;height:258px}.hero-v91 .world-ring2{width:198px;height:198px}.hero-v91 .world-ring3{width:292px;height:292px}
  .hero-v91 .platform-node.youtube{transform:translate(18px,-128px)}
  .hero-v91 .platform-node.instagram{transform:translate(121px,0)}
  .hero-v91 .platform-node.twitch{transform:translate(-83px,112px)}
}

/* phone landscape: keep the opening useful without forcing a huge scroll */
@media (max-height:520px) and (min-width:640px) and (orientation:landscape){
  .topbar.topbar-v91{position:sticky;top:4px;min-height:52px;padding-block:4px;margin-bottom:8px}
  .topbar-v91 .brand-v91 img{width:34px;height:34px}.topbar-v91 .brand-word{font-size:.9rem}.topbar-v91 .header-search,.topbar-v91 .icon-btn,.topbar-v91 .connect-cta{height:38px;min-height:38px}
  .hero.hero-v91{border-radius:24px}
  .hero-v91 .hero-grid{grid-template-columns:1fr .78fr;padding:26px 30px;gap:16px}
  .hero-v91 .hero-copy-block{text-align:left}.hero-v91 .kicker{justify-content:flex-start;margin-bottom:12px}.hero-v91 h1{font-size:4.35rem}.hero-v91 .hero-universe-title{align-items:flex-start;font-size:1.9rem;margin-top:14px}.hero-v91 .hero-copy{margin:12px 0 0;font-size:.78rem;line-height:1.45}.hero-v91 .hero-note,.hero-v91 .hero-mini-line{display:none}.hero-v91 .hero-cta{justify-content:flex-start;margin-top:14px!important}.hero-v91 .hero-cta .btn{min-height:40px;padding-inline:12px}
  .hero-v91 .world-stage{min-height:285px;margin:0}.hero-v91 .identity{width:126px;height:174px;border-radius:24px}.hero-v91 .identity.personal{transform:translate(-61px,-25px) rotate(-6deg)}.hero-v91 .identity.gaming{transform:translate(64px,29px) rotate(7deg)}.hero-v91 .world-core{width:56px;height:56px}.hero-v91 .world-core img{width:36px;height:36px}.hero-v91 .world-ring{width:240px;height:240px}.hero-v91 .world-ring2{width:184px;height:184px}.hero-v91 .world-ring3{width:270px;height:270px}.hero-v91 .platform-node{width:34px;height:34px}.hero-v91 .platform-node.youtube{transform:translate(16px,-119px)}.hero-v91 .platform-node.instagram{transform:translate(112px,0)}.hero-v91 .platform-node.twitch{transform:translate(-77px,104px)}.hero-v91 .stage-hint{display:none}
}

@keyframes v91Orbit{to{transform:rotate(360deg)}}
@keyframes v91OrbitReverse{to{transform:rotate(-360deg)}}
@keyframes v91CorePulse{0%,100%{opacity:.28;transform:scale(.98)}50%{opacity:.72;transform:scale(1.04)}}

@media (prefers-reduced-motion:reduce){
  .hero-v91 .world-ring,.hero-v91 .world-ring2,.hero-v91 .world-core::after,.hero-v91 .identity{animation:none!important;transition:none!important}
  .topbar-v91 *{scroll-behavior:auto!important}
}
@media (hover:none){
  .hero-v91 .identity:hover{box-shadow:0 25px 66px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.015)}
}