@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Edu+TAS+Beginner:wght@400..700&family=VT323&display=swap";body{width:100% auto;height:100%;background-color:#26783a;margin:0;font-family:VT323}@media (min-width: 801px){.club{width:100%}}.club{width:100%;overflow-y:hidden}html{scroll-behavior:smooth}@media (min-width: 801px){.club__about{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:25rem}.club__about__header h1{font-size:5em;margin:0}.club__about__content{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.club__about__content img{width:40em}.club__about__content--big{font-size:3em}}.club__about{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:30rem}.club__about__header h1{font-size:5em;margin:0}.club__about__content{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.club__about__content img{width:20em}.club__about__content--big{font-size:3em}.club__bottom{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width: 800px){.club__bottom{font-size:3em}}.club__croc{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:25rem;margin-bottom:25rem}.club__croc__header h1{font-size:5em;margin:0}@media (max-width: 800px){.club__croc{margin-top:25rem}.club__croc__content img{width:25em}}.club__menu{position:fixed;top:5;z-index:1030}.club__menu ul{margin-left:1rem;padding-left:0}.club__menu li{list-style:none;font-size:3rem;padding-left:0}.club__menu a{color:#53f379}.club__menu a:hover{color:#f36d53;cursor:pointer}@media (max-width: 801px){.club__menu{position:fixed}.club__menu li{font-size:2.5rem}}.club__top{flex-direction:column;width:100%}.club__top__headline{display:flex;flex-direction:row}.club__top__headline h1{font-size:8em;margin:0}.club__top__headline--blinker{font-size:2.2rem;margin-top:13rem;position:absolute;margin-left:5rem;width:100%;color:#ff0;font-family:Edu TAS Beginner,cursive;-webkit-animation-name:blink;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:2s}@-webkit-keyframes blink{0%{color:#ff0}50%{color:#ff0}51%{color:red}to{color:red}}.club__top__image{display:flex;flex-direction:row;justify-content:flex-end}.club__top__image img{width:20em}@media (min-width: 801px){.club__top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.club__top__headline{display:flex;flex-direction:row}.club__top__headline h1{font-size:10em;margin:0;margin-left:1rem}.club__top__headline--blinker{margin-top:17rem;margin-left:13rem}.club__top__image img{width:45em}}@media (min-width: 801px){.club__vision{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:25rem}.club__vision__header h1{font-size:5em;margin:0}.club__vision__content{width:100%}.club__vision__content__text{text-align:center;font-size:3em}.club__vision__content__images{display:flex;flex-direction:row;justify-content:space-between;width:100%}.club__vision__content__images--croc1{transform:scaleX(-1);width:25em}.club__vision__content__images--croc2{width:25em}}@media (max-width: 800px){.club__vision{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:25rem}.club__vision__header h1{font-size:5em;margin:0}.club__vision__content{width:100%}.club__vision__content__text{text-align:center;font-size:3em}.club__vision__content__images{width:100%;display:flex;flex-direction:column;justify-content:space-between}.club__vision__content__images--croc1{transform:scaleX(-1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.mysteriet{background-color:#080808;color:#e2d8cc;min-height:100vh;font-family:Crimson Text,Georgia,serif;font-size:18px;line-height:1.7;overflow-x:hidden}.mysteriet__blood-top{width:100%;height:72px;background:#7a0000;clip-path:polygon(0 0,100% 0,100% 38%,96% 38%,94% 100%,92% 38%,88% 38%,85% 82%,82% 38%,78% 38%,76% 100%,74% 38%,70% 38%,67% 58%,64% 38%,60% 38%,57% 92%,54% 38%,50% 38%,47% 72%,44% 38%,40% 38%,37% 100%,34% 38%,30% 38%,27% 62%,24% 38%,20% 38%,17% 86%,14% 38%,10% 38%,7% 66%,4% 38%,0 38%)}.mysteriet__hero{padding:2.5rem 1.5rem 2rem;text-align:center;background:linear-gradient(to bottom,rgba(122,0,0,.18) 0%,transparent 100%);position:relative}.mysteriet__hero:after{content:"";display:block;height:1px;background:linear-gradient(to right,transparent,#a00000,transparent);margin-top:2rem}.mysteriet__eyebrow{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#8a7f75;margin-bottom:1rem}.mysteriet__title{font-family:Creepster,cursive;font-size:clamp(3.2rem,18vw,6rem);color:#c11;text-shadow:0 0 18px rgba(122,0,0,.9),0 0 40px rgba(122,0,0,.4),3px 3px 0 #000;line-height:1.05;letter-spacing:.04em;margin-bottom:1.25rem}.mysteriet__divider{width:60px;height:2px;background:#a00000;margin:0 auto 1.25rem;box-shadow:0 0 8px #7a000099}.mysteriet__tagline{font-style:italic;color:#8a7f75;font-size:1rem}.mysteriet__tabs{display:flex;border-bottom:1px solid rgba(160,0,0,.25);background:#0f0f0f;position:sticky;top:0;z-index:10}.mysteriet__tab{flex:1;padding:.9rem 0;background:none;border:none;color:#8a7f75;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.mysteriet__tab--active{color:#c11;border-bottom-color:#c11}.mysteriet__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem 0}.mysteriet__profile{background:#161616;border:1px solid rgba(160,0,0,.25);display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem 1rem;gap:.75rem}.mysteriet__profile-photo{width:100%;aspect-ratio:1;object-fit:cover;object-position:center top;display:block;border-bottom:2px solid rgba(160,0,0,.25)}.mysteriet__profile--dead .mysteriet__profile-photo{filter:grayscale(1) brightness(.6)}.mysteriet__profile-name{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#e2d8cc}.mysteriet__profile-status{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#3a9e5f}.mysteriet__profile-status--dead{color:#c11}.mysteriet__content{padding:2rem 1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.mysteriet__section{background:#161616;border:1px solid rgba(160,0,0,.25);border-left:3px solid #a00000;padding:1.25rem 1.25rem 1.25rem 1.5rem;position:relative}.mysteriet__section:before{content:"✦";position:absolute;top:-.65em;left:1rem;font-size:.75rem;color:#a00000;background:#161616;padding:0 .3em}.mysteriet__section h2{font-family:Cinzel,serif;font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c11;margin-bottom:.6rem}.mysteriet__section p{font-style:italic;color:#e2d8cc;font-size:1.15rem}.mysteriet__rolle-link{display:block;text-align:center;padding:1rem;border:1px solid rgba(160,0,0,.25);border-left:3px solid #a00000;background:#161616;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:#c11;text-decoration:none;transition:background .15s}.mysteriet__rolle-link:active{background:#7a000033}.mysteriet__footer{margin-top:2rem;text-align:center}.mysteriet__blood-bottom{width:100%;height:72px;background:#7a0000;clip-path:polygon(0 100%,100% 100%,100% 62%,96% 62%,94% 0%,92% 62%,88% 62%,85% 18%,82% 62%,78% 62%,76% 0%,74% 62%,70% 62%,67% 42%,64% 62%,60% 62%,57% 8%,54% 62%,50% 62%,47% 28%,44% 62%,40% 62%,37% 0%,34% 62%,30% 62%,27% 38%,24% 62%,20% 62%,17% 14%,14% 62%,10% 62%,7% 34%,4% 62%,0 62%);margin-bottom:1rem}.mysteriet__footer>p{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#8a7f75;padding:0 1rem 2rem}@media (min-width: 640px){.mysteriet__hero{padding:3rem 2rem 2.5rem}.mysteriet__content{padding:2.5rem 2rem 1.5rem;max-width:680px;margin:0 auto}}.admin-lock{min-height:100vh;background:#080808;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:2rem}.admin-lock__title{font-family:Cinzel,serif;font-size:1.4rem;letter-spacing:.25em;text-transform:uppercase;color:#8a7f75}.admin-lock__dots{display:flex;gap:1.5rem}.admin-lock__dot{width:16px;height:16px;border-radius:50%;border:2px solid #8a7f75;transition:background .12s,border-color .12s}.admin-lock__dot--filled{background:#e2d8cc;border-color:#e2d8cc}.admin-lock__dots--error .admin-lock__dot{background:#c11;border-color:#c11}.admin-lock__pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:280px}.admin-lock__key{aspect-ratio:1;background:#161616;border:1px solid rgba(160,0,0,.25);color:#e2d8cc;font-family:Cinzel,serif;font-size:1.4rem;cursor:pointer;border-radius:4px;transition:background .1s;display:flex;align-items:center;justify-content:center}.admin-lock__key:active{background:#7a0000}.admin-lock__key--empty{background:transparent;border-color:transparent;pointer-events:none}.admin-lock__key--back{font-size:1.1rem;background:#0f0f0f}.admin{min-height:100vh;background:#080808}.admin__tabs{display:flex;border-bottom:1px solid rgba(160,0,0,.25);background:#0f0f0f;position:sticky;top:0;z-index:10}.admin__tab{flex:1;padding:1rem 0;background:none;border:none;border-bottom:2px solid transparent;color:#8a7f75;font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s}.admin__tab--active{color:#c11;border-bottom-color:#c11}.admin__list{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.admin__row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#161616;border:1px solid rgba(160,0,0,.25);border-left:3px solid #3a9e5f;cursor:pointer;transition:opacity .15s;text-align:left}.admin__row:active{opacity:.6}.admin__row--dead,.admin__row--morder{border-left-color:#c11}.admin__row--info{cursor:default}.admin__row--info:active{opacity:1}.admin__row-right{display:flex;align-items:center;gap:.75rem}.admin__name{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:#e2d8cc}.admin__row--dead .admin__name{color:#8a7f75}.admin__status{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#3a9e5f}.admin__row--dead .admin__status,.admin__status--morder{color:#c11}.admin__pin{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em;color:#e2d8cc;background:#0f0f0f;padding:.2em .5em;border:1px solid rgba(160,0,0,.25)}.admin__toggle{background:#0f0f0f;border:1px solid rgba(160,0,0,.25);color:#8a7f75;font-size:.9rem;padding:.3em .5em;cursor:pointer}.admin__toggle:active{background:#7a0000;color:#e2d8cc}.admin__roller{padding-top:.75rem}.admin__error{font-family:Cinzel,serif;font-size:.75rem;color:#c11;padding:0 1.25rem .5rem;word-break:break-word}.admin__generate{display:block;width:calc(100% - 2.5rem);margin:0 1.25rem 1rem;padding:1rem;background:#7a0000;border:1px solid #cc1111;color:#e2d8cc;font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s}.admin__generate:hover{background:#c11}.admin__generate:disabled{opacity:.5;cursor:default}body{background-color:#080808}@keyframes reveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.rolle-lock{min-height:100vh;background:#080808;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.rolle-lock__title{font-family:Creepster,cursive;font-size:2.5rem;color:#c11;text-shadow:0 0 20px rgba(122,0,0,.7);letter-spacing:.05em}.rolle-lock__sub{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#8a7f75;text-align:center}.rolle-lock__dots{display:flex;gap:1.5rem;transition:transform .1s}.rolle-lock__dot{width:16px;height:16px;border-radius:50%;border:2px solid #8a7f75;transition:background .12s,border-color .12s}.rolle-lock__dot--filled{background:#e2d8cc;border-color:#e2d8cc}.rolle-lock__dots--error .rolle-lock__dot{background:#c11;border-color:#c11}.rolle-lock__dots--loading .rolle-lock__dot--filled{background:#8a7f75;border-color:#8a7f75}.rolle-lock__pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:280px}.rolle-lock__key{aspect-ratio:1;background:#161616;border:1px solid rgba(160,0,0,.25);color:#e2d8cc;font-family:Cinzel,serif;font-size:1.4rem;cursor:pointer;border-radius:4px;transition:background .1s;display:flex;align-items:center;justify-content:center}.rolle-lock__key:active{background:#7a0000}.rolle-lock__key--empty{background:transparent;border-color:transparent;pointer-events:none}.rolle-lock__key--back{font-size:1.1rem;background:#0f0f0f}.rolle-reveal{min-height:100vh;background:#080808;display:flex;align-items:center;justify-content:center;text-align:center;padding:2.5rem 2rem;animation:reveal .7s cubic-bezier(.16,1,.3,1)}.rolle-reveal--morder{background:radial-gradient(ellipse at center,#7a00004d,#080808 65%)}.rolle-reveal--uskyldig{background:radial-gradient(ellipse at center,#1e3c2866,#080808 65%)}.rolle-reveal__content{display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:340px}.rolle-reveal__greeting{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:#8a7f75}.rolle-reveal__label{font-family:Crimson Text,serif;font-style:italic;font-size:1.2rem;color:#8a7f75}.rolle-reveal__role{font-family:Creepster,cursive;font-size:clamp(3.5rem,20vw,6rem);line-height:1;letter-spacing:.05em}.rolle-reveal--morder .rolle-reveal__role{color:#c11;text-shadow:0 0 20px #7a0000,0 0 50px rgba(122,0,0,.5),3px 3px 0 #000}.rolle-reveal--uskyldig .rolle-reveal__role{color:#7ecfa0;text-shadow:0 0 20px rgba(60,160,80,.6),2px 2px 0 #000}.rolle-reveal__divider{width:50px;height:1px;background:currentColor;opacity:.3}.rolle-reveal__desc{font-family:Crimson Text,serif;font-size:1.1rem;line-height:1.7;font-style:italic;color:#8a7f75}