.spinner-grid{display:flex;flex-direction:column;gap:calc(var(--spacing) * 3)}.card-subsection{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) * .75);padding:calc(var(--spacing) * 2)}.wheel-form{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2)}.wheel-form textarea{min-height:200px;resize:vertical;padding:calc(var(--spacing) * 2)}.quick-add{display:flex;gap:var(--spacing);align-items:center}.wheel-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:calc(var(--spacing) * 2)}.wheel-form .form-input{text-align:right}.wheel-board{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2)}.wheel-visual{position:relative;display:flex;justify-content:center;align-items:center}.wheel{width:min(320px,80vw);aspect-ratio:1 / 1;border-radius:50%;border:8px solid var(--color-surface);background:conic-gradient(#9b87f5,#f472b6,#34d399,#f59e0b 360deg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform 4s cubic-bezier(.33,1,.68,1);transform:rotate(var(--rotation, 0deg))}.wheel-pointer{position:absolute;bottom:-10px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:24px solid var(--color-accent);z-index:2;rotate:180deg}.wheel-center{width:110px;height:110px;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--spacing) * 2);font-weight:700;box-shadow:inset 0 0 12px #0006;z-index:1}.wheel-labels{position:absolute;inset:0;list-style:none;margin:0;padding:0}.wheel-labels li{position:absolute;width:50%;left:50%;top:50%;transform-origin:left center;font-size:12px;color:var(--color-text);text-shadow:0 0 4px rgba(0,0,0,.4);pointer-events:none}.wheel-spin-btn{height:56px;border-radius:calc(var(--radius) * .75);background:var(--color-accent);color:#fff;font-weight:700;border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing);transition:all .2s}.wheel-spin-btn:disabled{opacity:.5;cursor:not-allowed}.wheel-spin-btn:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.wheel-hint{font-size:13px;color:var(--color-text-tertiary)}.results-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing);margin-bottom:calc(var(--spacing) * 1.5)}.winner-list{list-style:decimal;padding-right:calc(var(--spacing) * 3);display:flex;flex-direction:column;gap:var(--spacing);margin-top:calc(var(--spacing) * 2);font-weight:600}.winner-list li{padding:calc(var(--spacing) * 1.25);border-radius:calc(var(--radius) * .5);background:var(--color-surface);border:1px solid var(--color-border)}.results.card-subsection{margin-top:calc(var(--spacing) * 3)}.icon-pill{display:inline-flex;align-items:center;gap:var(--spacing);border-radius:999px;border:1px solid var(--color-border);padding:calc(var(--spacing) * .75) calc(var(--spacing) * 1.5);font-size:13px;background:transparent;color:var(--color-text-secondary);transition:all .2s;cursor:pointer}.icon-pill:disabled{opacity:.4;cursor:not-allowed}.icon-pill:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-alpha)}.btn-clear{height:56px;border-radius:calc(var(--radius) * .75);background:#ef44441a;color:#ef4444cc;font-weight:700;transition:all .2s;border:1px solid rgba(239,68,68,.2);flex:1}.btn-clear:hover{background:#ef444426;color:#ef4444;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-clear:active{transform:translateY(0)}.wheel-form .form-actions{display:flex;gap:var(--spacing);align-items:stretch}.wheel-form .form-actions .btn-primary{flex:1;margin-top:0}.ghost-button{border-radius:999px;border:1px dashed var(--color-border);padding:calc(var(--spacing) * .75) calc(var(--spacing) * 1.5);background:transparent;color:var(--color-text-secondary);transition:all .2s}.ghost-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:900px){.spinner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start}.wheel{width:360px}}
