.menu.svelte-1jsi0xn{display:flex;flex-direction:column;justify-content:space-evenly}.head.svelte-1jsi0xn{font-size:300%;font-weight:bold;color:#ffcc00}.scores.svelte-1jsi0xn{display:flex;justify-content:space-evenly}.player.svelte-1jsi0xn{display:flex;flex-direction:column;align-items:center;padding:5px 20px;border:2px solid transparent}.name.svelte-1jsi0xn{font-size:2rem;font-weight:bold}.score.svelte-1jsi0xn{font-size:3rem;font-weight:bold;color:#ffcc00}
svg.svelte-1i2vwxv.svelte-1i2vwxv{width:100%;height:auto;aspect-ratio:1/1;box-sizing:border-box}svg.svelte-1i2vwxv rect.svelte-1i2vwxv{filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7))}
svg.svelte-uxn8y2{width:100%;height:100%}
.controls.svelte-gbe4q8.svelte-gbe4q8{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.controls.svelte-gbe4q8>div.svelte-gbe4q8{width:45%;display:flex;flex-direction:column;justify-content:space-between}.controls.svelte-gbe4q8>div button.svelte-gbe4q8{width:100%}#roll.svelte-gbe4q8.svelte-gbe4q8{display:flex;flex-direction:column;align-items:center;gap:5px}#roll.svelte-gbe4q8 .die-container.svelte-gbe4q8{width:40%}button.svelte-gbe4q8.svelte-gbe4q8{padding:12px 20px;border:2px solid #7fa1dc;border-radius:8px;background:white;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease}button.svelte-gbe4q8.svelte-gbe4q8:hover:not(:disabled){background:#7fa1dc;color:white;transform:translateY(-2px)}button.svelte-gbe4q8.svelte-gbe4q8:disabled{opacity:0.5;cursor:not-allowed;background:#f5f5f5;color:#999}button.svelte-gbe4q8.svelte-gbe4q8:active:not(:disabled){transform:translateY(0)}.roll-btn.svelte-gbe4q8.svelte-gbe4q8{background:linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);border-color:#ff6b9d}.roll-btn.svelte-gbe4q8.svelte-gbe4q8:hover:not(:disabled){background:linear-gradient(135deg, #ff6b9d 0%, #ff9a9e 100%)}.draw-btn.svelte-gbe4q8.svelte-gbe4q8{background:linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);border-color:#48cae4}.draw-btn.svelte-gbe4q8.svelte-gbe4q8:hover:not(:disabled){background:linear-gradient(135deg, #48cae4 0%, #a8edea 100%)}.saved-btn.svelte-gbe4q8.svelte-gbe4q8{background:linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);border-color:#ff8a80}.saved-btn.svelte-gbe4q8.svelte-gbe4q8:hover:not(:disabled){background:linear-gradient(135deg, #ff8a80 0%, #ffecd2 100%)}.end-btn.svelte-gbe4q8.svelte-gbe4q8{background:linear-gradient(135deg, #c3cfe2 0%, #c3cfe2 100%);border-color:#667eea;margin:auto}.end-btn.svelte-gbe4q8.svelte-gbe4q8:hover:not(:disabled){background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}
dialog.svelte-b2m9oc{border:none;border-radius:12px;padding:24px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);max-width:95vw;width:fit-content;box-sizing:border-box}dialog.svelte-b2m9oc::backdrop{background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(4px)}div.svelte-b2m9oc{display:flex;flex-direction:column;background:white;align-items:center}h1.svelte-b2m9oc{text-align:center;margin-top:0;margin-bottom:16px;color:#333;font-size:1.5rem}h5.svelte-b2m9oc{text-align:center;margin-top:0}p.svelte-b2m9oc{text-align:center;margin-bottom:24px;color:#666;line-height:1.5}button.svelte-b2m9oc{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease;margin:0 8px;min-width:100px;width:200px}button.svelte-b2m9oc:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}button.svelte-b2m9oc:active{transform:translateY(0)}.save.svelte-b2m9oc{background:linear-gradient(135deg, #4caf50 0%, #45a049 100%);color:white}.save.svelte-b2m9oc:hover{background:linear-gradient(135deg, #45a049 0%, #3d8b40 100%)}.use.svelte-b2m9oc,.ok.svelte-b2m9oc{background:linear-gradient(135deg, #2196f3 0%, #1976d2 100%);color:white}.use.svelte-b2m9oc:hover,.ok.svelte-b2m9oc:hover{background:linear-gradient(135deg, #1976d2 0%, #1565c0 100%)}.save.svelte-b2m9oc,.use.svelte-b2m9oc,.ok.svelte-b2m9oc{display:inline-block;margin-top:16px}
dialog.svelte-epnjut{border:none;border-radius:12px;padding:15px 10px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);max-width:min(100vw, 500px);min-width:min(80vw, 500px);width:fit-content;box-sizing:border-box;background:#eaf9f9;border:1px solid black}dialog.svelte-epnjut::backdrop{background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(4px)}.outer_container.svelte-epnjut{display:flex;flex-direction:column;align-items:center;max-height:75vh}.container.svelte-epnjut{display:flex;flex-direction:row;gap:15px;flex-wrap:wrap;flex-shrink:1;flex-grow:1;overflow-y:auto;padding:5px}.card.svelte-epnjut{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #aaa;box-shadow:-3px -4px 5px #aaa;border-radius:5px;padding:5px;padding-bottom:10px;box-sizing:border-box;width:150px;background:white}h1.svelte-epnjut{text-align:center;margin-top:0;margin-bottom:16px;color:#333;font-size:1rem}h5.svelte-epnjut{text-align:center;margin-top:0}p.svelte-epnjut{text-align:center;margin-bottom:24px;color:#666;line-height:1.5}button.svelte-epnjut{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease;margin:0 8px;min-width:100px}button.svelte-epnjut:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}button.svelte-epnjut:active{transform:translateY(0)}.use.svelte-epnjut,.close.svelte-epnjut{background:linear-gradient(135deg, #2196f3 0%, #1976d2 100%);color:white}.use.svelte-epnjut:hover,.close.svelte-epnjut:hover{background:linear-gradient(135deg, #1976d2 0%, #1565c0 100%)}.use.svelte-epnjut,.close.svelte-epnjut{display:inline-block;margin-top:16px}
main.svelte-1f3c75z{height:100%;display:flex;flex-direction:column;gap:10px;max-width:500px}@media(min-width: 500px) and (min-height: 800px){main.svelte-1f3c75z{margin-top:50px}}
main.svelte-14y3zgo{text-align:center;font-family:"Arial", sans-serif;color:#fff;background:linear-gradient(135deg, #1e3c72, #2a5298);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}button.svelte-14y3zgo{cursor:pointer;border:none}strong.svelte-14y3zgo{display:block;border:1px solid white;padding:20px 10px;margin:10px 0 50px 0;font-size:200%;color:#ffe789;user-select:all}
main.svelte-1m5nn6g{text-align:center;background:rgba(0, 0, 0, 0.6);padding:20px;border-radius:15px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);max-width:600px;width:90%;margin:auto}button.svelte-1m5nn6g{cursor:pointer}h1.svelte-1m5nn6g{font-size:3.5rem;margin-bottom:30px;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.3)}
main.svelte-1uikrpn{text-align:center;font-family:"Arial", sans-serif;color:#fff;background:linear-gradient(135deg, #1e3c72, #2a5298);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}button.svelte-1uikrpn{cursor:pointer;border:none}input.svelte-1uikrpn{border:1px solid white;padding:20px 0;margin:20px 0;font-size:200%;color:#ffe789;user-select:all;background:black;text-align:center;width:310px;text-transform:uppercase}
button.svelte-1lh3y25{cursor:pointer}
main.svelte-1wdvk4p{text-align:center;font-family:"Arial", sans-serif;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}button.svelte-1wdvk4p{cursor:pointer}.rules.svelte-1wdvk4p{text-align:left;background:rgba(0, 0, 0, 0.6);padding:20px;border-radius:15px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);max-width:600px;width:90%;margin-bottom:20px;overflow-y:scroll;;}h2.svelte-1wdvk4p{font-size:1.8rem;margin-top:20px}p.svelte-1wdvk4p,li.svelte-1wdvk4p{font-size:1.2rem;line-height:1.6}ul.svelte-1wdvk4p{margin-left:20px}
button.svelte-cwlwa5{cursor:pointer}
.container.svelte-163uqko{height:100%;display:flex;justify-content:center}
body{margin:0;padding:10px;font-family:"Arial", sans-serif;background:linear-gradient(135deg, #1e3c72, #2a5298);color:#fff;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden}.menu{text-align:center;background:rgba(0, 0, 0, 0.6);padding:20px;border-radius:15px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);max-width:600px;width:90%;margin:auto;min-height:60vh}.menu h1{font-size:3.5rem;margin-bottom:30px;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.3)}.menu h1 span{color:#ffcc00;text-shadow:2px 2px 10px rgba(255, 204, 0, 0.8)}.button_container{display:flex;flex-direction:column;gap:20px;align-items:center}.button_container button{padding:15px 30px;font-size:1.5rem;border:none;border-radius:10px;background:linear-gradient(135deg, #ff7e5f, #feb47b);color:white;font-weight:bold;transition:transform 0.2s, box-shadow 0.2s;box-shadow:0 4px 10px rgba(0, 0, 0, 0.2);width:310px;text-align:center}.button_container button:hover{transform:scale(1.1);box-shadow:0 6px 15px rgba(0, 0, 0, 0.3)}.button_container button:active{transform:scale(1);box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)}