body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}canvas{height:100%;inset:0;position:fixed;width:100%}div.copyright{bottom:0;color:#fff;font-size:12px;left:50%;position:fixed;text-align:center;transform:translateX(-50%);width:90%;z-index:999}div.copyright a{color:#fff}#settings{background:#666;border-radius:10px;bottom:1rem;display:flex;left:1rem;min-width:50%;opacity:1;padding:10px;position:fixed;transition:visibility 0s,opacity 1s linear;visibility:visible;z-index:999;&.hide{opacity:0;visibility:hidden}h3{color:#fefefe;font-size:12pt;margin:0;padding:0}textarea{background:#999;border:none;font-size:14pt;min-height:5rem;width:100%}button{background:#222;border:none;border-radius:5px;color:#fefefe;overflow:hidden;padding:5px 10px;position:relative;&:active:after{background:rgba(0,0,0,.5);bottom:0;content:"";left:0;position:absolute;right:0;top:0}}.icon{background:currentColor;display:inline-block;height:25px;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;width:25px;&.play{-webkit-mask-image:url(/static/media/play.492e69fee32cebee41a2.svg);mask-image:url(/static/media/play.492e69fee32cebee41a2.svg)}&.shuffle{-webkit-mask-image:url(/static/media/shuffle.2b83825163fcffa59323.svg);mask-image:url(/static/media/shuffle.2b83825163fcffa59323.svg)}&.megaphone{-webkit-mask-image:url(/static/media/megaphone.5333bb1a5d74b7cb2be3.svg);mask-image:url(/static/media/megaphone.5333bb1a5d74b7cb2be3.svg)}&.record{-webkit-mask-image:url(/static/media/record.498c2ce081de99ab9ed6.svg);mask-image:url(/static/media/record.498c2ce081de99ab9ed6.svg)}&.map{-webkit-mask-image:url(/static/media/map.a1b176a8a08335c362ec.svg);mask-image:url(/static/media/map.a1b176a8a08335c362ec.svg)}&.trophy{-webkit-mask-image:url(/static/media/trophy.ae5f091b6243c7b3ae2c.svg);mask-image:url(/static/media/trophy.ae5f091b6243c7b3ae2c.svg)}&.bomb{-webkit-mask-image:url(/static/media/bomb.4382b92b849a9bc22782.svg);mask-image:url(/static/media/bomb.4382b92b849a9bc22782.svg)}}div.left{flex-grow:1;flex-shrink:1;order:1;.actions{align-items:center;display:flex;gap:2px;justify-content:stretch;div.sep{flex-grow:1}}}div.right{flex-grow:0;flex-shrink:0;order:2;div.row{align-items:center;display:flex;height:35px;label{color:#fff;flex-grow:0;flex-shrink:0;padding-left:1rem;width:150px}}}select{background:#999;border-radius:5px;width:100%}input[type=checkbox],select{height:25px}input[type=checkbox]{position:relative;vertical-align:middle;width:0;&:before{background:#999;border-radius:25px;content:"";display:inline-block;left:0;position:absolute;top:0;width:50px}&:after{background:#ccc;border-radius:25px;content:"";left:0;position:absolute;top:0;transition:transform .2s;width:25px}&:checked:after{background:#fff;transform:translateX(100%)}&:checked:before{background:#00baff;content:""}}.btn-group{display:flex;justify-content:stretch;&>*{align-items:center;background:#999;border:none;border-radius:0;box-sizing:border-box;color:#fefefe;display:flex;flex-grow:0;flex-shrink:0;height:25px;justify-content:center;overflow:hidden;padding:0;width:33%;&:first-child{border-radius:10px 0 0 10px}&:last-child{border-radius:0 10px 10px 0}&.active:before{background:#fff;content:"";display:inline-block;height:15px;-webkit-mask-image:url(/static/media/check.99b86ce37483247ec438.svg);mask-image:url(/static/media/check.99b86ce37483247ec438.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:15px}&.active{background:#333}}input[type=number]{box-sizing:border-box;text-align:center}}}#notice{background:hsla(0,0%,100%,.9);border-radius:30px;color:#333;display:none;flex-direction:column;left:50%;max-width:90%;overflow:hidden;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1001;h1{align-items:center;background-color:#fd0;border-bottom:1px solid #333;display:flex;margin:-10px -10px 0;padding:10px 5px 10px .5em;&:before{background-image:url(/static/media/megaphone.5333bb1a5d74b7cb2be3.svg);background-size:contain;content:"";display:inline-block;height:1em;margin-right:.2em;width:1em}}div.notice-body{padding:0 .5em}div.notice-action{display:flex;justify-content:end;button{background:#222;border:none;border-radius:20px;color:#fefefe;height:50px;overflow:hidden;padding:5px 10px;position:relative;width:50%;&:active:after{background:rgba(0,0,0,.5);bottom:0;content:"";left:0;position:absolute;right:0;top:0}}}}#donate{bottom:calc(160px + 1.5rem);left:1rem;opacity:1;position:fixed;transition:visibility 0s,opacity 1s linear;visibility:visible;z-index:999;&.hide{opacity:0;visibility:hidden}}@media screen and (max-width:750px){#donate{bottom:2rem}#settings{bottom:calc(2.5rem + 60px);display:block;max-width:100%;min-width:0;opacity:1;overflow:hidden;transition:visibility 0s,opacity 1s linear;visibility:visible;width:calc(100% - 2rem);&.hide{opacity:0;visibility:hidden}div.right div.row{border-bottom:1px solid #555;display:block;height:auto;padding:.5rem 0;label{display:block;margin-bottom:.5rem;padding-left:0;width:100%}.icon{height:15px;width:15px}}}#notice{background:hsla(0,0%,100%,.9);border-radius:4px;box-sizing:border-box;color:#333;display:none;flex-direction:column;height:100%;left:0;max-width:100%;padding:5px 10px;position:fixed;top:0;transform:none;width:100%;z-index:1001;div.notice-body{flex-grow:1}}}.game-top-bar{align-items:center;background-color:rgba(0,0,0,.7);color:#fff;display:flex;font-size:14px;justify-content:space-between;left:0;padding:8px 15px;position:fixed;top:0;width:100%;z-index:1000}.game-top-bar .room-name{font-weight:700;margin-right:10px}.game-top-bar .manager-icon{font-size:1.1em;margin-left:5px;margin-right:auto}.game-skill-button .skill-button{font-size:12px;min-height:36px;min-width:160px;padding:8px 16px;text-align:center}.game-skill-button .skill-button.disabled{overflow:hidden;position:relative}.game-skill-button .button-cooldown-overlay .cooldown-text{font-size:12px;font-weight:700}.game-skill-button .skill-button.disabled:before{animation:move-stripes .5s linear infinite;background:repeating-linear-gradient(45deg,transparent,transparent 2px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 4px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes move-stripes{0%{transform:translateX(0)}to{transform:translateX(8px)}}.ranking-modal-overlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ranking-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:500px;padding:20px;text-align:center;width:80%}.ranking-modal-content h2{color:#333;margin-top:0}.ranking-modal-content ul{list-style-type:none;margin:20px 0;max-height:300px;overflow-y:auto;padding:0}.ranking-modal-content li{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:1.1em;justify-content:space-between;padding:8px 0}.ranking-modal-content li:last-child{border-bottom:none}.ranking-modal-content .rank-number{color:#555;font-weight:700;margin-right:10px}.ranking-modal-content .marble-name{flex-grow:1;text-align:left}.ranking-modal-content .ranking-winner .marble-name{color:gold;font-weight:700}.ranking-modal-content .ranking-winner .rank-number{color:gold}.close-ranking-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s}.close-ranking-button:hover{background-color:#0056b3}.final-winner-section{background-color:#f0f0f0;border:2px solid gold;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.winner-label{color:#e67e22;font-size:1.5em}.winner-label,.winner-name{font-weight:700;margin-bottom:5px}.winner-name{color:#27ae60;font-size:2.2em;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.winner-rank{color:#34495e;font-size:1.1em}.ranking-modal-content h3{color:#2c3e50;font-size:1.4em;margin-bottom:15px;margin-top:25px;text-align:center}.ranking-winner-entry .marble-name,.ranking-winner-entry .rank-number{color:#c0392b;font-weight:700}.skill-cooldown-indicator{height:100%;position:relative;width:100%}.cooldown-overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;justify-content:center;width:100%;z-index:10}.cooldown-overlay,.cooldown-progress{height:100%;left:0;position:absolute;top:0}.cooldown-progress{background:rgba(0,255,0,.3);z-index:1}.cooldown-text{color:#fff;font-size:14px;font-weight:700;position:relative;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:2}.skill-button-container{display:inline-block;position:relative}.skill-button{background:#007bff;border:2px solid #007bff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-height:40px;padding:10px 20px;position:relative;transition:all .2s ease;width:100%}.skill-button:hover:not(.disabled){background:#0056b3;border-color:#0056b3;transform:translateY(-1px)}.skill-button.selected{background:#28a745;border-color:#28a745}.skill-button.disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.7}.button-cooldown-overlay{border-radius:3px}.button-cooldown-overlay .cooldown-overlay{background:rgba(255,0,0,.7);border-radius:3px}.button-cooldown-overlay .cooldown-progress{background:rgba(0,255,0,.4);border-radius:3px 0 0 3px}.toast-container{align-items:center;bottom:100px;display:flex;flex-direction:column;gap:10px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:9999}.toast-notification{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);cursor:pointer;max-width:350px;min-width:280px;opacity:0;overflow:hidden;padding:0;pointer-events:auto;transform:translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-notification.visible{opacity:1;transform:translateY(0)}.toast-notification.leaving{opacity:0;transform:translateY(100px)}.toast-content{align-items:center;display:flex;gap:12px;padding:12px 16px;position:relative}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#fff;flex:1 1;font-size:14px;font-weight:500;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.toast-close:hover{background:hsla(0,0%,100%,.2);color:#fff}.toast-warning{background:linear-gradient(135deg,#ff9800,#f57c00);border-left:4px solid #ff5722}.toast-error{background:linear-gradient(135deg,#f44336,#d32f2f);border-left:4px solid #b71c1c}.toast-info{background:linear-gradient(135deg,#2196f3,#1976d2);border-left:4px solid #0d47a1}.toast-success{background:linear-gradient(135deg,#4caf50,#388e3c);border-left:4px solid #1b5e20}.game-running .toast-notification{background-color:rgba(0,0,0,.8)}.game-running .toast-warning{background:linear-gradient(135deg,rgba(255,152,0,.9),rgba(245,124,0,.9))}.game-running .toast-error{background:linear-gradient(135deg,rgba(244,67,54,.9),rgba(211,47,47,.9))}.game-running .toast-info{background:linear-gradient(135deg,rgba(33,150,243,.9),rgba(25,118,210,.9))}.game-running .toast-success{background:linear-gradient(135deg,rgba(76,175,80,.9),rgba(56,142,60,.9))}.App{text-align:center}
/*# sourceMappingURL=main.7d41d0ea.css.map*/