@import"https://fonts.bunny.net/css?family=eagle-lake:400|glory:300,400,700|inter:300,400,500,700|josefin-sans:300,400,700|kufam:400,600,800";:root{--ora: 1px solid #f90;--black: 1px solid black;--red: 1px solid red;--font-kufam: "Kufam", sans-serif;--font-josefin: "Josefin Sans", sans-serif;--font-glory: "Glory", sans-serif;--font-eagle: "Eagle Lake", handwriting;--font-inter: "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-header: "Inter", sans-serif;--line-body: 1.3;--line-header: 1.1;--line-small: .9;--text-xxs: clamp(.54rem, -.06vw + .56rem, .51rem);--text-xs: clamp(.65rem, -.03vw + .66rem, .64rem);--text-s: clamp(.78rem, .03vw + .78rem, .8rem);--text-p: clamp(.94rem, .11vw + .91rem, 1rem);--text-h4: clamp(1.13rem, .23vw + 1.07rem, 1.25rem);--text-h3: clamp(1.36rem, .4vw + 1.26rem, 1.56rem);--text-h2: clamp(1.63rem, .63vw + 1.48rem, 1.95rem);--text-h1: clamp(1.95rem, .95vw + 1.73rem, 2.44rem);--text-large: clamp(2.34rem, 1.37vw + 2.02rem, 3.05rem);--space-xs: clamp(.25rem, .25rem + 0vw, .25rem);--space-s: clamp(.5rem, .4662rem + .1351vw, .5625rem);--space-m: clamp(1rem, .9662rem + .1351vw, 1.0625rem);--space-l: clamp(1.5rem, 1.4324rem + .2703vw, 1.625rem);--space-xl: clamp(2rem, 1.9324rem + .2703vw, 2.125rem);--space-xxl: clamp(3rem, 2.8986rem + .4054vw, 3.1875rem);--space-xxxl: clamp(4rem, 3.8649rem + .5405vw, 4.25rem);--space-large: clamp(6rem, 5.7973rem + .8108vw, 6.375rem);--space-huge: clamp(8rem, 7.7297rem + 1.0811vw, 8.5rem);--flow-space: var(--space-m);--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-24: 24px;--radius-100: 100vmin;--contentImageSize: 60%;--contentImagePos: bottom right;--contentPadding: var(--space-xxxl);--heroWidth: 40%;--heroPadding:var(--space-m);--heroRadius: var(--radius-12);--displayType: flex;--squareDark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 8h18' /%3E%3Cpath d='M3 16h18' /%3E%3Cpath d='M8 3v18' /%3E%3Cpath d='M16 3v18' /%3E%3C/svg%3E");--squareLight: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 8h18' /%3E%3Cpath d='M3 16h18' /%3E%3Cpath d='M8 3v18' /%3E%3Cpath d='M16 3v18' /%3E%3C/svg%3E");--checkIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E")}@media only screen and (max-width:1024px){:root{--heroWidth: 50%;--contentPadding: var(--space-xl)}}@media only screen and (max-width:768px){:root{--heroRadius: 0}}:root{--background-color-primary: #ebebeb;--background-color-secondary: #fafafa;--accent-color: #cacaca;--text-primary-color: #222;--mainBackground: #f0e4d0;--element-size: 4rem}:root.dark-theme{--dark-h: 360, 100%;--dark-l: 100%;--dark: var(--dark-h), var(--dark-l);--light-h: 0, 0%;--light-l: 10%;--light: var(--light-h), var(--light-l);--squareDark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 8h18' /%3E%3Cpath d='M3 16h18' /%3E%3Cpath d='M8 3v18' /%3E%3Cpath d='M16 3v18' /%3E%3C/svg%3E")}:root.dark-theme [data-style=zombie]{--mainBackground: #0f1b2f}[data-style=zombie]{--font-header: var(--font-eagle);--font-body: var(--font-eagle);--second-h: 4, 100%;--second-l: 36%;--second: var(--second-h), var(--second-l);--contentImage: url(/zombis/images/medieval.png);--contentImageSize: 30%;--contentImagePos: center;--mainBackground: #f0e4d0}:root [data-style=modern]{--font-header: var(--font-inter);--font-body: var(--font-inter);--mainBackground: hsl(var(--light), 100%);--contentImagePos: bottom right;--contentImage: url(/zombis/images/gradient.png)}:root{--brand-h: 44, 91%;--brand-l: 40%;--brand: var(--brand-h), var(--brand-l);--second-h: 79, 96%;--second-l: 65%;--second: var(--second-h), var(--second-l);--dark-h: 0, 0%;--dark-l: 10%;--dark: var(--dark-h), var(--dark-l);--light-h: 360, 100%;--light-l: 100%;--light: var(--light-h), var(--light-l)}a,a>strong{text-decoration:none;outline:0;color:hsl(var(--brand-second))}a:hover,a:hover>strong{color:hsl(var(--brand-second-dark))}.button,[type=button],[type=reset],[type=submit],button{font-family:var(--font-body);line-height:var(--line-body);font-size:var(--text-p);text-align:left;padding:var(--space-xs) var(--space-m);position:relative;cursor:pointer;border:2px solid hsla(var(--dark),1);color:hsla(var(--dark),1);background-color:transparent;display:inline-flex;align-items:center;gap:var(--space-xs)}input[disabled],button[disabled],input[disabled]:hover,button[disabled]:hover{opacity:.2;cursor:not-allowed}.button-xl{font-size:var(--h4)}.button-s{font-size:var(--h5);font-weight:400}.button-xs{font-size:var(--h6);font-weight:400}.button-full{display:flex;width:100%;justify-content:center;margin-left:0!important}@media only screen and (max-width:540px){.mobile--full{display:flex;width:100%;justify-content:center;margin-left:0!important}}.button-intro{--background:hsl(var(--dark), .95);--iconWidth: 2em;--iconRight: .4em;border:none;background:var(--background);color:hsl(var(--light),100%);padding:calc(var(--space-m) - 4px);padding-left:var(--space-m);padding-right:calc(var(--space-m) + var(--iconWidth));border-radius:var(--radius-100)}.button-intro .icon{background:hsl(var(--light),1);margin-left:1em;position:absolute;display:flex;align-items:center;justify-content:center;width:var(--iconWidth);height:var(--iconWidth);border-radius:var(--radius-100);box-shadow:0 0 12px hsl(var(--second),.8);right:var(--iconRight);transition:all .3s}.button-intro:hover .icon{width:calc(100% - (var(--iconRight) * 2))}.button-intro .icon svg{width:1.1em;transition:transform .3s;color:var(--background)}.button-intro:hover .icon svg{transform:translate(.1em)}.button-intro:active .icon{transform:scale(.95)}.button-question{--answerBorderColor: hsl(var(--dark), 40%);--answerBackgroundColor: hsl(var(--dark), 0%);--answerPadding:var(--space-m);--answerRadius: 12px;--answerAfterRadius: 100vmin;--checkCircle: 16px}.button-question{font-weight:500;border:1px solid var(--answerBorderColor);background-color:var(--answerBackgroundColor);border-radius:var(--answerRadius);padding:var(--answerPadding);align-items:flex-start;justify-content:space-between;gap:var(--space-m);transition:all .35s ease-in-out;color:hsl(var(--dark),100%)}.button-question:after{content:"";display:block;min-width:var(--checkCircle);min-height:var(--checkCircle);border:1px solid var(--answerBorderColor);background-color:var(--answerBackgroundColor);border-radius:var(--answerAfterRadius);transition:all .35s ease-in-out}.button-question:hover{--answerBorderColor: hsl(var(--dark), 100%);--answerBackgroundColor: hsl(var(--dark), 7%)}.button-question.selected{--answerBorderColor: hsl(var(--second), 100%);--answerBackgroundColor: hsl(var(--second), 100%);color:#000;box-shadow:0 4px 8px hsl(var(--dark),15%)}.button-question:hover:after,.button-question.selected:after{--answerBorderColor: white;--answerBackgroundColor: white}[data-style=zombie] .button-question:after{display:none}[data-style=zombie] .button-question{--answerBorderColor: hsl(var(--dark), 0%);--answerBackgroundColor: hsl(var(--dark), 0%);--answerPadding:0;--answerRadius: 0;--answerAfterRadius: 100vmin;--checkCircle: 6px}[data-style=zombie] .button-question:hover{--answerBorderColor: hsl(var(--dark), 0%);--answerBackgroundColor: hsl(var(--dark), 0%)}[data-style=zombie] .button-question.selected{--answerBorderColor: hsl(var(--second), 0%);--answerBackgroundColor: hsl(var(--second), 0%);color:hsl(var(--dark));box-shadow:none}[data-style=zombie] .button-question:hover:after,[data-style=zombie] .button-question.selected:after{--answerBorderColor: white;--answerBackgroundColor: white}[data-style=zombie] .button-question span:first-letter{float:left;font-size:var(--text-h2);line-height:.6;padding:calc(var(--space-m) - 4px);margin:var(--space-xs) var(--space-s) var(--space-xs) 0;background-color:hsl(var(--second),0%);box-shadow:inset 0 0 0 2px hsl(var(--dark)),0 0 0 2px hsl(var(--second),0%)}[data-style=zombie] .button-question.selected span:first-letter,[data-style=zombie] .button-question:hover span:first-letter{background-color:hsl(var(--second),100%);box-shadow:inset 0 0 0 2px var(--mainBackground),0 0 0 2px hsl(var(--second),100%)}.button-prev,.button-next,.button-prev svg,.button-next svg{transition:all .35s ease-in-out}.button-next{color:#000}.button-prev,.button-next{border:none;padding:var(--space-s) var(--space-l);background-color:hsl(var(--second));border-radius:var(--radius-100)}.button-prev{background-color:hsl(var(--dark),10%)}.button-next:hover{padding:var(--space-s) var(--space-xl)}.button-prev:hover svg{transform:rotate(360deg)}[data-style=zombie] .button-prev,[data-style=zombie] .button-next{border:2px solid hsl(var(--dark));color:hsl(var(--dark));padding:var(--space-s) var(--space-m);background-color:hsl(var(--second));border-radius:0}[data-style=zombie] .button-prev{color:hsl(var(--dark));background:transparent}[data-style=zombie] .button-next:hover{padding:var(--space-s) var(--space-xl)}[data-style=zombie] .button-prev:hover svg{transform:rotate(360deg)}.text-meta,.text-meta>*,.text-meta ul li{font-size:calc(var(--text-p) + 2px)}.flow>*+*{margin-top:var(--flow-space, 2em)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}ol[role=list],ul[role=list]{list-style:none}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{margin:0}body{font-family:var(--font-body);line-height:var(--line-body);font-size:var(--text-p);letter-spacing:.01em;color:hsl(var(--dark),100%);background:hsl(var(--dark),100%);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body img{max-width:100%;height:auto}h1,.text-h1{font-size:var(--text-h1)}h2,.text-h2{font-size:var(--text-h2)}h3,.text-h3{font-size:var(--text-h3)}h4,.text-h4{font-size:var(--text-h4)}h5,.text-h5,.text-s{font-size:var(--text-s)}h6,.text-h6,.text-xs,small,.small{font-size:var(--text-xs)}p,.p{font-size:var(--text-p);font-family:var(--font-body)}.text-large{font-size:var(--text-large);line-height:var(--line-header)}.text-huge{font-size:var(--text-huge);line-height:var(--line-header)}.text-mega{font-size:var(--text-mega);line-height:var(--line-header)}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:700;display:block}.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-header)}h1,h2,h3{line-height:var(--line-header)}p small,p .text-xxs{margin-top:var(--space-s);line-height:var(--line-body);display:inline-block}.red{border:4px solid red}.ora{border:var(--red)}.black{border:var(--black)}.green{border:4px solid green}#quizWrap{position:relative;z-index:5;display:flex;width:100%;max-width:100%;justify-content:flex-start;align-items:flex-start}.main-end{display:grid;place-items:center;max-width:100%;min-height:100dvh;padding:var(--space-l);background-image:url(/zombis/images/gradient.png);background-color:hsl(var(--light),95%);background-position:right bottom;background-size:30em;background-repeat:no-repeat}.map-selector{display:none}.main{position:relative;z-index:5;display:var(--displayType);width:100%;max-width:100%;background-color:var(--mainBackground)}.main,.main.is--grid{--displayType: grid;--gridTemplate: var(--heroWidth) 1fr;grid-template-columns:var(--gridTemplate)}.hero{position:sticky;top:0;z-index:1;height:100vh;padding:var(--heroPadding);transition:background-color .2s ease,height .8s cubic-bezier(.165,.84,.44,1),width .8s cubic-bezier(.165,.84,.44,1)}.content{position:relative;z-index:2;width:100%;display:grid;padding:var(--contentPadding);background-image:var(--contentImage);background-size:var(--contentImageSize);background-position:var(--contentImagePos);background-repeat:no-repeat}.content-data{width:100%;margin:auto}.hero.is--intro{width:100%;padding:var(--space-l);background-color:hsla(var(--dark),10%)}.hero.is--intro img{border:1px solid rgb(255 255 255 / .17);border-radius:var(--heroRadius);object-fit:cover;height:100%;width:100%;position:absolute}.hero-title{color:#fff;text-align:center;margin:auto;width:min(90%,500px);background-color:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--heroRadius);padding:var(--space-l);z-index:4}.hero-img{position:relative;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.hero-img:before{content:"";border-radius:var(--heroRadius);background:linear-gradient(0deg,rgb(0 0 0 / 17%) 0%,transparent 15%,transparent 85%,rgb(0 0 0 / 17%) 100%);position:absolute;z-index:1;display:block;height:100%;width:100%}.hero-img:after{content:"";background-image:var(--backImage);display:block;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(18px) saturate(2);z-index:-1}.hero-img img{border-radius:var(--heroRadius);object-fit:cover;height:100%;width:100%;position:absolute}[data-style=zombie] .hero-menu,[data-style=zombie] .caption{font-family:var(--font-header)}.hero-menu{display:flex;align-items:center;justify-content:space-between;width:100%}.caption,.hero-menu{padding:var(--space-s);z-index:2}.points{width:fit-content;padding:var(--space-xs);border-radius:var(--radius-8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsl(var(--light),10%)}.caption{width:100%;font-size:var(--text-xs);display:flex;justify-content:space-between;gap:var(--space-l)}.caption .copy{flex:1;text-align:right}.create{font-size:var(--text-xs);font-weight:600}.points,.points-deaths,.points-plus{display:flex;justify-content:flex-end;gap:var(--space-s);font-size:var(--text-s)}.points-deaths,.points-plus{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--text-s);padding:var(--space-xs)}.overlay{border-image:fill 0 linear-gradient(#0001,#0008)}.content-data-text{border-bottom:1px solid hsl(var(--dark),80%);padding:0 0 var(--space-l)}.content-data-text>*{font-size:calc(var(--text-p) + 2px)}.content-data-answers{padding:var(--space-xl) 0}.buttons-answers{--gridButtons: repeat( auto-fill, minmax(300px, 1fr) );display:grid;grid-template-columns:var(--gridButtons);gap:var(--space-m)}.content-data-next{border-top:1px solid hsl(var(--dark),80%);padding:var(--space-l) 0 0;display:flex;align-items:center;justify-content:space-between}[data-style=zombie] .content-data-next{border-top:2px solid hsl(var(--dark))}[data-style=zombie] .content-data-text{--size:20px;border:none;position:relative;margin-bottom:calc(var(--size) / 2)}[data-style=zombie] .content-data-text:before{content:"";display:block;height:2px;background-color:hsl(var(--dark));bottom:0;position:absolute;width:100%}[data-style=zombie] .content-data-text:after{content:"";display:block;background-image:var(--squareDark);background-size:var(--size);height:var(--size);width:var(--size);transform:rotate(45deg);background-color:var(--mainBackground);bottom:calc((var(--size) / 2) * -1);left:calc(50% - (var(--size) / 2));position:absolute}@media only screen and (max-width:768px){.caption,.hero-menu{padding:var(--space-m)}.hero img,.hero .hero-img:before{border-radius:var(--heroRadius)}.hero.is--intro{padding:var(--space-m);--heroHeight:100vh}.hero-title,.hero.is--intro img{border-radius:var(--radius-12)}.hero.is--intro .hero-img{border-radius:var(--heroRadius)}.main{--gridTemplate: 1fr;--top: 10px;--heroWidth: 100vw;--heroHeight:60vh;width:100vw}.hero{padding:0;height:var(--heroHeight);width:var(--heroWidth)}.content{min-height:calc(100vh - var(--heroHeight) + var(--top));top:calc(var(--top) * -1);margin-bottom:calc(var(--top) * -1);background-color:var(--mainBackground);box-shadow:0 -8px 12px #15151559;overflow:hidden;border-radius:var(--radius-12) var(--radius-12) 0 0}.content-data.is--fixed .content-data-answers{padding:var(--contentPadding) 0 var(--space-xxxl)}.content-data.is--fixed .content-data-next{border-top:none;position:fixed;width:100%;left:0;bottom:0;padding:var(--space-m) var(--contentPadding);box-shadow:0 -4px 12px #15151540;background-color:var(--mainBackground)}}.switch-checkbox[data-v-2870a80d]{opacity:0;width:0;height:0}.switch-label[data-v-2870a80d]{--darkSize: 1.5rem;background:rgb(255 255 255 / .5);background:hsl(var(--light),50%);border-radius:var(--radius-100);cursor:pointer;display:flex;align-items:center;height:var(--darkSize);width:calc(var(--darkSize) * 2);transition:background .5s ease;z-index:1}.switch-toggle[data-v-2870a80d]{--darkSize: 1.2rem;--darkMove: .2rem;background-color:transparent;border-radius:var(--radius-100);height:calc(var(--darkSize));width:calc(var(--darkSize));transform:translate(var(--darkMove));position:relative;transition:transform .3s ease,background-color .5s ease}.switch-toggle[data-v-2870a80d]:before{position:absolute;content:"";height:var(--darkSize);width:var(--darkSize);border-radius:var(--radius-100);left:0;bottom:0;box-shadow:inset 15px -4px 0 15px hsl(var(--second));box-shadow:inset 15px -4px 0 15px gold;transition:.5s}.switch-toggle-checked[data-v-2870a80d]{transform:translate(calc(var(--darkSize) + (var(--darkMove) * 2)))!important}.switch-toggle.switch-toggle-checked[data-v-2870a80d]:before{box-shadow:inset 8px -4px 0 0 hsl(var(--second));box-shadow:inset 8px -4px purple}