*{margin:0;padding:0;box-sizing:border-box}.quiz{display:flex;flex-direction:column;min-height:100vh;width:100%;font-family:sans-serif}.nav-bar{background-color:#333;color:#fff;padding:clamp(.875rem,1.5vw,1.25rem);display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:clamp(1rem,2vw,2rem)}.change-mode{width:4vw;text-align:center;color:#fff;gap:3vw}.box{display:grid;grid-template-columns:2.5fr 1fr;background-color:#f5f5f5;gap:clamp(1rem,2vw,2rem);padding:clamp(1rem,2vw,2rem);flex:1}.score-board{background-color:#ddd;padding:.75rem 1rem;text-align:center;font-weight:700;border-radius:.5rem;min-height:12.5rem;box-shadow:-.5rem -.3125rem .75rem .0625rem #0000004d;display:flex;gap:clamp(1rem,2vw,2rem)}.quiz-box{display:flex;flex-direction:column;height:60%;justify-content:space-between}.question-option-container{display:flex;flex-direction:column;gap:1rem}.question-box{background-color:#fff;padding:1rem;border:.125rem solid #ccc;border-radius:.5rem}.option-box{display:flex;flex-direction:column;background-color:#fff;padding:1rem;border:.125rem solid #ccc;border-radius:.5rem;height:auto;gap:1rem}.btn-container{margin:0 auto;width:100%}.next-btn{padding:.625rem 2.5rem;width:100%;font-weight:600}.controls{background-color:#e9e9e9;padding:1rem;border-radius:.5rem;min-height:12.5rem;box-shadow:-.5rem -.3125rem .75rem .0625rem #0000004d}.footer{background-color:#333;color:#fff;padding:1rem;text-align:center;margin-bottom:0}.options{display:flex;min-height:3rem;border-radius:.3125rem;padding:0 1rem;transition-duration:.15s;align-items:center;border:.125rem solid rgb(0,0,0,.3)}.options:hover{background-color:#ccc;border:.125rem solid rgb(0,0,0,.9)}.selected{display:flex;min-height:3rem;border-radius:.3125rem;padding:0 1rem;transition-duration:.15s;align-items:center;border:.125rem solid rgb(0,0,0,.3);background-color:gray;color:#fff}.multiplayer-score-container{display:flex;flex-direction:column;min-height:10vh;gap:10rem}.profile-container{grid-column:1 / -1;height:100%;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:1rem;padding:clamp(1rem,2vw,1.5rem);min-height:100%}.profile-info{background-color:#fff;flex:0 0 38%;min-height:16rem;max-height:22.5rem;width:100%;border:.125rem solid #ccc;border-radius:.5rem;box-shadow:-.5rem -.3125rem .75rem .0625rem #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(.75rem,1.5vw,1rem);padding:clamp(1.25rem,3vw,2rem) 1rem}.profile-avatar{width:clamp(4rem,10vw,6rem);height:clamp(4rem,10vw,6rem);border-radius:50%;object-fit:cover;border:.1875rem solid #333}.profile-meta{display:flex;flex-direction:column;gap:.35rem}.profile-meta h2,.profile-meta p{margin:0}.game-history{background-color:#e9e9e9;flex:1;min-height:20rem;width:100%;border-radius:.5rem;box-shadow:-.5rem -.3125rem .75rem .0625rem #0003;display:flex;flex-direction:column;gap:.75rem;padding:clamp(1rem,2vw,1.5rem);justify-content:center}.game-history h1,.game-history p{margin:0}.logingithub{border:none;border-radius:5vh;cursor:pointer;padding:0;overflow:hidden;flex-shrink:0;height:auto;width:2vw}.githubimage{object-fit:cover;width:100%;height:100%}.avatar-container{position:relative}.summery-show{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem)}.summery-hide{display:none}.summery-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#09101bc7;-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem)}.summery-panel{position:relative;z-index:1;width:min(92vw,72rem);max-height:88vh;overflow:auto;border-radius:1.5rem;padding:clamp(1rem,2vw,1.5rem);background:linear-gradient(180deg,#fff,#f8fafc);color:#0f172a;box-shadow:0 1.5rem 3rem #0f172a38;border:.0625rem solid rgba(148,163,184,.22)}.summery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.summery-header h2,.summery-header p,.summery-card h3,.summery-card p{margin:0}.summery-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#2563eb;margin-bottom:.35rem}.summery-close{border:0;border-radius:999px;padding:.75rem 1.25rem;font-weight:700;background:#f97316;color:#fff;cursor:pointer;box-shadow:0 .75rem 1.5rem #f9731638}.summery-list{display:flex;flex-direction:column;gap:1rem}.summery-card{background:#f8fafcf2;border:.0625rem solid rgba(148,163,184,.22);border-radius:1.25rem;padding:1rem}.summery-card-head{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:1rem}.summery-step{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:999px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#22c55e,#84cc16);color:#08111f}.summery-card h3{line-height:1.35;margin-bottom:.35rem}.summery-card p{color:#475569;font-size:.92rem}.summery-options{display:grid;gap:.75rem}.summery-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:.8rem 1rem;border-radius:.9rem;border:.0625rem solid rgba(148,163,184,.18);background:#fff;color:#0f172a}.summery-option strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.summery-option-correct{background:#22c55e2e;border-color:#22c55e8c;color:#14532d}.summery-option-picked-correct{box-shadow:inset 0 0 0 .0625rem #22c55e59}.summery-option-wrong{background:#ef44442e;border-color:#ef44448c;color:#7f1d1d}.profile-dropdown{cursor:pointer;position:absolute;height:auto;width:5vw;background-color:#fff;border:1px solid #ccc;border-radius:5px;top:100%;right:0;opacity:0;color:#000}.profile-dropdown ul{list-style:none;padding:0;margin:0}.profile-dropdown li{padding:10px;border-bottom:1px solid #ccc}.profile-dropdown li:hover{background-color:#f0f0f0}.open{display:block;opacity:1}.profile-pic{border:none;border-radius:2vh;cursor:pointer;padding:0;overflow:hidden;flex-shrink:0;height:4vh;width:2vw}.profile-pic-img{object-fit:cover;width:100%;height:100%}