@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);--color-hero-bg1: light-dark(#181715, #f4e8d8);--color-hero-bg2: light-dark(#2e2c28 ,#e8dcc8);--color-hero-brdr1: light-dark(#d0b4a0, #8b4513);--color-hero-fg1: light-dark(#d09999, #8b0000);--color-hero-fg2: light-dark(#bfb9b7, #2c1810);--color-hero-fg3: light-dark(#aca9a9, #555555);--color-monster-bg1: light-dark(#323130, #fdf8f3);--color-monster-brdr1: light-dark(#af5445, #58180d);--color-monster-brdr2: light-dark(#b46347, #c9ad6a);--color-monster-fg2: light-dark(#e28466, #822000);--transparent: rgba(0, 0, 0, .85);--clear: rgb(255, 255, 255, .1);--color-redwarn: #dc3545;--color-greengo: #28a745;--color-bluebeetle: #007bff;--color-patreon: #e85b46}#light-dark{box-shadow:1px 2px 7px var(--color-fg);cursor:pointer}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)}a{color:var(--color-hl1)}a:visited{color:var(--color-hl2)}.bold{font-weight:800}.indent{margin-left:1rem}.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,#inputImportData{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}.Off{filter:brightness(65%)}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,#options{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)}#about li,#options li{list-style:none}#options li{margin:.5rem 0 0}#aboutCloseButton,#optionsCloseButton{float:right}#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;cursor:pointer}#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}#monsterNameInput{width:13rem}.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:35vh;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{display:flex;justify-content:flex-start;gap:4rem;align-items:center;font-size:1.5rem;font-weight:800}#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}#buttonStartBattle{font-size:1.3rem;padding:.2rem;width:fit-content;height:fit-content}#buttonResetCombat{aspect-ratio:1/1;align-self:flex-end}#battleTracker{width:96%;border:4px double var(--color-brdr1)}#battleInProgress{background-color:var(--color-roweven);padding:1rem;margin-bottom:1rerm;border-radius:4px}#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}#conditionReminderOverlay{position:fixed;top:0;left:0;right:50vw;bottom:50vh;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;opacity:92.5%;overflow:none}#conditionReminderContent{background:var(--color-bg2);padding:1rem;border-radius:4px;box-shadow:0 4px 6px #0000001a;border:2px groove var(--color-hero-brdr1);margin:2% 0 0 2%;transform:scale(0);opacity:0;transition:transform .3s ease,opacity .3s ease}#conditionReminderOverlay.open #conditionReminderContent{transform:scale(1);opacity:1}.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;max-width:fit-content;height:fit-content}.twentyFour{filter:hue-rotate(40deg) brightness(150%)}.fourteen{filter:hue-rotate(190deg) brightness(90%)}.statHover{display:inline-block;color-scheme:dark}.heroStatHover{background-color:var(--color-hero-bg1);border:3px solid var(--color-hero-brdr1);border-radius:8px;padding:1rem;width:320px;box-shadow:0 8px 16px var(--transparent);z-index:10000;font-family:Bookman Old Style,serif;color:var(--color-hero-fg2);pointer-events:auto}.heroStatHeader{border-bottom:2px solid var(--color-hero-brdr1);padding-bottom:.5rem;margin-bottom:.75rem}.heroStatHeaderName{margin:0;font-size:22px;font-weight:700;color:var(--color-hero-fg1);text-transform:uppercase;letter-spacing:1px}.heroStatHeaderPlayer{font-size:13px;font-style:italic;color:var(--color-hero-fg3);margin-top:2px;filter:brightness(50%)}.heroStatACInit{display:flex;justify-content:space-around;margin-bottom:.7rem;padding:.5rem;background-color:var(--color-hero-bg2);border-radius:4px;border:1px solid var(--color-hero-brdr1)}.heroStatACInit>div{text-align:center}.heroStatACInit>div div:nth-of-type(odd){font-size:11px;font-weight:700;color:var(--color-hero-brdr1);text-transform:uppercase}.heroStatACInit>div div:nth-of-type(2n){font-size:18px;font-weight:700;color:var(--color-hero-fg1)}.heroStatAbility{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.heroStatAbility>div{background-color:var(--color-hero-bg2);border:2px solid var(--color-hero-brdr1);border-radius:4px;padding:.4rem;text-align:center}.heroStatAbility>div div:nth-of-type(3n+1){font-size:10px;font-weight:700;color:var(--color-hero-brdr1);margin-bottom:2px}.heroStatAbility>div div:nth-of-type(3n+2){font-size:18px;font-weight:700;color:var(--color-hero-fg2);line-height:1}.heroStatAbility>div div:nth-of-type(3n){font-size:12px;color:var(--color-hero-fg3);margin-top:2px;filter:brightness(75%)}.heroStatPP{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--color-hero-brdr1);padding-top:.5rem;font-size:13px}.heroStatPP span:nth-child(odd){font-weight:700;color:var(--color-hero-brdr1)}.heroStatPP span:nth-child(2n){font-size:16px;font-weight:700;color:var(--color-hero-fg2);background-color:var(--color-hero-bg2);padding:2px 8px;border-radius:4px;border:1px solid var(--color-hero-brdr1)}.heroStatConditions,.monsterStatConditions{margin-bottom:1rem;font-weight:400}.heroStatConditionsName,.monsterStatConditionsName{font-weight:700;color:var(--color-hero-fg1)}.monsterStatHover{background-color:var(--color-monster-bg1);border:2px solid var(--color-monster-brdr1);border-radius:4px;padding:1rem;width:350px;box-shadow:0 8px 16px var(--transparent);z-index:10000;font-family:Georgia,serif;color:var(--color-monster-brdr1);pointer-events:auto}.monsterStatName{display:flex;justify-content:center;border-bottom:2px solid var(--color-monster-brdr1);padding-bottom:.25rem;margin-bottom:.5rem;justify-self:center}.monsterStatName>h3{margin:0;font-size:24px;font-weight:700;color:var(--color-monster-brdr1);font-variant:small-caps;letter-spacing:1px;line-height:1.2}.monsterStatLink{font-size:11px;color:var(--color-monster-fg2);margin-top:2px;font-style:italic}.monsterStatLink>a,.monsterStatLink>a:visited{color:inherit}.monsterStatACHPInit{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.4rem 0;border-bottom:1px solid var(--color-monster-brdr2);font-weight:700;font-size:13px}.monsterStatACHPInit span:nth-of-type(2n){font-weight:400;font-size:13px;color:var(--color-monster-fg2)}.monsterStatAbility{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;margin-bottom:.5rem;text-align:center;font-size:11px}.monsterStatAbility>div div:nth-of-type(odd){font-weight:700;color:var(--color-monster-brdr1);font-size:10px}.monsterStatAbility>div div:nth-of-type(2n){font-size:13px;font-weight:700;color:var(--color-monster-fg2)}.monsterStatPP{font-size:12px;font-weight:400;margin-bottom:.25rem}.monsterStatConditions{font-weight:100}.closeStats{background-color:var(--color-shadow);border:4px thick var(--color-btn2)!important;color:var(--color-redwarn);width:3vh;height:3vh;margin-left:92%;margin-top:0;cursor:pointer;text-align:center;aspect-ratio:1/1;padding:initial;float:right}#footer{text-align:center;margin-bottom:1rem}#footer>a,#footer>a:visited{text-decoration:none;color:inherit}#uploadData{display:flex;flex-wrap:wrap}#uploadData input,#buttonDownloadData{width:fit-content;padding:.2rem}@media(orientation:landscape){#page{display:grid;grid-template-areas:"header sbbutt round" "header battletracker battletracker" "header footer footer";grid-template-columns:.2fr .3fr .8fr;grid-template-rows:.2fr 1fr .2fr;max-width:100vw;height:100vh}#header{grid-area:header;display:grid;grid-template-areas:"logo" "hmbutt" "mmbutt" "sbbutt" "lightdark" "about" "options" "patreon";grid-template-rows:1.5fr .7fr .7fr 1fr .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;margin-top:auto;margin-left:5vw;align-self:center}#patreonLink{grid-area:patreon;margin:0 .25rem .25rem 0}#optionsButton{grid-area:options}#aboutButton{grid-area:about}#colorMode{grid-area:lightdark}#round{margin-top:10%}#buttonResetCombat{justify-self:end}#battleTracker{grid-area:battletracker;margin:2vh 1vw auto auto}#noCombatants,#battleInProgress{margin-top:10vh;text-align:left}#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" "options" "footer";max-width:100vw;justify-items:center}#header{grid-area:header;display:grid;grid-template-areas:"logo about patreon" "options 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;margin:1rem}#patreonLink{grid-area:patreon;margin:0!important}#patreonLink>button{font-size:1rem}#optionsButton{grid-area:options;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}#footer{grid-area:footer;margin:0 2rem 1rem}#round{grid-area:round;width:90%}#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.3rem;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}#resumeCombat{margin:1rem}}