:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f2f0e9;background:#111411;--muted:#babbb2;--line:#343933;--red:#d24a36;--panel:#191d19}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{border:1px solid var(--line);background:transparent;color:inherit;padding:10px 13px;border-radius:3px;cursor:pointer}button:hover{background:#30362e}button:disabled{opacity:.5;cursor:wait}a{color:inherit}header{max-width:1500px;margin:auto;padding:24px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand{font-family:Georgia,serif;letter-spacing:.1em;text-decoration:none}.index,.eyebrow,footer,.rules,#connection{font:11px 'Courier New',monospace;letter-spacing:.12em}.index{color:var(--muted)}#account{margin-left:auto;display:flex;gap:10px;align-items:center}main{max-width:1500px;margin:auto}.eyebrow{color:#d24a36;margin:0 0 20px}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400}#welcome{position:relative;min-height:660px;padding:80px 5%;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-content:center;column-gap:60px}#welcome h1{font-size:clamp(44px,5.5vw,88px);line-height:1.05;margin-bottom:26px;grid-column:1}#welcome .eyebrow,#welcome .intro{grid-column:1}.intro{font-family:Georgia,serif;color:var(--muted);font-size:20px;line-height:1.6;max-width:540px}.authbox{grid-column:2;grid-row:1/5;background:var(--panel);padding:30px;border:1px solid var(--line)}h2{font-size:25px}label{display:block;font-size:13px;color:var(--muted);margin:15px 0}input,textarea,select{display:block;width:100%;background:#111411;border:1px solid #50564a;color:#f2f0e9;padding:12px;border-radius:3px;margin-top:7px}textarea{min-height:90px}.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover{background:#af3f2f}#auth-submit{width:100%;margin:12px 0}#auth-toggle{width:100%}.small{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0}#workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;min-height:640px;height:calc(100dvh - 154px)}aside{padding:26px 20px;background:var(--panel);overflow:auto}.rooms{border-right:1px solid var(--line)}.rooms nav button{width:100%;text-align:left;border:0;margin:4px 0;padding:13px}.rooms nav button.active{background:#33372e;border-left:3px solid var(--red);border-radius:0}.rooms>button{display:block;margin-top:12px;width:100%;text-align:left}.rules{line-height:1.8;color:var(--muted);margin-top:36px;letter-spacing:0}.chat{display:flex;flex-direction:column;min-height:0}.room-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}.room-head h1{font-size:31px;margin-bottom:6px}#topic{font-size:13px;color:var(--muted);margin-bottom:0}#connection{margin-left:auto;white-space:nowrap;color:var(--muted);letter-spacing:0}#messages{flex:1;overflow-y:auto;padding:20px 24px}.message{padding:8px 0;line-height:1.55;border-bottom:1px solid #ffffff08;overflow-wrap:anywhere}.message time{font:10px monospace;color:#899183;margin-right:10px}.message .name{font-weight:bold;color:#d7d8ac;margin-right:10px}.message.pm{border-left:2px solid var(--red);padding-left:10px;background:#d24a3609}.message.system{color:var(--muted);font-size:13px}.message .actions{display:inline-flex;gap:6px;margin-left:10px}.actions button{font-size:10px;padding:2px 5px;color:var(--muted)}#compose{display:flex;gap:12px;padding:0 24px}#compose input{margin:0;flex:1;min-width:0}#compose-mode{font:11px monospace;color:var(--muted);padding:10px 24px}.command-help{padding:0 24px 16px;margin:10px 0 0}.people{border-left:1px solid var(--line)}.people h2 span{font:12px monospace;color:var(--muted)}.person{padding:10px 0;border-bottom:1px solid var(--line)}.person strong{font-size:14px;display:block;margin-bottom:8px;overflow-wrap:anywhere}.person button{font-size:11px;padding:5px 8px;margin-right:4px}.person.ignored{opacity:.6}#public-mode{margin-top:18px;width:100%}footer{max-width:1500px;margin:auto;padding:22px 30px;display:flex;gap:25px;border-top:1px solid var(--line);color:var(--muted);letter-spacing:.05em}footer span{margin-right:auto}dialog{color:inherit;background:var(--panel);border:1px solid #62694d;max-width:720px;width:calc(100% - 32px);max-height:85vh;padding:24px}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.dialog-head h2{margin:0}.report{border-top:1px solid var(--line);padding:15px 0}.report pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.report button{margin:6px 6px 0 0}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#d24a36;color:white;padding:15px 24px;max-width:90vw;box-shadow:0 5px 25px #0008;z-index:10}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.prose{max-width:800px;margin:60px auto;padding:0 24px;line-height:1.7}.prose h1{font-size:48px}.prose h2{margin-top:35px}@media(max-width:1000px){#workspace{grid-template-columns:175px minmax(0,1fr) 165px}aside{padding:22px 12px}#welcome{grid-template-columns:minmax(0,1fr) 330px;gap:30px}}@media(max-width:750px){header{padding:18px;gap:12px}.index{display:none}#account button{padding:6px;font-size:12px}#welcome{display:block;padding:40px 24px}.authbox{margin-top:30px;padding:22px}#workspace{height:auto;min-height:0;grid-template-columns:1fr}.rooms{border:0;padding:18px}.rooms .eyebrow,.rooms h2,.rules{display:none}.rooms nav{display:flex;overflow-x:auto}.rooms nav button{width:auto;white-space:nowrap}.rooms>button{display:inline-block;width:auto;font-size:12px}.chat{height:65dvh;min-height:410px}.people{border-left:0;border-top:1px solid var(--line)}#people{display:flex;gap:20px;overflow:auto}.person{min-width:120px}.room-head{padding:16px}.room-head h1{font-size:25px}#messages{padding:14px}#compose{padding:0 14px}footer{padding:20px;flex-wrap:wrap}footer span{width:100%;font-size:10px}}

