.wheel-wrap{--wheel-1:#d9adb3;--wheel-2:#b3c0ac;--wheel-3:#e6d3ab;--wheel-4:#b0bfcb;width:min(320px,85vw);margin:0 auto 1rem;position:relative}.wheel{will-change:transform;pointer-events:none;width:100%;height:auto;display:block}.wheel-segment{stroke:var(--surface);stroke-width:1px}.wheel-label{fill:var(--text);font-weight:var(--fw-medium);-webkit-user-select:none;user-select:none}.wheel-ring{fill:none;stroke:var(--primary);stroke-width:4px}.wheel-hub{fill:var(--surface);stroke:var(--primary);stroke-width:3px}.wheel-empty{fill:var(--surface-alt);stroke:var(--border);stroke-width:2px;stroke-dasharray:6 4}.wheel-empty-text{fill:var(--text-faint);font-size:10px}.wheel-pointer{pointer-events:none;border-left:12px solid #0000;border-right:12px solid #0000;border-top:20px solid var(--primary);filter:drop-shadow(0 1px 2px #4a46424d);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.result-box{font-size:var(--fs-2xl);border:2px dashed var(--primary);border-radius:var(--radius);background-color:var(--surface);width:100%;max-width:var(--panel);overflow-wrap:break-word;min-height:3em;color:var(--text);text-align:center;margin:0 auto 1rem;padding:1rem;transition:background-color .3s}.result-box.spin{background-color:var(--surface-alt)}.result-box.final{color:var(--text);animation:.6s ease-out highlight}@keyframes highlight{0%{opacity:0;transform:scale(1.2)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.result-box:empty:before{content:attr(data-placeholder);font-size:var(--fs-xs);color:var(--text-faint)}.result-box.spin:empty:before{content:attr(data-spinning)}#wordInput,#multiInput{width:100%;font-size:var(--fs-base);margin-bottom:.5rem;padding:.6rem}.button-row button{min-width:40%}.sort-controls{font-size:var(--fs-sm);color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.sort-link{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;margin:0 .25rem;padding:0;text-decoration:underline}.sort-link:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.duration-label{margin-left:1rem}.word-tag.winner{border-color:var(--primary);background-color:var(--primary);color:var(--on-primary);font-weight:var(--fw-medium)}.spin-options{font-size:var(--fs-sm);color:var(--text-muted);justify-content:center;margin-bottom:1rem;display:flex}.remove-winner-label{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.remove-winner-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.history-area{max-width:var(--panel);background-color:var(--surface-alt);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);border:1px solid var(--border);text-align:left;margin:20px auto;padding:10px}.history-list{flex-wrap:wrap;gap:.4rem;display:flex}.history-item{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-sm);padding:.3rem .7rem}.history-area button{background-color:var(--accent);color:var(--on-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:10px;padding:.4rem 1rem;transition:background-color .2s}.history-area button:hover:not(:disabled){background-color:var(--accent-hover)}.history-area button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){.result-box{width:100%;font-size:1.5rem}.button-row{flex-direction:row}}