.wheel-page{max-width:1440px;margin:auto;padding:0 5vw 70px}.inspiration-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:5vw;padding:0 0 40px!important}.wheel-heading{text-align:center}.wheel-heading h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.1;margin:12px 0 22px}.wheel-heading h1 em,.wheel-controls h2 em{color:#dfc393;font-weight:400}.wheel-wrap{position:relative;width:100%;max-width:620px;aspect-ratio:1;margin:auto;isolation:isolate}.wheel-wrap #wheel-disc{position:absolute;inset:12%;width:76%;height:76%;transition:transform 4.5s cubic-bezier(.15,.7,.1,1);border-radius:50%;box-shadow:0 0 35px #0007}.wheel-ornament{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:2}.wheel-pointer{position:absolute;z-index:4;top:16%;left:calc(50% - 13px);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:34px solid #f4d49c;filter:drop-shadow(0 2px 3px #000)}.wheel-hub{position:absolute;width:22%;height:22%;left:39%;top:39%;border:2px solid #d8ba7b;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#31291b,#0b0b0b);box-shadow:0 2px 20px #000b;z-index:3}.wheel-hub img{width:78%;height:78%;object-fit:contain}.wheel-caption{text-align:center;color:#c9bb9f;font-style:italic;margin:4px 0;font-size:1rem}.wheel-controls{background:#13110ee8;border:1px solid #8f7953;padding:clamp(20px,3vw,42px);border-radius:2px}.wheel-controls h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.16;margin:12px 0 18px}.wheel-controls>p{font-size:1.05rem;line-height:1.7}.wheel-spin{width:100%;min-height:56px;justify-content:center;font-size:1.15rem;margin-top:12px;cursor:pointer}.wheel-spin:disabled{opacity:.65;cursor:wait}.wheel-controls .wheel-meta{font-size:.875rem;color:#c4bba9;text-align:center;margin:9px 0 23px}.wheel-result{border-top:1px solid #7b6a49;border-bottom:1px solid #7b6a49;padding:22px 0;min-height:140px}.wheel-result h3{font-size:2rem;color:#f4ddaf;margin:8px 0;line-height:1.2}.wheel-result p{font-size:1rem;line-height:1.65;margin:10px 0 0}.wheel-controls #wheel-actions{padding-top:20px}.wheel-controls #wheel-actions[hidden]{display:none}.wheel-controls #wheel-actions .button{width:100%;justify-content:center}.wheel-details{display:block;text-align:center;padding:16px 0 4px;text-decoration:underline;text-underline-offset:4px;font-size:1rem}.wheel-controls .wheel-note{font-size:.875rem;line-height:1.65;color:#bdb7ac;margin:22px 0 0}.wheel-teaser{border-top:1px solid #897449;border-bottom:1px solid #897449}html[data-theme=day] .wheel-controls{background:#fffdf5ec;border-color:#a28a62;color:#18191a}html[data-theme=day] .wheel-heading h1 em,html[data-theme=day] .wheel-controls h2 em,html[data-theme=day] .wheel-result h3{color:#68502d}html[data-theme=day] .wheel-meta,html[data-theme=day] .wheel-note,html[data-theme=day] .wheel-caption{color:#514839}html[data-theme=day] .wheel-hub img{filter:none}html[data-theme=day] .wheel-result{border-color:#b6a482}
@media(max-width:880px){.wheel-page{padding:0 5vw 50px}.inspiration-layout{grid-template-columns:1fr;gap:24px}.wheel-wrap{max-width:520px}.wheel-heading h1{margin-bottom:10px}.wheel-controls{padding:24px}.wheel-controls h2{font-size:2rem}}@media(max-width:380px){.wheel-pointer{border-left-width:10px;border-right-width:10px;border-top-width:25px;left:calc(50% - 10px)}.wheel-controls{padding:18px}}@media(prefers-reduced-motion:reduce){.wheel-wrap #wheel-disc{transition:none}}