:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}[data-theme=classic]{--primary: #FFE81F;--secondary: #fceb51;--bg-color: black;--header-color: rgb(252, 235, 81, .3);--lightsaber: rgb(151, 202, 255);--lightsaber-glow: rgb(171, 212, 255)}[data-theme=jedi]{--primary: #87dc5a;--secondary: #089b00;--bg-color: black;--header-color: rgba(64, 255, 5, .3);--lightsaber: #60df1c;--lightsaber-glow: #a4db86}[data-theme=sith]{--primary: #ff0b0b;--secondary: rgb(134, 1, 1);--bg-color: black;--header-color: rgba(255, 100, 100, .3);--lightsaber: #ff1f0f;--lightsaber-glow: #ff9494}@font-face{font-family:StarWars;src:url(/fonts/StarWars.woff2) format("woff2");font-display:swap}@font-face{font-family:Soloist;src:url(/fonts/Soloist.woff2) format("woff2");font-display:swap}@font-face{font-family:Soloist3D;src:url(/fonts/Soloist3D.woff2) format("woff2");font-display:swap}@font-face{font-family:NewsGothic;src:url(/fonts/NewsGothic.woff2) format("woff2");font-display:swap}@font-face{font-family:NewsGothicItalic;src:url(/fonts/NewsGothicItalic.woff2) format("woff2");font-display:swap}#root{position:relative;z-index:1;text-align:center}html,body{height:100%;margin:0;padding:0;color:var(--primary);background-color:var(--bg-color);font-family:NewsGothic,sans-serif}h1{font-family:Soloist3D;font-size:clamp(3rem,5vw,7em);margin:1em 0 0 auto}.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow-y:auto}.background-container:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/bg.webp);background-size:cover;background-repeat:no-repeat;opacity:.2;z-index:-1}.top-bar{background-color:var(--header-color);display:flex;justify-content:flex-end;padding:5px 30px;align-items:center;gap:10px}.header-buttons{font-family:StarWars,sans-serif;background-color:#000;color:var(--primary);box-shadow:0 0 6px var(--primary);font-size:clamp(.6rem,1vw,.9rem);height:30px;padding:0 15px;border:none;border-radius:6px;letter-spacing:2px;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.header-buttons:hover{background-color:var(--primary);color:#000;box-shadow:0 0 10px var(--primary)}.headliner-text{font-family:StarWars,sans-serif;font-size:clamp(1.5rem,2vw,4em);letter-spacing:1px;opacity:0;animation:fadeIn 1s ease-in-out forwards;min-height:2em}@media (max-width: 480px){.headliner-text{font-size:18px}}@keyframes fadeIn{to{opacity:1}}.form-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;width:90%;max-width:600px;margin-inline:auto}@media (max-width: 480px){.form-container{margin-top:10px;gap:15px}}.form-container input,.form-container button{font-family:soloist,sans-serif;font-size:1rem;height:45px;padding:0 15px;border-color:#fffaca;border-radius:6px;letter-spacing:1px}.form-container input{border:1px solid rgb(214,214,214);background-color:#363636}.form-container button{background-color:var(--primary);color:#000;cursor:pointer}@media (max-width: 480px){.form-container input,.form-container button{height:35px;padding:0 10px;font-size:16px}}.form-container input.guess-error{border:1px solid red;outline:none}.loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:#fff}.loader:before,.loader:after{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:1s spin linear infinite}.loader:after{color:var(--primary);transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}@media (max-width: 480px){p{font-size:13px}}.sticky-header{white-space:nowrap;overflow:hidden;z-index:2}.sticky-header:before{content:attr(data-text);display:inline-block;padding-left:100%;animation:scroll-left 30s linear infinite}@media (max-width: 480px){.sticky-header{font-size:13px}}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.dropdown-menu{position:absolute;top:65px;right:20px;background-color:#000;border:var(--primary) 2px solid;border-radius:6px;width:220px;padding:20px;overflow:hidden;animation:slideDown .3s ease-out forwards;box-shadow:0 0 6px var(--primary);z-index:10}.dropdown-menu button{margin:10px}@media (max-width: 480px){.dropdown-menu{width:150px;padding:20px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.starwardle{font-size:44px}}@media (max-width: 400px){.starwardle{font-size:34px}}.autocomplete-container{position:relative;width:100%}.autocomplete-input{width:100%;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}@media (max-width: 480px){.autocomplete-input,.autocomplete-option{font-size:13px}}.autocomplete-dropdown{width:100%;box-sizing:border-box;position:absolute;max-height:200px;overflow-y:auto;background:#000;z-index:40;border:1px solid white;color:#fff;border-radius:6px;padding:0;margin:0}.autocomplete-option{display:flex;padding:10px;cursor:pointer}.autocomplete-option:hover,.autocomplete-option.highlighted{background-color:var(--primary);color:#000}.guess-section-wrapper{margin:50px auto 0;overflow-x:auto;max-width:1110px;color:#fff;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.guess-categories,.guess-container{display:grid;grid-template-columns:repeat(7,150px);gap:10px}.guess-rows{padding:10px;height:110px;text-align:center;align-content:center;opacity:0;animation:appearOnScreen .5s ease-in forwards}@media (max-width: 1180px){.guess-section-wrapper{max-width:830px}.guess-categories,.guess-container{grid-template-columns:repeat(7,110px);font-size:14px}.guess-rows{height:120px}}@media (max-width: 880px){.guess-section-wrapper{max-width:760px}.guess-categories,.guess-container{grid-template-columns:repeat(7,100px);font-size:13px}.guess-rows{height:120px}}@media (max-width: 780px){.guess-section-wrapper{max-width:760px;margin:50px 10px}}@media (max-width: 480px){.guess-categories,.guess-container{grid-template-columns:repeat(7,80px);font-size:12px}}@keyframes appearOnScreen{0%{opacity:0}to{opacity:1}}.toggle-button-container{display:flex;position:relative;border:2px solid var(--secondary);border-radius:100px;background-color:#242424;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%;font-family:StarWars,sans-serif}.toggle-theme-button{z-index:5;cursor:pointer;font-size:.7rem;letter-spacing:1px;color:var(--text);transition:color .2s ease;padding:10px 0;flex:1}@media (max-width: 480px){.toggle-theme-button{padding:10px 4px;font-size:.6rem;letter-spacing:.5px}}.toggle-theme-button.active{color:#000;background-color:var(--primary)}.theme-slider{position:absolute;transition:all .3s ease;z-index:1}.title-container{display:flex;flex-direction:column;justify-content:center;width:fit-content;margin:0 auto}.lightsaber{position:relative;display:flex;width:100%;height:10px}.handle{position:absolute;top:0;left:0;z-index:1;width:80px;height:15px;border-left:5px solid rgb(100,100,100);border-right:4px solid rgb(100,100,100);border-radius:5px;background:linear-gradient(90deg,#272727,#a1a1a1 40%,#cacaca 60%,#c4c4c4)}.switch{background:#7e0000;width:6px;height:9px;position:absolute;top:3px;left:70px;border-radius:10px;z-index:2}.plasma{position:absolute;top:2px;height:11px;width:0;border-radius:12px;filter:blur(1px);background:var(--lightsaber);box-shadow:0 0 10px var(--lightsaber-glow)}.ignite{animation:ignite-blade .4s ease-out forwards}.de-ignite{animation:de-ignite-blade .4s ease-out forwards}@keyframes ignite-blade{0%{width:0%}to{width:100%}}@keyframes de-ignite-blade{0%{width:100%}to{width:0%}}@media (max-width: 1180px){.plasma{height:7px!important;box-shadow:0 0 6px var(--lightsaber-glow)}.switch{width:5px;left:45px;height:5px}.handle{height:11px!important;width:50px}}@media (max-width: 480px){.plasma{height:6px!important;top:1px!important;box-shadow:0 0 3px var(--lightsaber-glow)}.switch{height:4px!important;top:2px!important}.handle{height:8px!important}}@media (max-width: 400px){.switch{left:35px}.handle{height:8px!important;width:40px}}.hint-button{background-color:var(--primary);color:#000;box-shadow:0 0 6px var(--primary);height:35px;padding:8px;border:none;border-radius:9999px;cursor:pointer;transition:box-shadow .2s ease;animation:appearOnScreen .5s ease-in forwards}.hint-button:hover{box-shadow:0 0 100px var(--primary)}.show-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;overflow-y:auto}.overlay-content{background:radial-gradient(circle,#1a1a1a,#000);border:var(--primary) 2px solid;box-shadow:0 0 15px var(--primary);color:var(--secondary-yellow);width:80%;max-height:80vh;padding:10px;overflow-y:auto;border-radius:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.overlay-content li,.overlay-content h3{text-align:left;padding:0 50px}@media (max-width: 540px){.overlay-content li,.overlay-content h3{padding:0 20px;font-size:15px}}.close-overlay-button{position:absolute;top:20px;right:30px;z-index:10;background-color:#ff0000b3;color:#000000b3;font-weight:bolder;font-size:1.5em;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:5px;transition:background-color .2s ease}.close-overlay-button:hover{background-color:red}@media (max-width: 480px){.close-overlay-button{font-size:20px;height:30px;width:35px;padding:0}}.howtoplay-overlay-title{font-family:Soloist3D;font-size:2em;padding:0 10px;margin:10px}@media (max-width: 480px){.howtoplay-overlay-title{font-size:24px}}.howtoplay-example-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;font-size:clamp(10px,1vw,14px);background-color:#141414;margin:5px 70px;color:#fff}@media (max-width: 850px){.howtoplay-example-categories{margin:5px 40px;grid-template-columns:repeat(3,1fr);font-size:12px}}@media (max-width: 480px){.howtoplay-example-categories{margin:5px 10px}}.grid-category-item{padding:5px 20px;text-align:center;border-radius:5px;align-content:center;background-color:#14141480}.howtoplay-example{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:0 70px;font-size:clamp(10px,1vw,16px);color:#fff}.grid-example-item{padding:20px;text-align:center;border-radius:5px;align-content:center;margin-top:8px}.howtoplay-explanation{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 50px;color:#fff}@media (max-width: 540px){.howtoplay-explanation{padding:20px 10px;font-size:12px}}.howtoplay-explanation-item{border-radius:5px;align-content:center;font-size:14px}.howtoplay-explanation p{align-content:center;text-align:left}.character-list-title{font-family:Soloist3D;font-size:2em;padding:10px 0;margin:10px 0}@media (max-width: 480px){.character-list-title{font-size:22px;padding:5px}}.character-overlay-list{padding:10px}.character-overlay-list:hover{background-color:#141414}@media (max-width: 480px){.character-overlay-list{font-size:14px;padding:5px}}.dev-log-item{display:grid;text-align:left;padding:5px 20px;border:5px solid rgb(218,216,140);color:#000;margin:20px;background:#efefbb;background:radial-gradient(circle,#efefbb,#c7c6cc)}@media (max-width: 480px){.dev-log-item{margin:10px;padding:5px 10px}}.dev-log-item h4{text-decoration:underline;font-size:1em}.dev-log-item h4,.dev-log-item p{margin:5px 0}@media (max-width: 480px){.dev-log-item h4{font-size:15px}}@media (max-width: 480px){.hide-on-mobile{display:none}}@media (min-width: 481px){.hide-on-web{display:none}}@media (max-width: 850px){.hide-howtoplay-item{display:none}}.hint-overlay-content{background:radial-gradient(circle,#1a1a1a,#000);border:var(--primary) 2px solid;box-shadow:0 0 15px var(--primary);color:var(--secondary-yellow);width:60%;max-width:800px;padding:10px 40px 40px;border-radius:200px;font-size:clamp(.9em,2vw,1.2em);line-height:2;word-wrap:break-word}.admin-top-bar{background-color:#ff00004d;display:flex;justify-content:flex-end;padding:10px 30px;gap:10px}.admin-header-buttons{font-family:StarWars,sans-serif;background-color:#000;color:red;border:#c13d3d 2px solid;box-shadow:0 0 6px #c13d3d;font-size:clamp(.6rem,1vw,.9rem);height:30px;padding:0 15px;border:none;border-radius:6px;letter-spacing:2px;cursor:pointer}.admin-overlay-content{background:radial-gradient(circle,#1a1a1a,#000);border:#c13d3d 2px solid;box-shadow:0 0 15px #c13d3d;color:red;width:80%;max-height:80vh;padding:10px;overflow-y:auto;border-radius:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.admin-add-character-title{font-family:Soloist3D;font-size:2em;padding:0 10px;color:red;margin:10px}.add-character-form-two-col{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 20px 0}.add-character-form-one-col{display:grid;grid-template-columns:repeat(auto-fill,1fr);gap:20px;padding:20px}@media (max-width: 480px){.add-character-form-one-col,.add-character-form-two-col{padding:0 0 15px;gap:15px}}.add-character-form-two-col input,.add-character-form-one-col input{font-family:NewsGothicItalic,sans-serif;font-size:1rem;height:35px;padding:0 15px;border-radius:6px;letter-spacing:1px}@media (max-width: 480px){.add-character-form-one-col input,.add-character-form-two-col input{height:25px;font-size:14px}}.add-character-button,.admin-login-button{font-family:soloist,sans-serif;color:#000;background-color:red;font-size:1rem;height:45px;padding:0 15px;margin:20px;border-radius:6px;letter-spacing:1px;border-color:#fbb}@media (max-width: 480px){.admin-login-button{margin:0;height:35px;padding:0 10px}}.login-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:20px;width:90%;max-width:600px;margin-inline:auto}@media (max-width: 480px){.login-form{gap:10px}}.login-form input{font-family:soloist,sans-serif;font-size:1rem;height:35px;padding:0 15px;border-color:#ffcaca;border-radius:6px;letter-spacing:1px}@media (max-width: 480px){.login-form input{height:25px;font-size:14px}}