@import "https://fonts.googleapis.com/css2?family=Spectral:wght@400;500;600&display=swap";
:root,:host{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone"}svg:not(:root).svg-inline--fa,svg:not(:host).svg-inline--fa{box-sizing:content-box;overflow:visible}.svg-inline--fa{display:var(--fa-display,inline-block);vertical-align:-.125em;height:1em;overflow:visible}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{margin:auto;position:absolute;inset:0}.fa-layers-text,.fa-layers-counter{text-align:center;display:inline-block;position:absolute}.fa-layers{text-align:center;vertical-align:-.125em;width:1em;height:1em;display:inline-block;position:relative}.fa-layers svg.svg-inline--fa{transform-origin:50%}.fa-layers-text{transform-origin:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:100% 0;overflow:hidden}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:100% 100%;top:auto}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:0 100%;top:auto;right:auto}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:100% 0}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:0 0}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{vertical-align:.225em;font-size:.625em;line-height:.1em}.fa-xs{vertical-align:.125em;font-size:.75em;line-height:.08333em}.fa-sm{vertical-align:.05357em;font-size:.875em;line-height:.07143em}.fa-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.fa-xl{vertical-align:-.125em;font-size:1.5em;line-height:.04167em}.fa-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.fa-fw{text-align:center;width:1.25em}.fa-ul{margin-left:var(--fa-li-margin,2.5em);padding-left:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{left:calc(-1*var(--fa-li-width,2em));text-align:center;width:var(--fa-li-width,2em);line-height:inherit;position:absolute}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-iteration-count:1;animation-delay:-1ms}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1)translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{vertical-align:middle;width:2.5em;height:2em;display:inline-block;position:relative}.fa-stack-1x,.fa-stack-2x{z-index:var(--fa-stack-z-index,auto);margin:auto;position:absolute;inset:0}.svg-inline--fa.fa-stack-1x{width:1.25em;height:1em}.svg-inline--fa.fa-stack-2x{width:2.5em;height:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.sr-only,.fa-sr-only,.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse,.fa-duotone.fa-inverse{color:var(--fa-inverse,#fff)}
.button{text-align:center;-webkit-user-select:none;user-select:none;min-width:154px;color:var(--color-offwhite);background:var(--color-primary-dimmer);border:1px solid var(--color-primary);box-shadow:0 0 0 1px var(--color-gray-000);padding:10px 30px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.215,.61,.355,1);display:inline-block;position:relative;overflow:hidden}.button>*{z-index:1;position:relative}.button:after{content:"";background:var(--color-primary-dim);z-index:0;width:120%;height:100%;transition:all .2s cubic-bezier(.215,.61,.355,1);position:absolute;top:0;right:120%;transform:skew(45deg)}.button:hover{color:#fff;filter:brightness(150%)}.button:hover:after{right:0%}.button.--disabled{filter:brightness(70%);pointer-events:none}.button span{justify-content:center;align-items:center;gap:8px;display:flex}.button img{width:20px;height:auto;margin-top:-4px;margin-left:-28px;margin-right:8px}.button--secondary{color:var(--color-offwhite);background:var(--color-secondary-dimmer);border:1px solid var(--color-secondary)}.button--secondary:after{background:var(--color-secondary)}.button--secondary:hover{filter:brightness();color:var(--color-gray-000);background:var(--color-secondary-dimmer)}.button--ghost{color:var(--color-offwhite);border:1px solid var(--color-offwhite);background:0 0}.button--ghost:after{background:var(--color-offwhite)}.button--ghost:hover{filter:brightness();color:var(--color-gray-000)}:root{--color-offwhite:#f1f2f3;--color-gray-000:#1c1c21;--color-gray-100:#25252c;--color-gray-200:#2f2f37;--color-gray-300:#3a3a45;--color-gray-400:#4b4b58;--color-gray-500:#9696a6;--color-primary:#d42a51;--color-primary-dim:#541120;--color-primary-dimmer:#2a0810;--color-secondary:#ffca28;--color-secondary-dim:#8e6b00;--color-secondary-dimmer:#281e00;--color-success:#58e767;--color-danger:#ff4646;--overlay:#1c1c21e6}.form-group{flex-direction:column-reverse;margin:20px 0 10px;display:flex;position:relative}.form-group:after{content:"";background:var(--color-secondary);width:0;height:1px;margin:auto;transition:all .2s cubic-bezier(.215,.61,.355,1);position:absolute;bottom:0;left:0;right:0}.form-group:focus-within:after{width:100%}.form-group__label{background:var(--color-gray-300);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;transition:all .2s cubic-bezier(.215,.61,.355,1);position:absolute;top:14px;left:2px}.form-group__label.--transparent{background:0 0}.form-group__input{width:100%;min-height:42px;color:var(--color-offwhite);border:none;border-bottom:1px solid var(--color-gray-500);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;outline:none;padding:15px 2px 2px;display:block}.form-group__input:hover{filter:brightness(120%)}.form-group__input:focus+label,.form-group__input:not(.--select):not(:placeholder-shown)+label{color:#fff6;font-size:12px;top:-3px}.form-group__input:open+label{color:#fff6;font-size:12px;top:-3px}.form-group__input:has(option[value=""]:not(:checked))~label{color:#fff6;font-size:12px;top:-3px}.form-group__input:disabled,.form-group__input:disabled~*{opacity:.5;pointer-events:none}.form-group__input.--textarea{field-sizing:content;min-height:96px}.form-group__input.--textarea+.form-group__label{pointer-events:all;position:relative;top:0}.form-group__input.--textarea:focus,.form-group__input.--textarea:not(:placeholder-shown){margin-top:-18px}.form-group__input.--select{-webkit-appearance:base-select;-moz-appearance:none;appearance:base-select;border-radius:0}.form-group__input::picker(select){-webkit-appearance:base-select;-moz-appearance:none;appearance:base-select;border-radius:0}.form-group__input.--select{cursor:pointer;-moz-appearance:none;appearance:base-select}.form-group__input.--select::picker-icon{display:none}.form-group__input.--select+label{background:0 0}.form-group__input.--select option{background:var(--color-gray-000);padding:6px 10px;transition:all .2s cubic-bezier(.215,.61,.355,1)}.form-group__input.--select option:hover{background:var(--color-gray-200)}.form-group__input.--select option:checked{background:var(--color-gray-300)}.form-group__input.--select option::checkmark{display:none}.form-group__input.--select::picker(select){border:1px solid var(--color-gray-500);border-top:none}.form-group__input.--select:open~.form-group__arrow{transform:rotate(90deg)}.form-group__arrow{color:#fff;font-size:15px;transition:all .2s cubic-bezier(.215,.61,.355,1);position:absolute;bottom:6px;right:5px}.form-group__message{height:21px;display:block}.form-checkgroup{flex-wrap:wrap;align-items:center;margin:5px 0;display:inline-flex}.form-checkgroup:disabled{opacity:.5;pointer-events:none}.form-checkgroup__legend{color:#ffffffbf;margin:15px 0 2px;font-size:16px}.form-checkgroup__input{appearance:none;border:1px solid var(--color-secondary);cursor:pointer;width:15px;height:15px;transition:all .1s cubic-bezier(.215,.61,.355,1)}.form-checkgroup__input:hover+label,.form-checkgroup__input:checked+label{color:var(--color-offwhite)}.form-checkgroup__input:checked{background:var(--color-secondary);box-shadow:0 0 0 2px var(--color-gray-200)inset}.form-checkgroup__input[type=radio]{border-radius:100%}.form-checkgroup__label{color:#fff6;-webkit-user-select:none;user-select:none;cursor:pointer;padding-left:8px;transition:all .2s cubic-bezier(.215,.61,.355,1)}.form-checkgroup__label:hover{color:var(--color-offwhite)}.back{color:var(--color-secondary);margin-bottom:24px;display:inline-block}.back span{color:var(--color-offwhite);margin-left:8px}html{white-space:pre-line;vertical-align:bottom}html body,html .p-1{color:#ffffffbf;font-family:Open Sans,sans-serif;font-size:16px}html a,html .link{color:var(--color-primary);cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.215,.61,.355,1)}html a:hover,html .link:hover{filter:brightness(75%)}html h1,html .h1{color:var(--color-offwhite);font-family:Spectral,serif;font-size:48px;font-weight:600}html h2,html .h2{color:var(--color-offwhite);font-family:Spectral,serif;font-size:40px;font-weight:600}html h3,html .h3{color:var(--color-offwhite);font-family:Spectral,serif;font-size:32px;font-weight:500}html h4,html .h4{color:var(--color-offwhite);font-family:Spectral,serif;font-size:26px;font-weight:500}html h5,html .h5{color:var(--color-offwhite);font-family:Spectral,serif;font-size:21px;font-weight:500}html h6,html .h6{color:var(--color-offwhite);font-family:Spectral,serif;font-size:18px;font-weight:500}html .xl{font-size:8rem;line-height:8rem}html ul{padding-left:20px;list-style:none}html ul li{margin:5px 0;position:relative}html ul li:before{content:"";border:1px solid var(--color-secondary);border-radius:100%;width:8px;height:8px;display:inline-block;position:absolute;top:8px;left:-15px}.text-gray{color:#fff9}.text-gold{color:var(--color-secondary)}.text-green{color:var(--color-success)}.text-red{color:var(--color-danger)}.text-code{color:var(--color-offwhite);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;padding:2px 4px}strong,.strong{color:var(--color-offwhite);font-weight:700}.breadcrumbs{margin-bottom:30px;padding:0;list-style:none}.breadcrumbs li{margin:none;display:inline-block}.breadcrumbs li:before{border:none}.breadcrumbs li:not(:last-child):after{content:"/";margin:0 8px}.dropcap{float:left;width:55px;height:65px;color:var(--color-secondary);border-right:3px solid var(--color-secondary);margin-right:15px;font-size:54px;line-height:54px}html body{background:var(--color-gray-000)}.artboard{border:1px solid var(--color-offwhite);border-radius:8px;margin:30px 0;padding:25px 20px 20px;position:relative}.artboard__label{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-gray-000);background:var(--color-offwhite);padding:4px 6px;font-size:12px;font-weight:600;position:absolute;top:-13px;left:20px}.artboard .button{margin:5px 10px 5px 0}.artboard .form-group__label{background:0 0}.ds-palette{grid-template-columns:repeat(auto-fit,118px);gap:5px;display:grid}.ds-swatch{color:#fff;cursor:pointer;border-radius:8px;flex-direction:column;width:118px;height:118px;padding:5px;font-size:10px;display:inline-flex;position:relative}.ds-swatch:first-of-type,.ds-swatch:last-of-type{color:#000}.ds-swatch:hover{filter:brightness(115%)}.ds-swatch__name{font-size:16px}.ds-swatch__class{margin-bottom:auto}.ds-swatch__contrast{position:absolute;top:8px;right:5px}.ds-swatch.--offwhite{background-color:var(--color-offwhite)}.ds-swatch.--gray-000{background-color:var(--color-gray-000)}.ds-swatch.--gray-100{background-color:var(--color-gray-100)}.ds-swatch.--gray-200{background-color:var(--color-gray-200)}.ds-swatch.--gray-300{background-color:var(--color-gray-300)}.ds-swatch.--gray-400{background-color:var(--color-gray-400)}.ds-swatch.--gray-500{background-color:var(--color-gray-500)}.ds-swatch.--primary{background-color:var(--color-primary)}.ds-swatch.--secondary{background-color:var(--color-secondary)}.tab-nav{gap:16px;display:flex}.tab-nav__item{text-align:center;color:var(--color-offwhite);filter:brightness(.5);font-family:Spectral,serif;font-size:20px;font-weight:600}.tab-nav__item:after{content:"";background:0 0;width:38px;height:2px;margin:7px auto 0;display:block}.tab-nav__item:hover{filter:brightness()}.tab-nav__item.--active{filter:brightness();color:var(--color-secondary)}.tab-nav__item.--active:after{background:var(--color-secondary)}@media screen and (min-width:991px){.tab-nav{gap:32px}}.points{width:fit-content;color:var(--color-offwhite);background:var(--color-gray-200);border-radius:500px;align-items:center;gap:6px;margin-top:20px;margin-left:auto;padding:8px 13px;display:flex}@media screen and (min-width:991px){.points{margin-top:0}}.gradient-box{background:linear-gradient(var(--color-gray-100),var(--color-gray-000));border:1px solid var(--color-gray-300);margin-bottom:20px;padding:24px}.gradient-box__step{width:fit-content;color:var(--color-secondary);background:var(--color-gray-200);margin:0 auto 12px;padding:4px 12px;font-size:13px}.gradient-box .skill-wrapper{background:url(/icons/character/skill.svg) 0 3px no-repeat;padding:0 32px}.page-title{text-align:center;font-size:50px}.page-title:after{content:"";background:var(--color-secondary);width:112px;height:2px;margin:20px auto 64px;display:block}.page-subtitle{color:var(--color-gray-500);text-align:center;margin:-30px 0 44px}.character{grid-gap:30px;grid-template-columns:repeat(1,1fr);display:grid}.character>*{background:linear-gradient(var(--color-gray-100),var(--color-gray-000));border:1px solid var(--color-gray-300);padding:16px 24px}.character .cell-title{align-items:center;gap:8px;display:flex}.character .cell-title:before{content:"";background:var(--color-secondary);width:1px;height:25px;margin-left:-25px;margin-right:16px;display:inline-block}.character .cell-title h4{color:var(--color-secondary);margin:0}.character .cell-title__value{margin-left:auto;font-family:Spectral,serif;font-size:44px;font-weight:600}.character .cell-title+*{margin-top:8px}.character__photo-frame{background:var(--color-gray-000);border:1px solid var(--color-gray-200);align-items:center;height:400px;margin:10px 0;padding:25px 30px 0;display:flex}.character__photo{object-fit:cover;object-position:top;width:100%;max-height:100%}.character__box{background:var(--color-gray-000);border:1px solid var(--color-gray-200);padding:8px 16px}.character .title-button{background:var(--color-gray-000);border:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;margin:12px 0;padding:14px 13px;display:flex}.character .title-button:hover{background:linear-gradient(var(--color-gray-100),var(--color-gray-000));border-color:var(--color-secondary);filter:brightness()}@media screen and (min-width:991px){.character{grid-gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:100px;display:grid}.character__portrait{grid-area:1/1/4/2}.character__health{grid-area:1/2/2/3}.character__stamina{grid-area:1/3/2/4}.character__traits{grid-area:2/2/3/4}.character__equipment{grid-area:3/2/4/4}.character__pathways{grid-area:4/1/5/4}}.icon-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.icon-grid.--auto-width{flex-direction:column;display:flex}.icon-grid__cell{text-align:center;color:var(--color-offwhite);background:var(--color-gray-000);border:1px solid var(--color-gray-200);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 13px;font-family:Spectral,serif;font-weight:600;display:flex}.icon-grid__cell.--inline{flex-direction:row;justify-content:start;transition:all .3s}.icon-grid__cell:is(a):hover,.icon-grid__cell:is(label):not(.--selected):hover{cursor:pointer;background:linear-gradient(var(--color-gray-100),var(--color-gray-000));border-color:var(--color-secondary);filter:brightness()}.icon-grid__cell input{display:none}.icon-grid__cell.--selected{cursor:pointer;border-color:var(--color-secondary);background:#ffca2808}.icon-grid__label{align-items:center;gap:8px;padding:10px 0;display:flex}@media screen and (min-width:991px){.icon-grid{grid-template-columns:repeat(5,1fr)}.icon-grid.--4-col{grid-template-columns:repeat(4,1fr);gap:8px}.icon-grid.--auto-width{flex-flow:wrap;display:flex}}.switch{align-items:center;display:flex;position:relative}.switch__toggle{text-align:center;border:1px solid var(--color-gray-400);flex:1;padding:14px}.switch__toggle.--active{background:var(--color-secondary-dimmer);border:1px solid var(--color-secondary);box-shadow:inset 0 0 8px var(--color-secondary);pointer-events:none}.switch__toggle.--inactive:not(:hover){opacity:.4}.switch__divider{letter-spacing:1.5px;background:var(--color-gray-000);border:1px solid var(--color-secondary);z-index:1;justify-content:center;align-items:center;width:55px;height:55px;margin:2.5px auto;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0;transform:rotate(45deg)}.switch__divider span{transform:rotate(-45deg)}.tabpane{border-bottom:1px solid var(--color-gray-300);-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin:20px 0;display:flex;overflow:auto}.tabpane::-webkit-scrollbar{display:none}.tabpane__tab{white-space:nowrap;letter-spacing:-.24px;width:fit-content;color:var(--color-gray-500);border:1px solid var(--color-gray-300);filter:grayscale();border-bottom-color:#0000;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-family:Spectral,serif;font-size:18px;transition:all .2s cubic-bezier(.215,.61,.355,1);display:flex}.tabpane__tab:hover{color:var(--color-offwhite);filter:brightness()}.tabpane__tab.--active{color:var(--color-offwhite);background:var(--color-gray-100);border-bottom-color:var(--color-secondary);pointer-events:none;filter:grayscale(0)}.branch-radio{display:none}.branch-radio.selected+.branch-label{border-color:var(--color-secondary)}.branch-radio.not-selected+.branch-label{filter:grayscale()brightness(80%);opacity:.5}.branch-label{background:var(--color-gray-000);border:1px solid var(--color-gray-200);cursor:pointer;width:100%;height:100%;min-height:242px;padding:24px;transition:all .3s}.branch-label:hover{border-color:var(--color-gray-500)}@media screen and (min-width:991px){.branch-label{min-height:242px}}.keyword{text-decoration:underline;-webkit-text-decoration-color:var(--color-secondary);text-decoration-color:var(--color-secondary);text-underline-offset:5px;z-index:1;cursor:pointer;font-weight:700;position:relative}.keyword:after{content:"";background:var(--color-secondary);height:2px;display:inline-block}.keyword__type{color:var(--color-gray-500);font-style:italic;font-weight:700}.keyword__tooltip{background:var(--color-gray-000);border:1px solid var(--color-gray-400);width:200px;box-shadow:1px 2px 4px 2px var(--color-gray-000);z-index:100;border-radius:4px;margin-left:-100px;padding:8px 10px;font-size:14px;font-weight:400;display:none;position:absolute;bottom:calc(100% + 8px);left:50%}.keyword__tooltip:after{content:"";border-style:solid;border-width:13px 10.5px 0;border-color:var(--color-gray-000)#0000 #0000 #0000;width:0;height:0;filter:drop-shadow(0px 2px 1px var(--color-gray-400));margin:auto;display:block;position:absolute;top:99%;left:0;right:0;transform:rotate(0)}.keyword:hover .keyword__tooltip{display:block}@media screen and (min-width:768px){.keyword__tooltip{width:300px;margin-left:-150px}}.reset-character{border-radius:4px;position:fixed;bottom:15px;right:15px;box-shadow:0 5px 10px 30px #00000080}.banner{border-top:3px double var(--color-gray-400);position:relative}@media screen and (max-width:767px){.banner{padding:15px 0}.banner__image{object-fit:fit;margin-bottom:15px;position:relative}}@media screen and (min-width:768px){.banner__image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.banner__flag{background:var(--overlay);z-index:1;width:50%;padding:30px 40px}}@media screen and (min-width:991px){.banner__flag{flex-direction:column;justify-content:center;align-items:flex-start;width:45%;max-width:475px;min-height:calc(100vh - 73px);padding:50px 40px;display:flex}}.bg-map{background:url(/images/cultures/bg-map.jpg) 0 0/cover}.profile__image img{width:100%;height:auto}.insights-checkbox{display:none}.insights-checkbox.selected+.insights-checkbox-label{border-color:var(--color-secondary)}.insights-checkbox.not-selected+.insights-checkbox-label{filter:grayscale()brightness(80%);opacity:.5}.insights-checkbox-label{text-align:center;background:var(--color-gray-000);border:1px solid var(--color-gray-200);cursor:pointer;width:100%;height:100%;padding:24px;transition:all .3s}.insights-checkbox-label:hover{border-color:var(--color-gray-500)}html .navbar{width:100%;color:var(--color-offwhite);background:var(--color-gray-000);border-bottom:3px double var(--color-gray-400);z-index:2;padding:0;position:sticky;top:0}html .navbar__logo{margin:0 auto}@media screen and (min-width:768px){html .navbar__logo{margin-right:10px}}html .navbar__account{align-items:center;display:flex}html .navbar__mobile.--show .navbar__overlay{opacity:1;height:calc(100vh - 65px)}html .navbar__mobile.--show .navbar__menu{transform:translate(0)}html .navbar__overlay{background:var(--overlay);opacity:0;width:100%;height:0;transition:opacity .3s;position:absolute;top:65px;left:0}html .navbar__button{position:absolute;top:17px}html .navbar__button>svg{color:var(--color-offwhite);width:32px;height:32px}html .navbar__button.--menu{left:12px}html .navbar__button.--user{right:12px}html .navbar__button:hover{filter:brightness(75%)}html .navbar__menu{background:var(--color-gray-200);border-top:3px double var(--color-gray-000);border-right:3px double var(--color-gray-000);width:350px;height:calc(100vh - 64px);margin-top:-1px;transition:all .5s;display:flex;position:absolute;top:65px;left:0;overflow:auto;transform:translate(-350px)}html .navbar__menu .navbar__left,html .navbar__menu .navbar__right{width:175px;padding:0 12px 15px}html .navbar__menu .navbar__left{border-right:1px solid var(--color-gray-500)}html .navbar__page{color:var(--color-offwhite);padding:5px 0 0;display:block}html .navbar__page hr{opacity:1;width:0;margin:5px auto 0;transition:all .3s}html .navbar__page.--active hr{border-color:var(--color-secondary);width:100%}html .navbar__desktop{display:none}@media screen and (min-width:768px){html .navbar__mobile{display:none}html .navbar__desktop{width:calc(100% - 60px);display:block}html .navbar__top-level,html .navbar__sub-level{height:35px;display:block}html .navbar__top-level>*,html .navbar__sub-level>*{height:35px}html .navbar__top-level{border-bottom:1px solid var(--color-gray-500);justify-content:space-between;display:flex}html .navbar__page{padding:5px 8px 0;display:inline-block}}.footer{background:var(--color-gray-000);border-top:3px double var(--color-gray-400);padding:60px 0 0}.footer__link{color:var(--color-offwhite);margin:4px 0;display:block}.footer__link:hover{color:var(--color-primary);filter:brightness()}.footer__link:first-of-type{margin:0 0 8px;font-size:large;font-weight:700}.footer__social-link:not(:last-child){margin-right:8px}.footer .placeholder-social{background:#fff;border-radius:100%;width:40px;height:40px;margin-right:6px;transition:all .2s;display:inline-block}.footer .placeholder-social:hover{filter:brightness(80%)}.footer .copyright{background:var(--color-gray-100);margin-top:30px;padding:5px 0}.news-card{background:var(--color-gray-200);height:100%;box-shadow:5px 5px 0px 0px var(--color-gray-100);position:relative}.news-card__image{height:200px;position:relative}.news-card__category{color:var(--color-gray-000);background:var(--color-secondary);box-shadow:2px 2px 0px 0px var(--color-gray-100);padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:5px;right:8px}.news-card__content{white-space:pre-wrap;flex-direction:column;padding:10px 15px 25px;display:flex}.news-card__link{position:absolute;bottom:15px;right:15px}.news-card__summary{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:30px;display:-webkit-box;overflow:hidden}.news-card__summary.no-image{-webkit-line-clamp:10}.hero{color:#fff;text-align:center;background-size:cover;padding:180px 0;position:relative}.hero__title{z-index:1;font-size:72px;position:relative}.hero:after{content:"";pointer-events:none;background:#00000059;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (min-width:1400px){.hero{padding:250px 0}}.bg-offwhite{background-color:var(--color-offwhite)}.bg-gray-000{background-color:var(--color-gray-000)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.section{border-top:3px double var(--color-gray-400);padding:60px 0}.section__header:after{content:"";border:2px solid var(--color-secondary);opacity:1;min-width:60px;max-width:25%;margin:5px 0 20px;display:block}.section__header.--center:after{margin:5px auto 20px}.section__break{border-color:var(--color-secondary);margin:40px 0}@media screen and (min-width:768px){.row .sidebar{width:300px;height:fit-content;position:sticky;top:95px}.row .sidebar img{width:100%;height:auto}.row .sidebar__menu{padding:0}.row .sidebar__menu-item{color:var(--color-offwhite);cursor:pointer;padding:3px 8px;transition:all .2s cubic-bezier(.215,.61,.355,1)}.row .sidebar__menu-item:before{content:none}.row .sidebar__menu-item.--active{background:var(--color-gray-300)}.row .sidebar__menu-item:hover{background:var(--color-gray-400)}}.cta{border-top:1px solid var(--color-gray-400);padding:30px 0}.cta__content{text-align:center;background:var(--overlay);padding:20px 25px}@media screen and (min-width:768px){.cta{padding:0}.cta__content{max-width:435px;margin:auto;padding:100px 40px}}.horizontal-accordion{border-top:3px double var(--color-gray-400)}.horizontal-accordion__fold{padding:15px 10px;position:relative}.horizontal-accordion__fold:nth-child(2){border-top:1px solid var(--color-gray-400);border-bottom:1px solid var(--color-gray-400)}.horizontal-accordion__fold:hover .horizontal-accordion__image{filter:brightness(80%)}.horizontal-accordion__image{object-fit:cover;z-index:0;filter:brightness(50%);transition:all .2s}.horizontal-accordion__content{z-index:1;flex-direction:column;align-items:self-start;height:100%;display:flex;position:relative}.horizontal-accordion__content .button{margin-top:auto;margin-left:auto}@media screen and (min-width:768px){.horizontal-accordion{display:flex}.horizontal-accordion__fold{flex-basis:33.3333%;height:600px;padding:40px 45px}.horizontal-accordion__fold:nth-child(2){border:none;border-right:1px solid var(--color-gray-400);border-left:1px solid var(--color-gray-400)}}figure{background:var(--color-gray-300);border:5px solid var(--color-gray-300);box-shadow:5px 5px 0px 0px var(--color-gray-200)}figure img{background:var(--color-gray-200)}figure figcaption{text-align:left;padding:5px 5px 0;font-style:italic}.content-card{background:var(--color-gray-300);width:100%;box-shadow:5px 5px 0px 0px var(--color-gray-200);flex-direction:column;margin:13px 0;display:flex}.content-card__image{width:100%}.content-card__content{flex-direction:column;height:100%;padding:15px 20px;display:flex}.content-card__content .button{margin-top:auto}@media screen and (min-width:991px){.content-card[class*=row]{flex-direction:row}.content-card[class*=row] .content-card__image{width:400px}.content-card[class*=row] .content-card__image img{object-fit:cover;max-width:400px;height:100%}}.underline{border:2px solid var(--color-secondary);opacity:1;max-width:25%;margin:-8px 0 20px}img{max-width:100%;height:auto}.timeline{flex-direction:column;max-width:800px;margin:50px auto -60px;display:flex;position:relative}.timeline__line{background:#fff6;width:1px;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:15px}.timeline__date{padding:30px 0 30px 40px;position:relative}.timeline__date:before{content:"";background:var(--color-gray-100);border:1px solid #fff6;border-radius:100%;width:12px;height:12px;margin:auto;display:block;position:absolute;top:0;bottom:0;left:10px}@media screen and (min-width:768px){.timeline{padding:50px 0}.timeline__line{left:0;right:0}.timeline__date{width:50%;padding:20px 30px;position:relative}.timeline__date:nth-child(2n){text-align:right}.timeline__date:nth-child(2n):before{left:auto;right:-6px}.timeline__date:nth-child(odd){margin-left:auto}.timeline__date:nth-child(odd):before{left:-6px}}.modal .modal-content{background:var(--color-gray-100)}