.wheel-stage{text-align:center}.wheel-wrap{aspect-ratio:1;isolation:isolate;width:min(360px,88vw);margin:0 auto;position:relative}.normal-wheel-canvas{pointer-events:none;opacity:0;visibility:hidden;filter:drop-shadow(0 18px 24px #0000002e);border-radius:50%;width:100%;height:100%;transition:opacity .18s;display:block;position:absolute;inset:0}.wheel-wrap.has-normal-3d .normal-wheel-canvas{opacity:1;visibility:visible}#wheel{opacity:0;pointer-events:none;will-change:transform;width:100%;height:auto;transition:transform 2.4s cubic-bezier(.22,1,.36,1),opacity .16s;display:block}.wheel-wrap:not(.has-normal-3d):not(.normal-3d-fallback):after{content:"";border:1px solid var(--border);background:radial-gradient(circle at 50% 44%, #ffffff0f, transparent 34%), linear-gradient(145deg, var(--surface-raised), var(--surface));box-shadow:inset 0 0 0 .5rem #0000000f, var(--shadow-sm);pointer-events:none;border-radius:50%;position:absolute;inset:8%}.wheel-wrap.normal-3d-fallback #wheel{opacity:1;pointer-events:auto}.wheel-wrap.has-normal-3d #wheel{opacity:0;pointer-events:none}.wheel-sector{stroke:var(--surface);stroke-width:1.5px}.sector-yes{fill:var(--accent)}.sector-no{fill:var(--surface-muted)}.wheel-label{letter-spacing:.04em;pointer-events:none;font-size:26px;font-weight:700}.label-yes{fill:var(--surface-raised)}.label-no{fill:var(--text)}.wheel-hub{fill:var(--surface-raised);stroke:var(--border-strong);stroke-width:2px}.wheel-pointer{border-left:13px solid #0000;border-right:13px solid #0000;border-top:22px solid var(--accent-strong);z-index:2;opacity:0;width:0;height:0;transition:opacity .14s;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.wheel-wrap.normal-3d-fallback .wheel-pointer{opacity:1}@keyframes yesno-wheel-fail-open-reveal{to{opacity:1;pointer-events:auto}}@keyframes yesno-wheel-fail-open-hide-placeholder{to{opacity:0}}.wheel-wrap:not(.has-normal-3d):not(.normal-3d-pending):not(.normal-3d-fallback) :is(#wheel,.wheel-pointer){animation:1ms linear 10s forwards yesno-wheel-fail-open-reveal!important}.wheel-wrap:not(.has-normal-3d):not(.normal-3d-pending):not(.normal-3d-fallback):after{animation:1ms linear 10s forwards yesno-wheel-fail-open-hide-placeholder!important}.wheel-spin{width:min(14rem,100%);min-height:3rem;margin:1.25rem auto 0}.wheel-stage{text-align:center;position:relative}.wheel-result-card{box-sizing:border-box;width:100%}.wheel-result-card:not(.has-result):not(.has-history){display:none}.wheel-result{letter-spacing:.06em;height:2.75rem;min-height:2.75rem;color:var(--accent-strong);justify-content:center;align-items:center;margin:0;font-size:2.25rem;font-weight:800;line-height:1.1;display:flex}.wheel-result-meta{color:var(--text-muted);font-size:.82rem}.wheel-result-card .wheel-result-actions{justify-content:center;align-items:center;width:100%;min-height:2.75rem;display:flex}html .wheel-result-card .share-result,.wheel-result-card .share-result{justify-content:center;gap:.5rem;margin-top:var(--result-actions-gap,.625rem)!important;margin-block-start:var(--result-actions-gap,.625rem)!important}.wheel-result-card .share-result__action{border-radius:var(--radius-sm,10px);background:var(--surface);border:1px solid var(--border);min-width:2.75rem;min-height:2.75rem;color:var(--text-muted);padding:.25rem .85rem;font-size:.82rem;font-weight:600;transition:all .14s}.wheel-result-card .share-result__action:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.wheel-history{letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;min-height:1.5rem;margin:.2rem 0 0;font-size:.72rem;font-weight:700;display:flex}.wheel-history-item{border:1px solid var(--border);color:var(--text-muted);background:var(--surface);border-radius:999px;padding:.08rem .5rem}.wheel-history-item.is-yes{border-color:var(--accent);color:var(--accent-strong)}@keyframes resultCardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.wheel-wrap{width:min(290px,80vw)}.wheel-spin{border-radius:999px;width:min(16rem,88vw);min-height:2.85rem;margin-top:.75rem}}@media (prefers-reduced-motion:reduce){#wheel,.normal-wheel-canvas,.wheel-pointer{transition:none}}.wheel-question-field{text-align:start;gap:.4rem;width:min(28rem,100%);margin:0 auto .85rem;display:grid}.wheel-question-field label{color:var(--text);font-weight:700}.wheel-question-field input{width:100%;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--border);font:inherit;border-radius:10px;padding:.65rem .8rem}.wheel-question-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wheel-question-field p{color:var(--text-muted);margin:0;font-size:.8rem}