/* HappyStock Online v15.32.10 — standalone multiplayer play view. */
:root{--online-green:#127a51;--online-dark:#15382b;--online-line:#d9e7df;--online-sub:#687970}
html{background:#edf4ee}body{background:#edf4ee;min-height:100vh;color:#1d3027}
.online-standalone-nav{height:61px;max-width:1120px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.online-standalone-nav a{text-decoration:none;color:#16583d;font-weight:750;font-size:14px;padding:8px 10px;border-radius:9px}
.online-standalone-nav a:hover{background:#dcece3}.online-brand{font-size:21px;font-weight:850;letter-spacing:-.8px;color:#123b2d}.online-brand span{color:#1b9764}.online-brand b{font-size:11px;letter-spacing:1.5px;margin-left:3px;color:#738b7d}
.online-main{width:min(100%,1060px);margin:auto;padding:0 16px 70px}.online-wrap{margin:auto;max-width:970px}.online-intro{text-align:center;padding:11px 0 6px}.online-intro h1{font-weight:840;font-size:clamp(25px,3vw,35px);letter-spacing:-1px;margin:7px 0}.online-intro p{font-size:14px;color:var(--online-sub);line-height:1.65}.online-intro .eyebrow{color:var(--online-green);font-size:11px;font-weight:820;letter-spacing:2px}.online-status{margin:9px auto;min-height:20px;text-align:center;color:#216f4c;font-weight:650;font-size:13px}.online-status.bad{color:#b83131}
.online-panel{background:white;border:1px solid var(--online-line);border-radius:18px;padding:20px;box-shadow:0 8px 32px #183c2810;margin:15px auto}.online-panel h2{font-size:19px;font-weight:800;margin:0 0 13px}.online-panel h3{font-size:16px;font-weight:750;margin:15px 0 6px}.online-panel p{margin:6px 0}.online-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.online-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.online-panel label{display:block;font-size:13px;font-weight:750;margin:8px 0 6px}.online-panel input,.online-panel select,.online-dialog input{width:100%;min-width:0;border:1px solid #cddbd3;border-radius:11px;padding:11px 13px;min-height:46px;font:inherit;color:#24382e;background:white}.online-panel input:focus,.online-panel select:focus,.online-dialog input:focus{outline:2px solid #86cbb0;outline-offset:1px}
.online-panel button,.online-dialog button{font:inherit;cursor:pointer;border:1px solid #bdcfbf;border-radius:11px;padding:9px 14px;min-height:43px;background:#fff;color:#214635;font-weight:700}.online-panel button:hover,.online-dialog button:hover{filter:brightness(.95)}.online-panel button.online-primary,.online-dialog button.online-primary{background:var(--online-green);color:white;border-color:var(--online-green);font-weight:800}.online-action-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.online-action-row input{flex:1}.online-muted{color:var(--online-sub);font-size:13px;line-height:1.65}.online-guess-row{display:flex;gap:10px;align-items:stretch}.online-guess-row>input{flex:1}.online-guess-row>.online-primary{white-space:nowrap}.online-panel hr{height:1px;border:0;background:var(--online-line);margin:22px 0}
/* Requested portrait 9:16 participant panel, top of the play view. */
.online-scoreboard{width:min(100%,410px);aspect-ratio:9/16;max-height:728px;min-height:510px;margin:16px auto 19px;background:linear-gradient(155deg,#163d2e,#0d2c21 65%,#194334);color:#fff;border:1px solid #2d654c;border-radius:23px;box-shadow:0 16px 45px #173c2e33;display:flex;flex-direction:column;padding:21px 17px 15px;overflow:hidden}
.online-board-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.online-scoreboard h2{font-size:22px;font-weight:840;margin:7px 0 1px;color:white}.online-kicker{letter-spacing:2px;font-size:11px;font-weight:800;color:#b6e2cd}.online-board-meta{font-size:12px;color:#c3e0d2;display:grid;gap:5px;border-bottom:1px solid #ffffff32;padding:13px 0}.online-board-meta b{font-size:14px;color:white}
.online-pill{background:#e2f4e9;color:#15623f;border-radius:99px;padding:6px 11px;font-size:11px;font-weight:800;white-space:nowrap}.online-scoreboard .online-pill{background:#e2fff0;color:#0d5639}.online-people{margin:11px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;overflow-y:auto;min-height:0;flex:1;scrollbar-color:#77998a transparent;overscroll-behavior:contain}
.online-player{background:#f9fffd12;border:1px solid #ffffff2c;border-radius:12px;padding:10px 8px;display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:9px;align-items:center;font-size:13px;min-height:61px}.online-player.online-is-me{border-color:#9cddb8;background:#ffffff1e}.online-avatar{width:37px;height:37px;flex:none;border:1px solid #ffffff38;border-radius:50%;background:#4c8f70;color:white;display:grid;place-items:center;font-size:19px;font-weight:850;overflow:hidden}.online-avatar img{width:100%;height:100%;object-fit:cover}.online-person-info{min-width:0;display:grid;gap:2px}.online-person-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-person-caption{font-size:10px;color:#b9d8c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-person-side{display:grid;gap:4px;justify-items:end}.online-person-score{font-size:14px;font-variant-numeric:tabular-nums;color:white}.online-state-chip{display:inline-block;padding:4px 7px;border-radius:6px;font-weight:800;font-size:10px;white-space:nowrap}.online-state-no{background:#5b6b67;color:#fafafa}.online-state-yes{background:#22a55e;color:white}.online-player-tools{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding-top:4px}.online-scoreboard button.online-mini{border-radius:6px;min-height:26px;padding:3px 7px;background:#e7f9ef;color:#20543c;border-color:transparent;font-size:10px}.online-board-footer{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#acd1c0;border-top:1px solid #ffffff32;padding-top:11px;margin-top:11px}
.online-gameplay,.online-graphs{width:min(100%,850px)}.online-play-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.online-play-head h2{margin-bottom:4px}.online-timer{background:#e8f6ee;border:1px solid #d4ede0;color:#167a51;padding:8px 15px;border-radius:14px;text-align:center;min-width:77px}.online-timer span{display:block;font-size:31px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2}.online-timer small{font-size:11px;font-weight:800}.online-search-wrap{position:relative;flex:1;min-width:0}.online-search-wrap input{height:52px;font-weight:670;font-size:16px}.online-panel button.online-guess-submit{padding:11px 27px;min-height:52px;font-size:16px}.online-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:5;margin:0;padding:5px;list-style:none;overflow:auto;max-height:290px;background:white;border:1px solid #bdd6c7;border-radius:12px;box-shadow:0 15px 34px #143e2526}.online-suggestions li button{display:block;min-height:37px;width:100%;border:0;background:white;color:#204231;padding:8px 10px;text-align:left;font-size:13px}.online-suggestions li button:hover,.online-suggestions li button:focus{background:#eaf7f0}.online-submission-note{border-radius:12px;background:#e0f5e8;padding:13px;color:#126039;font-weight:750}.online-lobby-actions{display:flex;justify-content:center;gap:12px;margin:10px auto}.online-panel button.online-ready-cta,.online-panel button.online-start-cta{font-weight:900;font-size:19px;color:white;min-height:65px;padding:13px 28px;border-radius:14px;min-width:min(100%,255px);box-shadow:0 7px 16px #06372122;transition:transform .16s,box-shadow .16s}.online-panel button.online-ready-cta{background:#187a54;border-color:#187a54}.online-panel button.online-ready-cta.online-ready-active{background:#58766a;border-color:#58766a}.online-panel button.online-start-cta{background:#ef9122;border-color:#ef9122;color:#172e24}.online-panel button.online-start-cta:hover,.online-panel button.online-ready-cta:hover{transform:translateY(-2px);box-shadow:0 11px 22px #0637212c}.online-timeout-note{margin-top:13px!important}
.online-section-head{display:flex;justify-content:space-between;align-items:center;gap:9px}.online-section-head h2{margin:0}.online-graph-list{padding:0;margin:17px 0 0;display:flex;flex-direction:column;gap:12px;list-style:none}.online-graph-item{background:#f7faf8;border:1px solid #e4eee7;border-radius:12px;padding:12px;overflow:hidden}.online-graph-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:13px}.online-graph-label b{font-weight:840;white-space:nowrap}.online-graph-label span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-graph-track{width:100%;height:31px;background:#e2eae4;border-radius:6px;overflow:hidden;position:relative}.online-graph-fill{width:var(--graph-width);height:100%;background:var(--graph-color);min-width:65px;display:flex;justify-content:flex-end;align-items:center;border-radius:5px;transform-origin:left center}.online-graph-fill.online-bar-animate{animation:online-fill 650ms cubic-bezier(.18,.85,.24,1) both}.online-graph-rank{font-weight:900;font-size:13px;color:#12231a;padding:0 9px;white-space:nowrap}.online-graph-foot{display:flex;justify-content:space-between;gap:10px;color:#667c6d;font-size:11px;margin-top:8px;font-variant-numeric:tabular-nums}.online-graph-foot strong{color:#27513b}.online-answerline{font-size:14px;color:#126f42;font-weight:750}.online-results{padding-left:22px;font-size:12px;line-height:1.6;color:#45584a}.online-results li{margin-bottom:7px}.online-tools,.online-chat-panel,.online-history-panel{width:min(100%,850px)}.online-header{display:flex;justify-content:space-between;align-items:center;gap:9px}.online-header h2{margin:0}.online-chat{list-style:none;max-height:180px;overflow:auto;padding:0;display:grid;gap:6px}.online-chat li{padding:6px 0;border-bottom:1px solid #edf0ed;font-size:13px;word-break:break-word}.online-chat-form{display:flex;gap:8px}.online-chat-form input{flex:1}
.online-modal{position:fixed;inset:0;background:#102820a9;z-index:99;display:grid;place-items:center;padding:15px}.online-modal[hidden]{display:none!important}.online-dialog{max-height:90vh;overflow:auto;background:white;border-radius:20px;padding:23px;width:min(530px,100%);box-shadow:0 20px 70px #06170c55}.online-dialog h2{font-size:21px;margin:8px 0 15px}.online-dialog p{color:#61756b;font-size:13px;line-height:1.6}.online-dialog form,.online-dialog .online-choice{display:grid;gap:10px}.online-dialog iframe{width:100%;height:min(60vh,590px);border:1px solid #d4dcd7;border-radius:9px}.online-dialog .online-close{float:right;min-height:30px}.online-wrap [hidden]{display:none!important}
@keyframes online-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:650px){.online-standalone-nav{padding:0 11px}.online-brand{font-size:16px}.online-main{padding:0 10px 55px}.online-panel{padding:15px;border-radius:14px}.online-grid,.online-pair{grid-template-columns:1fr}.online-scoreboard{width:min(100%,375px);min-height:500px;padding:17px 12px}.online-guess-row{flex-direction:column}.online-panel button.online-guess-submit{width:100%}.online-graph-label{display:grid;gap:3px}.online-player{grid-template-columns:35px minmax(0,1fr) auto}.online-avatar{width:35px;height:35px}.online-board-footer{font-size:9px}.online-chat-form{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.online-graph-fill.online-bar-animate{animation:none!important}.online-panel button.online-start-cta,.online-panel button.online-ready-cta{transition:none!important}}

/* v15.32.4 — eight fixed 3:4 seats, four columns on desktop */
.online-scoreboard{width:100%;max-height:none;min-height:0;aspect-ratio:auto;background:#123c2d;border-radius:18px;padding:18px 18px 16px;overflow:visible;}
.online-scoreboard h2{font-size:21px}.online-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:12px;overflow:visible;flex:none;margin:18px 0 8px;}
.online-player{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-width:0;min-height:0;aspect-ratio:1/1;padding:10px 7px;background:#ffffff13;border:1px solid #ffffff3d;border-radius:13px;text-align:center;position:relative;}
.online-player.online-is-me{border:2px solid #87e8b0;background:#e6fff11a;}
.online-player .online-avatar{width:clamp(40px,5vw,78px);height:clamp(40px,5vw,78px);font-size:27px;flex:none;}
.online-person-name{font-size:clamp(10px,1.5vw,14px);white-space:normal;overflow-wrap:anywhere;line-height:1.3;min-height:1.3em;display:block;}
.online-crown{color:#ffe29a;font-size:1.3em;vertical-align:baseline;}
.online-state-chip{font-size:clamp(10px,1.1vw,13px);padding:5px 9px;white-space:normal;}
.online-person-score{font-size:clamp(13px,1.65vw,20px);margin-top:auto;line-height:1.2;}
.online-player-tools{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;width:100%;padding-top:3px;}
.online-scoreboard button.online-mini{padding:3px 5px;font-size:10px;min-height:26px;}
.online-player-empty{border:1px dashed #ffffff36;background:#ffffff05;justify-content:center;color:#c8dfd1;}
.online-empty-symbol{display:grid;place-items:center;border:2px dashed #ffffff42;border-radius:50%;width:55px;height:55px;font-size:32px;}
.online-empty-label{font-size:12px;}.online-offline{font-size:10px;color:#fee7a6;}
/* Select-one options with the requested square checkbox appearance. */
.online-difficulty-field{border:0;margin:0;padding:0;min-width:0;}
.online-difficulty-field legend{font-size:13px;font-weight:750;margin:8px 0 6px;}
.online-difficulty-options{display:flex;align-items:center;gap:22px;flex-wrap:wrap;min-height:46px;}
.online-difficulty-options label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:0;font-weight:800;font-size:14px;}
.online-panel .online-difficulty-options input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-height:20px;padding:0;margin:0;border:2px solid #92bda8;border-radius:5px;display:grid;place-items:center;flex:none;cursor:pointer;}
.online-panel .online-difficulty-options input[type=radio]:checked{border-color:#137b52;background:#137b52;}
.online-panel .online-difficulty-options input[type=radio]:checked::after{content:'✓';color:white;font-size:14px;font-weight:950;}
.online-panel .online-difficulty-options input[type=radio]:focus-visible{outline:3px solid #a7e9c5;outline-offset:3px;}
.online-difficulty-block{min-width:0;}
.online-chat-panel{width:100%;margin:15px auto;}.online-chat{max-height:200px;min-height:55px;padding:0;margin:8px 0 12px;}
.online-chat-help{color:#697c70;font-size:12px;line-height:1.6;}
.online-graphs,.online-found-panel{width:min(100%,850px);}
.online-graph-list{gap:9px;}
.online-graph-item{display:flex;align-items:center;gap:10px;min-height:64px;overflow:visible;padding:10px 12px;}
.online-graph-nick{width:clamp(68px,16%,132px);flex:none;overflow-wrap:anywhere;font-size:13px;}
.online-graph-item .online-graph-track{flex:1;min-width:0;height:39px;}
.online-graph-track{position:relative;}
.online-graph-fill{position:absolute;top:0;bottom:0;left:0;min-width:0;display:block;}
.online-reveal-company{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:1;color:#152b20;font-size:13px;font-weight:800;text-shadow:0 1px 1px #ffffff8c;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.online-graph-rank{position:absolute;top:50%;right:7px;transform:translateY(-50%);z-index:1;color:#172c20;text-shadow:0 1px 1px #ffffffa8;}
.online-reveal-delta{min-width:49px;text-align:right;font-size:14px;color:#284936;font-variant-numeric:tabular-nums;}
.online-found-list{display:grid;list-style:none;margin:0;padding:0;gap:10px;}
.online-found-item{display:grid;grid-template-columns:minmax(105px,30%) minmax(0,1fr);align-items:center;gap:12px;background:#f7faf8;padding:10px;border:1px solid #e5eee7;border-radius:10px;}
.online-found-company{display:grid;gap:3px;min-width:0;}.online-found-company strong{font-size:13px;overflow-wrap:anywhere;}.online-found-company span{font-size:11px;color:#758979;}
.online-found-item .online-graph-track{height:29px;}.online-found-item .online-graph-fill{min-width:0;}
@media(max-width:650px){.online-scoreboard{width:100%;min-height:0;max-height:none;padding:12px 10px;}.online-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.online-player{padding:10px 6px;}.online-player .online-avatar{width:clamp(45px,13vw,66px);height:clamp(45px,13vw,66px);}.online-person-name{font-size:13px;}.online-person-score{font-size:17px;}.online-difficulty-options{gap:15px;}.online-graph-item{gap:5px;padding:8px 6px;}.online-graph-nick{width:70px;font-size:11px;}.online-reveal-delta{min-width:36px;font-size:12px;}.online-reveal-company{font-size:11px;left:5px;}.online-found-item{grid-template-columns:100px minmax(0,1fr);gap:7px;}}

/* v15.32.5 - compact square seats, persistent single-line similarity list, final leaderboard */
.online-player{aspect-ratio:1/1;gap:4px;padding:8px 5px;}
.online-player .online-avatar{width:clamp(32px,4vw,62px);height:clamp(32px,4vw,62px);font-size:20px;}
.online-person-name{min-height:0;line-height:1.22;font-size:clamp(10px,1.25vw,13px);}
.online-state-chip{padding:3px 6px;font-size:clamp(9px,1vw,12px);}
.online-person-score{font-size:clamp(12px,1.35vw,17px);margin-top:auto;}
.online-found-list{gap:7px;}
.online-found-item{display:flex;align-items:center;height:34px;min-height:34px;padding:0;gap:0;overflow:hidden;border:1px solid #d8e9df;border-radius:6px;background:#f6faf7;}
.online-found-company{flex:0 0 33%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:32px;padding:0 8px;min-width:0;}
.online-found-item .online-graph-track{height:32px;flex:1;min-width:0;border-radius:0;}
.online-found-item .online-graph-fill{border-radius:0;}
.online-chat-warning{margin:7px 0 2px!important;padding:9px 12px;border:1px solid #efc5a8;border-radius:8px;background:#fff4e9;color:#9a3e19;font-size:12px;font-weight:750;}
.online-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
.online-final-standings{margin:16px 0 0;padding:16px;border:1px solid #e9d8a9;background:#fefcf5;border-radius:14px;color:#243b2b;scroll-margin-top:20px;}
.online-final-standings h2{color:#1c4b31;font-size:22px;margin:0 0 12px;}
.online-final-standings ol{padding:0;margin:0;list-style:none;display:grid;gap:9px;}
.online-final-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;background:#f6f8f6;border:1px solid #e2e8e4;min-height:49px;}
.online-final-row strong{min-width:0;flex:1;overflow-wrap:anywhere;font-size:14px;}
.online-final-row b{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.online-final-medal{width:36px;text-align:center;font-size:21px;font-weight:900;}
.online-final-rank-1{background:linear-gradient(120deg,#fff0b1,#fff9e2);border-color:#dcb64d;box-shadow:0 0 16px #f9ca535e;}
.online-final-rank-2{background:linear-gradient(120deg,#e4e9ee,#fff);border-color:#a5b1bc;box-shadow:0 0 10px #9bb0c35a;}
.online-final-rank-3{background:linear-gradient(120deg,#f2d4bc,#fff3eb);border-color:#c59167;box-shadow:0 0 9px #c49a745c;}
@media(max-width:650px){.online-player{padding:7px 4px;gap:3px;}.online-player .online-avatar{width:clamp(30px,11vw,55px);height:clamp(30px,11vw,55px);}.online-person-name{font-size:11px;}.online-found-company{flex-basis:38%;font-size:12px;padding:0 5px;}.online-final-row{padding:9px 8px;}}

/* Compact host moderation: actions open on demand without increasing square seat height. */
.online-player-tools{position:absolute;right:5px;top:5px;z-index:6;width:auto;padding:0;display:block;text-align:left;}
.online-player-tools summary{list-style:none;cursor:pointer;background:#e3f8eb;border-radius:6px;color:#17513a;font-size:10px;font-weight:800;padding:3px 6px;}
.online-player-tools summary::-webkit-details-marker{display:none;}
.online-mod-actions{position:absolute;right:0;top:25px;min-width:115px;padding:6px;background:#eef9f1;border:1px solid #b3dac5;border-radius:8px;box-shadow:0 7px 16px #001b1366;display:flex;flex-direction:column;gap:4px;}
.online-player-tools:not([open]) .online-mod-actions{display:none;}
.online-scoreboard .online-mod-actions button.online-mini{text-align:left;font-size:11px;white-space:nowrap;}

/* v15.32.6 — pending-player list shown only after your guess is submitted. */
.online-submission-title{display:block;font-size:14px;line-height:1.4;}
.online-waiting-status{margin:8px 0 5px;font-size:13px;font-weight:650;color:#256043;}
.online-waiting-list{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;}
.online-waiting-list li{background:#fff;border:1px solid #b6d7c2;color:#1e5138;border-radius:7px;padding:5px 9px;max-width:100%;overflow-wrap:anywhere;font-size:12px;font-weight:700;}
.online-waiting-list[hidden]{display:none!important;}

/* v15.32.7 — larger seat typography, tighter state-to-score gap; preserve avatar sizing. */
.online-player:not(.online-player-empty){gap:3px;}
.online-person-name{font-size:clamp(12px,1.48vw,17px);line-height:1.18;font-weight:850;}
.online-state-chip{font-size:clamp(11px,1.22vw,15px);line-height:1.15;font-weight:800;}
.online-person-score{font-size:clamp(15px,1.75vw,22px);line-height:1.1;margin-top:1px;font-weight:850;}
@media(max-width:650px){
 .online-player:not(.online-player-empty){gap:2px;padding:6px 4px;}
 .online-person-name{font-size:clamp(12px,3.5vw,15px);}
 .online-state-chip{font-size:clamp(11px,3.2vw,13px);padding:2px 5px;}
 .online-person-score{font-size:clamp(16px,4.25vw,19px);margin-top:0;}
}
@media(max-width:380px){
 .online-player:not(.online-player-empty){gap:1px;padding:4px 3px;}
 .online-person-name{font-size:12px;line-height:1.1;}
 .online-state-chip{font-size:11px;}
 .online-person-score{font-size:16px;}
}
/* Do not let browser scroll anchoring follow subsequent prepend operations. */
.online-graph-list{overflow-anchor:none;}

/* v15.32.8 — two equal-width panels on desktop, small-screen stack. */
.online-chat-play-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch;margin:15px 0;}
.online-chat-play-row>.online-panel{width:100%;max-width:none;margin:0;min-width:0;min-height:228px;box-sizing:border-box;}
.online-chat-panel{display:flex;flex-direction:column;}
.online-chat-panel h2{flex:none;}
.online-chat{max-height:108px;min-height:64px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;}
.online-chat-form{margin-top:auto;min-width:0;}
.online-chat-form input{min-width:0;}
.online-chat-play-row .online-gameplay{display:flex;flex-direction:column;justify-content:space-between;}
.online-chat-play-row .online-gameplay .online-lobby-actions{margin:9px auto;}
.online-chat-play-row .online-guess-row{gap:7px;}
.online-chat-play-row .online-guess-submit{padding-left:13px;padding-right:13px;}
.online-reveal-bottom{display:block;height:1px;overflow:hidden;}
.online-graph-list{justify-content:flex-end;overflow-anchor:none;}
.online-graph-list.online-reserve-space{justify-content:flex-end;}
.online-graph-item{height:64px;min-height:64px;box-sizing:border-box;flex:none;}
@media(max-width:650px){
 .online-chat-play-row{grid-template-columns:minmax(0,1fr);gap:10px;}
 .online-chat-play-row>.online-panel{min-height:0;}
 .online-chat{max-height:105px;min-height:62px;}
 .online-chat-form{flex-direction:row;}
 .online-chat-form input{min-width:0;}
 .online-chat-form button{flex:none;padding:8px 12px;}
}

/* v15.32.10: isolated chat composer, to avoid password-manager/autofill heuristics. */
.online-chat-form textarea{flex:1;min-width:0;width:100%;height:46px;min-height:46px;max-height:46px;resize:none;overflow:hidden;box-sizing:border-box;border:1px solid #cddbd3;border-radius:11px;padding:11px 13px;font:inherit;font-size:16px;line-height:22px;color:#24382e;background:#fff;white-space:nowrap;}
.online-chat-form textarea:focus{outline:2px solid #86cbb0;outline-offset:1px;}
.online-next-round-notice{text-align:center;margin:13px auto 9px!important;padding:13px 12px;border-radius:12px;background:#e8f5eb;color:#17683f;font-size:clamp(15px,2vw,20px);font-weight:900;line-height:1.5;}
.online-next-round-notice[hidden]{display:none!important;}

/* v15.32.13: difficulty explanation directly to the right of the difficulty label. */
.online-difficulty-field legend .online-difficulty-note{display:inline;font-size:11px;font-weight:550;line-height:1.5;color:#5e7568;margin-left:13px;letter-spacing:0;}
@media(max-width:650px){.online-difficulty-field legend .online-difficulty-note{font-size:11px;margin-left:8px;}}