@font-face{font-family:Dominican;font-style:normal;font-weight:400;src:url(dominican-webfont.19745d2c.woff2)format("woff2"),url(dominican-webfont.97b28651.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:FantaisieArtistique;font-style:normal;font-weight:400;src:url(fantaisie_artistique.77f2a75b.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Inheritance;font-style:normal;font-weight:400;src:url(inheritance.f2acdd77.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Amarante;font-style:normal;font-weight:400;src:url(amarante.9ce2b9be.woff)format("woff");font-weight:400;font-style:normal}html{font-size:1.25vw}body{height:100vh;color:#2b2014;background-color:#110a05;background-position:50%;background-repeat:no-repeat;background-size:123%;margin:0;padding:0;font-family:Dominican,serif;line-height:1.4;overflow:hidden}@media (min-aspect-ratio:19/9){html{font-size:2.5vh}body{background-size:auto 123%}}input,select{border:1px solid rgba(0,0,0,.25);font-family:Dominican,serif;font-size:1.16667em}select{text-align:center;background-image:url(img/dropdown_arrow.png);background-repeat:no-repeat;background-size:.65em;padding:.75em;-webkit-appearance:none!important;appearance:none!important;background-position:calc(100% - .5em)!important;padding-right:1.75em!important}body[data-game-variant=elf]{background-image:url(img/bg_elf.jpg)}body[data-game-variant=elf] .werewolf:not(.elf),body[data-game-variant=elf] .vampire:not(.elf){display:none}body[data-game-variant=elf] .your-name{font-family:FantaisieArtistique}body[data-game-variant=werewolf]{background-image:url(img/bg_werewolf.jpg)}body[data-game-variant=werewolf] .elf:not(.werewolf),body[data-game-variant=werewolf] .vampire:not(.werewolf){display:none}body[data-game-variant=werewolf] .your-name{font-family:Inheritance}body[data-game-variant=vampire]{background-image:url(img/bg_vampire.jpg)}body[data-game-variant=vampire] .werewolf:not(.vampire),body[data-game-variant=vampire] .elf:not(.vampire){display:none}body[data-game-variant=vampire] .your-name{font-family:Amarante}.game{display:none}body[data-game=nameGenerator] .game--name-generator,body[data-game=coatOfArms] .game--coat-of-arms,body[data-game=jewel] .game--jewel{display:block}body[data-game=diploma]{background-image:url(img/bg_diploma.jpg)}body[data-game=diploma] .game--diploma{display:block}.screen{width:100%;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s ease-in-out;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.game--name-generator .intro{text-align:center;margin-bottom:1em}.game--name-generator .form .elf{justify-content:space-between;align-items:center;margin-bottom:2em;display:flex}.game--name-generator .form .elf .first-name-container{flex-direction:column;flex-grow:1;align-items:center;display:flex}.game--name-generator .form .elf .first-name-container label{margin-bottom:-1.5em}.game--name-generator .form .elf .first-name-container input{width:14em;text-align:center;background-color:transparent;background-image:url(img/elf_input_background.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;outline:none;padding:3.1em 2em 2.9em}.game--name-generator .form .elf .plus-container{width:1.75em;height:1.75em;background-image:url(img/plus.png);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-left:2em;margin-right:2em}.game--name-generator .form .werewolf{text-align:center;flex-direction:row;margin-bottom:2em;display:flex}.game--name-generator .form .werewolf>div{flex-direction:column;margin-left:.5em;margin-right:.5em;display:flex}.game--name-generator .form .werewolf label{margin-bottom:.25em}.game--name-generator .form .vampire{margin-bottom:2em}.game--name-generator .form .vampire .current-date-container{min-width:40rem;text-align:center;background-image:url(img/today_date_background.svg);background-position:50%;background-repeat:no-repeat;padding-top:.4em;padding-bottom:.45em;font-size:4.66667em}.game--name-generator .your-name-label{margin-bottom:1.5em;font-size:1.33333em}.game--name-generator .your-name{margin-bottom:.75em;font-size:4.66667em}.game--name-generator .your-name:before,.game--name-generator .your-name:after{content:"";width:1em;height:.75em;opacity:.72;vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:0 .15em;display:inline-block}.game--name-generator .your-name:before{background-image:url(img/name_decoration_left.svg)}.game--name-generator .your-name:after{background-image:url(img/name_decoration_right.svg)}.game--name-generator .screen:not(.screen--active){opacity:0;pointer-events:none}.button{width:24.6664rem;height:3.48rem;box-sizing:border-box;text-shadow:-.08em -.08em .15em rgba(0,0,0,.25),.08em .08em .15em rgba(249,239,214,.9);text-align:center;background-image:url(img/button_secondary.png);background-position:50%;background-repeat:no-repeat;background-size:68.7247%;justify-content:center;align-items:center;margin-bottom:1em;padding:0 4.44rem;transition:opacity .2s ease-out;display:flex}.button:last-child{margin-bottom:0}.button:hover{-webkit-filter:brightness(115%);-webkit-filter:brightness(115%);filter:brightness(115%)}.button:active{-webkit-filter:brightness(85%);-webkit-filter:brightness(85%);filter:brightness(85%)}.button--large{height:6.36639rem;background-image:url(img/button_primary.png);background-size:100%}.button--disabled{pointer-events:none;opacity:.3}.screen--builder .screen--builder__layout{width:50.6667em;grid-template-columns:repeat(12,1fr);margin-left:auto;margin-right:auto;display:grid}.screen--builder .builder-options-container{grid-column:8/-1;transition:opacity .5s ease-in}.screen--builder .buttons{grid-column:1/-1;margin-top:2em;transition:opacity .5s ease-in}.builder-result-container{aspect-ratio:1/1;transform-origin:top;z-index:1;grid-column:1/7;transition:transform 1s ease-in-out;position:relative;transform:translateZ(-.1px)}.builder-result-container canvas{width:100%;height:auto}.builder-option{height:0;will-change:transform;background-image:url(img/arrows_background.png);background-repeat:no-repeat;background-size:contain;margin-top:2.5em;padding:0 0 20.18%;position:relative}.builder-option .arrow{width:3.4em;height:3.4em;text-indent:-99em;white-space:nowrap;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;bottom:0;overflow:hidden}.builder-option .arrow:hover{-webkit-filter:brightness(110%);-webkit-filter:brightness(110%);filter:brightness(110%)}.builder-option .arrow:active{opacity:0}.builder-option .arrow.arrow--previous{background-image:url(img/arrow_left.png);left:10.5%;transform:translate(-50%,-49%)}.builder-option .arrow.arrow--next{background-image:url(img/arrow_right.png);right:10.5%;transform:translate(50%,-49%)}.builder-option__label{text-align:center;font-size:.9em;position:absolute;top:-1.5em;left:0;right:0}.builder-option__values-container{height:100%;text-align:center;justify-content:center;align-items:center;font-size:1.16667em;display:flex;position:absolute;top:0;bottom:0;left:5.5em;right:5.5em}.builder-option__value{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;position:absolute}.builder-option__value[data-option-active=true]{opacity:1}body[data-finished=true] .builder-result-container{transform:translate(50%)scale(1.2)}body[data-finished=true] .builder-options-container,body[data-finished=true] .screen--builder .buttons{opacity:0;pointer-events:none}.screen--diploma .screen--diploma__layout{width:50.6667em;grid-template-columns:repeat(12,1fr);align-items:center;margin-left:auto;margin-right:auto;display:grid}.screen--diploma .diploma-container{grid-column:1/8;position:relative;top:3em}.screen--diploma .diploma-container canvas{width:125%;height:auto;margin-left:-25%}.screen--diploma .buttons{grid-column:9/-1}.buttons{flex-direction:column;align-items:center;display:flex}.button{color:inherit;text-decoration:none}h1,h2,h3,h4{margin-top:0;margin-bottom:1em;font-weight:400;line-height:1.2}h1{max-width:15em;font-size:2.3333em}.loader-animation img{width:10em;height:auto}.loader-text{font-size:2.33334em}.overlay{color:#e09f29;z-index:999;pointer-events:auto;background-color:#110a05;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s ease-out .5s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay .loader-text{font-size:2.33334em}body[data-game-loaded=true]:not([data-transitioning=true]) .overlay{opacity:0;pointer-events:none}