@charset "UTF-8";:root{--main-font-size:14pt;--main-background:#4b131e;--main-dark:#303437;--main-font:white;--button-hover:lightgrey;--hover-text:var(--main-background);--button-height:2.5rem;--border-radius:3px;--app-window-background:#B4AAA9;--button-color:buttonface}*{margin:0;padding:0;border:none;font-family:Verdana,Geneva,Tahoma,sans-serif}html{height:100%;color:#fff;background-color:var(--main-background)}#main-window{height:100vh;width:100vw}#titles{width:350px;margin:auto}#app-container{width:350px;margin:auto;padding-top:1rem}#app-content{color:#000;box-shadow:0 0 10px 1px black;border-radius:var(--border-radius);overflow:hidden}.app-title{padding-bottom:1rem;font-family:gill sans,gill sans mt,Calibri,trebuchet ms,sans-serif;font-size:2.1rem;text-align:center}#app-window{background-color:var(--app-window-background);min-height:470px;padding:1.5rem}#nav{display:flex;flex-direction:row;justify-content:space-around;align-items:center;border-bottom:2px solid #000;background-color:var(--main-dark)}#nav a{text-decoration:none}.nav-button{display:flex;justify-content:center;align-items:center;height:3rem;width:var(--button-height);font-size:1.5rem;color:var(--button-color);background-color:unset;border-radius:var(--border-radius);cursor:pointer}.nav-button.selected{color:#d5d06f;text-shadow:.5px .5px 0 #ff38a9}button{border-radius:var(--border-radius);cursor:pointer;height:var(--button-height);width:var(--button-height)}.monster-stats{--button-height:2.6rem;font-size:var(--main-font-size)}.monster-stats .stat-inputs-container{padding-bottom:.5rem}.monster-stats .stat-input{padding-top:.1rem;padding-bottom:.7rem;display:flex;flex-direction:row;justify-content:center}.monster-stats button{width:var(--button-height);height:var(--button-height);font-size:var(--main-font-size);background-color:var(--button-color);color:#000}.monster-stats .stat-input-button.extra{width:4rem;margin-left:10px;margin-right:10px;background-color:unset;font-size:1rem;border:1px solid var(--button-color)}.monster-stats .stat-input-button.extra.is-empty{background-color:var(--app-window-background);border:none}.monster-stats .stat-input-text{background-color:var(--button-color);color:#781e30;font-weight:700;border:2px solid #000;box-sizing:border-box;height:var(--button-height);width:var(--button-height);text-align:center;font-size:1.4rem;border-radius:var(--border-radius)}.monster-stats .stat-output{display:flex;flex-direction:row;justify-content:space-evenly;padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid grey}.monster-stats .stat-output-value{padding-top:5px;text-align:center;height:1.5rem;width:100%}.sblock{--core-stat-length:3.5rem;width:16.5rem;margin:auto;padding-top:1rem;padding-bottom:1.5rem}.sblock .stat-row{display:flex;flex-direction:row;justify-content:space-between}.sblock .stat-container{width:var(--core-stat-length)}.stat-label{font-style:italic;text-align:center;font-size:.9rem;color:#797979;cursor:default}.flex-column-container{display:flex;justify-content:center}.sblock .stat-value-number{display:flex;justify-content:center;font-size:1.34rem}.sblock .stat-number-multi-container{position:relative;width:var(--core-stat-length);height:var(--core-stat-length);left:-1px;top:1px}.sblock .stat-number-first{width:50%;position:absolute;left:0;top:0;text-align:center}.sblock .stat-number-divide{position:absolute;left:46%;top:25%;transform:rotate(25deg)}.stat-number-second{width:50%;position:absolute;right:0;bottom:0;text-align:center}.sblock .stat-value-shape{width:var(--core-stat-length);height:var(--core-stat-length);display:flex;flex-direction:column;justify-content:center;background-color:var(--button-color);border:2px solid #000}.sblock .HP{border-radius:50%}.sblock .AC{border-radius:var(--border-radius)}.sblock .DPM{border-radius:var(--border-radius)45% var(--border-radius)45%}.sblock .actions{margin-top:1rem;margin-bottom:1rem;padding-left:.7rem}.sblock td.action-data{padding:.2rem 0 .2rem .5rem}.sblock .XP-value{background-color:#d3c187;text-align:center;padding:.2rem .5rem;border:1px solid #000;border-left:3px solid #000;border-right:3px solid #000;border-radius:.7rem}.create-character{font-size:var(--main-font-size)}.create-character .stage-card{min-height:400px}.stage-card,.stage-card-part{display:flex;flex-direction:column;align-items:center}.create-character button{width:auto}.create-character .navigation{display:flex;justify-content:space-evenly;align-items:center;padding-bottom:2rem}.create-character .stage-card-part{min-height:300px}.create-character .navigation button{font-size:1rem;width:var(--button-height)}.create-character .stat-row{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin-block:.5rem}.create-character .ability-score-label{width:100px;text-align:right}.create-character input{height:var(--button-height);font-size:var(--main-font-size);text-align:center;width:4rem;border-radius:var(--border-radius)}.create-character .randomise-button-container{width:100px}.create-character button.randomise-button{width:var(--button-height);margin-left:1rem}.create-character button.next{margin-top:1rem;width:var(--button-height);height:var(--button-height)}.create-character .class-select{width:9rem;margin-bottom:.5rem;font-size:var(--main-font-size)}.create-character .details-container{padding-bottom:1rem;width:100%}.create-character .details-row{display:flex;flex-direction:row;justify-content:space-between}.create-character .ability-block{width:100%;padding-bottom:1rem;overflow-x:auto}.create-character .ability-name{font-weight:700;font-size:1.1rem;color:var(--main-background)}.create-character .class-text{font-size:.9rem}.tooltip-flex{display:flex;justify-content:center}.tooltip-link{border-color:inherit;white-space:nowrap}.tooltip-text{box-sizing:border-box;pointer-events:none;padding:6px 7px;background:#000;color:#fff;font-size:.9rem;text-align:left;border-radius:4px;white-space:normal}.tooltip-arrow{position:absolute;background:#000;width:8px;height:8px;transform:rotate(45deg);box-sizing:border-box}@media(hover:hover) and (pointer:fine){button:hover{color:var(--hover-text);background-color:var(--button-hover)}}