.wheel-of-fortune{max-width:1400px;margin:0 auto;padding:2rem}.wheel-header{text-align:center;margin-bottom:3rem;position:relative}.wf-lang-switch{display:inline-flex;background:#0f172a;border:1px solid #334155;border-radius:6px;overflow:hidden;margin-bottom:1rem}.wf-lang-opt{display:flex;align-items:center;gap:.25rem;padding:.2rem .6rem;background:transparent;border:none;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.wf-lang-opt:hover{background:#1e293b;color:#94a3b8}.wf-lang-opt--active{background:#1e293b;color:#f1f5f9}.wheel-header h1{font-size:3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wheel-content{display:flex;gap:2rem;justify-content:center;align-items:flex-start}.input-panel{background:#1e293b;border-radius:16px;padding:2rem;width:min(400px,100%)}.input-group{display:flex;gap:.5rem;margin-bottom:1rem}.input-group input{flex:1 1;padding:.75rem;background:#0f172a;border:2px solid transparent;border-radius:8px;color:white}.input-group input:focus{outline:none;border-color:#6366f1}.btn-add{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer}.presets{display:flex;gap:.5rem;margin-bottom:1.5rem;align-items:center}.btn-small{padding:.4rem .8rem;background:#334155;color:white;border:none;border-radius:6px;cursor:pointer}.options-list{list-style:none;max-height:300px;overflow-y:auto;margin-bottom:1.5rem}.options-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#334155;border-radius:8px;margin-bottom:.5rem}.color-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0}.options-list li span:nth-child(2){flex:1 1}.remove-btn{width:30px;height:30px;border:none;background:#ef4444;color:white;border-radius:6px;cursor:pointer;flex-shrink:0;margin-left:auto;display:flex;align-items:center;justify-content:center;transition:background .15s}.remove-btn:hover{background:#b91c1c}.actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.btn-spin{background:#10b981;color:white;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;cursor:pointer}.btn-spin:disabled{opacity:.5;cursor:not-allowed}.btn-clear{background:#ef4444;color:white;border:none;padding:1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s}.btn-clear:hover{background:#b91c1c}.wheel-panel{display:flex;flex-direction:column;align-items:center;gap:2rem;min-width:0;width:100%;max-width:540px}.wheel-container{position:relative;background:#1e293b;border-radius:50%;padding:1rem;box-sizing:border-box;width:100%;max-width:500px}.wheel-pointer{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:3rem;color:#6366f1;z-index:10}canvas{display:block;border-radius:50%;width:100%;height:auto}.result{background:linear-gradient(135deg,#10b981,#059669);padding:2rem;border-radius:16px;text-align:center;min-width:300px;animation:bounce .6s ease}.result h2{font-size:1.5rem;margin-bottom:1rem}.result p{font-size:2rem;font-weight:700;color:white}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wf-dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.wf-dialog{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:2rem;width:320px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.wf-dialog-msg{color:#f1f5f9;font-size:1rem;margin:0 0 1.5rem;line-height:1.5}.wf-dialog-btns{display:flex;gap:.75rem;justify-content:flex-end}.wf-dialog-cancel{background:#334155;color:#f1f5f9;border:none;padding:.6rem 1.2rem;border-radius:7px;cursor:pointer;font-size:.9rem;transition:background .15s}.wf-dialog-cancel:hover{background:#475569}.wf-dialog-confirm{background:#ef4444;color:white;border:none;padding:.6rem 1.2rem;border-radius:7px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .15s}.wf-dialog-confirm:hover{background:#b91c1c}@media (max-width:1024px){.wheel-content{flex-direction:column;align-items:center}.input-panel{width:100%;max-width:500px}}@media (max-width:600px){.wheel-of-fortune{padding:.75rem}.wheel-header{margin-bottom:1.5rem}.wheel-header h1{font-size:1.8rem}.input-panel{padding:1.25rem;max-width:100%;border-radius:10px}.presets{flex-wrap:wrap;gap:.4rem}.options-list{max-height:200px}.remove-btn{width:38px;height:38px}.result{min-width:0;width:100%}.wf-dialog{width:calc(100vw - 2rem)}}