/* RAILMEND skin for the platform sheets (Settings, Privacy, Start Over): railway enamel — deep green fill, brass rim, cream type.
   The painted UI kit replaces the flat fills when the art batch lands (border-image from the UI atlas). Fonts are bundled
   (OFL, client/game/fonts): Alfa Slab One for titles and labels, Nunito for body text. */
@font-face { font-family: "RM Display"; src: url("fonts/AlfaSlabOne-Regular.ttf?v=a178bf42ee92") format("truetype"); font-display: block; }
@font-face { font-family: "RM Body"; src: url("fonts/Nunito.ttf?v=a178bf42ee92") format("truetype"); font-weight: 200 1000; font-display: block; }
body { background: #10241f; font-family: "RM Body", sans-serif; color: #f6ecd2; }
.sheet { --sheet-fill: #0f2a24; --sheet-ink: #f6ecd2; --sheet-border-width: 0; border-radius: 16px; box-shadow: 0 0 0 4px #c8a24a; font-family: "RM Body", sans-serif; }
.sheet h1, .sheet h2, .sheet .title { font-family: "RM Display", serif; letter-spacing: 0.02em; }
.sheet-veil.on { background: rgba(0, 0, 0, 0.6); }
.sheet .btn { --btn-fill: #3d8a5f; color: #fff6dc; border-radius: 12px; font-family: "RM Display", serif; box-shadow: 0 0 0 3px #f2d27a inset; }
/* the game's logo heads the Settings sheet (the same file the store covers carry: crazygames-upload logo_live, CG-06) */
.sheet::before { content: ""; display: block; height: 72px; margin: 0 auto 10px; background: url("art/logo.png?v=a178bf42ee92") center / contain no-repeat; }
/* short screens (phones held sideways): a smaller logo, so every sheet's buttons stay inside the screen */
@media (max-height: 520px) { .sheet::before { height: 34px; margin-bottom: 4px; } }
@media (max-height: 400px) { .sheet::before { display: none; } }