@import "https://fonts.googleapis.com/css2?family=Silkscreen&display=swap";*{box-sizing:border-box;font-variant-numeric:tabular-nums slashed-zero;font-family:Silkscreen,system-ui,sans-serif}body,html,#root,main{width:100%;height:100%;margin:0;padding:0;overflow:hidden}main{grid-template-rows:auto 1fr auto;display:grid}main>section.head{grid-row:1}main>section.screen{grid-row:2}main>section.foot{grid-row:3}main>section.foot,main>section.head{background-color:#ecdaca;min-height:5rem}main>section.screen{background-color:#fffdfa;overflow:auto}section.head{flex-direction:row;align-items:center;padding-left:1rem;display:flex}section.head a{color:#000;padding:.5rem;font-size:2rem;font-weight:700;text-decoration:none}button{background-color:#e2cfbd;border:3px solid #000;margin-left:.25rem;margin-right:.25rem;padding:.1rem .5rem}button.small{padding:0 .25rem}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number]{border:3px solid #452e18;width:100%;padding:.15rem .5rem;display:block}input[type=text].hidden,input[type=search].hidden,input[type=email].hidden,input[type=password].hidden,input[type=number].hidden{width:auto;font-size:inherit;background-color:#0000;border:none;display:inline-block}.dialog-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dialog-wrapper dialog{max-width:calc(100% - 5rem);max-height:calc(100% - 5rem)}.dialog-wrapper dialog.big{height:100%}.dialog-wrapper dialog{grid-template-rows:auto 1fr auto;display:grid}.dialog-wrapper dialog header{background-color:#ecdaca;font-size:1.5rem;font-weight:700}.dialog-wrapper dialog section{padding:1rem .5rem;overflow:hidden}.button-row{flex-flow:wrap;padding-bottom:1rem;display:flex}.button-row button.shortcut{background-color:#0000;border:none;outline:none;margin-top:.75rem}.button-row button.shortcut>span:first-child{border:3px solid #000;min-width:3rem;padding:.25rem .5rem;font-size:1.5rem;font-weight:700;display:inline-block}.button-row button.shortcut>span:last-child{padding:.25rem .5rem;font-size:1.25rem}table{border-collapse:collapse;width:100%}table thead,table th{text-align:left;font-size:1.2rem;font-weight:700}table tr.marked{background-color:#ecdaca}table tr.disabled,table tr.dead{background-color:#6b5c50}table tr.selected{background-color:#ebecca}.encounters{flex-flow:wrap;justify-content:center;align-items:start;gap:1rem;margin-top:1rem;padding-bottom:1rem;display:flex}.encounters .encounter{background-color:#ecdaca;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:2rem;display:flex}.encounters .encounter>span:first-child{font-size:1.5rem;font-weight:700}.monster-list{max-height:100%;padding-bottom:3rem;overflow:auto}.monster-list .monster{padding:.2rem 0}.monster-list .monster span.number{text-align:center;border:2px solid #000;min-width:1.5rem;padding:.25rem;font-weight:700;display:inline-block}.monster-list .monster span.name{margin-left:.5rem}.number-preview{z-index:99;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.number-preview>div{background-color:#ecdaca;border:3px solid #000;padding:.25rem}.loading-progress{justify-content:center;align-items:center;height:100%;display:flex}.loading-progress progress{appearance:none;color:#debda1;background-color:#fff;border:3px solid #000;width:calc(100% - 10rem);height:20px;overflow:hidden}.loading-progress progress::-webkit-progress-bar{background-color:#fff}.loading-progress progress::-webkit-progress-value{background-color:#debda1;transition:width .2s}.loading-progress progress::-moz-progress-bar{background-color:#debda1;transition:width .2s}.infos{flex-flow:wrap;gap:1rem;height:100%;padding-bottom:5rem;display:flex;overflow:auto}.infos .info-block{border:3px solid #895a31;grid-template-rows:auto 1fr;display:grid}.infos .info-block .label:after{content:":";margin-right:.5rem}.infos .info-block .label{background-color:#ecdaca;border-bottom:3px solid #895a31;padding:.25rem .5rem;font-size:1.1rem;font-weight:700;display:block}.infos .info-block ul{padding-left:1.2rem;padding-right:.2rem}.infos .info-block .value{place-self:center;padding:.25rem}.action-block{flex-direction:column;gap:.25rem;display:flex}.action-block span{padding:0 .5rem}.action-block .name{border-bottom:3px solid #000;width:fit-content;margin-left:.5rem;font-weight:700}.action-block .description{padding:0 1rem;font-style:italic}.alert-wrapper{z-index:999;background-color:#3339;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.alert-wrapper .alert{background-color:#fff;border:6px solid #7f2b2b;padding:1rem}.float-end{float:right}