/*
 * Copyright © 2023-2025 Jonathan Vasquez <jon@xyinn.org>
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/

@font-face {
    font-family: "TCS";
    src: url('extra/fonts/NotoSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-family: "TCS Chinese";
    src: url('extra/fonts/NotoSansHK-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

body {
    font-family: TCS, Helvetica, sans-serif;
    background-color: #fdf3e6;
    margin: 10vw;
    margin-top: 0vw;
    margin-bottom: 3vw;
    text-align: center;
}

div.prevent-overflow {
    overflow-x: auto;
}

div.scrollable {
    height: 100vh;
    overflow-y: scroll;
}

/* .zone {
    float: left;
    width: 50%;
} */

/* @media screen and (max-width:600px) {
    .zone {
        width: 100%;
    }
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 20px;
}

#searching-the-room p {
    margin-top: 0px;
    margin-bottom: 0px;
}

ol,
ul {
    margin: 0px;
}

.centered-left {
    display: inline-block;
    text-align: left;
}

table,
th,
td {
    border: 1px solid #5d5039;
    border-spacing: 10px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

/* Make internal table elements rounded */
th,
td {
    border-radius: 8px;
}

/* Hide outer table borders */
#boss>table,
table.encounter,
table.dungeons,
table.general,
table.monsters {
    border: 0;
}

/* Remove extra top/bottom padding/spacing between tables */
table {
    padding-top: 0px;
    padding-bottom: 0px;
}

#boss>table,
table.encounter,
table.monsters,
table.general {
    width: 100%;
}

#boss th>span {
    font-size: 25px;
}

td a {
    display: block;
}

td a:link,
td a:visited,
td a:hover,
td a:active {
    text-decoration: none;
}

#searching-the-room>table .even {
    background-color: #c1f1c1;
}

#searching-the-room>table .odd {
    background-color: #b6e3b6;
}

#boss>table .even {
    background-color: #ddd0ec;
}

#boss>table .odd {
    background-color: #cfbde5;

}

#boss>table :last-child {
    width: 80%;
}

table.general .even,
table.monsters .even,
table.encounter .even {
    background-color: #f0e2cd;
}

table.general .odd,
table.monsters .odd,
table.encounter .odd {
    background-color: #ead5b7;
}

table.monsters td+td {
    width: 60%;
}

table.encounter :last-child {
    width: 80%;
}

table.dungeons {
    width: 100%;
}

table.dungeons .main,
table.dungeons .main-next {
    font-weight: bold;
}

table.dungeons .main {
    background-color: #c5cae9;
}

table.dungeons .main-next {
    background-color: #edeef8;
}

span.ch {
    font-family: "TCS Chinese", Helvetica, sans-serif;
    font-size: 30px;
}

details>summary,
span.jp,
span.en {
    font-size: 18px;
    font-weight: bold
}

details>summary {
    font-size: 23px;
}

.enlarged {
    font-size: 20px;
}

details>summary {
    font-size: 23px;
}

table.encounter tbody tr th>.ch {
    font-size: 25px;
}