:root{font-size:16px;--sans:Lato,sans-serif;--serif:Merriweather,serif;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--black:rgba(0,0,0,1);--white:rgba(255,255,255,1);--blue-DK:rgba(101,93,146,1);--blue:rgba(144,133,209,1);--blue-HL:rgba(177,170,223,1);--gray:rgba(63,72,77,1);--gray-dark:rgba(48,55,59,1);--gray-darker:rgba(34,38,42,1);--gray-darkest:rgba(30,30,30,1);--gray-light:rgba(136,144,150,1);--gray-lighter:rgba(175,184,190,1);--green-DK:rgba(98,132,104,1);--green:rgba(140,188,148,1);--green-HL:rgba(175,208,180,1);--pink-DK:rgba(153,99,99,1);--pink:rgba(218,142,141,1);--pink-HL:rgba(229,176,175,1);--red-DK:rgba(136,29,29,1);--red:rgba(194,42,41,1);--red-HL:rgba(212,106,105,1);--yellow-DK:rgba(134,110,0,1);--yellow:rgba(191,157,0,1);--yellow-HL:rgba(210,186,77,1);--on-blue-dark:var(--white);--on-blue:var(--black);--on-blue-highlight:var(--black);--on-gray:var(--white);--on-gray-dark:var(--white);--on-gray-darker:var(--white);--on-gray-darkest:var(--white);--on-gray-light:var(--black);--on-gray-lighter:var(--black);--on-green-dark:var(--black);--on-green:var(--black);--on-green-highlight:var(--black);--on-pink-dark:var(--white);--on-pink:var(--black);--on-pink-highlight:var(--black);--on-red-dark:var(--white);--on-red:var(--white);--on-red-highlight:var(--black);--on-yellow-dark:var(--white);--on-yellow:var(--black);--on-yellow-highlight:var(--black);--attention:var(--yellow);--danger:var(--red);--interactive:var(--blue);--success:var(--green);--warn:var(--pink);--red-light:var(--red-HL);--sp-2:2px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-24:24px;--sp-32:32px;--border:1px solid var(--gray-light);--radius-3:3px;--radius-6:6px;--global-head-height:48px;--global-footer-height:34px;--tracker-head-height:62px;--encounter-head-height:70px;--global-header-n-footer:calc(var(--global-head-height) + var(--global-footer-height));--global-tracker-headers:calc(var(--global-head-height) + var(--tracker-head-height));--all-3-headers:calc(var(--global-tracker-headers) + var(--encounter-head-height));--page-wrap-bottom-row:calc(100vh - var(--global-header-n-footer));--tracker-wrap-bottom-row:calc(100vh - (var(--global-tracker-headers) + var(--global-footer-height)));--encounter-wrap-bottom-row:calc(100vh - var(--all-3-headers))}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Regular.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Bold.ttf) format("truetype");font-weight:700;font-style:bold;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Bold.ttf) format("truetype");font-weight:900;font-style:bold;font-display:swap}@font-face{font-family:Merriweather;src:url(/fonts/Merriweather/Merriweather-VariableFont.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Merriweather;src:url(/fonts/Merriweather/Merriweather-VariableFont.ttf) format("truetype");font-weight:900;font-style:bold;font-display:swap}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%}html{text-size-adjust:none;background-color:var(--gray-darker);color:var(--white)}body{font-family:var(--sans)}h1,h2{font-family:var(--serif)}label{font-size:var(--fs-sm);font-weight:700;top:5px;position:relative;width:100%;& .styled-checkbox{top:0}}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-HL);text-decoration:underline}.batch-edit__item>.checkbox-label>.styled-checkbox{left:6px;top:5px}.emphasize{font-style:italic;font-weight:700}.txt-cap{text-transform:capitalize}.txt-low{text-transform:lowercase}.txt-upper{text-transform:uppercase}label.two-line{padding-right:10px;top:0}label.two-line>span.primary{display:block}.disabled{opacity:.25}.show{display:block!important}.hide{display:none!important}.sr-only{height:0;position:absolute;visibility:hidden;width:0}.required__wrap{color:var(--pink);font-size:var(--fs-base);font-weight:700;display:flex;align-items:center;justify-content:center}.required__wrap .required__icon{margin-right:var(--sp-4)}.required__icon{stroke:var(--pink);stroke-width:2}.role-select__icon.gray{fill:var(--gray-light)}.role-select__icon.green{fill:var(--green)}.role-select__icon.pink{fill:var(--pink)}.role-select__icon.red{fill:var(--red)}.role-select__icon.red-light{fill:var(--red-light)}.role-select__icon.yellow{fill:var(--yellow)}.role-select__icon.gray.globe{fill:none;stroke:var(--gray-light)}.role-select__icon.white{fill:var(--white)}.input-wrap{margin-bottom:10px}input{border:none;border-radius:3px;font-size:var(--fs-xl)}input[type=number].digit--4{width:70px}input[type=number].digit--2{width:50px}input[type=checkbox]{visibility:hidden}.checkbox-label{display:block;position:relative;padding-left:0;margin-bottom:0;cursor:pointer}.styled-checkbox{background-color:var(--white);border-radius:3px;display:block;height:24px;width:24px;position:absolute;top:6px;right:0;z-index:10}.styled-checkbox:after{content:"";position:absolute;display:none;left:8px;top:3px;width:8px;height:16px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}input[type=checkbox]:checked~.styled-checkbox{background-color:var(--blue)}input[type=checkbox]:checked~.styled-checkbox:after{display:block}.portrait__placeholder{background-color:var(--gray-light);border:var(--border);display:block;height:127px;overflow:hidden;width:127px}.portrait__placeholder img{display:block;height:125px;width:125px}.portrait__placeholder .icon--placeholder{opacity:.25;font-size:50px;width:130px;height:130px;position:relative;left:-3px;top:10px}.conditions__body{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:repeat(3,1fr)}.condition__toggle-wrap{display:grid!important;position:relative;& .condition__toggle{padding:0;text-align:center;&>.condition__label{padding:0 var(--sp-8)}}&.active{& svg{fill:var(--white)}& .condition__popover{color:var(--black)}}}.condition__toggle{display:flex;height:28px;justify-content:space-between;position:relative;& .condition__counter{display:block;padding-right:var(--sp-4);position:relative;& .condition__counter-number{position:absolute;top:8px;left:9px;font-size:var(--fs-xs)}}}.flex{display:flex;width:100%}.flex-item{flex-grow:1;min-height:100px}.grid{display:grid}.grid--two-thirds{grid-template-columns:2fr 1fr}.grid--thirds{grid-template-columns:1fr 1fr .5fr}.page-wrap{grid-template-columns:100%;grid-template-rows:var(--global-head-height) var(--page-wrap-bottom-row);container:page-wrap/inline-size}.tracker__wrap{min-height:calc(100vh - var(--global-head-height));height:0;overflow-y:auto}.tracker__wrap--left{display:grid;grid-template-columns:100%;grid-template-rows:var(--tracker-head-height) var(--tracker-wrap-bottom-row)}#encounter__utilities{padding:8px 4px 0 0;& .utilities__overlay-wrap{position:relative}}.column-wrap{display:grid;&.column-wrap--two{grid-template-columns:1fr 1fr;gap:var(--sp-8)}}.actor-control__grid{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:100%;grid-template-rows:20px 34px calc(100vh - (69px + var(--global-header-n-footer)));& .actor-control__controls{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sp-8)}& .srd-viewport-slot{color:var(--white);background-color:var(--gray-dark);border:var(--border);border-radius:var(--radius-6);display:grid;grid-template-columns:100%;margin-right:var(--sp-4);overflow-y:auto;padding:var(--sp-12) var(--sp-16) 0 var(--sp-8);box-shadow:inset 0 1px 3px 2px rgba(0,0,0,.75)}}.footer-nav{display:flex;flex-direction:row;font-size:var(--fs-sm);gap:var(--sp-16);justify-content:center;padding:var(--sp-8) var(--sp-16);& a{color:var(--blue);text-decoration:none;&:focus,&:hover{color:var(--blue-light);text-decoration:underline}}}@media only screen and (min-width:969px){.tracker__wrap.grid--halves{grid-template-columns:1.5fr 1fr}.toggle{display:none}}@media only screen and (max-width:968px){.tracker__wrap.grid--halves{grid-template-columns:1fr}#encounter__utilities{background-color:var(--gray-dark);border-left:var(--border);transition:transform .3s ease-in-out;top:0;bottom:0;padding:var(--sp-8);position:fixed;width:100%;right:-100%;z-index:5;box-shadow:0 5px 5px 2px rgba(0,0,0,.75)}#encounter__utilities:target{transform:translateX(0);right:0;& .condition-details__wrap{display:none}}.close{color:var(--blue);text-align:right;display:block;text-decoration:none;float:right;font-size:var(--fs-4xl);position:relative}}.encounter__body{font-size:var(--fs-sm);overflow-y:scroll;padding:var(--sp-8) var(--sp-16) 0 0;scroll-behavior:smooth}.encounter__body.not-active{& .actorCard,& button{opacity:.5}}.encounter__column{padding:var(--sp-8);position:relative}.encounter__controls{border-bottom:var(--border);position:relative;box-shadow:0 12px 10px -10px rgba(0,0,0,.75);& .inner-controls{container:inner-controls/inline-size;display:flex;gap:var(--sp-8);justify-content:center;width:100%}}@container inner-controls (max-width: 315px){.hide--sm{display:none}}.encounter__controls .flex{justify-content:space-between}.encounter__head{font-family:Lato,sans-serif;padding:var(--sp-8) var(--sp-8) 0}.encounter__head button{min-height:44px;min-width:44px}.encounter__head button svg{height:34px;width:32px}.encounter__head>.right{display:flex;justify-content:flex-end;align-items:flex-end;gap:10px}.encounter__head .right button{float:right}.encounter__wrap{background-color:var(--gray-dark);border:var(--border);border-radius:var(--radius-6);display:grid;grid-template-columns:100%;grid-template-rows:var(--encounter-head-height) calc(var(--encounter-wrap-bottom-row) - 53px);margin:var(--sp-8) var(--sp-8) 0 var(--sp-8);padding:var(--sp-8);position:relative;box-shadow:inset 0 1px 3px 2px rgba(0,0,0,.75)}.encounter__rounds{font-size:var(--fs-lg);font-weight:700;margin-top:var(--sp-8);text-align:center}.enc__info{font-size:var(--fs-base)}.enc__info>.label{display:inline-block;font-weight:700;width:95px}.enc__info>.value{font-style:italic}.actor-control__wrap{margin:10px 0}header{border-bottom:var(--border);padding:var(--sp-4) var(--sp-8);&>.left,&>.middle,&>.right{display:flex;align-items:center}&>.right{justify-content:flex-end;margin-right:var(--sp-4)}}.logo{display:block;height:40px;width:40px}.logo,h1{float:left}h1{font-size:var(--fs-3xl);margin:0 0 0 10px;padding:0}.header-controls>button{display:inline-block}.header-controls>button:not(last-of-type){margin-right:20px}.mobile-menu{display:none;border-radius:var(--radius-3);height:34px;padding:0 var(--sp-4);width:auto}.mobile-dropdown{display:none;background:gray;border:var(--border);border-radius:var(--radius-3);list-style:none;margin:0;padding:0;position:absolute;right:var(--sp-8);top:41px;z-index:11;box-shadow:0 5px 5px 2px rgba(0,0,0,.75);& li{padding:0;text-align:center;& button{display:block;border-radius:0;padding:var(--sp-4) var(--sp-8);width:100%;&:first-of-type{border-top-left-radius:var(--radius-3);border-top-right-radius:var(--radius-3)}&:last-of-type{border-bottom-left-radius:var(--radius-3);border-bottom-right-radius:var(--radius-3)}&:focus,&:hover{background-color:var(--gray-dark);color:var(--white)}}}}@container page-wrap (max-width: 999px){header.grid--thirds{grid-template-columns:1fr 1fr 80px}header>.header-controls{text-align:right}.header-controls>button:not(last-of-type){margin-right:10px}}@container page-wrap (max-width: 790px){header.grid--thirds{grid-template-columns:1fr 50px}header>.header-controls.middle{display:none}.desk-menu{display:none!important}.mobile-menu{display:block;&:focus,&:focus-within,&:hover{& ul.mobile-dropdown{display:block}}}}@container page-wrap (max-width: 300px){h1{display:none}}.actorCard{background:var(--gray-dark);border:1px solid var(--gray-lighter);border-radius:6px;container:actorCardContainer/inline-size;display:block;margin-bottom:20px;min-width:390px;padding-bottom:var(--sp-4);position:relative;box-shadow:0 5px 5px 2px rgba(0,0,0,.75);&.active{border:4px solid var(--yellow)}&.blink{outline:2px solid var(--blue-highlight);outlineOffset:2px;boxShadow:0 0 0 6px rgba(177,170,223,.35);transition:box-shadow .3s ease,outline-color .3s ease}}.actorCard__grid{display:grid;grid-template-columns:40px repeat(11,1fr);grid-template-rows:36px repeat(2,1fr);height:100%;width:100%}.actorCard__card-controls{background:var(--gray);border-radius:6px 0 0 6px;flex-direction:column;grid-row:span 3/span 3;justify-content:space-between;box-shadow:inset -6px 0 2px -4px rgba(0,0,0,.35)}.actorCard__card-controls,.actorCard__header{align-items:center;display:flex;position:relative}.actorCard__header{grid-column:span 11/span 11;padding:var(--sp-4)}.actorCard__header--name{font-family:Merriweather,serif;font-size:var(--fs-xl);font-weight:700;margin-left:var(--sp-4)}.actorCard__header--edit{position:absolute;right:0}.actorCard__stats{grid-column:span 5/span 5;grid-row:span 2/span 2;grid-column-start:2;grid-row-start:2;& .row--top{display:grid;grid-template-columns:136px 1fr}&.rules--dnd .row--bottom{height:86px}&.rules--dnd .row--bottom .btn--hp-ac{top:var(--sp-8)}& .row--bottom{display:flex;height:72px}& .temps{display:none}}.actorCard__stats.rules--dnd{& .row--top{height:136px}}.actorCard__stats.rules--pf{& .row--top{height:136px}}.actorCard__stats .portrait__placeholder{position:relative;height:136px;width:136px;& .icon--placeholder{position:absolute;left:0;right:0;width:134px;bottom:-7px}& img{height:136px;width:136px;transition:filter .45s ease}& .actorCard__init--wrap{position:absolute;left:var(--sp-4);font-size:var(--fs-3xl);font-family:Merriweather,serif;font-weight:700;text-shadow:1px 1px 2px black,0 0 25px black,0 0 5px black;z-index:4}& .actorCard__init--wrap .asterisk__wrap{top:-12px;position:relative;left:2px}& .actorCard__overlay{background:radial-gradient(circle farthest-corner at center center,RGBA(255,255,255,0) 50%,rgba(0,0,0,1) 100%);position:absolute;bottom:0;display:block;left:0;opacity:.3;right:0;top:0;z-index:4}}.actorCard__init{display:flex;flex-direction:row;position:relative;& svg{stroke:var(--white);position:relative;z-index:5}& svg.shadow{stroke:var(--black);opacity:.75;position:relative;left:-9px;top:2px;z-index:4}}.actorCard__init--orig{font-size:var(--fs-lg);position:relative;top:-6px}.actorCard{&.dead{.portrait__placeholder img{filter:saturate(0)}}&.dying{.portrait__placeholder img{filter:saturate(.5)}}}.death-saves__wrap{bottom:0;display:block;position:absolute;top:0;right:0;z-index:5;& .death-saves{display:flex;flex-direction:row;height:99px;width:68px;transform:translateX(-68px);transition:transform .25s ease}& .death-saves,& .death-saves__label{background-color:rgba(0,0,0,.5);position:absolute}& .death-saves__label{border-top-left-radius:3px;display:block;height:36px;margin:0;right:-1px;top:99px;width:36px;z-index:6}&>.death-saves__toggle{display:none;&~.death-saves__label>svg{transform:rotate(-180deg);transition:transform .25s ease}&:checked~.death-saves__label>svg{transform:rotate(0deg);transition:transform .25s ease}&:checked~.death-saves{transform:translateX(0);transition:transform .25s ease}}.death-fail-btn,.death-pass-btn{border:1px solid transparent;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:var(--sp-4);&:hover{border-color:var(--white)}& .icon--f{opacity:.3}&[failcount="1"],&[passcount="1"]{& .icon--f:first-of-type{opacity:1}}&[failcount="2"],&[passcount="2"]{& .icon--f:nth-child(-n+2){opacity:1}}&[failcount="3"],&[passcount="3"]{& .icon--f:nth-child(-n+3){opacity:1}}}}.actorCard__statuses{display:flex;flex-direction:column;padding:0 var(--sp-8);&>button{font-size:var(--fs-sm);line-height:14px}&>button,&>div{height:24px;margin-bottom:var(--sp-8)}& .input-wrap{display:flex;gap:var(--sp-4);& label{font-size:var(--fs-sm);text-align:right;width:40%}}& .exhaustion-wrap{position:relative}}.actorCard__actions .button-wrap{display:flex}.saves__cell{padding:0 var(--sp-4);position:relative;top:-2px;width:100%;& .saves__header{border-bottom:var(--border);text-align:center;margin:0 auto 10px;padding:0 var(--sp-8);position:relative;& .saves__header-text{display:block;background:var(--gray-dark);padding:0 10px;width:clamp(50px,30%,100px);top:6px;letter-spacing:10px;position:relative;margin:0 auto;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase}}& .saves__outer-wrap{margin:0 auto;padding:0 var(--sp-8);position:absolute;width:calc(100% - var(--sp-4));bottom:var(--sp-4)}& .save-mods--inner-wrap{background:var(--gray-darkest);border-radius:6px;padding:var(--sp-4);& .saves--pf{display:flex;justify-content:space-around}}& .saves__row--bottom,& .saves__row--top{display:flex;justify-content:space-around}& .saves__row--top{margin-bottom:var(--sp-4)}& .save__divider{border-right:var(--border);display:block;height:20px;width:10px;top:var(--sp-4);position:relative}& .save__block{font-weight:900;text-align:center;width:28px;& .save__label,& .save__value{font-size:var(--fs-base)}}}.saves--dnd{& .save__block{display:flex;height:26px;align-items:center;justify-content:space-evenly;width:100%}}.saves--dnd .save__value{margin-top:-2px}.actorCard__notes-row{padding-top:6px;& .actorCard__textarea{border:none;border-radius:3px;height:53px;margin:0;overflow-y:scroll;padding:var(--sp-2) var(--sp-4);resize:none;width:100%}}.actorCard__conditions{grid-column:span 6/span 6;grid-row:span 2/span 2;grid-column-start:7;grid-row-start:2;padding-right:var(--sp-4)}.rules--pf+.actorCard__conditions .conditions__body{grid-template-columns:repeat(4,1fr)}.conditions__wrap,.notes__wrap{& .conditions__header,& .notes__header{display:none;position:relative}& .conditions__header-text,& .notes__header-text{font-size:var(--fs-base);font-weight:700;line-height:28px}& .conditions__header-alert,& .notes__header-alert{display:none}& .conditions__label,& .notes__label{border:none;display:none;height:30px;margin:0;width:30px}& .conditions__toggle,& .notes__toggle{display:none;&~.conditions__label>svg,&~.notes__label>svg{transform:rotate(-90deg);transition:transform .25s ease}&:checked~.conditions__label>svg,&:checked~.notes__label>svg{transform:rotate(90deg);transition:transform .25s ease}}}.conditions__body,.notes__body{max-height:auto;overflow:hidden;padding-left:var(--sp-4);transition:max-height .25s ease}.conditions__wrap{position:relative}.notes__body{padding-top:2px}@container actorCardContainer (max-width: 758px){.actorCard__grid{grid-template-columns:40px repeat(11,1fr);grid-template-rows:36px repeat(2,1fr)}.actorCard__card-controls{grid-row:span 3/span 3}.actorCard__header,.actorCard__stats{grid-column:span 11/span 11}.actorCard__stats{grid-column-start:2;grid-row-start:2}.actorCard__conditions{grid-column:span 12/span 12;grid-row-start:4}.conditions__wrap,.notes__wrap{border:var(--border);max-width:calc(100% - var(--sp-8));margin:0 auto;padding:0 var(--sp-4) var(--sp-4) 0;border-radius:6px;& .conditions__header,& .notes__header{display:block;visibility:visible;padding:2px;position:relative;width:100%;& .conditions__label,& .notes__label{cursor:pointer;display:grid;font-size:var(--fs-base);font-weight:700;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:30px 1fr 1fr;line-height:34px;top:2px;width:100%;& .conditions__toggle,& .notes__toggle{display:block}}& .conditions__header-alert{font-size:var(--fs-sm);padding-right:var(--sp-4);text-align:end;&.show{display:block}}}}.conditions__body,.notes__body{max-height:0}.conditions__header:has(.conditions__toggle:checked)~.conditions__body,.notes__header:has(.notes__toggle:checked)~.notes__body{max-height:160px}}.actorCard.active{animation-name:border_flash_loop;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes border_flash_loop{0%{border-color:var(--yellow)}50%{border-color:var(--white)}to{border-color:var(--yellow)}}.pf-only,.pf2-only{display:none!important}.pf-only .actorCard__textarea{box-sizing:border-box;width:calc(100% - 10px)}@container actorCardContainer (min-width: 759px){.actorCard__stats.rules--pf .pf-only{display:block;margin-top:var(--sp-4)}.actorCard__grid:has(.actorCard__stats.rules--pf) .actorCard__notes-row{display:none}}@container actorCardContainer (max-width: 758px){.actorCard__stats.rules--pf .pf-only{display:none}.actorCard__grid:has(.actorCard__stats.rules--pf) .actorCard__notes-row{display:block}}.btn,button{border:none;border-radius:3px;cursor:pointer;font-size:var(--fs-lg);padding:var(--sp-4) var(--sp-8);display:flex;align-items:center}.btn[disabled=true],button[disabled=true]{cursor:not-allowed},.btn[disabled],button[disabled]{opacity:.25}.btn.small,button.small{font-size:10px;height:24px}button>span.hide--sm{margin-left:var(--sp-4)}.solid--b{color:var(--gray-darker)}.solid--w{color:var(--white)}.solid.blue{background-color:var(--blue);color:var(--on-blue)}.solid.blue:hover{background-color:var(--blue-HL);color:var(--on-blue-highlight)}.solid.green{background-color:var(--green);color:var(--on-green)}.solid.green:hover{background-color:var(--green-HL);color:var(--on-green-highlight)}.solid.pink{background-color:var(--pink);color:var(--on-pink)}.solid.pink:hover{background-color:var(--pink-HL);color:var(--on-pink-highlight)}.solid.red{background-color:var(--red);color:var(--on-red)}.solid.red:hover{background-color:var(--red-HL);color:var(--on-red-highlight)}.solid.yellow{background-color:var(--yellow);color:var(--on-yellow)}.solid.yellow:hover{background-color:var(--yellow-HL);color:var(--on-yellow-highlight)}.no-outline{border:none;background:none}.outline{border:var(--border);background:none}.outline.blue{border-color:var(--blue);color:var(--blue)}.outline.blue:hover{border-color:var(--blue-HL);color:var(--blue-HL)}.outline.green{border-color:var(--green);color:var(--green)}.outline.green:hover{border-color:var(--green-HL);color:var(--green-HL)}.outline.pink{border-color:var(--pink);color:var(--pink)}.outline.pink:hover{border-color:var(--pink-HL);color:var(--pink-HL)}.outline.red{border-color:var(--red);color:var(--red)}.outline.red:hover{border-color:var(--red-HL);color:var(--red-HL)}.outline.white{border-color:var(--white);color:var(--white)}.outline.yellow{border-color:var(--yellow);color:var(--yellow)}.outline.yellow:hover{border-color:var(--yellow-HL);color:var(--yellow-HL)}.btn--icon{padding:var(--sp-4)}.blue>.icon--f{fill:var(--blue)}.blue:hover>.icon--f{fill:var(--blue-HL)}.blue>.icon--s{stroke:var(--blue)}.blue:hover .icon--s{stroke:var(--blue-HL)}.green>.icon--f{fill:var(--green)}.green:hover>.icon--f{fill:var(--green-HL)}.green>.icon--s{stroke:var(--green)}.green:hover>.icon--s{stroke:var(--green-HL)}.pink>.icon--f{fill:var(--pink)}.pink:hover>.icon--f{fill:var(--pink-HL)}.pink>.icon--s{stroke:var(--pink)}.pink:hover>.icon--s{stroke:var(--pink-HL)}.red>.icon--f{fill:var(--red)}.red:hover>.icon--f{fill:var(--red-HL)}.red>.icon--s{stroke:var(--red)}.red:hover>.icon--s{stroke:var(--red-HL)}.white>.icon--f{fill:var(--white)}.white>.icon--s{stroke:var(--white)}.yellow>.icon--f{fill:var(--yellow)}.yellow:hover>.icon--f{fill:var(--yellow-HL)}.yellow>.icon--s{stroke:var(--yellow)}.yellow:hover>.icon--s{stroke:var(--yellow-HL)}svg.chevron{stroke-width:3}.toggle-btn{display:block;background-color:var(--white);border-radius:6px;color:var(--gray-darkest);&.active{background-color:var(--red);color:var(--white)}& .condition__toggle{background:none;border:none;color:inherit;font-size:var(--fs-sm)}}.btn--next{padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-8)}.btn--prev{padding:var(--sp-4) var(--sp-8) var(--sp-4) var(--sp-4)}.btn--timer{border-left:10px solid var(--gray-lighter);border-radius:0}.offcanvas.open{height:44px;width:44px;padding-top:3px;position:relative;text-align:center}.sort-order-toggle{padding-right:var(--sp-4);& svg{margin-left:var(--sp-4)}}.toggle-timer{display:block;height:32px;width:32px}.toggle-visibility{height:24px;width:32px}.toggle-visibility>svg{stroke:var(--blue);stroke-width:2}.toggle-visibility:hover svg{stroke:var(--blue-HL)}.toggle-visibility.active>svg{stroke:var(--pink)}.toggle-visibility.active:hover svg{stroke:var(--pink-HL)}.flash{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.flash--blue{animation-name:bg-flash--blue}.flash--green{animation-name:bg-flash--green}.flash--yellow{animation-name:bg-flash--yellow}@keyframes bg-flash--blue{0%,to{background:var(--blue)}50%{background:var(--blue-HL)}}@keyframes bg-flash--green{0%,to{background:var(--green)}50%{background:var(--white)}}@keyframes bg-flash--yellow{0%,to{background:var(--yellow)}50%{background:var(--white)}}.flash--warning{animation:fill-flash--pink 2s linear infinite;fill:var(--pink)}@keyframes fill-flash--pink{0%,to{fill:var(--red)}50%{fill:var(--pink-HL)}}.modal__backdrop{background-color:rgba(0,0,0,.75);display:block;position:fixed;height:100vh;width:100vw;bottom:0;left:0;right:0;top:0;z-index:12}.modal__container{background-color:var(--gray-dark);border-radius:.6rem;display:block;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(500px,35%,700px);z-index:13;box-shadow:0 5px 5px 2px rgba(0,0,0,.75);& .form-inputs{margin:20px 0;& .input-wrap:not(last-of-type){margin-bottom:10px}& .input-wrap label{font-size:var(--fs-sm);margin-right:10px}}& .input-wrap{position:relative;display:flex;height:32px;margin:0 auto 10px;width:100%}}.modal__header{display:block;position:relative;width:100%;&>h2{font-size:30px;margin:0;text-align:center}&>button{position:absolute;right:-8px;top:-8px}}.modal__warning{display:flex;align-items:center;font-size:var(--fs-base);gap:var(--sp-4);justify-content:center;line-height:20px;margin:0 var(--sp-8);width:100%;&>.icon--f{min-width:32px}}.modal__actions{display:flex;justify-content:flex-end;&>button:first-of-type{margin-right:10px}}.modal__subcontainer{border:var(--border);border-radius:3px;padding:10px;& .input-wrap{justify-content:space-between}& .input-wrap:last-of-type{margin-bottom:0}}.modal__content{font-size:var(--fs-2xl);text-align:center}.modal--new .form-inputs .input-wrap{& label{text-align:right;min-width:150px}& input,& select{text-align:left}& select{font-size:var(--fs-base)}}.modal--new .sources-list{display:grid;grid-template-columns:auto auto;grid-gap:var(--sp-8);gap:var(--sp-8);& .sources-list__item{& .source__label{display:flex;text-align:left;& input{position:absolute;left:0}& .styled-checkbox{position:relative;right:unset}& .source__count{margin-left:var(--sp-4)}& .source__name{line-height:22px;margin-left:var(--sp-8)}}}}.modal--import{& .modal__body{display:flex;justify-content:center;gap:8px;margin-bottom:var(--sp-16);&>fieldset{text-align:center;width:35%}}& .modal__body .input-wrap label{top:8px}& .modal__body .file-preview{font-size:var(--fs-2xl);height:32px;margin-top:var(--sp-8)}& .modal__body .file-preview .label{font-weight:700}}.modal--export .modal__body .input-wrap label{margin-right:var(--sp-4)}.encounter-search{position:relative;width:100%}.encounter-search__trigger>.icon--s{margin-left:var(--sp-8)}.encounter-search__trigger-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.encounter-search__dropdown{background-color:var(--gray);border:var(--border);border-radius:var(--radius-3);display:block;max-height:300px;overflow-y:auto;position:absolute;left:0;right:0;z-index:10;box-shadow:0 4px 4px 2px rgba(0,0,0,.75)}.encounter-search__input{border:none;border-bottom:1px solid var(--gray-light);border-radius:0;display:block;font-size:var(--fs-sm);padding:var(--sp-8) var(--sp-12);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}.encounter-search__input:focus{outline:2px solid var(--blue);outline-offset:-2px}.encounter-search__list,.encounter-search__list ul{list-style:none;margin:0;padding:0}.encounter-search__campaign-name{color:var(--gray-lighter);font-family:var(--serif);font-size:var(--fs-xs);font-weight:700;letter-spacing:.5px;padding:var(--sp-8) var(--sp-12) var(--sp-4);text-align:left;text-transform:uppercase}.encounter-search__item{background:none;border:none;border-radius:0;color:var(--white);cursor:pointer;display:block;font-size:var(--fs-sm);height:32px;padding:var(--sp-4) var(--sp-8) var(--sp-4) var(--sp-32);text-align:left;width:100%}.encounter-search__item:focus,.encounter-search__item:hover{background-color:var(--gray-darker);color:var(--yellow-HL)}.encounter-search__item.selected{background-color:var(--blue-DK);color:var(--white)}.encounter-search__empty{padding:var(--sp-12) var(--sp-16);text-align:center}.encounter-search__empty,.encounter-search__signed-out{color:var(--gray-lighter);font-size:var(--fs-sm);font-style:italic}.encounter-search__signed-out{align-items:center;display:flex;gap:var(--sp-8);margin:0;padding:var(--sp-4) 0}.encounter-modal{.notice__actions{display:flex;gap:var(--sp-8);justify-content:center;margin-bottom:var(--sp-24)}}.actor-modal{width:clamp(352px,500px,704px);& .modal__header{margin-bottom:1.5rem}}.actor-modal__column{display:flex;flex-direction:column;justify-content:space-between;width:50%}.actor-modal__form-row{display:flex;gap:8px;margin-bottom:8px;&>.modal__subcontainer{width:50%}}.actor-modal__form-row:last-of-type{margin-bottom:0;padding-bottom:0}.actor-modal__form{& .char-details .input-wrap{display:flex;align-content:center;gap:8px;margin-bottom:10px;position:relative;min-height:33px}& .portrait__input input{font-size:14px}& .char-details .input-wrap label{text-align:right;width:45px}& .char-details .input-wrap input{text-align:left}& .char-details .styled-file-input{margin-left:52px}& .block--random{border:1px solid transparent;padding-right:0;padding-top:0}}.block--saves{& .save-mods--inner-wrap{display:inline-flex;width:100%}& .save-mods__label{font-size:16px;font-weight:700;margin-right:10px;text-align:right;-webkit-text-orientation:mixed;text-orientation:mixed;top:-var(--sp-4);transform:rotate(180deg);writing-mode:vertical-lr}& .row--wrap{width:100%;& .row{display:flex;gap:8px;justify-content:space-between;& .save-wrap input,& .save-wrap label{display:block;text-align:center}& .save-wrap label{font-size:var(--fs-xl);margin-top:var(--sp-4)}}& .row:first-of-type{margin-bottom:15px}}& .row--single{display:flex;& .save-wrap{text-align:center}}}.modal__container.batch-edit{width:clamp(600px,85%,1000px);& .batch-edit__select-controls button.scale{transition-property:font-size;transition-duration:.5s}}.batch-edit{display:grid;grid-template-rows:80px 1fr 36px;& .modal__header{text-align:center;& h2{margin-bottom:var(--sp-4)}}& .modal__body{border:var(--border);border-radius:var(--radius-6);display:grid;grid-gap:var(--sp-8);gap:var(--sp-8);grid-template-columns:clamp(200px,50%,400px) 1fr;height:500px;margin-bottom:var(--sp-8);overflow-y:scroll;padding:0 var(--sp-12) var(--sp-8) var(--sp-8);width:100%;box-shadow:inset 0 1px 3px 2px rgba(0,0,0,.75)}}.batch-edit__intro{display:block;font-size:var(--fs-sm);height:auto;margin-bottom:8px;& ol{padding-left:var(--sp-16);padding-top:var(--sp-16);margin:0}}.batch-edit__select-wrap{background-color:var(--gray);border:var(--border);border-radius:var(--radius-6);display:block;height:325px;margin:var(--sp-8) 0 0 0;padding:var(--sp-8);box-shadow:inset 0 1px 3px 2px rgba(0,0,0,.75)}.batch-edit__select-controls{border-bottom:var(--border);box-shadow:0 12px 10px -10px rgba(0,0,0,.75);display:grid;grid-template-rows:auto auto;position:relative;width:100%;&>.row:first-of-type{display:grid;grid-template-columns:auto 1fr}}.batch-edit__display-options{display:flex;gap:var(--sp-8);justify-content:flex-end}.batch-edit__counter{margin:var(--sp-8) 0 var(--sp-8) var(--sp-4);font-size:var(--fs-xs)}.batch-edit__sort{text-align:center;&>label{clear:both;display:block;font-size:var(--fs-sm);position:relative;top:-2px;width:100%}}.batch-select__body{max-height:243px;overflow-y:auto}.batch-edit__list{list-style-type:none;padding:0}.batch-edit__item{& label.checkbox-label{align-items:center;border-radius:3px;display:flex;gap:var(--sp-8);padding:var(--sp-4) 6px var(--sp-4) var(--sp-8);&:hover{background-color:var(--gray-darker)}&>div,&>input{display:inline-block}}}.BEM__block{border:var(--border);border-radius:var(--radius-6);display:block;margin:var(--sp-8) 0 0 0;padding:var(--sp-8);display:grid;grid-template-rows:32px 1fr;label{top:0;display:flex;align-items:center;flex-wrap:wrap}& .block__header{display:grid;grid-template-columns:1fr 1fr;position:relative}& .block__title{font-family:var(--serif);font-size:var(--fs-xl);font-weight:700;text-align:left;position:relative;top:-4px}& .block__ignore-wrap{height:24px;position:relative;& input{right:0;z-index:0;position:absolute}& .checkbox-label{height:24px;top:0;& .label__text{position:absolute;right:var(--sp-32);top:.3rem}}& .styled-checkbox{top:0}}}.BEM__portrait{& .column-wrap{grid-template-columns:127px 1fr;gap:var(--sp-8)}}.batch-edit__attributes{& .BEM__block{& .slider__row{margin-bottom:var(--sp-12);display:grid;grid-template-columns:1fr 90px;grid-gap:var(--sp-8);gap:var(--sp-8);& .form-field{display:grid;grid-template-rows:24px 30px}}}& .BEM__saves .save-mods--inner-wrap{justify-content:space-between}& .BEM__block .slider__row:last-of-type{margin-bottom:0}& .BEM__conditions{& .conditions__message{display:grid;font-size:14px;grid-gap:var(--sp-8);grid-template-columns:24px 1fr;margin:var(--sp-8) 0}}& .BEM__notes textarea{height:80px;resize:vertical;width:100%}}.input-wrap.role-select .role-select__wrap{display:flex}.input-wrap.role-select select{min-height:24px;display:block;font-size:16px;margin-right:var(--sp-8);padding:4px 10px}.BEM__block .input-wrap.role-select{justify-content:space-around}@media only screen and (max-width:924px){.modal__container{width:97%!important}}@media only screen and (max-width:790px){.modal--lg{width:100%!important;position:absolute;height:100%;& .modal__body{height:calc(100% - 8px)}}}@media only screen and (max-width:770px){.modal__container.batch-edit{padding-left:var(--sp-4);overflow-y:auto}.batch-edit .modal__body{grid-template-columns:100%;gap:0}.batch-edit__select-wrap{margin:0}.batch-edit__attributes .BEM__block{margin:var(--sp-8) 0}}@media only screen and (max-width:600px){.batch-edit{grid-template-rows:90px 1fr 36px}}@media only screen and (max-width:500px){.modal--new .sources-list{& .sources-list__item .source__label{& .source__name{line-height:22px;margin-left:var(--sp-8)}}}}:root{--popover-BG-color:var(--white);--popover-arrow-border:10px solid transparent;--popover-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.75)}.popover__wrap{background:var(--popover-BG-color);border-radius:6px;position:absolute;left:0;top:50px;z-index:7;box-shadow:var(--popover-box-shadow);& .slider__row{display:flex;justify-content:flex-end;margin-bottom:10px;width:100%;& label{text-align:right;width:10rem}& input[type=range]{margin:0 var(--sp-8)}}}.popover__wrap--inner{color:black;padding:var(--sp-8) var(--sp-8) 0;position:relative}.popover__title{font-size:var(--fs-lg);font-weight:700}.popover-trigger{margin:0;padding:0;position:relative}.popover-exhaustion{color:var(--black);position:absolute;top:35px;right:-40%;margin:0;padding:var(--sp-8);background:var(--white);border-radius:var(--radius-3);z-index:7;width:max-content;min-width:220px;font-size:var(--fs-sm);box-shadow:var(--popover-box-shadow)}.popover-exhaustion ul{list-style:none;padding:0;margin:0}.popover-exhaustion li+li{margin-top:var(--sp-4)}.popover-exhaustion li:nth-of-type(6){color:var(--red);font-weight:700}.popover-anchor{display:inline-block;margin:0;padding:0;position:relative}.condition__popover{background:white;border-radius:3px;display:block;font-size:var(--fs-sm);left:-36rem;padding:var(--sp-8);position:absolute;top:-3rem;width:35rem;z-index:7;box-shadow:0 5px 5px 2px rgba(0,0,0,.75);& .condition__popover--header{display:block;font-weight:700;margin-bottom:var(--sp-4);width:100%}}.arrow{background:transparent;border-radius:0;box-shadow:none;position:absolute;height:0;width:0;&.arrow--down{border-left:var(--popover-arrow-border);border-right:var(--popover-arrow-border);border-top:10px solid var(--popover-BG-color)}&.arrow--right{border-top:var(--popover-arrow-border);border-bottom:var(--popover-arrow-border);border-left:10px solid var(--popover-BG-color)}&.arrow--up{border-left:var(--popover-arrow-border);border-right:var(--popover-arrow-border);border-bottom:10px solid var(--popover-BG-color)}}.AC{& .down--white{left:65px;top:100%;border-top:10px solid var(--white)}& .down--shadow{left:68px;top:calc(100% + 2px);border-top:10px solid var(--black)}}.HP{& .down--white{left:130px;top:100%}& .down--shadow{left:132px;top:calc(100% + 2px);border-top:10px solid var(--black)}}.popover-exhaustion{& .up--white{right:55px;top:-10px}& .up--shadow{right:52px;top:-10px;border-bottom:10px solid var(--black)}}.condition__toggle{& .arrow{z-index:7}& .arrow--down{display:none}& .right--shadow,& .right--white{left:-10px;top:var(--sp-4)}& .right--shadow{border-bottom:10px solid var(--black)}}@container actorCardContainer (max-width: 758px){.condition__toggle-wrap{position:relative}.condition__popover{position:absolute;left:50%;transform:translateY(calc(-80% - 10px))}.condition__toggle{& .arrow--right{display:none}}.condition__popover{& .arrow--down{display:block;bottom:-10px;&.down--shadow{border-top:10px solid var(--black);bottom:-1.4rem;opacity:.75}}}.condition__toggle-wrap:nth-child(3n+1){& .condition__popover{left:10px;& .arrow--down{left:30px;&.down--shadow{left:30px}}}}.condition__toggle-wrap:nth-child(3n+2){& .condition__popover{left:-60%;& .arrow--down{left:15rem;&.down--shadow{left:15rem}}}}.condition__toggle-wrap:nth-child(3n+3){& .condition__popover{left:-18rem;& .arrow--down{right:8rem;&.down--shadow{right:8rem}}}}}.btn--hp-ac{background:none;border:1px solid transparent;color:white;display:block;padding:0;position:relative;height:72px;width:68px}.btn--hp-ac svg{top:-2px;position:absolute;left:-4px}.btn--hp-ac:hover{border:1px solid white}.hp-ac__value{font-size:var(--fs-2xl);margin:0 auto;position:absolute;text-align:center;top:var(--sp-12);width:100%;z-index:4;top:16px;transition-property:font-size top;transition-duration:.5s}.hp-ac__value.small{font-size:19px;top:12px}.ac__wrap>svg{fill:var(--blue)}.hp__wrap>svg{fill:var(--red)}.srd-error{display:flex;font-size:var(--fs-sm);gap:var(--sp-8)}.srd-combobox{position:relative}.srd-input{height:34px;padding:4px 8px;width:205px}.srd-input-wrap:after{content:"";margin-left:-24px;display:inline-block;border-left:2px solid #000;border-bottom:2px solid #000;width:14px;height:14px;transform:rotate(-45deg);position:absolute;top:7px}.srd-quick-filters{display:grid;font-size:var(--fs-sm);grid-template-rows:26px auto auto;padding:0 0 var(--sp-12);border-bottom:var(--border);position:relative;box-shadow:0 12px 10px -10px rgba(0,0,0,.75);& .filter-header{display:flex;font-weight:700;justify-content:space-between}& .filter-wrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-4);& label{width:auto}}& .quick-add-controls{& .input-wrap:first-of-type{margin-right:20px}& .qa__label{margin-right:10px}& .styled-checkbox{top:-4px}& input{position:relative;top:2px}}}.srd-dropdown-wrap{max-height:400px;position:absolute}.srd-viewport-slot--inner{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr;width:100%}.srd-list__wrap{display:block;max-height:calc(100vh - 179px);overflow-y:scroll;padding:var(--sp-8) var(--sp-16) 0 0;scroll-behavior:smooth;& ul.srd-list{margin:0;padding:0}}.srd-row{border-radius:var(--radius-3);list-style-type:none;margin:4px 0;width:100%;&:nth-child(2n){background-color:rgba(30,30,30,.35)}& .srd-row-inner{border:1px solid transparent;border-radius:var(--radius-3);padding:var(--sp-8);&:hover{border:1px solid rgba(210,186,77,1);color:rgba(210,186,77,1);& .cr--label{color:rgba(210,186,77,1)!important}}& .row--top{border-bottom:10px solid rgba(255,255,255,.1);font-family:var(--serif);font-size:var(--fs-xl);font-weight:700;display:flex;justify-content:space-between;padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);& .srd-cr{font-size:var(--fs-sm);display:flex;align-items:baseline;gap:var(--sp-4);& .cr--label{font-size:var(--fs-xs);margin-right:var(--sp-4);color:var(--gray-lighter)}& .cr--value{font-size:var(--fs-base);width:24px}}}& .srd-meta{display:flex;font-size:var(--fs-sm);gap:var(--sp-24);& .chip--size{width:74px}& .chip--type{width:72px}& .chip--source{color:var(--gray-lighter);font-family:var(--serif);margin-left:auto}}}}.styled-file-input>input.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-10px;overflow:hidden}.styled-file-input__btn{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;top:0!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:auto;& .icon--s{stroke-width:2}}.styled-file-input:focus-within .styled-file-input__btn{outline:2px solid currentColor;outline-offset:2px}.styled-file-input__name{font-size:var(--fs-base);font-style:italic;color:var(--white);white-space:wrap;display:block;line-height:30px}.styled-file-input__name:not(:empty){min-width:0}.condition-details__wrap{background-color:var(--gray-darkest);border:var(--border);border-radius:3px;display:block;font-size:var(--fs-sm);padding:2px;box-shadow:inset -6px 0 2px -4px rgba(0,0,0,1);& .condition-details__header{align-items:baseline;background-color:var(--red-DK);border-radius:3px 3px 0 0;color:var(--white);display:flex;justify-content:space-between;line-height:2.2rem;padding:2px var(--sp-4);width:100%}& h2,& p{margin:var(--sp-4) var(--sp-8)}& .condition-details__name{font-weight:900}& .condition-details__text{line-height:24px;padding:0 var(--sp-4)}}.condition-details--desktop{display:block;position:absolute;left:var(--sp-4);top:67px;z-index:11;right:var(--sp-8);box-shadow:6px 0 2px 4px rgba(0,0,0,.5);& .condition-details__name{font-size:var(--fs-xl)}}.condition-details--mobile{display:none;position:absolute;left:var(--sp-4);top:var(--sp-4);width:calc(100% - var(--sp-8));z-index:11;box-shadow:6px 0 2px 4px rgba(0,0,0,.5);& .condition-details__name{font-size:var(--fs-base)}}.rules--pf+.actorCard__conditions .condition-details--mobile{top:-50%}@media screen and (max-width:968px){.condition-details--mobile{display:block!important}.condition-details--desktop{display:none}}.panel__block{display:block;margin-bottom:20px;& .inline-wrap{display:flex;gap:var(--sp-4);margin-bottom:10px;& .inline-wrap{margin-bottom:0}}}.panel__entry{margin-bottom:15px}.panel__row{display:flex;gap:20px;justify-content:flex-start;margin-bottom:var(--sp-4)}.panel__row--split{display:flex;justify-content:space-between;margin-bottom:10px;font-style:italic}.srd-actor-details{font-size:var(--fs-sm);line-height:20px}.srd-category-wrap{& .srd-size,& .srd-type{margin-right:var(--sp-4)}}.panel__subtitle,.panel__title{border-bottom:var(--border);display:block;font-family:var(--serif);font-feature-settings:"smcp";font-variant:small-caps;font-weight:700;width:100%}h3.panel__title{font-size:20px;margin:0 0 var(--sp-4);padding-bottom:var(--sp-4)}h4.panel__subtitle{font-size:16px;margin-bottom:var(--sp-8);padding-bottom:var(--sp-4)}.panel__label{color:var(--pink-HL);font-weight:700}.panel__abilities{border:var(--border);border-radius:var(--radius-3);margin-bottom:10px;padding:var(--sp-4)}.ability-matrix{display:grid;grid-gap:.25rem;gap:.25rem}.matrix-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.matrix-row--head{font-weight:600}.matrix-cell{text-align:center}.matrix-cell--stub{font-weight:600}.ability-matrix>.matrix-row:not(.matrix-row--head):nth-of-type(2n){background:var(--gray)}.page-wrap--legal{font-size:var(--fs-base);height:calc(100vh - (var(--global-head-height) + var(--global-footer-height)));overflow-y:auto;padding:0 var(--sp-16);h3,h4{font-family:var(--serif);font-weight:700}h3{font-size:var(--fs-2xl);margin-bottom:10px}h4{font-size:var(--fs-xl);margin-bottom:var(--sp-8);margin-top:var(--sp-16)}ol,ul{padding-left:var(--sp-16)}ol li,ul li{list-style-type:none;margin-bottom:var(--sp-4)}p{padding-left:var(--sp-16)}}