/* ══ ORACLE · realm switch (top-left, both realms) ═══════════════ */

.realm{ position:relative; display:flex; align-items:center; }
.realm-btn{
  display:flex; align-items:center; gap:11px;
  background:none; border:1px solid transparent; border-radius:var(--rad);
  padding:5px 9px 5px 6px; cursor:pointer; color:inherit; font-family:inherit;
  transition:border-color .4s, background .4s;
}
.realm-btn:hover{ border-color:var(--hair-2); background:rgba(226,229,242,.03); }
.realm-sigil{ display:block; width:26px; height:26px; flex:0 0 26px; }
.realm-sigil{ position:relative; }
.realm-sigil svg{ width:100%; height:100%; overflow:visible; }
.realm-sigil .rs-rice{ position:absolute; inset:0; }
html[data-theme="noir"] .realm-sigil .rs-rice,
html[data-theme="rice"] .realm-sigil .rs-noir{ opacity:0; }
.realm-sigil svg{ transition:opacity .5s var(--ease-out); }
.realm-sigil .rs-spin{ transform-origin:20px 20px; transition:transform 1.5s var(--ease-out); }
.realm-btn:hover .rs-sspin,
.realm-btn:hover .rs-spin{ transform:rotate(180deg); }
.realm-word{ display:flex; flex-direction:column; align-items:flex-start; line-height:1.1; }
.realm-main{
  font-family:var(--serif); font-size:15px; letter-spacing:.24em;
  color:var(--silver); font-weight:400; white-space:nowrap;
}
.realm-sub{
  font-size:8.5px; letter-spacing:.3em; text-transform:uppercase;
  color:var(--silver-4); margin-top:3px; white-space:nowrap;
}
.realm-caret{
  margin-left:2px; color:var(--silver-4); font-size:9px;
  transition:transform .45s var(--ease-out), color .3s;
}
.realm.is-open .realm-caret{ transform:rotate(180deg); color:var(--silver-2); }

.realm-menu{
  position:absolute; top:calc(100% + 10px); left:0; width:min(340px,86vw);
  background:rgba(10,10,18,.95); border:1px solid var(--hair-2);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  padding:7px; opacity:0; visibility:hidden; transform:translateY(-8px) scale(.985);
  transform-origin:top left; z-index:5;
  transition:opacity .34s var(--ease), transform .34s var(--ease-out), visibility .34s;
  box-shadow:0 26px 60px -24px rgba(0,0,0,.9);
}
.realm.is-open .realm-menu{ opacity:1; visibility:visible; transform:translateY(0) scale(1); }
.realm-item{
  display:flex; align-items:center; gap:13px; width:100%; text-align:left;
  background:none; border:0; border-left:1px solid transparent;
  padding:12px 13px; cursor:pointer; color:var(--silver-3);
  font-family:inherit; transition:background .25s, color .25s, border-color .3s;
}
.realm-item:hover{ background:rgba(226,229,242,.05); color:var(--silver); }
.realm-item.is-on{ color:var(--silver); border-left-color:var(--violet); background:rgba(142,125,208,.08); }
.ri-mark{ flex:0 0 30px; width:30px; height:30px; opacity:.85; }
.ri-mark svg{ width:100%; height:100%; }
.ri-txt{ display:flex; flex-direction:column; gap:3px; }
.ri-name{ font-family:var(--serif); font-size:17px; letter-spacing:.06em; }
.ri-desc{ font-size:10px; letter-spacing:.08em; color:var(--silver-4); }

@media (max-width:900px){
  .realm-word{ display:none; }
  .realm-caret{ display:none; }
}