/* =============================================================================
   MOCK-ONLY — só existe no navegador. NÃO PORTAR para RCSS.
   - @font-face: no jogo as faces entram por Rml::LoadFontFace (Data\fonts).
   - border-style: o RCSS não tem; a borda sai de border-width + border-color.
   - .stage/.world: finge o mundo do jogo atrás da janela.
   - scrollbar webkit: no RCSS vira scrollbarvertical/sliderbar (ver kit.css §SCROLL).
   ============================================================================= */
@font-face { font-family: Spectral; src: url(fonts/Spectral-Regular.ttf); font-weight: 400; }
@font-face { font-family: Spectral; src: url(fonts/Spectral-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: Spectral; src: url(fonts/Spectral-Bold.ttf); font-weight: 700; }
@font-face { font-family: Barlow; src: url(fonts/Barlow-Regular.ttf); font-weight: 400; }
@font-face { font-family: Barlow; src: url(fonts/Barlow-Medium.ttf); font-weight: 500; }
@font-face { font-family: Barlow; src: url(fonts/Barlow-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: Barlow; src: url(fonts/Barlow-Bold.ttf); font-weight: 700; }
@font-face { font-family: "Font Awesome 6 Free"; src: url(fonts/fa-solid-900.ttf); font-weight: 900; }

*, *::before, *::after { border-style: solid; border-width: 0; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #070504; }
input { outline: none; font: inherit; color: inherit; background: transparent; }

/* Mundo: recorte limpo de uma captura REAL do DestinyTale (Ricarten, Delta3D), sem o painel de debug.
   Gerado por _kit/ornaments/build.mjs a partir de _assets/bg/destiny_ricarten.png. Trocar: .world.cidade / .world.agua */
.world { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #0a0806 url(../_assets/bg/destiny_world.png) center / cover no-repeat; }
.world.cidade { background-image: url(../_assets/bg/destiny_world_cidade.png); }
.world.agua { background-image: url(../_assets/bg/destiny_world_agua.png); }
/* o jogo escurece e afunda o mundo quando uma janela abre (profundidade). No RmlUi = .dt-scrim-soft (kit §14) */
.world::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 50% 45%, #00000059 0%, #000000a6 100%); }
.world.dim::after { background: #00000080; }

/* o palco tem 1920x1080 "dp" e é escalado por altura (= BaseDpRatio H/1080 do RmlUi) */
.stage { position: fixed; left: 0; top: 0; width: 1920px; height: 1080px; transform-origin: 0 0; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #00000066; border-left: 1px solid #1c1510; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #8a6532, #5a3f1c); border: 2px solid #0a0705; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #f0cf85, #8a6532); }

/* estados congelados para screenshot (o JS troca :hover por .sim-hover) */

/* HUD do mundo: o jogador está JOGANDO, o mundo não escurece (o véu acima é só de janela aberta) */
.world.clear::after { background: none; }