html,body{margin:0;height:100%;overflow:hidden;background:#f6f1f4}#rooms{position:fixed;inset:0;font-family:Arial,Helvetica,sans-serif;color:#3a2533;user-select:none;-webkit-user-select:none}#rooms [hidden]{display:none!important}#rooms canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#rooms canvas:active{cursor:grabbing}#rooms canvas.locked{cursor:none}#rooms .aim{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-8px 0 0 -8px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 2px #d01e8aa6,0 0 8px #0000004d;pointer-events:none}#rooms .lockhint{position:absolute;left:50%;bottom:84px;margin:0;padding:7px 14px;border-radius:999px;transform:translate(-50%);white-space:nowrap;background:#3c0a288c;color:#fff;font-size:13px;pointer-events:none}#rooms .top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:6px 14px;padding:8px 14px;background:linear-gradient(#fffffff2,#fff3f9e6);border-bottom:1px solid #f0cfe0;box-shadow:0 2px 10px #7800461a}#rooms .home{display:block;line-height:0}#rooms .home img{display:block;width:min(30vw,230px);height:auto}#rooms .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #d9ad4a;background:#fff}#rooms .name{flex:1;min-width:0}#rooms .name h1{margin:0;overflow:hidden;color:#c4127a;font:900 19px/1.15 Arial Black,Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}#rooms .where{margin:2px 0 0;color:#8a5a72;font-size:12px}#rooms .tools{display:flex;gap:6px}#rooms .tools button{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 12px;border:1px solid #ebc3d7;border-radius:17px;background:#fff7fb;color:#b4196d;font:700 13px/1 Arial,Helvetica,sans-serif;cursor:pointer}#rooms .tools button:hover{background:#ffe9f4}#rooms .full i{width:14px;height:14px;background-repeat:no-repeat;background-image:linear-gradient(#b4196d,#b4196d),linear-gradient(#b4196d,#b4196d),linear-gradient(#b4196d,#b4196d),linear-gradient(#b4196d,#b4196d),linear-gradient(#b4196d,#b4196d),linear-gradient(#b4196d,#b4196d),linear-gradient(#b4196d,#b4196d),linear-gradient(#b4196d,#b4196d);background-size:6px 2px,2px 6px,6px 2px,2px 6px,6px 2px,2px 6px,6px 2px,2px 6px;background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom}#rooms .wait{position:absolute;left:50%;top:45%;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;color:#9a3b6c;font-size:15px;transform:translate(-50%,-50%)}#rooms .meter{display:block;width:180px;height:6px;border-radius:3px;overflow:hidden;background:#f6d6e6}#rooms .meter b{display:block;width:40%;height:100%;background:linear-gradient(90deg,#ff7fc1,#e8309a);animation:rooms-wait 1.2s ease-in-out infinite alternate}@keyframes rooms-wait{0%{transform:translate(-60%)}to{transform:translate(210%)}}#rooms .hint,#rooms .note{position:absolute;left:50%;bottom:22px;max-width:calc(100% - 40px);margin:0;padding:9px 16px;border-radius:12px;background:#3a2533d1;color:#fff;font-size:13px;text-align:center;transform:translate(-50%)}#rooms .note{top:70px;bottom:auto}#rooms .card{position:absolute;left:50%;bottom:18px;display:flex;align-items:center;gap:14px;max-width:min(620px,calc(100% - 32px));padding:9px 10px 9px 18px;border-radius:16px;background:#fffffff2;box-shadow:0 4px 18px #78004638;transform:translate(-50%)}#rooms .card .text{display:flex;flex-direction:column;min-width:0}#rooms .card b{overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis}#rooms .card span{color:#8a5a72;font-size:12px}#rooms .pill{flex:none;padding:7px 16px 8px;border:1px solid #b4196d;border-radius:10px;background:linear-gradient(#ff9fd2,#e8309a 55%,#d01e8a);color:#fff;font:700 14px/1.2 Arial,Helvetica,sans-serif;text-decoration:none;text-shadow:0 1px 0 rgba(90,0,50,.5)}#rooms .stick{position:absolute;left:22px;bottom:26px;width:120px;height:120px;border-radius:50%;touch-action:none;background:#ffffff8c;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px #78004633}#rooms .stick i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:linear-gradient(#ff9fd2,#e8309a);box-shadow:0 3px 8px #78004659}#rooms .stick~.card{bottom:160px}@media(max-width:600px){#rooms .top{padding:6px 10px;gap:8px}#rooms .home img{width:min(34vw,150px)}#rooms .name h1{font-size:15px}#rooms .tools .share{display:none}}
