:root{--wc-green:#1a7a4a;--wc-gold:#d4a017;--wc-dark:#0d2b1a}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,var(--wc-dark));margin:.5rem 0;font-size:2rem;font-weight:700}.page-hero p{color:var(--brand-text,#10203f);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--wc-gold);margin:0 0 .5rem;font-size:.75rem;font-weight:800}#match-selector{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-md,12px);gap:15px;width:92%;max-width:600px;margin:20px 0;padding:20px;display:grid}.control-group{flex-direction:column;gap:8px;display:flex}.control-group label{color:var(--brand-heading,var(--wc-dark));font-size:.95rem;font-weight:600}.control-group select{border:1px solid var(--brand-border,var(--wc-green));background:var(--brand-surface,white);color:var(--brand-text,#333);font-size:1rem;font-family:var(--brand-font-family,system-ui, sans-serif);border-radius:8px;padding:10px}.stats-note{color:var(--wc-gold);text-align:center;opacity:.9;margin:10px 0 0;font-size:.8rem;font-weight:600}.prediction-display{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-md,12px);width:92%;max-width:600px;margin:30px 0;padding:30px}.match-info{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:20px;display:grid}.team{text-align:center;border:1px solid var(--wc-green);background:#1a7a4a14;border-radius:8px;padding:15px}.team h3{color:var(--wc-dark);margin:0 0 10px;font-size:1.1rem}.score{color:var(--wc-green);font-size:2.5rem;font-weight:800}.vs{text-align:center;color:var(--wc-gold);font-size:1.2rem;font-weight:700}.prediction-note{text-align:center;color:var(--wc-dark);margin-top:15px;font-size:1.1rem;font-weight:600}.spin-btn{border-radius:var(--radius-md,40px);background:linear-gradient(to bottom right, var(--wc-green), var(--wc-dark));color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:var(--brand-font-family,system-ui, sans-serif);border:none;margin:20px auto;padding:12px 32px;transition:all .2s;display:block}.spin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a7a4a66}.spin-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1a7a4a59}.result-message{text-align:center;color:var(--brand-heading,var(--wc-dark));margin-top:20px;font-size:1.3rem}.seo-content-area{width:92%;max-width:800px;margin:30px 0}.seo-grid{grid-template-columns:1fr 1fr;gap:24px;margin:20px 0;display:grid}@media (width<=600px){.seo-grid,.match-info{grid-template-columns:1fr}.vs{order:-1;margin-bottom:10px}}.seo-toc{background:var(--glass-bg,#ffffff12);border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-md,12px);margin:24px 0;padding:20px 24px}.seo-toc ol{margin:.5rem 0 0;padding-left:1.4rem}@keyframes scoreSlotLand{0%{color:var(--wc-gold);text-shadow:0 0 30px #d4a017e6;transform:scale(1.35)}50%{transform:scale(.92)}75%{transform:scale(1.06)}to{color:var(--wc-green);text-shadow:none;transform:scale(1)}}@keyframes noteSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.score.slot-spinning{filter:blur(3px);opacity:.85;transition:none;color:var(--wc-gold)!important}.score.slot-landed{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards scoreSlotLand}.prediction-note.note-reveal{animation:.4s ease-out forwards noteSlideIn}.spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.seo-toc a{color:var(--wc-green);text-decoration:none}.seo-content-area h3{color:var(--brand-heading,var(--wc-dark))}.seo-content-area a{color:var(--wc-green)}