@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";body{background-color:var(--mc-bg-color,#6c9acc);margin:0;overflow:hidden}#renderCanvas{width:100vw;height:100vh;display:block}.song-name-popup{white-space:nowrap;pointer-events:none;z-index:100;background-color:#333333e6;border:1px solid #fff3;border-radius:4px;margin-bottom:8px;padding:6px 12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.song-name-popup-text{color:#fff;text-shadow:1px 1px 2px #00000080;font-size:.85rem;font-weight:500}@media (width<=599.98px){.song-name-popup{white-space:normal;text-align:right;max-width:min(70vw,260px);left:auto;right:0;transform:none}}.music-controls{gap:4px;display:flex;position:relative}.mc-panel-header-with-controls{justify-content:space-between;align-items:center;display:flex}.music-control-btn{cursor:pointer;background-color:silver;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:flex;box-shadow:inset -2px -2px gray,inset 2px 2px #fff,inset -4px -4px #404040,inset 4px 4px #dfdfdf}.music-control-btn:hover{background-color:#d0d0d0}.music-control-btn:active{box-shadow:inset 2px 2px gray,inset -2px -2px #fff,inset 4px 4px #404040,inset -4px -4px #dfdfdf}.music-control-icon{color:#333;width:20px;height:20px}:root{--mc-bg-color:#6c9acc;--mc-panel-bg:#a0836e;--mc-border-color:#fff;--mc-text-color:#fff;--mc-btn-gold:#f4a41d;--mc-btn-gold-hover:#e0961a;--mc-btn-grey:#9e9e9e;--mc-btn-grey-hover:#8e8e8e;--mc-btn-green:#5cb836;--mc-btn-green-hover:#4ca826;--mc-btn-blue:#3498db;--mc-btn-blue-hover:#2980b9;--mc-input-bg:#8b8b8b;--mc-font:"VT323", monospace}.mc-root{font-family:var(--mc-font);background-color:var(--mc-bg-color);z-index:1;box-sizing:border-box;height:100vh;color:var(--mc-text-color);flex-direction:column;align-items:center;padding:20px;display:flex;position:relative;overflow-y:auto}.mc-root[data-backdrop-mounted=true]{background-color:#0000}.mc-root{pointer-events:none}.mc-root>*{pointer-events:auto}.mc-title{font-family:var(--mc-font);text-shadow:4px 4px #3f3f3f;letter-spacing:4px;margin-bottom:20px;font-size:4rem}.mc-panel{background-color:var(--mc-panel-bg);border:2px solid var(--mc-border-color);flex-direction:column;width:100%;max-width:600px;margin-bottom:15px;padding:10px;display:flex;box-shadow:4px 4px #0003}.mc-panel-header{text-transform:uppercase;text-shadow:2px 2px #3f3f3f;margin-bottom:10px;font-size:1.5rem}.mc-btn{font-family:var(--mc-font);cursor:pointer;text-transform:uppercase;color:#fff;text-shadow:2px 2px #0000004d;border:2px solid #fff;outline:none;margin:5px;padding:8px 16px;font-size:1.5rem;transition:transform .1s,box-shadow .1s;position:relative;box-shadow:0 4px #0003}.mc-btn:active{transform:translateY(4px);box-shadow:0 0 #0003}.mc-btn-gold{background-color:var(--mc-btn-gold)}.mc-btn-gold:hover{background-color:var(--mc-btn-gold-hover)}.mc-btn-gold.selected{border-color:#ffa}.mc-btn-grey{background-color:var(--mc-btn-grey);color:#e0e0e0}.mc-btn-grey:hover{background-color:var(--mc-btn-grey-hover)}.mc-btn-green{background-color:var(--mc-btn-green);width:100%;max-width:400px;margin-top:20px;padding:15px;font-size:2rem}.mc-btn-green:hover{background-color:var(--mc-btn-green-hover)}.mc-btn-green:disabled{cursor:not-allowed;box-shadow:none;background-color:#555;transform:none}.mc-btn-blue{background-color:var(--mc-btn-blue)}.mc-btn-blue:hover{background-color:var(--mc-btn-blue-hover)}.mc-input{background-color:var(--mc-input-bg);color:#fff;font-family:var(--mc-font);border:2px solid #ccc;border-color:#555 #ccc #ccc #555;width:100px;padding:5px;font-size:1.2rem;box-shadow:inset 2px 2px #0000004d}.mc-input:focus{background-color:#9b9b9b;outline:none}.mc-list-item{flex-direction:column;width:100%;margin-bottom:5px;display:flex}.mc-list-header{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.mc-list-content{background-color:#0000001a;border:2px solid #ffffff4d;border-top:none;align-items:center;gap:10px;margin-top:-2px;padding:10px;display:flex}.mc-avatar-card{cursor:pointer;background-color:#333;border:4px solid #555;flex-direction:column;align-items:center;padding:10px;transition:border-color .2s;display:flex}.mc-avatar-card.selected{border-color:var(--mc-btn-gold);background-color:#444}.mc-avatar-label{color:#fff;text-shadow:1px 1px #000;margin-top:5px;font-size:1.2rem}@media (width<=599.98px){.mc-root{padding:10px 6%}.mc-title{letter-spacing:2px;margin-bottom:12px;font-size:2.25rem}.mc-panel{margin-bottom:14px;padding:8px}.mc-panel-header{font-size:1.15rem}.mc-btn{min-width:0;margin:4px;padding:8px 10px;font-size:1rem}.mc-panel div:has(>.mc-btn){flex-wrap:wrap}}[id^=babylonjsLoadingDiv] div{max-width:100%}[id^=babylonjsLoadingDiv] img{max-width:100%;height:auto}