:root{
        --l-0:0%;
        --l-5:5%;
        --l-10:10%;
        --l-15:15%;
        --l-20:20%;
        --l-25:25%;
        --l-30:30%;
        --l-35:35%;
        --l-40:40%;
        --l-45:45%;
        --l-50:50%;
        --l-55:55%;
        --l-60:60%;
        --l-65:65%;
        --l-70:70%;
        --l-75:75%;
        --l-80:80%;
        --l-85:85%;
        --l-90:90%;
        --l-95:95%;
        --l-100:100%;

    --background-gradient1-hs:192.86 5.74%;
    --background-gradient1:hsl( var(--background-gradient1-hs) var(--l-50) );
    --background-gradient2-hs:210 5.56%;
    --background-gradient2:hsl( var(--background-gradient2-hs) var(--l-35) );

    --default-hs:217.5 8%;
    --default:hsl( var(--default-hs) var(--l-80) );
    --default-foreground-hs:210 10.81%;
    --default-foreground:hsl( var(--default-foreground-hs) var(--l-15) );
    --default-border:hsl( var(--default-hs) var(--l-60) );

    --menu-hs:213.64 39.29%;
    --menu-l:var(--l-30);
    --menu:hsl(var(--menu-hs) var(--menu-l) );
    --menu-foreground-hs:0 0%;
    --menu-foreground:hsl(var(--menu-foreground-hs) var(--l-90));
    --menu-border:hsl( var(--menu-hs) var(--l-10) );

    --primary-hs:145.24 76.83%;
    --primary-l:var(--l-30);
    --primary:hsl( var(--primary-hs) var(--primary-l) );
    --primary-foreground-hs:0 0%;
    --primary-foreground:hsl(var(--primary-foreground-hs) var(--l-100));
    --primary-border:hsl( var(--primary-hs) var(--l-10) );

    --secondary-hs:214.38 42.18%;
    --secondary-l:var(--l-60);
    --secondary:hsl( var(--secondary-hs) var(--secondary-l) );
    --secondary-foreground-hs:0 0%;
    --secondary-foreground:hsl(var(--secondary-foreground-hs) var(--l-0));
    --secondary-border:hsl( var(--secondary-hs) var(--l-40) );

    --success-hs:120.74 60%;
    --success-l:var(--l-25);
    --success:hsl( var(--success-hs) var(--success-l) );
    --success-foreground-hs:0 0%;
    --success-foreground:hsl(var(--success-foreground-hs) var(--l-100));
    --success-border:hsl( var(--success-hs) var(--l-5) );

    --danger-hs:0 67.92%;
    --danger-l:var(--l-40);
    --danger:hsl( var(--danger-hs) var(--danger-l) );
    --danger-foreground-hs:0 0%;
    --danger-foreground:hsl( var(--danger-foreground-hs) var(--l-100) );
    --danger-border:hsl( var(--danger-hs) var(--l-20) );

    --warning-hs:25.98 73.41%;
    --warning-l:var(--l-35);
    --warning:hsl( var(--warning-hs) var(--warning-l) );
    --warning-foreground-h:0 0%;
    --warning-foreground:hsl( var(--warning-foreground-hs) var(--l-100) );
    --warning-border:hsl( var(--warning-hs) var(--l-15) );

    --notice-hs:185.78 77.59%;
    --notice-l:var(--l-50);
    --notice:hsl( var(--notice-hs) var(--notice-l) );
    --notice-foreground-hs:246.28 97.73%;
    --notice-foreground:hsl( var(--notice-foreground-hs) var(--l-20) );
    --notice-border:hsl( var(--notice-hs) var(--l-30) );

    --question-hs:217.97 34.2%;
    --question-l:var(--l-45);
    --question:hsl( var(--question-hs) var(--question-l) );
    --question-foreground-hs:0 0%;
    --question-foreground:hsl( var(--question-foreground-hs) var(--l-100) );
    --question-border:hsl( var(--question-hs) var(--l-25) );

    --mustache-hs:339.61 82.19%;
    --mustache-l:var(--l-50);
    --mustache:hsl( var(--mustache-hs) var(--mustache-l) );
    --mustache-foreground-hs:0 0%;
    --mustache-foreground:hsl( var(--mustache-foreground-hs) var(--l-100) );
    --mustache-border:hsl( var(--mustache-hs) var(--l-30) );

    --highlight-hs:200 24.71%;
    --highlight-l:var(--l-65);
    --highlight:hsl( var(--highlight-hs) var(--highlight-l) );
    --highlight-foreground-hs:0 0%;
    --highlight-foreground:hsl( var(--highlight-foreground-hs) var(--l-0) );
    --highlight-border:hsl( var(--highlight-hs) var(--l-45) );

    --transparent-hs:0 0%;
    --transparent-l:var(--l-100);
    --transparent:hsl(var(--transparent-hs) var(--transparent-l) / 0%);
    --transparent-foreground:hsl(var(--default-foreground-hs) var(--l-15) );
    --transparent-border:hsl( var(--transparent-hs) var(--l-80) / 0% );


    --theme-colors:(default, menu, primary, secondary, success, danger, warning, notice, question, mustache, generator, highlight, transparent);


    --generator-hs:49 80%;
    --generator:hsl( var(--generator-hs) var(--l-55) );
    --generator-foreground-hs:246.28 97.73%;
    --generator-foreground:hsl(var(--generator-foreground-hs) var(--l-15));
    --generator-border:hsl( var(--generator-hs) var(--l-30) );

    --page-hs:0 0%;
    --page-l:100%;
    --page:hsl( var(--page-hs) var(--l-100) );

    --page-foreground-hs:0 0%;
    --page-foreground:hsl( var(--page-foreground-hs) var(--l-0) );

    --page-line-color:hsl( var(--page-hs) var(--l-45) );
    --page-main-weapon-weapons-range:hsl( var(--page-hs) var(--l-90) );

    --dialog-hs:0 0%;
    --dialog:hsl( var(--dialog-hs) var(--l-100) );

    --dialog-foreground-hs:0 0%;
    --dialog-foreground:hsl( var(--dialog-foreground-hs) var(--l-0) );

    --sideDialog-close-border:hsl( var(--menu-hs) var(--l-40) );

    --tree-control:transparent;
    --tree-control-foreground-hs:0 0%;
    --tree-control-foreground:hsl(var(--tree-control-foreground-hs) var(--l-0));

    --tree-control-icon:transparent;
    --tree-control-icon-foreground-hs:var(--menu-hs);
    --tree-control-icon-foreground:hsl(var(--tree-control-icon-foreground-hs) var(--menu-l));

    --tree-control-selected:hsl( var(--menu-hs) var(--menu-l) / 20%);
    --tree-control-highlight-hs:60 100%;
    --tree-control-highlight:hsl(var(--tree-control-highlight-hs) var(--l-90));

    --character-card:hsl( var(--menu-hs) var(--menu-l) / 15%);
    --character-card-highlight:var(--tree-control-highlight);
    --character-card-foreground-name:var(--menu);
    --character-card-foreground:var(--dialog-foreground);

    --library-hs:0 0%;
    --library:hsl(var(--library-hs) var(--l-100));
    --library-foreground-hs:0 0%;
    --library-foreground:hsl(var(--library-foreground-hs) var(--l-10));

    --library-link-color-h:0;
    --library-link-color-s:100%;
    --library-link-color-hs:var(--library-link-color-h) var(--library-link-color-s);
    --library-link-color:hsl( var(--library-link-color-hs) var(--l-15) );

    --library-link-hover:hsl( calc( var(--library-link-color-h) - 80 ) calc( var(--library-link-color-s) * 0.3 ) var(--l-85) );

    --library-link-no-ref-hs:0 0%;
    --library-link-no-ref:hsl( var(--library-link-no-ref-hs) var(--l-35) );

    --library-details-categories-hs:50.13 75.25%;
    --library-details-categories:hsl( var(--library-details-categories-hs) var(--l-40) );

    --library-details-requirement-foreground-hs:0 100%;
    --library-details-requirement-foreground:hsl( var(--library-details-requirement-foreground-hs) var(--l-25) );

    --library-details-requirement-link-color-hs:var(--library-details-requirement-foreground-hs);
    --library-details-requirement-link-color:hsl( var(--library-details-requirement-link-color-hs) var(--l-25) );

    --library-header-hs:200 25.93%;
    --library-header:hsl(var(--library-header-hs) var(--l-85));
    --library-header-foreground-hs:246.28 97.73%;
    --library-header-foreground:hsl(var(--library-header-hs) var(--l-20));

    --effect-transfer-border-hs:0 0%;
    --effect-transfer-border:hsl( var(--effect-transfer-border-hs) var(--l-15) );

    --num-input-field-border-hs:0 0%;
    --num-input-field-border:hsl( var(--num-input-field-border-hs) var(--l-85) );


    --equipment-image:(
        female,
        female2,
        female-fat,
        female-fat2,
        male,
        male2,
        male-fat,
        male-fat2,
        dwarf-female,
        dwarf-male,
        female-robot,
        male-robot,
        robot,
        robot-funny,
        catwomen,
        catmen,
        satyr-female,
        satyr-male,
        dragon,
        thiefling-female,
        thiefling-male,
        lizardmen,
        skelleton,
        zombie,
        zombie2,
        zombie-female,
        alien
    );

    --padding-body-top:50px;
    --padding-body-left:0px;

}
    @media (min-width: 501px){:root{
        --padding-body-top:0px;
        --padding-body-left:70px

}
    }
html{ font-size:11pt;}
html, body, div, span, a,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, span, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	line-height:1px/1px;
	letter-spacing:0px;
	font-family:"times new roman";
    font-family:sans-serif;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
nav ul{
	list-style:none;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
ins{
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark{
	background-color:#ff9;
	color:#000;
	font-weight:bold;
}
del{
	text-decoration:line-through;
}
abbr[title], dfn[title]{
	border-bottom:1px dotted;
	cursor:help;
}
table{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
}
input, select, textarea{
	line-height:initial;
	border:0 none;
	font-family:"times new roman";
    font-family:sans-serif;
}
input, select{
	vertical-align:middle;
}
[hidden]{
	display:none;
}
button,
input,
select,
textarea{
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle;
}
button,
input{
	line-height:normal;
}
strong{ font-weight:bold; }
summary{
    cursor:pointer;
}
dialog{
    margin:0;
    border-radius:7px;
}
@page{ margin:0.3in }