.masked-lobby{min-height:100svh;padding:110px 5vw 80px;background:#12090d;color:#eadde1}.masked-lobby>header{display:flex;gap:40px;align-items:start;max-width:1180px;margin:auto;padding-bottom:34px;border-bottom:1px solid #4a2935}.masked-lobby>header>button{border:0;background:none;color:#c899a9;font-size:15px}.masked-lobby h1{margin:7px 0;font:400 54px Songti SC,serif}.masked-lobby header small{letter-spacing:.18em;color:#9c536c}.masked-create p,.masked-lobby header p{color:#a8949b;line-height:1.7}.masked-lobby>main{display:grid;grid-template-columns:320px 1fr;gap:24px;max-width:1180px;margin:28px auto}.masked-create,.masked-rooms{padding:24px;border:1px solid #422631;background:#1b0e13}.masked-create h2,.masked-rooms h2{font:400 24px Songti SC,serif}.masked-create select{width:100%;margin:8px 0 22px;padding:13px;background:#f5eeea;color:#24151b;font-size:16px}.masked-create>button{width:100%;padding:14px;border:0;background:#eadeda;color:#2d151e;font-size:16px}.masked-create>button:disabled{opacity:.4}.masked-create>small{display:block;margin-top:16px;color:#856f77;line-height:1.7}.masked-rooms>div:first-child{display:flex;justify-content:space-between;align-items:center}.masked-rooms article>button,.masked-rooms>div:first-child button{padding:10px 14px;border:1px solid #6d3a4c;background:transparent;color:#d9aabd}.masked-rooms article{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid #3a202a}.masked-rooms article b,.masked-rooms article small,.masked-rooms article span{display:block}.masked-rooms article span{margin:5px 0;color:#beaab1}.masked-rooms article small{color:#7f6d74}.mask-avatar{width:48px;height:48px;display:grid;place-items:center;border:1px solid #95516a;border-radius:50%;color:#dc8fab;font:24px Songti SC,serif}.masked-empty,.masked-notice{padding:20px;background:#251219;color:#bdaab1}.masked-notice{border-left:3px solid #c05c7d;color:#efc5d2}.masked-window{position:fixed;right:24px;bottom:20px;z-index:80;width:min(430px,calc(100vw - 30px));height:600px;display:grid;grid-template-rows:auto 1fr auto;border:1px solid #754155;background:#160b10;box-shadow:0 24px 80px #000}.masked-window.maximized{inset:18px;width:auto;height:auto}.masked-window>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#2b111b}.masked-window>header b,.masked-window>header span{display:block}.masked-window>header span{margin-top:4px;color:#a88e97;font-size:12px}.masked-window>header button{margin-left:6px;border:0;background:none;color:#dcb8c5}.masked-messages{padding:18px;overflow:auto}.masked-messages>p,.masked-system{text-align:center;color:#8e7880;font-size:13px}.masked-messages article{max-width:78%;margin:14px 0}.masked-messages article.mine{margin-left:auto;text-align:right}.masked-messages article small{color:#856f77}.masked-messages article p{display:inline-block;margin:5px 0;padding:10px 12px;background:#34202a;border-radius:4px;line-height:1.55}.masked-messages article.mine p{background:#71314a}.masked-messages img{display:block;max-width:240px;max-height:300px;margin-top:5px;border-radius:4px}.masked-window>footer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:12px;border-top:1px solid #3d222c}.masked-window>footer button,.masked-window>footer label{padding:11px;border:0;background:#71314a;color:#f3dfe6}.masked-window>footer label.disabled{opacity:.4}.masked-window>footer label input{display:none}.masked-window>footer input{min-width:0;padding:11px;border:1px solid #53313e;background:#211219;color:white;font-size:16px}@media(max-width:760px){.masked-lobby{padding:80px 16px}.masked-lobby>header{display:block}.masked-lobby h1{font-size:42px}.masked-lobby>main{grid-template-columns:1fr}.masked-window{right:8px;bottom:8px;width:calc(100vw - 16px);height:70svh}.masked-window.maximized{inset:0;height:100svh}.masked-rooms article{grid-template-columns:44px 1fr}.masked-rooms article>button{grid-column:2}.masked-window>footer{grid-template-columns:auto 1fr}.masked-window>footer button{grid-column:2}}