html,body{height:100%}body{margin:0;font-family:Arial,Verdana,sans-serif}.char-create-content-container{display:grid;grid-template-columns:10rem auto}@media (max-width: 600px){.char-create-content-container{display:block}}.char-create-content-container .side-nav{border-right:2px solid #333}@media (max-width: 600px){.char-create-content-container .side-nav{border-bottom:2px solid #333;border-right:none}}.char-content-container main{padding:.5rem}h2{background-image:url(/images/beholder.svg);background-repeat:no-repeat;background-size:contain;font-family:Lugrasimo,serif;margin-top:.5rem;padding-left:2.5rem}.accessible-hidden{clip:rect(1px 1px 1px 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap}.ucfirst{text-transform:capitalize}.grid-col-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label.grid-col-2{align-items:baseline;display:flex}.columns{display:flex;gap:1rem}.columns .col-3-1{width:33%}.columns .col-3-2{width:66%}.columns .col-2-1{width:50%}.tabs [role=tablist]{max-width:100%;min-width:100%}.tabs [role=tab],.tabs [role=tab]:focus,.tabs [role=tab]:hover{background-color:#ddd;border-radius:5px 5px 0 0;cursor:pointer;display:inline-block;max-width:22%;outline:none;padding:0;position:relative;text-align:left;top:2px}.tabs [role=tab] span,.tabs [role=tab]:focus span,.tabs [role=tab]:hover span{display:inline-block;margin-bottom:-2px;padding:.5rem}.tabs [role=tab][aria-selected=true]{background-color:#fff;border-width:6px 2px 2px 2px;border-bottom-color:#fff;border-top-color:#b1a27b}.tabs [role=tab][aria-selected=true] span{background-color:#fff}.tabs [role=tabpanel]{background-color:#fff;box-sizing:border-box;border:2px solid #999;border-radius:0 5px 5px;min-height:10em;overflow:auto;padding:.5rem;width:100%}.tabs [role=tabpanel].is-hidden{display:none}.tabs [role=tabpanel] p{margin:0}.pagination{display:flex;flex-wrap:wrap;gap:.25rem;padding:0}.pagination li{list-style:none}.pagination button{appearance:none;background-color:#ddd;border:1px solid #333;border-radius:.25rem;cursor:pointer;height:2rem;width:2rem}.pagination li.current button{background-color:#b1a27b;font-weight:700}form{border:1px solid #666;border-radius:.5rem;box-shadow:2px 2px 7px #999;padding:1rem}form.slim{border:none;box-shadow:none;padding:.25rem 0}form.slim label{display:inline-flex;align-items:center;gap:.5rem}form.slim input.very-small{width:3rem}label.aligned{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}button.primary-btn,button.secondary-btn{align-items:center;cursor:pointer;display:flex;font-size:100%;gap:.5rem;padding:.5rem 1rem}button.primary-btn{background-image:linear-gradient(180deg,#14211a,#2696bb 50%,#0e6789 50%,#0b2c35);border:2px solid #b1a27b;color:#fff}button.primary-btn:hover{background-image:linear-gradient(180deg,#3a614c,#67c2e0 50%,#17ade6 50%,#1d7289)}button.secondary-btn{background-image:linear-gradient(180deg,#1a1a1a,#707070 50%,#4b4b4b 50%,#202020);border:2px solid #b1a27b;color:#fff}button.secondary-btn:hover{background-image:linear-gradient(180deg,#3a614c,#67c2e0 50%,#17ade6 50%,#1d7289)}button[type=submit]{margin-top:2rem}.input-attached-button-aligned{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.input-attached-button-aligned label{margin-bottom:0}button.button-link{appearance:none;background-color:transparent;border:none;cursor:pointer}.input-label{display:inline-block}.grid-col-2 .input-label{margin-right:1rem;max-width:50%;text-align:right;width:9rem}input[type=text],input[type=number],input[type=password],input[type=email]{border:solid 1px #666;border-radius:.25rem;font-size:100%;padding:.5rem}textarea{border:solid 1px #666;border-radius:.25rem;font-size:1rem;height:4rem;padding:.5rem;width:30rem}textarea.large{height:20rem;width:90%}select{font-size:100%;padding:.5rem}input[type=checkbox]{height:1.5rem;width:1.5rem}input[type=text],input[type=number],input[type=password],input[type=email],select{box-sizing:border-box;max-width:20rem;width:100%}input[type=text]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=email]:disabled,select:disabled,textarea:disabled{background-color:#ddd;cursor:not-allowed}.input-description{font-style:italic}input.inline{display:inline-block;padding:0;text-align:center}select.inline{display:inline-block;padding:0}button.dice-icon{appearance:none;background-color:transparent;background-repeat:no-repeat;background-size:contain;cursor:pointer;border:none;height:2rem;margin:.25rem;width:2rem}button.dice-icon.dice-icon-4{background-image:url(/images/dice/d4.png)}button.dice-icon.dice-icon-6{background-image:url(/images/dice/d6.png)}button.dice-icon.dice-icon-8{background-image:url(/images/dice/d8.png)}button.dice-icon.dice-icon-10{background-image:url(/images/dice/d10.png)}button.dice-icon.dice-icon-12{background-image:url(/images/dice/d12.png)}button.dice-icon.dice-icon-20{background-image:url(/images/dice/d20.png)}button .dice-d6-icon{background-image:url(/images/dice/d6.png);background-repeat:no-repeat;background-size:contain;display:inline-block;height:1rem;width:1rem}.error,.success{padding:.5rem}.error{background-color:#fcc;border:1px solid #f00;color:#000}.success{background-color:#aeddae;border:1px solid #080;color:#000}@layer fantasy-btn,fantasy-presets;@layer fantasy-presets{.fantasy-brown{--text-color: #aa9b79;--text-shadow: calc(1.5px * var(--scale) / 4.5) calc(-1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) #fffcf2, calc(-1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) #160500;--border-bg: linear-gradient( to bottom, #666, #333 49%, #000 51%, #333 );--inlay-hover-opacity: .75;--border-hover-opacity: .75;--border-focus-bg: repeating-conic-gradient( #bdab8c 0deg 30deg, #766652 30deg 60deg );--inlay-bg: radial-gradient( at center 150%, #fffcf2, transparent 35% ) 50% 0% / 150% 25% no-repeat, radial-gradient( at center -25%, #501608, transparent 35% ) 50% 100% / 150% 25% no-repeat, linear-gradient( to bottom, #2c201b, #895648 24%, #422419 26% 49%, #291208 49% 74%, #160500 76%, #1a0801 )}.fantasy-red{--text-color: #ddd;--text-shadow: calc(1.5px * var(--scale) / 4.5) calc(-1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) #fffcf2, calc(-1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) #160500;--border-bg: linear-gradient( to bottom, #666, #333 49%, #000 51%, #333 );--inlay-hover-opacity: .75;--border-hover-opacity: .75;--border-focus-bg: repeating-conic-gradient( #bdab8c 0deg 30deg, #766652 30deg 60deg );--inlay-bg: radial-gradient( at center 150%, #fffcf2, transparent 35% ) 50% 0% / 150% 25% no-repeat, radial-gradient( at center -25%, #501608, transparent 35% ) 50% 100% / 150% 25% no-repeat, linear-gradient( to bottom, #2c201b, #f88 24%, #b00 26% 49%, #900 49% 74%, #600 76%, #300 )}.fantasy-blue{--text-color: #ddd;--text-shadow: calc(1.5px * var(--scale) / 4.5) calc(-1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) #fffcf2, calc(-1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) calc(1.5px * var(--scale) / 4.5) #160500;--border-bg: linear-gradient( to bottom, #666, #333 49%, #000 51%, #333 );--inlay-hover-opacity: .75;--border-hover-opacity: .75;--inlay-bg: radial-gradient( at center 150%, #fffcf2, transparent 35% ) 50% 0% / 150% 25% no-repeat, radial-gradient( at center -25%, #0070b0, transparent 35% ) 50% 100% / 150% 25% no-repeat, linear-gradient( to bottom, #44b4f4, #2292d2 24%, #0070b0 26% 49%, #005090 49% 74%, #003070 76%, #003070 )}}@layer fantasy-btn{.fantasy-btn{--s: (var(--scale) / 4.5);--scale: 1;--_text-base-color: var(--text-color);--_text-hover-color: var(--text-hover-color, var(--_text-base-color));--_text-focus-color: var(--text-focus-color, var(--_text-hover-color));--_text-active-color: var(--text-active-color, var(--_text-focus-color));--_text-state-color: var(--_text-base-color);--_text-base-shadow: var(--text-shadow);--_text-hover-shadow: var(--text-hover-shadow, var(--_text-base-shadow));--_text-focus-shadow: var(--text-focus-shadow, var(--_text-hover-shadow));--_text-active-shadow: var(--text-active-shadow, var(--_text-focus-shadow));--_text-state-shadow: var(--_text-base-shadow);background:transparent;box-sizing:border-box;border:none;color:var(--_text-state-color);cursor:pointer;font-family:Lugrasimo,serif;font-size:1rem;isolation:isolate;min-height:calc(200px * var(--s));min-width:calc(280px * var(--s));padding:.5rem 1.75rem;position:relative;text-decoration:none;text-shadow:var(--_text-state-shadow)}.fantasy-btn:hover{--_text-state-color: var(--_text-hover-color);--_text-state-shadow: var(--_text-hover-shadow)}.fantasy-btn:hover:after{--_border-state-opacity: var(--_border-hover-opacity);--_border-state-bg: var(--_border-hover-bg)}.fantasy-btn:hover:before{--_inlay-state-opacity: var(--_inlay-hover-opacity);--_inlay-state-bg: var(--_inlay-hover-bg)}.fantasy-btn:active{--_text-state-color: var(--_text-active-color);--_text-state-shadow: var(--_text-active-shadow)}.fantasy-btn:active:after{--_border-state-opacity: var(--_border-active-opacity);--_border-state-bg: var(--_border-active-bg)}.fantasy-btn:active :before{--_inlay-state-opacity: var(--_inlay-active-opacity);--_inlay-state-bg: var(--_inlay-active-bg)}.fantasy-btn:before,.fantasy-btn:after{content:"";position:absolute;inset:0;box-sizing:border-box;pointer-events:none;z-index:-1}.fantasy-btn:focus{outline:2px solid #333}.fantasy-btn:focus:before{--_inlay-state-opacity: var(--_inlay-focus-opacity);--_inlay-state-bg: var(--_inlay-focus-bg)}.fantasy-btn:after{--_border-base-opacity: var(--border-opacity, 1);--_border-hover-opacity: var(--border-hover-opacity, var(--_border-base-opacity) );--_border-focus-opacity: var(--border-focus-opacity, var(--_border-hover-opacity) );--_border-active-opacity: var(--border-active-opacity, var(--_border-focus-opacity) );--_border-state-opacity: var(--_border-base-opacity);--_border-base-bg: var(--border-bg, currentColor);--_border-hover-bg: var(--border-hover-bg, var(--_border-base-bg));--_border-focus-bg: var(--border-focus-bg, var(--_border-hover-bg));--_border-active-bg: var(--border-active-bg, var(--_border-focus-bg));--_border-state-bg: var(--_border-base-bg);background:var(--_border-state-bg);opacity:var(--_border-state-opacity);clip-path:polygon(calc(37px * var(--s)) calc(44px * var(--s)),calc(52px * var(--s)) calc(29px * var(--s)),calc(61px * var(--s)) calc(18px * var(--s)),calc(82.5px * var(--s)) calc(39.5px * var(--s)),calc(61px * var(--s)) calc(61px * var(--s)),0px 0px,calc(77px * var(--s)) 0px,calc(90px * var(--s)) calc(13px * var(--s)),calc(103px * var(--s)) 0px,calc(100% - 103px * var(--s)) 0px,calc(100% - 90px * var(--s)) calc(13px * var(--s)),calc(100% - 77px * var(--s)) 0px,100% 0px,calc(100% - 61px * var(--s)) calc(61px * var(--s)),calc(100% - 82.5px * var(--s)) calc(39.5px * var(--s)),calc(100% - 61px * var(--s)) calc(18px * var(--s)),calc(100% - 52px * var(--s)) calc(29px * var(--s)),calc(100% - 37px * var(--s)) calc(44px * var(--s)),calc(100% - 24.5px * var(--s)) calc(56.5px * var(--s)),calc(100% - 32.5px * var(--s)) calc(64.5px * var(--s)),calc(100% - 32.5px * var(--s)) calc(100% - 64.5px * var(--s)),calc(100% - 24.5px * var(--s)) calc(100% - 56.5px * var(--s)),calc(100% - 37px * var(--s)) calc(100% - 44px * var(--s)),calc(100% - 52px * var(--s)) calc(100% - 29px * var(--s)),calc(100% - 61px * var(--s)) calc(100% - 18px * var(--s)),calc(100% - 82.5px * var(--s)) calc(100% - 39.5px * var(--s)),calc(100% - 61px * var(--s)) calc(100% - 61px * var(--s)),100% 100%,calc(100% - 77px * var(--s)) 100%,calc(100% - 90px * var(--s)) calc(100% - 13px * var(--s)),calc(100% - 103px * var(--s)) 100%,calc(103px * var(--s)) 100%,calc(90px * var(--s)) calc(100% - 13px * var(--s)),calc(77px * var(--s)) 100%,0px 100%,calc(61px * var(--s)) calc(100% - 61px * var(--s)),calc(82.5px * var(--s)) calc(100% - 39.5px * var(--s)),calc(61px * var(--s)) calc(100% - 18px * var(--s)),calc(52px * var(--s)) calc(100% - 29px * var(--s)),calc(37px * var(--s)) calc(100% - 44px * var(--s)),calc(24.5px * var(--s)) calc(100% - 56.5px * var(--s)),calc(32.5px * var(--s)) calc(100% - 64.5px * var(--s)),calc(32.5px * var(--s)) calc(64.5px * var(--s)),calc(24.5px * var(--s)) calc(56.5px * var(--s)),calc(37px * var(--s)) calc(44px * var(--s)),calc(45px * var(--s)) calc(52px * var(--s)),calc(41px * var(--s)) calc(56px * var(--s)),calc(50px * var(--s)) calc(66px * var(--s)),calc(40.5px * var(--s)) calc(75.5px * var(--s)),calc(40.5px * var(--s)) calc(100% - 75.5px * var(--s)),calc(50px * var(--s)) calc(100% - 66px * var(--s)),calc(41px * var(--s)) calc(100% - 56px * var(--s)),calc(45px * var(--s)) calc(100% - 52px * var(--s)),calc(37px * var(--s)) calc(100% - 44px * var(--s)),calc(52px * var(--s)) calc(100% - 29px * var(--s)),calc(59.5px * var(--s)) calc(100% - 36.5px * var(--s)),calc(61px * var(--s)) calc(100% - 35px * var(--s)),calc(65.5px * var(--s)) calc(100% - 39.5px * var(--s)),calc(61px * var(--s)) calc(100% - 44px * var(--s)),calc(25px * var(--s)) calc(100% - 8px * var(--s)),calc(72.5px * var(--s)) calc(100% - 8px * var(--s)),calc(90px * var(--s)) calc(100% - 25.5px * var(--s)),calc(107.5px * var(--s)) calc(100% - 8px * var(--s)),calc(100% - 107.5px * var(--s)) calc(100% - 8px * var(--s)),calc(100% - 90px * var(--s)) calc(100% - 25.5px * var(--s)),calc(100% - 72.5px * var(--s)) calc(100% - 8px * var(--s)),calc(100% - 25px * var(--s)) calc(100% - 8px * var(--s)),calc(100% - 61px * var(--s)) calc(100% - 44px * var(--s)),calc(100% - 65.5px * var(--s)) calc(100% - 39.5px * var(--s)),calc(100% - 61px * var(--s)) calc(100% - 35px * var(--s)),calc(100% - 59.5px * var(--s)) calc(100% - 36.5px * var(--s)),calc(100% - 52px * var(--s)) calc(100% - 29px * var(--s)),calc(100% - 37px * var(--s)) calc(100% - 44px * var(--s)),calc(100% - 45px * var(--s)) calc(100% - 52px * var(--s)),calc(100% - 41px * var(--s)) calc(100% - 56px * var(--s)),calc(100% - 50px * var(--s)) calc(100% - 66px * var(--s)),calc(100% - 40.5px * var(--s)) calc(100% - 75.5px * var(--s)),calc(100% - 40.5px * var(--s)) calc(75.5px * var(--s)),calc(100% - 50px * var(--s)) calc(66px * var(--s)),calc(100% - 41px * var(--s)) calc(56px * var(--s)),calc(100% - 45px * var(--s)) calc(52px * var(--s)),calc(100% - 37px * var(--s)) calc(44px * var(--s)),calc(100% - 52px * var(--s)) calc(29px * var(--s)),calc(100% - 59.5px * var(--s)) calc(36.5px * var(--s)),calc(100% - 61px * var(--s)) calc(35px * var(--s)),calc(100% - 65.5px * var(--s)) calc(39.5px * var(--s)),calc(100% - 61px * var(--s)) calc(44px * var(--s)),calc(100% - 25px * var(--s)) calc(8px * var(--s)),calc(100% - 72.5px * var(--s)) calc(8px * var(--s)),calc(100% - 90px * var(--s)) calc(25.5px * var(--s)),calc(100% - 107.5px * var(--s)) calc(8px * var(--s)),calc(107.5px * var(--s)) calc(8px * var(--s)),calc(90px * var(--s)) calc(25.5px * var(--s)),calc(72.5px * var(--s)) calc(8px * var(--s)),calc(25px * var(--s)) calc(8px * var(--s)),calc(61px * var(--s)) calc(44px * var(--s)),calc(65.5px * var(--s)) calc(39.5px * var(--s)),calc(61px * var(--s)) calc(35px * var(--s)),calc(59.5px * var(--s)) calc(36.5px * var(--s)),calc(52px * var(--s)) calc(29px * var(--s)),calc(37px * var(--s)) calc(44px * var(--s)))}.fantasy-btn:before{--_inlay-base-opacity: var(--inlay-opacity, 1);--_inlay-hover-opacity: var(--inlay-hover-opacity, var(--_inlay-base-opacity) );--_inlay-focus-opacity: var(--inlay-focus-opacity, var(--_inlay-hover-opacity) );--_inlay-active-opacity: var(--inlay-active-opacity, var(--_inlay-focus-opacity) );--_inlay-state-opacity: var(--_inlay-base-opacity);--_inlay-base-bg: var(--inlay-bg, #8888);--_inlay-hover-bg: var(--inlay-hover-bg, var(--_inlay-base-bg));--_inlay-focus-bg: var(--inlay-focus-bg, var(--_inlay-hover-bg));--_inlay-active-bg: var(--inlay-active-bg, var(--_inlay-focus-bg));--_inlay-state-bg: var(--_inlay-base-bg);background:var(--_inlay-state-bg);opacity:var(--_inlay-state-opacity);clip-path:polygon(calc(50px * var(--s)) calc(82px * var(--s)),calc(114px * var(--s)) calc(18px * var(--s)),calc(100% - 114px * var(--s)) calc(18px * var(--s)),calc(100% - 50px * var(--s)) calc(82px * var(--s)),calc(100% - 50px * var(--s)) calc(100% - 82px * var(--s)),calc(100% - 114px * var(--s)) calc(100% - 18px * var(--s)),calc(114px * var(--s)) calc(100% - 18px * var(--s)),calc(50px * var(--s)) calc(100% - 82px * var(--s)))}}.login-block{background-image:url(/images/login-background.jpeg)}.register-block{background-image:url(/images/register-background.jpeg)}@media (max-width: 600px){.login-block,.register-block{background-position:center}}.login-block,.register-block{align-items:center;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.login-block form,.register-block form{align-items:center;background-color:#ffffffd9;display:flex;flex-direction:column;margin:0 auto;width:50%}@media (max-width: 600px){.login-block form,.register-block form{width:90%}}.login-block form h1,.register-block form h1{margin-bottom:0;max-width:90%}.login-block form svg,.register-block form svg{height:auto;max-width:100%}.login-block form h2,.register-block form h2{font-size:2rem}.login-block form .error,.register-block form .error{margin-bottom:1rem}.login-block form label,.register-block form label{display:block;margin-bottom:1rem}.login-block form label input,.register-block form label input{display:block;margin-top:.5rem;width:20rem}.login-block form button,.register-block form button{margin-top:1rem}.char-create-header{background-color:#333;color:#fff}.char-create-header h1{background-color:#fff;color:#000;margin:0;padding:.5rem 0 0;text-align:center}.char-create-header h1 svg{height:7rem;max-width:95%}.header-small{background-color:#fff;color:#000;margin:0;padding:0}.header-small h1{margin:.5rem 0 0}.header-small h1 svg{height:3rem;width:auto}.header-small nav.characters-nav{background-color:#333;color:#fff}.header-small nav.characters-nav ul li{padding:0}.header-small nav.characters-nav a{color:#fff;display:inline-block;text-decoration:none}.header-small nav.characters-nav a:hover{text-decoration:underline}nav.characters-nav{display:flex;justify-content:space-between}nav.characters-nav ul{margin:0;padding:0}nav.characters-nav ul li{display:inline-block;list-style:none;padding:.5rem;text-align:center}nav.characters-nav ul li a{color:#fff;padding:.5rem;text-decoration:none}nav.characters-nav ul li a:hover{text-decoration:underline}nav.characters-nav .logout{appearance:none;background-color:transparent;border:none;cursor:pointer}nav.characters-nav .logout:hover .sticks{fill:#985600}nav.characters-nav .logout:hover .fire{fill:#ec4a24}nav.characters-nav .logout svg{fill:#fff}nav.char-create-nav ul li{display:block}nav.char-create-nav ul li a{align-items:center;display:flex;gap:.5rem}nav.char-create-nav ul{margin:0;padding:0}@media (max-width: 600px){nav.char-create-nav ul{display:flex;flex-wrap:wrap}}nav.char-create-nav ul li{list-style:none}@media (max-width: 600px){nav.char-create-nav ul li{width:33%}}nav.char-create-nav ul li a{color:#000;padding:.5rem;text-decoration:none}nav.char-create-nav ul li a:hover{background-color:#333;color:#fff}nav.char-create-nav ul li a.active{background-color:#b1a27b}.suggested-names{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:0}.suggested-names li{border:1px solid #999;border-radius:.5rem;cursor:pointer;padding:.25rem;list-style:none;text-align:center}.suggested-names li:hover{background-color:#f3f3f3}.char-edit-portrait-panel form{margin-top:1rem}.char-edit-portrait-panel form label{display:block;margin-bottom:.5rem}.char-edit-portrait-panel form input[type=file]{display:none}.char-edit-portrait-panel form .filename{margin:.25rem 0}.char-edit-portrait-panel form .preview{height:200px;width:200px}.char-edit-portrait-panel form .preview img{max-height:100%;max-width:100%}.char-edit-alignment-panel{display:flex}@media (max-width: 600px){.char-edit-alignment-panel{flex-wrap:wrap}}.char-edit-alignment-panel form.alignments{background-image:url(/images/alignments.png);background-size:contain;border-radius:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:40rem;margin-bottom:1rem;min-width:40rem;padding:0;width:40rem}@media (max-width: 600px){.char-edit-alignment-panel form.alignments{aspect-ratio:1/1;height:inherit;width:95%;min-width:inherit}}.char-edit-alignment-panel form.alignments button{appearance:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:transparent;border:none;cursor:pointer;transition:backdrop-filter .2s}.char-edit-alignment-panel form.alignments button .alignment-label{opacity:0;font-family:Lugrasimo,serif;font-size:2rem;font-weight:700;transition:opacity .2s}.char-edit-alignment-panel form.alignments button:hover,.char-edit-alignment-panel form.alignments button:focus,.char-edit-alignment-panel form.alignments button.selected{-webkit-backdrop-filter:none;backdrop-filter:none}.char-edit-alignment-panel form.alignments button:hover .alignment-label,.char-edit-alignment-panel form.alignments button:focus .alignment-label,.char-edit-alignment-panel form.alignments button.selected .alignment-label{opacity:100%}.char-edit-alignment-panel form.alignments button.selected .alignment-label{text-shadow:0 0 8px #fff,0 0 8px #fff}.char-edit-alignment-panel .alignment-description{padding:0 1rem;width:20rem}@media (max-width: 600px){.char-edit-alignment-panel .alignment-description{margin-bottom:1rem}}.char-list-panel ul{display:flex;flex-wrap:wrap;gap:2.5rem;margin:2rem 0;padding:0}.char-list-panel .char-panel{background-color:#f3f3f3;border:1px solid #000;border-radius:10px;display:flex;gap:1rem;list-style:none;margin:0;max-width:20rem;padding:1rem;position:relative;width:20rem}.char-list-panel .char-panel .char-image{background-color:#fff;border:1px solid #000;border-radius:6px;height:5.5rem}.char-list-panel .char-panel .char-image img{height:5.5rem;width:5.5rem}.char-list-panel .char-panel:after{background-image:url(/images/wyvern-corner.svg);background-repeat:no-repeat;background-size:4rem auto;bottom:-.65rem;content:"";display:block;height:4.8rem;position:absolute;right:-1.25rem;width:4rem}.char-list-panel .char-details{flex-grow:1}.char-list-panel .char-name{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.char-list-panel .char-name a{color:#000;text-decoration:none}.char-list-panel .char-actions{display:flex;justify-content:space-between;margin-right:3rem;margin-top:1rem}.char-list-panel .char-actions a{color:#000}.char-list-panel .char-actions a:hover svg,.char-list-panel .char-actions button:hover svg{filter:drop-shadow(#fff 0 0 4px) drop-shadow(#f00 0 0 4px)}.char-list-panel .owner-character{font-style:italic;margin-bottom:0}.char-edit-class-list ul,.class-list-container ul{display:flex;flex-wrap:wrap;gap:2em;padding:0}.char-edit-class-list ul li,.class-list-container ul li{border:1px solid #333;list-style:none;padding:0;margin:0}.char-edit-class-list ul li.selected,.class-list-container ul li.selected{background-color:#333}.char-edit-class-list ul li.selected .char-class-name,.class-list-container ul li.selected .char-class-name,.char-edit-class-list ul li.selected .char-class-icon,.class-list-container ul li.selected .char-class-icon{color:#fff}.char-edit-class-list ul li.selected .char-class-icon.char-class-barbarian,.class-list-container ul li.selected .char-class-icon.char-class-barbarian{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#c66449 0 0 4px) drop-shadow(#c66449 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-bard,.class-list-container ul li.selected .char-class-icon.char-class-bard{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#a675a7 0 0 4px) drop-shadow(#a675a7 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-cleric,.class-list-container ul li.selected .char-class-icon.char-class-cleric{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#848587 0 0 4px) drop-shadow(#848587 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-druid,.class-list-container ul li.selected .char-class-icon.char-class-druid{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#78843b 0 0 4px) drop-shadow(#78843b 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-fighter,.class-list-container ul li.selected .char-class-icon.char-class-fighter{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#532f23 0 0 4px) drop-shadow(#532f23 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-monk,.class-list-container ul li.selected .char-class-icon.char-class-monk{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#1e8fbb 0 0 4px) drop-shadow(#1e8fbb 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-paladin,.class-list-container ul li.selected .char-class-icon.char-class-paladin{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#a3862b 0 0 4px) drop-shadow(#a3862b 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-ranger,.class-list-container ul li.selected .char-class-icon.char-class-ranger{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#356b4b 0 0 4px) drop-shadow(#356b4b 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-rogue,.class-list-container ul li.selected .char-class-icon.char-class-rogue{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#4e4f49 0 0 4px) drop-shadow(#4e4f49 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-sorcerer,.class-list-container ul li.selected .char-class-icon.char-class-sorcerer{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#bb484d 0 0 4px) drop-shadow(#bb484d 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-warlock,.class-list-container ul li.selected .char-class-icon.char-class-warlock{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#7646ab 0 0 4px) drop-shadow(#7646ab 0 0 5px)}.char-edit-class-list ul li.selected .char-class-icon.char-class-wizard,.class-list-container ul li.selected .char-class-icon.char-class-wizard{filter:drop-shadow(#fff 0 0 2px) drop-shadow(#215bb4 0 0 4px) drop-shadow(#215bb4 0 0 5px)}.char-edit-class-list ul li:hover,.class-list-container ul li:hover{background-color:#f3f3f3}.char-edit-class-list ul .char-class,.class-list-container ul .char-class{appearance:none;border:none;background-color:transparent;cursor:pointer;display:flex;padding:.5rem;width:20em}@media (max-width: 600px){.char-edit-class-list ul .char-class,.class-list-container ul .char-class{width:11rem}}.char-edit-class-list ul .char-class:focus,.class-list-container ul .char-class:focus{outline:2px solid #f00}.char-edit-class-list ul .char-class-icon,.class-list-container ul .char-class-icon{display:inline-block;height:4em;width:4em}.char-edit-class-list ul .char-class-icon.char-class-barbarian,.class-list-container ul .char-class-icon.char-class-barbarian{color:#c66449}.char-edit-class-list ul .char-class-icon.char-class-bard,.class-list-container ul .char-class-icon.char-class-bard{color:#a675a7}.char-edit-class-list ul .char-class-icon.char-class-cleric,.class-list-container ul .char-class-icon.char-class-cleric{color:#848587}.char-edit-class-list ul .char-class-icon.char-class-druid,.class-list-container ul .char-class-icon.char-class-druid{color:#78843b}.char-edit-class-list ul .char-class-icon.char-class-fighter,.class-list-container ul .char-class-icon.char-class-fighter{color:#532f23}.char-edit-class-list ul .char-class-icon.char-class-monk,.class-list-container ul .char-class-icon.char-class-monk{color:#1e8fbb}.char-edit-class-list ul .char-class-icon.char-class-paladin,.class-list-container ul .char-class-icon.char-class-paladin{color:#a3862b}.char-edit-class-list ul .char-class-icon.char-class-ranger,.class-list-container ul .char-class-icon.char-class-ranger{color:#356b4b}.char-edit-class-list ul .char-class-icon.char-class-rogue,.class-list-container ul .char-class-icon.char-class-rogue{color:#4e4f49}.char-edit-class-list ul .char-class-icon.char-class-sorcerer,.class-list-container ul .char-class-icon.char-class-sorcerer{color:#bb484d}.char-edit-class-list ul .char-class-icon.char-class-warlock,.class-list-container ul .char-class-icon.char-class-warlock{color:#7646ab}.char-edit-class-list ul .char-class-icon.char-class-wizard,.class-list-container ul .char-class-icon.char-class-wizard{color:#215bb4}.char-edit-class-list ul .char-class-name,.class-list-container ul .char-class-name{padding:.5rem;font-size:1.25rem}.char-class-details .char-class-stats strong{display:inline-block;margin-right:.25rem}.char-class-details .char-class-features{display:block}.char-class-details .char-class-features li{display:block;margin-bottom:1rem}.char-class-details .char-class-features .tools-list{display:block}.char-class-details .char-class-features .tools-list li{border:none;list-style:disc;margin-bottom:0}.char-class-details .char-class-features details{min-width:35rem;padding:0}@media (max-width: 600px){.char-class-details .char-class-features details{min-width:100%}}.char-class-details .char-class-features summary{background-color:#333;color:#fff;cursor:pointer;padding:.5rem;position:relative}.char-class-details .char-class-features summary svg{height:2rem;position:absolute;margin-top:-1rem;right:.5rem;top:50%}.char-class-details .char-class-features .char-details-content{padding:0 .5rem}.char-class-details .char-class-features .char-class-feature-level{font-size:80%}.char-class-details .char-class-features .char-class-path-features-content{padding:0 .5rem}.char-class-details .char-class-features .char-class-path-features-content details{border:1px solid #333;margin-bottom:.5rem}.char-class-details .path-selection{border:3px double #b1a27b;border-radius:.5rem;padding:0 .5rem;margin-bottom:1rem}.char-class-details .char-class-features .path-selection-option{display:flex}.char-class-details .char-class-features .path-selection-option input[type=radio]{display:none}.char-class-details .char-class-features .path-selection-option input[type=radio]+label{background-image:radial-gradient(circle,transparent 0%,transparent 45%,#000 46%,#000 52%,transparent 53%)}.char-class-details .char-class-features .path-selection-option input[type=radio]:checked+label{background-image:radial-gradient(circle,rgb(124.4571428571,110.3142857143,73.5428571429) 0%,#b1a27b 35%,transparent 37%,transparent 45%,#000 46%,#000 52%,transparent 53%)}.char-class-details .char-class-features .path-selection-option label{cursor:pointer;height:2rem;width:2rem}.char-class-details .char-class-features .path-selection-option .char-class-path-features{flex-grow:1}.char-edit-background-list ul,.background-list-container ul{display:flex;flex-wrap:wrap;gap:2em;padding:0}.char-edit-background-list ul li,.background-list-container ul li{border:1px solid #333;list-style:none;padding:0;margin:0}.char-edit-background-list ul li.selected,.background-list-container ul li.selected{background-color:#333;color:#fff}.char-edit-background-list ul li.selected .char-background-name,.background-list-container ul li.selected .char-background-name{color:#fff}.char-edit-background-list ul li.selected svg,.background-list-container ul li.selected svg{fill:#fff}.char-edit-background-list ul li:hover,.background-list-container ul li:hover{background-color:#f3f3f3}.char-edit-background-list ul .char-background,.background-list-container ul .char-background{align-items:center;appearance:none;border:none;background-color:transparent;cursor:pointer;display:flex;padding:.5rem;width:10rem}.char-edit-background-list ul .char-background:focus,.background-list-container ul .char-background:focus{outline:2px solid #f00}.char-edit-background-list ul .char-background-icon,.background-list-container ul .char-background-icon{display:inline-block;height:4em;width:4em}.char-edit-background-list ul .char-background-icon svg,.background-list-container ul .char-background-icon svg{height:100%;width:100%}.char-edit-background-list ul .char-background-name,.background-list-container ul .char-background-name{padding:.5rem;font-size:1rem}.char-background-details{border:1px solid #000;border-radius:1rem}.char-background-details h3{background-color:#dbffdb;border-radius:1rem 1rem 0 0;margin:0;padding:.5rem 1rem}.char-background-details .char-background-details-content{padding:1rem}.char-background-details .char-background-details-content p{margin-top:0}.char-background-details .char-background-details-content h4{margin-bottom:.5rem}.char-background-proficiencies-list{display:grid;grid-template-columns:7rem auto;margin-top:0;margin-left:1rem;row-gap:1rem}.char-background-proficiencies-list dt{font-weight:700}.char-background-proficiencies-list dd{margin:0}.char-edit-background-characteristic{align-items:end;display:flex;margin-bottom:1rem}.char-edit-background-characteristic select{display:block;width:25rem}.char-edit-race-list ul,.race-list-container ul{padding:0}.char-edit-race-list ul li,.race-list-container ul li{display:block;list-style:none;padding:0;margin:0}.char-edit-race-list ul details.char-race,.race-list-container ul details.char-race{appearance:none;background-color:transparent;border:1px solid #333;border-radius:1rem;cursor:pointer;margin-bottom:1rem;padding:.5rem}.char-edit-race-list ul details.char-race.selected,.race-list-container ul details.char-race.selected{background-color:#b1a27b}.char-edit-race-list ul details.char-race.selected .char-race-details,.race-list-container ul details.char-race.selected .char-race-details{background-color:#fff;padding:0 .5rem .5rem}.char-edit-race-list ul details.char-race[open] summary:after,.race-list-container ul details.char-race[open] summary:after{content:"-"}.char-edit-race-list ul details.char-race summary,.race-list-container ul details.char-race summary{align-items:center;display:flex;gap:1rem;position:relative}.char-edit-race-list ul details.char-race summary:after,.race-list-container ul details.char-race summary:after{content:"+";font-size:2rem;font-weight:700;position:absolute;right:1rem;top:0}.char-edit-race-list ul details.char-race summary::-webkit-details-marker,.char-edit-race-list ul details.char-race summary::marker,.race-list-container ul details.char-race summary::-webkit-details-marker,.race-list-container ul details.char-race summary::marker{content:"";display:none}.char-edit-race-list ul .char-race-portrait,.race-list-container ul .char-race-portrait{height:50px;width:50px}.char-edit-race-list ul .char-race-name,.race-list-container ul .char-race-name{font-size:1.2rem;font-weight:700}.char-edit-race-list ul .char-race-details dt,.race-list-container ul .char-race-details dt{font-weight:700}.char-edit-race-list ul .char-race-details dd,.race-list-container ul .char-race-details dd{margin-left:1rem;margin-bottom:.75rem}.char-skill-list-block .char-skill-list{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0;padding:0}.char-skill-list-block .char-skill-list .skill{border:1px solid #000;border-radius:.5rem;box-shadow:2px 2px 7px #999;list-style:none;margin:0;padding:0;width:15rem}@media (max-width: 600px){.char-skill-list-block .char-skill-list .skill{width:46%}}.char-skill-list-block .char-skill-list .skill.selected,.char-skill-list-block .char-skill-list .skill.known{background-color:#b1a27b}.char-skill-list-block .char-skill-list button{align-items:center;appearance:none;background-color:transparent;border:none;cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:.5rem;width:100%}.char-skill-list-block .char-skill-list .skill-icon{background-color:#000;border-radius:.5rem;padding:.5rem}.char-skill-list-block .char-skill-list .skill-icon.skill-acrobatics svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(255,0,0) 0 0 4px) drop-shadow(rgb(255,0,0) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-animal-handling svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,126,38) 0 0 4px) drop-shadow(rgb(0,126,38) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-arcana svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,0,255) 0 0 4px) drop-shadow(rgb(0,0,255) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-athletics svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(255,0,0) 0 0 4px) drop-shadow(rgb(255,0,0) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-deception svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(221,206,0) 0 0 4px) drop-shadow(rgb(221,206,0) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-history svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,0,255) 0 0 4px) drop-shadow(rgb(0,0,255) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-insight svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(221,206,0) 0 0 4px) drop-shadow(rgb(221,206,0) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-intimidation svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(255,0,0) 0 0 4px) drop-shadow(rgb(255,0,0) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-investigation svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(119,0,255) 0 0 4px) drop-shadow(rgb(119,0,255) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-medicine svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,126,38) 0 0 4px) drop-shadow(rgb(0,126,38) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-nature svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,126,38) 0 0 4px) drop-shadow(rgb(0,126,38) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-perception svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,0,255) 0 0 4px) drop-shadow(rgb(0,0,255) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-performance svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(119,0,255) 0 0 4px) drop-shadow(rgb(119,0,255) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-persuasion svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,0,255) 0 0 4px) drop-shadow(rgb(0,0,255) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-religion svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(119,0,255) 0 0 4px) drop-shadow(rgb(119,0,255) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-sleight-of-hand svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(241,129,0) 0 0 4px) drop-shadow(rgb(241,129,0) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-stealth svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(241,129,0) 0 0 4px) drop-shadow(rgb(241,129,0) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon.skill-survival svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,126,38) 0 0 4px) drop-shadow(rgb(0,126,38) 0 0 5px)}.char-skill-list-block .char-skill-list .skill-icon svg{fill:#fff;height:2.5rem;width:2.5rem}.char-edit-abilities{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;max-width:65rem}.char-edit-abilities .char-edit-ability{border:1px solid #333}.char-edit-abilities .char-edit-ability .ability-name{background-color:#333;color:#fff;font-weight:700;padding:.5rem;text-align:center}.char-edit-abilities .char-edit-ability .ability-table{border-collapse:collapse}.char-edit-abilities .char-edit-ability .ability-table .ability-base{align-items:center;display:flex;gap:.5rem}.char-edit-abilities .char-edit-ability .ability-table th,.char-edit-abilities .char-edit-ability .ability-table td{border:1px solid #333;padding:1rem}.char-edit-abilities .char-edit-ability .ability-table button.roll{background-image:url(/images/dice/d6.png);background-repeat:no-repeat;background-size:contain;border:1px solid;cursor:pointer;height:2rem;width:2rem}.char-edit-abilities .char-edit-ability .d6-rolls-table{margin:.5rem 0 0}.char-edit-abilities .char-edit-ability .d6-rolls-table td{height:1rem;padding:.5rem;text-align:center;width:1rem}.char-edit-abilities .char-edit-ability .d6-rolls-table td.discarded{background-color:#ddd;border-color:red;color:red}.char-edit-abilities .dice-roll-block{padding:.5rem 0;text-align:center}.char-edit-abilities .dice-roll-block .dice{display:flex;justify-content:space-around}.char-language-list-block .char-language-list{display:flex;flex-wrap:wrap;gap:1rem}.char-language-list-block .char-language-list .language{display:block}.char-language-list-block .char-language-list .language.already-known,.char-language-list-block .char-language-list .language button{border:1px solid #333;border-radius:1rem;box-sizing:border-box;font-weight:700;padding:1rem;width:15rem}.char-language-list-block .char-language-list .language button{appearance:none;background-color:transparent;cursor:pointer;font-size:1rem}.char-language-list-block .char-language-list .language button:hover{background-color:#f3f3f3}.char-language-list-block .char-language-list .language.selected button{background-color:#333;color:#fff;fill:#fff}.char-language-list-block .char-language-list .language .language-sample{margin-top:1rem;height:3rem}.char-edit-spells .spell-actions-container{display:flex;justify-content:space-between;margin-bottom:1rem}.char-edit-spells .detailed-view-checkbox{align-items:center;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206l-12%2012%22%20%2F%3E%20%3Cpath%20d%3D%22M6%206l12%2012%22%20%2F%3E%20%3C%2Fsvg%3E%20);background-position:center right .25rem;background-repeat:no-repeat;border:1px solid #333;border-radius:.5rem;cursor:pointer;display:flex;padding:.5rem 2rem .5rem .5rem}.char-edit-spells input[name=detailedView]:checked+.spell-actions-container .detailed-view-checkbox{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012l5%205l10%20-10%22%20%2F%3E%20%3C%2Fsvg%3E%20)}.char-edit-spells .spell-level summary{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.char-edit-spells .spell-level summary em{font-size:1rem;font-weight:400}.char-edit-spells ul{margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.char-edit-spells input[name=detailedView]:checked~details ul{display:block}.char-edit-spells .spell{border:1px solid #333;list-style:none;margin:0 0 .5rem;padding:0}.char-edit-spells .spell button{appearance:none;background-color:transparent;border:none;cursor:pointer;text-align:left;width:100%}.char-edit-spells .spell button.selected{background-color:#333;color:#fff}.char-edit-spells .spell button.selected .spell-school-icon{outline:1px solid #fff}.char-edit-spells .spell .spell-container{display:flex;gap:.5rem;padding:.5rem}.char-edit-spells .spell .spell-school-icon{align-items:center;background-color:#333;display:flex;padding:.25rem}.char-edit-spells .spell .spell-school-icon svg{fill:#fff;height:4rem;width:4rem}.char-edit-spells .spell .spell-school-icon.spell-school-abjuration svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,0,255) 0 0 4px) drop-shadow(rgb(0,0,255) 0 0 5px)}.char-edit-spells .spell .spell-school-icon.spell-school-conjuration svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(241,129,0) 0 0 4px) drop-shadow(rgb(241,129,0) 0 0 5px)}.char-edit-spells .spell .spell-school-icon.spell-school-divination svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(121,121,179) 0 0 4px) drop-shadow(rgb(121,121,179) 0 0 5px)}.char-edit-spells .spell .spell-school-icon.spell-school-enchantment svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(185,70,185) 0 0 4px) drop-shadow(rgb(185,70,185) 0 0 5px)}.char-edit-spells .spell .spell-school-icon.spell-school-evocation svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(255,0,0) 0 0 4px) drop-shadow(rgb(255,0,0) 0 0 5px)}.char-edit-spells .spell .spell-school-icon.spell-school-illusion svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(119,0,255) 0 0 4px) drop-shadow(rgb(119,0,255) 0 0 5px)}.char-edit-spells .spell .spell-school-icon.spell-school-necromancy svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,126,38) 0 0 4px) drop-shadow(rgb(0,126,38) 0 0 5px)}.char-edit-spells .spell .spell-school-icon.spell-school-transmutation svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(221,206,0) 0 0 4px) drop-shadow(rgb(221,206,0) 0 0 5px)}.char-edit-spells .spell .spell-name{font-size:1.25rem;font-weight:700}.char-edit-spells .spell .spell-details{flex-grow:1}.char-edit-spells .spell table{display:none}.char-edit-spells input[name=detailedView]:checked~details .spell button.selected table td,.char-edit-spells input[name=detailedView]:checked~details .spell button.selected table th{border-color:#fff}.char-edit-spells input[name=detailedView]:checked~details .spell table{border-collapse:collapse;display:table;margin-top:.5rem;width:100%}.char-edit-spells input[name=detailedView]:checked~details .spell table td,.char-edit-spells input[name=detailedView]:checked~details .spell table th{border:1px solid #333;padding:.25rem}.char-edit-spells input[name=detailedView]:checked~details .spell table .name,.char-edit-spells input[name=detailedView]:checked~details .spell table .range,.char-edit-spells input[name=detailedView]:checked~details .spell table .cast-time,.char-edit-spells input[name=detailedView]:checked~details .spell table .duration{width:20%}.char-edit-spells input[name=detailedView]:checked~details .spell table .components{width:20%}.char-edit-spells input[name=detailedView]:checked~details .spell .spell-component{align-items:start;display:inline-flex;margin-right:.5rem}.char-edit-spells input[name=detailedView]:checked~details .spell .spell-component svg{height:1.25rem;margin-right:.25rem;width:1.25rem}.char-sheet{background-attachment:fixed;background-image:url(/images/login-background.jpeg);background-position-x:center;background-repeat:no-repeat;padding-top:2rem}.char-sheet .toast-container .toast-content{text-transform:capitalize}@media (max-width: 600px){.char-sheet{background-image:none;padding-top:0}}.char-sheet .char-sheet-content{background-color:#ffffffd9;margin:0 auto;max-width:50rem;padding:1rem}@media (max-width: 600px){.char-sheet .char-sheet-content{padding:.5rem}.char-sheet .char-sheet-content .columns{display:block}.char-sheet .char-sheet-content .col-3-1,.char-sheet .char-sheet-content .col-3-2,.char-sheet .char-sheet-content .col-2-1{width:inherit}}.char-sheet .sheet-header{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}@media (max-width: 600px){.char-sheet .sheet-header{gap:.5rem}}.char-sheet .sheet-header .portrait{background-color:#fff;border:1px solid #000;border-radius:6px;height:5.5rem}.char-sheet .sheet-header .portrait img{height:100%;width:auto}.char-sheet .sheet-header .name,.char-sheet .sheet-header .main-details{background-color:#fff;border:3px double #000;box-sizing:border-box}.char-sheet .sheet-header .name{padding:1rem;width:35%}@media (max-width: 600px){.char-sheet .sheet-header .name{padding:.5rem}}.char-sheet .sheet-header .main-details{display:grid;grid-template-columns:1fr 1fr;padding:.5rem;width:60%}@media (max-width: 600px){.char-sheet .sheet-header .main-details{display:block}}.char-sheet .senses{margin-left:1rem}.char-sheet .simple-score-standalone{align-items:center;background-color:#fff;border:3px double #000;box-sizing:border-box;display:flex;margin-bottom:.5rem;position:relative}.char-sheet .simple-score-standalone .simple-score-value{align-items:center;background-color:#fff;border:3px double #000;border-radius:50%;box-sizing:border-box;display:flex;font-size:1.2rem;font-weight:700;height:2rem;justify-content:center;left:-1rem;padding:.25rem;position:absolute;width:2rem}.char-sheet .simple-score-standalone .simple-score-name{font-size:.8rem;padding:.5rem .5rem .5rem 1.25rem}.char-sheet .ability-scores{width:33%}@media (max-width: 600px){.char-sheet .ability-scores{display:flex;gap:1rem;justify-content:space-between;width:100%}}.char-sheet .ability-scores .ability{background-color:#fff;border:3px double #000;box-sizing:border-box;margin-bottom:2rem;padding:.25rem;position:relative;text-align:center}.char-sheet .ability-scores .ability .ability-name{font-size:.8rem}.char-sheet .ability-scores .ability .ability-name .ability-short-name{display:none}@media (max-width: 600px){.char-sheet .ability-scores .ability .ability-name .ability-long-name{display:none}.char-sheet .ability-scores .ability .ability-name .ability-short-name{display:inline;text-transform:capitalize}}.char-sheet .ability-scores .ability .ability-score{font-size:1.5rem;font-weight:700;padding-bottom:.5rem}.char-sheet .ability-scores .ability .ability-score.adjustment{font-weight:400}.char-sheet .ability-scores .ability .ability-modifier{background-color:#fff;border:3px double #000;border-radius:1rem;box-sizing:border-box;cursor:url(/images/dice/dice-cursor.png),pointer;left:50%;margin-left:-1.25rem;position:absolute;bottom:-1rem;width:2.5rem}.char-sheet .ability-scores .ability .ability-modifier:hover{background-color:#b1a27b}@media (max-width: 600px){.char-sheet .simple-scores{display:flex;gap:1rem;justify-content:space-between;padding-left:.75rem}.char-sheet .simple-scores .simple-score-standalone{width:45%}}.char-sheet .saving-throws,.char-sheet .skills{background-color:#fff;border:3px double #000;box-sizing:border-box;margin-bottom:.5rem;padding:.5rem}.char-sheet .saving-throws .simple-score,.char-sheet .skills .simple-score{align-items:center;cursor:url(/images/dice/dice-cursor.png),pointer;display:flex;font-size:.8rem;padding:.125rem}.char-sheet .saving-throws .simple-score:hover,.char-sheet .skills .simple-score:hover{background-color:#ddd}.char-sheet .saving-throws .simple-score.proficient,.char-sheet .skills .simple-score.proficient{background-color:#b1a27b}.char-sheet .saving-throws .simple-score.proficient:hover,.char-sheet .skills .simple-score.proficient:hover{background-color:#666;color:#fff}.char-sheet .saving-throws .simple-score .simple-score-value,.char-sheet .skills .simple-score .simple-score-value{align-items:center;font-weight:700;width:1.25rem}.char-sheet .saving-throws .simple-score .simple-score-ability,.char-sheet .skills .simple-score .simple-score-ability{align-items:center;width:2.5rem}@media (max-width: 600px){.char-sheet .ac-init-speed-hp{display:flex;gap:.5rem}}.char-sheet .ac-init-speed{display:flex;font-size:.8rem;gap:.5rem}.char-sheet .ac-init-speed .ac{align-items:center;background-color:#fff;border:3px double #000;border-radius:50%/12% 12% 88% 88%;display:flex;flex-direction:column;height:4.5rem;justify-content:center;text-align:center;width:4rem}.char-sheet .ac-init-speed .ac .simple-score-value{font-size:1.5rem;font-weight:700}.char-sheet .ac-init-speed .initiative,.char-sheet .ac-init-speed .speed{background-color:#fff;border:3px double #000;box-sizing:border-box;display:flex;height:4rem;justify-content:center;margin-bottom:2rem;padding:.25rem;position:relative;text-align:center;width:4rem}.char-sheet .ac-init-speed .initiative .simple-score-name,.char-sheet .ac-init-speed .speed .simple-score-name{display:flex;justify-content:center;margin-top:.5rem}.char-sheet .ac-init-speed .initiative .simple-score-value,.char-sheet .ac-init-speed .speed .simple-score-value{background-color:#fff;border:3px double #000;border-radius:1rem;box-sizing:border-box;font-weight:700;font-size:1.5rem;left:50%;margin-left:-1.25rem;position:absolute;bottom:-1rem;width:2.5rem}.char-sheet .ac-init-speed .initiative .simple-score-value{cursor:url(/images/dice/dice-cursor.png),pointer}.char-sheet .ac-init-speed .initiative .simple-score-value:hover{background-color:#b1a27b}.char-sheet .hit-points{background-color:#fff;border:3px double #000;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;position:relative;text-align:center}@media (max-width: 600px){.char-sheet .hit-points,.char-sheet .hit-points div{display:block}}.char-sheet .hit-points .adjustment{font-style:italic}.char-sheet .hit-points.adjust-positive .current,.char-sheet .hit-points.adjust-positive .adjustment{color:#007e26}.char-sheet .hit-points.adjust-negative .current,.char-sheet .hit-points.adjust-negative .adjustment{color:red}.char-sheet .hit-points input.inline{width:2.5rem}.char-sheet .tabs [role=tabpanel]{max-height:35rem}.char-sheet .traits .trait{background-color:#fff;border:3px double #000;box-sizing:border-box;font-size:.8rem;margin-bottom:.5rem;padding:.5rem}.char-sheet .traits .trait .trait-name{font-weight:700;margin-bottom:.5rem}.char-sheet .languages{display:block;margin:0;padding:0}.char-sheet .languages .language{background-color:#fff;border:1px solid #000;border-radius:.5rem;margin:0 0 .25rem;padding:.5rem}.char-sheet .languages .language svg{display:block;height:1rem}.char-sheet .money{display:flex;margin:0;padding:0}.char-sheet .money li{display:inline-block;margin-right:1rem}.char-sheet .money svg{height:1rem;margin-right:.25rem;width:auto}.char-sheet .money .copper{fill:#ab7135}.char-sheet .money .silver{fill:#999}.char-sheet .money .electrum{fill:#b2b3ca}.char-sheet .money .gold{fill:#b1a27b}.char-sheet .money .platinum{fill:#999}.char-sheet .update-money{margin-top:.5rem}.char-sheet .inventory{margin:1rem 0}.char-sheet .inventory table{border-collapse:collapse;margin:1rem 0;width:100%}.char-sheet .inventory th{font-weight:400;padding:.25rem}.char-sheet .inventory tr:nth-child(2n){background-color:#ddd}.char-sheet .inventory th{text-align:left}.char-sheet .inventory td{padding:.25rem}.char-sheet .inventory .item-rarity-indicator{background-color:#000;border-radius:50%;display:inline-block;height:1rem;width:1rem}.char-sheet .inventory .item-rarity-indicator[data-rarity=common]{background-color:#000}.char-sheet .inventory .item-rarity-indicator[data-rarity=uncommon]{background-color:#007e26}.char-sheet .inventory .item-rarity-indicator[data-rarity=rare]{background-color:#4a91e3}.char-sheet .inventory .item-rarity-indicator[data-rarity=very-rare]{background-color:#9810e0}.char-sheet .inventory .item-rarity-indicator[data-rarity=legendary]{background-color:#dd712e}.char-sheet .spell-level-group summary{cursor:pointer;font-weight:700}.char-sheet input[name=detailedView]:checked~details .spell table{display:table}.char-sheet .detailed-view-checkbox{align-items:center;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206l-12%2012%22%20%2F%3E%20%3Cpath%20d%3D%22M6%206l12%2012%22%20%2F%3E%20%3C%2Fsvg%3E%20);background-position:center right .25rem;background-repeat:no-repeat;border:1px solid #333;border-radius:.5rem;cursor:pointer;display:flex;margin-bottom:1rem;max-width:10rem;padding:.5rem 2rem .5rem .5rem}.char-sheet input[name=detailedView]:checked~.detailed-view-checkbox{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012l5%205l10%20-10%22%20%2F%3E%20%3C%2Fsvg%3E%20)}.char-sheet .spells{margin:0;padding:0}.char-sheet .spells .spell{border:1px solid #333;list-style:none;margin:0 0 .5rem;padding:0}.char-sheet .spells .spell .spell-container{display:flex;gap:.5rem;padding:.5rem}.char-sheet .spells .spell .spell-school-icon{align-items:center;background-color:#333;display:flex;padding:.25rem}.char-sheet .spells .spell .spell-school-icon svg{fill:#fff;height:2rem;width:2rem}.char-sheet .spells .spell .spell-school-icon.spell-school-abjuration svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,0,255) 0 0 4px) drop-shadow(rgb(0,0,255) 0 0 5px)}.char-sheet .spells .spell .spell-school-icon.spell-school-conjuration svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(241,129,0) 0 0 4px) drop-shadow(rgb(241,129,0) 0 0 5px)}.char-sheet .spells .spell .spell-school-icon.spell-school-divination svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(121,121,179) 0 0 4px) drop-shadow(rgb(121,121,179) 0 0 5px)}.char-sheet .spells .spell .spell-school-icon.spell-school-enchantment svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(185,70,185) 0 0 4px) drop-shadow(rgb(185,70,185) 0 0 5px)}.char-sheet .spells .spell .spell-school-icon.spell-school-evocation svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(255,0,0) 0 0 4px) drop-shadow(rgb(255,0,0) 0 0 5px)}.char-sheet .spells .spell .spell-school-icon.spell-school-illusion svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(119,0,255) 0 0 4px) drop-shadow(rgb(119,0,255) 0 0 5px)}.char-sheet .spells .spell .spell-school-icon.spell-school-necromancy svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,126,38) 0 0 4px) drop-shadow(rgb(0,126,38) 0 0 5px)}.char-sheet .spells .spell .spell-school-icon.spell-school-transmutation svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(221,206,0) 0 0 4px) drop-shadow(rgb(221,206,0) 0 0 5px)}.char-sheet .spells .spell .spell-name{font-weight:700}.char-sheet .spells .spell .spell-details{flex-grow:1}.char-sheet .spells .spell .spell-description{font-size:.8rem}.char-sheet .spells .spell table{display:none}.char-sheet .spells table{border-collapse:collapse;display:table;font-size:.8rem;margin-top:.5rem;width:100%}.char-sheet .spells table td,.char-sheet .spells table th{border:1px solid #333}.char-sheet .spells table .name,.char-sheet .spells table .range,.char-sheet .spells table .cast-time,.char-sheet .spells table .duration,.char-sheet .spells table .components{width:20%}.char-sheet .spells .spell-component{align-items:start;display:inline-flex;margin-right:.5rem}.char-sheet .spells .spell-component svg{height:1.25rem;margin-right:.25rem;width:1.25rem}.char-sheet .class-abilities{border-collapse:collapse;font-size:.8rem}.char-sheet .class-abilities tr:nth-child(2n){background-color:#ddd}.char-sheet .class-abilities td{padding:.25rem}.char-sheet .class-abilities .ability-level{text-align:center}.char-sheet .class-abilities .class-ability-description{height:7rem;overflow:auto}.char-sheet .dice-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.char-sheet .dice-container canvas{display:block;height:100vh;left:0;pointer-events:none;position:absolute;top:0;visibility:visible;width:100vw}.char-sheet .dice-container canvas.hidden{visibility:hidden}.char-sheet .dice-container .result{font-size:2rem;font-weight:700}.campaign-content-container{padding:0 1rem}.campaign-content-container .campaign-invites{display:flex;margin:0;padding:0}.campaign-content-container .campaign-invites .campaign-invite{border:1px solid #999;border-radius:1rem;display:block;padding:1rem;width:20%}.campaign-content-container .campaign-invites .campaign-invite .campaign-name,.campaign-content-container .campaign-invites .campaign-invite .campaign-owner{margin-bottom:.5rem}.campaign-content-container .campaign-invites .actions{display:flex;gap:1rem;margin-top:1rem}.campaign-content-container .campaign-list-panel ul{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));list-style-type:none;padding:0;margin:0;max-width:50rem}.campaign-content-container .campaign-list-panel ul .campaigns{border:1px solid #000;border-radius:.5rem;box-shadow:2px 2px 7px #999;display:block;margin-bottom:1rem}.campaign-content-container .campaign-list-panel ul .campaigns .campaign{padding:.5rem}.campaign-content-container .campaign-list-panel ul .campaigns .campaign-summary{align-items:center;display:flex;gap:1rem;position:relative}.campaign-content-container .campaign-list-panel ul .campaigns .campaign-details{border-top:1px solid #666;margin-top:.5rem;padding-top:.5rem}.campaign-content-container .campaign-list-panel ul .campaigns .date{align-items:center;display:flex;gap:.5rem}.campaign-content-container .campaign-list-panel ul .campaigns .date svg{height:1.5rem}.campaign-content-container .campaign-list-panel ul .campaigns .campaign-description{border:1px solid #ddd;font-style:italic;margin:.5rem 0;padding:.25rem}.campaign-content-container .campaign-list-panel ul .campaigns .campaign-map-preview{margin:1rem 0}.campaign-content-container .campaign-list-panel ul .campaigns .campaign-map-preview .map-name,.campaign-content-container .campaign-list-panel ul .campaigns .campaign-map-preview p{display:none}.campaign-content-container .campaign-list-panel ul .campaigns .actions{display:flex}.campaign-content-container .campaign-list-panel ul .campaigns .actions a,.campaign-content-container .campaign-list-panel ul .campaigns .actions button{align-items:center;background-color:#ddd;border:1px solid #333;box-sizing:content-box;color:#000;display:flex;height:2rem;justify-content:center;margin-right:.5rem;padding:0;width:2rem}.campaign-content-container .manage-campaign{border:1px solid #333;border-radius:1rem;box-shadow:2px 2px 7px #999;padding:1rem}.campaign-content-container .manage-campaign h3{display:flex;justify-content:space-between}.campaign-content-container .manage-campaign .campaign-details-edit span{display:block;font-weight:400;font-size:1rem}.campaign-content-container .manage-campaign .campaign-details-edit input{font-size:1rem}.campaign-content-container .manage-campaign .copy-campaign-link{position:relative}.campaign-content-container .manage-campaign .copy-campaign-link .toast-content{right:0}.campaign-content-container .manage-campaign form+details{margin-top:1rem}.campaign-content-container .manage-campaign details{border:1px solid #333;border-radius:.5rem;box-shadow:2px 2px 7px #999;margin-bottom:1rem;padding:0}.campaign-content-container .manage-campaign details:not([open]) summary{border-radius:.5rem}.campaign-content-container .manage-campaign details summary{background-color:#ddd;border-radius:.5rem .5rem 0 0;cursor:pointer;padding:.5rem}.campaign-content-container .manage-campaign details .campaign-block-contents{margin:1rem .5rem}.campaign-content-container .manage-campaign details form{margin-top:1rem}@media (max-width: 600px){.campaign-content-container .manage-campaign details form{display:flex;flex-wrap:wrap}}.campaign-content-container .manage-campaign details form label{margin-bottom:.5rem}.campaign-content-container .manage-campaign details form input[type=file]{display:none}.campaign-content-container .manage-campaign details form .filename{margin:.25rem 0}.campaign-content-container .manage-campaign .maps .map-preview-list{margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.campaign-content-container .manage-campaign .maps .map-preview-list li{list-style:none;width:200px}.campaign-content-container .manage-campaign .maps .campaign-map-preview{border:1px solid #666;border-radius:.5rem;box-shadow:2px 2px 7px #999;padding:.5rem;position:relative}.campaign-content-container .manage-campaign .maps .campaign-map-preview.active{background-color:#b1a27b}.campaign-content-container .manage-campaign .maps .campaign-map-preview .active-indicator{display:inline-block;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.campaign-content-container .manage-campaign .maps .campaign-map-preview .active-indicator svg{width:1.5rem}.campaign-content-container .manage-campaign .maps .campaign-map-preview img{max-width:100%}.campaign-content-container .manage-campaign .maps .campaign-map-preview details{background-color:#fff;margin-bottom:0}.campaign-content-container .manage-campaign .maps .campaign-map-preview dl{margin:.5rem}.campaign-content-container .manage-campaign .maps .campaign-map-preview dt{font-weight:700}.campaign-content-container .manage-campaign .maps .campaign-map-preview dd{margin:0 .5rem}.campaign-content-container .manage-campaign .maps .campaign-map-preview dd textarea{box-sizing:border-box;max-width:100%}.campaign-content-container .manage-campaign .maps .campaign-map-preview .map-name{font-weight:700;height:2.5rem;width:85%}.campaign-content-container .manage-campaign .maps .campaign-map-preview .visibility-indicator svg{height:auto;width:1rem}.campaign-content-container .manage-campaign .maps .campaign-map-preview .actions{padding:.5rem}.campaign-content-container .manage-campaign .maps .campaign-map-preview .actions button{margin-right:.5rem}.campaign-content-container .char-list-invite-panel{display:flex;gap:1rem}.campaign-content-container .char-list-invite-panel .char-panel{width:38%}.campaign-content-container .char-list-invite-panel .char-panel.selected{background-color:#b1a27b}.campaign-content-container .char-list-invite-panel .char-panel button{appearance:none;background-color:transparent;border:none;cursor:pointer;display:flex;font-size:inherit;gap:.5rem;margin:0;padding:0}.campaign-content-container .char-list-invite-panel .char-panel button .char-details{text-align:left}.campaign-content-container .char-list-invite-panel .char-panel img{height:5rem;width:5rem}.campaign-content-container .create-campaign-form label{display:block;margin-bottom:.5rem}app-campaign-map{display:flex;flex-flow:column;height:100%}app-campaign-map app-header-slim{flex:0 1 auto}.campaign-map-container{display:grid;grid-template-areas:"sidebar map settings";grid-template-columns:auto minmax(0,1fr);flex:1 1 auto}.campaign-map-container .map-actions{display:flex;flex-direction:column;gap:.5rem;grid-area:sidebar}.campaign-map-container .map-actions button{align-items:center;background-color:#ddd;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.5rem}.campaign-map-container .map-actions button:hover{background-color:#333;color:#fff}.campaign-map-container .map-actions button:hover svg{stroke:#fff}.campaign-map-container .map-actions button.active{background-color:#b1a27b}.campaign-map-container .map-actions button.active:hover{background-color:#2696bb;color:#fff}.campaign-map-container .map-actions button.active:hover svg{stroke:#fff}.campaign-map-container .map-actions button svg{height:1.5rem;margin-top:.25rem;width:1.5rem}.campaign-map-container .campaign-map{grid-area:map;overflow:auto}.campaign-map-container .campaign-map .map{position:relative}.campaign-map-container .campaign-map .map svg.map-interactive{position:absolute}.campaign-map-container .campaign-map .map svg.map-interactive g.selected{animation-direction:alternate;animation-duration:2s;animation-iteration-count:infinite;animation-name:creature-glow}.campaign-map-container .campaign-map .map svg.map-interactive g.editable{cursor:move}@keyframes creature-glow{0%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}to{filter:drop-shadow(0 0 10px rgb(255,255,0))}}.campaign-map-container .campaign-map .map svg.map-interactive .creature-label rect{fill:#fff9}.campaign-map-container .campaign-map .map svg.map-interactive .creature-label text{alignment-baseline:inherit;font-size:1rem}.campaign-map-container .campaign-map .map img.map-image{position:absolute}.campaign-map-container .map-settings{background-color:#fff;grid-area:settings;max-height:90vh;max-width:30rem;overflow:auto;position:relative;width:22rem}.campaign-map-container .map-settings legend{text-transform:capitalize}.campaign-map-container .map-settings .tabs .creater-panel{overflow:auto}.campaign-map-container .map-settings .tabs .creater-panel label{display:block}.campaign-map-container .map-settings .tabs .creature-list{align-items:stretch;display:flex;flex-wrap:wrap;margin:1rem 0;padding:0}.campaign-map-container .map-settings .tabs .creature-list li{display:inline-block}.campaign-map-container .map-settings .tabs .creature-list .character,.campaign-map-container .map-settings .tabs .creature-list .creature{align-items:center;appearance:none;background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;height:100%;gap:.5rem;width:6rem}.campaign-map-container .map-settings .tabs .creature-list .character:hover,.campaign-map-container .map-settings .tabs .creature-list .creature:hover{background-color:#ddd}.campaign-map-container .map-settings .tabs .creature-list .character img,.campaign-map-container .map-settings .tabs .creature-list .creature img{border-radius:50%;height:50px;width:50px}.campaign-map-container .map-settings .radio-collection{display:flex;flex-wrap:wrap}.campaign-map-container .map-settings label.radio-label{cursor:pointer;padding:0}.campaign-map-container .map-settings label.radio-label input{clip:rect(1px 1px 1px 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap}.campaign-map-container .map-settings label.radio-label input:checked+svg,.campaign-map-container .map-settings label.radio-label input:checked+* svg{background-color:#b1a27b}.campaign-map-container .map-settings label.radio-label svg{padding:.25rem}.campaign-map-container .map-settings .selected-entity-form details{border:1px solid #333;border-radius:.5rem;margin-bottom:1rem}.campaign-map-container .map-settings .selected-entity-form summary{background-color:#ddd;cursor:pointer;padding:.5rem}.campaign-map-container .map-settings .selected-entity-form .selected-entity-details-content{padding:.5rem}.campaign-map-container .map-settings .selected-entity-actions button{margin-right:.5rem}.campaign-map-container .map-settings .selected-entity-details dl{display:grid;grid-template-columns:auto 1fr;row-gap:.5rem}.campaign-map-container .map-settings .selected-entity-details ul{margin:.25rem auto;padding-left:1rem}.campaign-map-container .map-settings .selected-entity-abilities ul,.campaign-map-container .map-settings .selected-entity-skill-proficiencies ul,.campaign-map-container .map-settings .selected-entity-saving-throws ul{list-style:none;margin:0;padding:0}.campaign-map-container .map-settings .selected-entity-abilities li,.campaign-map-container .map-settings .selected-entity-skill-proficiencies li,.campaign-map-container .map-settings .selected-entity-saving-throws li{display:flex;align-items:center;justify-content:space-between}.campaign-map-container .map-settings .selected-entity-senses dl{margin:0}.campaign-map-container .map-settings .selected-entity-resistances,.campaign-map-container .map-settings .selected-entity-senses,.campaign-map-container .map-settings .selected-entity-languages,.campaign-map-container .settings-block-container fieldset{margin-top:1rem}.campaign-map-container .settings-block-container label{display:block}.campaign-map-container .settings-block-container label+label{margin-top:1rem}.campaign-map-container .toast-content{background-color:#ff0;left:50%;padding:.5rem}.modal-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#999c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.modal-container[hidden]{display:none}.modal{background-color:#fff;border:3px double #b1a27b;border-radius:.5rem;max-height:70%;max-width:70%;min-height:6rem;min-width:20rem;padding:.75rem;position:relative;width:40rem}@media (max-width: 600px){.modal{max-width:inherit;width:85%}}.modal:after{background-image:url(/images/wyvern-corner.svg);background-repeat:no-repeat;background-size:4rem auto;bottom:-.65rem;content:"";display:block;height:4.8rem;position:absolute;right:-1.25rem;width:4rem}.modal .cancel{appearance:none;background-color:transparent;border:none;cursor:pointer;position:absolute;right:.3rem;top:.5rem}.modal .cancel:focus{outline:2px solid}.modal h2{background-image:url(/images/orc.svg)}.modal .modal-content{max-height:50vh;overflow:scroll}.modal button+button{margin-left:1rem}.modal .modal-actions{display:flex;margin-top:1rem}.toast-content{background-color:#b1a27b;border-radius:.5rem;color:#000;padding:.25rem;position:absolute;white-space:pre}.char-edit-equipment-panel{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}details.char-edit-equipment-set,details.item{background-color:#fff;border:1px solid #000;border-radius:.5rem;box-shadow:2px 2px 7px #999;margin-bottom:.5rem;padding:.5rem}details.char-edit-equipment-set.rarity-uncommon,details.item.rarity-uncommon{color:#007e26}details.char-edit-equipment-set.rarity-rare,details.item.rarity-rare{color:#4a91e3}details.char-edit-equipment-set.rarity-very-rare,details.item.rarity-very-rare{color:#9810e0}details.char-edit-equipment-set.rarity-legendary,details.item.rarity-legendary{color:#dd712e}details.char-edit-equipment-set summary,details.item summary{cursor:pointer}details.char-edit-equipment-set .item-type-icon,details.item .item-type-icon{position:relative}details.char-edit-equipment-set .item-type-icon svg,details.item .item-type-icon svg{height:auto;position:absolute;right:0;top:-1rem;width:2rem}details.char-edit-equipment-set .starting-gold,details.item .starting-gold{margin:.5rem 0}details.char-edit-equipment-set .item-quantity,details.item .item-quantity{margin-right:.25rem}details.char-edit-equipment-set .item-type,details.item .item-type{font-style:italic}details.char-edit-equipment-set button,details.item button{margin-top:1rem}details.char-edit-equipment-set form.slim textarea,details.item form.slim textarea{height:3rem;width:10rem}details.char-edit-equipment-set form.slim button,details.item form.slim button{margin-top:0}details.char-edit-equipment-set.selected{background-color:#ddd}.instrument-selection-panel button{appearance:none;background-color:transparent;border:1px solid #333;border-radius:.5rem;cursor:pointer;display:block;font-size:100%;margin-bottom:.5rem;padding:.25rem;text-align:left;width:50%}.instrument-selection-panel button.selected{background-color:#ddd}.equipment-actions-container{display:flex;justify-content:right}.item-actions{align-items:center;display:flex;gap:.5rem}.item-actions button{align-content:center;display:flex;font-size:1.2rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.add-items-list{margin-top:1rem}.item-special-abilities{border:1px solid #333;border-radius:.5rem;box-shadow:2px 2px 7px #999;padding:.5rem}.item-special-ability{border:1px solid #333;border-radius:.5rem;box-shadow:2px 2px 7px #999;margin-top:.5rem;padding:0 .5rem}.lore-groups{display:flex;flex-direction:column}.lore-group{border:1px solid #999;border-radius:.5rem;margin-top:1rem;padding:1rem}.lore-group h4{margin-top:0}.lore-list{display:flex;margin:0;padding:0;gap:1rem}.lore-list .lore-item{border:1px solid #999;border-radius:.5rem;box-shadow:2px 2px 7px #999;display:inline-block;padding:.5rem;width:10rem}.lore-list .lore-item-name{font-weight:700}.lore-list .lore-actions{display:flex;gap:.5rem}.lore-list button,.lore-list a.button-link{align-items:center;display:flex;gap:.25rem;margin-top:.5rem}.lore-list a.lore-item-document{display:block;text-align:center}.lore-list a.lore-item-document svg{width:50%}.lore-list .lore-item-thumb{margin-top:.5rem;max-width:100%}.lore-details .lore-content{border:1px solid #999;border-radius:.5rem;overflow:auto;padding:0 1.5rem .5rem 1rem}.lore-details textarea{box-sizing:border-box;min-height:12rem;width:100%}.tools-list-container,.dice-roller-container,.name-generator-container,.item-generator-container,.encounter-creator-container{padding:1rem}.tools-list-container .tools-list{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}.tools-list-container .tool{border:1px solid #333;border-radius:1rem;box-shadow:2px 2px 7px #999;list-style:none;text-align:center;width:20rem}.tools-list-container .tool a{color:#000;display:block;margin:1rem}.tools-list-container .tool svg{height:5rem;margin-bottom:1rem;width:auto}.dice-roller-container .roll-results{border:1px solid #333;border-radius:1rem;box-shadow:2px 2px 7px #999}.dice-roller-container .roll-result{align-items:center;display:flex;flex-wrap:wrap}.dice-roller-container .roll-result .dice{align-items:center;background-repeat:no-repeat;background-size:contain;display:flex;height:3rem;justify-content:center;width:3rem}.dice-roller-container .roll-result .dice .value{background-color:#fffc;border-radius:1rem;padding:.125rem}.dice-roller-container .roll-result .dice-d20{background-image:url(/images/dice/d20.png)}.dice-roller-container .roll-result .dice-d12{background-image:url(/images/dice/d12.png)}.dice-roller-container .roll-result .dice-d10{background-image:url(/images/dice/d10.png)}.dice-roller-container .roll-result .dice-d8{background-image:url(/images/dice/d8.png)}.dice-roller-container .roll-result .dice-d6{background-image:url(/images/dice/d6.png)}.dice-roller-container .roll-result .dice-d4{background-image:url(/images/dice/d4.png)}.dice-roller-container .roll-result .modifier{border:1px solid #999;padding:.125rem}.dice-roller-container .roll-result .total{font-size:1.2rem;font-weight:700;margin-left:.5rem}.item-generator-container fieldset{margin-bottom:1rem}.item-generator-container h2+.error{margin-bottom:1rem}.item-generator-container .item{max-width:35rem}.item-generator-container .item .item-property{margin:.5rem 0}.item-generator-container .item .tiny-label{display:inline-block;margin-right:.5rem}.item-generator-container .item .tiny-label label{font-size:.7rem;display:block}.item-generator-container .item input.inline{max-width:10rem;padding:0 .5rem;text-align:left}.item-generator-container .item input.inline.inline-small{max-width:5rem}.item-generator-container .item select.inline{max-width:10rem}.item-generator-container .item textarea{box-sizing:border-box;max-width:100%}.item-generator-container .tabs [role=tab]{margin-left:0;max-width:initial;padding:.25rem}.item-generator-container .character-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0;padding:0}.item-generator-container .campaign-list{margin:0;padding:0}.item-generator-container .campaign-list li{list-style:none}.item-generator-container .campaign-list details{border:1px solid #666;border-radius:.5rem}.item-generator-container .campaign-list details summary{cursor:pointer;padding:.5rem}.item-generator-container .campaign-list details .character-list{padding:.5rem}.item-generator-container .char-panel{background-color:#f3f3f3;border:1px solid #000;border-radius:10px;box-sizing:border-box;display:flex;gap:1rem;list-style:none;margin:0;max-width:20rem;padding:1rem;position:relative;width:48%}.item-generator-container .char-panel .char-image{background-color:#fff;border:1px solid #000;border-radius:6px;height:5.5rem}.item-generator-container .char-panel .char-image img{height:5.5rem;width:5.5rem}.item-generator-container .generated-items-list{margin:0;padding:0}.item-generator-container .generated-items-list li{list-style:none;margin-bottom:.5rem}.encounter-creator-container .tabs [role=tab]{margin-left:0;max-width:initial;padding:.25rem}.encounter-creator-container .tabs [role=tabpanel] p{margin-bottom:1rem}.encounter-creator-container .campaign-list{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}.encounter-creator-container .campaign-list li{list-style:none}.encounter-creator-container .campaign-list input[type=radio]{display:none}.encounter-creator-container .campaign-list label{border:1px solid #666;border-radius:1rem;cursor:pointer;font-size:110%;padding:1rem}.encounter-creator-container .campaign-list input[type=radio]:checked+label{background-color:#b1a27b}.encounter-creator-container label{display:block}.encounter-creator-container textarea{box-sizing:border-box;margin-top:1rem;max-width:100%}.encounter-creator-container .previous-encounters .encounters{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}.encounter-creator-container .previous-encounters .encounters li{border:1px solid #666;border-radius:1rem;box-shadow:2px 2px 7px #999;box-sizing:border-box;list-style:none;padding:.5rem;width:31%}@media (max-width: 600px){.encounter-creator-container .previous-encounters .encounters li{width:100%}.encounter-creator-container .previous-encounters .encounters li li{width:46%}}.encounter-creator-container .previous-encounters .encounters details summary{cursor:pointer}.encounter-creator-container .previous-encounters .encounters details summary em{display:block}.encounter-creator-container .previous-encounters .encounter-creatures{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.encounter-creator-container .previous-encounters .encounter-creatures .dead{background-color:#fcc}.encounter-creator-container .previous-encounters .encounter-creatures .creature img{width:100%}.encounter-creator-container .previous-encounters .encounter-creatures dt{font-weight:700;margin-top:.5rem}.encounter-creator-container .previous-encounters .encounter-creatures dd{margin:0}.encounter-creator-container .actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.encounter-creator-container .actions svg{height:1.5rem;width:auto}.encounter-creator-container .encounter-name-edit{background-color:#ddd;border:1px solid #333;border-radius:.5rem;margin-top:1rem;padding:.5rem}.encounter-creator-container .encounter-name-edit input{padding:.25rem;text-align:left}.encounter-creator-container .modal ul.creature-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0}.encounter-creator-container .modal ul.creature-list li{box-sizing:border-box;list-style:none;margin:0;padding:0;width:5rem}.encounter-creator-container .modal ul.creature-list li img{width:100%}.library-list-container,.spells-list-container,.monsters-list-container,.race-list-container,.class-list-container,.background-list-container,.language-list-container,.deity-list-container,.item-list-container,.conditions-container,.damage-types-container{padding:1rem}.library-list-container .filter-form>fieldset,.spells-list-container .filter-form>fieldset,.monsters-list-container .filter-form>fieldset,.race-list-container .filter-form>fieldset,.class-list-container .filter-form>fieldset,.background-list-container .filter-form>fieldset,.language-list-container .filter-form>fieldset,.deity-list-container .filter-form>fieldset,.item-list-container .filter-form>fieldset,.conditions-container .filter-form>fieldset,.damage-types-container .filter-form>fieldset{display:flex;gap:1rem}.library-list-container .library-list,.monsters-list-container .creature-list,.language-list-container .char-language-list,.deity-list-container .deity-list,.item-list-container .item-list,.conditions-container .conditions-list,.damage-types-container .damage-types-list{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}.language-list-container .language,.deity-list-container .deity,.conditions-container .conditions-list>li,.damage-types-container li,.library-list-container li{border:1px solid #333;border-radius:1rem;box-shadow:2px 2px 7px #999;box-sizing:border-box;display:block;font-weight:700;list-style:none;padding:1rem;width:15rem}@media (max-width: 600px){.language-list-container .language,.deity-list-container .deity,.conditions-container .conditions-list>li,.damage-types-container li,.library-list-container li{width:46%}}.library-list-container li{font-weight:inherit;padding:0;text-align:center}.library-list-container li a{color:#000;display:block;margin:1rem}.library-list-container li svg{height:5rem;margin-bottom:1rem;width:auto}.spells-list-container .spells-list{margin:0;padding:0}.spells-list-container summary{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.spells-list-container .spell{border:1px solid #333;list-style:none;margin:0 0 .5rem;padding:0}.spells-list-container .spell table{border-collapse:collapse;display:table;margin-top:.5rem;width:100%}.spells-list-container .spell table td,.spells-list-container .spell table th{border:1px solid #333;padding:.25rem}.spells-list-container .spell table .name,.spells-list-container .spell table .range,.spells-list-container .spell table .cast-time,.spells-list-container .spell table .duration{width:10%}.spells-list-container .spell table .components,.spells-list-container .spell table .classes{width:20%}.spells-list-container .spell .spell-component{align-items:start;display:inline-flex;margin-right:.5rem}.spells-list-container .spell .spell-component svg{height:1.25rem;margin-right:.25rem;width:1.25rem}.spells-list-container .spell .spell-component-material-list{display:block;padding-left:1rem}.spells-list-container .spell-container{display:flex;gap:.5rem;padding:.5rem}.spells-list-container .spell-school-icon{align-items:center;background-color:#333;display:flex;height:5rem;padding:.25rem;width:5rem}.spells-list-container .spell-school-icon svg{fill:#fff;height:5rem;width:5rem}.spells-list-container .spell-school-icon.spell-school-abjuration svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,0,255) 0 0 4px) drop-shadow(rgb(0,0,255) 0 0 5px)}.spells-list-container .spell-school-icon.spell-school-conjuration svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(241,129,0) 0 0 4px) drop-shadow(rgb(241,129,0) 0 0 5px)}.spells-list-container .spell-school-icon.spell-school-divination svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(121,121,179) 0 0 4px) drop-shadow(rgb(121,121,179) 0 0 5px)}.spells-list-container .spell-school-icon.spell-school-enchantment svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(185,70,185) 0 0 4px) drop-shadow(rgb(185,70,185) 0 0 5px)}.spells-list-container .spell-school-icon.spell-school-evocation svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(255,0,0) 0 0 4px) drop-shadow(rgb(255,0,0) 0 0 5px)}.spells-list-container .spell-school-icon.spell-school-illusion svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(119,0,255) 0 0 4px) drop-shadow(rgb(119,0,255) 0 0 5px)}.spells-list-container .spell-school-icon.spell-school-necromancy svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(0,126,38) 0 0 4px) drop-shadow(rgb(0,126,38) 0 0 5px)}.spells-list-container .spell-school-icon.spell-school-transmutation svg{filter:drop-shadow(#fff 0 0 2px) drop-shadow(rgb(221,206,0) 0 0 4px) drop-shadow(rgb(221,206,0) 0 0 5px)}.spells-list-container .spell-details{flex-grow:1}.spells-list-container .spell-name{font-size:1.25rem;font-weight:700}.monsters-list-container form{margin-bottom:1rem}.monsters-list-container li{list-style:none;margin:0;padding:0}.monsters-list-container img{height:6rem;width:auto}@media (max-width: 600px){.monsters-list-container img{height:5rem}}.monsters-list-container .creature-name{overflow:hidden;text-overflow:ellipsis;width:8rem;white-space:nowrap}@media (max-width: 600px){.monsters-list-container .creature-name{width:7rem}}.monsters-list-container .modal .creature-details{display:flex;flex-wrap:wrap;gap:1rem}.monsters-list-container .modal app-creature-icon{width:25%}.monsters-list-container .modal .creature-icon{height:auto;width:100%}.monsters-list-container .modal .creature-basics{display:flex;flex-wrap:wrap;gap:.5rem;width:70%}.monsters-list-container .modal .creature-basics dt{width:30%}.monsters-list-container .modal .creature-basics dd{margin:0;padding:0;width:65%}.monsters-list-container .modal fieldset{width:26%}.monsters-list-container .modal fieldset ul{display:table;margin:.5rem 0;padding:0}.monsters-list-container .modal fieldset li{display:table-row}.monsters-list-container .modal fieldset li strong,.monsters-list-container .modal fieldset li div{display:table-cell;padding:.125rem .25rem}.monsters-list-container .modal fieldset.creature-senses dl{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.race-list-container ul{display:flex;flex-wrap:wrap;gap:1rem}.race-list-container ul li{width:49%}@media (max-width: 600px){.race-list-container ul li{width:100%}}.race-list-container ul li:has(details[open]){width:100%}.background-list-container .char-edit-background-characteristic{display:block}.background-list-container .char-edit-background-characteristic p{font-weight:700;margin:1rem 0 0 1rem}.background-list-container .characteristics-list{display:block;margin:.5rem 0 1rem 2rem}.background-list-container .characteristics-list li{border:none;list-style:initial}.language-list-container .language-sample{margin-top:1rem;height:3rem}.language-list-container dl{font-weight:400}.deity-list-container .deity img{border-radius:1rem;height:auto;width:100%}.deity-list-container .deity strong{display:block;margin-bottom:.5rem;text-align:center}.deity-list-container .deity dt{font-weight:700}.deity-list-container .deity dl ul{padding:0;list-style:square}.item-list-container .item-list>li{display:block;width:20rem}.conditions-container .condition-icon{position:relative}.conditions-container .condition-icon svg{height:auto;position:absolute;right:0;top:-1rem;width:3rem}.profile-content-container{padding:1rem}.profile-content-container fieldset{margin-bottom:2rem}.profile-content-container label{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;max-width:100%;width:30rem}@media (max-width: 600px){.profile-content-container label{display:block}}.profile-content-container label input{box-sizing:border-box;width:20rem}@media (max-width: 600px){.profile-content-container label input{display:block;margin:.5rem 0 1.5rem;max-width:100%;width:100%}}.profile-content-container button{margin-right:1rem}