*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:12px Tahoma,Arial,sans-serif;color:#271b22}body{background:#d5c5cb}.retro-shell{width:min(1120px,100%);height:100vh;min-height:430px;margin:auto;padding:5px;background:var(--frame,#96576e);border:4px ridge #d99cb1;display:flex;flex-direction:column;gap:5px;box-shadow:0 0 18px #30202b88}.ticker{height:24px;flex:none;overflow:hidden;white-space:nowrap;background:#7d364e;color:#fff4d7;border:1px solid #edbbca;padding:4px 8px;font-weight:bold}.retro-head{height:28px;flex:none;display:flex;align-items:center;gap:15px;padding:2px 7px;color:white;background:#a65776;border:1px solid #f0bbc9}.retro-head b{font-size:15px;flex:1}.retro-head a{color:white}.retro-main{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:5px;flex:1;min-height:0}.chat-pane,.side-pane{background:#eee9e9;border:4px ridge #aa7a8a;min-height:0}.chat-pane{display:flex;flex-direction:column;padding:3px}.room-caption{height:19px;flex:none;background:#f3f7c6;border-bottom:1px solid #aaa;padding:2px 5px;color:#713f50;font-weight:bold}.chat-pane #messages{flex:1;min-height:0;overflow:auto;background:repeating-linear-gradient(to bottom,#eee 0,#eee 23px,#dedede 24px);padding:4px 5px}.msg{min-height:24px;padding:3px 2px;border-bottom:1px solid #ddd;line-height:17px;overflow-wrap:anywhere}.msg:nth-child(odd){background:#ffffff54}.msg small{float:left;color:#927d85;font-size:10px}.msg .avatar{font-size:14px}.compose{height:58px;flex:none;display:flex;gap:4px;padding:4px;background:#f0d8e0;border:1px solid #c08b9d}.compose textarea{resize:none;flex:1;min-width:0;border:1px solid #9f8290;background:#fffdfd;padding:5px;font:12px Tahoma,Arial}.compose-tools{width:32px;display:flex;flex-direction:column;gap:2px}.compose-tools button,.iconbar button,.side-bottom a,.side-bottom button{font:11px Tahoma;background:linear-gradient(#fff,#d9c9cf);border:2px outset #ddd;color:#533541;cursor:pointer}.compose-tools button{height:24px}.compose-tools #sendbtn{height:32px;width:61px;margin-right:-65px;transform:translateX(-65px);z-index:2}.side-pane{display:flex;flex-direction:column;padding:4px;background:#e9dce1}.side-tabs{display:flex;gap:3px}.tab{flex:1;background:linear-gradient(#f4e7eb,#c6abb5);border:2px outset #e5d1d8;height:24px;font-weight:bold;color:#553541;cursor:pointer}.tab.active{background:#f6eaf0;border-style:inset}.iconbar{height:37px;display:flex;gap:3px;align-items:center;justify-content:center;border-bottom:1px solid #b598a2}.iconbar button{width:29px;height:28px;font-size:15px}.side-section{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:4px}.toggle{font-size:11px;padding:3px}.side-search{height:25px;border:1px solid #9e818c;padding:4px;background:#fff}.side-title{background:#c9b1bb;padding:4px;margin-top:4px;font-weight:bold}.side-list{flex:1;min-height:0;overflow:auto;background:#fff;border:1px inset #b7a4ab}.person,.room{display:block;width:100%;padding:5px 4px;text-align:right;border:0;border-bottom:1px solid #eee;background:#fff;font:11px Tahoma;cursor:pointer;color:#403039}.person:hover,.room:hover,.room.selected{background:#e4d5dd;color:#78294d}.side-bottom{height:29px;flex:none;display:flex;gap:5px;padding-top:4px}.side-bottom a{flex:1;text-align:center;padding:5px 2px;text-decoration:none}.hidden{display:none!important}.ad-banner{height:58px;flex:none;background:linear-gradient(110deg,#b85f7c,#d78da4,#b85f7c);border:3px ridge #ecc4d0;color:#fff4f5;display:flex;align-items:center;justify-content:space-around;text-shadow:1px 1px #73384f}.ad-banner strong{font-size:22px}.ad-banner span{font-size:15px}.ad-banner small{font-size:11px}.pwin{position:fixed;z-index:10;right:22%;top:23%;width:min(380px,88vw);height:290px;background:#eee;border:4px ridge #9c6278;box-shadow:4px 5px 15px #33202b88;display:flex;flex-direction:column}.phead{height:27px;flex:none;background:linear-gradient(90deg,#a95372,#d0809b);color:#fff;padding:4px 6px;display:flex;justify-content:space-between;cursor:move}.phead button{height:19px;line-height:10px}.pbody{flex:1;overflow:auto;background:#f7f4f5;padding:4px}.pform{height:34px;display:flex}.pform input{flex:1;min-width:0}.pform button{width:65px}.pwin.minimized{height:28px;overflow:hidden}.toast{position:fixed;z-index:30;bottom:75px;left:50%;transform:translateX(-50%);padding:8px 14px;border:2px ridge #986477;background:#fff0f5;color:#632b45;display:none}.toast.show{display:block}@media(max-width:620px){.retro-shell{height:100dvh;padding:3px}.retro-main{grid-template-columns:minmax(0,1fr) 148px}.side-pane{padding:2px}.ad-banner strong{font-size:17px}.ad-banner span{font-size:11px}.ad-banner small{display:none}.retro-head{gap:8px}.compose-tools{width:29px}}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(#fff4f7,#ae7188)}.loginbox{width:min(460px,94vw);background:#f4e8ed;border:5px ridge #9b5c73;border-radius:7px;padding:22px;box-shadow:0 10px 30px #42263266}.loginbox h1,.loginbox p{text-align:center;color:#733b51}.loginbox label{display:block;margin:12px 0}.loginbox input{display:block;width:100%;padding:10px;margin-top:5px}.loginbox button{padding:9px 16px;background:#a45472;color:white;border:2px outset #d5a7b7;cursor:pointer}.loginbox form>button{width:100%;margin-top:12px}.error{color:#a00}.admin h3{border-bottom:1px solid #ba9aa6;padding-top:10px}.admin button{margin:5px}.admin input[type=color]{height:40px}.admin a{color:#75374e}
.compose-tools{width:38px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:22px 22px;gap:2px}.compose-tools button{height:21px;padding:0}.compose-tools #sendbtn{width:auto;height:21px;margin:0;transform:none;z-index:auto}
.retro-main{direction:ltr}.retro-main>.chat-pane{direction:rtl;grid-column:1}.retro-main>.side-pane{direction:rtl;grid-column:2}.pwin{width:min(340px,88vw);height:240px}.phead{touch-action:none}.pbuttons{display:flex;gap:3px}.pbuttons button{min-width:22px;height:19px;padding:0;cursor:pointer}.pform input{direction:rtl;text-align:right;border:1px solid #9c8790;padding:5px}.pform button{border:2px outset #ddd;background:linear-gradient(#fff,#d9c9cf);cursor:pointer}.pwin.minimized{height:28px}.pwin.minimized .pbody,.pwin.minimized .pform{display:none!important}
html,body,.retro-shell,.admin-page{font-family:Arial,Tahoma,sans-serif}.retro-main{direction:ltr;grid-template-columns:minmax(0,1fr) 218px}.retro-main>.chat-pane{grid-column:1;direction:rtl}.retro-main>.side-pane{grid-column:2;direction:rtl}.msg{padding:4px 5px}.msg-author{font-weight:bold;line-height:18px}.msg-author b{font-weight:700}.msg-body{padding:1px 26px 4px;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}.msg small{font-weight:400}.person-row{display:flex;align-items:center;border-bottom:1px solid #eee}.person-row .person{flex:1;border:0}.member-tools{display:flex;gap:2px;padding:2px}.member-tools button{border:1px solid #b893a1;background:#f8eef1;color:#773f53;cursor:pointer}.emoji-picker{position:absolute;z-index:25;display:grid;grid-template-columns:repeat(5,36px);gap:3px;padding:7px;background:#fff8fa;border:2px ridge #a9637d;box-shadow:0 4px 12px #3336}.emoji-picker button{width:34px;height:32px;background:#fff;border:1px solid #ddc6cf;font-size:20px;cursor:pointer}.emoji-picker.hidden{display:none}.private-picker{bottom:52px;right:5px}.notice-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#24151a88}.notice-modal.hidden{display:none}.notice-modal section{width:min(420px,90vw);padding:18px;background:#fbf1f4;border:5px ridge #a65776;box-shadow:0 8px 25px #21131a99;text-align:center}.notice-modal h2{margin:0;padding:8px;background:#a65776;color:#fff}.notice-modal p{padding:20px;white-space:pre-wrap}.notice-modal button{min-width:100px;padding:8px;border:2px outset #ddd;background:linear-gradient(#fff,#ddcbd2);cursor:pointer}.dnd-toggle{padding:8px;border-top:1px solid #c5aab5}.admin-page{min-height:100vh;background:#e7d9df;color:#34232b}.admin-top{display:flex;align-items:center;gap:18px;padding:8px 16px;background:#793e56;color:white;border-bottom:4px ridge #d69bb0}.admin-top h1{flex:1;font-size:20px}.admin-top a{color:white}.admin-dashboard{max-width:1250px;margin:12px auto;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-card{padding:14px;background:#f7eff2;border:4px ridge #b77e93;box-shadow:0 3px 8px #68445233}.admin-card h2{margin:0 0 10px;padding:7px;background:#ead3dc;color:#71364f;font-size:17px}.admin-card p{line-height:1.6}.admin-card label{display:block;margin:9px 0}.admin-card input,.admin-card textarea,.user-admin-row select{padding:7px;border:1px solid #a98c97;background:#fff}.admin-card label input:not([type=color]){display:block;width:100%;margin-top:4px}.admin-card textarea{width:100%;min-height:90px}.admin-card button{margin:4px;padding:7px 12px;background:linear-gradient(#fff,#dcc8d0);border:2px outset #eee;color:#553440;cursor:pointer}.admin-card .wide,.admin-card.wide{grid-column:1/-1}.rank-chip{border-radius:12px!important}.admin-list{max-height:260px;overflow:auto;margin-top:10px}.macro-row,.user-admin-row{display:flex;gap:5px;align-items:center;padding:5px;border-bottom:1px solid #decbd2}.macro-row input:first-child{width:100px}.macro-row input:nth-child(2){flex:1;min-width:80px}.user-admin-row span{flex:1}.user-admin-row select{max-width:130px}.admin-toast{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:#fff4f7;border:2px ridge #a65776;padding:9px 20px;display:none}.admin-toast.show{display:block}@media(max-width:700px){.admin-dashboard{grid-template-columns:1fr}.admin-card.wide{grid-column:1}.retro-main{grid-template-columns:minmax(0,1fr) 150px}}
.emoji-picker{position:fixed;left:235px;bottom:92px}.private-picker{position:absolute;left:auto;right:8px;bottom:48px}.pwin{position:fixed}.person-row .person{font-weight:400;text-align:right}.person-row .member-tools{flex:none}.admin-page input,.admin-page select,.admin-page textarea,.admin-page button{font-family:Arial,Tahoma,sans-serif}