main{min-height:100vh;flex:1;font-family:XfinityBrown;font-weight:lighter;opacity:.1;animation:view-fade-in .4s ease-in-out forwards}@keyframes view-fade-in{0%{opacity:.1}to{opacity:1}}.fadeout{opacity:1;animation:view-fade-out .4s ease-in-out forwards}@keyframes view-fade-out{0%{opacity:1}to{opacity:.1}}.main-intro{background:var(--bg-gradient),url(/images/intro-bg.jpg);background-repeat:no-repeat;background-size:cover}.main-game{background:var(--bg-darken),url(/images/background.jpg);background-repeat:no-repeat;background-size:cover}.end-xr-logo,.intro-xr-logo{position:absolute;width:150px;top:35px;left:35px}.end-logo{width:215px;position:absolute;top:35px;right:35px}.logo-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:auto;align-self:flex-end!important}.logo-wrapper img{width:auto;height:100%}.logo-wrapper .xr-logo{height:20px}.logo-wrapper hr{height:60%;width:1.25px;background-color:#fff;margin:0 1rem;opacity:.6}.introview{width:100%;color:var(--xf-white);overflow-y:scroll;margin:0;padding:2rem 0}.introview,.introview .intro-wrapper{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.introview .intro-wrapper{width:80%;max-width:1250px}.introview .intro-wrapper img{width:50%;max-width:310px;margin-bottom:2rem}.introview .intro-wrapper div{margin-bottom:1rem}.introview .intro-wrapper h2{font-size:20px;margin-bottom:.75rem}.introview .intro-wrapper ol{list-style-type:decimal;padding-left:1.1rem;margin-bottom:1rem}.introview .intro-wrapper li,.introview .intro-wrapper p{font-size:15px;margin:0 auto .75rem}.introview .intro-wrapper li b,.introview .intro-wrapper p b{font-weight:700;color:var(--xf-yellow)}.introview .intro-wrapper .li{margin-bottom:.5rem}.introview .intro-wrapper button{background-image:url(/images/scroll.png);background-size:contain;background-repeat:no-repeat;background-position:50%;height:100px;width:150px;color:#000;font-weight:700;font-size:25px;padding-top:.5rem}@media(max-width:625px){.introview .intro-xr-logo{width:115px;top:20px;left:20px}}@media(max-width:560px){.introview .intro-wrapper li,.introview .intro-wrapper p{font-size:14px!important}}@media(max-width:475px){.introview{padding:3rem 0 2rem}}@media(min-height:800px)and (min-width:1300px){.introview .intro-wrapper h2{font-size:25px;margin-bottom:1rem}.introview .intro-wrapper li,.introview .intro-wrapper p{font-size:17px;margin-bottom:1rem}}@media(min-height:800px)and (min-width:1425px){.introview .intro-wrapper li,.introview .intro-wrapper p{font-size:20px;margin-bottom:1rem}}.endview{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.endview a{text-decoration:underline}.endview .end-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;max-width:1050px;gap:5%;padding:0 5%}.endview .end-wrapper .img-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;transform:translateY(50px)}.endview .end-wrapper .img-wrapper div{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center}.endview .end-wrapper .img-wrapper .icon-bg{width:200px;height:200px;grid-row:1;grid-column:1}.endview .end-wrapper .img-wrapper img{height:auto;width:100px;grid-row:1;grid-column:1;z-index:1}.endview .end-wrapper .img-wrapper .wolf-icon{transform:translateY(-50px)}.endview .end-wrapper .img-wrapper .wolf-icon .icon-bg{background-image:url(/images/xr-blue.png);background-size:contain;background-repeat:no-repeat}.endview .end-wrapper .img-wrapper .wolf-icon img{transform:translateY(-5%)}.endview .end-wrapper .img-wrapper .puss-icon{width:-moz-max-content;width:max-content}.endview .end-wrapper .img-wrapper .puss-icon .icon-bg{width:400px;height:400px;background-image:url(/images/xr-orange.png);background-size:contain;background-repeat:no-repeat}.endview .end-wrapper .img-wrapper .puss-icon img{width:475px;transform:translate(2%,-12%)}.endview .end-wrapper .lose{flex-direction:column-reverse;align-items:flex-start}.endview .end-wrapper .lose .wolf-icon{margin-left:5rem}.endview .end-wrapper .lose .wolf-icon .icon-bg{width:400px;height:400px;background-image:url(/images/xr-blue.png);background-size:contain;background-repeat:no-repeat}.endview .end-wrapper .lose .wolf-icon img{width:260px;transform:translate(-2%,-5%)}.endview .end-wrapper .lose .puss-icon{transform:translateY(-100px)}.endview .end-wrapper .lose .puss-icon .icon-bg{width:200px;height:200px}.endview .end-wrapper .lose .puss-icon img{width:250px;transform:translateY(-12%)}.endview .end-wrapper .text-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.endview .end-wrapper .text-wrapper h1{font-size:40px;font-weight:700;margin-bottom:1rem}.endview .end-wrapper .text-wrapper p{font-size:16px;width:100%;margin-bottom:1rem}.endview .end-wrapper .text-wrapper button{background-image:url(/images/scroll.png);background-size:contain;background-repeat:no-repeat;background-position:50%;height:100px;width:150px;color:#000;font-weight:700;font-size:18px;padding:.5rem 0 0 .25rem}.end-lose h1{align-self:flex-start!important}@media(min-width:1050px){.end-wrapper{gap:40px!important;padding:0 40px!important}}@media(max-width:1000px){.endview .end-wrapper .lose .wolf-icon{align-self:flex-start}.endview .end-wrapper .lose .wolf-icon .icon-bg{width:300px;height:300px}.endview .end-wrapper .lose .wolf-icon img{width:200px}.endview .end-wrapper .lose .puss-icon{margin-top:-40px}.endview .end-wrapper .lose .puss-icon .icon-bg{width:125px;height:125px}.endview .end-wrapper .lose .puss-icon img{width:150px}.end-lose .end-wrapper{padding:0 3%}}@media(max-width:840px){.endview{overflow-y:scroll;overflow-x:hidden;height:800px}.endview .end-wrapper{flex-direction:column;gap:0;padding:0 20%!important;height:-moz-min-content;height:min-content}.endview .end-wrapper .img-wrapper .puss-icon img{width:400px}.endview .end-wrapper .img-wrapper .puss-icon .icon-bg{width:300px;height:300px}.endview .end-wrapper .img-wrapper .wolf-icon{align-self:flex-end;margin-top:-40px}.endview .end-wrapper .img-wrapper .wolf-icon img{width:85px}.endview .end-wrapper .img-wrapper .wolf-icon .icon-bg{width:125px;height:125px}.endview .end-wrapper .lose .wolf-icon{margin-left:0;align-self:flex-start}.endview .end-wrapper .lose .wolf-icon .icon-bg{width:300px;height:300px}.endview .end-wrapper .lose .wolf-icon img{width:200px}.endview .end-wrapper .lose .puss-icon{margin-top:-40px;align-self:flex-end}.endview .end-wrapper .lose .puss-icon .icon-bg{width:125px;height:125px}.endview .end-wrapper .lose .puss-icon img{width:150px}.end-lose{height:850px;margin:2rem 0;justify-content:flex-end}.end-lose .text-wrapper{align-items:center!important}.end-lose .text-wrapper h1{align-self:auto!important}.end-lose .text-wrapper p{max-width:365px}}@media(max-width:775px){.end-logo{top:15px;right:15px;width:190px}.end-xr-logo{top:15px;left:15px;width:110px}.img-wrapper{transform:translateY(0)!important}.text-wrapper{transform:translateY(-50px)}}@media(max-width:675px){.endview .end-wrapper{padding:0 15%!important}.endview .end-wrapper .img-wrapper{padding-top:2rem}.endview .end-wrapper .img-wrapper .puss-icon{transform:translateX(-30px)}.endview .end-wrapper .lose .puss-icon{transform:translateY(-50px)}}@media(max-width:575px){.endview .end-wrapper{padding:0 8%!important}}@media(max-width:515px){.end-logo{width:175px;top:15px;right:15px}}@media(max-width:475px){.endview{height:900px}.endview .end-wrapper .img-wrapper{padding-top:5rem}.endview .end-wrapper .wolf-icon{transform:translateY(0)!important}.endview .end-wrapper .lose .wolf-icon{transform:translateX(-20px)}.end-lose h1{font-size:35px!important}.end-lose p{max-width:320px!important}.text-wrapper{transform:translateY(0)!important}}@media(max-width:415px){.endview .end-wrapper{padding:0 5%!important}.endview .end-wrapper .lose .wolf-icon{transform:translateX(-30px)}.endview .end-wrapper .lose .puss-icon{transform:translateX(5px)}}.gameview{overflow-y:scroll;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.gameview,.overlay{width:100vw;height:100vh}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;opacity:1;transition:.5s ease;z-index:20;background-color:rgba(0,0,0,.4)}.overlay-off{position:absolute;opacity:0;z-index:0}.start-banner{position:absolute;top:0;bottom:0;margin:auto 0;background-color:transparent;width:100vw;overflow-x:hidden;height:100%;z-index:21;animation:banner-background 5s forwards}.start-banner,.start-banner div{display:flex;align-items:center;justify-content:center}.start-banner div{background:var(--transparent-purple);width:100%;height:15vh;text-transform:capitalize;font-size:25px;font-weight:700;animation:banner-enter 2.5s ease-in-out 2 alternate forwards}@keyframes banner-enter{0%{transform:scale(1);opacity:0}40%{transform:scale(1.1);opacity:1}to{transform:scale(1.1);opacity:1}}@keyframes banner-background{0%{transform:scale(1)}99%{transform:scale(1)}to{transform:scale(0)}}.playerup-banner{background:var(--transparent-purple);border-radius:0 0 20px 20px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:21;text-transform:capitalize;font-size:16px;font-weight:700;transform-origin:top center;transform:scale(.8) translateY(-100px);opacity:0;margin:0 3rem;min-width:156px;transition:all .5s ease-in-out}.playerup-banner h3{font-size:20px}.playerup-banner hr{background-color:#fff;height:.5px;width:100%;margin:.5rem 0}.playerup-banner p{padding-top:.25rem;font-weight:400}.turn-1-banner{animation:playerup-enter .4s ease-in-out 1 forwards}.puss-turn,.wolf-turn{animation:playerup-in-out .8s ease-in-out 1 forwards;animation-delay:-.5s}@keyframes playerup-enter{0%{transform:scale(.8) translateY(-100px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes playerup-in-out{0%{transform:scale(1) translateY(0);opacity:1}40%{transform:scale(.8) translateY(-100px);opacity:0}50%{transform:scale(.8) translateY(-100px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.gameupper{align-items:flex-start;justify-content:center;margin-bottom:1%;height:158px}.gamelower,.gameupper{width:90%;display:flex;flex-direction:row;max-width:1370px}.gamelower{margin-top:-4%;align-items:center;justify-content:space-between;margin-bottom:2.5%}.active{z-index:5}div:has(.active){z-index:5}.active#space1 .pusspiece{transform:translateY(-2.5vw)}.active#space1 .wolfpiece{transform:translateY(2.5vw)}.pusspiece,.wolfpiece{display:flex;align-items:center;justify-content:center;width:4vw;height:auto;font-size:15px;z-index:4;max-width:65px;grid-row:1;grid-column:1}.pusspiece img,.wolfpiece img{filter:drop-shadow(5px 5px 5px #222)}.pusspiece{width:8vw;max-width:130px}.starpiece{position:sticky;display:flex;align-items:center;justify-content:center;transform:rotate(90deg) translate(-20%,18%);width:10vw;height:auto;z-index:1;max-width:150px}.starpiece span{height:70%!important;width:70%!important;overflow:hidden!important;top:10px!important;right:10px;left:auto!important;border-radius:50px 0 50px 0}@media(prefers-reduced-motion){.starpiece span{display:none!important}}.board{display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:1fr 1fr 1fr;max-width:1370px;z-index:0;margin-bottom:-4%}.board .spot{width:7vw;height:7vw;border:2.5px solid var(--tp-white);background:var(--tp-black);margin-left:-.1rem;margin-top:-.1rem;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-row:1;max-width:107px;max-height:107px}.board .spot:nth-of-type(10),.board .spot:nth-of-type(11),.board .spot:nth-of-type(12),.board .spot:nth-of-type(13),.board .spot:nth-of-type(17),.board .spot:nth-of-type(3),.board .spot:nth-of-type(4),.board .spot:nth-of-type(5){grid-row:2}.board .spot:nth-of-type(14),.board .spot:nth-of-type(15),.board .spot:nth-of-type(16){grid-row:3}.board #space1{grid-column:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-content:center;justify-items:center}.board #space1 .start-space{background:radial-gradient(circle,#6138f5 0,rgba(36,14,116,.565) 100%);font-weight:700;width:inherit;height:inherit;display:flex;align-items:center;justify-content:center;z-index:1;border:2.5px solid var(--tp-white);max-width:107px;max-height:107px;font-size:1.5vw}.board #space1 .start-sparkles{opacity:.6;max-width:107px;max-height:107px;width:7vw;height:7vw}.board #space1 .start-space,.board #space1 .start-sparkles{grid-row:1;grid-column:1}.board #space2,.board #space3{grid-column:2}.board #space4{grid-column:3}.board #space5,.board #space6{grid-column:4}.board #space7{grid-column:5}.board #space8{grid-column:6}.board #space10,.board #space9{grid-column:7}.board #space11{grid-column:8}.board #space12{grid-column:9}.board #space13,.board #space14{grid-column:10}.board #space15{grid-column:11}.board #space16,.board #space17,.board #space18{grid-column:12}.board #space19{grid-column:13;display:grid;grid-template-columns:1;grid-template-rows:1;align-content:center;justify-items:center}.board #space19 div{grid-row:1;grid-column:1}.puss,.wolf{display:flex;flex-direction:row;align-items:flex-start;margin-top:1%;width:100%}.puss{justify-content:flex-end}.puss .speech-bubble{transform-origin:center right;margin-right:1.5rem}.puss .speech-bubble .sb{border-radius:40px 0 40px 40px}.wolf{justify-content:flex-start}.wolf .speech-bubble{transform-origin:center left;margin-left:1.7rem}.wolf .speech-bubble .sb{border-radius:0 40px 40px 40px}.pussicon,.wolficon{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;opacity:.6;transition:all .6s ease}.wolficon{z-index:50}.pussicon{width:-moz-max-content;width:max-content}.puss-icon-bg,.wolf-icon-bg,img{grid-column:1;grid-row:1}.puss-icon-bg,.wolf-icon-bg{width:125px;height:125px}.puss-icon-bg{background-image:url(/images/xr-orange.png)}.puss-icon-bg,.wolf-icon-bg{background-size:contain;background-repeat:no-repeat}.wolf-icon-bg{background-image:url(/images/xr-blue.png)}.pussicon img{width:150px;transform:translateY(-15%)}.pussicon img,.wolficon img{height:auto;z-index:1;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.wolficon img{width:75px;transform:translate(1%,-8%)}.playerup{opacity:1!important}.playerup .puss-icon-bg{filter:drop-shadow(0 0 25px var(--xf-orange))}.playerup .wolf-icon-bg{filter:drop-shadow(0 0 20px var(--xf-blue));animation:wolf-up-pulse 1.5s infinite}@keyframes wolf-up-pulse{0%{transform:scale(.99);filter:drop-shadow(0 0 40px var(--xf-blue))}70%{transform:scale(1.01);filter:drop-shadow(0 0 0 var(--xf-blue))}to{transform:scale(.99);filter:drop-shadow(0 0 30px var(--xf-blue))}}.speech-bubble{transform:scale(0);margin-top:3rem;width:20vw;max-width:250px;transition:all .5s ease-in-out}.speech-bubble .sb{width:100%;height:auto;background-color:#fff;color:#000;position:relative;padding:1.5rem 1.75rem;display:flex;align-items:center;justify-content:flex-start}.speaking{animation:speak 8s ease-in 1 forwards}@keyframes speak{0%{transform:scale(0)}5%{transform:scale(1.1)}8%{transform:scale(1)}97%{transform:scale(1)}to{transform:scale(0)}}.turn1 .card{animation-delay:4s!important}.cards{display:flex;flex-wrap:nowrap;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;color:#000;z-index:15}.cards .back,.cards .card,.cards .front,.cards .stackback{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);border:var(--card-border);grid-row:1;grid-column:1;max-width:275px;max-height:375px}.cards .card{z-index:6;box-shadow:0 0 0 0 #fff;transform:scale(1);animation:pulse 2s infinite;display:none}.cards .cardup{display:flex}.cards .back{background-color:var(--xf-purple);background-image:url(/images/xr-hearts.png);background-repeat:no-repeat;background-size:contain;background-position:50% 65%;display:flex;z-index:5;justify-content:center}.cards .back p{color:#fff;font-size:20px;font-weight:700;margin-top:1rem;text-transform:capitalize}.cards .cardup:hover{background-color:rgba(27,2,60,.141)}.cards .front{background-color:#fff;justify-self:flex-end;font-size:14px}.cards .front h1{font-size:25px;font-weight:700;margin-bottom:1rem}.cards .front img{width:50px}.cards .front .swords{width:25px;position:absolute;top:20px;right:20px}.cards .stackback{background-color:var(--xf-purple);background-image:url(/images/xr-hearts.png);background-repeat:no-repeat;background-size:contain;background-position:50% 65%;grid-column:1}.cards .stackback *{display:none}.cards .card-drawn{grid-column:2;justify-self:flex-start;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem;line-height:18px;opacity:.5;animation:draw-card .3s ease-in-out forwards}.cards .card-drawn p{text-align:center;margin-bottom:.25rem}.cards .card-drawn .bold-p{font-weight:700;margin-bottom:.5rem;color:var(--xf-purple)}.cards .card-drawn strong{font-weight:700}@keyframes draw-card{0%{transform:translateX(-200px) rotateY(-90deg);opacity:.5}to{transform:translateX(40px) rotateY(0deg);opacity:1}}.cards #move.card-drawn{opacity:1;animation:draw-card,card-fade;animation-duration:.3s,.3s;animation-fill-mode:forwards,forwards;animation-timing-function:ease-in-out,ease-in-out;animation-delay:0s,11.6s}.cards .trivia-card{transform:translateX(40px) rotateY(0deg)!important;opacity:1;animation:card-fade .3s ease-in-out forwards;animation-delay:6.6s}@keyframes card-fade{0%{opacity:1}to{opacity:0}}.cards #trivia{width:var(--card-wide);transform:translateX(-10%);max-width:unset}.cards #trivia,.cards #trivia .card-inner{display:flex;align-items:center;justify-content:center;flex-direction:column}.cards #trivia .card-inner{width:100%;height:100%}.cards #trivia .card-inner p{margin:0}.cards #trivia .card-inner ol{list-style-type:upper-alpha!important;display:flex;flex-direction:column;padding-left:2rem;align-self:flex-start;transition:all 1s ease-in!important}.cards #trivia .card-inner ol li{margin:.2rem 0;transform:translateX(0)}.cards #trivia .card-inner ol button:hover{opacity:.5}.cards #trivia .card-inner ol button:active{opacity:1}.cards #trivia .card-inner ol button{text-align:left;transition:all .2s ease-in}.cards #trivia .card-inner .trivia-answers{font-weight:400!important;transition:all .5s ease-in-out}.cards #trivia .card-inner .trivia-clicked .clicked{font-weight:700}.cards #trivia .card-inner .trivia-clicked .right{font-weight:700;color:var(--xf-purple)}.cards #trivia .card-inner .trivia-clicked button:hover{opacity:1}.cards #trivia .card-inner:first-of-type p{padding:0 2rem 0 1.5rem}.cards .after-trivia{margin-top:.5rem!important;font-weight:700;color:var(--xf-purple);transition:all .5s ease-in!important;opacity:0;height:0}.cards .show{opacity:1;height:auto}.cards .stack{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column:1;grid-row:1}.cards .stack .stackcard{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);grid-column:1;grid-row:1;background-color:var(--xf-purple);border:2px solid #fff;max-width:275px;max-height:375px}.cards .stack #c-1{transform:rotate(-1deg) translate(-3px,-2px);z-index:4}.cards .stack #c-2{transform:rotate(-3deg) translateX(-5px);z-index:3}.cards .stack #c-3{transform:rotate(2deg) translate(-2px,-3px);z-index:2}.cards .stack #c-4{transform:rotate(2deg) translateY(4px);z-index:1}@keyframes pulse{0%{transform:scale(.99);box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{transform:scale(1.01);box-shadow:0 0 0 20px hsla(0,0%,100%,0)}to{transform:scale(.99);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}@media(min-width:1050px)and (max-height:875px){.gamelower{margin-top:-3%;margin-bottom:1.5%}.board{margin-top:-1rem;margin-bottom:-3%}.puss,.wolf{margin-top:0}}@media(min-width:1050px)and (max-height:740px){.gamelower{margin-bottom:1%}}@media(min-width:1050px)and (max-height:730px){.gamelower{margin-top:-3%;margin-bottom:1.5%}.board{max-width:1150px;margin-top:-1rem;margin-bottom:-3%}.board .spot,.board .start-space,.board .start-sparkles{max-width:90px!important;max-height:90px!important}.gameview{max-width:1650px}.gamelower,.gameupper{max-width:1150px}}@media(min-width:1050px)and (max-height:675px){.gamelower{margin-bottom:1%}.board{margin-top:-1rem}.gameupper{margin-bottom:.5rem}}@media(min-width:1525px){.start-space{font-size:22px!important}.active#space1 .pusspiece{transform:translateY(-40px)}.active#space1 .wolfpiece{transform:translateY(40px)}}@media(max-width:1230px){.gameupper{height:168px}}@media(max-width:1075px){.logo-wrapper{height:auto;flex-direction:column;margin-bottom:1rem}.logo-wrapper img{height:40px}.logo-wrapper hr{height:1px;min-height:1px;width:60%;margin:1rem 0}}@media(max-width:1050px){.board{margin-top:-2.5%}.gamelower{margin-bottom:1.5%}.gameupper{height:160px}.speech-bubble{width:18vw;margin-top:2rem}.speech-bubble .sb p{font-size:12px}.wolf .speech-bubble{margin-left:1rem}.puss .speech-bubble{margin-right:1rem}.playerup-banner{margin:0 2rem}}@media(max-width:990px){.cardup-drawn{padding:.5rem}.back,.card,.front,.stack,.stackback,.stackcard{width:210px!important;height:300px!important}#trivia{width:400px!important}#move.card-drawn{padding:.75rem}}@media(max-width:950px){.board{margin-top:-7%}}@media(max-width:880px){.speech-bubble{display:none}.puss,.wolf{width:120px;justify-content:center}.puss-icon-bg,.wolf-icon-bg{width:100px;height:100px}.pussicon img{width:120px;transform:translateY(-15%)}.pussicon img,.wolficon img{height:auto;z-index:1;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.wolficon img{width:60px;transform:translate(1%,-8%)}.logo-wrapper{position:absolute;width:90%;flex-direction:row;justify-content:space-between;top:15px}.logo-wrapper .xr-logo{height:16px}.logo-wrapper hr{display:none}}@media(max-width:775px){.board{grid-template-columns:1fr 1fr 1fr!important;grid-template-rows:repeat(13,1fr)!important;margin:0 0 0 5rem}.board .spot{width:7vh;height:7vh;grid-column:1!important}.board .spot:nth-of-type(10),.board .spot:nth-of-type(11),.board .spot:nth-of-type(12),.board .spot:nth-of-type(13),.board .spot:nth-of-type(17),.board .spot:nth-of-type(3),.board .spot:nth-of-type(4),.board .spot:nth-of-type(5){grid-column:2!important}.board .spot:nth-of-type(14),.board .spot:nth-of-type(15),.board .spot:nth-of-type(16){grid-column:3!important}.board #space1{grid-row:1}.board #space2,.board #space3{grid-row:2}.board #space4{grid-row:3}.board #space5,.board #space6{grid-row:4}.board #space7{grid-row:5}.board #space8{grid-row:6}.board #space10,.board #space9{grid-row:7}.board #space11{grid-row:8}.board #space12{grid-row:9}.board #space13,.board #space14{grid-row:10}.board #space15{grid-row:11}.board #space16,.board #space17,.board #space18{grid-row:12}.board #space19{grid-row:13}.board .start-space{font-size:12px!important}.board .pusspiece,.board .wolfpiece{width:4vh}.board .active#space1 .pusspiece{transform:translateY(-2.5vh)!important}.board .active#space1 .wolfpiece{transform:translateY(2.5vh)!important}.board .pusspiece{width:8vh}.board .starpiece{width:10vh}.cards{justify-self:center!important}.logo-wrapper{right:15px;flex-direction:column;width:auto}.logo-wrapper hr{display:block}.gameupper{position:absolute;width:100%;height:auto;top:0;left:0;right:0;flex-direction:column;align-items:flex-end;margin-top:0 auto}.gameupper .puss{margin-top:125px}.gameupper .puss,.gameupper .wolf{margin-right:1.5rem}.gamelower{position:absolute;height:100vh;width:100vw;justify-content:flex-start;align-items:flex-end;margin:0;top:0;bottom:0}.gamelower .cards{margin:0 0 1rem 1rem}.playerup-banner{position:absolute;top:0;left:0;width:-moz-min-content;width:min-content}.gameview{justify-content:center}}@media(max-width:700px){.card-drawn{position:absolute;z-index:55;bottom:10px;left:0;right:0;margin:0 auto!important}#trivia,.cardup{transform:unset!important}@keyframes draw-card{0%{transform:translateX(-200px) rotateY(-90deg);opacity:.5}to{transform:translateX(0) rotateY(0deg);opacity:1}}}@media(max-width:575px){.cards .back,.cards .card,.cards .stack,.cards .stackback,.cards .stackcard{width:150px!important;height:200px!important}.cards .back p{font-size:16px;margin-top:.75rem}.playerup-banner{margin:0 .75rem;padding:1rem .75rem}.playerup-banner h3{font-size:18px}.playerup-banner p{font-size:14px}.puss,.wolf{margin-right:.75rem!important}.logo-wrapper{right:.75rem;top:.75rem!important}.logo-wrapper .logo{height:30px}.logo-wrapper hr{margin:.5rem 0}.gameupper .puss{margin-top:100px}}@media(max-width:400px){#trivia{width:375px!important}.puss,.wolf{width:105px;margin-right:.25rem!important}.puss-icon-bg,.wolf-icon-bg{width:85px;height:85px}.pussicon img{width:105px}.wolficon img{width:50px}.board{margin-left:6.5rem}.playerup-banner{margin-left:.25rem}.cards{margin:0 0 .75rem .75rem!important}}
/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrown-Bold.woff);font-weight:700}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrown-Light.woff);font-weight:lighter}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background-color:#000}main{display:flex;flex-direction:column;align-items:center;justify-content:center}a{color:inherit;text-decoration:none}a:hover{opacity:.8}*{box-sizing:border-box}button:hover{opacity:.9}:root{--xf-purple:#6138f5;--transparent-purple:#6138f5d4;--xf-blue:#1f69ff;--xf-green:#008558;--xf-yellow:#fa0;--xf-orange:#e64f00;--xf-red:#e6004d;--xf-white:#fff;--xf-light-gray:#ececf3;--xf-mid-gray:#8b8b97;--xf-black:#0d0d0f;--tp-white:hsla(0,0%,100%,.8);--tp-black:rgba(0,0,0,.4);--card-width:225px;--card-wide:400px;--card-height:300px;--card-radius:10px;--card-border:3px solid var(--tp-white);--bg-gradient:radial-gradient(circle,transparent 0%,rgba(0,0,0,.5) 68%,rgba(0,0,0,.5) 100%);--bg-darken:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.5))}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}