@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}button.modal-submit{float:right;margin:2rem 0 0}.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 header button{float:right;background-color:#0000;border:2px solid #000;height:100%;margin:0}.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}main.tablet-mode dialog{font-size:1.1rem}main.tablet-mode td{border-top:2px solid #b5b4b4;padding-top:.75rem;padding-bottom:.75rem;font-size:1.2rem}main.tablet-mode .monster-list .monster{padding:.3rem 0;font-size:1.2rem}main.tablet-mode input[type=text],main.tablet-mode input[type=search],main.tablet-mode input[type=number]{padding:.3rem .5rem;font-size:1.1rem}main.tablet-mode section.head input{font-size:inherit;padding:0}main.tablet-mode button{padding:.5rem 1rem;font-size:1.1rem}main.tablet-mode button.shortcut{padding:0}main.tablet-mode td{position:relative}main.tablet-mode td button{position:absolute;top:0;bottom:0;right:0}.float-end{float:right}