/* Keep the recovered fixed-format theme and original navigation sprites. */
html { overflow-x: hidden; }
body { min-width: 0; width: 100%; overflow-x: hidden; }
#header, #bg_image, .left_light, .right_light, #door img { opacity: 1; }
#main_wrapper { display: block; }
#loading { display: none; }
#bg_image { position: fixed; pointer-events: none; }
#frame { pointer-events: none; }
#controls a:not([href]), .social_icons a:not([href]) { cursor: default; }
#picture #left_door { left: -352px; }
#picture #right_door { right: -352px; }
#picture #left_door, #picture #right_door { transition: left 1s ease-in-out, right 1s ease-in-out; }
body.entering #picture #left_door { left: 0; }
body.entering #picture #right_door { right: 0; }
.post .meta h3 { line-height: 24px; }
dialog { max-width: 90vw; max-height: 90vh; padding: 0; border: 1px solid #ccbb8a; background: #000; color: white; }
dialog::backdrop { background: rgba(0,0,0,.85); }
dialog img { display: block; max-width: 86vw; max-height: 85vh; object-fit: contain; }
dialog button { position: absolute; right: 3px; top: 3px; width: 32px; height: 32px; cursor: pointer; }
dialog.lyrics { padding: 36px 20px 20px; overflow-y: auto; background: white; color: black; }
@media (max-width: 933px) { .left_light, .right_light { display: none; } }
@media (prefers-reduced-motion: reduce) { #picture #left_door, #picture #right_door { transition: none; } }