.chat-main{padding-top:34px;padding-bottom:42px;max-width:1080px}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.chat-heading h1{font-size:36px;margin-bottom:10px}.chat-heading .sub{margin-bottom:15px}.chat-heading .eyebrow{margin-bottom:10px}.chat-heading>.btn{flex-shrink:0}.chat-card{padding:22px;margin:18px 0;background:linear-gradient(150deg,#112333,#081822);border:1px solid var(--line);border-radius:18px}.chat-card[hidden],#chat-account[hidden]{display:none}#chat-login h2,#chat-denied h2{font-size:24px}#chat-login-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:24px}#chat-login-form label span{display:block;font-size:14px;margin-bottom:7px}.chat-main input:not([type=checkbox]),.chat-main textarea{width:100%;min-height:48px;background:#07131d;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 12px}.chat-main .btn{min-height:44px;padding:9px 18px;font-size:14px}#chat-status{min-height:24px;color:var(--cyan);margin:10px 0}#chat-status.error{color:var(--bad)}#chat-account{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0}#chat-nickname{font-size:17px;color:var(--gold)}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.chat-toolbar strong{font-size:19px}.chat-toolbar small{display:block;color:var(--dim);font-size:12px}.chat-tools{display:flex;align-items:center;gap:15px}.chat-tools label{display:flex;align-items:center;gap:7px;font-size:13px}.chat-tools input{width:18px;height:18px;accent-color:var(--cyan)}.chat-note{font-size:13px;color:var(--dim);margin:12px 0}.chat-messages{height:clamp(270px,48vh,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#304b5c #081722;border:1px solid #75e4d616;border-radius:12px;padding:14px;background:#07131d}.chat-message{padding:10px 12px;margin:5px 0;background:#102330;border:1px solid #75e4d61c;border-radius:12px;overflow-wrap:anywhere}.chat-message.own{border-color:#e0c28455;background:#222735}.chat-message header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.chat-message strong{font-size:14px;color:var(--cyan)}.chat-message.own strong{color:var(--gold)}.chat-message time{font-size:11px;color:var(--dim);white-space:nowrap}.chat-message p{font-size:15px;line-height:1.6;margin:4px 0 0;white-space:pre-wrap}.chat-more,.chat-new{border:1px solid var(--line);background:#172a37;color:var(--cyan);font:inherit;border-radius:9px;padding:7px 12px;margin-bottom:10px}.chat-new{margin-top:9px;margin-bottom:0}#chat-compose{margin-top:18px}#chat-compose>label{font-size:14px;display:block;margin-bottom:8px}.chat-compose-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.chat-compose-row textarea{resize:vertical;max-height:160px}.chat-compose-help{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--dim);margin-top:7px}.chat-main button:disabled{opacity:.45;cursor:default}.chat-empty{color:var(--dim);text-align:center;padding:60px 10px}@media(max-width:650px){.chat-main{padding-top:24px}.chat-heading{display:block}.chat-heading h1{font-size:29px}.chat-heading>.btn{margin:2px 0 9px}.chat-card{padding:14px}.chat-toolbar{align-items:flex-start}.chat-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px}.chat-tools label{font-size:12px}#chat-login-form{grid-template-columns:1fr}.chat-compose-row{grid-template-columns:1fr}.chat-compose-row button{width:100%}.chat-messages{height:42vh;min-height:240px;padding:8px}.chat-message{padding:9px}.chat-compose-help span:first-child{max-width:65%}.chat-toolbar strong{font-size:17px}}

/* A compact header keeps room for conversation on a phone. */
body .nav .links,body .nav .nav-play{display:none}body .nav .wrap{grid-template-columns:1fr auto;min-height:60px}.chat-heading .sub{font-size:14px}.chat-compose-help{flex-wrap:wrap}@media(max-width:650px){.chat-main{padding-top:18px}.chat-heading h1{font-size:25px}.chat-heading .eyebrow{font-size:10px;margin-bottom:4px}.chat-heading .sub{font-size:13px;line-height:1.6;margin-bottom:8px}.chat-heading>.btn{font-size:12px;min-height:36px;padding:7px 12px}.chat-toolbar small{font-size:11px}#chat-account .btn{min-height:36px;padding:6px 12px}.chat-messages{height:40dvh;min-height:220px}}