:root{--copyright-color:white}:root.light{--copyright-color:black}*{box-sizing:border-box}canvas{width:100%;height:100%;position:fixed;inset:0}div.copyright{color:var(--copyright-color);z-index:999;text-align:center;width:90%;font-size:12px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}div.copyright a{color:var(--copyright-color)}.icon{vertical-align:middle;background:currentColor;width:25px;height:25px;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.icon.play{mask-image:url(play.d2b98249.svg)}.icon.shuffle{mask-image:url(shuffle.e9e498cf.svg)}.icon.megaphone{mask-image:url(megaphone.da49dfc8.svg)}.icon.record{mask-image:url(record.c71c4728.svg)}.icon.map{mask-image:url(map.eb357c03.svg)}.icon.trophy{mask-image:url(trophy.50d1ba0a.svg)}.icon.bomb{mask-image:url(bomb.455f9b17.svg)}.icon.sun{mask-image:url(sun.ab6ec46d.svg)}.icon.moon{mask-image:url(moon.3f475bd2.svg)}#settings{z-index:999;backdrop-filter:blur(10px);visibility:visible;opacity:1;background:#282832f2;border-radius:12px;gap:16px;min-width:500px;max-width:700px;padding:16px;transition:visibility,opacity .3s;display:flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 4px 20px #0000004d}#settings.hide{opacity:0;visibility:hidden}#settings h3{color:#fff;margin:0 0 10px;padding:0;font-size:14px;font-weight:600}#settings .input-row{gap:6px;margin-bottom:12px;display:flex}#settings .input-row input[type=text]{color:#fff;background:#ffffff1a;border:none;border-radius:6px;flex:1;min-width:80px;padding:8px 10px;font-size:13px}#settings .input-row input[type=text]::placeholder{color:#ffffff80}#settings .input-row input[type=text]:focus{background:#ffffff26;outline:none}#settings .input-row input[type=number]{color:#fff;text-align:center;background:#ffffff1a;border:none;border-radius:6px;flex-shrink:0;width:45px;padding:8px 4px;font-size:13px}#settings .input-row input[type=number]:focus{background:#ffffff26;outline:none}#settings .input-row #btnAdd{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:500}#settings .input-row #btnAdd:hover{background:#45a049}#settings .participants-header{color:#ffffffb3;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0;font-size:12px;display:flex}#settings .participants-list{max-height:120px;margin-bottom:12px;overflow-y:auto}#settings .participants-list .participant-item{background:#ffffff0d;border-radius:6px;align-items:center;margin-bottom:4px;padding:6px 8px;display:flex}#settings .participants-list .participant-item .name{color:#fff;flex:1;font-size:13px}#settings .participants-list .participant-item .count{color:#4caf50;margin-right:8px;font-size:12px}#settings .participants-list .participant-item .btn-remove{color:#fff;cursor:pointer;background:#ff64644d;border:none;border-radius:4px;width:20px;height:20px;padding:0;font-size:14px;line-height:1}#settings .participants-list .participant-item .btn-remove:hover{background:#ff646480}#settings button{color:#fefefe;cursor:pointer;background:#444;border:none;border-radius:6px;padding:8px 14px;font-size:13px;transition:background .2s}#settings button:hover{background:#555}#settings button.btn-primary{background:#2196f3;font-weight:600}#settings button.btn-primary:hover{background:#1976d2}#settings button.btn-secondary{background:#666}#settings button.btn-secondary:hover{background:#777}#settings button.btn-skills{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;margin-top:8px;font-weight:500}#settings button.btn-skills:hover{opacity:.9}#settings div.theme{color:#fff;flex-grow:1;justify-content:flex-end;align-items:center;display:flex}#settings div.left{border-right:1px solid #ffffff1a;flex:1;order:1;min-width:220px;padding-right:16px}#settings div.left .actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}#settings div.right{flex:none;order:2;min-width:200px}#settings div.right div.row{align-items:center;height:32px;margin-bottom:4px;display:flex}#settings div.right div.row label{color:#fffc;flex:0 0 90px;align-items:center;gap:6px;font-size:12px;display:flex}#settings div.right div.row label .icon{width:16px;height:16px}#settings select{background:#999;border-radius:5px;width:100%;height:25px}#settings input[type=checkbox]{vertical-align:middle;width:50px;height:25px;padding-right:63px;display:inline-block;position:relative}#settings input[type=checkbox]:before{content:"";background:#999;border-radius:25px;width:50px;height:25px;display:inline-block;position:absolute;top:0;left:0}#settings input[type=checkbox]:after{content:"";background:#ccc;border-radius:25px;width:25px;height:25px;transition:transform .2s;position:absolute;top:0;left:0}#settings input[type=checkbox]:checked:after{background:#fff;transform:translate(100%)}#settings input[type=checkbox]:checked:before{content:"";background:#00baff}#settings .btn-group{justify-content:stretch;display:flex}#settings .btn-group>*{box-sizing:border-box;color:#fefefe;background:#999;border:none;border-radius:0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:33%;height:25px;padding:0;display:flex;overflow:hidden}#settings .btn-group>:first-child{border-radius:10px 0 0 10px}#settings .btn-group>:last-child{border-radius:0 10px 10px 0}#settings .btn-group>.active:before{content:"";vertical-align:middle;background:#fff;width:15px;height:15px;display:inline-block;mask-image:url(check.7e390469.svg);mask-repeat:no-repeat}#settings .btn-group>.active{background:#333}#settings .btn-group input[type=number]{box-sizing:border-box;text-align:center}#notice{z-index:1001;color:#333;background:#ffffffe6;border-radius:30px;flex-direction:column;width:500px;max-width:90%;padding:10px;display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#notice h1{background-color:#fd0;border-bottom:1px solid #333;align-items:center;margin:-10px -10px 0;padding:10px 5px 10px .5em;display:flex}#notice h1:before{content:"";background-image:url(megaphone.da49dfc8.svg);background-size:contain;width:1em;height:1em;margin-right:.2em;display:inline-block}#notice div.notice-body{padding:0 .5em}#notice div.notice-action{justify-content:end;display:flex}#notice div.notice-action button{color:#fefefe;background:#222;border:none;border-radius:20px;width:50%;height:50px;padding:5px 10px;position:relative;overflow:hidden}#notice div.notice-action button:active:after{content:"";background:#00000080;position:absolute;inset:0}#donate{z-index:999;visibility:visible;opacity:1;transition:visibility,opacity 1s linear;display:flex;position:fixed;bottom:calc(160px + 1.5rem);left:1rem}#donate.hide{opacity:0;visibility:hidden}#donate .icon{width:24px;height:24px}.recap-button.small{margin-left:1rem}@media screen and (width<=750px){#donate{width:calc(100% - 2rem);bottom:3rem}#donate .bmc-btn-container{width:calc(100% - 70px)}#donate .bmc-btn-container .bmc-btn{width:100%}#donate .bmc-btn-container .bmc-btn-text{font-size:14pt}#donate .recap-button.small{margin-left:10px}#settings{opacity:1;visibility:visible;width:calc(100% - 2rem);min-width:0;max-width:100%;transition:visibility,opacity 1s linear;display:block;bottom:calc(4rem + 60px);overflow:hidden}#settings.hide{opacity:0;visibility:hidden}#settings div.right div.row{border-bottom:1px solid #555;height:auto;padding:.5rem 0;display:block}#settings div.right div.row label{width:100%;margin-bottom:.5rem;padding-left:0;display:block}#settings div.right div.row .icon{width:15px;height:15px}#notice{box-sizing:border-box;z-index:1001;color:#333;background:#ffffffe6;border-radius:4px;flex-direction:column;width:100%;max-width:100%;height:100%;padding:5px 10px;display:none;position:fixed;top:0;left:0;transform:none}#notice div.notice-body{flex-grow:1}}div.toast{z-index:1000;background:#ccc;border-radius:4px;padding:8px;animation:.2s linear fade-in,.2s linear 1s reverse fade-in;position:fixed;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.link_donation{color:#fff;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000,0 -2px #000;background:repeating-linear-gradient(45deg,#fa0,#fa0 20px,#222 20px 40px);border-radius:.5em;justify-content:center;align-items:center;width:100%;margin-bottom:1em;padding:1em;font-size:1.5em;font-weight:700;text-decoration:none;display:flex}.skill-modal{z-index:2000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.skill-modal.show{display:flex}.skill-modal .skill-modal-content{background:#282832fa;border-radius:16px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 8px 32px #00000080}.skill-modal .skill-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.skill-modal .skill-modal-header h2{color:#fff;margin:0;font-size:18px;font-weight:600}.skill-modal .skill-modal-header .btn-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:flex}.skill-modal .skill-modal-header .btn-close:hover{background:#ffffff4d}.skill-modal .skill-modal-body{padding:20px}.skill-modal .skill-card{background:#ffffff0d;border-radius:12px;margin-bottom:12px;padding:16px}.skill-modal .skill-card:last-child{margin-bottom:0}.skill-modal .skill-card .skill-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.skill-modal .skill-card .skill-header input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:22px;height:22px;margin-top:2px}.skill-modal .skill-card .skill-header label{cursor:pointer;flex:1}.skill-modal .skill-card .skill-header label .skill-name{color:#fff;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.skill-modal .skill-card .skill-header label .skill-desc{color:#fff9;font-size:12px;display:block}.skill-modal .skill-card .skill-options{gap:16px;padding-left:34px;display:flex}.skill-modal .skill-card .skill-options .skill-option{flex:1}.skill-modal .skill-card .skill-options .skill-option label{color:#fff9;margin-bottom:6px;font-size:11px;display:block}.skill-modal .skill-card .skill-options .skill-option .option-input{align-items:center;gap:6px;display:flex}.skill-modal .skill-card .skill-options .skill-option .option-input input[type=number]{color:#fff;text-align:center;background:#ffffff1a;border:none;border-radius:6px;width:60px;padding:8px;font-size:14px}.skill-modal .skill-card .skill-options .skill-option .option-input input[type=number]:focus{background:#ffffff26;outline:none}.skill-modal .skill-card .skill-options .skill-option .option-input span{color:#fff9;font-size:13px}.btn-view-list{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.btn-view-list:hover{transform:scale(1.02);box-shadow:0 4px 12px #667eea66}.participant-modal-content{max-height:70vh}.participant-modal-list{max-height:50vh;padding-right:8px;overflow-y:auto}.participant-modal-list::-webkit-scrollbar{width:6px}.participant-modal-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.participant-modal-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.participant-modal-list .empty-message{text-align:center;color:#ffffff80;padding:40px;font-size:14px}.participant-modal-item{background:#ffffff14;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;transition:background .2s;display:flex}.participant-modal-item:hover{background:#ffffff1f}.participant-modal-item .index{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.participant-modal-item .name{color:#fff;flex:1;font-size:15px;font-weight:500}.participant-modal-item .count-input{color:#fff;text-align:center;background:#ffffff26;border:none;border-radius:8px;width:60px;padding:6px 8px;font-size:14px}.participant-modal-item .count-input:focus{background:#ffffff40;outline:none}.participant-modal-item .btn-remove{color:#ef4444;cursor:pointer;background:#ef444433;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.participant-modal-item .btn-remove:hover{background:#ef444466}.participant-modal-item .skill-checkboxes{flex-shrink:0;gap:6px;display:flex}.participant-modal-item .skill-checkboxes label{cursor:pointer;color:#ffffffb3;background:#ffffff1a;border-radius:6px;align-items:center;gap:3px;padding:4px 6px;font-size:11px;transition:all .2s;display:flex}.participant-modal-item .skill-checkboxes label:hover{background:#fff3}.participant-modal-item .skill-checkboxes label input[type=checkbox]{accent-color:#667eea;cursor:pointer;width:14px;height:14px}.participant-modal-item .skill-checkboxes label:has(input:checked){color:#fff;background:#667eea4d}.participant-modal-item .skill-checkboxes label span{white-space:nowrap}
/*# sourceMappingURL=workspace.f443f6fb.css.map */