.wheel-page{--wheel-page-accent:#d95324;--wheel-page-accent-deep:#a63c1c;--wheel-page-soft:#f7e6d9;--wheel-page-panel:#f4eee5;--wheel-page-highlight:#f4ecd6;overflow:clip}.doom-wheel-page{--wheel-page-accent:#7b4052;--wheel-page-accent-deep:#5a2c3a;--wheel-page-soft:#eee2e6;--wheel-page-panel:#f1e9e7;--wheel-page-highlight:#e9dde1}.wheel-page-hero{box-sizing:border-box;width:min(100% - 2rem,70rem);max-width:none}header.wheel-page-hero{padding:clamp(1.5rem,4vw,2.75rem) 0 .75rem}.wheel-page-hero .hero-title{font-size:clamp(2.45rem,7vw,4.8rem)}.wheel-page-hero .hero-sub{max-width:46ch;margin-top:.55rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55}.wheel-page-tool-wrap{text-align:initial;margin:0 auto;padding:0}.wheel-page-tool-wrap .yn-wheel-app{box-sizing:border-box;background:#fffdf9;border:1px solid #d8cfc2;border-radius:24px;width:100%;margin:0;padding:clamp(1rem,2.5vw,1.75rem);overflow:hidden;box-shadow:0 24px 55px -42px #1c19178c}.wheel-page-tool-wrap .yn-mode-switch{margin-bottom:clamp(1rem,2.5vw,1.5rem)}.wheel-page-tool-wrap .yn-main-column{flex-direction:column;align-items:center;min-width:0;display:flex}.wheel-page-tool-wrap .yn-wheel-stage{width:min(31rem,100%)}.wheel-page-tool-wrap .yn-side-panel{background:var(--wheel-page-panel);box-shadow:none;border-color:#ddd3c6;margin:0}.wheel-page-tool-wrap .yn-panel-section{border-bottom-color:#ddd3c6}.wheel-page-tool-wrap .yn-panel-section>.yn-setting-button{justify-content:flex-start;width:100%;margin-top:.7rem;padding-inline:.8rem}.wheel-page-tool-wrap .yn-setting-row .yn-setting-button{justify-content:center;margin-top:0;padding-inline:.55rem}.food-wheel-page .food-mode-switch button.is-active,.doom-wheel-page .doom-mode-switch button.is-active{border-color:var(--wheel-page-accent);background:var(--wheel-page-accent);color:#fff}.doom-wheel-page .doom-spin-button{background:var(--wheel-page-accent);box-shadow:inset 0 -3px 0 var(--wheel-page-accent-deep), 0 7px 18px -7px #5a2c3a94}.doom-wheel-page .doom-spin-button:hover{box-shadow:inset 0 -3px 0 var(--wheel-page-accent-deep), 0 11px 22px -8px #5a2c3aad}.doom-wheel-page .doom-pointer{border-top-color:var(--wheel-page-accent)}.doom-wheel-page .doom-pointer span{background:var(--wheel-page-accent-deep)}.wheel-page-tool-wrap .yn-result{background:var(--wheel-page-soft);width:min(38rem,100%);min-height:0;box-shadow:none;border-color:#dfc4b3;margin-top:1rem}.doom-wheel-page .yn-result{border-color:#d5b9c2}.wheel-page-tool-wrap .yn-result-message{overflow-wrap:anywhere;max-width:28ch;margin-inline:auto}.wheel-page-content{box-sizing:border-box;gap:clamp(3rem,7vw,5rem);width:min(100% - 2.5rem,58rem);max-width:none;padding:clamp(2rem,6vw,5rem) 0;display:grid}.wheel-page-content .content-section{width:100%;max-width:46rem;margin-inline:auto}.wheel-page-content .content-section h2{margin:0 0 .8rem;font-size:clamp(1.7rem,4vw,2.6rem)}.wheel-page-content .content-section p,.wheel-page-content .content-section li{color:var(--color-ink-soft)}.wheel-page-content .toc-container{background:0 0;padding:1.25rem}.wheel-page-content .section-divider{width:min(46rem,100%);margin-inline:auto}.wheel-page-content #what-is-food-wheel,.wheel-page-content #what-is-wheel-of-doom{box-sizing:border-box;background:var(--wheel-page-highlight);border-radius:24px;max-width:58rem;padding:clamp(1.5rem,5vw,3.25rem)}.wheel-page-content #what-is-food-wheel p{color:#3c3026}.wheel-page-content #what-is-wheel-of-doom p{color:#49313a}.wheel-page-content #preset-modes .mode-desc-list,.wheel-page-content #levels-of-doom .mode-desc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin-top:1.5rem;display:grid}.wheel-page-content #preset-modes .mode-desc-list li,.wheel-page-content #levels-of-doom .mode-desc-list li{border-top:1px solid #d4cabd;padding-top:.8rem}.wheel-page-content #preset-modes .mode-desc-list strong,.wheel-page-content #levels-of-doom .mode-desc-list strong{font-family:var(--font-display);margin-bottom:.2rem;display:block}.wheel-page-content #keep-it-fun{box-sizing:border-box;background:#fbf0cf;border:1px solid #dfc9a0;border-radius:16px;padding:clamp(1.35rem,4vw,2rem)}.wheel-page-content .text-link{color:var(--wheel-page-accent-deep);text-underline-offset:3px;font-weight:700}@media (width<=53rem){.wheel-page-tool-wrap .yn-side-panel{width:min(35rem,100%);margin-inline:auto}}@media (width<=40rem){.wheel-page-hero,.wheel-page-content{width:min(100% - 2rem,100%)}.wheel-page-content #what-is-food-wheel,.wheel-page-content #what-is-wheel-of-doom{border-radius:0;width:calc(100% + 2rem);max-width:none;margin-inline:-1rem}.wheel-page-tool-wrap .yn-wheel-app{border-radius:18px;padding:.8rem}.wheel-page-content #preset-modes .mode-desc-list,.wheel-page-content #levels-of-doom .mode-desc-list{grid-template-columns:minmax(0,1fr)}.wheel-page-tool-wrap .yn-result-actions>button{flex:9.5rem;justify-content:center}}