.wheel-page{padding-top:1rem}.wheel-page>nav{margin-bottom:.5rem}.wheel-page>section[aria-labelledby=tool-title]{padding-bottom:1rem}.wheel-page #tool-title{font-size:1.75rem;line-height:1.2}.wheel-page #tool-title+p{margin-top:.5rem;line-height:1.5}.wheel-tool{padding:.75rem}.wheel-layout{display:grid;grid-template-areas:"stage" "editor" "history";gap:1rem;min-width:0}.wheel-stage{grid-area:stage;display:flex;min-width:0;flex-direction:column;align-items:center;gap:.625rem}.wheel-visual{width:min(100%,19rem)}.wheel-svg{display:block;width:100%;height:auto;overflow:visible}.wheel-disc{transform-origin:150px 150px}.wheel-disc.is-spinning,.wheel-label.is-spinning{transition:transform 4s cubic-bezier(.15,.8,.25,1)}.wheel-label{fill:var(--text-primary);font-size:15px;font-weight:700}.wheel-result{display:flex;width:100%;min-width:0;min-height:5rem;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .75rem;border:1px solid transparent;border-radius:.5rem}.wheel-result.has-value{justify-content:space-between;border-color:var(--border);background:var(--surface-muted)}.wheel-result-text{min-width:0}.wheel-result-caption{display:block;font-size:.8125rem;line-height:1.25rem;color:var(--text-muted)}.wheel-winner{display:block;margin-top:.125rem;font-size:1.625rem;line-height:1.2;font-weight:800;overflow-wrap:anywhere}.wheel-spin{width:100%;min-height:3.25rem;border-radius:.5rem;font-size:1rem}.wheel-copy-control{display:flex;min-width:0;flex-shrink:0;flex-direction:column;gap:.25rem}.wheel-copy{min-height:2.75rem;padding-inline:.5rem;border-color:transparent;border-radius:.5rem;background:transparent;font-size:.8125rem}.wheel-copy svg{width:1.125rem;height:1.125rem;flex-shrink:0}.wheel-copy-error{max-width:10rem;font-size:.75rem;line-height:1.25rem;overflow-wrap:anywhere}.wheel-editor{grid-area:editor;min-width:0;border-top:1px solid var(--border);padding-top:.75rem}.wheel-editor-toggle{display:flex;width:100%;min-height:3.5rem;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;border-radius:.5rem}.wheel-editor-toggle:hover{color:var(--primary)}.wheel-editor-toggle:active{background:var(--primary-soft)}.wheel-editor-summary{display:flex;min-width:0;flex-direction:column;gap:.25rem}.wheel-editor-summary-title,.wheel-editor-title{font-size:.875rem;line-height:1.25rem;font-weight:700}.wheel-editor-preview{font-size:.75rem;line-height:1.25rem;color:var(--text-muted);overflow-wrap:anywhere}.wheel-editor-toggle-action{display:flex;flex-shrink:0;align-items:center;gap:.25rem;font-size:.75rem;line-height:1.25rem;color:var(--primary)}.wheel-editor-toggle-action svg{width:1rem;height:1rem;transform:rotate(-90deg)}.wheel-editor[data-open=true] .wheel-editor-toggle-action svg{transform:rotate(0)}.wheel-editor-content{display:none;min-width:0;flex-direction:column;gap:.75rem}.wheel-editor[data-open=true] .wheel-editor-content{display:flex;margin-top:.75rem}.wheel-editor-title{display:none}.wheel-input{min-height:12rem;resize:vertical;border-radius:.5rem}.wheel-input:disabled{opacity:.65;cursor:default}.wheel-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.wheel-presets .btn-chip{min-height:2.75rem;padding-inline:.25rem;border-radius:.5rem;font-size:.8125rem}.wheel-presets .btn-chip:disabled{opacity:.5;cursor:default}.wheel-editor-hint,.wheel-closed-error{font-size:.75rem;line-height:1.25rem;color:var(--text-muted)}.wheel-closed-error{margin-top:.5rem;color:var(--primary)}.wheel-numbered-options{font-size:.8125rem;line-height:1.5rem}.wheel-numbered-options>p{margin-bottom:.5rem;color:var(--text-muted)}.wheel-numbered-options ol{max-height:12rem;overflow-y:auto;padding:.25rem}.wheel-numbered-options li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.5rem;padding-block:.125rem;overflow-wrap:anywhere}.wheel-numbered-options li>span:first-child{color:var(--text-muted);font-variant-numeric:tabular-nums}.wheel-history{grid-area:history;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:0;align-items:start;gap:.25rem .75rem;padding-top:.25rem}.wheel-history h2{align-self:first baseline;font-size:.875rem;line-height:1.5rem;font-weight:700}.wheel-history ol{align-self:first baseline;display:flex;min-width:0;flex-wrap:wrap;gap:.25rem 1rem;max-height:6rem;overflow-y:auto;padding:.25rem;font-size:.8125rem;line-height:1.5rem}.wheel-history li{min-width:0;max-width:100%;overflow-wrap:anywhere}.wheel-history-number{color:var(--text-muted);font-variant-numeric:tabular-nums}.wheel-history-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.25rem .5rem}.wheel-instruction-steps{display:grid;gap:1rem;margin-top:1.25rem}.wheel-instruction-step{display:flex;min-width:0;align-items:flex-start;gap:.75rem}.wheel-instruction-number{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:1rem;font-weight:700}.wheel-page #instruction{margin-top:2rem}.wheel-page #faq{margin-top:2rem;padding-top:1.5rem}@media(min-width:48rem){.wheel-page{padding-top:2rem}.wheel-page #tool-title{font-size:2.25rem}.wheel-page>section[aria-labelledby=tool-title]{padding-bottom:1.5rem}.wheel-tool{padding:1.5rem}.wheel-visual{width:min(100%,23rem)}.wheel-stage{gap:.75rem}.wheel-winner{font-size:1.875rem}.wheel-spin{min-height:3.5rem}.wheel-history{grid-template-columns:auto minmax(0,1fr) auto}.wheel-history-actions{grid-column:3;grid-row:1;flex-direction:column;align-items:flex-start;gap:0}.wheel-instruction-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media(min-width:64rem){.wheel-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"stage editor" "history editor";column-gap:2rem;row-gap:.75rem}.wheel-stage{padding-inline:1rem}.wheel-editor{border-top:0;border-left:1px solid var(--border);padding:.5rem 0 0 2rem}.wheel-editor-toggle{display:none}.wheel-editor-content,.wheel-editor[data-open=true] .wheel-editor-content{display:flex;margin-top:0;gap:1rem}.wheel-editor-title{display:block;font-size:1.125rem;line-height:1.5rem}.wheel-input{min-height:13.5rem}.wheel-closed-error{display:none}.wheel-history{padding-inline:1rem}}@media(min-width:80rem){.wheel-visual{width:min(100%,25rem)}}