@font-face { font-family: 'SWArialB'; src: url('fonts/arialb.ttf') format('truetype'); }
@font-face { font-family: 'SWArialBI'; src: url('fonts/arialbi.ttf') format('truetype'); }
@font-face { font-family: 'SWNiamey'; src: url('fonts/niamey.ttf') format('truetype'); }
@font-face { font-family: 'SWVerdanaBI'; src: url('fonts/verdanabi.ttf') format('truetype'); }
:where(html, html *) { scrollbar-width:thin; scrollbar-color:#e0a412 rgba(11,32,48,.35); }
:where(html) ::-webkit-scrollbar { width:9px; height:9px; }
:where(html) ::-webkit-scrollbar-track { background:rgba(11,32,48,.35); border-radius:5px; }
:where(html) ::-webkit-scrollbar-thumb { background:#e0a412; border-radius:5px; border:2px solid transparent; background-clip:padding-box; }
:root { --lw-scroll:#e0a412; }

html, body { margin: 0; height: 100%; background: #000; overflow: hidden; touch-action: manipulation; }
#wrap { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
#stage { position: relative; width: 800px; height: 600px; flex: none; transform-origin: 50% 50%; overflow: hidden;
  -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
#c { position: absolute; left: 0; top: 0; width: 800px; height: 600px; display: block; }
[hidden] { display: none !important; }

.ov { position: absolute; left: 0; top: 0; transform-origin: 0 0; box-sizing: border-box; margin: 0; }
.tf { background: transparent; border: 0; outline: none; padding: 2px; }
input.tf { font: 12px Arial, sans-serif; color: #000; caret-color: #000; -webkit-user-select: text; user-select: text; }

#ulist { background: #fff; border: 1px solid #919999; overflow-y: auto; overflow-x: hidden; }
.it { height: 18px; line-height: 18px; padding: 0 4px; font: 12px Arial, sans-serif; color: #000; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
.it.me { font-weight: bold; }

#chatwin, #rchatwin, #gchatwin { overflow-y: auto; overflow-x: hidden; font: 11px Arial, sans-serif; line-height: 1.25;
  word-wrap: break-word; overflow-wrap: anywhere; -webkit-user-select: text; user-select: text; scrollbar-width: thin; }
#chatwin, #rchatwin { color: #000; }
#gchatwin { color: #fff; }
#gchatwin .nm { color: #ffcc66; }
#chatwin .nm, #rchatwin .nm { color: #975322; }

#helptext { overflow-y: auto; overflow-x: hidden; padding: 2px 4px 2px 2px; font: 10px Arial, sans-serif; color: #000;
  line-height: 1.2; -webkit-user-select: text; user-select: text; scrollbar-width: thin; }
#helptext p { margin: 0 0 6px; }

#note { position: absolute; left: 150px; top: 280px; width: 500px; text-align: center; font: 14px Arial, sans-serif; color: #ddd; }