:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#eef2ff;background-color:#030711;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#030711}#app{width:100%}.casino-roulette{position:relative;display:inline-flex;align-items:center;justify-content:center}.casino-roulette .roulette-canvas{width:100%;height:100%;border-radius:50%;background-color:transparent}.casino-roulette .roulette-canvas.clickable{cursor:pointer}.casino-roulette .roulette-pointer{position:absolute;width:var(--pointer-width);height:var(--pointer-length);display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.casino-roulette .pointer-shape{width:var(--pointer-width);height:var(--pointer-length);background:var(--pointer-color)}.casino-roulette .roulette-pointer.pointer-top .pointer-shape{clip-path:polygon(50% 100%,0 0,100% 0)}.casino-roulette .roulette-pointer.pointer-bottom .pointer-shape{clip-path:polygon(50% 0,0 100%,100% 100%)}.casino-roulette .roulette-pointer.pointer-left .pointer-shape{clip-path:polygon(100% 50%,0 0,0 100%)}.casino-roulette .roulette-pointer.pointer-right .pointer-shape{clip-path:polygon(0 50%,100% 0,100% 100%)}.example[data-v-d34c6613]{padding:0;margin:0;width:100vw;height:100vh;background:#f5f5f5;overflow:hidden}.container[data-v-d34c6613]{display:grid;grid-template-columns:1fr 350px;gap:0;width:100%;height:100vh}@media(max-width:1024px){.container[data-v-d34c6613]{grid-template-columns:1fr}}.roulette-panel[data-v-d34c6613]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:#f5f5f5;height:100%;overflow:auto}.header[data-v-d34c6613]{text-align:center;max-width:600px}.header h1[data-v-d34c6613]{font-size:2.5rem;font-weight:700;color:#111927;margin:0 0 .75rem}.header p[data-v-d34c6613]{font-size:1rem;color:#555;line-height:1.6;margin:0}.actions[data-v-d34c6613]{display:flex;gap:.75rem}button[data-v-d34c6613]{padding:.6rem 1.2rem;border-radius:.5rem;border:none;background:#111927;color:#f5f5f5;font-weight:600;cursor:pointer;transition:opacity .2s ease}button[data-v-d34c6613]:hover:not(:disabled){opacity:.9}button[data-v-d34c6613]:disabled{opacity:.4;cursor:not-allowed}.btn-add[data-v-d34c6613]{width:100%;background:#27ae60;margin-top:.5rem}.btn-remove[data-v-d34c6613]{padding:.4rem .8rem;background:#c0392b;font-size:.9rem}.status[data-v-d34c6613]{text-align:center;font-size:1.1rem;min-height:3rem;color:#333}strong[data-v-d34c6613]{color:#f39c12}.controls[data-v-d34c6613]{background:#1a1d29;border-radius:0;padding:2rem 1.5rem;box-shadow:-2px 0 10px #0000004d;max-height:100vh;overflow-y:auto}.controls[data-v-d34c6613]::-webkit-scrollbar{width:8px}.controls[data-v-d34c6613]::-webkit-scrollbar-track{background:#0f111a}.controls[data-v-d34c6613]::-webkit-scrollbar-thumb{background:#2d3748;border-radius:4px}.controls[data-v-d34c6613]::-webkit-scrollbar-thumb:hover{background:#4a5568}.controls h2[data-v-d34c6613]{margin:0 0 1.5rem;color:#f5f5f5;font-size:1.5rem;font-weight:700}.control-group[data-v-d34c6613]{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #2d3748}.control-group[data-v-d34c6613]:last-child{border-bottom:none}.control-group h3[data-v-d34c6613]{margin:0 0 1rem;color:#e2e8f0;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}label[data-v-d34c6613]{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-size:.85rem;color:#a0aec0}label span[data-v-d34c6613]{font-weight:500;color:#cbd5e0;font-size:.875rem}label.checkbox[data-v-d34c6613]{flex-direction:row;align-items:center;gap:.5rem}label.checkbox input[data-v-d34c6613]{width:auto;margin:0}input[type=range][data-v-d34c6613]{width:100%;height:6px;border-radius:3px;background:#2d3748;outline:none;cursor:pointer}input[type=range][data-v-d34c6613]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#f39c12;cursor:pointer}input[type=range][data-v-d34c6613]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f39c12;cursor:pointer;border:none}input[type=checkbox][data-v-d34c6613]{width:18px;height:18px;cursor:pointer;accent-color:#f39c12}input[type=text][data-v-d34c6613],select[data-v-d34c6613]{padding:.5rem;border:1px solid #2d3748;border-radius:.375rem;font-size:.875rem;background:#0f111a;color:#e2e8f0}input[type=text][data-v-d34c6613]:focus,select[data-v-d34c6613]:focus{outline:none;border-color:#f39c12}select[data-v-d34c6613]{cursor:pointer}input[type=color][data-v-d34c6613]{width:50px;height:35px;border:1px solid #2d3748;border-radius:.375rem;cursor:pointer;background:#0f111a}.items-list[data-v-d34c6613]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.item-row[data-v-d34c6613]{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center}.input-small[data-v-d34c6613]{padding:.5rem;border:1px solid #2d3748;border-radius:.375rem;font-size:.875rem;background:#0f111a;color:#e2e8f0}.input-small[data-v-d34c6613]:focus{outline:none;border-color:#f39c12}.input-color[data-v-d34c6613]{width:50px;height:35px;border:1px solid #2d3748;border-radius:.375rem;cursor:pointer;background:#0f111a}.code-editor[data-v-d34c6613]{position:relative;background:#0f111a;border:1px solid #2d3748;border-radius:.5rem;overflow:hidden}.btn-copy[data-v-d34c6613]{position:absolute;top:.75rem;right:.75rem;padding:.4rem .8rem;background:#f39c12;color:#1a1d29;font-size:.8rem;font-weight:600;z-index:1}.btn-copy[data-v-d34c6613]:hover{background:#e67e22}.code-editor pre[data-v-d34c6613]{margin:0;padding:1rem;overflow-x:auto;max-height:400px;overflow-y:auto}.code-editor pre[data-v-d34c6613]::-webkit-scrollbar{width:6px;height:6px}.code-editor pre[data-v-d34c6613]::-webkit-scrollbar-track{background:#0f111a}.code-editor pre[data-v-d34c6613]::-webkit-scrollbar-thumb{background:#2d3748;border-radius:3px}.code-editor code[data-v-d34c6613]{font-family:Courier New,monospace;font-size:.8rem;line-height:1.6;color:#a0aec0;white-space:pre}