:root{color-scheme:dark;--background-color:#121212;--primary-color:#6200ee;--primary-color-dark:#3700b3;--primary-color-light:#985eff;--secondary-color:#2c2c2c;--secondary-color-light:#3d3d3d;--container-color:#1e1e1e;--accent-color:#ff4081;--accent-color-light:#ff80ab;--default-mode-color:#00e676;--two-word-mode-color:#ffab00;--selection-color:#00e676;--selection-color-transparent:rgba(0,230,118,.3);--transparent-text:hsla(0,0%,100%,.6);--settings-color:rgba(255,64,129,.5);--error-color:#ff4081;--winner-color:rgba(0,230,118,.4);--loser-color:rgba(255,64,129,.4);--loser-color-solid:#ff4081;--font-size:1.05rem;--font-family:"Poppins","Segoe UI",Arial,sans-serif;--margin:0.5rem;--small-margin:0.25rem;--padding:0.5rem;--small-padding:0.2rem;--footer-margin:2rem;--border-width:0.1rem;--border-color:#424242;--border-radius:0.6rem;--shadow-width:0.13rem;--shadow-color:rgba(0,0,0,.5);--box-shadow:0 4px 20px rgba(0,0,0,.3);--transition-speed:0.3s;--loader-size:2.25rem;--loader-width:0.25rem}*{border-radius:var(--border-radius);box-sizing:border-box;color:#fff;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease,opacity var(--transition-speed) ease}body,html{background-attachment:fixed;background-color:var(--background-color);background-image:radial-gradient(circle at 20% 30%,rgba(98,0,238,.3) 0,transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,64,129,.2) 0,transparent 40%);font-family:var(--font-family);font-size:var(--font-size);height:100vh;line-height:1.6;margin:0}body{display:flex;flex-direction:column}button,input,select{background-color:var(--secondary-color);border:var(--border-width) solid var(--primary-color-dark);font-size:var(--font-size);margin:var(--small-margin);padding:var(--small-padding) var(--padding);transition:all var(--transition-speed) ease}button{background-color:var(--primary-color);border:none;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;font-weight:500;padding:var(--padding) calc(var(--padding)*2)}button:hover{background-color:var(--primary-color-light);box-shadow:0 4px 8px rgba(0,0,0,.3)}button:active{box-shadow:0 2px 3px rgba(0,0,0,.2)}button:disabled{background-color:var(--secondary-color);border:var(--border-width) solid var(--secondary-color);box-shadow:none;cursor:not-allowed;opacity:.7}input[type=text]{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);flex-grow:1;text-align:center}input[type=text]:focus{border-color:var(--primary-color-light);box-shadow:0 0 0 2px rgba(22,87,154,.3);outline:none}select{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);cursor:pointer;margin:0;margin-right:var(--small-margin);padding-bottom:0;padding-top:0;text-align:center}label{align-self:center;font-size:var(--font-size);margin:var(--small-margin)}header{background-color:rgba(0,0,0,.2);border-radius:5rem;box-shadow:var(--box-shadow);display:flex;justify-content:center;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:55%;padding:.5rem 2rem;transform:translateY(0);transition:transform .5s ease;width:fit-content}header img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));max-width:80%}footer{backdrop-filter:blur(10px);background:rgba(22,33,62,.8);border-radius:0;border-top:var(--border-width) solid var(--border-color);bottom:0;padding-bottom:calc(var(--padding)*1.5);padding-top:calc(var(--padding)*1.5);position:fixed;text-align:center;width:100%;z-index:10}footer a{cursor:pointer;position:relative;text-decoration:none;transition:color .3s ease}footer a:hover{color:var(--accent-color-light)}footer a:after{background-color:var(--accent-color-light);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}footer a:hover:after{width:100%}main{flex-grow:1;padding-left:var(--padding);padding-right:var(--padding)}.started{overflow-y:auto;padding-right:calc(var(--padding)*3)}aside{height:fit-content;padding-left:var(--padding);padding-right:var(--padding);width:fit-content}.border{border:var(--border-width) solid var(--border-color);margin-top:0;padding:var(--padding)}.shadow{box-shadow:var(--box-shadow)}.container{backdrop-filter:blur(5px);background-color:var(--container-color);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden;padding:var(--padding)}.container h3{background-color:rgba(0,0,0,.2);font-weight:600;letter-spacing:.5px;margin:0;padding:var(--padding);text-align:center}.overlay{align-items:center;backdrop-filter:blur(5px);background-color:rgba(0,0,0,.7);border-radius:0;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:100}.hidden{display:none!important;opacity:0;pointer-events:none}.loader{animation:spin 1s linear infinite;border:var(--loader-width) solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:inline-block;height:var(--loader-size);width:var(--loader-size)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.retry-btn{background-color:var(--accent-color);margin:auto;padding-left:calc(var(--padding)*4);padding-right:calc(var(--padding)*4)}.retry-btn:hover{background-color:var(--accent-color-light)}.copy-btn{background-color:var(--primary-color);border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;margin-left:calc(var(--border-width)*-1);padding:var(--small-padding) var(--padding)}.copy-btn:hover{background-color:var(--primary-color-light)}.copy-field-container{display:flex;white-space:nowrap}.copyable{border-radius:var(--border-radius) 0 0 var(--border-radius);margin-right:0}.copied,.copyable{transition:background-color .25s ease}.copied{background-color:var(--secondary-color-light)}#session_collapser{width:100%}#settings_collapser{margin-left:var(--margin);margin-right:var(--margin);padding:calc(var(--padding)*2)}.collapser{cursor:pointer;margin:var(--small-margin);position:relative}.collapsible-btn+.collapser>.collapsible-icon{font-size:calc(var(--font-size)*1.5);position:absolute;top:50%;transform:translate(50%,-50%);transition:transform .3s ease}.collapsible-btn+.collapser>.collapsible-icon-rev{transform:translate(-50%,-50%)}.collapsible-btn:checked+.collapser>.collapsible-icon{transform:translate(50%,-50%) rotate(-90deg)}.collapsible-btn:checked+.collapser>.collapsible-icon-rev{transform:translate(-50%,-50%) rotate(90deg)}.collapsible{max-height:500px;overflow:hidden;transition:margin .4s ease,max-height .4s ease}.collapsed{margin:0!important;max-height:0}.layout{display:flex;flex:1;flex-direction:row;overflow-y:auto;padding-bottom:calc(var(--padding)*3 + var(--border-width) + var(--font-size) + var(--footer-margin))}.horizontal{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.vertical{display:flex;flex-direction:column;justify-content:center}.vertical:first-child{padding-top:0}.reverse-vertical{flex-direction:column-reverse}.grid-2x2{display:grid;grid-template-columns:repeat(2,min-content);grid-template-rows:repeat(2,min-content)}.arrow{font-size:calc(var(--font-size)*2.5);margin:0 1rem}.setting{display:inline-block;position:relative}.info-btn{border:unset;cursor:pointer;font-size:calc(var(--font-size)*1.1);font-weight:700;margin:0;padding:0;position:absolute;right:0;top:0;transform:translate(40%,-40%)}.info-btn,.info-btn:hover{background-color:unset}.info-text{display:none}#game_settings{display:flex;justify-content:space-evenly;margin-top:var(--margin)}#game_settings label{background-color:var(--settings-color);padding:var(--padding);padding-left:calc(var(--padding)*2);padding-right:calc(var(--padding)*2)}#game_settings input[type=checkbox]{accent-color:var(--settings-color);color-scheme:dark;margin-right:var(--margin);transform:scale(1.4)}#game_settings input[type=checkbox]:disabled+span,#game_settings select:disabled,#game_settings select:disabled+span{color:var(--transparent-text)}#game_finished_buttons{justify-content:center}#game_finished_buttons button{margin-bottom:0;margin-left:calc(var(--margin)*2);margin-right:calc(var(--margin)*2);margin-top:calc(var(--margin)*2);padding-left:calc(var(--padding)*14);padding-right:calc(var(--padding)*14)}#confirm_btn{align-self:center;margin:0;margin-top:calc(var(--margin)*2);padding-left:calc(var(--padding)*12);padding-right:calc(var(--padding)*12)}#game_content{margin-top:calc(var(--margin)*1.5)}#character_selection{margin-top:var(--margin)}.char-container{flex-grow:1}.char-container label{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding-left:calc(var(--padding)*1.75);padding-right:calc(var(--padding)*1.75);white-space:nowrap}.char-img{height:calc(var(--font-size)*3.3);margin-right:var(--margin);width:calc(var(--font-size)*3.3)}.char-container input[type=radio]:checked+label{background-color:var(--secondary-color);filter:none;transition:background-color .3s ease}.char-container input[type=radio]:not(:checked)+label{background-color:unset;filter:grayscale(100%);transition:background-color .3s ease}.player{align-items:center;display:flex;flex-direction:row;margin-top:var(--margin);padding-left:var(--padding);padding-right:var(--padding)}.player:first-child{margin-top:0}.player-info{display:flex;flex-direction:column;font-size:calc(var(--font-size)*1.1);margin-left:var(--small-margin);width:100%}.player-info span{font-size:calc(var(--font-size)*.9);font-style:italic;white-space:pre}.disconnected{background-color:rgba(255,227,0,.13)}.disconnected span{color:var(--transparent-text)}.disconnected img{filter:grayscale(100%)}.winner{background-color:var(--winner-color)}.loser,.winner{padding:var(--padding)}.loser{background-color:var(--loser-color)}.slash{background-color:var(--loser-color-solid);height:10%;left:7%!important;rotate:-45deg;top:45%;width:86%!important}.loser-definition{cursor:pointer;position:absolute;right:0;top:0;transform:translate(40%,-40%)}.definition{align-items:center;display:flex;flex-direction:row;margin-bottom:var(--margin);padding-left:var(--padding);padding-right:var(--padding);position:relative;text-align:center}.definition:first-child{margin-bottom:0}.definition img{filter:grayscale(100%)}.definition:last-child img{filter:none}.definition span{display:inline-block;font-size:calc(var(--font-size)*1.2);text-align:center}.hidden-word{opacity:0;transform:translateY(10px);transition:opacity .01s ease-in-out,transform .01s ease-in-out}.selectable-word:not(.hidden-word){opacity:1;transform:translateY(0)}#definition_loading{display:flex;justify-content:center;padding:var(--padding);width:100%}.definition-index{font-size:var(--font-size)!important;margin-left:calc(var(--margin)*2);margin-right:calc(var(--small-margin)*.5);white-space:nowrap}.char-info{align-items:center;display:flex;flex-direction:row}.char-info span{display:none}.char-info img{margin-right:calc(var(--margin)*2)}.top-char-name{display:none}.selectable-word{cursor:pointer;margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem;position:relative;transition:all .3s ease}.selectable-word:hover{background-color:var(--selection-color-transparent);transform:scale(1.05)}.selectable-word:after{background-color:var(--selection-color);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.selectable-word:hover:after{left:0;width:100%}.old-word{color:var(--transparent-text)}.selected-word{color:var(--selection-color);font-weight:700;margin-left:calc(var(--small-margin)*.25);margin-right:calc(var(--small-margin)*.25);transform:scale(1.05)}.selected-word:after{left:0;width:100%}.selected-word+span+.selected-word{margin-left:calc(var(--small-margin)*.5)}span+.selected-word:has(+span+.selected-word){margin-right:calc(var(--small-margin)*.5)}#multiplayer_box{padding-right:calc(var(--padding)*3)}#session_box{margin-top:var(--padding);position:relative}#session_creation_buttons{display:flex;flex-direction:column}#create_session_box{border-radius:var(--border-radius) var(--border-radius) 0 0}#join_session_box{border-radius:0 0 var(--border-radius) var(--border-radius)}#player_name{font-style:normal;font-weight:700}#player_stats_top{display:flex;justify-content:space-between}#player_stats_top>span:last-child{font-weight:700}#player_stats{display:flex;flex-direction:row;justify-content:space-between}#player_name_row{margin-left:var(--margin);margin-right:var(--margin)}#word_selection input{font-size:calc(var(--font-size)*1.5);text-align:center;width:100%}#player_list,#player_list_content{margin-top:var(--margin)}.grey-btn{background-color:var(--shadow-color);border:unset;margin:calc(var(--margin)*1.5);position:absolute;right:0;top:0}#map_reset{right:unset}.map-container{height:60%;padding:0;width:50%}.info-container,.map-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.info-container{height:fit-content;justify-content:center;padding:calc(var(--padding)*3);text-align:center;width:35%}#info_content{white-space:preserve}.overlay-close-btn{background-color:var(--container-color);border-radius:50%;cursor:pointer;font-size:calc(var(--font-size)*2)!important;position:absolute;right:0;top:0;transform:translate(50%,-50%);z-index:5}.map-container canvas{--x1:30%;--y1:30%;--x2:50%;--y2:50%;background-image:radial-gradient(circle 10rem at var(--x1) var(--y1),var(--loser-color),transparent),radial-gradient(circle 10rem at var(--x2) var(--y2),var(--winner-color),transparent);background-size:cover}@keyframes appear{0%{max-height:0;opacity:0;overflow:hidden;transform:translateY(20px)}to{max-height:10rem;opacity:1;transform:translateY(0)}}@keyframes disappear{0%{max-height:10rem;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;overflow:hidden;transform:translateY(20px)}}@keyframes word-animation{0%{transform:scale(1)}50%{color:var(--selection-color);text-shadow:0 0 8px rgba(129,216,42,.5);transform:scale(1.15)}to{transform:scale(1)}}.confetti{animation-iteration-count:infinite;animation-name:fall;animation-timing-function:linear;border-radius:0;height:10px;opacity:1;position:fixed;top:-10px;width:10px;z-index:50}@keyframes fall{0%{transform:translateY(-50px) rotate(0deg) scale(1)}50%{transform:translateY(50vh) rotate(180deg) scale(1.5)}to{transform:translateY(100vh) rotate(1turn) scale(1)}}.error-toast{background-color:var(--error-color);border-radius:var(--border-radius);bottom:5rem;box-shadow:var(--box-shadow);color:#fff;font-weight:500;left:50%;max-width:80%;opacity:0;padding:.8rem 1.5rem;position:fixed;text-align:center;transform:translateX(-50%) translateY(100px);transition:transform .4s ease,opacity .4s ease;z-index:1000}.error-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.error-toast i{margin-right:.5rem}@media screen and (max-width:930px){:root{--font-size:0.9rem;--padding:0.25rem;--shadow-width:0.07rem;--loader-size:2rem;--loader-width:0.2rem}header{margin-bottom:.3rem}header,header img{max-width:100%}.layout{flex-direction:column-reverse;justify-content:start;overflow:visible;padding-bottom:0}.first-order{order:1}footer{margin-top:var(--footer-margin);position:relative}main{flex-grow:0;padding-left:var(--padding);padding-right:var(--padding)}aside,main{margin-bottom:calc(var(--margin)*2)}aside,aside input{width:auto}#howto_btn{align-self:center;background-color:var(--shadow-color);border:unset;margin-bottom:var(--margin);max-width:fit-content;padding-left:calc(var(--padding)*5);padding-right:calc(var(--padding)*5);position:relative}#session_creation input{width:auto}#session_creation_buttons{flex-direction:row;margin-bottom:var(--small-margin);margin-left:var(--margin);margin-right:var(--margin)}#multiplayer_box{padding-right:var(--padding)}#multiplayer_content{flex-direction:column-reverse}#session_box{width:100%}#create_session_box{border-radius:var(--border-radius) 0 0 var(--border-radius);flex-grow:1;justify-content:center}#join_session_box{border-radius:0 var(--border-radius) var(--border-radius) 0;flex-grow:1}#join_session_box label{display:none}.border+.border{margin-left:calc(var(--border-width)*-1);margin-top:0}.grid-2x2{display:flex;flex-direction:column}.grid-2x2 label{display:none}#player_list{margin:var(--small-margin)}#player_list_content{display:flex;overflow:auto}.player{margin-bottom:var(--small-margin);margin-left:var(--margin);margin-top:0;padding-right:calc(var(--padding)*2)}.player:first-child{margin-left:0}.info-btn{font-size:calc(var(--font-size)*1.4);transform:translate(50%,-50%)}.definition{flex-direction:column;margin-bottom:calc(var(--margin)*1.3)}.definition:first-child{margin-bottom:var(--small-margin)}.definition span{font-size:calc(var(--font-size)*1.5)}.char-info span{display:inline-block;font-size:var(--font-size);margin-left:var(--margin)}.top-char-name{display:inline-block;white-space:pre}.definition-index{font-size:var(--font-size)!important;margin-left:0;margin-right:calc(var(--margin)*2.5);margin-top:var(--small-margin);position:absolute;right:0}.loser-definition{left:0;right:unset;top:0;transform:translate(0)}.char-info img{margin-right:0}#word_selection input{width:100%}.started{overflow:visible;padding-right:var(--padding)}.char-container span{display:none}.char-container label{justify-content:center;margin:0;padding:var(--small-padding)}.char-img{margin-right:0}#character_selection{flex-direction:row;justify-content:start;margin-top:var(--small-margin);overflow-x:auto;width:100%}.map-container{height:90%;width:85%}.info-container{width:85%}#player_stats_top>span:last-child{font-weight:400;margin-left:calc(var(--margin)*2)}#player_stats{flex-direction:column}.selectable-word:hover{background-color:unset}#game_finished_buttons button{margin-left:var(--small-margin);margin-right:var(--small-margin);padding-left:calc(var(--padding)*4);padding-right:calc(var(--padding)*4);width:100%}}