/* DEFAULT */
:root {}
html, body {scrollbar-color:#b09f75 transparent;scrollbar-width:auto;scroll-behavior:smooth;}
body {overflow:hidden;overflow-y:scroll;margin:0;padding:0 7px;color:#0b0601;font-family:'Roboto','Arial','Helvetica','Tahoma',sans-serif;font-size:14px;font-weight:normal;font-style:normal;font-kerning:auto;letter-spacing:0.14px;text-rendering:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ffffed;}
body.claday {background:#fffff0;} body.clanight {background:#0b0601;}
::selection {color:#ffffed;background:#00923f;}
form {margin:0;}
iframe {overflow:hidden;border:0;} iframe:focus {outline:none;overflow:hidden;}
a {color:#60451e;text-decoration:none;transition:all 0.49s ease;outline-color:#fecf7f;outline-color:rgba(254,207,127,0.7);cursor:pointer;}
a:visited {color:#60451e;} a:hover {color:#0b0601;} a:not(:link) {cursor:initial;} a[onclick] {cursor:pointer;}
button, input, output, select, textarea, [contenteditable=true] {box-sizing:border-box;color:#0b0601;font-family:inherit;font-size:inherit;font-weight:inherit;outline:0;padding:0 7px;}
button {color:#0b0601;text-shadow:0 1px 0 rgba(255,255,237,0.35);border:0;border-radius:3.5px;padding:3.5px 7px;background:linear-gradient(135deg,#ffffed 14%,#b09f75);box-shadow:inset 1px 1px 1px 0 #ffffed, 1px 1px 1px 0 #0b0601;cursor:pointer;transition-property:transform,background-image,box-shadow;transition-duration:0.14s;transition-timing-function:ease-out;transform-origin:top;}
button#buttonclose {}
button:hover {background-image:linear-gradient(135deg,#ffffed,#b09f75);box-shadow:none;transform:scale(0.987);}
button:focus {color:#8f6427;}
input, textarea {transition-property:color,background-color;transition-duration:0.49s;transition-timing-function:ease;}
input:not(:read-only):focus, select:focus, textarea:not(:read-only):focus, [contenteditable=true]:focus {color:#ffffed !important;background-color:#8f6427 !important;}
:is(input, select, textarea):required:focus {color:#ffffed;background-color:#60451e !important;}
:enabled, [enabled] {}
:disabled, [disabled] {color:#c8bdad;cursor:not-allowed;}
button:disabled {filter:grayscale(56%);} button:disabled:hover {transform:none;}
input:disabled, select:disabled, textarea:disabled {color:inherit;background-color:rgba(200,189,173,0.56);background-color:rgba(143,100,39,0.07);}
::placeholder {color:inherit;} :focus::placeholder {color:transparent;}
:placeholder-shown {text-overflow:ellipsis;}
input[type=date]:invalid, input[type=time]:invalid {color:#da251d;}
input:required:invalid:not(:focus)::placeholder {color:#da251d;}
select {cursor:pointer;}
option[selected][disabled][value=''] {display:none;}
option[selected][disabled] {display:none;}
optgroup {font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;}
[contenteditable=true] {cursor:auto;}
[contenteditable=true]:empty::before {content:attr(placeholder);visibility:visible;}
[contenteditable=true]:focus::before {visibility:hidden;}
hgroup {} h1, h2, h3, h4, h5, h6 {font-weight:600;margin:0;}
/* h1 {font-size:21px;} h2 {font-size:19.6px;} h3 {font-size:18.2px;} h4 {font-size:16.8px;} h5 {font-size:15.4px;} h6 {font-size:14px;} */
h1 {font-size:21px;} h2 {font-size:19px;} h3 {font-size:18px;} h4 {font-size:17px;} h5 {font-size:16px;} h6 {font-size:15px;}
p {margin:0;overflow-wrap:break-word;}
strong, b {font-weight:600;}
i, em {font-style:italic;} u {text-decoration:underline;} s {text-decoration:line-through;}
dl, dt, dd {margin:0;}
details > summary {display:list-item;outline:0;cursor:pointer;transition:all 0.49s ease;}
blockquote {display:block;margin:0;} q {display:inline;} q:before {content:open-quote;} q:after {content:close-quote;}
ins, del {text-decoration:none;}
img {border:0;}
abbr {cursor:alias;}
cite {font-style:italic;}
address {}
mark {background-color:#eee000;color:initial;}
kbd, pre, var {font-family:monospace;}
data, time {}
map {display:inline;} map > area {display:none;}
object, object > param {} audio, video, picture {} audio > source, video > source, picture > source, video > track {} canvas {}
ruby, ruby > rt, ruby > rt > rp {} bdi, bdo {}
wbr, br, hr {}
small {font-size:smaller;} big {font-size:bigger;}
center, marquee {}/*DEPRECATED*/
:autofill, [autocomplete] {}
:invalid, :valid {}
math {}
search {}
/*
tab {tab-size:14px;content:'	';} 
img {object-fit:contain|cover|fill|none|scale-down;object-position:50% 50%|right bottom|left top;}
div {max-width:960px;padding:1.5rem} div (width:min(100% - 3rem,960px);}
td {empty-cells:show|hide;}
caption {caption-side:top|bottom;}
.clacontentsvg {content:url('test.svg');}
.cladisplaycontents {display:contents;}
:has() {}
:empty, :-moz-only-whitespace {content:'no browser support';}
.clacontainer {container:;container-name:;container-type:normal|size|inline-size;}
@container (aspect-ratio|orientation|width|height|block-size|inline-size) {}

.clacontain {contain:;}
*/


/* FONT
Roboto by Google under Apache License
*/
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;
src:local('Roboto'), local('Roboto-Regular'), url('Roboto-Regular.woff2') format('woff2'), url('Roboto-Regular.woff') format('woff'), url('Roboto-Regular.ttf') format('truetype');}

@font-face {font-family:'Roboto';font-style:normal;font-weight:600;
src:local('Roboto Bold'), local('Roboto-Bold'), url('Roboto-Bold.woff2') format('woff2'), url('Roboto-Bold.woff') format('woff'), url('Roboto-Bold.ttf') format('truetype');}





/* BROWSER */
::-webkit-scrollbar {width:14px;}
::-webkit-scrollbar-thumb {box-shadow:inset 0.56px 0.56px 0.56px 0 #c8bdad, 0.56px 0.56px 0.56px 0 #0b0601;background-color:#b09f75;}
::-webkit-scrollbar-track {/*box-shadow:inset 0.56px 0.56px 0.56px 0 #0b0601, inset -0.56px -0.56px 0.56px 0 #c8bdad;*/}
::-webkit-scrollbar-button {display:none;} ::-webkit-scrollbar-track-piece {} ::-webkit-scrollbar-corner {}
::-webkit-resizer {}
input:-webkit-autofill, select:-webkit-autofill {background-image:inherit !important;background-color:initial !important;color:#0b0601 !important;}
input[type=number] {-moz-appearance:textfield;}
/* input[type=date]::-webkit-clear-button {-webkit-appearance:none;} DEPRECATED*/
input:-moz-ui-invalid, select:-moz-ui-invalid {box-shadow:none;}
::-moz-placeholder {opacity:1;}
::-webkit-inner-spin-button {-webkit-appearance:none;}
::-webkit-datetime-edit-fields-wrapper {background:inherit;}
::-webkit-datetime-edit, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {color:inherit;}
::-webkit-calendar-picker-indicator {margin:0;outline:0;padding:0;filter:invert(23%) sepia(7%) saturate(4143%) hue-rotate(349deg) brightness(90%) contrast(80%);}
:focus::-webkit-calendar-picker-indicator {filter:invert(100%) sepia(21%) saturate(872%) hue-rotate(10deg) brightness(101%) contrast(107%);}




/* COLOR & BACKGROUND */
.clabacknone {background:none;} .clabacktrans {background-color:transparent;}
.clabackhorizontal {background:url('backhorizontal.png') center;}
.clabackvertical {background:url('backvertical.png') center;}
.claforborn {color:rgb(244,223,199);color:#f4dfc7;} .clabackborn {background-color:#f4dfc7;}
.claforbaby {color:rgb(233,191,144);color:#e9bf90;} .clabackbaby {background-color:#e9bf90;}
.claforchild {color:rgb(186,154,116);color:#ba9a74;} .clabackchild {background-color:#ba9a74;}
.claforyoung {color:rgb(189,135,59);color:#bd873b;} .clabackyoung {background-color:#bd873b;}
.claforteen {color:rgb(164,121,60);color:#a4793c;} .clabackteen {background-color:#a4793c;}
.claforadult {color:rgb(143,100,39);color:#8f6427;} .clabackadult {background-color:#8f6427;}
.claforold {color:rgb(96,69,30);color:#60451e;} .clabackold {background-color:#60451e;}
.claforelder {color:rgb(91,64,37);color:#5b4025;} .clabackelder {background-color:#5b4025;}
.claforblack {color:rgb(11,6,1);color:#0b0601;} .clabackblack {background-color:#0b0601;}
.claforgrey {color:rgb(200,189,173);color:#c8bdad;} .clabackgrey {background-color:#c8bdad;}
.claforwhite {color:rgb(255,255,237);color:#ffffed;} .clabackwhite {background-color:#ffffed;}
.claforgolda {color:rgb(254,207,127);color:#fecf7f;} .clabackgolda {background-color:#fecf7f;}
.claforgoldi {color:rgb(176,159,117);color:#b09f75;} .clabackgoldi {background-color:#b09f75;}
.claforgolde {color:rgb(164,104,21);color:#a46815;} .clabackgoldi {background-color:#a46815;}
.claforred {color:rgb(218,37,29);color:#da251d;} .clabackred {background-color:#da251d;}
.clafororange {color:rgb(240,133,25);color:#f08519;} .clabackorange {background-color:#f08519;}
.claforyellow {color:rgb(255,240,0);color:#eee000;} .clabackyellow {background-color:#eee000;}
.claforgreen {color:rgb(0,146,63);color:#00923f;} .clabackgreen {background-color:#00923f;}
.claforcyan {color:rgb(0,162,233);color:#00a2e9;} .clabackcyan {background-color:#00a2e9;}
.claforblue {color:rgb(47,49,139);color:#2f318b;} .clabackblue {background-color:#2f318b;}
.claforpurple {color:rgb(176,75,135);color:#b04b87;} .clabackpurple {background-color:#b04b87;}
.claformagenta {color:rgb(228,0,130);color:#e40082;} .clabackmagenta {background-color:#e40082;}
/*
.clafiladult {filter:invert(34%) sepia(99%) saturate(351%) hue-rotate(356deg) brightness(95%) contrast(85%);}
.clafilblack {filter:invert(3%) sepia(32%) saturate(912%) hue-rotate(349deg) brightness(100%) contrast(101%);}
.clafilgolda {filter:invert(76%) sepia(45%) saturate(391%) hue-rotate(352deg) brightness(102%) contrast(99%);}
*/
:root {
--hexborn:#f4dfc7;
--hexbaby:#e9bf90;
--hexchild:#ba9a74;
--hexyoung:#bd873b;
--hexteen:#a4793c;
--hexadult:#8f6427;
--hexold:#60451e;
--hexelder:#5b4025;
--hexblack:#0b0601;
--hexgrey:#c8bdad;
--hexwhite:#ffffed;
--hexgolda:#fecf7f;
--hexgoldi:#b09f75;
--hexgolde:#a46815;
--hexred:#da251d;
--hexorange:#f08519;
--hexyellow:#eee000;
--hexgreen:#00923f;
--hexcyan:#00a2e9;
--hexblue:#2f318b;
--hexpurple:#b04b87;
--hexmagenta:#e40082;
}




/* INPUT CHECKBOX + LABEL */
input[type=checkbox] + label {position:relative;color:inherit;cursor:pointer;}
input[type=checkbox] + label:before {content:'';display:inline-block;position:relative;vertical-align:text-bottom;box-sizing:border-box;width:17.5px;height:17.5px;margin-right:3.5px;border:1px solid #0b0601;transition:all 0.35s ease;}
input[type=checkbox] + label:empty::before {margin-right:0;}
input[type=checkbox] + label:after {content:'\2714';display:none;position:absolute;left:2.1px;top:0;line-height:100%;font-size:17.5px;color:#60451e;transition:all 0.35s ease;}
input[type=checkbox]:checked + label:after {display:block;}
input[type=checkbox]:disabled + label {cursor:not-allowed;}
input[type=checkbox]:disabled + label:before {filter:grayscale(98%);background-color:#c8bdad;}
/* INPUT CHECKBOX + LABEL SWITCH */
input[type=checkbox] + label.claswitch:before {width:35px;height:17.5px;border:0;border-radius:7px;background-color:#c8bdad;box-shadow:inset 1px 1px 1px 0 rgba(11,6,1,0.35), inset -1px -1px 1px 0 rgba(255,255,237,0.35);}
input[type=checkbox] + label.claswitch:after {content:'';display:block;left:0;top:0;box-sizing:border-box;width:21px;height:calc(17.5px - 1.75px);border:0;border-radius:7px;background-color:#b09f75;box-shadow:1px 0 1px 0 rgba(11,6,1,0.35);transform:initial;}
input[type=checkbox]:checked + label.claswitch:before {background-color:#fecf7f;}
input[type=checkbox]:checked + label.claswitch:after {background-color:#bd873b;box-shadow:-1px 0 1px 0 rgba(255,255,237,0.35);transform:translateX(14px);}
input[type=checkbox]:checked:disabled + label.claswitch:before {filter:unset;}
input[type=checkbox]:checked:disabled + label.claswitch:after {background-color:#c8bdad;}
/* INPUT RADIO + LABEL */
input[type=radio] {appearance:none;display:none;}
input[type=radio] + label {display:grid;display:inline-grid;grid-auto-flow:column;column-gap:3.5px;place-items:center;cursor:pointer;}
input[type=radio] + label:before, input[type=radio] + label:after {grid-row:1;grid-column:1;content:'';display:block;box-sizing:border-box;border-radius:50%;}
input[type=radio] + label:before {width:17.5px;height:17.5px;background-color:#c8bdad;box-shadow:inset 0.7px 0.7px 0.7px rgba(11,6,1,0.49), inset -0.7px -0.7px 0.7px rgba(255,255,237,0.49);}
input[type=radio] + label:hover:before {background-color:#e9bf90;}
input[type=radio] + label:after {display:none;width:17.5px;height:17.5px;background-color:#5b4025;}
input[type=radio]:checked + label:before {box-shadow:0 0 3.5px 0 #fecf7f;}
input[type=radio]:checked + label:after {display:block;}
input[type=radio]:disabled + label {cursor:not-allowed;}
input[type=radio]:disabled + label:before {background-color:inherit;}
input[type=radio]:disabled:checked + label:after {opacity:0.35;}
/*input[type=radio] + label ~ label {margin-left:10.5px;}*/
.claoldradio {appearance:auto !important;display:initial !important;width:auto;height:auto;min-height:0;}
/* INPUT RANGE */
input[type=range] {width:100%;height:14px;min-height:14px;margin:7px 0;border:0;border-radius:7px;padding:0;background:transparent;background-image:linear-gradient(to right,rgba(96,69,30,0.49),rgba(233,191,144,0.49));box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;cursor:pointer;-webkit-appearance:none;}
input[type=range]::-moz-range-thumb {width:28px;height:28px;border:0;border-radius:50%;background:#b09f75;box-shadow:inset 1px 1px 1px 0 #ffffed, 1px 1px 1px 0 #0b0601;}
input[type=range]::-webkit-slider-thumb {width:28px;height:28px;border:0;border-radius:50%;background:#b09f75;box-shadow:inset 1px 1px 1px 0 #ffffed, 1px 1px 1px 0 #0b0601;-webkit-appearance:none;}
input[type=range]::-ms-thumb {width:28px;height:28px;border:0;border-radius:50%;background:#b09f75;box-shadow:inset 1px 1px 1px 0 #ffffed, 1px 1px 1px 0 #0b0601;}
input[type=range]:focus::-ms-fill-lower, input[type=range]:focus::-ms-fill-upper {background:transparent;}
input[type=range]:focus::-moz-range-thumb, input[type=range]:focus::-webkit-slider-thumb {background:#fecf7f;}



/* MAIN */
main {}
main#main {}
main > sup, main > sub {vertical-align:initial;font-size:initial;}



/* CODE */
code {font-family:inherit;}

/* CODECENTER */
#codecenter {display:block;position:fixed;top:50%;left:50%;z-index:100;box-sizing:border-box;width:56%;/*max-width:960px;*/max-height:100vh;overflow:hidden;overflow-y:auto;scrollbar-width:thin;text-align:center;transform:translate(-50%,-50%);}

:is(nav, div.cladivision) ~ code#codecenter::before {content:'';display:block;position:absolute;inset:0;z-index:-1;box-shadow:0 0 100vw rgba(0,0,0,0.1);}
#codecenter > figure {box-shadow:inset 1.4px 1.4px 2.8px 0 rgba(255,255,237,0.49), 1.4px 1.4px 1.4px 0 rgba(11,6,1,0.7), inset -1.4px -1.4px 2.8px 0 rgba(186,154,116,0.49);}



/* CODEMODAL */
#codemodal {display:block;display:none;position:fixed;top:0;left:0;z-index:200;width:100%;height:100%;padding:0;background-color:rgba(91,64,37,0.98);user-select:none;overscroll-behavior-y:contain;}
#codemodal form {height:inherit;}
#codemodal dl {display:block;width:100%;max-width:640px;height:inherit;margin:0 auto;animation:codemodal-dl 0.7s ease forwards;}
	@keyframes codemodal-dl { 0% {transform:translateX(100%);} 100% {transform:translateX(0);} }
#codemodal dt, #codemodal dd {display:block;width:100%;font-size:14px;font-weight:400;}
#codemodal dt {position:relative;height:49px;background:rgba(11,6,1,0.28);}
#codemodal dt input, #codemodal dt strong {display:block;box-sizing:border-box;width:100%;height:inherit;color:#ffffed;border:0;padding:14px 70px 14px 14px;background:none;}
#codemodal dt input:focus {background-color:rgba(11,6,1,0.28);user-select:text;}
#codemodal dt button {position:absolute;top:0;right:0;height:inherit;color:#fecf7f;font-weight:600;text-shadow:none;border-radius:0;padding:14px;background:none;box-shadow:none;transition:all 0.49s ease;}
#codemodal dt button:before {font:normal normal normal 16px FontAwesome;}
#codemodal dt button:disabled {display:none;}
#codemodal dt button:hover {color:#ffffed;transform:none;}
#codemodal dt button[type=submit] {right:28px;}
#codemodal dt button[type=button] {right:0;}
#codemodal dt button[type=submit]:before {content:'\f002';}
#codemodal dt button[type=button]:before {content:'\f00d';}
#codemodal dt + dd + dt button[type=button]:before {content:'\f0c7\00a0';}
#codemodal dd#ddmodal {}
#codemodal dd {max-height:calc(100% - 49px - 7px);overflow:hidden;overflow-y:auto;scrollbar-color:#b09f75 rgba(11,6,1,0.49);border:solid 1px rgba(255,255,237,0.49);border-width:3.5px 0;border-style:solid;}
#codemodal dd:nth-last-child(2) {max-height:calc(100% - 49px - 7px - 49px);}
#codemodal dd::-webkit-scrollbar-track {background-color:rgba(11,6,1,0.49);}
#codemodal dd a {display:block;position:relative;color:#fecf7f;border-bottom:solid 1px rgba(254,207,127,0.49);padding:10.5px 35px 10.5px 14px;transition:all 0.49s ease;}
#codemodal dd a:hover {color:#ffffed;background-color:rgba(11,6,1,0.21);}
#codemodal dd a:after {display:flex;align-items:center;position:absolute;top:0;right:0;bottom:0;font:normal normal normal 16px FontAwesome;content:'\f054';color:#fecf7f;font-weight:600;padding:14px;}
#codemodal dd span {display:block;margin-left:10.5px;color:inherit;transition:inherit;}
#codemodal dd :hover span {color:inherit;}
#codemodal dd p {color:#ffffed;margin:0;padding:10.5px 35px 10.5px 14px;}
#codemodal dd p[contenteditable=true] {margin:3.5px 35px 3.5px 14px;border:dotted 1px rgba(254,207,127,0.49);padding:7px 10.5px;background-color:rgba(143,100,39,0.28);user-select:text;}
/* CODEMODAL CHECKBOX + LABEL */
#codemodal dd input[type=checkbox] {display:none;}
#codemodal dd input[type=checkbox] + label {display:block;position:relative;color:#fecf7f;border-bottom:solid 1px rgba(254,207,127,0.49);padding:10.5px 35px 10.5px 14px;transition:all 0.49s ease;}
#codemodal dd input[type=checkbox] + label:before {display:none;}
#codemodal dd input[type=checkbox] + label:after {position:absolute;top:50%;left:unset;right:14px;transform:translateY(-50%);color:inherit;}
#codemodal dd input[type=checkbox] + label:hover, #codemodal dd input[type=checkbox]:checked + label {color:#ffffed;background-color:rgba(11,6,1,0.21);}


/* DIALOG 
dialog {z-index:200;}
dialog::backdrop {background:rgba(255,255,237,0.49);}
dialog {background:rgba(255,255,237,0.49);backdrop-filter:blur(7px);}

*/
header, footer, nav, aside, figure {box-sizing:border-box;border-radius:3.5px;box-shadow:inset 1.4px 1.4px 2.8px 0 rgba(255,255,237,0.49), 0.7px 0.7px 0.7px 0 rgba(11,6,1,0.7);transition:all 2.1s ease;}



/* HEADER */
header {position:relative;top:0;z-index:100;width:100%;height:126px;margin:0 auto;border-radius:0 0 3.5px 3.5px;background:url('backvertical.png') center;box-shadow:inset 1.4px 0 2.8px 0 rgba(255,255,237,0.7), 0.7px 0.7px 0.7px 0 rgba(11,6,1,0.7);font-size:0;white-space:nowrap;user-select:none;}
header > * {vertical-align:top;}
header a.on {cursor:default;} header a.off {cursor:not-allowed;}
header mark {display:block;position:absolute;top:0;right:7%;z-index:102;color:#ffffed;font-size:14px;border-radius:0 0 4.9px 4.9px;padding:4.9px;background-color:rgba(218,37,29,0.84);box-shadow:1px 1px 2px 0 rgba(11,6,1,0.7);animation:fxblink 1s steps(5, start) 3;}
/* HEADER MENU */
header > menu mark {display:none;}
header > menu {display:inline-block;position:relative;width:84px;max-width:84px;height:inherit;font-style:normal;margin:0;padding:0;}
header > menu :is(dl, dt, dd, ins, strong) {box-sizing:border-box;}
header > menu dl {display:block;width:auto;font-style:normal;border-radius:0 0 3.5px 3.5px;padding:10.5px 7px 7px;transition:all 0.14s ease;}
header > menu:hover dl {position:absolute;z-index:103;width:calc(7px * 42);background:rgba(91,64,37,0.98);box-shadow:inset 1px 1px 2px 0 rgba(255,255,237,0.7), 1px 1px 2px 0 rgba(11,6,1,0.7), 1px 1px 14px 0 rgba(164,121,60,1);}
header > menu dt {display:block;width:100%;}
header > menu dt ins {display:table-cell;min-width:70px;width:70px;height:105px;overflow:hidden;border-radius:3.5px;background-color:rgba(11,6,1,0.49);background-size:cover;background-position:center;box-shadow:inset 0.7px 0.7px 0.7px #0b0601, inset -0.42px -0.42px 0.42px rgba(254,207,127,0.42);}
header > menu dt strong {display:table-cell;display:none;width:100%;vertical-align:middle;white-space:normal;color:#ffffed;font-size:14px;font-weight:500;padding:7px;}
header > menu:hover dt strong {display:table-cell;}
header > menu dd {display:none;margin-top:10.5px;}
header > menu:hover dd {display:block;}
header > menu dd a {display:block;color:#fecf7f !important;font-size:14px;font-weight:600;border-top:1px solid rgba(254,207,127,0.28);padding:10.5px 7px;}
header > menu dd a:is(:hover, .on) {color:#ffffed !important;background-color:rgba(189,135,59,0.21);}
header > menu dd a:last-child {border-radius:0 0 3.5px 3.5px;}
header > menu dd i.claicoawe {float:left;width:28px;}
header > menu ~ section {width:calc(100% - 42px - 84px);min-width:calc(100% - 42px - 84px);max-width:calc(100% - 42px - 84px);}
/* HEADER SECTION */
#headersection {}
header > section {display:inline-block;width:calc(100% - 42px);min-width:calc(100% - 42px);max-width:calc(100% - 42px);height:inherit;overflow:hidden;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;}
header > section::-webkit-scrollbar {display:none;}
header section.on:before {content:'';display:block;position:fixed;width:100%;height:133px;border-radius:50% / 0 0 100% 100%;background:linear-gradient(90deg,#f4dfc7,#e9bf90,#ba9a74,#bd873b,#a4793c,#8f6427,#60451e,#5b4025,transparent);filter:blur(70px);animation:header-section 280s ease infinite forwards;}
	@keyframes header-section {
	0%,9% {transform:translateX(-200%);}
	10%,20% {transform:translateX(200%);}
	21%,59% {transform:translateX(200%);}
	60%,70% {transform:translateX(-200%);}
	71%,100% {transform:translateX(-200%);}
	}
header > section a {display:table-cell;position:relative;min-width:84px;width:max-content;vertical-align:top;overflow:hidden;text-align:center;}
header > section a:hover, header > section a.on {z-index:101;overflow:visible;}
header > section a:focus-visible {outline:solid 0.49px rgba(255,255,237,0.49);}
header > section a img[src]:invalid {display:none;}
header > section a.on::before {content:'';display:block;position:absolute;z-index:-1;width:100%;height:0;background-image:radial-gradient(rgba(254,207,127,0.98), transparent 98%);transform-origin:top;animation:header-a 0.49s ease-in forwards;}
	@keyframes header-a { 100% {height:126px;} }
header > section a img, header > section a.on img {display:block;width:84px;height:84px;margin:0 auto;margin-bottom:3.5px;filter:drop-shadow(0.49px 0.49px 0.49px #0b0601);opacity:.70;transition:inherit;}
header > section a:hover img, header > section a:focus img, header > section a.on img {opacity:1;transform:scale(1.05);}
header > section a b, header > section a.on b {display:table-cell;min-width:inherit;width:inherit;height:35px;vertical-align:middle;line-height:15.4px;text-align:center;font-size:14px;font-weight:600;letter-spacing:0.21px;color:#fecf7f;transition:all 0.49s ease;}
header > section a:hover b, header > section a:focus b, header > section a.on b {color:#ffffed;}
header > section a.off {filter:grayscale(100%);} header > section a.off b, header > section a.off:hover b {color:#c8bdad;}
header > section a s {display:block;position:absolute;top:0;left:50%;z-index:102;font-size:28px;text-decoration:none;color:#b04b87;filter:drop-shadow(1px 1px 2px rgba(11,6,1,0.7));transform:translate(-50%,0);transition:all 0.7s ease-out;}
header > section a:is(:hover, .on) s {top:-100%;}
header del {display:table-cell;position:relative;min-width:14px;max-width:14px;}
header del + del {display:none;}
header del:before {content:'';display:block;position:absolute;top:0;left:3.5px;width:7px;height:calc(100%);backdrop-filter:hue-rotate(350deg);box-shadow:inset -0.56px -0.56px 0.56px rgba(255,255,237,0.14), inset 0.56px 0.56px 0.56px rgba(11,6,1,0.28);}
/* HEADER BUTTON */
header > button {display:inline-block;width:21px;max-width:21px;height:inherit;text-align:center;border-radius:0;padding:0;background:rgba(189,135,59,0);box-shadow:inset 1px 1px 1px 0 rgba(255,255,237,0.21), 1px 1px 1px 0 rgba(11,6,1,0.42);}
header > button:hover, header > button:focus {background:rgba(189,135,59,0.7);transform:none;transition:all 0.49s ease-out;}
header > button:disabled {background:rgba(255,255,237,0);box-shadow:none;} header > button:disabled i {visibility:hidden;}
header > button:first-child:first-of-type {border-bottom-left-radius:3.5px;}
header > button:last-child:last-of-type {border-bottom-right-radius:3.5px;}
header > button i {display:inline-block;width:0;height:0;border:5.6px solid transparent;}
header > button:first-of-type i {border-right:11.2px solid #e9bf90;border-left:0;}
header > button:last-of-type i {border-left:11.2px solid #e9bf90;border-right:0;}
/* HEADER CLOSE */
/*NEW*/
header {--button-close-box-shadow:inset 1px 0 1px 0 rgba(255,255,237,0.7), 1px 1px 1px 0 rgba(11,6,1,0.7), inset -1.4px -1.4px 2.8px 0 rgba(186,154,116,0.49);}
header button:nth-last-child(2):nth-last-of-type(2) {position:absolute;height:50%;}
header button:nth-last-child(2):nth-last-of-type(2) + button:last-child:last-of-type {position:absolute;top:50%;right:0;height:50%;}
header button:nth-last-child(2):nth-last-of-type(2) i {border-bottom:11.2px solid #e9bf90;border-top:0;}
header.close {position:fixed;max-width:calc(100% - 14px);transform:translateY(-100%);}
header.close button:nth-last-child(2):nth-last-of-type(2) {position:fixed;top:126px;left:calc(50% - 28px);width:70px;max-width:70px;height:21px;border-radius:0 0 3.5px 3.5px !important;background:rgba(91,64,37,0.91);box-shadow:var(--button-close-box-shadow);}
header.close button:nth-last-child(2):nth-last-of-type(2):is(:hover, :focus) {background:rgba(189,135,59,0.7);}
header.close button:nth-last-child(2):nth-last-of-type(2) i {border-top:11.2px solid #e9bf90;border-bottom:0;}
/* CODENOTIFY */
#codenotify {display:block;position:absolute;top:126px;z-index:99;width:84%;max-width:640px;height:auto;margin:0;margin-left:8%;user-select:text;transform:translate(0,-100%);transition:all 1.05s ease;}
#codenotify figure {width:100%;margin:0;border-radius:0 0 3.5px 3.5px;box-shadow:inset 1px 0 1px 0 rgba(255,255,237,0.7), 1px 1px 7px 0 rgba(11,6,1,0.7);;}
#codenotify div.clascroller.vertical {max-height:calc(91vh - 126px);}
#codenotify.on {top:126px;transform:translate(0,0);}
#codenotify.on caption i.claicoawe.f0f3 {transform-origin:top center;animation:fxdingling ease 2.1s;}
	@keyframes fxdingling {
		10%,50%,90% {transform:rotateZ(14deg);}
		30%,70% {transform:rotateZ(-14deg);}
		100% {transform:rotateZ(0deg);}
	}



/* FOOTER */
footer {display:none;position:fixed;bottom:7px;right:7px;z-index:90;padding:3.5px 7px;background:url('backvertical.png') center;opacity:0.84;user-select:none;}
footer:hover {opacity:1;}
footer a {display:inline-block;color:#fecf7f;font-size:18px;text-align:center;padding:3.5px;}
footer a:visited {color:#fecf7f;} footer a:hover {color:#ffffed;}
/* CODESTATUS */
#codestatus {display:block;position:fixed;top:0;z-index:1000;width:calc(100% - 28%);color:#ffffed;text-align:center;overflow-wrap:break-word;margin:0 14%;border-radius:3.5px;padding:14px;background-color:#5b4025;background:url('backvertical.png') center;box-shadow:inset 1px 1px 1px 0 rgba(255,255,237,0.7), 1px 1px 1px 0 rgba(11,6,1,0.7);opacity:0;transform:translateY(-100%);animation:codestatus 4.9s ease-out forwards;}
#codestatus::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background-color:rgba(240,133,25,0.21);}
#codestatus:hover {animation-play-state:paused;}
	@keyframes codestatus { 10%,90% {opacity:1;transform:translateY(49px);} }
#codestatus a {color:#fecf7f;} #codestatus a:hover {color:#ffffed;}
#codestatus:after {float:left;top:0;font:21px/14px FontAwesome;content:'\f071';color:#fecf7f;}
/* CODEWAIT */
#codewait {display:block;display:none;position:fixed;top:50%;left:50%;z-index:1000;padding:0;transform:translate(-50%,-50%);}
.clahourglass {position:absolute;top:50%;left:50%;width:70px;transform:translate(-50%,-50%) rotate(0deg);animation:hourglass-rotation 2.1s linear infinite;}
.clahourglass:before {content:'';position:absolute;top:50%;left:50%;z-index:1001;width:30%;height:5%;background-color:#60451e;transform:translate(-50%,-50%);}
.clahourglass:after {content:'';position:absolute;top:50%;left:50%;z-index:1002;width:10%;height:50%;margin-top:0;background-color:#fecf7f;transform:translate(-50%,-50%);animation:hourglass-sanddrop 2.1s linear infinite;}
.clahourglass-upper, .clahourglass-lower {position:relative;width:56px;height:56px;overflow:hidden;border:7px solid #60451e;background-color:rgba(255,255,237,0.21);}
.clahourglass-upper {border-radius:3.5px 3.5px 50% 50%;box-shadow:-1px 0 1px 0 rgba(255,255,237,0.49), 1px 0 1px 0 rgba(11,6,1,0.49);}
.clahourglass-lower {margin-top:0;border-radius:50% 50% 3.5px 3.5px;box-shadow:-1px 0 1px 0 rgba(255,255,237,0.49), 1px 0 1px 0 rgba(11,6,1,0.49);}
.clahourglass-upper:before, .clahourglass-lower:before {content:'';position:absolute;bottom:0;width:100%;height:70%;background-color:#fecf7f;}
.clahourglass-upper:before {border-radius:7% 7% 0 0;transform:translate(0,0);animation:hourglass-sandfall 2.1s linear infinite;}
.clahourglass-lower:before {border-radius:7% 7% 0 0;transform:translate(0,-25px);animation:hourglass-sandrise 2.1s linear infinite;}
	@keyframes hourglass-rotation { 0%,90% {transform:translate(-50%,-50%) rotate(0deg);} 100% {transform:translate(-50%,-50%) rotate(180deg);} }
	@keyframes hourglass-sanddrop { 100% {margin-top:30%;} }
	@keyframes hourglass-sandfall { 100% {transform:translate(0,35%);} }
	@keyframes hourglass-sandrise { 7% {border-radius:21% 21% 0 0;transform:translate(0,35%);} 100% {border-radius:49% 49% 0 0;transform:translate(0,0);} }




/* MENU*/
/* MENUPOPUP*/
menu#menupopup {display:none;position:fixed;top:0;left:0;z-index:101;margin:0;border-radius:3.5px;padding:0;background:#b09f75;background:linear-gradient(135deg,#ffffed 14%,#b09f75);box-shadow:inset 1px 1px 1px 0 #ffffed, 1px 1px 1px 0 #0b0601;user-select:none;}
#menupopup label, #menupopup a, #menupopup details {display:block;box-sizing:border-box;color:#0b0601;text-align:left;white-space:nowrap;border:0;border-radius:0;padding:7px;}
#menupopup label {border-radius:3.5px 3.5px 0 0;background:linear-gradient(135deg,#ffffed 14%,#b09f75);box-shadow:inset 0 -1px 0 rgba(11,6,1,0.14);}
#menupopup a:hover, #menupopup a.on, #menupopup summary:hover {background-color:rgba(200,189,173,0.7);box-shadow:inset 0 -1px 0 rgba(255,255,237,0.14), inset 0 1px 0 rgba(11,6,1,0.14);cursor:pointer;}
#menupopup a[disabled] {color:#c8bdad;cursor:not-allowed;background-color:transparent !important;}
#menupopup a > i.claicoawe {width:14px;padding-right:7px;}
#menupopup a > img {width:14px;height:14px;padding-right:7px;}
a[data-popup] {cursor:context-menu;}
#menupopup hr {margin:0 auto;}
#menupopup details {padding:0;} 
#menupopup summary {padding:7px;} 
#menupopup details > details, #menupopup details > a {margin-left:14px;}
#menupopup input {border:0;padding:3.5px 7px;background-color:#ffffed;box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;}




/* NAVIGATION */
nav {position:relative;z-index:80;width:100%;margin:0 auto;background:url('backvertical.png') center top;background-size:cover;}
nav {background:linear-gradient(135deg,transparent 33%,rgba(240,133,25,0.07),transparent 66%), url('backvertical.png');background-position:center top;background-size:cover;}
nav.on {display:block;} nav.off {display:none;}
nav h1, nav h2, nav h3, nav h4, nav h5, nav h6 {box-sizing:border-box;font-size:inherit;font-weight:inherit;}
nav :where(h1,h2,h3,h4,h5,h6):not(:first-child, :last-child, :only-child) {box-shadow:inset 0 -0.35px #0b0601, inset 0 0.35px #0b0601;}
nav :where(h1,h2,h3,h4,h5,h6):only-child {border-radius:3.5px;}
nav :where(h1,h2,h3,h4,h5,h6):first-child {border-top-left-radius:3.5px;border-top-right-radius:3.5px;}
nav :where(h1,h2,h3,h4,h5,h6):last-child {border-bottom-left-radius:3.5px;border-bottom-right-radius:3.5px;}
/* NAVIGATION H1 */
nav h1 {display:table;width:100%;margin:0;padding:7px 14px;}
nav h1 strong {display:block;float:left;line-height:28px;color:#ffffed;font-size:21px;font-weight:600;overflow-wrap:break-word;/*text-shadow:0 -0.49px 0 #0b0601;*/}
nav h1 strong a {color:#fecf7f;} nav h1 strong a:visited {color:#fecf7f;} nav h1 strong a:hover {color:#ffffed;}
nav h1 strong select {color:#fecf7f;font-size:inherit;font-weight:600;border:0;padding:0;background:none;}
select#strongselect {}
nav h1 strong select:focus {color:inherit;outline-color:rgba(254,207,127,0.7);background-color:8f6427;}
nav h1 strong select:hover {color:#ffffed;background-color:#8f6427;}
nav h1 strong:only-child {width:100%;}
nav h1 strong:only-child select:only-child {width:inherit;text-align-last:center;border-radius:3.5px;}
/*NEW*/ nav h1 strong:only-child select option {font-size:16px;}
nav.sticky {position:sticky;top:0;z-index:81 !important;}
nav.sticky:first-child, nav.sticky:first-child h1:only-child strong:only-child select:only-child {border-top-left-radius:0;border-top-right-radius:0;}
nav h1 section {display:block;float:right;line-height:28px;border-collapse:collapse;user-select:none;}
nav h1 section b {display:table-cell;border:1px solid rgba(254,207,127,0.28);border-width:0 1px;transition:all 0.49s ease;}
nav h1 section b a {display:block;min-width:max-content;color:#fecf7f;font-size:18px;font-weight:600;padding:0 7px;}
nav h1 section b a:visited {color:#fecf7f;}
nav h1 section b a i {line-height:28px !important;}
nav h1 section b a i.cla3angle {display:inline-block;width:0;height:0;margin:0 0 3.5px 7px;border:3.5px solid transparent;border-top:7px solid #fecf7f;border-bottom:0;}
nav h1 section b:hover {asdbackground-color:#8f6427;}
nav h1 section b:hover > a {color:#ffffed;}
nav h1 section b:hover > a i.cla3angle {border-top-color:#ffffed;}
nav h1 section b > div {display:none;position:absolute;z-index:81;width:inherit;border-radius:0 0 3.5px 3.5px;background-color:rgba(91,64,37,0.98);box-shadow:1px 1px 1px 0 #0b0601;}
nav h1 section b:hover > div {display:block;}
nav h1 section b > div > a:hover {color:#ffffed;background-color:#8f6427;}
nav h1 section b > div > a:last-child {border-radius:0 0 3.5px 3.5px;padding-bottom:3.5px;}
nav h1 section b > div > label {display:block;color:#fecf7f;font-size:18px;font-weight:600;padding:0 7px;cursor:pointer;}
nav h1 section b > div > label:hover {color:#ffffed;background-color:#8f6427;}
nav h1 section b > div > label > input[type=checkbox] {margin:0;cursor:inherit;}
nav h1 section b > div > label:last-child {border-radius:0 0 3.5px 3.5px;padding-bottom:3.5px;}
/* NAVIGATION H2 */
nav h2 {display:table;width:100%;margin:0;border-top:1px solid rgba(254,207,127,0.28);background-color:rgba(11,6,1,0.28);backdrop-filter:hue-rotate(350deg);}
nav h2 section {display:flex;flex-flow:row wrap;gap:7px 14px;align-items:center;justify-content:center;float:left;box-sizing:content-box;width:calc(100% - 28px - 84px);min-height:calc(84px - 14px);max-height:calc(112px - 14px);overflow-x:hidden;overflow-y:auto;padding:7px 14px;scrollbar-width:thin;}
nav h2 section:only-child {width:calc(100% - 28px);}
nav h2 section::-webkit-scrollbar {width:7px;}
nav h2 section::-webkit-scrollbar-thumb, nav h2 section::-webkit-scrollbar-track {border-radius:3.5px;}
nav h2 section > label {display:block;color:#ffffed;font-size:14px;padding:0;}
nav h2 section > label > span {display:inline-block;min-width:91px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:28px;vertical-align:top;font-weight:600;text-align:right;}
nav h2 section input, nav h2 section select, nav h2 section details {width:210px;height:28px;line-height:28px;border:0;border-radius:0;background-color:#ffffed;box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;}
nav h2 section input:focus, nav h2 section select:focus, nav h2 section details:focus-within {color:#ffffed;background-color:#8f6427;}
/* must use section.initial or section.unset to prevent <details> being clipped */
nav h2 section.initial {max-height:initial;overflow-y:initial;overflow:initial;}
nav h2 section.unset {max-height:unset;overflow-y:unset;overflow:unset;}
nav h2 section details {display:inline-block;box-sizing:border-box;position:relative;vertical-align:middle;color:#0b0601;user-select:none;}
nav h2 section details[open] {z-index:81;color:#ffffed;background-color:#8f6427;}
nav h2 section summary {box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;list-style:none;border-radius:inherit;padding-inline:7px 14px;transition:unset;}
nav h2 section summary:before {position:relative;float:right;top:9px;right:-9px;font:normal normal normal 10px FontAwesome;content:'\f078';}
nav h2 section summary[title]:empty::after {content:attr(title);}
nav h2 section summary:not([title]):empty::after {content:'\00a0';}
nav h2 section details ul {position:absolute;left:0;box-sizing:border-box;min-width:100%;max-width:350px;max-height:280px;overflow:hidden;overflow-y:auto;list-style:none;margin:0;border:solid 0.49px #c8bdad;border-radius:2.1px;padding:3.5px 0 0 0;background-color:#8f6427;box-shadow:1px 1px 1px rgba(11,6,1,0.7);}
nav h2 section details li, nav h2 section details a {display:list-item;color:inherit;padding:0 7px;}
nav h2 section details li:hover, nav h2 section details a:hover {color:inherit;background-color:#ba9a74;background:-webkit-linear-gradient(#1e90ff,#1e90ff);background:-moz-linear-gradient(#ba9a74,#ba9a74);}
nav h2 section details a {line-height:21px;text-align:center;transition:none;}
nav h2 section details a:last-child:before {font:normal normal normal 10px FontAwesome;content:'\f077';}
nav h2 section details label {display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
nav h2 > button {float:left;width:56px;height:56px;font-size:42px;margin:14px 14px;}
nav h2 > button span {display:none;}
/* NAVIGATION H2 CHECKBOX + LABEL */
nav h2 section input[type=checkbox] {display:none;margin:0;}
nav h2 section input[type=checkbox] + label:before {margin-right:7px;border-color:#ffffed;}
nav h2 section input[type=checkbox] + label:after {top:4.2px;color:inherit;}
/* NAVIGATION H3 */
nav h3 {display:block;width:100%;text-align:center;margin:0;border-top:1px solid rgba(254,207,127,0.28);padding:7px 14px;padding-bottom:3.5px;}
nav h3 section {display:inline-block;line-height:28px;font-size:16px;font-weight:600;margin-bottom:3.5px;padding:0 14px;}
nav h3 section :is(output, select) {display:inline-block;color:#0b0601;border:0;border-radius:3.5px;padding:0 7px;box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;background-color:#ffffed;}
nav h3 section label {display:inline-block;color:#ffffed;user-select:none;}
nav h3 section output {text-align:center;}
nav h3 section output > input {width:fit-content;max-width:70px;color:inherit;font-size:inherit;font-weight:inherit;text-align:right;border:0;padding:0;background:none;}
nav h3 section select {height:28px;text-align-last:center;}
nav h3 section select:focus {color:#ffffed;background-color:#8f6427;}
nav h3 section a {white-space:nowrap;color:#fecf7f;padding:0 7px;transition:all 0.49s ease;user-select:none;} nav h3 a:hover {color:#ffffed;}
nav h3 section a i {transition:all 0.49s ease;}
nav h3 section a.off, nav h3 section a.off:hover {cursor:not-allowed;color:#c8bdad;}
a#anchorfirst:not(.off):hover i, a#anchorprevious:not(.off):hover i {transform:translateX(-3.5px);}
a#anchornext:not(.off):hover i, a#anchorlast:not(.off):hover i {transform:translateX(3.5px);}
/* NAVIGATION H3 CHECKBOX + LABEL */
nav h3 input[type=checkbox] {display:none;}
nav h3 input[type=checkbox] + label {color:#fecf7f;transition:all 0.49s ease;}
nav h3 input[type=checkbox] + label:hover {color:#ffffed;}
nav h3 input[type=checkbox] + label:before {width:21px;height:21px;border:0;border-radius:3.5px;padding:0 7px;box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;background-color:#ffffed;}
nav h3 input[type=checkbox] + label:after {color:#0b0601;line-height:unset;}
/* NAVIGATION H4 */
nav h4 {display:block;width:100%;height:91px;margin:0;/*NEW*/margin-top:0;margin-bottom:1.4px;padding:0;}
nav :is(h1, h2, h3, h4, h5, h6) + h4 {border-top:1px solid rgba(11,6,1,0.35);}
nav h4 > button {display:block;float:left;width:21px;height:91px;text-align:center;background:rgba(255,255,237,0);border-radius:0;padding:0;box-shadow:inset 1px 1px 1px 0 rgba(255,255,237,0.21), 1px 1px 1px 0 rgba(11,6,1,0.42);}
nav h4 > button:nth-of-type(1) {border-top-left-radius:inherit;border-bottom-left-radius:inherit;}
nav h4 > button:nth-of-type(2) {border-radius:0;}
nav h4 > button:last-child {border-top-right-radius:inherit;border-bottom-right-radius:inherit;}
nav h4 > button:hover, nav h4 > button:focus {background:rgba(255,255,237,0.14);transform:none;}
nav h4 > button i {display:inline-block;width:0;height:0;border:7px solid transparent;}
nav h4 > button:nth-of-type(1) i {border-right:14px solid #b09f75;border-left:0;}
nav h4 > button:nth-of-type(2) i {border-left:14px solid #b09f75;border-right:0;}
nav h4 section {display:block;position:relative;top:-3.5px;float:left;box-sizing:border-box;width:calc(100% - 42px - 119px);height:calc(91px + 7px);overflow:hidden;overflow-x:scroll;scrollbar-width:none;}
nav h4 section::-webkit-scrollbar {display:none;}
nav h4 section a {display:table-cell;position:relative;top:3.5px;min-width:77px;height:calc(91px - 1px);vertical-align:middle;color:#fecf7f;text-align:center;box-shadow:1.4px 0 0 rgba(11,6,1,0.49);}
nav h4 section a b {display:block;line-height:100%;font-size:42px;}
nav h4 section a s {display:block;text-decoration:none;text-transform:uppercase;}
nav h4 section a s:first-child {font-size:smaller;}
nav h4 section a:hover {color:#ffffed;}
nav h4 section a.on {color:#ffffed;cursor:auto;}
nav h4 section a.on:before {content:'';display:block;position:absolute;top:-3.5px;left:0;z-index:81;box-sizing:border-box;width:100%;height:calc(100% + 7px);border-style:solid;border-width:3.5px 7px;border-radius:3.5px;border-color:#b09f75;border-color:rgba(176,159,117,0.91);box-shadow:-1px -1px 1px 0 rgba(255,255,237,0.7), 1px 1px 1px 0 rgba(11,6,1,0.7), inset 1px 1px 1px 0 rgba(11,6,1,0.49), inset -1px -1px 1px 0 rgba(255,255,237,0.49);}
nav h4 section a.off {color:rgba(254,207,127,0.49);cursor:not-allowed;} nav h4 section a.off:hover {color:rgba(254,207,127,0.49);}
nav h4 > select {display:inline-block;color:#ffffed;text-align-last:center;margin:0;border:0;padding:0;background:none;box-shadow:inset 1px 1px 1px 0 rgba(255,255,237,0.21), 1px 1px 1px 0 rgba(11,6,1,0.42);-moz-appearance:none;-webkit-appearance:none;}
nav h4 > select:focus {background-color:#5b4025;} nav h4 > select:disabled {background:none;}
nav h4 > select:nth-last-of-type(2) {width:119px;height:28px;font-size:15px;font-weight:400;border-top-right-radius:inherit;}
nav h4 > select:last-of-type {width:119px;height:63px;font-size:42px;font-weight:600;border-bottom-right-radius:inherit;}
nav h4 > select:only-of-type {height:91px;border-top-right-radius:inherit;border-bottom-right-radius:inherit;}
h4.clayear section {width:calc(100% - 42px);}
h4.clayear section a {min-width:112px;} h4.clamonth section a {min-width:98px;} h4.cladate section a {min-width:77px;}
h4.clamonth section a s {padding-top:3.5px;}
h4.clayear > select {display:none;} h4.clamonth > select:nth-last-of-type(2) {display:none;} h4.clamonth > select:last-of-type {height:91px;}
/* NAVIGATION H5 */
nav h5 {display:block;width:100%;margin:0;border-top:1px solid rgba(254,207,127,0.28);padding:7px 14px;}
nav h5 {--label-grid-template-columns:63px 1fr;}
nav h5 section {width:100%;}
nav h5 ins {display:block;float:right;overflow:hidden;text-align:center;margin:0 0 7px 7px;border-radius:3.5px;padding:1.4px;background-color:rgba(255,255,237,0.14);box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;}
nav h5 ins.left {float:left;margin:0 7px 7px 0;}
nav h5 ins img {display:block;max-width:84px;max-height:126px;border-radius:inherit;}
nav h5 ins i.claicoawe {display:block;max-width:84px;max-height:126px;font-size:84px;color:#ba9a74;margin:3.5px;}
nav h5 label {display:grid;grid-template-columns:var(--label-grid-template-columns);color:#ffffed;border-radius:3.5px;padding:7px 0;}
nav h5 label:nth-child(odd) {background-color:rgba(11,6,1,0.28);backdrop-filter:hue-rotate(350deg);}
nav h5 label span {padding-left:7px;}
nav h5 label output {color:inherit;overflow-wrap:anywhere;}
nav h5 label input {color:inherit;border:0;background:none;box-shadow:none;}
nav h5 label input:not(:read-only):focus {color:inherit !important;background:none !important;}
nav h5 label input:empty {color:#fecf7f;}

/* NAVIGATION H6 */
nav h6 {}




/* ASIDE */
aside {display:block;width:100%;padding:7px 0;background:url('backhorizontal.png') right;}
/* ASIDE LIST */
aside > :where(ul,ol) {margin:0;padding:0 14px 7px 28px;line-height:initial;font-size:18px;font-weight:600;color:#fecf7f;}
aside > :where(ul,ol) :where(ul,ol) {margin:0;padding:0;padding-left:21px;font-size:16px;}
aside > ol {padding-left:35px;}
aside li {list-style:inherit;line-height:inherit;font-size:inherit;font-weight:inherit;overflow-wrap:break-word;color:inherit;margin:0;border:1px solid rgba(254,207,127,0.28);border-width:0 0 1px 0;padding:0;transition:all 0.49s ease;}
aside > ul > li:nth-child(even) {background-color:rgba(11,6,1,0.035);}
aside > ul > li:nth-child(odd) {background-color:rgba(176,159,117,0.035);}
aside > :where(ul,ol) :where(ul,ol) li:last-child {border-bottom-width:0;}
aside > :where(ul,ol) > li:not(:first-of-type) {margin-top:7px;}
aside > :where(ul,ol) :where(a,span) {text-shadow:0 -0.49px 0 #0b0601;}
aside li span {display:inline-block;padding:7px 0;}
aside li a {display:block;color:#fecf7f;padding:7px 0;}
aside li a:visited {color:#fecf7f;}
aside li a:hover, aside li a:focus {color:#ffffed;}
aside li a i {display:inline-block;visibility:hidden;font:normal normal normal 12px FontAwesome;transition:all 0.7s ease;}
aside li a i:before {content:'\f054';}
aside li a:hover i, aside li a:focus i {color:#ffffed;visibility:visible;transform:translateX(7px);}
aside li a:hover i:nth-child(1), aside li a:focus i:nth-child(1) {transition-delay:0.0s;}
aside li a:hover i:nth-child(2), aside li a:focus i:nth-child(2) {transition-delay:0.14s;}
aside li a:hover i:nth-child(3), aside li a:focus i:nth-child(3) {transition-delay:0.28s;}
aside li.on, aside li.on > a {color:#ffffed;} aside li.on > p {display:block;}  aside li.on > a i {visibility:visible;}
aside li.off, aside li.off > a {color:#c8bdad;cursor:not-allowed;} aside li.off > a i {display:none;}
aside li p {display:none;color:inherit;font-size:14px;font-weight:400;line-height:initial;margin:0;padding:0 0 14px 0;}
aside li a.check:before {content:'\2714';display:inline;}
aside li a.cross:before {content:'\2714';display:inline;}
/* ASIDE SECTION */
aside section {display:block;padding:0 14px;}
aside section > * {margin:7px 0;}
aside section button {display:block;width:100%;font-size:16px;padding:7px;overflow-wrap:break-word;}
aside section button i.claicoawe + span {padding-left:4.9px;}
aside section button:disabled {color:#ffffed;box-shadow:none;} aside section button:disabled:hover {transform:none;}
aside section > select, aside section > textarea {display:block;width:100%;border:0;border-radius:3.5px;padding:7px;background-color:rgba(255,255,237,0.98);box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;}
aside section > select {font-size:16px;text-align-last:center;}
aside section > textarea {width:100%;resize:vertical;}
aside section > p {box-sizing:border-box;width:100%;border-radius:3.5px;padding:7px;background-color:rgba(255,255,237,0.98);box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;}
/* ASIDE DRAWER */
aside.cladrawer {display:block !important;position:fixed;top:17.5%;z-index:82;width:126px;min-height:112px;border:solid 0.7px #fecf7f;box-shadow:inset 0.7px 0.7px 1.4px 0 rgba(255,255,237,0.7), 1px 1px 2px 0 rgba(11,6,1,1);}
.cladrawer.left {left:-7px;right:unset;transform-origin:left;border-radius:0 3.5px 3.5px 0;padding-left:4.9px;} .cladrawer.left.close {left:0;transform:translate(-100%,0);}
.cladrawer.right {right:-7px;left:unset;transform-origin:right;border-radius:3.5px 0 0 3.5px;padding-right:4.9px;} .cladrawer.right.close {right:0;transform:translate(100%,0);}
.cladrawer.bottom {top:unset;bottom:17.5%;}
.cladrawer > button:first-child {display:block;position:absolute;top:21px;width:49px;height:49px;font-size:28px;text-align:center;background-color:#5b4025;box-shadow:inherit;}
.cladrawer.bottom > button:first-child {top:unset;bottom:21px;}
.cladrawer.left > button:first-child {left:100%;border-radius:0 3.5px 3.5px 0;}
.cladrawer.right > button:first-child {right:100%;border-radius:3.5px 0 0 3.5px;}
.cladrawer.open {transform:translate(0,0);}
.cladrawer > ul, .cladrawer > ol {display:none;}
/* ASIDE DRAWER SECTION */
.cladrawer section {max-height:71.5vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;padding-inline:7px;}
.cladrawer section:not(:first-of-type) {margin-top:7px;}
.cladrawer section button {margin-block:0;border-radius:0 !important;padding:5.6px;line-height:100%;}
.cladrawer section button:first-child {border-radius:3.5px 3.5px 0 0 !important;}
.cladrawer section button:last-child {border-radius:0 0 3.5px 3.5px !important;}
.cladrawer section button.on, .cladrawer section button:hover {background-image:linear-gradient(135deg,#b09f75 21%,#ffffed);box-shadow:none;transform:scale(0.987);}
.cladrawer section br {display:block;margin-block:3.5px;}




/* TABULATION */
.clatab {display:flex;flex-direction:row;flex-wrap:wrap-reverse;justify-content:flex-start;align-items:stretch;align-content:space-around;max-width:calc(100% - 14%);margin:0 7%;}
.clatab ~ figure {position:relative;z-index:71;box-shadow:inset 1px 0 1px 0 rgba(255,255,237,0.7), 1px 0 1px 0 rgba(11,6,1,0.7);}
.clatab label {top:1.4px;display:inline-block;position:relative;z-index:71;box-sizing:content-box;line-height:21px;color:rgba(254,207,127,0.7);font-size:16px;font-weight:600;margin-left:7px;border-radius:7px 7px 0 0;background-color:#5b4025;background:url('backvertical.png') center;box-shadow:inset 1px 1px 1px 0 rgba(255,255,237,0.7), 1px 0 1px 0 rgba(11,6,1,0.7), inset 0 -2.8px 2.8px rgba(11,6,1,0.28);user-select:none;}
.clatab label:hover {font-size:18px;color:#ffffed;transition:all 0.49s ease-in-out;}
.clatab label.on {z-index:72;color:#ffffed;font-size:18px;padding:0 7px;padding-bottom;1.4px;box-shadow:inset 1px 1px 1px 0 rgba(255,255,237,0.7), 1px 0 1px 0 rgba(11,6,1,0.7);}
.clatab label.on:first-of-type {margin-left:0;}
.clatab label a {display:inline-block;color:inherit;border-radius:inherit;padding:7px 14px;}
.clatab label.on a {cursor:default;}
.clatab label a abbr, .clatab label a span {text-decoration:none;padding-left:7px;cursor:inherit;}
.clatab label a abbr + span, .clatab label.on a abbr {display:none;}
.clatab label.on a abbr + span {display:initial;}
.clatab.auto label.on {order:-1;}



/* FIGURE */
figure {width:100%;text-align:initial;margin:0 auto;padding:7px;background-color:#5b4025;background:url('backvertical.png') round;}
figure > *:first-child ~ * {margin-top:7px;} figure > form > *:first-child ~ * {margin-top:7px;}
figure.sticky.bottom {position:sticky;bottom:0;z-index:90;}
figure.fixed.bottom {position:fixed;bottom:0;z-index:90;}

table, fieldset, figcaption, article {box-sizing:border-box;}


/* SCROLLER */
.clascroller {max-width:100%;overflow:hidden;overflow-x:auto;scrollbar-color:#ba9a74 transparent;scrollbar-color:rgba(186,154,116,0.7) transparent;scrollbar-width:auto;border-radius:inherit;}/* never position:relative; to prevent <samp> being underflowed */ 
.clascroller.horizontal {max-width:100%;overflow-x:auto;}
.clascroller.vertical {max-height:98vh;overflow-y:auto;}
.clascroller::-webkit-scrollbar {width:14px;height:14px;}
.clascroller::-webkit-scrollbar-thumb {box-shadow:inset 1px 1px 1px 0 #ffffed, 1px 1px 1px 0 #0b0601;background-color:#b09f75;border-radius:3.5px;}
.clascroller::-webkit-scrollbar-track {box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;background-color:transparent;border-radius:3.5px;}
#codecenter > figure > .clascroller.vertical {max-height:calc(100vh - 56px);}
/*NEW*/ .clascroller.thin {scrollbar-width:thin;}



table {table-layout:fixed;border:0;border-collapse:separate;border-spacing:0;padding:0;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}
/* FIGURE TABLE */
figure table {width:100%;}

th, td {padding:7px 3.5px;overflow-wrap:break-word;transition:all 0.35s ease;}
th:first-child, td:first-child {padding-left:7px;} th:last-child, td:last-child {padding-right:7px;}
/* TABLE COLGROUP */
/* TABLE THEAD */
thead th {height:35px;color:#ffffed;font-size:14px;background-color:rgba(11,6,1,0.35);}
thead tr:nth-child(n+2) th {height:28px;}
thead tr:first-child:not(:only-child) th {height:21px;}
thead th a {color:#fecf7f;} thead th a:hover {color:#ffffed;}
thead tr:first-child th:first-child {border-radius:3.5px 0 0 0;} thead tr:first-child th:last-child {border-radius:0 3.5px 0 0;} thead tr:first-child th:only-child {border-radius:3.5px 3.5px 0 0;}
/* TABLE TBODY */
tbody {border-radius:0;-moz-border-radius:0;}
tbody tr td {border-bottom:1px solid rgba(143,100,39,0.7);background-color:#ffffed;} tbody tr:last-child td {border-bottom:0;}
tbody tr.on:hover td {color:#ffffed;background-color:#8f6427 !important;background-image:linear-gradient(transparent 70%,rgba(254,207,127,0.14));cursor:pointer;}
tbody tr.on.off:hover td {color:#0b0601;background-color:#f4dfc7ee !important;cursor:auto;}
tbody tr.on td :is(a, div, span, details, summary) {transition:all 0.35s ease;}
tbody tr.on:hover td :is(a, div, span, details, summary) {color:inherit;}
tbody tr.clarainbow td {color:#0b0601;border-bottom:0;padding-block:3.5px;background-color:transparent !important;}
.clarainbow:nth-child(7n-6) {background-color:#F29C79;background-color:#F9D0BB;}
.clarainbow:nth-child(7n-5) {background-color:#F8C387;background-color:#FCE2C4;}
.clarainbow:nth-child(7n-4) {background-color:#FFF79A;background-color:#FFFBD1;}
.clarainbow:nth-child(7n-3) {background-color:#8AC999;background-color:#CAE5CD;}
.clarainbow:nth-child(7n-2) {background-color:#80CEF3;background-color:#C7E8FA;}
.clarainbow:nth-child(7n-1) {background-color:#9185BD;background-color:#C7C0DF;}
.clarainbow:nth-child(7n-0) {background-color:#D5A5C2;background-color:#EAD3E2;}
tbody tr td.on {cursor:pointer;}
tbody tr td.on:hover {color:#ffffed;background:none !important;box-shadow:inset 1px 1px 2px 0 #0b0601, inset -1px -1px 2px 0 #ffffed;}
tbody tr td.off {color:#c8bdad;cursor:not-allowed;filter:grayscale(56%);}
tbody:first-child tr:first-child td:first-child {border-top-left-radius:3.5px;} tbody:first-child tr:first-child td:last-child {border-top-right-radius:3.5px;}
tbody:last-child {border-bottom-left-radius:3.5px;border-bottom-right-radius:3.5px;}
tbody:last-child tr:first-child td:first-child {border-top-left-radius:0;} tbody:last-child tr:first-child td:last-child {border-top-right-radius:0;}
tbody:last-child tr:last-child td:first-child {border-bottom-left-radius:3.5px;} tbody:last-child tr:last-child td:last-child {border-bottom-right-radius:3.5px;}
tbody:only-child {border-radius:3.5px 3.5px 3.5px 3.5px;}
tbody:only-child tr:first-child td:first-child {border-top-left-radius:3.5px;} tbody:only-child tr:first-child td:last-child {border-top-right-radius:3.5px;}
tbody:only-child tr:last-child td:first-child {border-bottom-left-radius:3.5px;} tbody:only-child tr:last-child td:last-child {border-bottom-right-radius:3.5px;}
tbody:only-child tr:only-child td:first-child {border-top-left-radius:3.5px;border-bottom-left-radius:3.5px;} tbody:only-child tr:only-child td:last-child {border-top-right-radius:3.5px;border-bottom-right-radius:3.5px;}
colgroup + tbody tr:first-child td:first-child {border-top-left-radius:3.5px;}
colgroup + tbody tr:first-child td:last-child {border-top-right-radius:3.5px;}
tbody a {color:#60451e;text-decoration:underline;}
tbody a svg {height:24px;vertical-align:top;}
/* TABLE TFOOT */
tfoot td {height:28px;color:#0b0601;background-color:rgba(193,179,142,1);background-image:linear-gradient(transparent 14%,rgba(11,6,1,0.14));}
tfoot td.initial {background:initial;}
tfoot tr:last-of-type td {height:35px;}
tfoot:last-child tr:last-child td:first-child {border-radius:0 0 0 3.5px;} tfoot:last-child tr:last-child td:last-child {border-radius:0 0 3.5px 0;} tfoot:last-child tr:last-child td:only-child {border-radius:0 0 3.5px 3.5px;}

/* TABLE I/O */
table button {background:linear-gradient(135deg,#f4f1dc 14%,#ffffed 49%,#b09f75);box-shadow:0.7px 0.7px 0.7px rgba(11,6,1,0.7);transform-origin:center;}
table button:hover {background:linear-gradient(135deg,#f4f1dc,#ffffed,#b09f75);}
table input, table select, table textarea {max-width:100%;color:inherit;text-align:inherit;margin:0;border:0;outline:0;/*TODO*/padding:3.5px 0;background:none;box-shadow:none;}
table button:only-child, table input:only-child, table select:only-child, table textarea:only-child {width:100%;}
table input[type=file] {display:none !important;opacity:0;}
table input[type=file] + button:only-of-type {width:100%;}
table input[type=hidden] + input:last-child {width:100%;}
table input[type=date] {padding-right:0;}
table input[type=date]:invalid, table input[type=time]:invalid {color:inherit;}
table ::-webkit-calendar-picker-indicator {filter:invert(100%) sepia(21%) saturate(872%) hue-rotate(10deg) brightness(101%) contrast(107%);}
table optgroup {font-weight:600;}
table textarea {height:24px;/*min-height:24px;*/max-height:126px;resize:vertical;}
table p[contenteditable=true] {height:auto;margin:0;outline:0;padding:3.5px 0;overflow-wrap:break-word;line-height:14px;color:#ffffed;}
table thead select {color:#fecf7f;text-align:inherit;border:0;background:none;}
/* TODO table tbody td:focus-within {color:#ffffed;background:#8f6427;transition:all 0s ease;} */
table tfoot :where(button, input, select, textarea) {height:inherit;padding:0;}
table tfoot td:focus-within {color:#ffffed;background:#8f6427;transition:all 0s ease;}
table tfoot select {-moz-appearance:none;-webkit-appearance:none;}
/* ZEBRA */
thead th.clazebra {background-color:rgba(11,6,1,0.7);}
tbody td.clazebra {background-color:rgba(255,255,237,0.91);}
tfoot td.clazebra {background-color:rgba(193,179,142,0.84);}
:where(thead tr.clazebra.odd) th:nth-child(odd), :where(thead tr.clazebra.even) th:nth-child(even) {background-color:rgba(11,6,1,0.7);}
:where(tbody tr.clazebra.odd) td:nth-child(odd), :where(tbody tr.clazebra.even) td:nth-child(even) {background-color:rgba(255,255,237,0.91);}
:where(tfoot tr.clazebra.odd) td:nth-child(odd), :where(tfoot tr.clazebra.even) td:nth-child(even) {background-color:rgba(193,179,142,0.84);}
:where(thead tr.clazebra.third) th:nth-child(2n+3), :where(thead tr.clazebra.fourth) th:nth-child(2n+4) {background-color:rgba(11,6,1,0.7);}
:where(tbody tr.clazebra.third) td:nth-child(2n+3), :where(tbody tr.clazebra.fourth) td:nth-child(2n+4) {background-color:rgba(255,255,237,0.91);}
:where(tfoot tr.clazebra.third) td:nth-child(2n+3), :where(tfoot tr.clazebra.fourth) td:nth-child(2n+4) {background-color:rgba(193,179,142,0.84);}
thead th.clabackbaby {background-color:rgba(233,191,144,0.28);background:radial-gradient(ellipse at top left,rgba(233,191,144,0.14),transparent), radial-gradient(ellipse at bottom,rgba(233,191,144,0.28),transparent);}
thead th.clabackgolda {background-color:rgba(254,207,127,0.28);background:radial-gradient(ellipse at top left,rgba(254,207,127,0.14),transparent), radial-gradient(ellipse at bottom,rgba(254,207,127,0.28),transparent);}
tbody td.clabackbaby {background-color:#e9bf90;}
tbody td.clabackgolda {background-color:#fecf7f;}
tfoot td.clabackbaby {background-color:rgba(233,191,144,0.91);background-image:linear-gradient(transparent 7%, rgba(233,191,144,1), rgba(11,6,1,0.07));}
tfoot td.clabackgolda {background-color:rgba(254,207,127,0.91);background-image:linear-gradient(transparent 7%, rgba(254,207,127,1), rgba(11,6,1,0.07));}
/* TABLE INSERT PHOTO */
table ins.claphoto, table ins {display:inline-block;position:relative;width:49px;height:49px;overflow:hidden;border-radius:3.5px;background-position:center;background-repeat:no-repeat;background-size:cover;}
table ins.claphoto img, table ins img {display:block;position:absolute;left:50%;width:100%;min-height:49px;transform:translateX(-50%);}
table ins.claphoto i, table ins i {display:block;width:100%;height:49px;font-size:49px !important;align-content:center;color:#ba9a74;background-color:#ffffed;}
/* TABLE CAPTION */
table caption {display:table-caption;box-sizing:border-box;width:100%;color:#ffffed;font-weight:400;padding:0 7px;}
caption:not(:only-child) {margin-bottom:7px;}
caption + tbody tr:first-child td:first-child {border-top-left-radius:3.5px !important;} caption + tbody tr:first-child td:last-child {border-top-right-radius:3.5px !important;}
caption a {color:#fecf7f;} caption a:hover {color:#ffffed;transform:scale(1.12);} caption a:visited {color:#fecf7f;}
caption a#anchorclose, caption a#anchorback, caption a#anchorreload {position:relative;z-index:1;float:right;line-height:28px;font-size:21px;text-shadow:0 -0.49px 0 #0b0601;}
caption small {display:block;position:relative;float:left;line-height:28px;font-size:14px;}
caption strong {display:block;line-height:28px;font-size:21px;overflow-wrap:break-word;text-shadow:0 -0.49px 0 #0b0601;}
caption strong + br {display:block;margin-bottom:14px;}
caption p {color:inherit;font-size:14px;margin:3.5px 0;}
caption h1, caption h2, caption h3, caption h4, caption h5, caption h6 {line-height:unset;overflow-wrap:break-word;margin:3.5px 0;}
/* TABLE CAPTION SUBJECT */
caption.clasubject {margin-top:1.4px;text-align:left;}
.clasubject > * {display:inline-block;vertical-align:middle;} .clasubject > * + * {margin-left:7px;}
.clasubject input[type=checkbox] + label:before {border-color:#ffffed;}
.clasubject ins {display:inline-grid;grid-auto-flow:column;justify-content:safe start;width:auto;min-width:49px;max-width:21%;/*overflow-x:auto;scrollbar-width:none;*/}
.clasubject ins > i.claicoawe {width:49px;font-size:35px !important;text-align:center;color:#8f6427;transition:margin 0.21s ease-in;}
.clasubject ins > i.claicoawe:not(:first-child) {margin-left:-28px;}
.clasubject ins > i.claicoawe:hover + i.claicoawe {margin-left:0 !important;}
.clasubject p {max-width:42%;overflow:hidden;margin:0 0 0 7px;white-space:nowrap;text-overflow:ellipsis;}
.clasubject p i.claicoawe {width:14px;font-size:11.2px;text-align:center;}
.clasubject figcaption {float:right;width:105px;height:100%;border-radius:3.5px;padding:3.5px;background-color:rgba(11,6,1,0.21);box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;user-select:none;}
.clasubject figcaption button, .clasubject figcaption output {width:100%;min-height:unset;height:42px;margin:0;}
.clasubject figcaption output.claprogress mark[style*='width:100%'] {background-color:#0f0;}
/* TABLE FREEZE HEAD & COLUMN */
.clafreezetop thead {position:sticky;top:0;z-index:72;}
.clafreezeleft.col1 thead tr:nth-child(1) th:nth-child(1), .clafreezeleft.col2 thead tr:nth-child(1) th:is(:nth-child(1), :nth-child(2)), .clafreezeleft.col3 thead tr:nth-child(1) th:is(:nth-child(1), :nth-child(2), :nth-child(3)) {background-color:#22170b;}
.clafreezeleft.col1 thead tr:nth-child(1) th:nth-child(1), .clafreezeleft.col2 thead tr:nth-child(1) th:nth-child(2), .clafreezeleft.col3 thead tr:nth-child(1) th:nth-child(3) {position:sticky;left:0;}
.clafreezeleft.col1 tbody td:nth-child(1), .clafreezeleft.col2 tbody td:nth-child(2), .clafreezeleft.col3 tbody td:nth-child(3) {position:sticky;left:0;z-index:71;}
.clafreezeleft.col1 tfoot tr:nth-child(1) td:nth-child(1), .clafreezeleft.col2 tfoot tr:nth-child(1) td:nth-child(2), .clafreezeleft.col3 tfoot tr:nth-child(1) td:nth-child(3) {position:sticky;left:0;}
.clafreezeright thead tr:nth-child(1) th:nth-last-child(1) {background-color:#22170b;}
.clafreezeright thead tr:nth-child(1) th:nth-last-child(1) {position:sticky;right:0;}
.clafreezeright tbody td:nth-last-child(1) {position:sticky;right:0;}
.clafreezeright tfoot tr:nth-child(1) td:nth-last-child(1) {position:sticky;right:0;}
/* TABLE DETAILS */
table summary {list-style:none;}
table summary:after {float:right;font:normal normal normal 14px FontAwesome;color:inherit;content:'\f0d7';transition:inherit;}
table summary:empty:after {content:'';cursor:initial;}
table details[open] summary:after {transform:scaleY(-1);}
table br + details, table details + span {padding-top:2.8px;padding-left:7px;}
/* TABLE CHECKBOX + LABEL */
table input[type=checkbox] {display:none;margin:0;}
tbody tr.on:hover input[type=checkbox] + label:before, tbody tr.on:hover input[type=checkbox] + label:after,
thead input[type=checkbox] + label:before, tfoot input[type=checkbox] + label:before, thead input[type=checkbox] + label:after, tfoot input[type=checkbox] + label:after {color:#0b0601;border-color:#0b0601;}
/* TABLE-ROW APPENDIX */
tr.claappend {}
tr.claappendix {position:relative;}
.claappendix:before {content:'';display:block;display:none;position:absolute;top:0;left:0;z-index:72;width:100%;outline:2.1px dashed #c6ba96;filter:drop-shadow(1px 1px 1px #0b0601);transition:all 1.4s ease;}
.claappendix td {display:block;position:absolute !important;top:0;left:50% !important;z-index:73 !important;border:0;padding:0;background:none;transform:translate(-50%,-50%);}
.claappendix button {width:35px;height:35px;white-space:nowrap;border-radius:50%;opacity:0;transition:all 0.35s ease;}
.claappend + tr.claappendix:before {display:none;} .claappend:hover + tr.claappendix:before {display:block;} tr.claappendix:hover::before {display:block;outline-style:solid;}
.claappend:hover + tr.claappendix button, .claappend + tr.claappendix:hover button {opacity:1;}
tr.claappend[disabled] + tr.claappendix, tr.claappendix[disabled] {display:none !important;}
tr.claappend[data-fetch-obj], tr.claappendix[data-fetch-obj] {}
tbody:last-child tr.claappendix:nth-last-child(2) td {transform:translate(-50%,-100%);}
tbody:last-child tr.claappendix:nth-last-child(2) button {border-radius:3.5px 3.5px 0 0;}
tbody:last-child tr.claappendix:nth-last-child(2):before {top:-2.1px;}
tr + tr.claappendix.first, tr.claappendix.first:not(:only-child) {display:none;} .claappendix.first:before {display:block;} .claappendix.first td {position:relative !important;}
.claappendix.first button {border-radius:0 3.5px 3.5px 0;opacity:1;} .claappendix.first button:only-child {width:auto;}
/* TABLE RESIZE COLUMN */
table.claresize {table-layout:fixed;width:auto;}
table.claresize th, table.claresize td {transition:width 0s linear;}
table.claresize thead th {position:relative;}
table.claresize thead th > mark {content:'';display:inline-block;display:none;position:absolute;top:0;right:0;width:3.5px;height:100%;background-color:#f0851980;cursor:col-resize;}
table.claresize thead th:hover > mark {display:inline-block;}
/* TABLE SPREADSHEET */
td[contenteditable] {height:28px;padding:0 3.5px;}
td[contenteditable].selected {background-color:#c8bdad;}




/* FIGURE FIELDSET */
fieldset {display:block;width:100%;margin:0;border:0;border-radius:3.5px;padding:14px 14px;background-color:#ffffed;box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;}
fieldset {--label-padding:7px 14px;--label-span-width:25%;}
fieldset > label {display:table;position:relative;box-sizing:border-box;width:100%;/*NEW*/color:#5b4025;padding:7px 14px;padding:var(--label-padding);/*NEW*/transition:all 0.49s ease;}
fieldset > label:focus-within {background-color:rgba(244,223,199,0.35);}
fieldset > label > span {display:table-cell;width:25%;/*NEW*/width:var(--label-span-width);vertical-align:middle;color:#5b4025;font-size:14px;text-align:right;padding-right:14px;}
fieldset > label > input, fieldset > label > output, fieldset > label > select, fieldset > label > textarea, fieldset > label > ol, fieldset > label > ul, fieldset > label > [contenteditable=true], fieldset > label > label.select {display:table-cell;box-sizing:border-box;width:100%;height:calc(28px + 2px);min-height:calc(28px + 2px);color:#0b0601;margin:0;border:0;outline:0;border-top:1px solid transparent;border-bottom:1px solid #8f6427;padding:0 14px;background:none;}
fieldset > label > :where(input,output,select,textarea):disabled {color:#0b0601;}
fieldset > label > output {height:auto;padding:7px 14px;}
fieldset > label > textarea {min-height:calc(28px + 2px);max-height:calc(175px + 2px);resize:vertical;padding:7px 14px;}
fieldset > label > textarea[readonly] {}
fieldset > label > textarea:disabled {resize:none;}
fieldset > label > [contenteditable=true] {overflow-wrap:break-word;overflow-wrap:anywhere;}
fieldset > label > label.select {display:inline-block;position:relative;vertical-align:top;line-height:28px;}
fieldset > label > label.select:before {content:attr(title);}
fieldset > label > label.select > select {position:absolute;left:0;top:0;width:inherit;height:100%;border:0;padding:0;padding-left:14px;color:transparent;background:none;}
fieldset > label > button {display:table-cell;height:28px;color:#0b0601;border-radius:0;padding:0 14px;background:linear-gradient(135deg,#c8bdad 14%,#b09f75);box-shadow:inset 1px 1px 1px 0 #ffffed, 1px 1px 1px 0 #0b0601;}
fieldset > label > button:hover {background:linear-gradient(135deg,#c8bdad,#b09f75);box-shadow:none;transform-origin:center;}
fieldset > label > button.initial {color:#8f6427;background:none !important;box-shadow:none;}
/* FIELDSET INSERT */
fieldset > label > ins {display:block;position:relative;width:100%;max-width:initial;height:auto;max-height:initial;overflow:hidden;margin:0 auto;margin-bottom:7px;border:solid 1px #8f6427;}
fieldset > label > ins {display:flex;justify-content:center;align-items:center;}
fieldset > label > ins > img {display:block;width:100%;}
fieldset > label > ins > input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;padding:0;filter:opacity(0);opacity:0;cursor:alias;}
fieldset > label > ins > i.claicoawe {display:flex;justify-content:center;font-size:112px;color:#ba9a74;}
fieldset > label > ins.claphoto {width:200px;max-width:none;height:auto;max-height:300px;}
fieldset > label > ins.claportrait {width:400px;max-width:none;height:auto;max-height:600px;}
fieldset > label > ins.clalandscape {width:auto;max-width:600px;height:400px;max-height:none;}
fieldset > label > ins.clathumbnail {display:inline-block;width:48%;height:126px;margin-bottom:0;}
fieldset > label > ins.clacaptcha {background-color:#ffffff;}
fieldset > label > ins.clacaptcha img {width:auto;height:70px;margin:0 auto;cursor:pointer;}
fieldset > label > ol, fieldset > label > ul {display:flex;flex-wrap:wrap;align-items:flex-start;height:initial;min-height:42px;list-style:none;padding-block:7px 3.5px;padding-left:calc(14px - 3.5px - 1px);}
:(ol,ul)[data-input-list][data-input-keyup][data-input-check] {} li[data-id] {}
fieldset > label > ol > li, fieldset > label > ul > li {overflow-wrap:anywhere;color:#0b0601;margin:0 3.5px 3.5px 0;border:solid 1px #ba9a74;border-radius:3.5px;padding:3.5px;background:#e9bf90;text-align:inherit;}
fieldset > label > ol {flex-direction:column;counter-reset:olli 0;}
fieldset > label > ol li:only-of-type::before {display:none;}
fieldset > label > ol li:before {content:counter(olli)'. ';counter-increment:olli;}
fieldset > label li > a {padding:3.5px;} fieldset > label li > a:hover {color:#ba9a74;cursor:pointer;}
fieldset > label > ol > input, fieldset > label > ul > input {flex:1 1 auto;margin:0 3.5px 3.5px 0;border:solid 1px transparent;border-radius:3.5px;padding:3.5px 7px;background:none;}
fieldset > label[tabindex] {--list-input-width:auto;}
fieldset > label[tabindex] > ol > input, fieldset > label[tabindex] > ul > input {width:0;transition:all 0.35s ease;}
fieldset > label[tabindex] > ol:focus-within > input, fieldset > label[tabindex] > ul:focus-within > input {width:var(--list-input-width);}
fieldset > label > :where(ol[onclick], ul[onclick]) li > a, fieldset > label > :where(ol[onclick], ul[onclick]) > input {display:none;}
/* FIELDSET LEGEND */
fieldset legend {display:block;padding:0;border:0;}
/* FIELDSET CHECKBOX + LABEL */
fieldset input[type=checkbox] {display:none;margin:0;}
fieldset :where(input[type=checkbox], input[type=radio]) + label {display:inline-grid;grid-template-columns:21px 1fr;column-gap:7px;align-items:center;min-height:calc(28px + 2px);vertical-align:middle;margin-left:14px;}
fieldset :where(input[type=checkbox], input[type=radio]) + label:only-of-type {margin-left:0;}
fieldset input[type=checkbox] + label:before {position:static;width:21px;height:21px;margin-right:7px;border:1px solid #8f6427;}
fieldset input[type=checkbox] + label:after {top:unset;font-size:21px;font-weight:600;}
fieldset input[type=checkbox] + label.claswitch {grid-template-columns:49px 1fr;}
fieldset input[type=checkbox] + label.claswitch:before {width:49px;height:28px;border-radius:10.5px;box-shadow:inset 1px 1px 1px 0 rgba(11,6,1,0.49), inset -1px -1px 1px 0 rgba(255,255,237,0.49);}
fieldset input[type=checkbox] + label.claswitch:after {display:block;inset:auto;width:28px;height:28px;border:0;border-radius:10.5px;background-color:#b09f75;background-image:linear-gradient(to right,rgba(96,69,30,0.49),rgba(233,191,144,0.49));box-shadow:1px 0 1px 0 rgba(11,6,1,0.49);}
fieldset input[type=checkbox]:checked + label.claswitch:after {box-shadow:-1px 0 1px 0 rgba(255,255,237,0.49);transform:translateX(21px);}
input[type=radio] + label:before {border:solid 1px #8f6427;background:none;box-shadow:none;}
input[type=radio]:checked + label:before {box-shadow:none;}
/* FIELDSET OUTPUT.FLEX > CHECKBOX + LABEL */
fieldset output.flex {--flex-gap:0 0;--flex-grow:0;--flex-shrink:1;--flex-basis:140px;}
fieldset output.flex {display:flex;flex-wrap:wrap;gap:var(--flex-gap);padding:0;}
fieldset output.flex > :where([type=checkbox], [type=radio]) + label {flex:0 1 auto;flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);flex-basis:var(--flex-basis);justify-items:start;}
/*NEW*/ fieldset.max {width:max-content;min-width:calc(50% - 7px);margin-inline:auto;}








/* FIGURE FIGCAPTION */
figcaption {width:100%;overflow:hidden;color:#ffffed;text-align:center;border-radius:3.5px;padding:7px;background-color:rgba(11,6,1,0.21);box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;user-select:none;}
figcaption.initial {border-radius:initial;padding:initial;background:initial;box-shadow:initial;}
figcaption.sticky {position:sticky;top:14px;inset-inline:0;}
figcaption.min {width:min-content;min-width:calc(50% - 7px);margin-inline:auto;}
figcaption.grid {display:grid;grid-auto-columns:1fr;}
figcaption button, figcaption input, figcaption output, figcaption select, figcaption textarea {width:calc(25% - 7px);height:49px;font-size:16px;margin:3.5px;}
figcaption button {height:unset;min-height:49px;vertical-align:middle;}
/*TODO */
	figcaption button:only-child, figcaption button:first-of-type:nth-last-of-type(1) {width:100%;margin:0;}
	figcaption button:first-of-type:nth-last-of-type(2), figcaption button:first-of-type:nth-last-of-type(2) ~ button {width:calc(50% - 14px);}
	figcaption button:first-of-type:nth-last-of-type(3), figcaption button:first-of-type:nth-last-of-type(3) ~ button {width:calc(33.3333% - 14px);}
	figcaption button:first-of-type:nth-last-of-type(4), figcaption button:first-of-type:nth-last-of-type(4) ~ button {width:calc(25% - 14px);}

figcaption button.on {color:#8f6427;background:linear-gradient(135deg,#ffffed,#b09f75);box-shadow:none;transform:scale(0.98);cursor:initial;
filter:drop-shadow(0 0 2.8px #ffffed);}
figcaption button.off {}
figcaption button i.claicoawe + span {padding-left:4.9px;}
button#buttonsave {}
figcaption input, figcaption output, figcaption select, figcaption textarea {color:#fecf7f;text-align:center;text-align-last:center;border:0;border-radius:3.5px;padding:3.5px 7px;background:rgba(11,6,1,0.07);box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;}
figcaption :where(input,select,textarea):disabled {background-color:#e9bf90;filter:grayscale(56%);}
figcaption a {color:#fecf7f;cursor:pointer;} figcaption a:visited {color:#fecf7f;} figcaption a:hover {color:#ffffed;}

/* FIGURE IFRAME */
figure > iframe {width:100%;height:calc(100vh - 7px);border-radius:3.5px;box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;scrollbar-color:#b09f75 transparent;}



.clascreen {position:relative;z-index:0;/*color:#ffffed;*/text-align:center;padding:14px;/*background-color:rgba(11,6,1,0.14);*/backdrop-filter:hue-rotate(350deg);box-shadow:inset 1px 1px 1px 0 #0b0601, inset -1px -1px 1px 0 #ffffed;user-select:none;}
.clascreen::before, .clascreen::after {content:'';position:absolute;/*top:0;left:0;*/inset:0;display:block;height:inherit;width:inherit;border-radius:inherit;}
.clascreen::before {z-index:-1;width:calc(100% - 5.6px);height:calc(100% - 5.6px);text-align:center;margin:2.8px;background:rgba(11,6,1,0.49);box-shadow:inset 1px 1px 2px 0 rgba(255,255,237,0.7), 1px 1px 2px 0 rgba(11,6,1,0.7);}
.clascreen::after {z-index:1;/*width:100%;height:100%;*/animation:screen-after 1.4s linear forwards;}
	@keyframes screen-after { 100% {background-image:linear-gradient(135deg,rgba(254,207,127,0.14),rgba(0,0,0,0.14));} }








/* METER */
meter {}

/* PROGRESS */
progress {width:100%;height:100%;height:calc(28px + 2px);border:0;border-radius:3.5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
progress, progress::-webkit-progress-bar {background-color:#8f6427;box-shadow:inset 1px 1px 1px 0 rgba(11,6,1,0.49), inset -1px -1px 1px 0 rgba(255,255,237,0.49);}
progress::-webkit-progress-value {background-color:rgba(254,207,127,0.77);mix-blend-mode:overlay;}
progress::-moz-progress-bar {background-color:rgba(254,207,127,0.77);mix-blend-mode:overlay;}
/* CODEPROGRESS */
#codeprogress {display:block;position:fixed;right:10.5px;bottom:10.5px;z-index:91;}
#codeprogress.left {right:unset;left:10.5px;}
#codeprogress label {display:block;position:relative;width:196px;font-size:12.6px;text-align:center;margin:4.9px 0;border-radius:10.5px;padding:5.6px 10.5px;background:#ffffed;box-shadow:1px 1px 1px rgba(11,6,1,0.7), -1px -1px 1px rgba(200,189,173,0.7);animation:codeprogress-on 910ms ease-in forwards;}
	@keyframes codeprogress-on { 0% {filter:opacity(0%);transform:translateY(100%);} 100% {filter:opacity(100%);} }
#codeprogress label[title]:before {content:attr(title);display:block;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;margin-bottom:3.5px;}
#codeprogress label progress {margin-bottom:3.5px;}
#codeprogress label.off {animation:codeprogress-off 910ms ease-out forwards;animation-delay:7s;}
	@keyframes codeprogress-off { to {filter:opacity(0%);transform:translateY(-100%);display:none;} }



/* SAMPLE */
samp {color:inherit;font-family:inherit;cursor:help;}
samp:hover {z-index:1;}
samp::before {content:'\f059';font:normal normal normal 14px FontAwesome;line-height:inherit;vertical-align:middle;}
samp p {display:none;position:absolute;top:7px;right:7px;z-index:2;width:49vmax;max-width:70vw;height:auto;max-height:49vh;overflow-y:auto;line-height:initial;color:#ffffed;font-size:13px;font-weight:400;text-align:left;margin:0;border:solid 0.7px #b09f75;border-radius:3.5px;padding:14px 7px;background-color:rgba(11,6,1,0.91);}
samp:hover p {display:block;animation:sample-paragraph 0.91s ease-out forwards;}
	@keyframes sample-paragraph { 0% {opacity:0;} 100% {opacity:1;} }
samp p {scrollbar-color:#ffffed transparent;scrollbar-width:thin;}
samp p::-webkit-scrollbar {width:7px;}
samp p::-webkit-scrollbar-button {display:none;}
samp p::-webkit-scrollbar-thumb {border-radius:3.5px;box-shadow:inset 0.35px 0.35px 0.35px 0 #ffffed, 0.35px 0.35px 0.35px 0 #0b0601;background-color:#b09f75;}
samp p::-webkit-scrollbar-track {background-color:transparent;}
nav h1 samp {position:relative;}
nav h1 samp p {inset:unset;}
table th samp::before {float:right;color:#e9bf90;}
table th samp p {z-index:80;}
fieldset > label > samp {position:absolute;float:right;top:50%;right:3.5%;transform:translateY(-50%);}
fieldset > label > samp::before {font-size:16px;color:#5b4025;}
fieldset > label > span > samp {position:relative;}
fieldset > label > span > samp::before {color:#ba9a74;vertical-align:initial;}
fieldset > label > span > samp p {left:7px;transform:translateY(-50%);width:70vmin;max-width:70vmin;max-height:70vh;}



/* DEFINITION
*:hover > dfn {display:block;animation:sample-paragraph 0.91s ease-out forwards;}
dfn {font-style:normal;}
dfn {display:block;display:none;position:absolute;top:7px;right:7px;z-index:2;width:49vmax;max-width:70vw;height:auto;max-height:49vh;overflow-y:auto;line-height:initial;color:#ffffed;font-size:13px;font-weight:400;text-align:left;margin:0;border:solid 0.7px #b09f75;border-radius:3.5px;padding:14px 7px;background-color:rgba(11,6,1,0.91);}
 */



/* DIVISION */
div.cladivision {display:block;width:calc(100% - 1.75px);margin:0 auto;}
div.cladivision:after {content:'';display:block;float:none;clear:both;}
div.cladivision.flex {display:flex;flex-flow:row wrap;}
div.cladivision > div {display:inline-block;float:left;box-sizing:border-box;padding-right:3.5px;/*NEW*/padding-right:0;}
div.cladivision > div:last-child {padding-right:0;}
div.cladivision > div.fixed {position:fixed;}
div.cladivision > div.sticky {position:sticky;top:0;z-index:79;}
div.cladivision10 {width:10%;} div.cladivision15 {width:15%;} div.cladivision20 {width:20%;} div.cladivision25 {width:25%;} div.cladivision30 {width:30%;} div.cladivision33 {width:33.333%;} div.cladivision40 {width:40%;} div.cladivision45 {width:45%;} div.cladivision50 {width:50%;} div.cladivision60 {width:60%;} div.cladivision66 {width:66.666%;} div.cladivision70 {width:70%;} div.cladivision75 {width:75%;} div.cladivision80 {width:80%;} div.cladivision85 {width:85%;} div.cladivision90 {width:90%;} div.cladivision100 {width:100%;} 




/* COUPLE */
.clacouple {display:grid;--template:1fr / repeat(2,1fr);grid-template:var(--template);gap:0;box-sizing:border-box;width:100%;margin:0 auto;border-radius:3.5px;}
.clacouple > * {width:100%;margin-top:0 !important;}



/* SECTION */
section {display:block;}



/* TIME */
time#timelimit {box-sizing:border-box;position:fixed;top:0;right:14vw;z-index:200;white-space:nowrap;text-align:center;color:#0b0601;border:solid 0 #0b0601;border-radius:0 0 3.5px 3.5px;padding:3.5px 7px 7px 7px;background:#f4dfc7;box-shadow:inset 1px 1px 1px 0 rgba(255,255,237,0.7), 1px 1px 1px 0 rgba(11,6,1,0.7), 0 0 14px 0 rgba(254,207,127,1);cursor:pointer;transition:all 1s ease;}
#timelimit p {display:none;}
#timelimit u {font-size:16px;font-weight:600;text-decoration:none;}
#timelimit u:after {content:':';padding-left:4.9px;}
#timelimit u:last-of-type::after {content:'';padding:0;}
#timelimit.open {top:50%;left:50%;white-space:normal;border-radius:3.5px;padding:14px 14px;transform-origin:center;transform:translate(-50%,-50%) scale(0);animation:timelimit-open 1.4s ease-out forwards;}
	@keyframes timelimit-open { to {transform:translate(-50%,-50%) scale(1);} }
#timelimit.open p {display:block;margin:0;}
#timelimit.open u {font-size:35px;padding:0 3.5px;}
#timelimit.open u:after {content:attr(data-after);font-size:16px;font-weight:400;padding-left:1.4px;}




/* DELINEATION */
dl.cladeline {display:grid;row-gap:4.9px;align-content:center;margin-block:3.5px;text-align:center;overflow:hidden;}
.cladeline > i.claicoawe {font-size:112px;}
.cladeline > dt {font-size:18px;font-weight:600;}
.cladeline > dd {}
.cladeline:only-child {height:100%;}
.cladeline:where(.crossed, .checked) i {position:relative;}
.cladeline:where(.crossed, .checked) i::after {position:absolute;inset:0;}
.cladeline.crossed i::after {content:'✘';color:#da251d;}
.cladeline.checked i::after {content:'✔';color:#00923f;}




/* THINGY */
.clathingy {--thingy-size:42px;}
.clathingy > a {display:inline-flex;justify-content:center;align-items:center;width:auto;height:var(--thingy-size);overflow:hidden;margin-bottom:3.5px;text-align:center;text-decoration:none;cursor:pointer;}
.clathingy > a i.claicoawe {font-size:var(--thingy-size);transition:all 0.7s ease;}
.clathingy > a:hover i.claicoawe, .clathingy > a[data-clicked=y] i.claicoawe {color:#a4793c;transform:rotateY(180deg);}
.clathingy > a + button {margin:7px 3.5px;}
.clathingy > button {width:28px;height:28px;border-radius:50%;}



/* TEXT */
.clatextleft {text-align:left;} .clatextcenter {text-align:center;} .clatextright {text-align:right;} .clatextjustify {text-align:justify;}
select.clatextcenter {text-align-last:center;} select.clatextright {text-align-last:right;}
.clatextnormal {font-weight:400;} .clatextbold {font-weight:600;} .clatextitalic {font-style:oblique;font-style:italic;} .clatextunderline {text-decoration:underline;} .clatextstrikeline {text-decoration:line-through wavy #da251d;} 
.clatextlarger {font-size:larger;} .clatextsmaller {font-size:smaller;}
.clatextellipsis {width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* DROP CAP */
.clafirstletter::first-letter {text-transform:uppercase;}



/* HORIZONTAL RULE */
hr.claspacing {display:block;width:calc(100% - 28px);height:21px;margin:0 auto;border:0;background:url('backvertical.old.png') center round;}
:is(nav,aside,figure) + hr.claspacing {position:relative;z-index:-1;}
:is(aside,figure) hr.claspacing {height:14px;margin:7px auto;border-radius:3.5px;box-shadow:inset 0.7px 0.7px 0.7px 0 rgba(11,6,1,0.7), inset -0.7px -0.7px 0.7px 0 rgba(255,255,237,0.7);}
fieldset hr.claspacing {width:100%;height:3.5px;margin:21px auto;margin-block:21px 17.5px;margin-inline:auto;background:rgba(11,6,1,0.14);}


/* EFFECTS (FX) animation: name duration timing-function delay iteration-count direction fill-mode play-state; */
.clafxbackground {animation:fxbackground 21s infinite;}
	@keyframes fxbackground { 0%, 100% {background-color:#f4dfc7;} 50% {background-color:#60451e;} }
.clafxappear {animation:fxappear 1.4s ease-in forwards;}
	@keyframes fxappear { 0% {filter:opacity(0%);} 100% {filter:opacity(100%);} }
figure.clafxappear {animation:fxappear 0.49s ease-in forwards;}
.clafxblink {animation:fxblink 1s steps(5, start) infinite;}
	@keyframes fxblink { to {visibility:hidden;} }
.clafxblink:hover {animation-play-state:paused;}
.clafxglow {animation:fxglow 2.1s ease-in infinite alternate;}
	@keyframes fxglow { to {filter:brightness(200%) drop-shadow(0 0 2.1px #ffffed);} }
.clafxmarquee {white-space:nowrap;animation:fxmarquee 49s linear infinite forwards;}
	@keyframes fxmarquee { 0% {transform:translateX(100%);} 100% {transform:translateX(-250%);} }
.clafxmarquee:hover {animation-play-state:paused;}
.clafxspin {animation:fxspin 1.4s ease-in-out forwards;animation-delay:2.8s;}
	@keyframes fxspin { to {transform:rotateY(360deg);} }
.clafxstack {animation:fxstack 0.7s ease forwards running;}
	@keyframes fxstack { 0% {transform:translate3d(7vmin,-7vmin,7vmin);} 100% {transform:translate3d(0,0,0);} }
.clafxwow {animation:fxwow 1.4s ease-in-out alternate;}
	@keyframes fxwow { to {transform:scale(1.4);} }
.clafxrunning {animation:fxrunning 49s linear infinite forwards;}
	@keyframes fxrunning { 0% {transform:translateX(100%);} 100% {transform:translateX(-300%);} }
.clafxunderline {text-decoration:none !important;color:inherit;background-image:linear-gradient(silver,gold);background-size:0 1px;background-repeat:no-repeat;background-position:bottom left;transition:background-size 700ms linear;}
.clafxunderline:hover {background-size:100% 1px;}







/* MEDIA
16:9 = 4160*2340(260) 3840*2160(240) 3200*1800(200) 2880*1620(180) 2560*1440(160) 2240*1260(140) 1920*1080(120) 1600*900(100) 1280*720(80) 960*540(60) 640*360(40) 320*180(20)
4:3	= 1200*900(300) 1024*768(256) 960*720(240) 800*600(200) 720*540(180) 640*480(160) 480*360(120) 400*300(100) 320*240(80) 120*90(30)
*/

/* MEDIA ONLY SCREEN */
@media only screen and (min-width:1280px) {
/*header, nav, figure, div.cladivision {max-width:1920px;}*/
}

@media only screen and (min-width:800px) {
.claslide > button:first-child {display:none;}
}

@media only screen and (max-width:1024px) {
#codecenter {width:70%;}
}

@media only screen and (max-width:960px) {
header.close button:nth-last-child(2):nth-last-of-type(2) {left:unset;right:21px;max-width:56px;} /*NEW*/
nav h1 strong {float:initial;width:100%;text-align:center;padding:3.5px 0;}
nav h1:only-child strong:only-child {margin-bottom:0;padding:0;}
nav h1 strong select {width:100%;text-align-last:center;margin-left:initial;}
nav h1 section {display:flex;flex-flow:row wrap;justify-content:center;float:initial;width:100%;margin-top:7px;border-top:1px solid rgba(254,207,127,0.28);padding-top:7px;}
nav h1 section b {display:block;margin:0 7px;}
table caption {text-align:center;}
fieldset output.flex > [type=checkbox] + label {flex-grow:1;}
}

@media only screen and (max-width:800px) {
#codecenter {width:84%;}
nav h2 section > label {display:table;width:100%;padding:0;}
nav h2 section > label > span {display:inline-block;float:left;min-width:unset;width:30%;}
nav h2 section input, nav h2 section select {display:inline-block;width:70%;}
nav h2 section select + select:not([style]), nav h2 section select + input:not([style]), nav h2 section input + input:not([style]), nav h2 section input + select:not([style]) {float:right;}
nav h2 section details {display:inline-block;width:70%;}
nav h2 section summary {max-width:calc(70vw - 11.2px) !important;}
aside {display:none;}
aside.cladrawer {width:98px;}
.cladrawer section {padding-inline:4.9px;}
.cladrawer section button {padding:4.9px;font-size:14px;}
aside.claslide {display:block !important;position:fixed;top:24.5%;z-index:100;width:calc(70vw + 21px);min-height:112px;border:solid 0.7px #fecf7f;box-shadow:inset 0.7px 0.7px 1.4px 0 rgba(255,255,237,0.7), 1px 1px 2px 0 rgba(11,6,1,1);}
.claslide.left {left:-7px;transform-origin:left;border-radius:0 3.5px 3.5px 0;} .claslide.left.close {left:0;transform:translate(-100%,0);}
.claslide.right {right:-7px;transform-origin:right;border-radius:3.5px 0 0 3.5px;} .claslide.right.close {right:0;transform:translate(100%,0);}
.claslide > button:first-child {display:block;position:absolute;top:21px;width:49px;height:49px;font-size:28px;text-align:center;background-color:#5b4025;box-shadow:inherit;}
.claslide.left > button:first-child {right:-49px;border-radius:0 3.5px 3.5px 0;}
.claslide.right > button:first-child {left:-49px;border-radius:3.5px 0 0 3.5px;}
.claslide.open {transform:translate(0,0);}
.claslide > :is(ul, ol) {max-height:calc(70vh);overflow:hidden;overflow-y:auto;}
figcaption button {width:calc(50% - 7px);}
div.cladivision > div {display:block;float:none;width:100%;padding:0;}
div.cladivision > div.sticky {position:static;}
#timelimit:not(.off) {width:84%;}
.clacouple {display:block;}
}

@media only screen and (max-width:640px) {
body {padding:0;}
#codecenter {width:100%;}
#codenotify {width:calc(100% - 28px);margin-left:14px;}
nav h1 {display:block;}
nav h1 strong a, nav h1 strong select {display:block;}
nav h1 section {display:grid;grid-auto-flow:column;justify-content:safe center;overflow:hidden;overflow-x:scroll;scrollbar-width:none;}
nav h1 section::-webkit-scrollbar {display:none;}
nav h1 section b > div {left:0;width:calc(100% - 28px);margin:0 14px;text-align:center;background:#8f6427;}
nav h2 {width:100%;margin:0;}
nav h2 section {display:block;width:calc(100% - 28px);max-height:calc(182px - 14px);padding:7px 14px;}
nav h2 section.initial, nav h2 section.unset {max-height:calc(182px - 14px);overflow-y:auto;}
nav h2 section > label {padding:4.9px 0;}
nav h2 section > label > span {display:block;float:unset;width:calc(100% - 7px);line-height:initial;text-align:left;padding:0 0 3.5px 7px;}
nav h2 section input, nav h2 section select {width:100%;}
nav h2 section input[type=checkbox] + label:before {margin-right:10.5px;border-color:#0b0601;}
nav h2 section details {position:static;width:100%;}
nav h2 section details[open]::before {content:'';display:block;position:fixed;z-index:81;top:0;left:0;width:100vw;height:100vh;background-color:rgba(11,6,1,0.7);}
nav h2 section summary {max-width:calc(100vw - 35px - 11.2px) !important;}
nav h2 section details ul {position:absolute;left:50%;z-index:82;min-width:unset;width:84vw;max-width:unset;max-height:unset;line-height:35px;color:#0b0601;border:0;border-radius:3.5px;padding-top:42px;padding-bottom:7px;background-color:#ffffed;transform:translate(-50%,-50%);}
nav h2 section details li, nav h2 section details a {padding:0 14px;}
nav h2 section details a {position:absolute;top:0;width:calc(100% - 28px);line-height:inherit;background-color:#c8bdad;}
nav h2 section details a:last-child:before {font-size:14px;content:'\f057';}
nav h2 section details a:hover {color:#ffffed;}
nav h2 > button {width:42%;height:35px;font-size:18px;font-weight:600;margin:7px 29%;}
nav h2 > button span {display:inline;}
nav h3 section {padding:0 7px;}
nav h3 section a {padding:0 10.5px;}
nav h3 section a span {display:none;}
a#anchorfirst, a#anchorprevious, a#anchornext, a#anchorlast {font-size:18px;}
nav h4 > button {display:none;}
nav h4 section {width:calc(100% - 98px);border-radius:inherit;}
nav h4 section a:first-of-type {border-radius:3.5px 0 0 3.5px;}
nav h4 > select:nth-last-of-type(2) {width:98px;height:35px;font-size:15px;font-weight:400;}
nav h4 > select:last-of-type {width:98px;height:56px;font-size:35px;font-weight:600;}
nav h4 > select:only-of-type {height:91px;}
h4.clayear section {width:100%;} h4.clamonth section,  h4.cladate section {border-top-right-radius:0;border-bottom-right-radius:0;}
nav h5 {padding:7px 7px;}
.claappendix td {left:0 !important;transform:translate(0,-50%);}
.claappendix button {width:28px;height:28px;}
tbody:last-child tr.claappendix:nth-last-child(2) td {transform:translate(0,-100%);}
fieldset > label {padding:7px 0;}
fieldset > label > span {display:block;width:calc(100% - 14px);text-align:left;}
fieldset > label > span br {display:none;}
fieldset > label > output {display:block;}
fieldset > label > ins, fieldset > label > ins.claportrait, fieldset > label > ins.clalandscape {width:auto;max-width:100%;height:auto;max-height:600px;}
fieldset > label > span > samp {position:initial;float:right;}
fieldset > label > span > samp > p {top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;}
.clatab {max-width:calc(100% - 42px);margin:0 21px;}
.clatab label a abbr, .clatab label a span {display:none;}
.clatab label.on a span {display:unset;}
}

@media only screen and (max-width:480px) {
body {overflow-y:auto;}
header > menu mark {display:block;}
header > menu:hover dl {width:calc(7px * 35);}
header > menu ~ section {width:calc(100% - 7px - 84px);min-width:calc(100% - 7px - 84px);max-width:calc(100% - 7px - 84px);box-shadow:inset 0.7px 0 0.7px rgba(11,6,1,0.7);}
header > section {width:calc(100% - 7px);min-width:calc(100% - 7px);max-width:calc(100% - 7px);}
header > button {display:none;}
/*NEW*/
header button:nth-last-child(2):nth-last-of-type(2) {display:inline-block;position:fixed;z-index:102;left:unset;right:21px;width:56px;max-width:56px;height:21px;background:rgba(91,64,37,0.91);box-shadow:var(--button-close-box-shadow);}
header.close {max-width:100%;}
/* TABLETED */
.clatableted {border-collapse:collapse;--td-grid-template-columns:35% 1fr;--td-column-gap:10.5px;}
.clatableted :is(colgroup, thead, tfoot) {display:none;}
.clatableted tbody {transition:all 2.1s ease;}
.clatableted tbody tr {display:block;margin-top:10.5px;border-radius:3.5px;box-shadow:1px 1px 1px 0 #0b0601;}
.clatableted tbody tr:first-child {margin-top:0;}
.clatableted tbody td {display:block;text-align:left;border:0;border-radius:0 !important;padding:7px 10.5px;background-color:rgba(255,255,237,0.91);display:grid;grid-template-columns:var(--td-grid-template-columns);column-gap:var(--td-column-gap);align-items:center;}
.clatableted tbody td:not([title]) {display:none !important;}
.clatableted tbody td[title=''] {}
.clatableted tbody td[title='']:before {content:'';}
.clatableted tbody td:before {grid-row:1/3;content:attr(title)': ';color:#5b4025;font-size:14px;font-weight:400;text-align:right;}
.clatableted tbody td:first-child, .clatableted tbody td:first-child:not([title]) + td:nth-child(2) {display:block;color:#0b0601;text-align:center;border-bottom:1.4px solid rgba(11,6,1,0.14);border-radius:3.5px 3.5px 0 0 !important;padding-block:10.5px;background-color:#e9bf90;background:radial-gradient(ellipse at bottom left,#e9bf90 56%,transparent),radial-gradient(ellipse at bottom right,#e9bf90 56%,transparent);}
.clatableted tbody td:first-child:not([title]) + td:nth-child(2):before {content:attr(title);}
.clatableted tbody td:first-child:not([title]) + td:nth-child(2) input {text-align:center;}
.clatableted tbody td:last-child {border-radius:0 0 3.5px 3.5px !important;}
.clatableted tbody td:nth-last-child(2):has(+ td:last-child:not([title])) {border-radius:0 0 3.5px 3.5px !important;} /*NOW COMPATIBLE*/
.clatableted tbody td:first-child:before, .clatableted tbody td:first-child:not([title]) + td:nth-child(2):before {color:inherit;}
.clatableted tbody td :is(span, div, p, button) {grid-column:2/3;}
.clatableted tbody td[title=''] button {grid-column:1/3;}
.clatableted tbody td button[title]:after {content:' 'attr(title);}
.clatableted tbody :is(input, select, textarea) {grid-row:1;grid-column:2/3;height:28px;font-weight:400;margin:0;margin-top:3.5px;border:0;border-radius:3.5px;padding:0 7px;box-shadow:inset 0.7px 0.7px 0.7px 0 #0b0601, inset -0.7px -0.7px 0.7px 0 #ffffed;background-color:#ffffed;}
.clatableted tbody textarea {max-height:105px;padding-block:7px;}
.clatableted tbody input:not(:read-only):focus, .clatableted tbody select:focus, .clatableted tbody textarea:not(:read-only):focus {color:#ffffed;background-color:#8f6427;}
.clatableted tbody input:is([type=date], [type=text]) {text-align:left;}
.clatableted tbody tr.initial {margin-top:21px;box-shadow:none;}
.clatableted tbody tr.initial td {color:#ffffed;font-size:16px;font-weight:600;border-bottom:0;padding:0;background:none;}
.clatableted tbody tr.initial td:before {font-size:inherit;font-weight:600;}
.clatableted tbody tr:not(.initial) td:last-child:is(.clabackgolda, .clabackbaby) {border-top:1.4px solid #ffffed;padding-block:10.5px;background-color:rgba(255,255,237,0.84);}
/* TABLETED APPENDIX */
.clatableted tr.claappendix {box-shadow:none;margin:0;}
.clatableted tr.claappendix td {display:block !important;background:none;border-bottom:0;}
.clatableted tr.claappendix td:before {content:'';}
.clatableted tr.claappendix button {width:35px;height:35px;}
.clatableted tbody:last-child tr.claappendix:nth-last-child(2) td {transform:translate(0,-70%);}
.claappendix.first td {position:relative;padding-block:0 !important;transform:translate(0,0);}
.claappendix.first button {border-radius:0 0 7px 7px;}
#timelimit:not(.off) {width:100%;}
#timelimit output {font-size:24px;}
#timelimit output:after {font-size:14px;}
}

@media only screen and (max-height:480px) and (orientation:landscape) {
#codecenter {transform:translate(-50%,0%);}
}

/* MEDIA PRINT */
@media print {
@page {size:210mm 297mm;margin:10mm 10mm 10mm 10mm;}
body {background:none !important;}
header, footer {display:none !important;}
[printable=none] {display:none !important;}
[printable=hidden] {visibility:hidden;}
}





/* DISPLAY NONE */
@media (max-width:1200px) { [displaynone~='max1200'] {display:none !important;} }
@media (max-width:1024px) { [displaynone~='max1024'] {display:none !important;} }
@media (max-width:960px) { [displaynone~='max960'] {display:none !important;} }
@media (max-width:800px) { [displaynone~='max800'] {display:none !important;} }
@media (max-width:640px) { [displaynone~='max640'] {display:none !important;} }
@media (max-width:480px) { [displaynone~='max480'] {display:none !important;} }
@media (width>1200px) { [displaynone~='gt1200'] {display:none !important;} }
@media (width>1024px) { [displaynone~='gt1024'] {display:none !important;} }
@media (width>960px) { [displaynone~='gt960'] {display:none !important;} }
@media (width>800px) { [displaynone~='gt800'] {display:none !important;} }
@media (width>640px) { [displaynone~='gt640'] {display:none !important;} }
@media (width>480px) { [displaynone~='gt480'] {display:none !important;} }