html {
    min-height: 100%;
    overflow-x: hidden;
}

body.site-shell {
    --dw-page-bg-solid: #fff8e9;
    --dw-shell-bg: #fff8e9;
    --dw-shell-bg-soft: rgba(255, 248, 233, 0.94);
    --dw-shell-line: rgba(190, 150, 88, 0.34);
    --dw-shell-line-strong: rgba(190, 150, 88, 0.54);
    --dw-shell-text: #4d352c;
    --dw-shell-muted: #8d714e;
    --dw-shell-link: #7f5125;
    --dw-shell-link-hover: #4d352c;
    --dw-shell-button: #2d241d;
    --dw-shell-button-hover: #3a2e25;
    --dw-control-bg: #251f19;
    --dw-control-bg-hover: #342a21;
    --dw-control-border: rgba(214, 168, 78, 0.36);
    --dw-control-text: #ffe6ad;
    --dw-footer-muted: #8b6d43;
    box-sizing: border-box;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    color: #533932;
    background: #f2ebdd url('../../arena/themes/day/tmp/bg.webp');
    font-family: Arial, Helvetica, sans-serif;
}

body.site-shell *,
body.site-shell *::before,
body.site-shell *::after {
    box-sizing: border-box;
}

body.site-shell a:link,
body.site-shell a:visited {
    color: var(--dw-shell-link);
    text-decoration: none;
}

body.site-shell a:hover,
body.site-shell a:focus-visible {
    color: var(--dw-shell-link-hover);
}

body.site-shell img {
    max-width: 100%;
}

body.site-shell > .container {
    flex: 1 0 auto;
    min-width: 0;
}

body.site-shell .article {
    margin: 2%;
}

body.site-shell .main,
body.site-shell .mainrevers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

body.site-shell .screen {
    max-width: 100%;
    margin: 1em 0;
}

body.site-shell .small {
    display: inline-block;
    color: var(--dw-shell-muted);
    font-size: 0.8em;
}

body.site-shell .bottomleft,
body.site-shell .bottomright {
    color: var(--dw-footer-muted);
}

body.site-shell .bottomright,
body.site-shell .bottomright a {
    line-height: 1.55;
}

body.site-shell .theme-switch__btn {
    color: #5e4b4b;
    background: rgba(255, 251, 239, 0.88);
    border: 1px solid rgba(190, 168, 144, 0.65);
    box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.28);
    cursor: pointer;
}

body.site-shell .theme-switch__btn:hover,
body.site-shell .theme-switch__btn:focus-visible {
    color: #21150f;
    background: #fff8e9;
    border-color: #8a7869;
}

body.site-shell .theme-switch__btn[aria-pressed='true'] {
    color: #fff8e9;
    background: #4d3a36;
    border-color: #4d3a36;
}

body.theme-night.site-shell {
    --dw-page-bg-solid: #070604;
    --dw-shell-bg: #0f0c09;
    --dw-shell-bg-soft: rgba(22, 18, 14, 0.96);
    --dw-control-bg: #251f19;
    --dw-control-bg-hover: #342a21;
    color: #c8b48a;
    background: #0b0907;
}

@media (prefers-reduced-motion: reduce) {
    body.site-shell *,
    body.site-shell *::before,
    body.site-shell *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}