.dc-root{--dc-radius:1rem;--dc-border:rgba(255,255,255,0.08);--dc-bg:rgba(18,22,30,0.82);--dc-bg-expanded:rgba(18,22,30,0.94);--dc-surface:rgba(255,255,255,0.04);--dc-surface-hover:rgba(255,255,255,0.07);--dc-accent-agree:#a0d494;--dc-accent-challenge:#f0a050;--dc-accent-share:#60a8f0;--dc-text-primary:rgba(255,255,255,0.93);--dc-text-secondary:rgba(255,255,255,0.55);--dc-text-muted:rgba(255,255,255,0.35);--dc-transition:240ms cubic-bezier(0.16,1,0.3,1);position:relative;border-radius:var(--dc-radius);border:1px solid var(--dc-border);background:var(--dc-bg);backdrop-filter:blur(20px);box-shadow:0 4px 32px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05);transition:border-color var(--dc-transition),box-shadow var(--dc-transition),transform var(--dc-transition);overflow:hidden}.dc-root:hover{border-color:rgba(255,255,255,.15);box-shadow:0 8px 48px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.07);transform:translateY(-2px)}.dc-root:focus-within{border-color:rgba(255,255,255,.22);box-shadow:0 0 0 2px rgba(96,168,240,.35),0 8px 48px rgba(0,0,0,.44);transform:none}.dc-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;border:none;width:100%;text-align:left;color:var(--dc-text-primary);border-radius:var(--dc-radius);transition:background var(--dc-transition)}.dc-header:hover{background:var(--dc-surface-hover)}.dc-header:focus-visible{outline:2px solid var(--dc-accent-share);outline-offset:-2px}.dc-headline{flex:1;min-width:0}.dc-headline-text{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--dc-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-headline-sub{font-size:.7rem;color:var(--dc-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.1rem}.dc-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border:1px solid transparent;flex-shrink:0}.dc-badge--agree{background:rgba(160,212,148,.12);border-color:rgba(160,212,148,.25);color:var(--dc-accent-agree)}.dc-badge--mild{background:rgba(240,160,80,.12);border-color:rgba(240,160,80,.25);color:var(--dc-accent-challenge)}.dc-badge--strong{background:rgba(240,80,80,.12);border-color:rgba(240,80,80,.25);color:#f07070}.dc-mini-visual{display:flex;flex-direction:column;gap:3px;width:52px;flex-shrink:0}.dc-mini-row{display:flex;height:6px;border-radius:3px;overflow:hidden;background:rgba(255,255,255,.06)}.dc-mini-seg{height:100%;transition:width var(--dc-transition)}.dc-mini-seg--home{background:#60a8f0}.dc-mini-seg--draw{background:rgba(255,255,255,.28)}.dc-mini-seg--away{background:#f0a050}.dc-chevron{flex-shrink:0;color:var(--dc-text-muted);transition:transform var(--dc-transition),color var(--dc-transition)}.dc-chevron--open{transform:rotate(180deg);color:var(--dc-text-secondary)}.dc-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .38s cubic-bezier(.16,1,.3,1),opacity .28s ease}.dc-body--open{max-height:900px;opacity:1}.dc-body-inner{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.dc-divider{border:none;border-top:1px solid rgba(255,255,255,.06);margin:0}.dc-bars{display:flex;flex-direction:column;gap:.6rem}.dc-bar-row{display:flex;align-items:center;gap:.5rem}.dc-bar-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dc-text-muted);width:2.4rem;flex-shrink:0}.dc-bar-track{flex:1;height:8px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.06);display:flex}.dc-bar-seg{height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);position:relative}.dc-bar-seg--home{background:linear-gradient(90deg,#3a8ce0,#60c8f0)}.dc-bar-seg--draw{background:rgba(255,255,255,.3)}.dc-bar-seg--away{background:linear-gradient(90deg,#f08830,#f0c050)}.dc-bar-pcts{display:flex;gap:.5rem;font-size:.6rem;font-family:ui-monospace,Cascadia Code,monospace;color:var(--dc-text-secondary);min-width:7.5rem;justify-content:flex-end}.dc-pct-home{color:#60a8f0}.dc-pct-draw{color:var(--dc-text-secondary)}.dc-pct-away{color:#f0a050}.dc-diagnosis{font-size:.8rem;line-height:1.6;color:var(--dc-text-secondary);padding:.65rem .8rem;background:var(--dc-surface);border-radius:.5rem;border-left:3px solid rgba(255,255,255,.12)}.dc-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.5rem}.dc-metric{background:var(--dc-surface);border-radius:.5rem;padding:.5rem .6rem;border:1px solid rgba(255,255,255,.05)}.dc-metric-value{font-size:.95rem;font-weight:800;font-family:ui-monospace,Cascadia Code,monospace;color:var(--dc-text-primary);letter-spacing:-.02em}.dc-metric-label{font-size:.58rem;color:var(--dc-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-top:.15rem}.dc-ctas{display:flex;gap:.5rem;flex-wrap:wrap}.dc-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background var(--dc-transition),transform .12s ease,box-shadow .12s ease;border:1px solid transparent;background:var(--dc-surface);color:var(--dc-text-primary)}.dc-cta:focus-visible{outline:2px solid var(--dc-accent-share);outline-offset:2px}.dc-cta:active{transform:scale(.97)}.dc-cta--agree{background:rgba(160,212,148,.12);border-color:rgba(160,212,148,.3);color:var(--dc-accent-agree)}.dc-cta--agree:hover{background:rgba(160,212,148,.22);box-shadow:0 2px 12px rgba(160,212,148,.16)}.dc-cta--challenge{background:rgba(240,160,80,.12);border-color:rgba(240,160,80,.3);color:var(--dc-accent-challenge)}.dc-cta--challenge:hover{background:rgba(240,160,80,.22);box-shadow:0 2px 12px rgba(240,160,80,.16)}.dc-cta--share{background:rgba(96,168,240,.12);border-color:rgba(96,168,240,.3);color:var(--dc-accent-share)}.dc-cta--share:hover{background:rgba(96,168,240,.22);box-shadow:0 2px 12px rgba(96,168,240,.16)}.dc-challenge-panel{background:var(--dc-surface);border:1px solid rgba(240,160,80,.2);border-radius:.6rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.75rem}.dc-challenge-title{font-size:.75rem;font-weight:700;color:var(--dc-accent-challenge);text-transform:uppercase;letter-spacing:.07em}.dc-prob-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.dc-prob-field{display:flex;flex-direction:column;gap:.25rem}.dc-prob-field label{font-size:.6rem;color:var(--dc-text-muted);text-transform:uppercase;letter-spacing:.07em}.dc-input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.35rem;color:var(--dc-text-primary);font-size:.8rem;font-family:ui-monospace,Cascadia Code,monospace;padding:.35rem .5rem;width:100%;transition:border-color var(--dc-transition),background var(--dc-transition)}.dc-input:focus{outline:none;border-color:rgba(240,160,80,.5);background:rgba(255,255,255,.09)}.dc-input--error{border-color:rgba(240,80,80,.5)}.dc-sum-hint{font-size:.65rem;color:var(--dc-text-muted)}.dc-sum-hint--error{color:#f07070}.dc-reason-field{display:flex;flex-direction:column;gap:.25rem}.dc-reason-field label{font-size:.6rem;color:var(--dc-text-muted);text-transform:uppercase;letter-spacing:.07em}.dc-select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.35rem;color:var(--dc-text-primary);font-size:.8rem;padding:.35rem .5rem;width:100%;cursor:pointer;transition:border-color var(--dc-transition)}.dc-select:focus{outline:none;border-color:rgba(240,160,80,.5)}.dc-textarea{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.35rem;color:var(--dc-text-primary);font-size:.8rem;padding:.35rem .5rem;width:100%;resize:vertical;min-height:3.5rem;font-family:inherit;transition:border-color var(--dc-transition),background var(--dc-transition)}.dc-textarea:focus{outline:none;border-color:rgba(240,160,80,.5);background:rgba(255,255,255,.09)}.dc-challenge-actions{display:flex;gap:.4rem;justify-content:flex-end}.dc-cta--submit{background:rgba(240,160,80,.18);border-color:rgba(240,160,80,.4);color:var(--dc-accent-challenge)}.dc-cta--submit:hover:not(:disabled){background:rgba(240,160,80,.28)}.dc-cta--submit:disabled{opacity:.4;cursor:not-allowed}.dc-cta--cancel{background:transparent;border-color:rgba(255,255,255,.1);color:var(--dc-text-muted)}.dc-cta--cancel:hover{background:var(--dc-surface-hover)}.dc-toast{position:absolute;top:.75rem;right:.75rem;background:rgba(18,22,30,.96);border:1px solid rgba(96,168,240,.35);color:var(--dc-accent-share);font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.3rem .65rem;border-radius:999px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.dc-toast--visible{opacity:1;transform:translateY(0)}@media (max-width:480px){.dc-header{padding:.85rem 1rem}.dc-body-inner{padding:0 1rem 1rem}.dc-ctas{flex-direction:column}.dc-cta{justify-content:center}.dc-metrics{grid-template-columns:1fr 1fr}.dc-bar-pcts{display:none}}