/* Online Company Similarity, v15.32.98. This sheet is loaded by the online room only. */:root{--room-ink: var(--hs-night-text,#1b2338);--room-sub: var(--hs-night-muted,#536077);--room-line: var(--hs-night-line,#dce2ed);--room-soft: var(--hs-night-blue-tint,#f4f6fb);--room-blue: #414fc2;--room-deep: var(--hs-night-violet-ink,#232c64);--room-strong: #303da3;--room-radius: 18px;--room-pad: clamp(18px, 2.2vw, 28px);--room-width: 1120px;
}body{background: var(--hs-night-page,#f4f6fa);color: var(--room-ink); }.online-main, .online-standalone-nav, .online-modal{line-height: 1.5; }.online-wrap, .online-standalone-nav{width: min(calc(100% - 48px), var(--room-width));margin-inline: auto; }.online-main{padding: 0 0 clamp(32px, 6vw, 80px); }.online-wrap [hidden], .online-modal[hidden], .online-modal [hidden]{display: none !important; }.online-wrap :is(h1,h2,h3,p,ol,ul), .online-modal :is(h2,p){margin: 0; }.online-wrap :is(ol,ul){list-style: none;padding: 0; }.online-wrap :is(h1,h2,h3), .online-modal h2{color: var(--room-ink);overflow-wrap: anywhere;text-wrap: balance; }:lang(ko) :is(.online-wrap,.online-modal) :is(h1,h2,h3,p,label,button,legend){word-break: keep-all;overflow-wrap: anywhere; }.online-wrap h2, .online-modal h2{font-size: clamp(20px, 2.1vw, 25px);letter-spacing: -.048em;line-height: 1.28;font-weight: 760; }.online-wrap, .online-modal{font-size: 15px; }.online-wrap :is(button,input,textarea,select), .online-modal :is(button,input), .online-standalone-nav summary{font-family: inherit; }.online-wrap :is(button,input,textarea,select), .online-modal :is(button,input){box-sizing: border-box;font-size: 15px;line-height: 1.35;letter-spacing: inherit; }.online-wrap :is(input:not([type=radio]),textarea,select), .online-modal input{width: 100%;min-width: 0;min-height: 46px;color: var(--room-ink);border: 1px solid var(--hs-night-edge,#bec9da);border-radius: 9px;padding: 10px 12px;background-color: var(--hs-night-surface,white);
}.online-wrap :is(input,textarea)::placeholder, .online-modal input::placeholder{color: var(--hs-night-muted,#68758d);opacity: 1; }.online-wrap select{cursor: pointer; }.online-wrap :is(label,legend), .online-modal label{color: var(--hs-night-blue-ink,#34425b);font-weight: 700;font-size: 14px; }.online-wrap label:not(.online-difficulty-options label){display: block;margin-bottom: 7px; }.online-wrap button, .online-modal button{display: inline-flex;align-items: center;justify-content: center;gap: 7px;min-height: 44px;min-width: 0;border: 1px solid var(--hs-night-line,#c4cedf);border-radius: 9px;background: var(--hs-night-surface,#fff);color: var(--hs-night-blue-ink,#34435d);padding: 9px 15px;font-weight: 700;cursor: pointer;transition: background-color .16s, border-color .16s, box-shadow .16s;
}.online-wrap :is(.online-primary,.online-start-cta,.online-ready-cta), .online-modal .online-primary{background: var(--hs-night-violet-fill,var(--room-blue));border-color: var(--hs-night-violet-line,var(--room-blue));color: white;
}.online-wrap .online-ready-active{background: var(--hs-night-inset,#e7f5ef);border-color: var(--hs-night-mint-line,#95ccae);color: var(--hs-night-mint-ink,#17583f); }.online-wrap :focus-visible, .online-modal :focus-visible, .online-standalone-nav :focus-visible{outline: 3px solid var(--hs-night-blue-ink,#6679e3);outline-offset: 3px; }:where(.online-wrap,.online-modal) :is(input,select,textarea):focus{border-color: var(--hs-night-blue-line,#6978d2); }@media (hover:hover){:is(.online-wrap,.online-modal) button:hover{background: var(--hs-night-inset,#eff2fa);border-color: var(--hs-night-blue-line,#919ebe); }.online-wrap :is(.online-primary,.online-start-cta,.online-ready-cta):hover, .online-modal .online-primary:hover{background: var(--hs-night-violet-fill,var(--room-strong));border-color: var(--hs-night-violet-line,var(--room-strong)); }.online-wrap .online-ready-active:hover{color: var(--hs-night-mint-ink,#104c35);background: var(--hs-night-mint-tint,#d5efdf);border-color: var(--hs-night-mint-line,#80b899); }
}.online-wrap button:disabled, .online-modal button:disabled{opacity: .58;cursor: default; }.online-standalone-nav{min-height: 64px;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 12px; }.online-back{justify-self: start;display: inline-flex;align-items: center;min-height: 44px;color: var(--hs-night-secondary,#46516a);font-size: 14px;font-weight: 650; }.online-back:hover{color: var(--hs-night-violet-ink,var(--room-blue)); }.online-brand{display: inline-flex;align-items: baseline;color: var(--hs-night-text,#202a38);font-size: 19px;font-weight: 800;letter-spacing: -.06em;white-space: nowrap; }.online-brand::before{content: "";background: url('/favicon-32x32.png') center / contain no-repeat;height: 24px;width: 24px;margin-right: 6px;align-self: center; }.online-brand > span{color: var(--hs-night-mint-ink,#167249); }.online-brand b{color: var(--hs-night-secondary,#5d6682);font-size: 10px;font-weight: 750;letter-spacing: .09em;margin-left: 6px; }.online-standalone-nav .hs-lang-picker{justify-self: end; }.online-standalone-nav .hs-lang-picker summary{border-color: var(--hs-night-line,#d3dbe6);color: var(--hs-night-secondary,#414c62); }.online-intro{isolation: isolate;position: relative;overflow: hidden;display: grid;grid-template-columns: minmax(0,1.32fr) minmax(0,1fr);align-items: center;gap: 10px;min-height: 212px;padding: 23px clamp(24px,4vw,50px);border-radius: 22px;background: radial-gradient(ellipse at 83% 40%,#354782 0,transparent 52%), linear-gradient(110deg,#172039,#222e5b);
}.online-intro::before{content: "";position: absolute;z-index: -1;inset: 0 0 0 38%;opacity: .33;background-image: radial-gradient(circle,#a2b2ee 1px,transparent 1.3px);background-size: 14px 14px;mask-image: linear-gradient(100deg, transparent 1%,#000 63%); }.arena-hero-copy{position: relative;z-index: 1; }.online-intro .eyebrow{display: inline-flex;align-items: center;width: auto;padding: 0;border: 0;border-radius: 0;background: none;color: #c7d5ff;gap: 8px;letter-spacing: .015em;text-transform: none;font-size: 13px;font-weight: 700;line-height: 1.5; }.online-intro .eyebrow::before{content: "";width: 7px;height: 7px;background: var(--hs-night-teal-tint,#8ce6d1);border-radius: 100%;box-shadow: 0 0 0 4px #8ce6d119; }.online-intro h1{color: #fff;font-size: clamp(35px,4.3vw,55px);line-height: 1.09;letter-spacing: -.055em;margin: 10px 0 12px;font-weight: 780; }.online-intro p{color: #d3dcf1;font-size: clamp(14px,1.45vw,17px);line-height: 1.6;max-width: 36em;text-wrap: pretty; }.arena-hero-art{align-self: stretch;display: grid;place-items: center;pointer-events: none; }.arena-hero-art img{display: block;width: min(100%,320px);height: auto;filter: drop-shadow(0 12px 11px #0b102850); }.online-wrap:has(#onlineRoom:not([hidden])) .online-intro{min-height: 0;display: block;border-radius: 15px;padding: 14px 21px; }.online-wrap:has(#onlineRoom:not([hidden])) .arena-hero-copy{display: flex;align-items: baseline;flex-wrap: wrap;gap: 5px 20px; }.online-wrap:has(#onlineRoom:not([hidden])) .online-intro h1{margin: 0;font-size: clamp(20px,2.5vw,27px);order: -1; }.online-wrap:has(#onlineRoom:not([hidden])) :is(.arena-hero-art,.online-intro p){display: none; }.online-status:not(:empty){margin-top: 12px;padding: 9px 14px;border-radius: 9px;background: var(--hs-night-blue-tint,#e9effb);color: var(--hs-night-blue-ink,#334b79); }.online-status.bad:not(:empty), .online-chat-warning, #onlineModalMessage:not(:empty){background: var(--hs-night-amber-tint,#fff1e8);color: var(--hs-night-red-ink,#8b3818);border: 1px solid var(--hs-night-amber-line,#e8c7b5); }.online-journey{margin: 14px 0 17px; }.online-journey ol{display: flex;align-items: center;justify-content: center;gap: clamp(8px,1.6vw,22px); }.online-journey li{display: flex;align-items: center;gap: 7px;min-width: 0;color: var(--hs-night-secondary,#59657a);font-size: 13px;font-weight: 600; }.online-journey li + li::before{content: "";width: clamp(12px,4vw,66px);height: 1px;margin-right: clamp(0px,.7vw,8px);background: var(--hs-night-blue-tint,#cdd5e2); }.online-journey-num{flex-shrink: 0;display: grid;place-items: center;width: 22px;height: 22px;border-radius: 50%;background: var(--hs-night-blue-tint,#e3e8f1);color: var(--hs-night-secondary,#526077);font-weight: 750;font-size: 12px;font-variant-numeric: tabular-nums; }.online-journey li.is-current{color: var(--hs-night-blue-ink,#3441a3);font-weight: 750; }.online-journey li.is-current .online-journey-num{background: var(--hs-night-violet-fill,var(--room-blue));color: #fff; }.online-journey li.is-complete .online-journey-num{background: var(--hs-night-blue-tint,#e2e5fa);color: var(--hs-night-blue-ink,#4956a3); }.online-panel, .online-scoreboard, .online-final-standings{min-width: 0;background: var(--hs-night-surface,#fff);border: 1px solid var(--room-line);border-radius: var(--room-radius);padding: var(--room-pad);box-shadow: 0 3px 10px #25304d05;
}.arena-entry{display: grid;grid-template-columns: minmax(0,1.3fr) minmax(0,.85fr);gap: 14px 20px;align-items: start; }.arena-entry-side, .arena-play-column, .arena-social-column{display: grid;align-content: start;align-items: start;gap: 16px;min-width: 0; }.arena-card-title{display: flex;align-items: center;gap: 11px;min-width: 0; }.arena-card-title h2{flex: 1;min-width: 0; }.arena-icon{flex: none;width: 33px;height: 33px;position: relative;display: inline-grid;place-items: center;border-radius: 10px;background: var(--hs-night-blue-tint,#eef0ff);color: var(--hs-night-blue-ink,#4552b5);font-style: normal; }.arena-icon::before, .arena-icon::after{content: "";position: absolute;display: block;box-sizing: border-box; }.icon-create::before{height: 15px;width: 2px;border-radius: 2px;background: currentColor; }.icon-create::after{width: 15px;height: 2px;border-radius: 2px;background: currentColor; }.icon-ticket{background: var(--hs-night-inset,#e8f5f1);color: var(--hs-night-teal-ink,#267763); }.icon-ticket::before{width: 18px;height: 12px;border: 1.7px solid;border-radius: 3px;transform: rotate(-12deg); }.icon-ticket::after{height: 7px;margin-left: 5px;border-left: 1.5px dashed;transform: rotate(-12deg); }.icon-players::before{width: 8px;height: 8px;border: 1.7px solid;border-radius: 50%;top: 7px; }.icon-players::after{width: 17px;height: 8px;border: 1.7px solid;border-radius: 8px 8px 2px 2px;top: 17px; }.icon-chat{background: var(--hs-night-inset,#e6f4f0);color: var(--hs-night-teal-ink,#267763); }.icon-chat::before{width: 18px;height: 13px;border: 1.7px solid;border-radius: 4px;top: 8px; }.icon-chat::after{width: 5px;height: 5px;top: 18px;left: 10px;transform: skewY(-30deg);border-left: 1.7px solid;border-bottom: 1.7px solid;background: var(--hs-night-inset,#e6f4f0); }.icon-history::before, .icon-rank::before{width: 15px;height: 11px;border-block: 2px solid; }.icon-history::after, .icon-rank::after{width: 10px;height: 2px;background: currentColor;left: 9px; }.icon-settings::before{width: 17px;height: 8px;border-block: 1.7px solid; }.icon-settings::after{width: 4px;height: 5px;background: currentColor;transform: translate(-4px,-3px);box-shadow: 8px 6px currentColor; }.icon-trophy{background: var(--hs-night-amber-tint,#ffedc1);color: var(--hs-night-amber-ink,#8a590c); }.icon-trophy::before{width: 14px;height: 12px;border: 1.7px solid;border-radius: 2px 2px 8px 8px;top: 7px; }.icon-trophy::after{width: 9px;height: 6px;border-bottom: 2px solid;top: 18px;background: linear-gradient(currentColor,currentColor) center/2px 100% no-repeat; }.arena-lead, .arena-guide p, .arena-policy, .online-muted, .arena-chat-empty, .arena-phase-copy p{color: var(--room-sub);line-height: 1.6;overflow-wrap: anywhere; }.online-wrap .arena-lead{margin: 10px 0 20px; }.online-grid, .online-pair{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 17px 15px; }.online-grid > div, .online-pair > div, .online-difficulty-field{min-width: 0; }.online-grid > :nth-child(-n+2), .online-pair > :nth-child(-n+2){grid-column: 1 / -1; }.arena-limits{color: var(--hs-night-muted,#64738a);margin-inline-start: 7px;font-weight: 500;font-size: 12px;white-space: nowrap; }.online-difficulty-field{border: 0;margin: 0;padding: 0; }.online-difficulty-field legend{padding: 0;margin-bottom: 7px; }.online-difficulty-options{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 7px; }.online-difficulty-options label{display: flex;align-items: center;justify-content: center;gap: 6px;min-height: 44px;min-width: 0;border: 1px solid var(--hs-night-line,#ccd5e3);border-radius: 8px;color: var(--hs-night-blue-ink,#43516b);background: var(--hs-night-surface,#fff);cursor: pointer;font-size: 13px;line-height: 1.25;text-align: center;padding: 6px;overflow-wrap: anywhere;
}.online-difficulty-options label:has(:checked){color: var(--hs-night-violet-ink,var(--room-strong));background: var(--hs-night-blue-tint,#eeefff);border-color: var(--hs-night-blue-line,#7884d8);box-shadow: inset 0 0 0 1px #aeb6f2; }.online-difficulty-options label:focus-within{outline: 3px solid var(--hs-night-blue-ink,#6679e3);outline-offset: 2px; }.online-difficulty-options input{width: 15px;height: 15px;flex: none;margin: 0;accent-color: var(--hs-night-violet-ink,var(--room-blue)); }.online-difficulty-options span{min-width: 0; }.online-difficulty-note{display: inline-block;font-size: 12px;line-height: 1.5;color: var(--hs-night-muted,#617087);margin-top: 7px; }.online-action-row{display: flex;gap: 8px;margin-top: 20px; }#onlineCreate, #onlineJoin{width: 100%;min-height: 46px; }#onlineCreate::after, #onlineJoin::after{content: "→";font-size: 1.05em;line-height: 1; }.arena-join .online-guess-row{display: grid;gap: 8px; }.arena-join .online-guess-row label{margin: 0; }#onlineInviteCode{font-family: ui-monospace,'SFMono-Regular',Consolas,monospace;font-size: 18px;font-weight: 650;letter-spacing: .17em;text-transform: uppercase; }#onlineJoin{background: var(--hs-night-surface,#fff);color: var(--hs-night-teal-ink,#216654);border-color: var(--hs-night-mint-line,#8dbdaf); }#onlineJoin:hover{background: var(--hs-night-inset,#eaf5f0);border-color: var(--hs-night-mint-line,#5b987f); }.arena-guide{padding: 18px var(--room-pad);border: 1px solid var(--hs-night-line,#d8dff0);border-radius: 15px;background: var(--hs-night-blue-tint,#ebeff9); }.arena-guide h2{font-size: 16px;margin-bottom: 5px;color: var(--hs-night-blue-ink,#35446b); }.arena-guide p{font-size: 14px; }.arena-policy{grid-column: 1/-1;font-size: 13px;color: var(--hs-night-secondary,#5b687c);text-align: start; }/* Keep the game and the live room alongside one another without moving form controls between renders. */.arena-room-bar{display: grid;grid-template-columns: auto minmax(0,1fr);align-items: center;gap: 8px 20px;padding: 15px 21px;border: 1px solid var(--hs-night-line,#ccd5e7);border-radius: 14px;background: var(--hs-night-inset,#edf0f9);margin-bottom: 16px; }.online-board-top, .online-board-meta, .online-kicker, .arena-round-info, .arena-stat, .arena-invite-controls{display: flex;align-items: center; }.online-board-top{gap: 12px; }.online-kicker{flex-wrap: wrap;gap: 7px; }.arena-code-label, .arena-stat{color: var(--hs-night-secondary,#526078);font-weight: 600;font-size: 13px; }#onlineCode{font: 750 clamp(17px,2vw,21px)/1.2 ui-monospace,'SFMono-Regular',Consolas,monospace;color: var(--hs-night-blue-ink,#273559);letter-spacing: .075em; }.online-pill, .arena-count{display: inline-flex;align-items: center;gap: 6px;border-radius: 999px;padding: 4px 9px;color: var(--hs-night-blue-ink,#3c489c);background: var(--hs-night-blue-tint,#e3e5fb);font-size: 12px;font-weight: 720;line-height: 1.4; }#onlinePhase{color: var(--hs-night-mint-ink,#245747);background: var(--hs-night-mint-tint,#d7eee5); }#onlinePhase::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #338260; }.online-board-meta{gap: 8px 16px;flex-wrap: wrap;justify-content: end;text-align: end;font-size: 13px;color: var(--hs-night-blue-ink,#495875); }.arena-round-info{gap: 10px; }.arena-stat{gap: 5px; }.arena-stat b{color: var(--hs-night-blue-ink,#29375b);font-variant-numeric: tabular-nums; }.arena-invite-controls{grid-column: 1/-1;gap: 8px;flex-wrap: wrap; }.arena-invite-controls #onlineInviteLink{flex: 1 1 175px;width: auto;min-height: 40px;font-size: 13px;color: var(--hs-night-secondary,#55617a); }.arena-invite-controls button{min-height: 40px;font-size: 13px; }#onlineLeave{background: transparent;color: var(--hs-night-red-ink,#744b54);border-color: var(--hs-night-edge,#cfbcc3); }#onlineLeave:hover{background: var(--hs-night-inset,#faf0f1); }.arena-room-columns{display: grid;grid-template-columns: minmax(0,1.54fr) minmax(292px,1fr);align-items: start;gap: 16px; }.online-gameplay{position: relative;border-color: var(--hs-night-blue-line,#aeb9e4);background: linear-gradient(118deg,var(--hs-night-surface,#fff) 50%,var(--hs-night-inset,#f2f4ff));box-shadow: inset 0 3px 0 #636fce; }.online-play-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 14px; }.arena-play-title{font-size: clamp(22px,2.6vw,30px) !important; }.arena-phase-copy :is(h2 > span,p), .online-timer{display: none; }#onlineRoom[data-phase=lobby] .phase-lobby,
#onlineRoom[data-phase=lobby][data-host=true] .phase-lobby-host,
#onlineRoom[data-phase=lobby][data-host=false] .phase-lobby-player,
#onlineRoom[data-phase=round][data-submitted=false] :is(.phase-guess,.phase-guess-help),
#onlineRoom[data-phase=round][data-submitted=true] .phase-submitted,
#onlineRoom[data-phase=reveal] :is(.phase-reveal,.phase-reveal-help),
#onlineRoom[data-phase=finished] .phase-finish,
#onlineRoom[data-phase=finished][data-host=true] .phase-finish-host,
#onlineRoom[data-phase=finished][data-host=false] .phase-finish-player{display: block; }#onlineRoom:not([data-phase]) .online-gameplay{display: none; }.arena-phase-copy p{margin-top: 8px;font-size: 15px; }#onlineRoom:is([data-phase=round],[data-phase=reveal]) .online-timer{display: grid; }.online-timer{flex: none;align-items: baseline;justify-content: center;grid-template-columns: auto auto;min-width: 82px;gap: 0 3px;border: 1px solid var(--hs-night-line,#d8dff0);border-radius: 12px;background: var(--hs-night-surface,#fff);padding: 6px 11px;text-align: center;color: var(--hs-night-blue-ink,#35437d); }.arena-timer-label{grid-column: 1/-1;color: var(--hs-night-blue-ink,#526285);font-size: 11px;font-weight: 720; }#onlineCountdown{color: var(--room-deep);font-size: clamp(25px,3.4vw,35px);font-weight: 780;font-variant-numeric: tabular-nums;line-height: 1.12; }.online-timer small{font-size: 12px; }.online-lobby-actions:has(button:not([hidden])), #onlineGuessForm:not([hidden]), #onlineSubmitted:not([hidden]){margin-top: 18px; }.online-lobby-actions{display: flex;gap: 8px; }.online-lobby-actions button{min-width: min(100%,155px); }#onlineGuessForm{display: flex;align-items: flex-start;gap: 8px; }.online-search-wrap{position: relative;min-width: 0;flex: 1; }#onlineGuess{padding-inline-start: 39px; }.arena-search-icon{pointer-events: none;position: absolute;top: 16px;left: 14px;width: 13px;height: 13px;border: 1.8px solid var(--hs-night-blue-line,#586789);border-radius: 50%; }.arena-search-icon::after{content: "";position: absolute;right: -4px;bottom: -2px;width: 6px;height: 1.8px;background: #586789;transform: rotate(48deg); }.online-guess-submit{min-height: 46px !important; }.online-suggestions{z-index: 8;position: absolute;top: calc(100% + 4px);left: 0;right: 0;max-height: min(250px,38vh);overflow-y: auto;overscroll-behavior: contain;padding: 5px !important;background: var(--hs-night-surface,#fff);border: 1px solid var(--hs-night-blue-line,#abb7d5);border-radius: 10px;box-shadow: 0 8px 24px #19224127; }.online-suggestions li button{width: 100%;display: block;padding: 9px 10px;min-height: 40px;border: 0;text-align: start;font-size: 14px;overflow-wrap: anywhere; }.online-suggestions button:is(:hover,:focus){background: var(--hs-night-blue-tint,#eef0ff);color: var(--hs-night-violet-ink,var(--room-strong)); }.online-suggestions button:focus-visible{outline-offset: -3px; }.online-submission-note{padding: 14px;border: 1px solid var(--hs-night-line,#b5d4c8);background: var(--hs-night-inset,#edf8f3);border-radius: 10px;color: var(--hs-night-mint-ink,#225d49); }.online-submission-title{font-size: 15px; }.online-waiting-status{margin-top: 4px !important;font-size: 14px; }.online-waiting-list{display: flex;gap: 6px;flex-wrap: wrap;margin-top: 8px !important; }.online-waiting-list li{border: 1px solid var(--hs-night-line,#bddbce);background: var(--hs-night-surface,white);border-radius: 7px;padding: 3px 8px;font-size: 13px;overflow-wrap: anywhere; }.arena-social-column .online-panel, .online-scoreboard{padding: clamp(16px,2vw,23px); }.arena-social-column h2, .online-found-panel h2, .arena-host-settings h2, .online-graphs h2{font-size: clamp(18px,1.9vw,22px); }.arena-count{margin-inline-start: auto;color: var(--hs-night-secondary,#4e5b74);background: var(--hs-night-inset,#f0f2f8);font-variant-numeric: tabular-nums; }.online-people{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px;margin-top: 15px !important; }.online-player:not(.online-player-empty){position: relative;grid-column: 1/-1;display: grid;grid-template-columns: 34px minmax(0,1fr) auto;align-items: center;gap: 3px 9px;padding: 9px 10px;border: 1px solid var(--room-line);border-radius: 10px;background: var(--hs-night-surface,#fff); }.online-player.online-is-me{background: var(--hs-night-inset,#f6f7ff);border-color: var(--hs-night-blue-line,#c0c8f0); }.online-avatar{grid-row: span 2;display: grid;place-items: center;width: 34px;height: 34px;border-radius: 10px;background: var(--hs-night-blue-tint,#e6ebfa);color: var(--hs-night-blue-ink,#455396);font-weight: 750;overflow: hidden; }.online-avatar img{width: 100%;height: 100%;object-fit: cover; }.online-person-name{grid-column: 2;font-size: 14px;line-height: 1.35;overflow-wrap: anywhere; }.online-crown{color: var(--hs-night-amber-ink,#926210); }.online-person-score{grid-column: 3;grid-row: 1 / span 2;color: var(--hs-night-blue-ink,#344272);font-size: 15px;font-variant-numeric: tabular-nums;white-space: nowrap; }.online-state-chip{grid-column: 2;display: flex;align-items: center;gap: 5px;font-size: 12px;line-height: 1.2;color: var(--hs-night-secondary,#59657b); }.online-state-chip::before{content: "";background: #939caf;width: 6px;height: 6px;border-radius: 50%; }.online-state-yes{color: var(--hs-night-mint-ink,#216148); }.online-state-yes::before{background: #33946d; }.online-offline{grid-column: 2/-1;color: var(--hs-night-red-ink,#8c4f3f);font-size: 12px; }.online-player-tools{grid-column: 2/-1;color: var(--hs-night-blue-ink,#51617a);font-size: 12px; }.online-player-tools summary{width: fit-content;cursor: pointer;padding: 4px 9px 4px 0; }.online-mod-actions{display: flex;flex-wrap: wrap;gap: 5px;padding-block: 4px; }.online-mod-actions .online-mini{min-height: 34px;font-size: 12px;padding: 5px 8px; }.online-player-empty{display: flex;justify-content: center;align-items: center;gap: 6px;min-height: 30px;border: 1px dashed var(--hs-night-line,#d5dce7);border-radius: 8px;background: var(--hs-night-surface,#fafbfd);color: var(--hs-night-muted,#68758a);font-size: 12px; }.online-empty-symbol{color: var(--hs-night-muted,#7b879a);font-size: 14px; }.online-chat{max-height: 175px;min-height: 40px;overflow-y: auto;overscroll-behavior: contain;scrollbar-gutter: stable;margin: 12px 0 !important; }.online-chat:empty{display: none; }.arena-chat-empty{display: none;font-size: 14px; }.online-chat:empty + .arena-chat-empty{display: block;padding-block: 16px; }.online-chat li{padding: 5px 0;border-bottom: 1px solid var(--hs-night-line,#edf0f5);font-size: 14px;overflow-wrap: anywhere;white-space: pre-wrap; }.online-chat li:last-child{border: 0; }.online-chat li b{color: var(--hs-night-blue-ink,#30426f); }.online-chat-pending{opacity: .72; }.online-chat-form{display: flex;align-items: flex-start;gap: 7px; }.online-chat-form textarea{height: 44px;min-height: 44px;max-height: 44px;resize: none;overflow: hidden;flex: 1; }.online-chat-form button{white-space: nowrap;font-size: 14px; }.online-chat-warning, #onlineModalMessage:not(:empty){margin-top: 9px !important;border-radius: 8px;padding: 8px 10px;font-size: 13px; }.online-section-head{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 8px; }.online-answerline, .online-next-round-notice{margin-top: 12px !important;padding: 10px 12px;border-radius: 8px;background: var(--hs-night-inset,#e9f4ee);color: var(--hs-night-mint-ink,#245f49);font-size: 14px; }.online-answerline{display: flex;flex-wrap: wrap;align-items: baseline;gap: 7px; }#onlineAnswer{color: var(--hs-night-mint-ink,#194a39);font-size: 17px;overflow-wrap: anywhere; }.online-graph-list{display: flex;flex-direction: column;justify-content: flex-end;gap: 9px;margin-top: 15px !important;overflow-anchor: none; }.online-graph-item{display: flex;align-items: center;gap: 9px;height: 64px;min-height: 64px;flex: none;padding: 8px 10px;border: 1px solid var(--room-line);border-radius: 9px; }.online-graph-nick{width: clamp(65px,17%,128px);min-width: 0;font-size: 13px;overflow-wrap: anywhere;line-height: 1.22; }.online-graph-track{flex: 1;position: relative;min-width: 0;overflow: hidden;height: 34px;border-radius: 6px;background: var(--hs-night-inset,#edf0f5); }.online-graph-fill{position: absolute;inset: 0 auto 0 0;width: var(--graph-width);background: var(--graph-color);transform-origin: left center; }.online-bar-animate{animation: online-fill 650ms cubic-bezier(.18,.85,.24,1) both; }@keyframes online-fill{from{transform: scaleX(0); }to{transform: scaleX(1); } }.online-reveal-company, .online-graph-rank{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;color: var(--hs-night-text,#111a24);background: rgba(var(--hs-night-surface-rgb,255,255,255),0.8627450980392157);border-radius: 4px;padding: 1px 4px;font-size: 12px;font-weight: 750;white-space: nowrap; }.online-reveal-company{left: 5px;max-width: calc(100% - 66px);overflow: hidden;text-overflow: ellipsis; }.online-graph-rank{right: 5px;font-variant-numeric: tabular-nums; }.online-reveal-delta{min-width: 30px;text-align: end;color: var(--hs-night-blue-ink,#344373);font-size: 14px;font-variant-numeric: tabular-nums; }.online-reveal-bottom{display: block;height: 1px;overflow: hidden; }.online-found-list{display: grid;gap: 6px;margin-top: 14px !important; }.online-found-item{display: grid;align-items: center;grid-template-columns: minmax(80px,.64fr) minmax(0,1fr);gap: 10px;border: 1px solid var(--room-line);border-radius: 8px;padding: 5px 7px 5px 10px; }.online-found-company{min-width: 0;font-size: 13px;line-height: 1.4;overflow-wrap: anywhere; }.online-found-item .online-graph-track{height: 27px; }.online-muted{font-size: 14px; }#onlineRoom[data-phase=lobby] .online-found-panel:has(#onlineFoundList:empty){display: none; }.arena-host-settings .online-pair{margin-top: 15px; }.arena-host-settings .online-action-row{justify-content: end; }.online-final-standings{border-color: var(--hs-night-amber-line,#decda4);background: linear-gradient(125deg,var(--hs-night-amber-tint,#fff9e9),var(--hs-night-surface,#fff) 80%);scroll-margin-top: 15px; }#onlineFinalList{display: grid;gap: 7px;margin-top: 15px; }.online-final-row{display: flex;align-items: center;gap: 9px;min-height: 46px;padding: 8px 11px;border: 1px solid var(--hs-night-line,#dce1e9);background: var(--hs-night-surface,#fff);border-radius: 9px; }.online-final-rank-1{background: var(--hs-night-amber-tint,#fff2cb);border-color: var(--hs-night-amber-line,#e2cb89); }.online-final-row strong{flex: 1;min-width: 0;overflow-wrap: anywhere; }.online-final-row b{color: var(--hs-night-blue-ink,#39456b);font-variant-numeric: tabular-nums; }.online-final-medal{display: grid;place-items: center;min-width: 28px;font-size: 19px; }.online-modal{position: fixed;inset: 0;z-index: 100;display: grid;place-items: center;padding: 16px;background: #10172bb0; }.online-dialog{position: relative;width: min(100%,440px);max-height: min(90vh,800px);max-height: min(90dvh,800px);overflow-y: auto;overscroll-behavior: contain;border: 1px solid var(--hs-night-line,#d4dceb);border-radius: 17px;padding: 24px;background: var(--hs-night-surface,#fff);color: var(--room-ink);box-shadow: 0 15px 68px #121a3545; }.online-dialog h2{padding-inline-end: 82px;margin: 3px 0 19px; }.online-dialog .online-close{position: absolute;inset: 13px 13px auto auto;background: transparent;border: none;padding: 6px 9px;color: var(--hs-night-secondary,#535f74);font-size: 13px; }.online-dialog p{color: var(--room-sub);line-height: 1.55;margin-bottom: 13px; }.online-dialog :is(form,.online-choice){display: grid;gap: 9px; }.online-dialog iframe{width: 100%;height: min(53vh,400px);border: 1px solid var(--room-line);border-radius: 10px; }#onlineSignupDone{width: 100%;margin-top: 10px; }@media (min-width: 1800px){:root{--room-width: 1290px; }.online-wrap{font-size: 16px; }
}@media (max-width: 800px){.online-wrap, .online-standalone-nav{width: min(calc(100% - 32px),var(--room-width)); }.arena-room-columns{grid-template-columns: minmax(0,1.35fr) minmax(245px,1fr);gap: 12px; }.arena-entry{grid-template-columns: minmax(0,1.18fr) minmax(0,.92fr);gap: 12px; }.online-difficulty-options{gap: 5px; }.online-difficulty-options label{flex-wrap: wrap;gap: 3px 5px;padding: 5px 3px; }
}@media (max-width: 680px){:root{--room-pad: 18px;--room-radius: 14px; }.online-wrap, .online-standalone-nav{width: calc(100% - 24px); }.online-standalone-nav{min-height: 54px;gap: 6px; }.online-brand{font-size: 16px; }.online-brand::before{width: 21px;height: 21px;margin-right: 3px; }.online-brand b{display: none; }.online-back{font-size: 13px; }.online-intro{min-height: 0;padding: 21px;grid-template-columns: minmax(0,1.6fr) minmax(0,.85fr);border-radius: 16px;gap: 4px; }.online-intro h1{font-size: clamp(29px,5.7vw,39px); }.online-intro p{font-size: 14px; }.online-intro .eyebrow{font-size: 12px; }.online-journey{margin: 12px 0; }.online-journey ol{justify-content: space-between;gap: 4px; }.online-journey li{gap: 4px;font-size: 12px; }.online-journey li+li::before{width: clamp(4px,2vw,16px);margin-right: 1px; }.online-journey-num{width: 19px;height: 19px;font-size: 11px; }.arena-entry{display: flex;flex-direction: column;align-items: stretch;gap: 12px; }.arena-create{order: 0; }.arena-entry-side{gap: 12px; }.arena-join .online-guess-row{grid-template-columns: minmax(0,1fr) auto;align-items: center; }.arena-join .online-guess-row label{grid-column: 1/-1; }.arena-room-columns{display: flex;flex-direction: column;align-items: stretch;gap: 12px; }.arena-play-column,.arena-social-column{display: contents; }.online-final-standings{order: 0; }.online-gameplay{order: 1; }.online-graphs{order: 2; }.online-scoreboard{order: 3; }.online-chat-panel{order: 4; }.online-found-panel{order: 5; }.arena-host-settings{order: 6; }.online-wrap :is(input:not([type=radio]), textarea, select), .online-modal input{font-size: 16px; }.arena-room-bar{padding: 13px 14px;display: flex;flex-direction: column;align-items: stretch;gap: 7px;margin-bottom: 12px; }.online-board-top{justify-content: space-between; }.online-board-meta{justify-content: flex-start;text-align: start; }.arena-invite-controls{display: grid;grid-template-columns: minmax(0,1fr) auto auto;gap: 6px; }.arena-invite-controls:has(#onlineReconnect:not([hidden])) #onlineInviteLink{grid-column: 1/-1; }.arena-invite-controls button{padding: 8px;min-height: 44px; }.arena-invite-controls #onlineInviteLink{min-height: 44px;width: 100%; }.online-wrap:has(#onlineRoom:not([hidden])) .online-intro{padding: 11px 15px; }.online-wrap:has(#onlineRoom:not([hidden])) .arena-hero-copy{gap: 3px 14px; }.online-lobby-actions button{width: 100%; }
}@media (max-width: 460px){.online-intro{display: block;padding: 18px; }.arena-hero-copy .eyebrow{max-width: calc(100% - 70px); }.online-intro h1{max-width: calc(100% - 71px); }.online-intro p{max-width: 100%; }.arena-hero-art{position: absolute;right: 12px;top: 18px;width: clamp(70px,19vw,90px); }.online-wrap:has(#onlineRoom:not([hidden])) .online-intro h1, .online-wrap:has(#onlineRoom:not([hidden])) .eyebrow{max-width: 100%; }.online-wrap:has(#onlineRoom:not([hidden])) .arena-hero-copy{display: block; }.online-wrap:has(#onlineRoom:not([hidden])) .arena-hero-copy .eyebrow{display: none; }.online-graph-item{gap: 5px;padding-inline: 6px; }.online-graph-nick{width: 21%;font-size: 12px; }.online-timer{min-width: 65px;padding: 5px 7px; }.online-wrap .arena-lead{margin: 9px 0 14px; }
}@media (max-width: 375px){.online-journey li+li::before{display: none; }.online-wrap, .online-standalone-nav{width: calc(100% - 20px); }:root{--room-pad: 14px; }.online-standalone-nav .hs-lang-picker summary{padding-inline: 6px; }.arena-limits{margin-inline-start: 4px; }.online-play-head{gap: 8px; }.online-guess-row .online-guess-submit{padding-inline: 9px; }
}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto; }.online-bar-animate{animation: none; }.online-wrap *, .online-modal *{transition-duration: 0s !important; }
}.arena-entry-jump{display: none; }@media (max-width: 680px){.arena-entry-jump{display: inline-flex;align-items: center;justify-content: end;min-height: 44px;padding: 3px 0 3px 4px;color: var(--hs-night-violet-ink,var(--room-strong));font-size: 13px;font-weight: 700;gap: 3px; }.arena-entry-jump::after{content: "↓"; }#onlineInviteCode{scroll-margin: 14px; }
}#onlineRoom[data-phase=lobby] .arena-round-info{display: none; }@media (max-width: 680px){.online-found-panel:has(.online-found-item){order: 2; }
}:is(.online-grid,.online-pair) > div:nth-child(n+3){display: flex;flex-direction: column;justify-content: flex-end; }@media (max-width: 530px){.arena-invite-controls{display: flex;flex-wrap: wrap; }.arena-invite-controls #onlineInviteLink{flex: 1 1 100%; }.arena-invite-controls button{flex: 1 1 auto; }
}