.playing:has(.question-screen) main{height:100dvh;box-sizing:border-box;padding:8px 12px!important;overflow:auto;background:var(--personal-background,transparent)}
body.playing .question-screen{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100dvh - 16px)!important;min-height:0!important;max-width:1100px;padding:36px 10px 6px!important;gap:4px;overflow:visible}
.playing .question-screen .game-top{min-height:30px;flex:none;gap:5px}.playing .question-screen .game-top:before{width:26px;height:26px}.playing .question-screen .pill{padding:4px 7px;font-size:12px}
.playing .question-screen h1{flex:none;margin:3px auto!important;font-size:clamp(18px,2.5vw,30px);max-height:22dvh;line-height:1.2;overflow:hidden}
.playing .question-screen .instruction,.playing .question-screen .bs-progress,.playing .question-screen .connect-progress{flex:none;font-size:12px;margin:1px 0!important;line-height:1.2}
.playing .question-screen .timer{flex:none;margin:2px 0;height:4px}.playing .question-screen #answer-area{flex:1;min-height:0;display:flex;flex-direction:column}
.playing .question-screen .answers{flex:1;min-height:0;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px}
.playing .question-screen .answer{min-width:0;min-height:0!important;height:auto;box-sizing:border-box;padding:8px 9px 8px 26px;overflow:hidden}.playing .question-screen .answer-text{font-size:clamp(13px,1.8vw,23px);line-height:1.2;overflow:visible!important;min-height:0;white-space:normal}.playing .question-screen .shape{left:7px;top:7px;font-size:11px}
.playing .question-screen .game-controls{position:relative;flex:none;z-index:40;margin:2px 0!important;min-height:40px;display:flex;justify-content:center}.playing .question-screen .game-controls>button{min-height:40px;padding:7px 20px;margin:0}.playing .question-screen .game-controls:has(.auto-submit-status){display:none!important;min-height:0}.playing .question-screen #answer-status{flex:none;font-size:11px;line-height:1.2;margin:1px 0;max-height:28px;overflow:auto}.playing .question-screen #answer-status:empty{display:none}
.playing .question-screen.question-long{height:auto!important;min-height:calc(100dvh - 16px)!important}.playing .question-screen.question-long #answer-area{flex:none}.playing .question-screen.question-long .answers{grid-auto-rows:minmax(64px,min-content)!important;height:auto}.playing .question-screen.question-long h1{max-height:none!important}.playing .question-screen.question-long .game-controls{position:sticky;bottom:0;background:#211735;padding:5px;border-radius:10px}
#toast{pointer-events:none!important;bottom:auto!important;top:9px!important;left:50%;transform:translateX(-50%);max-width:min(500px,75vw);max-height:80px;overflow:auto;z-index:100;color:#fff!important}.playing:after{content:'';position:fixed;inset:0;border:5px solid var(--team-colour,transparent);pointer-events:none;z-index:96;box-sizing:border-box}
.lobby-name-wall [data-switch-team]{opacity:0;pointer-events:none;transition:opacity .12s}.lobby-name-wall li:hover [data-switch-team],.lobby-name-wall li:focus-within [data-switch-team]{opacity:1;pointer-events:auto}.lobby-name-wall li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.badge-art{display:inline-block;width:170px;max-width:100%;aspect-ratio:170/155;background-image:url(quiz-badges.png);background-size:548.235% 256.129%;background-repeat:no-repeat;vertical-align:middle}.badge-century{background-position:10.76% 4.96%}.badge-thousand{background-position:36.48% 4.96%}.badge-champion{background-position:62.2% 4.96%}.badge-legend{background-position:89.76% 4.96%}.badge-streak{background-position:10.76% 80.99%}.badge-perfect{background-position:36.48% 80.99%}.badge-image{display:inline-block;width:150px;height:150px;object-fit:contain}.badge-card>div{min-height:150px}.equipped-badge .badge-art,.equipped-badge .badge-image{width:22px;height:22px;max-width:none}.public-profile .equipped-badge .badge-art,.public-profile .equipped-badge .badge-image{width:28px;height:28px}.earned-badges>span{display:flex;align-items:center;flex-direction:column;max-width:160px}.earned-badges .badge-art,.earned-badges .badge-image{width:95px;height:90px}.profile-picture{border-radius:50%}
.cosmetic-shop{margin-top:30px;border-top:1px solid #795c94;padding-top:20px}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cosmetic-preview{height:100px;width:100px;border-radius:50%;display:grid;place-items:center;margin:0 auto;font-size:50px;box-sizing:border-box}.cosmetic-defaults{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.admin-badge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:25px}.admin-badge-list article{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:12px;background:#291c3d;border-radius:12px}.admin-badge-list small{line-height:1.4}#badge-preview .badge-art,#badge-preview .badge-image{width:110px;height:100px}
@media(hover:none){.lobby-name-wall [data-switch-team]{opacity:1;pointer-events:auto}}
@media(max-width:600px){.playing:has(.question-screen) main{padding:5px!important}.playing .question-screen{height:calc(100dvh - 10px)!important;padding:36px 5px 4px!important}.playing .question-screen .game-top{min-height:26px}.playing .question-screen .pill{font-size:10px}.playing .question-screen h1{font-size:22px;max-height:24dvh}.playing .question-screen .game-controls button{width:100%;min-height:40px}.playing .question-screen .answer{padding:13px 6px 6px}.playing .question-screen .shape{top:2px;left:5px}.playing .question-screen .answer-text{font-size:16px}.playing .question-screen .pin-image,.playing .question-screen .reveal-img{max-height:16dvh;margin:2px auto}.admin-tabs{gap:5px}.admin-tabs button{font-size:12px;padding:8px}}
@media(orientation:landscape) and (max-height:500px){.playing .question-screen h1{font-size:19px;max-height:20dvh}.playing .question-screen .game-top{min-height:24px}.playing .question-screen .instruction{font-size:10px}.playing .question-screen .game-controls,.playing .question-screen .game-controls button{min-height:32px;padding:4px}.playing .question-screen .answer{padding:5px 6px 5px 20px}}
.playing .question-screen{background:var(--personal-background,transparent)}
.lobby-name-wall li{position:relative}.lobby-name-wall [data-switch-team]{position:absolute;right:38px;top:50%;transform:translateY(-50%)}.lobby-name-wall li:hover strong,.lobby-name-wall li:focus-within strong{padding-right:32px}@media(hover:none){.lobby-name-wall [data-switch-team]{position:static;transform:none}.lobby-name-wall li strong{padding-right:0}}