html,body{background:#111;width:100%;height:100%;margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#hotbar{-webkit-user-select:none;user-select:none;background:#00000073;border-radius:8px;gap:6px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slot{box-sizing:border-box;color:#fff;cursor:pointer;background:#ffffff1f;border:3px solid #ffffff40;border-radius:6px;width:56px;height:56px;padding:3px 5px;font-size:13px}.slot.active{background:#ffd23f47;border-color:#ffd23f}#fps{color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;background:#00000073;border-radius:6px;padding:3px 10px;font-size:14px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#sidemenu{-webkit-user-select:none;user-select:none;z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.menuBtn{text-align:center;color:#fff;cursor:pointer;background:#0000008c;border:3px solid #ffffff40;border-radius:8px;width:120px;padding:12px 0;font-size:16px;font-weight:700}.menuBtn:hover{background:#ffffff26}.menuBtn.active{background:#ffd23f47;border-color:#ffd23f}#menuPanel{color:#fff;-webkit-user-select:none;user-select:none;z-index:5;background:#141418eb;border:3px solid #ffffff40;border-radius:10px;width:420px;height:340px;display:none;position:absolute;top:50%;left:150px;transform:translateY(-50%)}.menuTitle{border-bottom:2px solid #fff3;padding:12px 16px;font-size:20px;font-weight:700}.menuClose{text-align:center;cursor:pointer;background:#ffffff1f;border-radius:6px;width:28px;height:28px;font-weight:700;line-height:28px;position:absolute;top:8px;right:10px}.menuClose:hover{background:#ff505099}.menuBody{padding:16px}#menuPanel .menuBody{flex-wrap:wrap;gap:12px;display:flex}.skinCard{text-align:center;cursor:pointer;background:#ffffff14;border:3px solid #ffffff40;border-radius:8px;width:110px;padding:8px;font-size:14px;font-weight:700}.skinCard:hover{background:#ffffff29}.skinCard.active{background:#ffd23f47;border-color:#ffd23f}.skinSwatch{border-radius:5px;width:100%;height:50px;margin-bottom:6px}.skinSwatch.default{background:linear-gradient(90deg,#8c8f99 0 70%,#734522 70% 100%)}.skinSwatch.candycorn{background:repeating-linear-gradient(90deg,#e0121a 0 10px,#f7f7f7 10px 20px)}#menuPanel{overflow:auto}.cursorCard{box-sizing:border-box;text-align:center;cursor:pointer;background:#ffffff14;border:3px solid #ffffff40;border-radius:8px;width:100%;padding:8px;font-size:14px;font-weight:700}.cursorCard:hover{background:#ffffff29}.cursorCard.active{background:#ffd23f47;border-color:#ffd23f}.cursorCard img{object-fit:contain;border-radius:5px;width:100%;max-height:190px;margin-bottom:6px;display:block}.cursorCard{box-sizing:content-box;width:110px}.cursorCard img{object-fit:cover;width:100%;height:50px;max-height:none;margin-bottom:6px}.skinSwatch.elsa{background:linear-gradient(90deg,#b07cc6 0 25%,#e0189f 25% 50%,#fff 50% 75%,#f8bbd9 75% 100%)}.skinSwatch.default,.skinSwatch.candycorn,.skinSwatch.elsa{background:#0000004d}.skinSwatch svg{display:block}.slot{position:relative}.slotIcon{object-fit:contain;pointer-events:none;width:calc(100% - 4px);height:62%;position:absolute;bottom:2px;left:2px}