/* Public Lobby: classic desktop chat window, with scrolling confined to its panes. */
body.aol-chat{color-scheme:light;background:#397bb2;color:#111;font-family:Arial,Helvetica,sans-serif;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:clamp(6px,2vh,18px) clamp(6px,3vw,32px);--muted:#444;--line:#929292;--panel:#d4d0c8}
.aol-chat header,.aol-chat main,.aol-chat footer{width:min(1040px,100%);max-width:1040px;margin:0 auto}
.aol-chat header{background:linear-gradient(90deg,#002c83,#1468c5);color:white;padding:9px 12px;min-height:42px;border:2px solid;border-color:#eef0f5 #555 #555 #eef0f5;gap:12px;flex-wrap:nowrap;flex-shrink:0}
.aol-chat .brand{font:700 15px Arial,sans-serif;letter-spacing:0}.aol-chat .index{font:12px Arial,sans-serif;letter-spacing:0;color:#e5f0ff}.aol-chat #account{gap:8px;font-size:12px;min-width:0}.aol-chat #who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aol-chat main{flex:1;min-height:0;display:flex;flex-direction:column;background:#d4d0c8;border:2px solid;border-color:#eee #555 #555 #eee;padding:8px}
.aol-chat #workspace{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:8px;flex:1;height:100%;min-height:0;width:100%}
.aol-chat .rooms{display:none!important}.aol-chat .chat{height:auto;min-height:0;background:#d4d0c8}
.aol-chat .room-head{padding:6px 4px 10px;border:0;gap:10px;min-width:0}.aol-chat .room-head h1{font:bold 18px Arial,sans-serif;margin:0}.aol-chat #topic{font-size:12px;margin-top:4px}.aol-chat #connection{font:11px Arial,sans-serif;color:#444;white-space:normal;text-align:right}
.aol-chat #messages{background:white;color:#111;border:2px solid;border-color:#777 #fff #fff #777;padding:8px 10px;min-height:0;overscroll-behavior:contain}
.aol-chat .message{padding:3px 0;border:0;font-size:14px;line-height:1.4}.aol-chat .message .name{color:#003b98;margin-right:6px}.aol-chat .message .name::after{content:':'}.aol-chat .message time{color:#666;font-size:10px}.aol-chat .message.system{color:#666;font-size:12px}.aol-chat .message .actions{margin-left:6px}.aol-chat .actions button{padding:0 3px;font-size:10px;background:#eee;color:#555}
.aol-chat button{background:#d4d0c8;color:#111;border:2px solid;border-color:#fff #777 #777 #fff;border-radius:0;padding:5px 12px}.aol-chat button:hover{background:#e5e2dc}.aol-chat button:active{border-color:#777 #fff #fff #777}.aol-chat .primary{background:#d4d0c8;color:#111;border-color:#fff #777 #777 #fff;font-weight:bold}
.aol-chat input,.aol-chat textarea,.aol-chat select{background:white;color:#111;border:2px solid;border-color:#777 #fff #fff #777;border-radius:0;padding:8px}
.aol-chat #compose{padding:8px 0 0;gap:8px;flex-shrink:0}.aol-chat #compose button{min-width:75px}.aol-chat #compose-mode,.aol-chat .command-help,.aol-chat #public-mode,.aol-chat #manage-ignores{display:none!important}
.aol-chat .people{border:0;padding:0;display:flex;flex-direction:column;min-height:0;background:#d4d0c8;overflow:hidden}.aol-chat .people .eyebrow{display:none}.aol-chat .people h2{font:bold 13px Arial,sans-serif;margin:0;padding:9px 5px 12px;flex-shrink:0}.aol-chat .people h2 span{font:inherit;color:inherit}.aol-chat #people{display:block;flex:1;min-height:0;overflow-y:auto;background:white;border:2px solid;border-color:#777 #fff #fff #777;padding:5px;overscroll-behavior:contain}.aol-chat .person{padding:5px 2px;border:0;min-width:0}.aol-chat .person strong{font:12px Arial,sans-serif;margin:0}.aol-chat .person button{margin-top:4px}
.aol-chat footer{padding:7px 10px;background:#d4d0c8;color:#333;border:2px solid;border-color:#eee #555 #555 #eee;gap:12px;font:10px Arial,sans-serif;letter-spacing:0;flex-shrink:0}.aol-chat footer span{font-size:10px}
.aol-chat #welcome{min-height:0;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;overflow:auto;gap:10px}.aol-chat #welcome h1{font:bold clamp(24px,4vw,40px) Arial,sans-serif;margin:0}.aol-chat #welcome .eyebrow{color:#003b98;margin:0}.aol-chat #welcome .intro{font:14px Arial,sans-serif;color:#333;margin:0}.aol-chat .authbox{width:min(400px,100%);background:#d4d0c8;border:2px solid;border-color:#fff #888 #888 #fff;padding:18px;margin:0}.aol-chat h2{font:bold 18px Arial,sans-serif}.aol-chat dialog{background:#d4d0c8;color:#111}.aol-chat .small{color:#444}
@media(max-width:600px){.aol-chat #workspace{grid-template-columns:minmax(0,1fr) 112px;gap:5px}.aol-chat header{padding:7px;gap:6px}.aol-chat .index{display:none}.aol-chat .brand{font-size:12px}.aol-chat #account button{font-size:11px;padding:4px}.aol-chat main{padding:5px}.aol-chat .message{font-size:12px}.aol-chat .message time{display:none}.aol-chat .people h2{font-size:11px}.aol-chat .person strong{font-size:11px}.aol-chat footer{flex-wrap:nowrap;padding:5px}.aol-chat footer span{display:none}.aol-chat #compose{gap:4px}.aol-chat #compose button{min-width:48px;padding:5px}.aol-chat .room-head h1{font-size:16px}}

.aol-chat header .brand,.aol-chat header .index,.aol-chat footer,.aol-chat #welcome>.eyebrow,.aol-chat #welcome>h1,.aol-chat #welcome>.intro,.aol-chat #auth-title,.aol-chat #auth>.small,.aol-chat #topic{display:none!important}
.aol-chat header:has(#account[hidden]){display:none}.aol-chat header{min-height:34px;padding:4px 8px}.aol-chat #welcome{padding:8px}.aol-chat .authbox{border:0;width:min(220px,100%);padding:0}.aol-chat #auth-submit{margin:0;padding:12px}.aol-chat #account{width:100%;justify-content:space-between}.aol-chat .people h2{font-weight:normal}