:root{--chinese-red:#c8102e;--chinese-gold:#d4a017;--chinese-crimson:#8b0000;--wheel-segment-1:#c8102e;--wheel-segment-2:#d4a017;--wheel-segment-3:#8b0000;--wheel-segment-4:#c8860a;--wheel-segment-5:#2d6a4f;--wheel-segment-6:#1a5f8e;--wheel-segment-7:#7b3f00;--wheel-segment-8:#6b3d9a;--wheel-result-text:var(--chinese-gold)}body{flex-direction:column;min-height:100vh;display:flex}.main-container{flex-direction:column;flex-grow:1;align-items:center;padding-top:20px;display:flex}.page-hero{text-align:center;background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);backdrop-filter:blur(14px);width:92%;max-width:800px;box-shadow:var(--glass-shadow);padding:30px}.page-hero h1{color:var(--brand-heading);margin:.5rem 0;font-size:2rem;font-weight:700}.page-hero p{color:var(--brand-text);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--chinese-gold);margin:0 0 .5rem;font-size:.75rem;font-weight:800}#wheel-container{margin:30px 0;position:relative}#indicator{border-left:15px solid #0000;border-right:15px solid #0000;border-top:30px solid var(--chinese-red);z-index:10;width:0;height:0;position:absolute;top:-14px;left:50%;transform:translate(-50%)}#wheel{max-width:100%;height:auto}.preset-btns{flex-wrap:wrap;justify-content:center;gap:10px;max-width:600px;margin:0 auto 16px;padding:0 16px;display:flex}.preset-btn{border:2px solid var(--chinese-red);color:var(--brand-text);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s}.preset-btn:hover,.preset-btn:focus-visible{background:var(--chinese-red);color:#fff;outline:none}#spinBtn{background:var(--chinese-red);color:#fff;cursor:pointer;letter-spacing:.05em;border:none;border-radius:999px;margin:4px auto 16px;padding:14px 40px;font-size:1.1rem;font-weight:700;transition:opacity .2s,transform .1s;display:block}#spinBtn:hover{opacity:.88}#spinBtn:active{transform:scale(.97)}#winner{text-align:center;min-height:60px;color:var(--brand-heading);padding:8px 16px;font-size:1.2rem;font-weight:700}@media (width<=600px){.seo-grid{grid-template-columns:1fr}}.seo-toc{background:var(--glass-bg,#ffffff14);border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px 24px}.seo-toc ol{margin:.5rem 0 0;padding-left:1.4rem}.seo-toc li{margin-bottom:.3rem}.seo-toc a{color:var(--chinese-red);text-decoration:none}.seo-toc a:hover{text-decoration:underline}.seo-content-area a{color:var(--chinese-red)}