@property --glow{syntax:'<number>';inherits:true;initial-value:0}
/* rz-breakapart v1 — page "limbo" assembly for ruezals.chat (staging).
   Adapted from Chad's dhraconyx.world formation PageAssembly (003.js / 006.css). */
.rz-ba-w{display:inline-block;transform-origin:50% 100%;font-size:100%}
.rz-ba-s{display:inline;font-size:100%} /* spaces stay inline so wrapping never changes */
html.rz-ba-running .rz-ba-p{will-change:transform,opacity}
html.rz-ba-running body{overflow-x:hidden}
html.rz-ba-pre body{opacity:0}
.rz-ba-p[data-ba=done]{will-change:auto}
.rz-ba-w[data-ba=done]{display:inline}
#rz-ba-stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#rz-ba-stars i{position:absolute;width:1px;height:1px;border-radius:50%;background:#fff;
  box-shadow:0 0 2px 1px rgba(200,220,255,.9);opacity:0;animation:rz-ba-twinkle var(--d,3.4s) ease-in-out var(--dl,0s) infinite}
@keyframes rz-ba-twinkle{0%,100%{opacity:.015}50%{opacity:.04}}
@media (prefers-reduced-motion:reduce){
  .rz-ba-p{transform:none!important;opacity:1!important}
  #rz-ba-stars i{animation:none;opacity:.04}
}
/* Philosophy letter-molecules + depth tiers (one element per letter; sizes in %) */
#rz-ba-philo{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;font:900 180%/1.15 Arial,Helvetica,sans-serif}
#rz-ba-philo .rz-ph-page{position:absolute;transition:--glow 1.4s cubic-bezier(.2,.75,.2,1);width:min(680px,90vw);text-align:center;transform-origin:50% 50%;will-change:transform,opacity}
#rz-ba-philo .rz-ph-l{display:inline-block;font-size:100%;color:rgba(255,216,75,.35);-webkit-text-stroke:1px rgba(200,150,42,.6);
  text-shadow:0 0 calc(var(--glow,0)*10px) rgba(255,216,75,calc(var(--glow,0)*.95)),0 0 calc(var(--glow,0)*3px) rgba(255,240,190,var(--glow,0));transform-origin:50% 100%;animation:rz-ph-float var(--fd,4s) ease-in-out var(--fl,0s) infinite alternate}
@keyframes rz-ph-float{from{transform:translateY(0)}to{transform:translateY(var(--fy,-4px))}}
.rz-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#rz-ba-philo .rz-ph-w{white-space:nowrap}
@media (min-width:901px){#rz-ba-philo .rz-ph-page.is-front{width:min(340px,27vw);font-size:80%}}
@media (max-width:640px){#rz-ba-philo{font-size:110%}#rz-ba-philo .rz-ph-page.is-front{font-size:80%}}
@media (prefers-reduced-motion:reduce){#rz-ba-philo .rz-ph-l{animation:none}}
/* Rue 2026-10-14: no background dots/stars/molecules on the home page. Only philosophy page transitions animate letters. */
#rz-ba-stars,.realm-canvas,#rz-bg-canvas{display:none!important}
/* Rue 2026-10-14: philosophy letters in Permanent Marker (Apache-2.0, self-hosted), gold. Applies ONLY to philosophy letters. */
@font-face{font-family:"RZ Permanent Marker";src:url(/assets/fonts/permanent-marker-latin.woff2?v=1) format("woff2");font-weight:400;font-style:normal;font-display:swap}
#rz-ba-philo .rz-ph-l{font-family:"RZ Permanent Marker","Permanent Marker",Arial,Helvetica,sans-serif;font-weight:400;color:rgba(255,216,75,.85)}