*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#cdd6f4;background:#1e1e2e;justify-content:center;align-items:center;min-width:320px;min-height:100svh;font-family:Inter,system-ui,sans-serif;display:flex}#app{flex-direction:column;align-items:center;gap:24px;display:flex}#wheel-wrap{justify-content:center;align-items:center;display:flex;position:relative}canvas{display:block}#hub-btn{cursor:pointer;background:#cdd6f4;border:3px solid #cdd6f466;border-radius:50%;transition:background .2s,border-color .2s,transform .1s;position:absolute}#hub-btn:hover{background:#cba6f7;border-color:#cba6f7cc}#hub-btn:active{transform:scale(.92)}#hub-btn:disabled{cursor:not-allowed}#btn-row{align-items:center;gap:12px;display:flex}#edit-btn{letter-spacing:.04em;color:#cdd6f4;cursor:pointer;background:0 0;border:2px solid #cdd6f466;border-radius:999px;padding:12px 40px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:700;transition:background .2s,border-color .2s,transform .1s}#edit-btn:hover{background:#cba6f71f;border-color:#cba6f7}#edit-btn:active{transform:scale(.96)}#edit-btn:disabled{cursor:not-allowed;opacity:.5}#edit-dialog{color:#cdd6f4;background:#181825;border:1px solid #313244;border-radius:16px;width:min(480px,100vw);margin:auto;padding:28px;box-shadow:0 8px 40px #11111bb3}#edit-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11111ba6}#edit-dialog h2{margin-bottom:6px;font-size:18px;font-weight:700}#edit-dialog #edit-help{color:#a6adc8;margin-bottom:12px;font-size:13px}@media (width<=480px){#edit-dialog{border-left:none;border-right:none;border-radius:0;width:100vw;max-width:100vw;min-height:100dvh;margin:0}}#options-input{color:#cdd6f4;resize:vertical;background:#1e1e2e;border:1px solid #45475a;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:14px;line-height:1.6;transition:border-color .2s}#options-input:focus{border-color:#cba6f7}#edit-error{color:#f38ba8;min-height:1.4em;margin-top:8px;font-size:13px}#dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}#dialog-actions button{cursor:pointer;border-radius:999px;padding:10px 28px;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:700;transition:background .2s,transform .1s}#dialog-actions button:active{transform:scale(.96)}#cancel-btn{color:#cdd6f4;background:0 0;border:2px solid #45475a}#cancel-btn:hover{background:#313244;border-color:#585b70}#save-btn{color:#11111b;background:#cba6f7;border:2px solid #cba6f7}#save-btn:hover{background:#b4befe;border-color:#b4befe}#spin-btn{letter-spacing:.04em;color:#11111b;cursor:pointer;background:#cba6f7;border:none;border-radius:999px;padding:12px 40px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:700;transition:background .2s,transform .1s}#spin-btn:hover{background:#b4befe}#spin-btn:active{transform:scale(.96)}#spin-btn:disabled{cursor:not-allowed;opacity:.5}#pointer{filter:drop-shadow(-2px 0 4px #11111b80);border-top:12px solid #0000;border-bottom:12px solid #0000;border-right:22px solid #cdd6f4;width:0;height:0;position:absolute;right:0;transform:translate(50%)}#winner{color:#cdd6f4;text-align:center;min-height:1.5em;padding-inline:24px;font-size:24px;font-weight:700}