html,body{height:100%;margin:0;overflow:hidden}#desktop{height:100%;background:teal;display:flex;align-items:stretch;justify-content:stretch;padding:6px;box-sizing:border-box}#chat-window{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}#chat-window>.title-bar{flex:0 0 auto}#chat-window .title-bar-caption{min-width:0;display:flex;align-items:center;gap:3px}#chat-window .title-bar-icon{flex:0 0 16px;width:16px;height:16px;image-rendering:pixelated}#chat-window .title-bar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu-bar{flex:0 0 auto;display:flex;background:silver;padding:1px 0;user-select:none;font-size:11px}#menu-bar .menu-item{padding:3px 7px;cursor:default}#menu-bar .menu-item:hover,#menu-bar .menu-item.open{background:navy;color:#fff}.menu-popup{position:absolute;z-index:100;background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px gray,inset 2px 2px #fff;padding:2px;min-width:180px;font-size:11px}.menu-popup .popup-item{padding:4px 20px 4px 24px;position:relative;white-space:nowrap}.menu-popup .popup-item:hover:not(.disabled){background:navy;color:#fff}.menu-popup .popup-item.disabled{color:gray}.menu-popup .popup-item.checked:before{content:"✓";position:absolute;left:8px}.menu-popup .popup-sep{height:0;margin:3px 2px;border-top:1px solid grey;border-bottom:1px solid #fff}#toolbar{flex:0 0 auto;display:flex;align-items:center;gap:1px;padding:2px 4px;background:silver;border-top:1px solid #fff;border-bottom:1px solid grey}#toolbar .tb-btn{width:24px;min-width:24px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:silver;border:1px solid transparent;box-shadow:none;padding:0;image-rendering:pixelated}#toolbar .tb-btn:hover{box-shadow:inset -1px -1px gray,inset 1px 1px #fff}#toolbar .tb-btn:active,#toolbar .tb-btn.active{box-shadow:inset -1px -1px #fff,inset 1px 1px gray}#toolbar .tb-btn img{width:16px;height:16px;image-rendering:pixelated}#toolbar .tb-sep{width:1px;height:20px;margin:0 3px;border-left:1px solid grey;border-right:1px solid #fff}#main-body{flex:1;display:flex;margin:0;padding:2px;min-height:0}#comic-pane{flex:1;min-width:0;display:flex;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray,inset -2px -2px #fff,inset 2px 2px #0a0a0a;padding:2px;background:#fff}#comic-scroll{flex:1;overflow-y:scroll;overflow-x:hidden;background:#fff}#comic-canvas{display:block}#side-pane{flex:0 0 196px;display:flex;flex-direction:column;min-height:0}#self-pane{flex:0 0 130px;display:flex;align-items:center;justify-content:center;overflow:hidden}#wheel-pane{flex:0 0 195px;display:flex;align-items:center;justify-content:center;overflow:hidden}#wheel-pane canvas{display:block;max-width:100%;max-height:100%}#member-pane{flex:1 1 40%;min-height:60px;overflow-y:auto;background:#fff;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;align-content:start;padding:4px 0}.member-cell{text-align:center;padding:4px 2px 6px;font-size:11px;overflow:hidden}.member-cell img{width:32px;height:32px;display:block;margin:0 auto 2px}.member-cell .member-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-cell.selected{background:navy;color:#fff}#self-pane{flex:0 0 130px;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray,inset -2px -2px #fff,inset 2px 2px #0a0a0a;background:#fff;padding:2px}#self-canvas{display:block;background:#fff;max-width:100%;max-height:100%}#wheel-pane{flex:0 0 130px;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray,inset -2px -2px #fff,inset 2px 2px #0a0a0a;background:silver;padding:2px}#wheel-canvas{display:block;cursor:crosshair}#input-bar{flex:0 0 auto;display:flex;align-items:center;gap:3px;padding:3px 4px;background:silver}#input-field-wrap{flex:1;display:flex}#input-field{flex:1;height:21px;font-family:Comic Sans MS,Comic Neue,cursive;font-size:12px}#input-buttons{display:flex;gap:1px}#input-buttons button{width:24px;height:23px;min-width:24px;padding:0;display:inline-flex;align-items:center;justify-content:center}#status-bar{margin:0 1px 1px}#status-main{flex:1}#status-room{flex:0 0 160px}#status-users{flex:0 0 110px}.dialog-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center}.dialog-overlay .window{min-width:320px}.dialog-overlay .title-bar{user-select:none;touch-action:none}.dialog-body{padding:10px;font-size:11px}.dialog-buttons{display:flex;justify-content:flex-end;gap:6px;padding:0 10px 10px}.dialog-buttons button{min-width:75px}.account-body{width:360px}.account-intro{margin:0 0 10px}.account-switch,.account-status{margin:8px 0 0}.account-error{margin:6px 0 0;color:#a00000}.account-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.account-quota{margin-bottom:8px}.account-quota-bar{height:14px;border:1px solid #808080;border-top-color:#404040;border-left-color:#404040;background:#fff;padding:1px}.account-quota-bar>span{display:block;height:100%;background:navy}.account-quota-text{margin-top:2px}.account-list{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto;border:1px solid #808080;border-top-color:#404040;border-left-color:#404040;background:#fff}.account-char{display:flex;align-items:center;gap:6px;padding:3px 4px}.account-char-icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;background:#fff}.account-char-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-char-size{color:#404040}.account-empty{padding:8px;color:#404040}.field-row-stacked,fieldset{margin-bottom:8px}.cd-body{width:384px;box-sizing:border-box}.cd-body menu[role=tablist]{margin:0 0 -2px}.cd-body .tab-panel{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;padding:12px;min-height:300px;box-sizing:border-box}.cd-char-layout{display:flex;gap:12px}.cd-char-list-wrap,.cd-char-preview-wrap{display:flex;flex-direction:column;gap:4px}.cd-char-list-wrap{flex:1;min-width:0}.cd-char-list-wrap select{width:100%;height:224px;overflow-y:auto}#cd-char-preview,#cd-bg-preview{background:#fff;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray,inset -2px -2px #fff,inset 2px 2px #0a0a0a}.cd-copyright{margin-top:8px;padding:4px 6px;background:silver;box-shadow:inset -1px -1px #fff,inset 1px 1px gray;font-size:10px;min-height:14px}.rl-empty{padding:40px 24px;text-align:center;color:graytext;font-size:11px;line-height:1.6}#tab-bar{display:flex;gap:2px;padding:3px 4px 0;background:silver;border-bottom:1px solid grey;overflow-x:auto}.room-tab{font-size:11px;padding:3px 10px 4px;min-width:56px;white-space:nowrap}.room-tab:before{content:"";display:inline-block;width:8px;height:7px;margin-right:5px;background:#ffe000;border:1px solid #806c00;border-radius:2px 2px 2px 0;vertical-align:middle}.room-tab.active{font-weight:700;box-shadow:inset -1px -1px gray,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray}.room-tab.unread{font-style:italic}.room-tab.unread:before{background:#ff3030;border-color:#800}.au-body{width:440px}.au-flood{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.au-num{width:48px}.au-macro-bottom{display:flex;gap:8px}.au-macro-bottom textarea{flex:1}.au-macro-btns,.au-rs-btns{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.au-notif-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 8px;align-items:center}.au-rs-layout{display:flex;gap:10px}.au-rs-layout>div:first-child{flex:1;min-width:0}.au-rs-actions{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.au-rules-btns{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.opt-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.opt-disabled,.opt-disabled-group legend,.opt-disabled-group p{color:graytext}#text-view .tv-line.tv-gap{margin-top:1em}#text-view.tv-headers-sep .tv-nick{display:block}.cd-welcome{margin:0 0 12px}.cd-sep{margin:12px 0}.cd-body .tab-panel[data-panel=connect] input[type=text],.cd-body .tab-panel[data-panel=connect] select,.cd-body .tab-panel[data-panel=personal] input[type=text],.cd-body .tab-panel[data-panel=personal] textarea{width:100%;box-sizing:border-box}.cd-body .tab-panel[data-panel=personal] textarea{resize:vertical}.cd-body .cd-chan-input{width:auto;flex:1;margin-left:6px}.splitter{flex:0 0 4px;background:silver}.splitter-v{cursor:col-resize}.splitter-h{cursor:row-resize}#split-main{flex:0 0 4px}#toolbar .tb-grip{width:3px;height:20px;margin:0 3px 0 2px;border-left:1px solid #fff;border-right:1px solid grey}#toolbar .tb-bargap{width:6px}#toolbar .tb-icon{width:16px;height:16px;display:inline-block;image-rendering:pixelated;pointer-events:none}#toolbar .tb-icon-disabled{filter:grayscale(1) opacity(.45)}#toolbar .tb-btn.tb-disabled:hover{box-shadow:none}#toolbar .tb-btn.active{box-shadow:inset -1px -1px #fff,inset 1px 1px gray;background:repeating-conic-gradient(#fff 0 25%,#dfdfdf 0 50%) 0 0/2px 2px}.menu-popup .popup-item{display:flex;align-items:center;gap:16px;padding:4px 20px 4px 24px}.menu-popup .popup-label{flex:1;white-space:nowrap}.menu-popup .popup-accel{margin-left:auto;white-space:nowrap}.menu-popup .popup-subarrow{position:absolute;right:6px;font-size:8px}.menu-popup .popup-item.has-sub{padding-right:18px;position:relative}#text-view{flex:1;overflow-y:auto;background:#fff;font-size:12px;padding:4px 6px;font-family:"MS Sans Serif","Pixelated MS Sans Serif",Arial,sans-serif}#text-view .tv-line{margin:1px 0}#text-view .tv-nick{font-weight:700}#text-view .tv-action{font-style:italic}#text-view .tv-whisper{color:gray;font-style:italic}#text-view .tv-think{color:#404040}#text-view .tv-info{color:navy}.member-cell.memorial{cursor:default}.member-cell.memorial .member-name{font-style:italic;color:#404040}.member-cell.memorial .member-name:after{content:" ✝"}.member-cell.memorial.selected .member-name{color:#fff}#bg-pane{flex:1 1 0;min-height:100px;overflow-y:auto;overflow-x:hidden;margin:2px;padding:2px;box-sizing:border-box;background:#fff;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px}.bg-swatch{width:160px;height:104px;flex:0 0 160px;min-width:0;padding:0;background-size:cover;background-position:center;image-rendering:pixelated}#bg-pane::-webkit-scrollbar-button:vertical:start:increment,#bg-pane::-webkit-scrollbar-button:vertical:end:decrement{display:none;width:0;height:0}.bg-swatch.active{outline:2px solid navy;outline-offset:-2px}#status-view{flex:1;min-width:0;min-height:0;overflow-y:auto;background:#fff;font-size:11px;padding:4px 6px;font-family:"MS Sans Serif","Pixelated MS Sans Serif",Arial,sans-serif}#status-view .sw-line{white-space:pre-wrap;margin:1px 0}.status-tab:before{background:gray;border-color:#404040}#member-pane.list-mode{display:block;padding:0}#member-pane.list-mode .member-cell{display:flex;align-items:center;gap:5px;text-align:left;padding:1px 4px}#member-pane.list-mode .member-cell img{width:16px;height:16px;margin:0}select[multiple],select[size]:not([size="1"]){appearance:none;-webkit-appearance:none;background-image:none;height:auto;padding:2px;overflow-y:auto}#ul-list{height:224px}#fav-list{height:160px}