#navbar{background:var(--gray-400);color:#fff;-webkit-user-select:none;user-select:none;z-index:2400;width:100%;height:100%;position:sticky;top:0}#navbar-back{cursor:pointer;justify-content:center;align-items:center;height:100%;transition:transform .2s;display:flex;position:absolute;left:7px}#navbar-back:hover{transform:scale(1.2)}#navbar-back ion-icon{grid-column:1;font-size:20pt}#navbar-title{justify-content:center;align-items:center;width:80%;height:100%;font-weight:500;display:flex;position:absolute;left:10%}#navbar-info{align-items:center;height:100%;font-size:.8em;transition:transform .2s ease-out;display:flex;position:absolute;right:10px}.navbar-info-enter-from,.navbar-info-leave-to{transform:translate(200%)}.statusBarButton[data-v-f66fb7fe]{border:var(--ui-border-width) solid var(--gray-200);width:36px;height:36px;color:var(--gray-300);border-radius:20px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.statusBarButton.active[data-v-f66fb7fe]{border:var(--ui-border-width) solid var(--gray-200);background-color:var(--gray-100)}.statusBarButton.notification[data-v-f66fb7fe]:after{content:"";background:var(--accent-300);border:2px solid #fff;border-radius:100%;width:5px;height:5px;animation:8s infinite pulse-f66fb7fe;position:absolute;top:6px;right:6px}@keyframes pulse-f66fb7fe{0%{transform:scale(.9)}10%{transform:scale(1.1)}20%{transform:scale(.9)}30%{transform:scale(1.1)}40%{transform:scale(.9)}50%{transform:scale(1.1)}60%{transform:scale(.9)}70%{transform:scale(1.1)}80%{transform:scale(.9)}90%{transform:scale(1.7)}to{transform:scale(.9)}}#statusMenuContent-info{flex-direction:column;justify-content:center;align-items:center;display:flex}#statusMenuContent-history{flex-direction:column;justify-content:flex-start;align-items:center;height:55vh;display:flex;overflow-y:auto}.initial{text-align:center;justify-content:center;align-items:center;width:70%;height:80%;font-size:1.1rem;display:flex}.round-list{flex-direction:column-reverse;justify-content:flex-start;align-items:center;display:flex}.round{margin-top:10px;margin-bottom:5px}.round .round-number{background:var(--primary-200);text-align:center;height:18px;color:var(--primary-500);border-radius:9px;justify-content:center;align-items:center;margin-bottom:5px;display:flex}.round .question{margin:0 0 5px;font-weight:600}ol.answers{scroll-snap-type:x proximity;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:5px;width:278px;margin:8px 0;padding:0 0 6px;list-style:none;display:flex;overflow-x:auto}.miniCard{border:var(--ui-border-width) solid var(--gray-200);min-width:75px;max-width:75px;height:105px;color:var(--gray-500);scroll-snap-align:start;border-radius:10px;margin-right:20px;padding:7.5px;font-family:aktiv-grotesk,Helvetica,sans-serif;font-size:.9em;position:relative;box-shadow:0 2px 4px #b1b1b140}.miniCard:after{content:var(--playedBy);writing-mode:vertical-rl;text-orientation:mixed;color:var(--gray-300);position:absolute;top:5px;right:-20px}.miniCard.winningAnswer{border-color:var(--primary-200)}.chatInput[data-v-c39e068b]{--button-size:25px;--border-radius:10px;border:solid var(--gray-200) var(--ui-border-width);border-radius:var(--border-radius);z-index:100;flex-direction:column-reverse;min-height:20px;max-height:80px;display:flex;overflow-y:hidden}.chatInput-content[data-v-c39e068b]{grid-template-columns:1fr calc(var(--button-size) + 10px);align-items:end;display:grid}.chatInput-content textarea[data-v-c39e068b]{box-sizing:border-box;border-radius:var(--border-radius) 0 0 var(--border-radius);text-align:left;font-size:var(--font-size);color:#555;background:0 0;border:0;margin:1px 0;padding:8px;font-weight:400}.chatInput-content textarea[data-v-c39e068b]:active,.chatInput-content textarea[data-v-c39e068b]:focus{outline:none}.chatInput-content button[data-v-c39e068b]{width:var(--button-size);height:var(--button-size);color:var(--color);border-color:var(--color);border-radius:100%;justify-content:center;align-items:center;margin:5px;padding:0;display:flex}.chatInput-content button[data-v-c39e068b]:hover{background-color:var(--color);border-color:var(--color);color:var(--color-2)}.chatInput-content button ion-icon[data-v-c39e068b],.chatMessage{font-size:var(--font-size)}.chatMessage .sender{margin-right:10px}.chatMessage .message{font-weight:400}.chatMessage.system .message{text-align:center;justify-content:center;align-items:center;padding:5px 0;font-weight:700;display:flex}#statusMenuContent-chat{--font-size:.9rem;grid-template-rows:1fr auto;gap:5px;height:50vh;display:grid}#chatMessages{flex-direction:column-reverse;gap:5px;width:100%;margin-bottom:10px;display:flex;overflow-y:scroll}#statusMenuContent-settings{flex-direction:column;justify-content:center;align-items:center;display:flex}#statusMenuContent-settings table tr td:nth-of-type(2){text-align:center;width:60px}#statusMenuContent-settings input[type=number]{-moz-appearance:textfield;border-radius:0;width:100%;height:auto;margin:0;padding:7px}#statusMenuContent-settings input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#statusMenuContent-settings input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#statusMenuContent-settings input[type=checkbox]{box-sizing:content-box;height:20px;margin:7px 0}.leaderboardEntry{-webkit-user-select:none;user-select:none;border:1px solid #e0e0e0;border-radius:7px;grid-template-columns:40px 1fr auto;gap:2px;padding:5px;font-size:1.1rem;display:grid}.leaderboardEntry-rank{color:#fff;text-shadow:1px 1px 0 var(--gray-400), -1px -1px 0 var(--gray-400), -1px 1px 0 var(--gray-400), 1px -1px 0 var(--gray-400);grid-area:1/1/span 2;justify-content:center;align-items:center;font-size:2em;font-weight:700;display:flex}.leaderboardEntry-username{text-align:left;grid-area:1/2;font-weight:700}.leaderboardEntry-status{text-align:left;color:var(--gray-300);grid-area:2/2;font-size:.7em;font-style:italic}.leaderboardEntry-points{grid-area:1/3/span 2;justify-content:center;align-items:center;padding:0 5px;display:flex}#statusMenuContent-leaderboard[data-v-b602cede]{text-align:center}#leaderboardEntries[data-v-b602cede]{gap:5px;display:grid}#statusMenuWrapper{z-index:2400;position:relative}#statusMenu{border:1px solid var(--gray-200);-o-transition:all .3s ease;background:#fff;border-radius:25px;grid-template-rows:50px auto;width:300px;transition:all .3s;display:grid;position:fixed;bottom:10px;left:calc(50% - 150px);overflow:hidden;box-shadow:0 0 10px #82828278}#statusMenu.hidden{bottom:-100px}#statusBar{flex-direction:row;grid-row:1;justify-content:space-evenly;align-items:center;width:100%;display:flex}#statusMenuContent-container{--gutter:10px;grid-row:2;grid-template-columns:var(--gutter) 1fr var(--gutter);-o-transition:padding-bottom .3s ease;max-height:65vh;transition:padding-bottom .3s;display:grid}#statusMenu.open #statusMenuContent-container{padding-bottom:var(--gutter)}.statusMenuContent{grid-column:2;font-size:1rem;font-weight:500}.statusMenuContent h1{font-size:1.2rem}.statusMenuContent table{width:100%}.statusMenuContent>table>tr>td:first-of-type{text-align:left}.statusMenuContent>table>tr>td:last-of-type{text-align:right}.slide-enter-active,.slide-leave-active{-o-transition:all .5s ease;transition:all .5s}.slide-enter-from,.slide-leave-to{opacity:0;max-height:0;transform:translateY(200px)}.slide-enter-to,.slide-leave-from{opacity:1;max-height:65vh}.fade-enter-active,.fade-leave-active{-o-transition:opacity .5s ease;transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.backgroundEffect{background:#4f4f4f64;width:100%;height:100%;position:fixed;top:0;left:0}.alert:before{content:"";background:#828282;border-radius:3px;width:6px;height:6px;position:absolute;top:-11px;left:calc(50% - 3px)}ion-icon{--ionicon-stroke-width:42px;font-size:20px}#errorToast[data-v-68cd2c64]{--height:80px;--width:85vmin;bottom:10px;left:calc(50% - calc(var(--width) / 2));width:var(--width);box-sizing:border-box;background-color:var(--error-100);border:var(--ui-border-width) solid var(--error-200);color:var(--error-500);cursor:pointer;z-index:2900;border-radius:7px;flex-direction:column;gap:5px;padding:10px;transition:transform .3s,opacity .3s;display:flex;position:fixed}#errorToast .title[data-v-68cd2c64]{font-weight:700}#errorToast p[data-v-68cd2c64]{padding:0}#errorToast .close[data-v-68cd2c64]{justify-content:center;align-items:center;width:10px;height:10px;font-size:1.2rem;display:flex;position:absolute;top:10px;right:10px}.toast-enter-to[data-v-68cd2c64],.toast-leave-from[data-v-68cd2c64]{transform:scale(1.05)translateY(-5px)}.toast-enter-from[data-v-68cd2c64]{transform:scale(.9) translateY(calc(var(--height) * 1.1));opacity:0}.toast-leave-to[data-v-68cd2c64]{transform:scale(.9) skewY(10deg) translateY(calc(var(--height) * 1.1));opacity:0}#interstitial{--duration:4s;text-align:center;cursor:default;-webkit-user-select:none;user-select:none;will-change:transform;width:100vw;height:100vh;transition:transform var(--duration) cubic-bezier(.15,.85,.85,.15);z-index:2800;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;left:150vw}#interstitial:after{--width:70%;--offset:20px;content:"";top:-50%;left:calc((100% - var(--width)) / 2 + var(--offset));width:var(--width);will-change:transform;opacity:.7;height:200%;transition:transform var(--duration) linear;background-color:var(--gray-400);z-index:-1;position:absolute}#interstitial:before{--width:80%;--offset:-10px;content:"";top:-50%;left:calc((100% - var(--width)) / 2 + var(--offset));width:var(--width);will-change:transform;opacity:.7;height:200%;transition:transform var(--duration) linear;background-color:var(--gray-400);z-index:-2;position:absolute}#interstitial h1,#interstitial h2{color:var(--primary-100)}#interstitial h2{max-width:60vw;font-weight:500}.interstitial-enter-from{transform:translate(-300vw)}.interstitial-enter-active{display:flex!important}#interstitial.interstitial-enter-from:after{transform:rotate(10deg)translate(-20vw)}#interstitial.interstitial-enter-to:after{transform:rotate(10deg)translate(20vw)}#interstitial.interstitial-enter-from:before{transform:rotate(20deg)}#interstitial.interstitial-enter-to:before{transform:rotate(-5deg)}#app{grid-template-rows:[row-nav] var(--navbar-height) [row-content] 1fr;width:100%;height:100%;display:grid}#row-content{grid-row:row-content;position:relative}#row-status{grid-row:row-status}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active,.default-enter-active,.default-leave-active{transition:opacity .3s,transform .3s}.slide-left-enter-from{opacity:0;transform:translate(100vw)}.slide-left-leave-to,.slide-right-enter-from{opacity:0;transform:translate(-100vw)}.slide-right-leave-to{opacity:0;transform:translate(100vw)}.default-enter-from,.default-leave-to{opacity:0}button.loading{--spinner-size:12px;font-style:italic;position:relative;overflow:visible}button.loading:before{content:"";background-color:inherit;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}button.loading:after{content:"";top:calc(50% - ( var(--spinner-size) / 2 ));left:calc(50% - ( var(--spinner-size) / 2 ));width:var(--spinner-size);height:var(--spinner-size);--duration:1s;animation:spin var(--duration) linear infinite;border:2px solid #fff;border-bottom-color:#0000;border-radius:50%;transition:all .2s ease-in-out;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@keyframes duration-change{0%{--duration:1s}to{--duration:5s}}.loading-icon{text-align:center;gap:5px;display:flex}.loading-icon>div{background-color:#fff;border-radius:100%;width:12px;height:12px;animation:1.4s ease-in-out infinite both sk-bouncedelay;display:inline-block}.loading-icon .bounce1{animation-delay:-.32s}.loading-icon .bounce2{animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}a.loading{--spinner-size:12px;border-color:#0000;font-style:italic;position:relative;overflow:visible}a.loading:before{content:"";background-color:#f6f6f8;width:110%;height:110%;position:absolute;top:-5%;left:-5%}a.loading:after{content:"";top:calc(50% - ( var(--spinner-size) / 2 ));left:calc(50% - ( var(--spinner-size) / 2 ));width:var(--spinner-size);height:var(--spinner-size);--duration:1s;animation:spin var(--duration) linear infinite;border:2px solid #828282;border-bottom-color:#0000;border-radius:50%;transition:all .2s ease-in-out;position:absolute}.carousel-slide[data-v-ca16ad94]{box-sizing:border-box;background-color:var(--color);scroll-snap-align:center;border-radius:15px;flex:0 0 min(600px,90vw);margin:0 10vw;padding:10px;transition:box-shadow .5s;box-shadow:0 0 15px -5px #b1b1b180,0 4px 4px #b1b1b140}.carousel-slide.active[data-v-ca16ad94]{box-shadow:0 0 0 5px var(--color)}.carousel-slide .img[data-v-ca16ad94]{background-color:#fff;background:var(--src) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:10px;width:100%;height:400px}.carousel-slide .title[data-v-ca16ad94]{color:#fff;margin:28px 15px 10px;font:36px Bungee}.carousel-slide .description[data-v-ca16ad94]{color:#fff;margin:0 15px 20px;font:16px Inter}@media screen and (max-width:800px){.carousel-slide[data-v-ca16ad94]{margin:0 0 50px}.carousel-slide .img[data-v-ca16ad94]{height:350px}}.carousel[data-v-0f14b17f]{margin:0 0 100px;position:relative}.carousel .btn-left[data-v-0f14b17f],.carousel .btn-right[data-v-0f14b17f]{cursor:pointer;z-index:50;background:#fff;border-radius:100%;justify-content:center;align-items:center;width:40px;height:40px;font:24px Inter;display:flex;position:absolute;top:calc(50% - 20px);box-shadow:0 0 15px -5px #b1b1b180,0 4px 4px #b1b1b140}.carousel .btn-left[data-v-0f14b17f]{left:calc(50% - min(600px,90vw)/2 - 90px)}.carousel .btn-right[data-v-0f14b17f]{right:calc(50% - min(600px,90vw)/2 - 90px)}.carousel .scroll-port[data-v-0f14b17f]{box-sizing:border-box;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;width:100vw;padding:30px 50vw;display:flex;overflow-x:scroll}.carousel .scroll-port[data-v-0f14b17f]::-webkit-scrollbar{display:none}@media screen and (max-width:800px){.carousel .carousel[data-v-0f14b17f]{margin:0}.carousel .carousel .btn-left[data-v-0f14b17f],.carousel .carousel .btn-right[data-v-0f14b17f]{display:none}.carousel .carousel .scroll-port[data-v-0f14b17f]{flex-direction:column;padding:30px 5vw}}#home{flex-direction:column;align-items:center;gap:15px;width:100%;height:100%;padding-top:100px;display:flex;position:absolute;top:0;left:0}#home #main-logo{filter:drop-shadow(0 2px #c89d30)drop-shadow(0 2px #b08c31);max-width:90%}@media screen and (max-width:550px){#home #main-logo{filter:drop-shadow(0 1px #c89d30)drop-shadow(0 1px #b08c31)}}#home h2.subtitle{color:#6e6e75;text-align:center;max-width:min(430px,95vw);margin-top:10px;font-size:24px}@media screen and (max-width:550px){#home h2.subtitle{font-size:20px}}#home .game-controls{background-color:#f6f6f8;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:min(450px,70vw);padding:24px 0;display:flex;box-shadow:0 4px 4px #dededeb3}#home .game-controls .join-group{flex-direction:row;align-items:center;gap:5px;display:flex}@media screen and (max-width:650px){#home .game-controls .join-group{flex-direction:column}}#home .game-controls .join-group input.room-input{width:200px;letter-spacing:20%;box-sizing:border-box;border:2px solid #e0e0e0;border-radius:15px;font-size:24px;font-weight:700}#home .game-controls .join-group input.room-input::placeholder{color:#e0e0e0}#home .game-controls button{border-radius:15px}#home .game-controls button.btn-joinroom{text-shadow:0 1px #c89d30,0 2px #b08c31;height:44px;padding:0 24px;font-family:Bungee;font-size:24px}#home .game-controls button.btn-joinroom:hover{text-shadow:0 1px #c89d30}#home .game-controls .links{flex-direction:row;justify-content:center;align-items:center;padding-top:16px;display:flex}#home .game-controls .links a{color:#828282;cursor:pointer;border-bottom:1px solid #828282;font-size:14px;font-style:normal;font-weight:700}#home #features{flex-direction:column;align-items:center;display:flex}#home #features h2.features-header{color:#6e6e75;margin-top:130px;font:48px Bungee}.commitHash{font-size:.7rem;position:fixed;bottom:5px;left:50%;transform:translate(-50%)}.commitHash:before{content:"version "}footer{box-sizing:border-box;background-color:var(--gray-500);color:#dedede;width:100%;padding:50px min(100px,10vw)}footer a{border-bottom:1px solid #aaa;font-style:normal;display:inline}footer a:hover{border-bottom-color:#dedede}footer .footer-logo{height:22px;margin-bottom:10px;display:block}footer .left,footer .right{vertical-align:top;flex-direction:column;width:50%;display:inline-flex}@media screen and (max-width:700px){footer .left,footer .right{width:100%}}footer .left{align-items:flex-start}footer .right{align-items:flex-end}@media screen and (max-width:700px){footer .right{align-items:flex-start;margin-top:10px}}#modalWrapper[data-v-bf97b6c2]{z-index:2500;-webkit-backdrop-filter:blur(1.4px);backdrop-filter:blur(1.4px);-o-transition:opacity .3s ease;background-color:#45474b64;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.slide-right-enter-active #modalWrapper[data-v-bf97b6c2],.slide-left-enter-active #modalWrapper[data-v-bf97b6c2]{margin-top:calc(var(--navbar-height) * -1)}#setUsernameModal[data-v-bf97b6c2]{z-index:2501;background:#fff;border:3px solid #e0e0e0;border-radius:15px;flex-direction:column;justify-content:space-evenly;align-items:center;width:300px;height:250px;transition:all .3s;display:flex}.modal-enter-from[data-v-bf97b6c2],.modal-leave-to[data-v-bf97b6c2]{opacity:0}.modal-enter-from #setUsernameModal[data-v-bf97b6c2],.modal-leave-to #setUsernameModal[data-v-bf97b6c2]{transform:scale(1.1)}#colorSelector[data-v-bf97b6c2]{--swatchSize:20px;width:calc((var(--swatchSize) + 5px) * 5);flex-flow:wrap;justify-content:center;align-items:center;gap:5px;display:flex}#colorSelector .swatch[data-v-bf97b6c2]{width:var(--swatchSize);height:var(--swatchSize);background-color:var(--color);border:solid 0px var(--color);cursor:pointer;border-radius:40%;justify-content:center;align-items:center;transition:border-radius .3s,transform .3s,background-color .3s,border-color .3s;display:flex}#colorSelector .swatch.taken[data-v-bf97b6c2]{opacity:.3;cursor:default;position:relative}#colorSelector .swatch.taken[data-v-bf97b6c2]:after{content:"";left:calc((var(--swatchSize) / 2 ) - 1px);width:2px;height:calc(var(--swatchSize) * 1.5);background-color:#fff;position:absolute;transform:rotate(45deg)}#colorSelector .swatch.selected[data-v-bf97b6c2]{background-color:#0000;border-width:6px;border-radius:100%;transform:scale(1.1)}.lobbyUser{background-origin:border-box;background-image:linear-gradient(to right, var(--color-from) 0%, var(--color-to) 100%);color:#fff;border:3px solid #0e0e0e22;border-radius:20px;justify-content:center;align-items:center;height:40px;margin-top:8px;padding:0 25px;font-weight:600;display:inline-flex}.lobbyUser.kickable:hover{cursor:pointer}#infoBar[data-v-29dde908]{background:var(--gray-300);color:#fff;border-radius:15px;height:30px;margin-bottom:10px;padding:0 35px;font-size:11pt;font-weight:500;line-height:32px;display:inline-block;box-shadow:0 2px 4px #00000040}#lobby{width:100%;height:100%;padding-top:var(--content-gutter-top);color:inherit;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0}#lobby h3{margin:0}#lobby ul{flex-direction:column;align-items:center;margin:0;display:flex}.questionCard[data-v-5f5aa2b2]{width:min(350px,95vw);min-height:210px;margin-top:var(--content-gutter-top);background-image:linear-gradient(135deg, var(--gradient-from) 0%, var(--gradient-to) 100%);color:#fff;text-align:left;z-index:1800;background-origin:border-box;border:4px solid #0e0e0e22;border-radius:15px;align-items:flex-end;margin-bottom:10px;padding:50px 15px 15px;font-family:aktiv-grotesk,Helvetica,sans-serif;font-size:20pt;font-weight:700;display:flex}.questionCard.sticky[data-v-5f5aa2b2]{top:calc(var(--navbar-height) + var(--content-gutter-top));position:sticky}.whiteCard-wrapper{border-radius:15px;min-width:120px;max-width:150px;height:195px;position:relative}.whiteCard-wrapper.trashable{background:#b1b1b140}.whiteCard{border:var(--ui-border-width) solid var(--gray-200);width:100%;height:100%;color:var(--gray-500);text-align:left;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:manual;hyphens:manual;scroll-behavior:smooth;cursor:pointer;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;z-index:1200;touch-action:pan-y;background:#fff;border-radius:15px;padding:0;font-family:aktiv-grotesk,Helvetica,sans-serif;font-size:clamp(1rem,5.2vw,1.25rem);font-weight:700;transition:transform .3s,opacity .2s;display:inline-block;position:relative;box-shadow:0 4px 4px #b1b1b140}.whiteCard:hover{transform:scale(1.03)}.whiteCard .card-text{backface-visibility:hidden;border-radius:15px;max-height:100%;padding:15px;overflow-y:scroll}.whiteCard.facedown{transform:rotateY(180deg)}.trashMode .whiteCard{z-index:1201;transform:matrix(1,.2,-.2,1,35,5)}.trashMode .btn-trash{transform:none}.btn-trash{--size:35px;width:var(--size);height:var(--size);border-color:var(--gray-300);color:var(--gray-300);background-color:#0000;border-radius:100%;margin:0;padding:0;transition:transform .2s,background-color .2s,border-color .2s,color .2s;position:absolute;top:5px;left:8px;transform:translate(20px)rotate(70deg)}.btn-trash:hover{background-color:var(--accent-300);border-color:var(--accent-300);color:#fff}.winner,.winner:hover{z-index:1250;transform:scale(1.1)}.whiteCard.blankfont{font-family:Nanum Pen Script,aktiv-grotesk,Helvetica,sans-serif;font-size:1.7em}.whiteCard.blank{cursor:text;letter-spacing:0;font-family:Nanum Pen Script,aktiv-grotesk,Helvetica,sans-serif;font-size:1.7em}.blank-input{box-sizing:border-box;width:100%;height:calc(100% - 4px);font:inherit;text-align:inherit;resize:none;border:none;border-radius:15px;padding:15px}.blank-input:focus{outline:none}.blank-input::placeholder{text-align:center;color:var(--gray-200);white-space:pre-wrap;font-family:aktiv-grotesk,Helvetica,sans-serif;font-size:clamp(1rem,5.2vw,1.25rem);position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.blank-input::-webkit-input-placeholder{text-align:center;color:var(--gray-200);white-space:pre-wrap;font-family:aktiv-grotesk,Helvetica,sans-serif;font-size:clamp(1rem,5.2vw,1.25rem);position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.blank-input::-moz-placeholder{text-align:center;color:var(--gray-200);white-space:pre-wrap;font-family:aktiv-grotesk,Helvetica,sans-serif;font-size:clamp(1rem,5.2vw,1.25rem);position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.whiteCard.blank .char-limit{color:var(--gray-200);font-size:1.2rem;position:absolute;bottom:5px;left:5px}.whiteCard.blank button.btn-save{--size:35px;width:var(--size);height:var(--size);border-color:var(--accent-300);color:var(--accent-300);border-radius:100%;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;bottom:5px;right:5px}.whiteCard.blank button.btn-save:hover{background-color:var(--accent-300);color:#fff;transition:transform .2s}.save-btn-enter-from,.save-btn-leave-to{transform:scale(0)}.save-btn-enter-to{transform:scale(1.1)}.ribbon{--overhang:calc(1em + var(--ui-border-width));--color:var(--primary-300);--color-2:var(--primary-400);color:#828282;top:60%;left:calc(var(--overhang) * -1);width:calc(100% + (var(--overhang) * 2));background-color:var(--color);text-align:center;height:2.2em;font-family:aktiv-grotesk,Helvetica,sans-serif;font-size:clamp(1rem,5.2vw,1.25rem);position:absolute}.ribbon:before,.ribbon:after{--length:1.5em;content:"";border:1em solid var(--color);z-index:-1;position:absolute;bottom:-1em}.ribbon:before{left:calc(var(--length) * -1);border-right-width:var(--length);border-left-color:#0000}.ribbon:after{right:calc(var(--length) * -1);border-left-width:var(--length);border-right-color:#0000}.ribbon-content{color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.ribbon-content small{font-size:.5em}.ribbon-content small:before,.ribbon-content small:after{content:" - "}.ribbon-content:before,.ribbon-content:after{content:"";border-color:var(--color-2) transparent transparent transparent;border-style:solid;position:absolute;bottom:-1em}.ribbon-content:before{border-width:1em 0 0 1em;left:0}.ribbon-content:after{border-width:1em 1em 0 0;right:0}#game{box-sizing:border-box;scroll-behavior:smooth;width:100%;color:inherit;flex-direction:column;align-items:center;padding:0 5vw;display:flex;position:absolute;top:0;left:0}#card-container{perspective:800px;z-index:1200;grid-template-columns:repeat(auto-fit,min(150px,48%));justify-content:center;gap:10px;width:100%;margin-bottom:70px;padding:10px;display:grid;overflow:hidden scroll}.cards-enter-active{transition:opacity calc(.3s + var(--delay))}.cards-enter-from,.cards-leave-to{opacity:0}.whiteCard.cards-move{transition:all}#gameover{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}#gameover h1{margin:50px 0 5px}#final-rounds{margin:0 0 10px;font-size:1.1rem;font-style:italic}#final-leaderboard{grid-template-rows:150px repeat(auto-fit,50px);grid-template-columns:1fr 1fr 1fr;grid-template-areas:"silver gold bronze""d d d";align-items:end;gap:10px;width:min(90vw,400px);margin-top:50px;padding:0;list-style:none;display:grid}.final-leaderboard_player{box-sizing:border-box;background-origin:border-box;border-radius:8px;grid-column:1/-1;justify-content:space-between;width:100%;height:50px;font-size:1.1rem;font-weight:600;display:flex}.final-leaderboard_player:nth-last-child(2n-1){background-color:var(--gray-100)}.final-leaderboard_player>div{margin:auto 0}.final-leaderboard_player>.rank,.final-leaderboard_player>.points{text-align:center}.final-leaderboard_player>.rank{opacity:.8;color:#fff;width:50px;text-shadow:1px 1px var(--gray-400), -1px -1px var(--gray-400), -1px 1px var(--gray-400), 1px -1px var(--gray-400);font-size:1.9rem;font-weight:800}.final-leaderboard_player>.rank>sup{font-size:.55em;top:-10px;left:1px}.final-leaderboard_player>.points{width:80px;font-size:.9em}.final-leaderboard_player:first-of-type,.final-leaderboard_player:nth-of-type(2),.final-leaderboard_player:nth-of-type(3){border:solid 3px var(--border-color);box-shadow:0 1px var(--border-color), 0 1.5px var(--border-color), 0 2px var(--border-color), 0 2.5px var(--border-color), 0 3px var(--border-color), 0 3.5px var(--border-color), 0 4px 10px var(--border-color);background-origin:border-box;flex-direction:column;align-items:center;position:relative}.final-leaderboard_player:first-of-type .username,.final-leaderboard_player:nth-of-type(2) .username,.final-leaderboard_player:nth-of-type(3) .username{position:absolute;top:-30px}.final-leaderboard_player:first-of-type .rank,.final-leaderboard_player:nth-of-type(2) .rank,.final-leaderboard_player:nth-of-type(3) .rank{opacity:1;text-shadow:0px 1px var(--shadow-color), 1px 2px var(--shadow-color), -1px 2px var(--shadow-color), 0 5px 10px var(--shadow-color);font-size:2em}.final-leaderboard_player:first-of-type .points,.final-leaderboard_player:nth-of-type(2) .points,.final-leaderboard_player:nth-of-type(3) .points{height:20px;color:var(--points-color);margin:0 0 5px}.final-leaderboard_player:first-of-type{--shadow-color:#b88714cc;--points-color:#8a650fcc;--border-color:#b8871433;background-color:#f7d84a;grid-area:gold;height:100%}.final-leaderboard_player:nth-of-type(2){--shadow-color:#a2a9b9cc;--points-color:#5a6172cc;--border-color:#6e789133;background-color:#c8cdda;grid-area:silver;height:75%}.final-leaderboard_player:nth-of-type(3){--shadow-color:#956837cc;--points-color:#704e29cc;--border-color:#704e2933;background-color:#cd9351;grid-area:bronze;height:60%}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--navbar-height:42px;--ui-border-width:2px;--ui-font-weight:500;--content-gutter-top:10px;--_gray-hue:215;--gray-500:#21252c;--gray-400:#3d4652;--gray-300:#878b92;--gray-200:#d3d8de;--gray-100:#f0f2f4;--_primary-hue:45;--primary:#ffcf99;--primary-500:#4d3900;--primary-400:#8f6b00;--primary-300:#fc3;--primary-200:#fbeab6;--primary-100:#fefbf0;--_accent-hue:calc(var(--_primary-hue) - 60);--accent-500:#470616;--accent-400:#840b29;--accent-300:#f0426e;--accent-200:#f7bac9;--accent-100:#fdf1f4;--error-500:#601;--error-400:#99001a;--error-300:#ec1337;--error-200:#f2a6b3;--error-100:#fff0f2;--white:#fff}html{height:100%;color:var(--gray-400);font:14px Inter,system-ui,sans-serif;overflow:hidden}body{height:100%;margin:0;overflow:auto}ion-icon{contain:strict;fill:currentColor;width:1em;height:1em;display:inline-block;box-sizing:content-box!important}ion-icon .ionicon{stroke:currentColor}ion-icon .ionicon-fill-none{fill:none}ion-icon .ionicon-stroke-width{stroke-width:var(--ionicon-stroke-width,32px)}ion-icon .icon-inner,ion-icon .ionicon,ion-icon svg{width:100%;height:100%;display:block}a{color:inherit;border-bottom:dotted 2px var(--gray-400);font-style:italic;text-decoration:none}h1,h2,h3,h4,h5{color:var(--gray-500)}div{box-sizing:border-box}ul{padding:0;list-style:none}input,button{box-sizing:border-box;height:42px;font-weight:var(--ui-font-weight);margin:0;padding:15px;font-size:1rem}input:hover,input:active,input:focus,button:hover,button:active,button:focus{outline:none}input{background:var(--gray-100);border:var(--ui-border-width) solid var(--gray-200);color:var(--gray-400);text-align:center;border-radius:20px}input[type=text]{-webkit-appearance:none}button{border:2px solid var(--gray-300);cursor:pointer;color:var(--gray-300);background-color:#0000;border-radius:10px;justify-content:center;align-items:center;margin:2px;font-weight:600;line-height:0;transition:all .2s;display:flex}button:focus{outline:none}button:hover{background-color:var(--gray-300);color:#fff;transform:scale(1.08)}button:active{background-color:var(--gray-400);border-color:var(--gray-400);transform:scale(.98)}button:disabled{background-color:var(--gray-300);border-color:var(--gray-300);transform:scale(1)}button.primary{background-color:var(--primary-300);border-color:var(--primary-300);color:#fff}button.primary:hover{color:var(--primary-300);background-color:#0000}button.primary:active{background-color:var(--primary-400);border-color:var(--primary-400)}.turnstile-overlay{-webkit-backdrop-filter:blur(1.4px);backdrop-filter:blur(1.4px);opacity:0;pointer-events:none;visibility:hidden;z-index:2850;background-color:#45474b64;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.turnstile-overlay.interactive{opacity:1;pointer-events:auto;visibility:visible}.turnstile-container{border:3px solid var(--gray-200);background:#fff;border-radius:15px;min-width:300px;min-height:65px;padding:12px}