:root{--theme-dark: 0;--content-b: #f5f5ea;--content-c: hsl(0 0% 10%);--accent-c: #5b160c;--header-b: linear-gradient(90deg, hsl(187 20% 95%), hsl(187 15% 94%));--header-c: inherit;--main-b: hsl(7 86% 18%);--main-c: white;--mainhover-b: hsl(7 86% 28%);--mainhover-c: white;--edit-b: hsl(187 10% 99%);--edit-c: inherit;--explanation-b: inherit;--explanation-c: hsl(187 10% 50%);--disabled-b: hsl(187 10% 85%);--disabled-c: inherit;--readonly-b: hsl(187 10% 90%);--readonly-c: inherit;--good-b: hsl(128 100% 50% / 25%);--good-c: inherit;--warning-b: hsl(47 87% 65%);--warning-c: inherit;--error-b: hsl(0 87% 55% / 50%);--error-c: inherit;--inverse-b: hsl(7 0% 20%);--inverse-c: hsl(7 0% 95%);--button-b: linear-gradient(hsl(187, 10%, 100%), hsl(187, 10%, 95%));--button-c: inherit;--buttondef-b: linear-gradient(hsl(7 86% 22%), hsl(7 86% 18%));--buttondef-c: white;--checkerboard-b: 0 0 / 20px 20px linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff 100%), 10px 10px / 20px 20px linear-gradient(45deg, #fff 25%, #eee 25%, #eee 75%, #fff 75%, #fff 100%);--checkerboard-c: inherit;--font: 18px/1.35 "Ysabeau Infant";--padding-0: 0 2px;--padding-1: 2px 4px;--padding-2: 4px 12px;--padding-3: 8px 16px;--padding-4: 16px 24px;--control-height: 42px;--border-color: hsl(187 10% 70%);--border-color-focused: hsl(187 10% 50%);--border-color-inner: hsl(187 10% 85%);--border-color-main: hsl(7 86% 22%);--border-color-main-focused: hsl(7 86% 18%);--border-color-disabled: hsl(187 10% 75%);--border-width: 1px;--border-radius-1: 5px;--border-radius-2: 1rem;--shadow-1: 0 1px 3px -1px hsl(0 0% 15% / 60%);--shadow-2: 0 2px 5px hsl(0 0% 15% / 60%);--shadow-3: 4px 12px 60px hsl(0 0% 0% / 40%);--shadow-text: 2px 4px 6px hsl(0 0% 15% / 60%);--shadow-text-hover: 2px 4px 10px hsl(0 0% 15% / 60%);--border-radius: var(--border-radius-1);--border: var(--border-width) solid var(--border-color);--border-focused: var(--border-width) solid var(--border-color-focused);--border-inner: var(--border-width) solid var(--border-color-inner);--transition-time: 145ms;--animation-time: .3s;--animation-fade-in: fade-in var(--animation-time) ease-out forwards;--animation-fade-out: fade-out var(--animation-time) ease-in forwards;--animation-scale-in: scale-in var(--animation-time) ease-out forwards;--animation-scale-out: scale-out var(--animation-time) ease-in forwards;--animation-slide-in-up: slide-in-up var(--animation-time) ease-out;--animation-slide-out-down: slide-out-down var(--animation-time) ease-in}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes scale-in{0%{transform:scale(.5)}}@keyframes scale-out{to{transform:scale(.5)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@font-face{font-family:Ysabeau Infant;src:url(/YsabeauInfant-VariableFont_wght.ttf) format("truetype-variations");font-style:normal;font-weight:1 1000}@font-face{font-family:Ysabeau Infant;src:url(/YsabeauInfant-Italic-VariableFont_wght.ttf) format("truetype-variations");font-style:italic;font-weight:1 1000}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/fa-brands-400.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/fa-regular-400.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fa-solid-900.woff2) format("woff2")}html{box-sizing:border-box;font:var(--font);background:var(--content-b);color:var(--content-c);transition:background var(--transition-time),color var(--transition-time)}@media print{html{background:transparent;color:#000;font-size:16px}}*,*:after,*:before{box-sizing:inherit;outline:none}:is(body,div,dialog,main,header,footer,article){margin:0;padding:0;display:grid}:is(h1,h2,h3,h4){margin:0;padding:0}body{position:absolute;inset:env(titlebar-area-height,0px) 0 0 0;overflow:hidden;grid:minmax(0,1fr) / minmax(0,1fr)}h1{font-size:32px;font-weight:600;color:var(--main-b);border-bottom:1px solid var(--main-b)}h2{font-size:20px;font-weight:400;font-variant:small-caps}h3{font-size:18px;font-weight:700}input,textarea,button{font:inherit;border:var(--border);border-radius:var(--border-radius);background:var(--edit-b);color:var(--edit-c);padding:var(--padding-1)}.thinVerticalScrollbar{overflow-y:auto}@media print{.thinVerticalScrollbar{overflow:hidden}}@media (hover:hover) and (pointer:fine){.thinVerticalScrollbar{scrollbar-gutter:stable}.thinVerticalScrollbar::-webkit-scrollbar{width:6px}.thinVerticalScrollbar::-webkit-scrollbar-track{background:#8881}.thinVerticalScrollbar::-webkit-scrollbar-thumb{background:#8888;border-radius:2px}.thinVerticalScrollbar::-webkit-scrollbar-thumb:hover{background:#888}}@media (max-width: 600px){.hideOnSmallScreen{display:none}}main{grid:minmax(0,1fr) / minmax(0,1fr)}@media print{main{display:block}}.ConditionPage{align-content:start}.ConditionBlock{align-content:start;padding:0 8px}.ConditionBlock h1{color:var(--accent-c);font-variant:small-caps;font-size:24px}.MainHeader{display:grid;grid-template-columns:auto auto auto 1fr minmax(0,360px) auto;align-items:center;gap:8px;padding:8px;border-bottom:var(--border)}.MainHeader.hide-back{grid-template-columns:auto auto 1fr minmax(0,360px) auto}.MainHeader.hide-back>*:first-child{display:none}@media print{.MainHeader{display:none}}.MainHeader img{height:48px}.MainHeader h1{border:0;white-space:nowrap;overflow:hidden}.MainHeader .controls{display:flex;gap:8px;align-items:center}.MainHeader>.search{padding:var(--padding-3)}.fa{font-family:"Font Awesome 6 Free";line-height:1}.fas{font-family:"Font Awesome 6 Free";line-height:1;font-weight:900}.fab{font-family:"Font Awesome 6 Brands";line-height:1}.IconButton{background:none;border:none;color:inherit;width:40px;height:40px;display:grid;place-items:center;border:var(--border);border-radius:50%;box-shadow:var(--shadow-1)}.IconButton.small{width:32px;height:32px}@media (hover:hover) and (pointer:fine){.IconButton{cursor:pointer}}.IconButton:hover{transition:box-shadow var(--transition-time) ease-out;box-shadow:var(--shadow-2)}.IconButton:active{box-shadow:none}.IconButton:focus{border-color:var(--border-color-focused)}a{color:inherit;font-weight:500;text-decoration-color:#932314}a.hide-underline{text-decoration:none}@media print{a{font-weight:400;text-decoration:none}}.GameSection{color:var(--accent-color)}.GameSection>h2{color:var(--accent-c);border-bottom:1px solid var(--accent-c)}.Entry{break-inside:avoid}.Entry label{font-weight:700;margin-right:4px}p.Entry{margin:0}p.Entry.pi{text-indent:1rem}p.Entry.pn{margin-top:8px}p.Entry label{font-style:italic}ul.Entry{margin:0;text-indent:-1rem;margin-left:1rem;padding:0;list-style-type:none;margin-block:8px}ul.Entry.lb{list-style-type:"•  ";list-style-position:outside;text-indent:0}h2.Entry{font-weight:700;margin-top:1rem}table.Entry{margin-bottom:8px;border-collapse:collapse;width:100%}table.Entry th{text-align:start}table.Entry th,table.Entry td{padding:4px 8px}:is(table.Entry th,table.Entry td).text-center{text-align:center}table.Entry tbody tr:nth-child(odd){background-color:#eaf0ff}table.Entry tbody tr:nth-child(2n){background-color:#fafdff}.Home{align-content:start}.Home>article{grid-template-columns:repeat(auto-fill,minmax(min(400px,calc(100% - 48px)),1fr));align-content:start;padding:24px;gap:24px}.Home>article h2{font-size:36px;font-weight:500;font-variant:normal;text-shadow:black 0 0 4px;color:#fff}.Home>article a{box-shadow:0 0 20px #000;border-radius:20px;padding:8px 12px;height:180px;text-decoration:none;background-size:100%;background-position:center;transition:background-size 145ms ease-out}.Home>article a:hover{background-size:110%}.Monsters{align-content:start}.DataGrid{grid-template-rows:minmax(0,1fr);overflow-x:auto}.DataGrid>div{justify-content:start;grid-template-rows:auto minmax(0,1fr);gap:0 4px}.DataGrid>div>*{grid-column:span var(--columns);grid-template-columns:subgrid;align-content:start}.DataGrid>div>* .row{padding:0 8px;grid-column:span var(--columns);grid-template-columns:subgrid;align-items:center}.DataGrid>div>* .row>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:var(--padding-1)}.DataGrid>div>* .row .filter{position:relative;height:32px}.DataGrid>div>* .row .filter input{font-weight:400;position:absolute;width:100%;height:100%}.DataGrid>div>header{font-weight:700}.DataGrid>div>header .columnHeader{-webkit-user-select:none;user-select:none;cursor:pointer;grid-template-columns:auto 1fr;gap:4px;align-items:center}.DataGrid>div>header .columnHeader span:nth-child(2){font-size:12px}.DataGrid>div>header input{font-weight:400}.DataGrid>div>.itemsContainer .row:hover{background:#ddd}.MonsterPage{align-content:start}.MonsterStatBlock{max-width:1200px;padding:0 12px 12px;align-content:start;justify-self:center;gap:8px;--accent-color: #5b160c}@media print{.MonsterStatBlock{padding:0}}.MonsterStatBlock h1,.MonsterStatBlock h2{color:var(--accent-color);border-bottom:1px solid var(--accent-color)}.MonsterStatBlock label{font-weight:700}.MonsterStatBlock .subtitle{color:gray;font-style:italic}.MonsterStatBlock article{display:block;columns:2 400px;margin-block:-8px}@media print{.MonsterStatBlock article{columns:2}}.MonsterStatBlock article>*{margin-block:8px}.MonsterStatBlock article .properties{color:var(--accent-color);break-inside:avoid}.MonsterStatBlock article .properties .firstrow{grid-template-columns:1fr 1fr}.MonsterStatBlock article .properties .property{grid-template-columns:auto auto;gap:4px;justify-content:start}.MonsterStatBlock article .abilities{color:var(--accent-color);grid-template-columns:repeat(3,1fr);gap:.5rem}.MonsterStatBlock article .abilities table{table-layout:fixed;width:100%;border-collapse:collapse;break-inside:avoid}.MonsterStatBlock article .abilities table col:first-child{width:30%}.MonsterStatBlock article .abilities table col:nth-child(2){width:20%}.MonsterStatBlock article .abilities table th{color:gray;font-size:.6rem;font-weight:400;text-align:center}.MonsterStatBlock article .abilities table td{text-align:center}.MonsterStatBlock article .abilities table td:first-child{font-weight:600;font-size:16px}.MonsterStatBlock article .abilities table tr:first-child td:first-child,.MonsterStatBlock article .abilities table tr:first-child td:nth-child(2){background:#ede6d9}.MonsterStatBlock article .abilities table tr:first-child td:nth-child(3),.MonsterStatBlock article .abilities table tr:first-child td:nth-child(4){background:#ded4cc}.MonsterStatBlock article .abilities table tr:last-child td:first-child,.MonsterStatBlock article .abilities table tr:last-child td:nth-child(2){background:#d8dad1}.MonsterStatBlock article .abilities table tr:last-child td:nth-child(3),.MonsterStatBlock article .abilities table tr:last-child td:nth-child(4){background:#d0caca}.MonsterStatBlock article .features{color:var(--accent-color);break-inside:avoid}.MonsterStatBlock article .features>div{display:block}.MonsterStatBlock article .features>div label{margin-right:4px}.MonsterStatBlock article .Part{margin-top:8px}.MonsterStatBlock article .Part .Entry p{break-inside:avoid;margin:4px 0 0}.MonsterStatBlock article .Part .Entry p label{margin-right:4px;font-style:italic}.MonsterStatBlock article .Part .Entry p.item{margin-left:2ch;text-indent:-2ch}.MonsterStatBlock article .Part .Entry p.item label{font-style:normal}.MonsterStatBlock .printimage{width:100%;max-height:900px;object-fit:contain}.MaxWidthScrollableContent{align-content:start;padding:min(12px,max(4px,1vw));padding-top:0}@media print{.MaxWidthScrollableContent{padding:0;display:block}}.MaxWidthScrollableContent>div{max-width:var(--content-width, 1200px);justify-self:center}@media print{.MaxWidthScrollableContent>div{max-width:100%;display:block}}.SpellPage{align-content:start}.SpellBlock{padding:0 8px;display:block;columns:3 400px;column-fill:auto}.SpellBlock h1{color:var(--accent-c);font-variant:small-caps;font-size:24px}.SpellBlock .subtitle{font-style:italic;margin:-4px 0 4px}.SpellBlock .properties{margin-bottom:8px}.SpellBlock label{font-weight:700;margin-right:4px}.SpellBlock p{margin:0}.Spells{align-content:start}.Spells .text-and-icon{align-items:center}.Layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.Layer>*{pointer-events:all;position:absolute}.Login article{gap:8px 8px;justify-items:center;margin:1rem 0;width:300px}.Button{font:inherit;display:grid;font-weight:700;padding:4px 1rem;border-radius:100px;border:2px solid var(--border-color-main);background:var(--button-b);color:var(--button-c);box-shadow:var(--shadow-1);transition:box-shadow var(--transition-time) ease;overflow:hidden}@media (hover:hover) and (pointer:fine){.Button{cursor:pointer}}.Button:active{box-shadow:none}.Button.default:not(:disabled){background:var(--buttondef-b);color:var(--buttondef-c)}.Button:disabled{background:var(--disabled-b);color:var(--disabled-c);border-color:var(--border-color-disabled);cursor:not-allowed}.Button:not(.icon-button) span.icon{font-size:20px;margin-right:10px}.Button.icon-button,.Button.toolbutton{display:flex;place-items:center;padding:0;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;font-size:22px}:is(.Button.icon-button,.Button.toolbutton).small{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--border-color-main)}:is(.Button.icon-button,.Button.toolbutton).small span{font-size:16px}:is(.Button.icon-button,.Button.toolbutton).tiny,:is(.Button.icon-button,.Button.toolbutton).toolbutton{width:28px;height:28px;flex:0 0 28px;border:1px solid var(--border-color-main)}:is(:is(.Button.icon-button,.Button.toolbutton).tiny,:is(.Button.icon-button,.Button.toolbutton).toolbutton) span{font-size:14px}:is(:is(.Button.icon-button,.Button.toolbutton).tiny,:is(.Button.icon-button,.Button.toolbutton).toolbutton) span.fa-solid{font-size:12px}@media (hover){.Button:hover:not(:disabled):not(:active),.Button:focus:not(:disabled):not(:active){box-shadow:var(--shadow-2)}}.TextInput{background:var(--edit-b);position:relative}.TextInput.readonly{background:var(--readonly-b)}.TextInput.disabled{background:var(--disabled-b)}.TextInput input{width:100%;height:100%;border:var(--border);border-radius:var(--border-radius);padding:6px;background:var(--edit-b);color:var(--edit-c)}.TextInput input[aria-invalid=true]{color:var(--error-c);background:var(--error-b)}.TextInput input:read-only{color:var(--readonly-c);background:var(--disabled-b)}.TextInput input:disabled{color:var(--disabled-c);background:var(--disabled-b)}.Login{align-content:start;justify-content:center;padding:var(--padding-3)}.Login h1{text-align:center;color:var(--main-b);border-bottom:1px solid var(--main-b)}.Login article{gap:8px 8px;justify-items:center;margin:1rem 0;width:340px}.Login .error{color:var(--error-c)}.Overlay{z-index:100}.Overlay .toastNotifications{position:absolute;right:10px;top:70px;display:grid;gap:.5rem}.Overlay .toastNotifications .ToastNotificationCard{pointer-events:all;display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;min-width:300px;border:var(--border);border-radius:var(--border-radius);background:var(--content-b);color:var(--content-c);box-shadow:var(--shadow-2);overflow:hidden;animation:slide-in-left var(--animation-time) ease-out}.Overlay .toastNotifications .ToastNotificationCard.closing{animation:slide-out-right var(--animation-time) ease-out}.Overlay .toastNotifications .ToastNotificationCard .severity{font-family:"Font Awesome 6 Free";font-size:2rem;padding:var(--padding-1)}.Overlay .toastNotifications .ToastNotificationCard .severity.info{background:var(--header-b);color:var(--header-c);font-weight:900}.Overlay .toastNotifications .ToastNotificationCard .severity.info:before{content:""}.Overlay .toastNotifications .ToastNotificationCard .severity.warning{background:var(--warning-b);color:var(--warning-c)}.Overlay .toastNotifications .ToastNotificationCard .severity.warning:before{content:""}.Overlay .toastNotifications .ToastNotificationCard .severity.error{background:var(--error-b);color:var(--error-c)}.Overlay .toastNotifications .ToastNotificationCard .severity.error:before{content:""}.Overlay .toastNotifications .ToastNotificationCard p{display:grid;align-items:center;margin:0}.Overlay .toastNotifications .ToastNotificationCard button{border-radius:50%;width:36px;height:36px;margin-right:2px;align-self:center;border:0;background:inherit;box-shadow:none;transition:box-shadow var(--transition-time) ease}.Overlay .toastNotifications .ToastNotificationCard button:hover{box-shadow:var(--shadow-2)}.Overlay .toastNotifications .ToastNotificationCard button:active{box-shadow:none}@keyframes slide-in-left{0%{transform:translate(110%)}}@keyframes slide-out-right{to{transform:translate(110%)}}.Settings{align-content:start;justify-content:center;padding:var(--padding-3)}.Settings h1{text-align:center;color:var(--main-b);border-bottom:1px solid var(--main-b)}.Settings article{gap:8px 8px;justify-items:center;margin:1rem 0;width:300px}.MyMonsters{align-content:start}.MyMonsters .menu{padding:var(--padding-3)}.MonsterEditor{grid-template-rows:auto 1fr;overflow-x:auto}.MonsterEditor .content{min-width:1800px;grid-template-columns:minmax(380px,1fr) minmax(380px,900px)}.MonsterEditor .content .MonsterEditorVisual{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;padding:var(--padding-2)}.MonsterEditor .content .MonsterEditorVisual>*{gap:4px;align-content:start}.MonsterEditor .content .MonsterEditorVisual label{color:var(--content-c);font-weight:600}.MonsterEditor .content .MonsterEditorVisual .abilities{grid-template-columns:auto auto 1fr;justify-content:start;gap:4px 1rem;align-items:center}.MonsterEditor .content .MonsterEditorVisual .abilities .NumberInput{width:80px}.MonsterEditor .content .MonsterEditorVisual .skills{display:grid;grid-template-columns:1fr 1fr}.MonsterEditor .content .MonsterEditorVisual .flex{grid-template-columns:repeat(2,auto);gap:4px;align-items:center}.MonsterEditor .content .MonsterEditorVisual .grid3{grid-template-columns:repeat(3,auto);gap:4px;align-items:center}.MonsterEditor .content .MonsterEditorVisual .skills li{text-wrap:nowrap}.MonsterEditor .content .MonsterEditorVisual .EntriesEditor{gap:8px}.MonsterEditor .content .MonsterEditorVisual .EntriesEditor header{grid-template-columns:auto 1fr;gap:8px;align-items:center}.MonsterEditor .content .MonsterEditorVisual .EntriesEditor .EntryEditor{gap:4px}.MonsterEditor .content .MonsterEditorVisual .EntriesEditor .EntryEditor>div:first-child{grid-template-columns:1fr auto;gap:8px}.MonsterEditor .content .MonsterEditorVisual .EntriesEditor .EntryEditor ul.EntryItems{display:grid;list-style:none;margin:0;padding:0 0 0 1rem;gap:4px}.MonsterEditor .content .MonsterEditorVisual .EntriesEditor .EntryEditor ul.EntryItems li{display:grid;gap:4px}.MonsterEditor .content .MonsterEditorVisual .EntriesEditor .EntryEditor ul.EntryItems li>div:first-child{grid-template-columns:1fr auto;gap:8px}.NumberInput{position:relative;flex:1;background:var(--edit-b)}.NumberInput input{width:100%;height:100%;border:var(--border);border-radius:var(--border-radius);padding:6px;background:var(--edit-b);color:var(--edit-c)}.NumberInput input[aria-invalid=true]{background:var(--error-b)}.NumberInput input:read-only{background:var(--readonly-b)}.NumberInput input:disabled{background:var(--disabled-b)}.NumberInput>span.placeholder{position:absolute;color:var(--explanation-c);font-style:italic;left:.5rem;top:.7rem;pointer-events:none;transition:all var(--transition-time)}.NumberInput>span.placeholder.subsided{top:0;font-size:.6rem;transition:all var(--transition-time)}.Select{margin:0;padding:0;border:var(--border);border-radius:var(--border-radius);background:var(--edit-b);color:var(--edit-c);overflow:hidden;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none}.Select.wrap{flex-wrap:wrap}.Select.disabled{background:var(--disabled-b);color:var(--disabled-c);cursor:not-allowed}.Select>li{flex:1;display:grid;place-items:center;padding:6px;background:var(--edit-b);color:var(--edit-c)}.Select>li[aria-selected=true]{background:var(--main-b);color:var(--main-c)}@media (hover){.Select:not(.disabled)>li:hover{background:var(--mainhover-b);color:var(--mainhover-c)}}.Select.vertical>h4{justify-content:center}.Select.vertical>.items{flex-direction:column}.MultiSelect{margin:0;padding:0;border:var(--border);border-radius:var(--border-radius);background:var(--edit-b);color:var(--edit-c);overflow:hidden;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none}.MultiSelect.wrap{flex-wrap:wrap}.MultiSelect.disabled{background:var(--disabled-b);color:var(--disabled-c);cursor:not-allowed}.MultiSelect>li{flex:1;display:grid;place-items:center;padding:var(--padding-1);background:var(--edit-b);color:var(--edit-c)}.MultiSelect>li[aria-selected=true]{background:var(--main-b);color:var(--main-c)}@media (hover){.MultiSelect:not(.disabled)>li:hover{background:var(--mainhover-b);color:var(--mainhover-c)}}.MultiSelect.vertical{flex-direction:column}.TextInputMultiline{position:relative}.TextInputMultiline span{position:absolute;pointer-events:none;top:min(50%,20px);transform:translateY(-50%);left:6px;color:var(--explanation-c);font-style:italic;transition:all var(--transition-time)}.TextInputMultiline span.subsided{top:0;transform:translateY(0);font-size:10px}.TextInputMultiline textarea{width:100%;height:100%;border:var(--border);border-radius:var(--border-radius);padding:6px;background:var(--edit-b);color:var(--edit-c)}.TextInputMultiline textarea[aria-invalid=true]{color:var(--error-c);background:var(--error-b)}.TextInputMultiline textarea:read-only{color:var(--readonly-c);background:var(--disabled-b)}.TextInputMultiline textarea:disabled{color:var(--disabled-c);background:var(--disabled-b)}.CheckBox{position:relative;display:block;min-width:24px;min-height:24px}@media (hover){.CheckBox{cursor:pointer}}.CheckBox .label{display:inline-block;margin-left:36px;font:var(--h4)}.CheckBox input{margin:0;position:absolute;height:0;width:0;opacity:0}@media (hover){.CheckBox input{cursor:pointer}}.CheckBox .box{position:absolute;display:grid;width:24px;height:24px;border:1px solid var(--border-color-main);border-radius:var(--border-radius);background:var(--edit-b);place-items:center;transition:box-shadow var(--transition-time) ease}.CheckBox .box span{display:none;color:var(--main-c)}.CheckBox input:checked+.box{background-color:var(--main-b)}.CheckBox input:checked+.box span{display:block}.CheckBox input:indeterminate+.box{background-color:var(--main-b)}.CheckBox input:indeterminate+.box span{display:none}.CheckBox input:disabled+.box{background:var(--disabled-b);border:var(--border-disabled)}.CheckBox.small{min-width:12px;min-height:12px}.CheckBox.small .box{width:12px;height:12px;border-radius:2px}.CheckBox.small input:checked+.box span{display:none}@media (hover){.CheckBox:hover input:not(:disabled)+.box,.CheckBox input:focus+.box{box-shadow:var(--shadow-2)}}.Switch{position:relative;cursor:pointer;text-align:left;min-height:30px}.Switch input{opacity:0;width:0;height:0;margin:0}.Switch .slider{position:absolute;width:50px;height:100%;background-color:#555;transition:background-color .25s;border-radius:1em}.Switch .slider:before{position:absolute;content:"";height:26px;width:26px;top:2px;left:2px;background-color:#eee;transition:background-color,transform .25s;border-radius:50%}.Switch input:focus+.slider:before{background-color:#fff}.Switch input:checked+.slider{background-color:#08a}.Switch input:checked+.slider:before{transform:translate(20px)}.Switch .label{margin:2px 0 0 60px;display:inline-block}.ImageFileUpload{padding:var(--padding-3);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-1)}@media (hover:hover) and (pointer:fine){.ImageFileUpload{cursor:pointer}}.ImageFileUpload:hover{transition:box-shadow var(--transition-time) ease-out;box-shadow:var(--shadow-2)}.ImageFileUpload:active{box-shadow:none}.ImageFileUpload:focus{border-color:var(--border-color-focused)}.ImageFileUpload input{display:none}.MessageBox article{max-width:600px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.MessageBox .severity{font-family:"Font Awesome 6 Free";font-weight:700;font-size:48px}.MessageBox .severity.info:before{content:""}.MessageBox .severity.warning:before{content:"";color:#cc0}.MessageBox .severity.error:before{content:"";color:#c20}.DialogFrame{inset:0;display:grid;place-content:center;animation:var(--animation-fade-in);opacity:1;background:hsl(0 0% calc(100% * var(--theme-dark)) / 15%);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}@media (width <=540px){.DialogFrame{place-content:end stretch}}.DialogFrame>.Dialog{background:var(--content-b);color:var(--content-c);border:1px solid var(--border-color);border-radius:var(--border-radius-2);overflow:hidden;animation:var(--animation-scale-in);display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:95vh;max-width:90vw;transition:all 1s ease-out}.DialogFrame>.Dialog.small{width:400px}.DialogFrame>.Dialog.medium{width:800px}.DialogFrame>.Dialog.large{width:1200px}.DialogFrame>.Dialog.height-small{height:200px}.DialogFrame>.Dialog.height-medium{height:400px}.DialogFrame>.Dialog.height-large{height:600px}.DialogFrame>.Dialog.full{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border:0;border-radius:0}@media (width<=540px){.DialogFrame>.Dialog{width:100vw!important;max-width:100vw;border-radius:0;animation:var(--animation-slide-in-up)}}.DialogFrame>.Dialog>article:nth-child(2){overflow:hidden auto;padding:var(--padding-3);display:grid}.DialogFrame.closing{animation:var(--animation-fade-out)}.DialogFrame.closing>.Dialog{animation:var(--animation-scale-out)}@media (width <=540px){.DialogFrame.closing>.Dialog{animation:var(--animation-slide-out-down)}}.DialogHeader{padding:var(--padding-3)}.DialogFooter{padding:var(--padding-3);display:flex;justify-content:end;gap:1rem}.DialogFooter button{display:flex;align-items:center;gap:8px}.Tooltip{position:absolute;top:0;left:0;width:400px;opacity:0;transition:all 145ms ease-out;background:var(--content-b);color:var(--content-c);padding:8px 1rem 1rem;border-radius:12px;box-shadow:2px 2px 24px #000000b3;display:none}@media (hover: hover) and (pointer:fine){.Tooltip{display:grid}}.ItemPage{align-content:start}.ItemBlock{justify-self:center;max-width:1200px;padding:0 8px}.ItemBlock>.content{display:block;columns:3 400px}.ItemBlock.short>.content{max-width:600px;columns:1}.ItemBlock .subtitle{color:gray;font-style:italic}.ItemBlock label{font-weight:700;margin-right:4px}.ItemBlock p{margin:0}.RulePage{align-content:start}.RuleBlock{padding:0 8px;display:block;max-width:500px}.RuleBlock h1{color:var(--accent-c);font-variant:small-caps;font-size:24px}.SearchPage{align-content:start}.SearchPage>article{padding:var(--padding-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.SearchPage>article .category{align-content:start}.SearchPage>article .category h2{color:var(--accent-c);font-size:24px}.SearchPage>article .category ul{list-style:none;padding:0;margin:0}.Items,.MyCampains{align-content:start}.MyCampains>article{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-content:start;padding:var(--padding-3);gap:1rem}.MyCampains>article .campains{align-content:start}.MyCampains>article h2{font-size:32px;font-weight:500;font-variant:normal;display:flex;gap:8px;align-items:center}.MyCampains>article h2 .IconButton{font-size:24px}.CharacterEditor{grid-template-rows:auto 1fr;overflow-x:auto}.CharacterEditor .file-upload{padding:var(--padding-3);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-1)}@media (hover:hover) and (pointer:fine){.CharacterEditor .file-upload{cursor:pointer}}.CharacterEditor .file-upload:hover{transition:box-shadow var(--transition-time) ease-out;box-shadow:var(--shadow-2)}.CharacterEditor .file-upload:active{box-shadow:none}.CharacterEditor .file-upload:focus{border-color:var(--border-color-focused)}.CharacterEditor .file-upload input{display:none}.CharacterEditor .content{min-width:1800px;grid-template-columns:minmax(380px,1fr) minmax(380px,900px);overflow:hidden}.CharacterEditor .content .CharacterSheet{overflow-y:auto}.CharacterPage{align-content:start}@media print{.CharacterPage{display:block}}.CharacterSheet label{font-weight:700}.CharacterSheet header{display:flex;gap:1rem;padding:4px 0;border-bottom:1px solid var(--accent-c)}.CharacterSheet header h1{border:none}.CharacterSheet header img{width:100px;height:100px;border:0}.CharacterSheet article{display:block;columns:4 400px}@media print{.CharacterSheet article{columns:2}}.CharacterSheet article>*{margin-block:8px}.CharacterSheet article .properties{color:var(--accent-c);break-inside:avoid}.CharacterSheet article .properties .firstrow{grid-template-columns:1fr 1fr}.CharacterSheet article .properties .property{grid-template-columns:auto auto;gap:4px;justify-content:start}.CharacterSheet article .abilities{color:var(--accent-c);grid-template-columns:repeat(3,1fr);gap:.5rem}.CharacterSheet article .abilities table{table-layout:fixed;width:100%;border-collapse:collapse;break-inside:avoid}.CharacterSheet article .abilities table col:first-child{width:30%}.CharacterSheet article .abilities table col:nth-child(2){width:20%}.CharacterSheet article .abilities table th{color:gray;font-size:.6rem;font-weight:400;text-align:center}.CharacterSheet article .abilities table td{text-align:center}.CharacterSheet article .abilities table td:first-child{font-weight:600;font-size:16px}.CharacterSheet article .abilities table tr:first-child td:first-child,.CharacterSheet article .abilities table tr:first-child td:nth-child(2){background:#ede6d9}.CharacterSheet article .abilities table tr:first-child td:nth-child(3),.CharacterSheet article .abilities table tr:first-child td:nth-child(4){background:#ded4cc}.CharacterSheet article .abilities table tr:last-child td:first-child,.CharacterSheet article .abilities table tr:last-child td:nth-child(2){background:#d8dad1}.CharacterSheet article .abilities table tr:last-child td:nth-child(3),.CharacterSheet article .abilities table tr:last-child td:nth-child(4){background:#d0caca}.CharacterSheet article .features{color:var(--accent-c);break-inside:avoid}.CharacterSheet article .features>div{display:block}.CharacterSheet article .features>div label{margin-right:4px}.CharacterSheet2 label{font-weight:700}.CharacterSheet2 .label{font-size:max(10px,min(15px,1.2vw))}@media (width <=718px){.CharacterSheet2 .label{font-size:max(10px,min(15px,2.4vw))}}.CharacterSheet2 .value{font-size:max(18px,min(2.6vw,32px));line-height:1}@media (width <=718px){.CharacterSheet2 .value{font-size:max(18px,min(5vw,32px))}}.CharacterSheet2 .svg-background-box{overflow:hidden;position:relative}.CharacterSheet2 .svg-background-box svg{position:absolute;width:100%;height:100%;inset:0}.CharacterSheet2 .GenericBox{overflow:hidden;position:relative;padding:.5rem 1rem 1.2rem}.CharacterSheet2 .GenericBox svg{position:absolute;width:100%;height:100%;inset:0}.CharacterSheet2 .GenericBox>span{position:absolute;bottom:2px;left:0;right:0;text-align:center}.CharacterSheet2 .saves-skills{grid-template-columns:1fr 1fr;gap:.5rem;align-items:start;font-size:min(1rem,max(16px,4vw))}.CharacterSheet2 .saves-skills .saves-and-properties{gap:1rem}.CharacterSheet2 .saves-skills .pro1{font-weight:700}.CharacterSheet2 .saves-skills .SavesBox,.CharacterSheet2 .saves-skills .SkillsBox{grid-template-columns:auto auto;place-items:center;place-content:center;gap:6px 8px;line-height:1}.CharacterSheet2 .saves-skills .AdditionalPropertiesBox .property{text-indent:-.5rem;margin-left:.5rem}.CharacterSheet2 .saves-skills .AdditionalPropertiesBox .property .title{font-weight:600}.CharacterSheet2 header{gap:1rem;padding:4px 0;border-bottom:1px solid var(--accent-c)}.CharacterSheet2 header .name{display:flex;gap:1rem}.CharacterSheet2 header h1{border:none;overflow:hidden;white-space:nowrap}.CharacterSheet2 header img{width:100px;height:100px;border:0}.CharacterSheet2 header .properties{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:8px 1rem}.CharacterSheet2 header .properties .abilities{grid-template-columns:repeat(6,1fr);gap:min(8px,max(4px,.8vw))}.CharacterSheet2 header .properties .abilities .AbilityBox{aspect-ratio:.85;place-items:center;grid:6fr 16fr 10fr 1fr / 1fr}.CharacterSheet2 header .properties .abilities .AbilityBox span:last-child{font-size:max(15px,min(20px,1.7vw));line-height:1}@media (width <=718px){.CharacterSheet2 header .properties .abilities .AbilityBox span:last-child{font-size:max(15px,min(24px,3.4vw))}}.CharacterSheet2 header .properties>div:last-child{grid-template-columns:.8fr 1fr 2fr 1fr;gap:8px}@media (width <=718px){.CharacterSheet2 header .properties>div:last-child{min-height:15vw}}.CharacterSheet2 header .properties>div:last-child .InitiativeBox{place-items:center;place-content:center}.CharacterSheet2 header .properties>div:last-child .AcBox{line-height:.8;grid:6px auto auto auto 12px / 1fr;place-content:center;place-items:center}.CharacterSheet2 header .properties>div:last-child .HpBox{grid:auto auto auto / auto auto;gap:0 8px;place-items:center;place-content:center}.CharacterSheet2 header .properties>div:last-child .HpBox span:nth-of-type(5){grid-column:span 2}.CharacterSheet2 article{display:block;columns:4 400px}@media print{.CharacterSheet2 article{columns:2}}.CharacterSheet2 article>*{margin-block:8px}.CharacterSheet2 article .properties{color:var(--accent-c);break-inside:avoid}.CharacterSheet2 article .properties .firstrow{grid-template-columns:1fr 1fr}.CharacterSheet2 article .properties .property{grid-template-columns:auto auto;gap:4px;justify-content:start}.CharacterSheet2 article .features{color:var(--accent-c);break-inside:avoid}.CharacterSheet2 article .features>div{display:block}.CharacterSheet2 article .features>div label{margin-right:4px}.CombatsPage{align-content:start}.CombatPage{align-content:start;grid-template-rows:auto minmax(0,1fr)}.CombatPage article{padding:var(--padding-3)}.CombatPage article svg{width:100%;height:100%}
