.online-card{width:100%;display:flex;align-items:center;gap:23px;text-align:left;margin-top:18px;padding:23px 28px;border:1px solid #537775;border-radius:18px;background:linear-gradient(115deg,#17333788,#12213288)}.online-card>span:nth-child(2){display:grid;gap:6px;flex:1}.online-card strong{font-size:24px}.online-card span>span:last-child{font-size:13px;color:var(--muted)}.online-card-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid #689c91;border-radius:50%;color:#a0e4ce}.online-card-icon .icon{width:30px;height:30px}.online-screen{padding:30px 0 50px;max-width:1200px;margin:auto}.online-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.online-heading h1{font-size:32px;margin:8px 0 0}.online-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:38px 45px;background:linear-gradient(125deg,#14293670,#141c2d);border:1px solid var(--line);border-radius:22px}.online-intro h2{font-size:28px;line-height:1.3}.online-intro p,.online-lobby>p{color:var(--muted);line-height:1.65}.online-emblem{display:grid;place-items:center;width:80px;height:80px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.online-emblem .icon{width:38px;height:38px}.formula{padding:14px 17px;border-left:2px solid var(--gold);font-size:13px;color:var(--cream)!important;background:#e7bf7608;line-height:1.7}.online-form{display:grid;gap:14px}.online-form label{font-size:13px;color:var(--muted)}.online-form input{width:100%;min-width:0;border:1px solid #38475c;background:#0b1423;border-radius:9px;padding:15px 17px;color:var(--cream);font-size:17px}.online-join{display:grid;grid-template-columns:1fr auto;gap:10px}#on-code{letter-spacing:4px;text-transform:uppercase}.online-divider{text-align:center;font-size:12px;color:var(--muted);margin:8px 0}.online-error{color:#ffc2c7;border:1px solid #8e4353;background:#3c1e2d;padding:14px;border-radius:10px;line-height:1.5}.room-toolbar{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 16px;color:var(--muted);font-size:12px}.room-toolbar strong{color:var(--gold);letter-spacing:4px;font-size:18px;margin-left:8px}.room-toolbar>button:last-child{margin-left:auto}.online-lobby{text-align:center;max-width:700px;margin:40px auto}.online-lobby h2{font-size:34px}.lobby-players{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.lobby-player{min-width:0;padding:18px 10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;justify-items:center;gap:8px}.lobby-player strong{max-width:100%;overflow-wrap:anywhere}.lobby-player small{font-size:10px;color:var(--muted)}.player-avatar{display:grid;place-items:center;height:42px;width:42px;border:1px solid #716448;border-radius:50%;color:var(--gold);font-size:22px}.online-play{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px;padding-top:22px}.online-round{display:flex;align-items:center;gap:15px}.online-round>span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.online-round>strong{font-size:25px;color:var(--gold);margin-left:auto}#on-board-button{display:none}.online-clock{display:flex;align-items:center;gap:14px;margin:16px 0}.online-clock-track{height:5px;flex:1;background:#253248;border-radius:8px;overflow:hidden}.online-clock-track i{display:block;height:100%;background:var(--gold);transition:width .15s linear}.online-clock strong{font-size:23px;font-variant-numeric:tabular-nums;min-width:52px}.online-clock strong.urgent{color:var(--red)}#on-locked-count{color:var(--muted);font-size:12px;min-width:90px}.online-lifelines{margin:18px 0 22px;gap:34px}.online-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:18px;min-height:48px}.online-controls p{font-size:13px;color:var(--muted);line-height:1.4;margin:0}.online-hint{padding:12px 16px;background:#183333;border:1px solid #406257;border-radius:10px;margin-top:12px;display:grid;gap:7px;font-size:13px}.online-hint small{color:var(--muted)}.online-board{border:1px solid var(--line);border-radius:16px;background:#121b2a;padding:20px;align-self:start}.online-board h2{font-size:17px;margin:0 0 18px}.online-player{padding:15px 0;border-bottom:1px solid var(--line)}.online-player.is-me .player-heading>strong{color:var(--gold)}.player-heading{display:flex;align-items:center;gap:10px}.player-heading>strong{font-size:14px;overflow-wrap:anywhere;min-width:0}.player-heading>b{margin-left:auto;white-space:nowrap;font-size:14px;color:var(--gold)}.player-place{font-size:12px;color:var(--muted)}.online-player>small{display:block;color:var(--muted);margin:8px 0 0 25px;font-size:10px}.online-connection{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:25px;padding-top:12px;border-top:1px solid var(--line)}.online-results{text-align:center;padding-top:30px;max-width:850px;margin:auto}.online-results h2{font-size:30px;overflow-wrap:anywhere}.online-results .result-trophy{margin:auto}.online-results .online-player{margin:15px 0;text-align:left;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.online-results .player-heading>strong,.online-results .player-heading>b{font-size:18px}.player-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;color:var(--muted);font-size:12px}.player-stats>span{display:grid;gap:7px}.player-stats strong{color:var(--cream);font-size:18px}.online-player summary{cursor:pointer;font-size:12px;color:var(--gold);padding:7px 0}.online-round-results>div{display:grid;grid-template-columns:40px 1fr 1fr 1fr 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.online-round-results strong{text-align:right}.online-results>.btn{margin-top:12px}.online-main{min-width:0}.online-main .answer.eliminated{visibility:visible;opacity:.16}.online-main .answer:disabled.correct,.online-main .answer:disabled.wrong,.online-main .answer:disabled.selected{opacity:1}
@media(max-width:1000px){.online-play{grid-template-columns:minmax(0,1fr)}.online-board{display:none}#on-board-button{display:inline-flex;font-size:11px}.online-entry{gap:30px;padding:28px}.online-intro h2{font-size:23px}}
@media(max-width:580px){.online-card{padding:17px;gap:14px;margin-top:12px}.online-card-icon{width:40px;height:40px;flex-shrink:0}.online-card strong{font-size:19px}.online-card .eyebrow{font-size:7px;letter-spacing:1px}.online-card span>span:last-child{font-size:10px}.online-screen{padding:16px 0 25px}.online-heading{margin-bottom:18px}.online-heading h1{font-size:24px}.online-heading>.text-button{font-size:10px}.online-entry{grid-template-columns:1fr;gap:25px;padding:23px}.online-emblem{width:50px;height:50px}.online-emblem .icon{width:26px;height:26px}.online-intro h2{font-size:20px}.online-intro p{font-size:12px}.room-toolbar{gap:12px;font-size:9px;padding-bottom:10px}.room-toolbar strong{font-size:15px;letter-spacing:2px;margin-left:4px}.room-toolbar button{font-size:10px}.online-play{padding-top:14px;gap:14px}.online-round{gap:10px}.online-round>span{font-size:10px;letter-spacing:0}.online-round>strong{font-size:20px}#on-board-button{font-size:9px}.online-clock{gap:10px;margin:10px 0}.online-clock strong{font-size:19px;min-width:42px}#on-locked-count{font-size:10px;min-width:77px}.online-lifelines{margin:10px 0 14px;gap:27px}.online-lifelines .lifeline-orb{height:32px;width:52px}.online-lifelines .lifeline{font-size:9px;gap:5px}.online-main .question-panel{padding:12px 16px 17px}.online-main .question-panel h2{font-size:17px;line-height:1.35}.online-main .answers{margin-top:12px;gap:8px}.online-main .answer{min-height:45px;padding:10px 14px;font-size:13px}.online-controls{margin-top:12px;gap:10px;min-height:44px}.online-controls p{font-size:11px}.online-controls .btn{font-size:11px;padding:12px;white-space:nowrap}.online-connection{margin-top:16px;font-size:9px}.online-connection button{font-size:9px}.online-lobby{margin:25px auto}.online-lobby h2{font-size:27px}.online-lobby>p{font-size:12px}.lobby-players{grid-template-columns:repeat(2,1fr)}.online-results h2{font-size:25px}.online-results .online-player{padding:16px}.player-stats{grid-template-columns:1fr 1fr;font-size:11px}.online-results .player-heading>strong,.online-results .player-heading>b{font-size:14px}.online-round-results>div{grid-template-columns:26px 24px 1fr 1fr 1fr;font-size:10px;gap:5px}.online-results .saved-message{font-size:12px}.online-hint{font-size:11px;padding:9px}.online-main .feedback{font-size:12px;padding:12px}.online-main .feedback p{font-size:11px}}
@media(max-width:580px) and (max-height:760px){body.in-game .online-heading{display:none}.online-main .question-panel{padding:9px 14px 12px}.online-main .question-panel h2{font-size:16px}.online-main .answer{min-height:42px;font-size:12px}.online-screen{padding-top:12px}.online-connection{margin-top:12px}.online-clock{margin:8px 0}.online-lifelines{margin:8px 0 12px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:580px){body.in-game .online-heading,body.in-game .room-toolbar,body.in-game .online-connection{display:none}.online-screen{padding:6px 0 12px}.online-play{padding-top:0}.online-main{display:grid;grid-template-columns:1fr auto;column-gap:20px}.online-round{grid-column:1}.online-round>strong{font-size:20px}.online-clock{grid-column:1;grid-row:2;margin:7px 0}.online-lifelines{grid-column:2;grid-row:1/3;margin:5px 0;gap:14px}.online-main .question-panel,.online-main .answers,.online-controls,.online-hint,.online-main .feedback{grid-column:1/-1}.online-controls{margin-top:8px;min-height:36px}.online-controls .btn{min-height:36px;padding:8px 14px}.online-controls p{font-size:11px}.online-lifelines .lifeline>span:last-child{display:none}}
@media(min-width:1001px) and (max-height:950px){body.in-game .online-heading{display:none}body.in-game .online-screen{padding-top:15px;padding-bottom:18px}body.in-game .online-play{padding-top:15px}body.in-game .online-main .question-panel{padding-top:17px;padding-bottom:22px}body.in-game .online-main .question-panel h2{margin-top:14px}body.in-game .online-lifelines{margin:12px 0 17px}body.in-game .online-connection{margin-top:17px}}
@media(max-width:580px) and (max-height:760px){body.in-game .online-screen{padding-bottom:8px}body.in-game .room-toolbar{padding-bottom:8px}body.in-game .online-connection{margin-top:8px;padding-top:8px}body.in-game .online-play{padding-top:10px}body.in-game .online-lifelines{margin:6px 0 10px}}
@media(max-width:580px) and (max-height:600px){body.in-game .room-toolbar,body.in-game .online-connection{display:none}body.in-game .online-play{padding-top:0}body.in-game .online-lifelines .lifeline>span:last-child{display:none}body.in-game .online-main .answer{min-height:39px;padding:9px 12px}}
.online-mode.in-game .bottom-bar{display:none}
@media(max-width:580px){.online-mode.in-game .online-heading{display:none}}
@media(max-width:580px) and (max-height:760px){.online-mode.in-game .room-toolbar{display:none}}