/* Frosted match chat: the history scrolls; the composer and actions stay fixed. */
body.fit-match .match-chat.glossy-chat,.match-chat.glossy-chat{position:relative;isolation:isolate;padding:14px;border:1px solid #d2ecff78;border-radius:24px;background:linear-gradient(145deg,#a8d9fb28,#244c7838 48%,#081a2e9e),#123149b8;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #b6d7ef21,0 12px 32px #03152c42;backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);min-width:0}
.glossy-chat .chat-heading{margin-bottom:12px;gap:8px}.chat-title{display:flex;gap:9px;align-items:center;min-width:0}.chat-glass-icon{width:35px;height:35px;border:1px solid #d4f3ff80;border-radius:12px;display:grid;place-items:center;color:#e9faff;font-size:22px;background:linear-gradient(145deg,#8ecfff7a,#447cb02e);box-shadow:inset 0 1px 0 #ffffff85,0 3px 7px #06203435;flex-shrink:0}body.fit-match .glossy-chat h3,.glossy-chat h3{font:700 17px/1.2 system-ui;color:#f1f8ff;margin:0}.chat-title small{display:block;font-size:11px;color:#bed9ee;margin-top:3px}.glossy-chat .chat-heading .chat-mute{border:1px solid #b8d9f552;border-radius:20px;background:#b0d6ef12;color:#dfedfa;padding:6px 11px;min-height:32px;font-size:12px;flex-shrink:0}
.match-chat.glossy-chat .chat-messages{padding:6px 5px 6px 0;overflow-anchor:none;scroll-behavior:auto;scrollbar-color:#beddfb77 transparent;border-top:1px solid #d1e7fa20}.glossy-chat .chat-messages::-webkit-scrollbar-track{background:transparent}.glossy-chat .chat-messages::-webkit-scrollbar-thumb{background:#a0c8e38c}
.glossy-chat .chat-messages .chat-message{width:fit-content;max-width:91%;margin:7px 0;padding:9px 12px;border:1px solid #d0e5ff38;border-radius:17px 17px 17px 5px;background:linear-gradient(135deg,#a8cced2e,#8cb2d51c);box-shadow:inset 0 1px 0 #ffffff21,0 3px 8px #08233c24;overflow-wrap:anywhere}.glossy-chat .chat-messages .chat-own{margin-left:auto;border-radius:17px 17px 5px 17px;border-color:#a4d5ff62;background:linear-gradient(135deg,#368fec,#3067c5d9);box-shadow:inset 0 1px 0 #c0e8ff5c,0 4px 10px #08233c29}.glossy-chat .chat-message>b{font-size:10px;font-weight:700;letter-spacing:.3px;color:#d3edff}.glossy-chat .chat-other>b{color:#f6dfaa}body.fit-match .glossy-chat .chat-message p,.glossy-chat .chat-message p{font:400 15px/1.45 system-ui;color:#f8fbff;margin:3px 0 0;padding:0;background:none}.glossy-chat .chat-messages .chat-empty{background:none;border:1px dashed #c3ddf42e;border-radius:16px;text-align:center;color:#c5dbed;padding:20px 12px;font-size:13px;line-height:1.5}
.chat-composer{position:relative;flex-shrink:0}.glossy-chat .chat-form{align-items:center;gap:6px;padding:5px;border:1px solid #c5e1fa5c;border-radius:24px;background:linear-gradient(130deg,#d2e8ff1c,#e5f2ff0b);box-shadow:inset 0 1px 1px #ffffff29;margin-top:10px}body.fit-match .glossy-chat .chat-form input,.glossy-chat .chat-form input{font-size:15px;min-height:35px;padding:5px 2px;background:transparent;border:0;border-radius:12px;color:#fff;box-shadow:none;min-width:0}.glossy-chat .chat-form input::placeholder{color:#b7cfe4}.glossy-chat .chat-form input:focus-visible{outline:2px solid #d1eaff;outline-offset:1px}body.fit-match .glossy-chat .chat-form button,.glossy-chat .chat-form button{display:grid;place-items:center;flex-shrink:0;width:35px;min-height:35px;padding:0;border-radius:50%}.glossy-chat .chat-emoji-toggle{border:0;background:transparent;color:#d8edff;font-size:27px!important}.glossy-chat .chat-form .chat-send{border:1px solid #b9e3ff8c;background:linear-gradient(#65b9ff,#3282ee);color:white;box-shadow:inset 0 1px 0 #e1f6ff70,0 2px 5px #06274a42}.chat-send svg{width:20px;height:20px}.glossy-chat button:focus-visible{outline:2px solid #fff0b5;outline-offset:2px}
.glossy-chat .chat-expressions{justify-content:space-between;margin-top:9px;gap:6px}.glossy-chat .chat-expressions button{border:1px solid #d3e9fa50;background:linear-gradient(#b1daf01d,#8db4dc0b);border-radius:14px;font-size:13px;padding:7px 12px;min-height:34px;box-shadow:inset 0 1px 0 #fff2}.glossy-chat .chat-expressions small{font-size:10px;color:#c1d8eb}.glossy-chat .chat-notice{font-size:10px;line-height:1.4;color:#b8d1e7;margin:9px 2px 0}
.chat-emoji-picker{position:absolute;z-index:35;bottom:calc(100% + 8px);left:0;right:0;border:1px solid #dfedff99;border-radius:21px;padding:10px;background:linear-gradient(145deg,#42698af5,#172f4cf7);backdrop-filter:blur(28px) saturate(155%);box-shadow:inset 0 1px 0 #fff6,0 10px 28px #0006}.emoji-picker-title{display:flex;align-items:center;justify-content:space-between;color:#e4f2ff;font-size:12px;padding:0 3px 5px}.emoji-picker-title button{width:25px;height:25px;padding:0;border:0;border-radius:50%;background:#c8dff323;color:#fff;font-size:19px}.chat-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.chat-emoji-grid button{display:grid;place-items:center;min-width:0;min-height:32px;font-size:21px;padding:2px;border:0;border-radius:9px;background:transparent;cursor:pointer}.chat-emoji-grid button:hover{background:#d9efff26;transform:translateY(-1px)}
.chat-emoji-picker[hidden],.glossy-chat .chat-composer[hidden],.glossy-chat .chat-expressions[hidden],.glossy-chat .chat-review-actions[hidden]{display:none!important}.glossy-chat .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glossy-chat .chat-review-actions p{font-size:12px;line-height:1.5}.glossy-chat .chat-review-actions button{font-size:12px;min-height:34px}
@media(max-width:1099px){.match-chat.glossy-chat{max-width:100%;margin-top:8px}.chat-emoji-grid button{min-height:36px}}@media(prefers-reduced-transparency:reduce){.match-chat.glossy-chat,.chat-emoji-picker{background:#183b57;backdrop-filter:none}}body.reduced .glossy-chat{backdrop-filter:none}

/* Preserve the board gap even when the emoji grid contributes intrinsic width. */
body.fit-match .match-left>.match-tools{flex-wrap:nowrap}body.fit-match .match-chat.glossy-chat{width:100%;max-width:100%;flex:0 0 auto;box-sizing:border-box}.glossy-chat .chat-composer,.glossy-chat .chat-form{min-width:0;width:100%;box-sizing:border-box}