@charset "UTF-8";:root{--c-text:240 240 240;--c-back:4 38 73;--c-contents-border:61 88 143}body{--bg-image:url("/css/img/saru/saru_battle/bg_tile_blue.png");color:rgb(var(--c-text));background-color:#add8e6}.main,.sidebar{background-color:rgba(var(--c-back)/80%)}.header,.footer{background-color:rgba(var(--c-back)/90%)}.main,.sidebar,.header,.footer{border:rgb(var(--c-text))1px solid;border-radius:.5rem;box-shadow:0 0 .1rem .5rem rgb(var(--c-back)/80%)inset}:where(.header,.footer)::after{display:block;height:16px;margin-block:.5rem;content:"";background:linear-gradient( to bottom,rgb(15 97 138/.9) 0 3px,transparent 3px 6px,rgb(15 138 77/.9) 6px 9px,transparent 9px 12px,rgb(138 138 15/.9) 12px 15px,transparent 15px 100% )}h1{text-shadow:#000 .1em .1em 1px}h2{width:fit-content;padding-inline:1rem;text-shadow:#000 .1em .1em;background-color:rgba(var(--c-back)/60%);border:rgb(var(--c-contents-border))solid .2rem;border-radius:1rem}h3{padding-inline:.5rem;text-shadow:#000 .1em .1em;border:none}li{&:not(:first-child) { margin-block-start:0.25rem; } &::marker { color:rgb(128 212 255); }}:where(ul,ol) :where(ul,ol){margin-block-start:.25rem}a{color:#fe9}@media(hover:hover){a:hover{color:rgb(var(--c-text));text-shadow:#000 .1em .1em;background:linear-gradient( to bottom,rgb(230 196 25/.8),rgb(230 111 25/.8) )}}em{color:#80ff80}strong{color:#ff8080}hr{width:calc(100% - 1rem);border:rgb(var(--c-contents-border))solid 1px}table{border-spacing:0;border-collapse:separate}th,td{border:1px solid rgb(80 80 80/.3)}td{background:linear-gradient( to bottom,rgb(8 28 69/.7),rgb(25 51 102/.7) )}th{text-shadow:#000 .1em .1em;background:linear-gradient(to bottom,#081c45,#193366);border-block-start:rgb(var(--c-contents-border))2px solid;border-block-end:currentcolor 1px solid;&:first-of-type { border-inline-start:rgb(var(--c-contents-border)) 2px solid; border-start-start-radius:0.5em; } &:last-of-type { border-inline-end:rgb(var(--c-contents-border)) 2px solid; border-start-end-radius:0.5em; }}td:first-of-type{border-inline-start:rgb(var(--c-contents-border))2px solid}td:last-of-type{border-inline-end:rgb(var(--c-contents-border))2px solid}tr:last-of-type{& td { border-block-end: rgb(var(--c-contents-border)) 2px solid; &:first-of-type { border-end-start-radius: 0.5em; } &:last-of-type { border-end-end-radius: 0.5em; } }}