.wheel-container{position:relative;width:400px;height:400px}.wheel-container.selected{border-color:#ffffff80;box-shadow:0 8px 32px #fff3}.wheel-name{font-size:1.2rem;font-weight:600;color:#fff;text-align:center}.wheel{position:absolute;top:0;left:0;width:100%;height:100%}.wheel-svg{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.wheel-inner{width:100%;height:100%;position:relative;transform:rotate(-90deg)}.wheel-segment{position:absolute;width:50%;height:100%;left:50%;transform-origin:0 50%}.segment-content{position:absolute;width:100%;height:100%;transform-origin:0 50%}.segment-text{font-size:22px;font-weight:700;fill:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.wheel-center{display:none}.wheel-pointer{position:absolute;top:50%;right:-20px;transform:translateY(-50%);width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:30px solid #888;z-index:10;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.wheel-info{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.9rem;color:#fffc}.spinning-text{color:#ff6b6b;font-weight:600;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.wheel.spinning{animation:spin-sound 3s cubic-bezier(.25,.46,.45,.94)}@keyframes spin-sound{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}.pito-spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;cursor:pointer;z-index:2}.pito-spinner-rotator{width:100%;height:100%;position:relative}.pito-spinner{width:100%;height:100%}.pito-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid red}@media (max-width: 768px){.wheel-container{width:300px;height:300px}.wheel-center{width:60px;height:60px}.segment-text{font-size:18px}}.options-input-container{display:flex;flex-direction:column;background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:450px;width:100%}.options-header{display:flex;padding:10px;border-bottom:1px solid #ccc;gap:10px}.options-header button{background-color:#e0e0e0;border:1px solid #ccc;border-radius:4px;padding:5px 10px;cursor:pointer;color:#333}.options-textarea{flex-grow:1;border:none;padding:15px;font-size:16px;line-height:1.5;resize:none;font-family:inherit;background-color:#fff;color:#333}.options-textarea:focus{outline:none}.options-footer{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid #ccc;background-color:#f0f0f0}.options-footer span{background-color:#e0e0e0;padding:5px 10px;border-radius:12px;font-size:14px;color:#333}.remove-button{background-color:#e0e0e0;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;color:#333}.app-header{width:100%;padding:15px 30px;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.logo-title{font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.ruleta-text{color:#333}.app{display:flex;flex-direction:column;height:100vh;background-color:#fff}.main-content{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:50px;width:100%;max-width:1200px;padding:20px;margin:0 auto}.wheel-section{flex:1;display:flex;justify-content:center;align-items:center}.options-section{flex:1;max-width:400px;height:100%}@media (max-width: 768px){.main-content{flex-direction:column;gap:20px}.options-section{width:100%;max-width:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}#root{width:100%;height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}