html,body{background-color:var(--secondary-color);height:100%}#root{flex-direction:column;min-height:100%;display:flex}:root{--primary-color:#df6b3a;--primary-color-light:hsl(from var(--primary-color) h s calc(l + 10));--secondary-color:#262626;--font-color:white;--incorrect-color:#444}[data-theme=blue]{--primary-color:#2420a6;--primary-color-light:hsl(from var(--primary-color) h s calc(l + 10));--secondary-color:#0a0a0a;--font-color:white;--incorrect-color:#444}[data-theme=white]{--primary-color:#c3a546;--primary-color-light:hsl(from var(--primary-color) h s calc(l + 10));--secondary-color:#faf8f5;--font-color:black;--incorrect-color:#7f7f7f}[data-theme=gray]{--primary-color:gray;--primary-color-light:hsl(from var(--primary-color) h s calc(l + 10));--secondary-color:#000;--font-color:white;--incorrect-color:#444}[data-theme=red]{--primary-color:#aa3e47;--primary-color-light:hsl(from var(--primary-color) h s calc(l + 10));--secondary-color:#212121;--font-color:white;--incorrect-color:#444}*{box-sizing:border-box;margin:0;padding:0;font-family:Tektur,sans-serif}.header-button-wrapper{gap:.75rem;display:flex}.header-button-wrapper button{width:3rem;height:3rem;color:var(--primary-color-light);background-color:var(--secondary-color);cursor:pointer;border:1px solid var(--primary-color-light);border-radius:.8rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-button-wrapper button:hover{border-color:var(--primary-color);color:var(--font-color);transform:translateY(-2px)}header{background-color:color-mix(in srgb, var(--secondary-color) 80%, transparent);border-bottom:1px solid var(--primary-color);width:100%;height:100%;box-shadow:0 0 .01rem var(--primary-color-light);z-index:1;grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;padding:0 clamp(1rem,15vw,13rem);display:flex}.header-title-wrapper{text-align:center;justify-self:center;margin-top:.7rem}.header-title{text-transform:uppercase;color:var(--font-color);letter-spacing:clamp(.05rem,.5vw,.125rem);font-size:clamp(1rem,4vw,2.3rem)}.header-title span{color:var(--primary-color);text-shadow:0 0 .01rem var(--primary-color-light)}.dropdown-wrapper{position:relative}.header-dropdown{background:var(--secondary-color);opacity:.9;border:1px solid var(--primary-color);z-index:1000;border-radius:.8rem;flex-direction:column;align-items:center;gap:.4rem;width:220px;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.header-dropdown button{width:100%;color:var(--font-color);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;padding:.6rem;transition:all .2s}.header-dropdown button:hover{border-color:var(--primary-color);color:var(--primary-color)}.switch-wrapper{color:var(--font-color);gap:.6rem;display:flex}.switch{width:3rem;height:1.2rem;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:1rem;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--secondary-color);border-radius:50%;width:1rem;height:1rem;transition:all .4s;position:absolute;top:50%;left:.2rem;transform:translateY(-50%)}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(1.6rem,-50%)}.select-wrapper{color:var(--font-color);gap:.4rem;display:flex}.select-wrapper select{background-color:var(--secondary-color);color:var(--font-color);border-radius:.3rem;font-size:.9rem}@media (width<=820px){header{flex-direction:column;width:100%;max-width:100vw;padding:.8rem}.header-button-wrapper button{border-radius:.7rem;width:2rem;height:2rem}.header-dropdown{opacity:1;background-color:var(--secondary-color);width:auto;position:fixed;inset:auto 1rem 1rem}.header-dropdown button{width:100%}}.how-to-play-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:auto}.how-to-play-dropdown{width:fit-content;max-height:85vh;color:var(--font-color);background:color-mix(in srgb, var(--secondary-color) 98%, var(--font-color));border:1px solid var(--primary-color);box-shadow:0 0 2rem #0000004d, 0 0 .5rem color-mix(in srgb, var(--primary-color) 30%, transparent);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.75rem;display:flex;overflow-y:auto}.how-to-play-header{justify-content:space-between;align-items:center;display:flex}.close-modal{color:var(--font-color);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:sticky}section p{margin-bottom:.2rem}.guess-container{color:var(--font-color);opacity:1;grid-template-columns:220px 90px 90px 120px 120px 120px;gap:.5rem;margin-bottom:.75rem;display:grid}.guess-character{border-radius:10px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.guess-image{object-fit:cover;border-radius:8px;width:48px;height:48px}.guess-cell{border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:60px;font-weight:600;display:flex}.correct{background:#3c8c52}.partial{background:#c9a227}.incorrect{background:var(--incorrect-color)}@media (width<=850px){.guess-container{grid-row:2;grid-template-columns:140px 70px 70px;gap:.2rem;max-width:fit-content;margin-bottom:.5rem}.guess-cell{gap:.1rem;min-height:42px;padding:.25rem;font-size:.75rem}.guess-character{gap:.5rem;padding:.35rem}.guess-image{width:30px;height:30px}}@keyframes fadeInOpacity{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bounce-animate{animation:1.3s ease-in-out forwards bounceCard;animation-delay:calc(.1s * sibling-index())}@keyframes bounceCard{0%,20%,80%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}.flip-animate{animation:1s ease-in-out forwards flipCard;animation-delay:calc(.1s * sibling-index())}@keyframes flipCard{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.statistics-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:auto}.statistics-dropdown{width:fit-content;max-height:85vh;color:var(--font-color);background:color-mix(in srgb, var(--secondary-color) 98%, var(--font-color));border:1px solid var(--primary-color);box-shadow:0 0 2rem #0000004d, 0 0 .5rem color-mix(in srgb, var(--primary-color) 30%, transparent);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.75rem;display:flex;overflow-y:auto}.statistics-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.statistics-display-grip{text-align:center;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.statistics-display-grip p:nth-child(-n+4){opacity:.8;font-size:.9rem}.statistics-display-grip p:nth-child(n+5){font-size:1.5rem;font-weight:700}.statistcs-break-line{opacity:.2;width:100%}footer{border-top:1px solid var(--primary-color);flex-direction:column;justify-content:center;align-items:center;display:flex}footer p{color:var(--font-color);font-size:.8rem}footer p a{color:var(--primary-color);cursor:pointer;text-decoration:none;transition:all .2s;display:inline-block}footer p a:hover{text-decoration:underline;transform:translateY(-2px)}@media (width<=850px){footer{text-align:center;flex-direction:column;width:100%;max-width:100vw;padding:.8rem}}.rain-container{pointer-events:none;z-index:0;width:100dvw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.raindrop{filter:blur(.5px);width:1px;animation:linear infinite rise;position:absolute;top:100%}@keyframes rise{0%{opacity:0;transform:translateY(0)}20%{opacity:.5}50%{opacity:1}80%{opacity:.5}to{opacity:0;transform:translateY(-120dvh)}}.feathers-container{pointer-events:none;z-index:0;width:100dvw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.feather-item{will-change:transform;position:absolute;top:0;left:0}.chessboard-container{z-index:-1;display:grid;position:absolute;inset:0;overflow:hidden}.cell{aspect-ratio:1;perspective:1600px;width:100%}.cell-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.cell-inner.flipping{animation:3s cubic-bezier(.65,0,.35,1) forwards flip;animation-delay:calc(var(--col) * 90ms + var(--row) * 15ms)}.cell-front,.cell-back{backface-visibility:hidden;position:absolute;inset:0}.cell-front{background:0 0}.cell-back{background:#00000080;transform:rotateY(180deg)}@keyframes flip{0%{transform:rotateY(0)}45%{transform:rotateY(180deg)}55%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.wrapper{z-index:1;grid-template-rows:clamp(30px,30vh,100px) 1fr clamp(30px,15vh,60px);min-height:100dvh;display:grid}.main-container{z-index:0;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 1.5rem 1.5rem;display:flex;position:relative;overflow:clip visible}@media (width<=850px){.main-container{width:100%;max-width:100vw;overflow:hidden}}.mode-navigation-wrapper{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:.5rem 0;display:flex}.mode-navigation-wrapper a{color:var(--font-color);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.3rem;padding:.3rem .75rem;font-size:.7rem;font-weight:500;text-decoration:none;transition:transform .2s,border-color .2s;position:relative}.mode-navigation-wrapper a:hover{border-color:var(--primary-color);transform:translateY(-2px)}.mode-navigation-wrapper a.active{border-color:var(--primary-color);background:var(--primary-color)}.mode-navigation-wrapper a.unactive{background:color-mix(in srgb, var(--font-color) 4%, transparent);border-color:color-mix(in srgb, var(--font-color) 15%, transparent)}.winner-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:auto}.winner-dropdown{width:min(600px,90vw);max-height:90vh;color:var(--font-color);background:color-mix(in srgb, var(--secondary-color) 98%, var(--font-color));border:1px solid var(--primary-color);box-shadow:0 0 2rem #0000004d, 0 0 .5rem color-mix(in srgb, var(--primary-color) 30%, transparent);border-radius:1rem;grid-template-rows:auto 1fr auto;gap:1rem;padding:1.75rem;display:grid;overflow-y:auto}.winner-header{align-items:flex-start;display:flex}.close-modal{color:var(--font-color);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.2rem}.winner-image{object-fit:cover;width:min(350px,60vw);height:min(350px,60vw)}.winner-body{flex-direction:column;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.winner-footer{flex-direction:row;justify-content:center;align-items:stretch;gap:1rem;font-size:1.4rem;display:flex}.winner-footer-timer{border:1px solid var(--primary-color-light);border-radius:.8rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:flex}.winner-footer-share{border:1px solid var(--primary-color-light);border-radius:.8rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:.5rem;display:flex}.winner-body{gap:.5rem}.share-buttons{gap:.75rem;display:flex}.share-button{width:3rem;height:3rem;color:var(--primary-color-light);background-color:var(--secondary-color);cursor:pointer;border:1px solid var(--primary-color-light);border-radius:.8rem;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.share-button:hover{border-color:var(--primary-color);color:var(--font-color);transform:translateY(-2px)}@media (width<=850px){.winner-image{object-fit:cover;width:200px;height:200px}.winner-footer{font-size:.7rem}.share-button{border-radius:.7rem;width:2rem;height:2rem}}.fade-in{animation:.3s ease-in fadeInOpacity}.guess-legend{background:var(--secondary-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--primary-color-light);border-radius:999px;justify-content:center;align-self:center;gap:1rem;padding:.5rem 1rem;display:flex}.legend-item{color:var(--font-color);align-items:center;gap:.5rem;display:flex}.legend-color{border-radius:.2rem;width:1rem;height:1rem}.legend-color.correct{background:#3c8c52}.legend-color.partial{background:#c9a227}.legend-color.incorrect{background:var(--incorrect-color)}@media (width<=850px){.legend-item{font-size:.8rem}.legend-color{width:.8rem;height:.8rem}}.search-wrapper{background:var(--secondary-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--primary-color-light);z-index:10;border-radius:.75rem;align-items:center;gap:.75rem;width:min(450px,90%);margin-bottom:.7rem;padding:.75rem 1rem;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color), 0 0 20px var(--secondary-color)}.input-character{color:var(--font-color);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.input-character:disabled{opacity:.2}.input-character::placeholder{color:var(--font-color)}.search-wrapper svg{color:var(--primary-color-light);flex-shrink:0;font-size:1.2rem}.search-dropdown{background:var(--secondary-color);border:2px solid var(--primary-color);z-index:1000;width:100%;max-height:60vh;color:var(--font-color);-webkit-overflow-scrolling:touch;scrollbar-color:var(--secondary-color) var(--primary-color);border-radius:.75rem;flex-direction:column;gap:.4rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .2rem);left:0;overflow-x:auto}.search-select{cursor:pointer;background:0 0;border:none;align-items:center;gap:.7rem;padding:.2rem 0 .25rem .5rem;display:flex}.search-select:hover{background-color:color-mix(in srgb, var(--secondary-color) 90%, var(--primary-color));border-radius:1rem}.search-select:not(:last-child){border-bottom:1px solid var(--primary-color)}.search-select img{object-fit:cover;border-radius:8px;width:35px;height:35px}.search-select p{color:var(--font-color);font-size:1rem}.search-select.selected{background-color:color-mix(in srgb, var(--secondary-color) 90%, var(--primary-color));border-radius:1rem}@media (width<=850px){.input-character{font-size:.75rem}.search-select img{width:30px;height:30px}}.guess-wrapper{-webkit-overflow-scrolling:touch;scrollbar-color:var(--secondary-color) var(--primary-color);max-width:100%;max-height:48vh;margin-bottom:1rem;padding-right:.5rem;overflow-y:auto}.guess-header,.guess-container{min-width:760px}.guess-header{color:var(--font-color);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:220px 90px 90px 120px 120px 120px;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:grid}.guess-header>div{text-align:center}@media (width<=850px){.guess-header,.guess-container{min-width:fit-content}.guess-header{color:var(--font-color);text-transform:uppercase;letter-spacing:.05em;grid-row:2;grid-template-columns:140px 70px 70px;align-items:center;gap:.2rem;margin-bottom:.5rem;font-size:.52rem;font-weight:600;display:grid}.guess-wrapper{margin-top:.9rem}.guess-container:not(:last-child){border-bottom:1px solid var(--primary-color);margin-bottom:.3rem;padding-bottom:.3rem}}.special-status-container{color:var(--font-color);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;margin:auto;font-size:2rem;display:flex}.progress-container{width:min(450px,90%);color:var(--font-color);flex-direction:column;justify-content:center;gap:.3rem;margin-bottom:1rem;display:flex}.progress-wrapper{align-items:center;gap:1rem;width:100%;display:flex}.progress-items-wrapper{gap:.1rem;width:100%;display:grid}.progress-item{background-color:var(--secondary-color);width:100%;height:.5rem;box-shadow:0 0 1px var(--font-color);border-radius:999px;display:block}.progress-item.full{background-color:var(--primary-color)}.result-button-wrapper{justify-content:center;padding:.5rem 0;display:flex}.result-button{background:var(--secondary-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--primary-color-light);color:var(--font-color);cursor:pointer;border-radius:.3rem;padding:.3rem 1.5rem;font-family:Tektur,sans-serif;font-size:1rem;transition:transform .2s,border-color .2s}.result-button:hover{border-color:var(--primary-color);transform:translateY(-2px)}.restart-wrapper{justify-content:center;padding:.5rem 0;display:flex}.restart-button{background:var(--secondary-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--primary-color-light);color:var(--font-color);cursor:pointer;border-radius:.3rem;padding:.3rem 1.5rem;font-family:Tektur,sans-serif;font-size:1rem;transition:transform .2s,border-color .2s}.restart-button:hover{border-color:var(--primary-color);transform:translateY(-2px)}@media (width<=850px){.restart-button{font-size:.75rem}}h1{color:var(--font-color)}