html {
    font-size: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    color:  rgb(205, 205, 205);
}


/* Base reset (sin prefijos) */
*, *::before, *::after { box-sizing: border-box; }

/* Es un juego, no una página web: sin selección de texto ni callouts de long-press
   (runtime browser; Cohtml no selecciona texto de por sí) */
html {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
input, textarea, [contenteditable="true"] {
    -webkit-user-select: text;
    user-select: text;
}
img, a {
    -webkit-user-drag: none;
}
/* Sin anillo de focus del browser (el juego marca el foco con su propio estilo) */
input, textarea, select, button {
    outline: none;
}
input:focus, textarea:focus, select:focus, button:focus {
    outline: none;
}
/* Autofill de Chrome: pinta el input celeste con !important desde el UA stylesheet.
   No se puede pisar el background-color directo — se tapa con box-shadow interno. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    appearance: none;
    -webkit-box-shadow: 0 0 0 1000px rgb(9, 9, 8) inset !important;
    -webkit-text-fill-color: rgb(205, 205, 205) !important;
    caret-color: rgb(205, 205, 205);
    transition: background-color 9999s ease-out;
}

body { font-size: 1.2rem; line-height: 1.3;}
div { font-size: 1.2rem; font-weight: 400; color:  rgb(205, 205, 205) }
h1 { font-size: 2.5rem; font-weight: 500; margin: 0; padding: 0; }
h2 { font-size: 2rem; font-weight: 500; margin: 0; padding: 0; }
h3 { font-size: 1.8rem; font-weight: 500; margin: 0; padding: 0; }
h4 { font-size: 1.7rem; font-weight: 500; margin: 0; padding: 0; }
h5 { font-size: 1.5rem; font-weight: 500; margin: 0; padding: 0; }
h6 { font-size: 1.4rem; font-weight: 500;margin: 0; padding: 0; }
p { /*font-size: 1.2rem;*/ font-weight: 400; margin: 0; padding: 0; }
a { font-size: 1.2rem; font-weight: 400; text-decoration: none; }
span { font-size: 1.2rem; font-weight: 400; }
label { font-size: 1rem; font-weight: 400; }
button { font-size: 1.4rem; font-weight: 400; }
input { font-size: 1.2rem; font-weight: 400; }
.ui-input-wrapper .placeholder { font-size: 1.2rem; font-weight: 400; }
textarea { font-size: 1.2rem; font-weight: 400; }
select { font-size: 1.2rem; font-weight: 400; }
small { font-size: 0.8rem; font-weight: 400; }
b, strong { font-weight: 500; }

ul {
    font-size: 1.2rem;
}

ul, ol, li {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
}
.selectcharacter-scene span { font-size: 2rem; }
.selectcharacter-scene label { font-size: 1.3rem; }

#dragWindowSizeContainer {
    position: absolute;
    /* top: 1rem; */
    /* left: 4rem; */
    /* right: 4rem; */
    /* bottom: 4rem; */
    z-index: -1;
    width: 98vw;
    height: 98vh;
    left: 1vw;
    top: 1vh;
}


body {
    font-family:
            'Noto Sans',
            'Noto Sans Italic',
            'Noto Sans TC',
            'Noto Sans SC',
            'Noto Sans HK',
            'Noto Sans Batak',
            'Noto Sans JP',
            'Noto Sans KR',
            'Noto Sans Thai';
}
div { font-family:
        'Noto Sans',
        'Noto Sans Italic',
        'Noto Sans TC',
        'Noto Sans SC',
        'Noto Sans HK',
        'Noto Sans Batak',
        'Noto Sans JP',
        'Noto Sans KR',
        'Noto Sans Thai';
}
button, input, select { font-family:
        'Noto Sans',
        'Noto Sans Italic',
        'Noto Sans TC',
        'Noto Sans SC',
        'Noto Sans HK',
        'Noto Sans Batak',
        'Noto Sans JP',
        'Noto Sans KR',
        'Noto Sans Thai';
}
.ui-input-wrapper .placeholder { font-family:
        'Noto Sans',
        'Noto Sans Italic',
        'Noto Sans TC',
        'Noto Sans SC',
        'Noto Sans HK',
        'Noto Sans Batak',
        'Noto Sans JP',
        'Noto Sans KR',
        'Noto Sans Thai';
}