/* A scrolling conversation: older comments fade at the upper edge, while
   history remains readable when the visitor scrolls back. */
.player-body .chat-panel{position:relative;padding:24px 20px 18px;background:radial-gradient(ellipse at 100% 0%,#31e97812,transparent 55%),linear-gradient(170deg,#111d17,#080f0c);border:1px solid #ffffff12;border-radius:26px;box-shadow:0 24px 70px #0004;overflow:hidden}
.chat-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.chat-kicker{display:flex;align-items:center;gap:7px;color:#8dff8f;font-size:9px;letter-spacing:2px;font-weight:700}.chat-kicker:before{content:'';width:5px;height:5px;border-radius:50%;background:#31e978;box-shadow:0 0 12px #31e97870}.player-body .chat-panel h3{font-size:25px;font-weight:700;letter-spacing:-1px;margin:5px 0 0}.chat-heading-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff07;color:#8dff8f;font-size:21px;border:1px solid #ffffff10}.player-body .chat-caption{font-size:10px;line-height:1.6;color:#8ca497;margin-bottom:8px}.player-body .audience-count{border:0;background:#ffffff05;color:#b9d7c4;border-radius:30px;font-size:10px;padding:6px 10px;margin:0 0 10px}.chat-replay-status{color:#7e998b;font-size:9px;line-height:1.5;margin:0 0 4px}
.player-body .chat-messages{height:330px;padding:38px 2px 16px;scrollbar-width:none;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain;mask-image:linear-gradient(to bottom,transparent 0%,#0004 9%,#000b 21%,#000 35%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0004 9%,#000b 21%,#000 35%,#000 100%)}.player-body .chat-messages::-webkit-scrollbar{display:none}.player-body .chat-messages.chat-reviewing{mask-image:none;-webkit-mask-image:none}.player-body .chat-messages>.chat-message:first-child{margin-top:auto}.chat-empty{margin:auto 10px;padding:25px 18px;color:#9bb6a7;font-size:13px;line-height:1.8;text-align:center}
.player-body .chat-message{display:flex;align-items:flex-start;gap:10px;padding:0;border:0;flex-shrink:0}.player-body .chat-avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,#315943,#193326);color:#ccebd8;font-size:11px;font-weight:800;border:1px solid #ffffff12}.player-body .chat-message>.chat-bubble{display:block;min-width:0;flex:1;background:transparent;border:0;border-radius:0;padding:1px 0 0}.player-body .chat-message-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.player-body .chat-message strong{font-size:11px;line-height:1.5;color:#9abaaa;font-weight:600}.player-body .chat-message span{font-size:8px;color:#6f8d7d;white-space:nowrap}.player-body .chat-message p{font-size:13px;line-height:1.6;margin:3px 0 0;color:#edf5ef;overflow-wrap:anywhere;white-space:pre-wrap}.player-body .chat-own .chat-avatar{background:linear-gradient(140deg,#31e978,#b1ff9f);color:#052111;border-color:transparent}.player-body .chat-own>.chat-bubble{background:#31e9780b;border:1px solid #31e97816;border-radius:0 15px 15px 15px;padding:9px 12px}.player-body .chat-own strong{color:#8dff8f}.player-body .chat-own p{color:#f0fff4}
.chat-enter{animation:comment-arrive .42s cubic-bezier(.16,1,.3,1) both}@keyframes comment-arrive{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.player-body #room-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:0 8px;border-top:1px solid #ffffff0c;margin-top:3px;padding-top:14px;position:relative}.player-body #chat-identity{grid-column:1/-1;margin:0 0 10px;font-size:10px;color:#9cb3a7}.player-body #chat-name-field{grid-column:1/-1;margin-bottom:12px}.player-body #room-chat-form .chat-compose-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.player-body #room-chat-form textarea{margin:0;height:46px;min-height:46px;max-height:110px;resize:vertical;background:#ffffff06;border:1px solid #ffffff12;border-radius:23px;padding:12px 15px;color:#f7fbf8;font:12px/1.6 Manrope,Arial,sans-serif}.player-body #room-chat-form textarea::placeholder{color:#799685}.player-body #room-chat-form textarea:focus{outline:2px solid #31e97844;outline-offset:2px;background:#ffffff09}.player-body #room-chat-form button{width:46px;height:46px;min-height:46px;margin:0;padding:0;border-radius:50%;background:linear-gradient(135deg,#31e978,#b1ff9f);color:#052111;font-size:0;box-shadow:0 4px 20px #31e97815;transition:transform .2s,box-shadow .2s}.player-body #room-chat-form button:before{content:'↑';font-size:25px;font-weight:600}.player-body #room-chat-form button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #31e97830}.player-body #room-chat-form button:disabled:before{content:'…'}.chat-send-feedback{grid-column:1/-1;font-size:10px;color:#8dff8f;margin:7px 0 0;min-height:14px;text-align:center}.player-body #room-chat-error{grid-column:1/-1}.player-body #room-chat-error:not(:empty){margin:8px 0 0;padding:10px;border-radius:12px;background:#edba5515;color:#ffd891}.player-body .chat-jump{position:absolute;z-index:2;right:20px;bottom:130px;font-size:10px;padding:8px 12px;border-radius:20px;border:1px solid #31e97830;background:#173824;color:#b2ffc4;box-shadow:0 5px 20px #0005}
@media(max-width:850px){.player-body .chat-panel{padding:20px 18px 15px;border-radius:23px}.player-body .chat-messages{height:300px}.player-body .chat-panel h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.chat-enter{animation:none}.player-body #room-chat-form button{transition:none}}

/* Live comments stay briefly, fade with age, and leave the screen. */
.player-body .chat-message{transition:opacity 1.8s linear,transform 1.8s linear}
.player-body .chat-messages{mask-image:none;-webkit-mask-image:none;gap:12px}
.player-body .chat-message-head{justify-content:flex-start}
@media(prefers-reduced-motion:reduce){.player-body .chat-message{transition:none;transform:none!important}}

.chat-send-feedback:empty{display:none}