
#whois{ position:absolute; inset:0; z-index:95; overflow:hidden; touch-action:none;
  -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; background:#0b0b10; }
#whois[hidden]{ display:none; }
#whois .wi-scene{ position:absolute; inset:0; background-repeat:no-repeat; z-index:1; }
#whois .wi-layer{ position:absolute; pointer-events:none; transform-origin:50% 100%; }
#whois .wi-layer img{ width:100%; height:100%; display:block; user-select:none; -webkit-user-drag:none; pointer-events:none; }
#whois .wi-layer.awake img{ filter:drop-shadow(0 0 10px var(--wi-glow,#ffd24a)) drop-shadow(0 0 22px var(--wi-glow,#ffd24a)); }
#whois .wi-layer.ready{ pointer-events:auto; cursor:pointer; transform-origin:50% 50%; }
#whois .wi-layer.right img{ filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 30px var(--wi-glow,#ffd24a)); }
#whois .wi-tunnel{ position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; opacity:0; }
#whois .wi-cast{ position:absolute; inset:0; z-index:3; pointer-events:none; }
#whois .wi-cast .wi-layer{ pointer-events:auto; }
#whois .wi-flash{ position:absolute; inset:0; z-index:4; pointer-events:none; opacity:0;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,1) 0%, rgba(255,255,255,.85) 12%, rgba(255,255,255,0) 42%); }
#whois .wi-pill{ position:absolute; left:0; top:0; z-index:6; cursor:pointer; box-sizing:border-box; display:none;
  transform:translate(-50%,-50%); background:#fff; border-radius:999px; padding:12px 34px; white-space:nowrap;
  font-family:var(--font-read); font-size:34px; font-weight:800; color:#1d2433; text-align:center;
  box-shadow:0 5px 0 rgba(0,0,0,.18), 0 10px 24px rgba(0,0,0,.2); }
#whois .wi-pill.show{ display:block; animation:wiPillIn .32s ease-out; }
@keyframes wiPillIn{ from{ opacity:0; transform:translate(-50%,-50%) scale(.85); } to{ opacity:1; transform:translate(-50%,-50%) scale(1); } }
#whois .wi-pill .syl-plain{ transition:color .1s ease; }
#whois .wi-pill .syl-plain.lit{ color:#FF3060; }
#whois .al-prog{ position:absolute; z-index:6; }
#whois .al-roman-btn{ z-index:7; }
