/* ═══════════════════════════════════════════════════════════════════════
   RUEZALS · TRANSLATOR SKIN — quiet touches only
   The fantasy look and feeling stays. These are whispers, not paint.
   © RUEZALS · CONFIDENTIAL · v1.0
═══════════════════════════════════════════════════════════════════════ */

@font-face{
  font-family:'IokharicRealm';
  src:url('../fonts/iokharic-bold.otf') format('opentype');
  font-style:normal;
  font-weight:700;
  font-display:swap;
}

/* the engine's canvases (also set inline by JS — here for safety) */
.rz-skin-canvas{position:fixed;inset:0;pointer-events:none;}

/* selecting text glints gold — the page acknowledges the touch */
::selection{background:rgba(200,150,32,0.32);color:inherit;}

/* a breath of the void at the page edges — barely there */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:2147482999;
  background:radial-gradient(ellipse at center,
    transparent 62%, rgba(1,4,2,0.10) 88%, rgba(1,4,2,0.22) 100%);
}

/* gold-warm scrollbar, translator-toned */
::-webkit-scrollbar{width:11px;}
::-webkit-scrollbar-track{background:#0b0b0f;}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#6e5a2a,#3a2f14);
  border-radius:6px;border:2px solid #0b0b0f;
}
::-webkit-scrollbar-thumb:hover{background:#8a6d2c;}

/* kill-switch: add class "rz-skin-off" to <body> to silence everything */
body.rz-skin-off .rz-skin-canvas{display:none!important;}
body.rz-skin-off::after{display:none!important;}
