*{box-sizing:border-box}body{background-color:#ebebfc;margin:0;padding:0}#exit{height:100px;position:fixed;bottom:20px;right:20px}#exit:hover{cursor:pointer;border-color:#000;transform:scale(1.03)}#exitpopupoverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#exitpopup{background-color:#f2f9fc;border-radius:16px;flex-direction:column;align-items:center;gap:14px;min-width:320px;padding:30px;display:flex;box-shadow:0 0 20px #00000059}#yesbutton:hover,#nobutton:hover{cursor:pointer}.question{background-color:#fff;border:8px solid #dadafa;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:550px;height:550px;display:flex;box-shadow:0 0 12px #00000040}#ques{background-color:#c3c3fe;border:0 solid #dadafa;place-items:center;width:100%;min-height:65px;margin:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;display:grid}.questionblock{justify-content:space-around;align-items:center;padding-top:25px;display:flex}#qImg{object-fit:scale-down;width:500px;height:450px}.qDetail{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:400px;display:flex}#qQuote{overflow-wrap:break-word;word-break:break-word;max-width:100%;margin:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:clamp(1.2rem,3vw,2rem);line-height:1.25}.qanda{flex-direction:column;justify-content:space-evenly;align-items:center;gap:40px;display:flex}#answerbox{text-align:center;border:4px solid #acacfe;border-radius:20px;width:400px;height:40px;margin:0;font-size:large}#answerbox:focus{outline:none}.timerandscore{flex-shrink:0;width:300px;height:580px;position:relative}#timer{text-align:center;width:260px;position:absolute;top:0%;left:50%;transform:translate(-50%)}#score{text-align:center;width:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#timer h2,#score h1{font-variant-numeric:tabular-nums;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.quizendsp{flex-direction:column;justify-content:center;align-items:center;padding-top:200px;display:flex}#playagainbutton{color:#000;background:linear-gradient(270deg,#e6e6fa,#add8e6);border:1px solid #0000;border-radius:100px;width:200px;height:100px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:28px;font-weight:700;box-shadow:0 0 12px #00000040}#playagainbutton:hover{cursor:pointer;transform:scale(1.03)}#skip{background-color:#acacfe;border:2px solid #0000;border-radius:200px;width:10rem;height:3rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:medium;box-shadow:0 0 12px #00000040}#skip:hover{cursor:pointer;transform:scale(1.03)}#logo{height:56px;padding-left:30px}.Menu{justify-content:flex-end;align-items:center;gap:20px;width:500px;font-weight:700;display:flex}.menu-item{color:#000;border:2px solid #0000;padding:10px 18px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:large}.menu-item:hover{cursor:pointer;background-color:#ebebfc;border-radius:999px;transition:background-color .7s,border-radius;transform:scale(1.08)}.menu-item.active{background-color:#ebebfc;border-radius:999px}.menu-item,.menu-item:link,.menu-item:visited,.menu-item:hover,.menu-item:active{text-decoration:none}.NavBar{background:linear-gradient(90deg,#e6e6fa,#add8e6);justify-content:space-between;align-items:center;height:72px;display:flex}.howtoplay{background:linear-gradient(90deg,#e6e6fa,#add8e6);border:2px solid azure;border-radius:12px;justify-items:center;width:600px;padding:28px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:large;box-shadow:0 0 12px #00000040}#newgamebutton{color:#000;background:linear-gradient(90deg,#e6e6fa,#add8e6);border:1px solid #0000;border-radius:100px;width:400px;height:200px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:24px;font-weight:700;box-shadow:0 0 12px #00000040}#newgamebutton:hover{cursor:pointer;transform:scale(1.03)}#createroombutton{color:#000;background:linear-gradient(270deg,#e6e6fa,#add8e6);border:1px solid #0000;border-radius:100px;width:400px;height:200px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:24px;font-weight:700;box-shadow:0 0 12px #00000040}#createroombutton:hover{cursor:pointer;transform:scale(1.03)}.newgamebuttons{flex-direction:column;justify-content:space-between;align-items:center;gap:60px;display:flex}.main{justify-content:space-evenly;align-items:center;padding-top:72px;display:flex}@media (width<=768px){.main{justify-content:space-evenly;align-items:center;padding-top:72px;display:flex}}.howtoplaymultiplayer{background:linear-gradient(90deg,#e6e6fa,#add8e6);border:2px solid azure;border-radius:12px;justify-items:center;width:600px;padding:28px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:large;box-shadow:0 0 12px #00000040}.instructions{flex-direction:column;gap:20px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;display:flex}.room-window{justify-content:space-evenly;align-items:center;gap:30px;padding:50px;display:flex}.hostroombutton{color:#000;background:linear-gradient(270deg,#e6e6fa,#add8e6);border:1px solid #0000;border-radius:100px;width:200px;height:100px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:28px;font-weight:700;box-shadow:0 0 12px #00000040}.hostroombutton:hover{cursor:pointer;transform:scale(1.03)}.joinroombutton{color:#000;background:linear-gradient(270deg,#e6e6fa,#add8e6);border:1px solid #0000;border-radius:100px;width:200px;height:100px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:28px;font-weight:700;box-shadow:0 0 12px #00000040}.joinroombutton:hover{cursor:pointer;transform:scale(1.03)}.hostorjoinroom{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.hostroom,.joinroom{flex-direction:column;justify-content:space-evenly;align-items:center;gap:20px;display:flex}#namebox{text-align:center;border:4px solid #acacfe;border-radius:20px;width:200px;height:40px;margin:0;font-size:large}#namebox:focus{outline:none}#roomcodebox{text-align:center;border:4px solid #acacfe;border-radius:20px;width:200px;height:40px;margin:0;font-size:large}#roomcodebox:focus{outline:none}.popupoverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popupbox{background-color:#f2f9fc;border-radius:16px;flex-direction:column;align-items:center;gap:14px;min-width:320px;padding:30px;display:flex;box-shadow:0 0 20px #00000059}.closebutton{color:#000;background:linear-gradient(270deg,#e6e6fa,#add8e6);border:1px solid #0000;border-radius:100px;width:200px;height:100px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:28px;font-weight:700;box-shadow:0 0 12px #00000040}.closebutton:hover{cursor:pointer;transform:scale(1.03)}.game{justify-content:space-around;display:flex}.playerlist{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:20px;display:flex}#player{text-align:center;background-color:#e6e6fa;border:2px solid #dadafa;border-radius:20px;width:150px;min-height:80px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 0 12px #00000040}#correctplayer{text-align:center;background-color:#bdf9d8;border:2px solid #dadafa;border-radius:20px;width:150px;min-height:80px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 0 12px #00000040}.currentPlayer{color:#3a3af9;font-weight:700}.otherPlayer{color:#000}#answered{text-align:center;background-color:#acacfe;border:4px solid #acacfe;border-radius:20px;width:400px;height:40px;margin:0;font-size:large}#answered:focus{outline:none}.timerandplayerlist{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:400px;padding-top:20px;display:flex}#multiplayertimer{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.quizendandstandings{justify-content:space-evenly;align-items:center;padding-top:150px;display:flex}.quizend{flex-direction:column;justify-content:center;align-items:center;display:flex}#returntolobbybutton{color:#000;background:linear-gradient(270deg,#e6e6fa,#add8e6);border:1px solid #0000;border-radius:100px;width:200px;height:100px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:28px;font-weight:700;box-shadow:0 0 12px #00000040}#returntolobbybutton:hover{cursor:pointer;transform:scale(1.03)}#leaveroom{height:100px;position:fixed;bottom:20px;right:20px}#leaveroom:hover{cursor:pointer;border-color:#000;transform:scale(1.03)}#leaveroompopupoverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#leaveroompopup{background-color:#f2f9fc;border-radius:16px;flex-direction:column;align-items:center;gap:14px;min-width:320px;padding:30px;display:flex;box-shadow:0 0 20px #00000059}#yesbtn:hover,#nobtn:hover{cursor:pointer}.lobbymain{justify-content:space-evenly;align-items:center;padding-top:200px;display:flex}.roomdetails,.playersjoinedlist{flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}#lobbyplayers{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#startgamebutton{color:#000;background:linear-gradient(270deg,#e6e6fa,#add8e6);border:1px solid #0000;border-radius:100px;width:200px;height:100px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:28px;font-weight:700;box-shadow:0 0 12px #00000040}#startgamebutton:hover{cursor:pointer;transform:scale(1.03)}