.game-hero{margin-bottom:14px}.game-emblem{font-size:5rem;color:var(--accent);align-self:center;justify-self:center}.game-badge{border:1px solid #ffffff60;border-radius:24px;padding:8px 14px;font-size:.8rem}.game-level{display:flex;align-items:center;gap:20px;margin:18px 0 28px;font-size:.8rem;color:var(--muted)}.game-level progress{flex:1;max-width:400px}.game-modes{margin-bottom:28px}.game-modes p{font-size:.85rem;color:var(--muted);line-height:1.65;flex:1;margin:0}.game-modes h2{margin:0}.game-modes button{margin-top:auto}.game-mode-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green);font-size:1.7rem}.game-ranking{margin-top:24px}.game-you{background:var(--soft)}.game-status{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:.9rem}.game-status>span{background:var(--paper);border:1px solid var(--line);padding:12px 16px;border-radius:10px}.game-progress{width:100%;margin:16px 0 24px;height:8px}progress{accent-color:var(--green)}.game-question{padding:32px}.game-question>h2{font-size:1.5rem;line-height:1.55;margin:18px 0 28px;max-width:850px}.game-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.game-answers .game-answer{display:flex;align-items:center;gap:14px;min-height:105px;text-align:left;padding:20px;font-size:1rem;line-height:1.5;border:2px solid var(--line);border-left-width:7px;background:var(--paper);color:inherit}.game-answer>span:first-child{font-size:1.4rem}.game-answers .game-answer-0{border-left-color:#bd4350}.game-answers .game-answer-1{border-left-color:#3975bf}.game-answers .game-answer-2{border-left-color:#b48725}.game-answers .game-answer-3{border-left-color:#438b68}.game-answers .game-answer:hover:not(:disabled){background:var(--soft);border-color:var(--green)}.game-answer:disabled{opacity:.65;cursor:default}.game-feedback{padding:20px;border:1px solid var(--line);border-left:5px solid var(--green);background:var(--soft);border-radius:10px;margin:18px 0;line-height:1.6}.game-feedback h2{font-size:1.1rem}.game-feedback h2 span{float:right;font-size:.9rem}.game-wrong{border-left-color:#bb7935}.game-feedback p{margin:10px 0}.game-footer{display:flex;align-items:center;gap:18px;margin-top:20px}.game-review{padding:18px 0;border-bottom:1px solid var(--line)}.game-review summary{cursor:pointer;line-height:1.6}.game-review:last-child{border:0}.game-question #game-error{margin-top:16px}.game-status #game-clock{font-variant-numeric:tabular-nums;min-width:100px;text-align:center}button[data-game]:focus-visible{outline:3px solid var(--green);outline-offset:4px}.high-contrast .game-answers .game-answer{border-color:currentColor}
@media(max-width:720px){.game-emblem{display:none}.game-answers{grid-template-columns:1fr}.game-answers .game-answer{min-height:75px;padding:15px}.game-question{padding:20px}.game-question>h2{font-size:1.2rem}.game-status{display:grid;grid-template-columns:1fr 1fr}.game-status>span{padding:10px}.game-level,.game-footer{align-items:stretch;flex-direction:column}.game-feedback h2 span{float:none;display:block}.game-ranking .section-title{align-items:start;flex-direction:column;gap:10px}}

.live-lobby-card,.live-member,.live-lobby-status{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.live-lobby-card{padding:20px 0;border-top:1px solid var(--line)}.live-lobby-card h3{margin:0 0 8px}.live-lobby-card p{margin:0 0 6px}.live-lobby-status{justify-content:flex-start;margin-bottom:24px}.live-member{padding:16px 0;border-bottom:1px solid var(--line)}.live-countdown{text-align:center}.live-countdown strong{display:block;font-size:4rem;color:var(--green)}.live-lobby-dialog{max-width:560px}.live-lobby-dialog label{display:block;margin-bottom:16px}.game-modes button+button{margin-top:8px}
@media(max-width:720px){.live-member,.live-lobby-card{align-items:stretch;flex-direction:column}.live-member button{align-self:flex-start}}

.live-lobby-dialog [hidden]{display:none}