@charset "UTF-8";:root{--c-text:240 240 240;--c-back:10 10 10;--c-text-main:hsl(0deg 100% 60%);--c-text-sub:hsl(210deg 100% 60%)}body{color:rgb(var(--c-text))}.main,.sidebar{background-color:rgb(var(--c-back)/90%);border-radius:.25rem;box-shadow:0 0 .1rem .1rem rgb(var(--c-back)/60%)}.header,.footer{background:linear-gradient( 180deg,hsl(240deg 70% 35%/90%),hsl(240deg 70% 15%/90%) );border-radius:.25rem;box-shadow:0 0 .1rem .1rem hsl(240deg 70% 25%/60%)}h1{text-shadow:-1px -1px var(--c-text-main),1px -1px var(--c-text-main),-1px 1px var(--c-text-main),1px 1px var(--c-text-main)}h2{padding-inline-start:.5rem;color:hsl(10deg 100% 55%);border-inline-start:rgb(var(--c-text))solid 3px}h3{color:hsl(40deg 100% 55%);border:none}a{color:var(--c-text-sub)}@media(hover:hover){a:hover{color:var(--c-text-main)}}:where(.saru-name,.saru-color){&.ki { color: yellow; } &.ao { color: cornflowerblue; } &.mizu { color: cyan; } &.aka { color: red; } &.kuro { color: #aaa; } &.midori { color: limegreen; } &.siro { color: white; }}.saru-stat{&[data-type="sp"] { color: #ddf; } &[data-type="at"] { color: #fdd; } &[data-type="ca"] { color: #ffd; }}