@import"https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap";@import"https://fonts.googleapis.com/css2?family=New+Rocker&display=swap";@import"https://fonts.googleapis.com/css2?family=Germania+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Balthazar&display=swap";:root{color-scheme:light;--color-bg1: light-dark(#f8f3e7, #1d1f21);--color-bg2: light-dark(#e6dfd3, #232528);--color-fg: light-dark(#131b1f, #6e5f5f);--color-btn1: light-dark(#6a0500, #9b1c20);--color-btn2: light-dark(#b3190e, #e95348);--color-chk1: light-dark(#8b8b8b, #a1a1a1);--color-chk2: light-dark(#a7743b, #c89e63);--color-hl1: light-dark(#d6b88c, #313335);--color-hl2: light-dark(#5b0f00, #e49668);--color-brdr1: light-dark(#b5a37b, #b5a37b);--color-rowodd: light-dark(#ffffff, #3c3f43);--color-roweven: light-dark(#f8f2eb, #484c51);--color-shadow: light-dark(#555555, #aca9a9);--transparent: rgba(0, 0, 0, .85);--clear: rgb(255, 255, 255, .1);--color-redwarn: #dc3545;--color-greengo: #28a745;--color-bluebeetle: #007bff;--color-patreon: #e85b46}:root:has(#light-dark:checked){color-scheme:dark}#light-dark{box-shadow:1px 2px 7px var(--color-fg);cursor:pointer;opacity:.5}body{font-family:Balthazar,serif;margin:0;padding:0;background-color:var(--color-bg1);color:var(--color-fg)}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--color-brdr1);padding:.3rem;text-align:center;font-family:Caudex,serif;border-collapse:collapse}th{background-color:var(--color-roweven);border:1px solid var(--color-brdr1);padding:.4rem;color:var(--color-hl2)}.bold{font-weight:800}.buttonDelete,.buttonAddMonsterToCombat{padding:.1rem!important}#logo{font-family:New Rocker,system-ui;font-weight:400;font-style:normal;font-size:clamp(1.75rem,calc(1.5rem + 2vw),4rem);text-align:center;color:var(--color-hl2);text-shadow:2px 2px 4px var(--color-shadow);margin:.5rem .1rem}button{border-radius:0;margin:.3rem;text-align:center;text-decoration:none;padding:.6rem;cursor:pointer;text-shadow:-1px -1px 2px var(--color-shadow);background:var(--color-btn2);color:var(--color-bg1);border:.15rem double var(--color-btn1);font-family:Germania One,system-ui!important;font-size:1.15rem}button:hover{filter:brightness(130%)}.combatantName{cursor:pointer;display:flex;flex-wrap:nowrap;box-sizing:border-box;padding:.45rem .3rem;align-items:center}.editConditions{cursor:pointer;padding:2px 4px;border-radius:2px;min-height:1.2rem;display:inline-block;font-family:Caudex,serif}.conditionName{display:inline-block;background-color:var(--color-chk1);color:var(--color-rowodd);padding:1px 4px;border-radius:8px;font-size:.7rem;margin-right:2px;font-family:Caudex,serif}.conditionEditOuter{min-width:10vw}.conditionEditOuter>div{margin-bottom:8px}.conditionNameEditing{display:inline-block;background-color:var(--color-redwarn);color:var(--color-rowodd);padding:2px 6px;border-radius:12px;font-size:.8rem;margin-right:4px;margin-bottom:2px;cursor:pointer;font-family:Caudex,serif}.conditionSelect{width:fit-content;padding:.3rem .7rem;margin-bottom:4px;font-family:Caudex,serif}.editConditionsDone{padding:2px 6px;font-size:.8rem;background-color:var(--color-greengo);color:var(--color-rowodd);border:none;border-radius:2px;cursor:pointer;font-family:Caudex,serif}.noCondition{color:var(--color-chk1);font-size:.9rem}.pointer{cursor:pointer;-webkit-user-select:none;user-select:none}input[type=text]{padding:.5rem;border:1px solid var(--color-brdr1);border-radius:2px;line-height:1.5rem;font-family:Caudex,serif}sup{font-size:.8rem;font-weight:200;font-family:Caudex,serif!important}#aboutButton{margin:1vh 1vw}#about{z-index:9;position:absolute;top:10vh;left:1vw;background-color:var(--color-hl1);color:var(--color-fg);margin:auto;padding:2vw;width:90vw;border:.5rem solid var(--color-hl2)}#instructions{font-size:1.1rem;line-height:1.5rem}#credits{margin-top:5rem;font-style:italic;font-family:Caudex,serif}#colorMode{display:flex;justify-content:start;margin-top:0;margin-bottom:10vh}#patreonLink{margin:1rem 0;text-align:center}#patreonLink>button{background-color:var(--color-patreon);color:#fff;font-weight:700;border:none;border-radius:8px;padding:.75rem 1.2rem;cursor:pointer}#patreonLink>p{color:var(--color-greengo);font-weight:700}#patreonOverlayDiv{position:fixed;inset:0;background-color:var(--transparent);color:#fff;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}#patreonOverlayDiv>h1{font-size:2rem;margin-bottom:1rem}#patreonOverlayDiv>p{font-size:1.2rem;margin-bottom:2rem;max-width:25vw}#patreonOverlayDiv>div{display:flex;gap:1rem}#patreonLogin{background-color:var(--color-patreon);color:#fff;font-weight:700;border:none;border-radius:8px;padding:1rem 1.5rem;cursor:pointer}#patreonContinue{background-color:#444;color:#fff;border:1px solid #777;border-radius:8px;padding:1rem 1.5rem;cursor:pointer}#heroAddManage,#monsterAddManage{margin-top:1rem;position:absolute;z-index:9;background-color:var(--color-hl1);font-family:Caudex,serif;border:.5rem solid var(--color-hl2)}#heroAddManage thead>tr,#monsterAddManage thead>tr,#battleTracker thead>tr{background-color:var(--color-bg1)}#addHeroOuter{margin-bottom:1rem;padding:1rem;border:1px solid var(--color-brdr1);border-radius:4px;background-color:var(--color-bg2)}#addHeroOuter h3{margin-top:0}.addPresent-div{display:flex}#addHeroInner{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}#addMonsterOuter{display:flex;gap:3rem;align-items:center;margin-bottom:.4rem}.nameInputWrapper{position:relative}.suggestion-list{position:absolute;top:100%;left:0;right:0;background:var(--color-roweven);border:1px solid var(--color-brdr1);list-style:none;padding:0;margin:2px 0 0;border-radius:4px;max-height:10vh;overflow:auto;z-index:100;font-family:Caudex,serif}.filteredSuggestions{padding:4px 8px;cursor:pointer;background-color:transparent}.filteredSuggestions:hover{background-color:#8b8b8b}.heroTableBody,.monsterTableBody{filter:brightness(115%)}.heroTableBody td,.monsterTableBody td{background-color:#fff}.heroTableBody .statsRow td,.monsterTableBody .statsRow td{background-color:#d3d3d3}.heroStats{display:flex;flex-wrap:wrap;justify-content:space-around}.statsRow{background-color:var(--color-roweven)}.statsRow>td{border:1px solid var(--color-brdr1);padding:.3rem;font-size:.7rem}.edit{filter:drop-shadow(1px 2px 1px #666)}.editableCellNum{width:60px;padding:2px;border:1px solid var(--color-brdr1)}.editableCellTxt{width:100px;padding:2px;border:1px solid var(--color-brdr1)}.setEditingField{cursor:pointer;padding:2px 4px;border-radius:2px}.heroesSpacer{height:.1rem;border:none;background-color:transparent}.saveClose{background-color:var(--clear)!important}.saveClose button{margin-top:1rem}#round{margin-left:5vw;font-size:1.25rem}#initiativeDialogOuter{position:fixed;inset:0;background-color:var(--transparent);display:flex;justify-content:center;align-items:center;z-index:1000}#initiativeDialogInner{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px var(--clear);min-width:25vw;max-width:90vw}#initiativeDialogInner>input{width:100%;padding:.5rem;font-size:1.1rem;border:1px solid var(--color-brdr1);border-radius:4px;margin-bottom:.5rem}.errorMsg{color:var(--color-redwarn);font-size:1rem;margin:.5rem 0}#initiativeDialogInner>div{display:flex;gap:.5rem;margin-top:1rem}#initiativeDialogInner>h3{margin-top:0}#submitInit{flex:1;padding:.75rem;background-color:var(--color-bluebeetle);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem}#randomInit{flex:1;padding:.75rem;background-color:var(--color-greengo);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem}#battleTrackerControls{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}#buttonStartBattle{font-size:1.3rem;padding:.2rem}#buttonResetCombat{aspect-ratio:1/1;align-self:flex-end}#battleTrackerOuter{padding:2rem}#battleTracker{width:95%;border:4px double var(--color-brdr1)}#battleInProgress{background-color:var(--color-roweven);padding:1rem;margin-bottom:1rerm;border-radius:4px;border:1px solid var(--color-brdr1)}#battleInProgress>p{margin:0 0 .5rem}#battleInProgress>button{margin-right:.5rem}.combatantMonsterLink{color:var(--color-bluebeetle);text-decoration:none}.combatantMonsterLink:hover{text-decoration:underline}.currentTurnIndicator{color:var(--color-greengo);font-weight:900;font-size:2rem;position:relative;left:-20px}.combatantHP{cursor:pointer}.hpChangeModalOuter{position:fixed;inset:0;background-color:var(--transparent);z-index:1000;display:flex;justify-content:center;align-items:center}.hpChangeModalInner{background-color:var(--color-rowodd);padding:2rem;border-radius:8px;box-shadow:0 4px 6px var(--clear);min-width:25vw;max-width:90vw}#deathSavesBox{background-color:var(--color-roweven);padding:.5rem;border-radius:4px;margin-bottom:1rem;border:1px solid var(--color-brdr1)}#deathSavesBox>h2{text-align:center;font-weight:700}#deathSavesBoxInner{margin-bottom:1rem;padding:.5rem;background-color:#fff;border-radius:4px;min-height:3rem;display:flex;align-items:center;gap:.5rem}#deathSavesNull{margin:auto;color:#999;font-size:1rem}.deathSavesButtons{display:flex;justify-content:center;gap:2rem}.hpChangeModalCurrent{font-size:1.2rem;margin-bottom:1rem;color:var(--color-shadow)}.hpChangeModalInput{width:90%;padding:.75rem;margin:.5rem auto;font-size:1.1rem;border:1px solid var(--color-brdr1);border-radius:4px}.hpChangeModalButtonBox{display:flex;gap:.5rem;margin:.5rem 5%;width:90%}.hpChangeModalDmgButton{flex:1;padding:.75rem;background-color:var(--color-redwarn);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600}.hpChangeModalHealButton{flex:1;padding:.75rem;background-color:var(--color-greengo);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600}.hpChangeModalCancelButton{width:75%;margin:.5rem 10%;padding:.5rem;background-color:var(--color-shadow);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-decoration:underline}#conCheckOuter{position:fixed;inset:0;background-color:var(--transparent);display:flex;justify-content:center;align-items:center;z-index:1001}#conCheckInner{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px var(--clear);min-width:25vw;max-width:90vw;text-align:center}#conCheckInner>h3{margin-top:0;color:#856404;font-size:1.2rem}#conCheckMessage{font-size:1.2rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--color-roweven);border-radius:4px;border:1px solid var(--color-brdr1)}#conCheckDC{font-size:24px;font-weight:700;color:var(--color-redwarn)}#passConCheck{margin-bottom:1.5rem;color:#666}#conCheckButtons{display:flex;gap:1rem}#conPassButton{flex:1;padding:.75rem;background-color:var(--color-greengo);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:700}#conFailButton{flex:1;padding:.75rem;background-color:var(--color-redwarn);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:700}#noCombatants,#noMonsters,#noHeroes{text-align:center;color:var(--color-chk1);font-style:italic;margin-top:2rem;font-family:Caudex,serif}#buttonVersion{font-weight:700}.twentyFour{filter:hue-rotate(40deg) brightness(150%)}.fourteen{filter:hue-rotate(190deg) brightness(90%)}.statHover{display:inline-block}.closeStats{background-color:var(--color-shadow);border:4px thick var(--color-btn2)!important;color:var(--color-redwarn);width:3vh;height:3vh;display:inline-block;margin-left:95%;margin-top:0;cursor:pointer;text-align:center;aspect-ratio:1/1;padding:initial}#footer{text-align:center;margin-bottom:1rem}#footer>a,#footer>a:visited{text-decoration:none;color:inherit}@media(orientation:landscape){#page{display:grid;grid-template-areas:"header body";grid-template-columns:.2fr 1fr;max-width:100vw;height:100vh}#header{grid-area:header;display:grid;grid-template-areas:"logo" "hmbutt" "mmbutt" "lightdark" "version" "about" "patreon";grid-template-rows:1.5fr .7fr .7fr .3fr .5fr .5fr .6fr;align-items:start;justify-items:center;border-right:2px solid var(--color-brdr1)}#logo{grid-area:logo;margin-top:2rem}#heroManagerButton{grid-area:hmbutt;max-height:fit-content}#monsterManagerButton{grid-area:mmbutt;max-height:fit-content;margin-bottom:2rem}#buttonStartBattle{grid-area:sbbutt}#patreonLink{grid-area:patreon}#buttonVersion{grid-area:version}#aboutButton{grid-area:about}#colorMode{grid-area:lightdark}#body{grid-area:body;display:grid;grid-template-areas:"battletracker" "footer";grid-template-rows:1fr .2fr;margin-top:max(5vh,10vh,15vh,20vh);margin-bottom:auto;gap:2rem}#round{margin-left:-40vw;font-weight:800}#battleTracker{grid-area:battletracker}#footer{grid-area:footer}#heroAddManage,#monsterAddManage{top:0vh;left:15vw;width:80vw;padding:1vw}.checkOverlay{display:none}}@media(orientation:portrait){#battleTrackerHeader,sup{display:none}#page{display:grid;grid-template-areas:"header" "lightdark" "managers" "round" "battletracker" "sbbutt" "version" "footer";max-width:100vw;justify-items:center}#header{grid-area:header;display:grid;grid-template-areas:"logo about patreon" "version lightdark lightdark" "hmbutt mmbutt .";border-bottom:2px thin var(--color-brdr1);align-items:center;gap:0;max-width:100vw}#footer{grid-area:footer}#logo{grid-area:logo;margin:.3rem 1.5rem .3rem .3rem}#heroManagerButton{grid-area:hmbutt;max-width:fit-content;margin-left:1rem;white-space:nowrap}#monsterManagerButton{grid-area:mmbutt;max-width:fit-content;margin-right:1rem;white-space:nowrap}#buttonStartBattle{grid-area:sbbutt}#patreonLink{grid-area:patreon;margin:0!important}#patreonLink>button{font-size:1rem}#buttonVersion{grid-area:version;max-width:fit-content;height:fit-content;margin-left:1.5rem}#aboutButton{grid-area:about;max-height:fit-content;width:fit-content;font-size:1rem;padding-left:.2rem;padding-right:.2rem;white-space:pre;justify-self:end}#colorMode{grid-area:lightdark;justify-self:center;padding:1rem 0;margin-bottom:5vh!important}#footer{grid-area:footer;margin:0 2rem 1rem}#round{grid-area:round}#battleTracker{grid-area:battletracker}.combatantInfo{display:grid;grid-template-columns:1fr 1fr .5fr .5fr .5fr .5fr;grid-template-areas:"cName cName cCond cCond cCond cCond" "cHP cInit cAct cBon cMove cReact"}.combatantName{grid-area:cName}.combatantHP{grid-area:cHP}.combatantInit{grid-area:cInit}.combatantConditions{grid-area:cCond}.combatantAction{grid-area:cAct;position:relative;z-index:2}.combatantBonus{grid-area:cBon;position:relative;z-index:2}.combatantMove{grid-area:cMove;position:relative;z-index:2}.combatantReaction{grid-area:cReact;position:relative;z-index:2}.checkOverlay{position:absolute;left:1.05rem;top:7px;opacity:.6;font-family:monospace;color:var(--color-shadow);text-align:center;z-index:1}#addHeroInner{display:flex;flex-wrap:wrap}#heroManagerHeader{display:none}.heroManagerHero{display:flex}#addMonsterOuter{display:flex;flex-wrap:wrap;gap:1rem}#monster-name{max-width:90%}#monsterManagerHeader{display:none}.monsterManagerMonster{display:flex}#patreonOverlayDiv{padding:1rem;margin-top:-50%}#patreonOverlayDiv>p{max-width:75%}#heroAddManage,#monsterAddManage{top:0vh;left:0vw;width:auto;padding:1vw}}