.sp-root{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-phone{position:relative;width:220px;height:420px;border-radius:28px;border:5px solid hsla(44,37%,92%,.12);background:#0a0a0b;box-shadow:0 0 0 1px hsla(44,37%,92%,.06),0 20px 60px rgba(0,0,0,.6),inset 0 1px 0 hsla(44,37%,92%,.05);overflow:hidden;cursor:pointer}.sp-phone-notch{top:0;left:50%;transform:translateX(-50%);width:60px;height:14px;border-radius:0 0 10px 10px;z-index:10}.sp-phone-notch,.sp-phone-screen{position:absolute;background:#0a0a0b}.sp-phone-screen{inset:0;top:14px;overflow:hidden;border-radius:0 0 23px 23px}.sp-step,.sp-step-wrapper{width:100%;height:100%}.sp-step{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 16px;gap:10px;color:#f2eee3}.sp-fade-in{animation:spFadeIn .4s ease-out both}.sp-fade-out{animation:spFadeOut .4s ease-out both}@keyframes spFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.sp-slide-up{animation:spSlideUp .5s ease-out both}.sp-pop{animation:spPop .5s cubic-bezier(.34,1.56,.64,1) both}.sp-delay-1{animation-delay:.15s}.sp-delay-2{animation-delay:.3s}.sp-delay-3{animation-delay:.45s}@keyframes spSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.sp-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:hsla(44,37%,92%,.4);font-size:28px;cursor:pointer;padding:8px 4px;z-index:20;opacity:0;transition:opacity .2s;line-height:1}.sp-arrow-left{left:4px}.sp-arrow-right{right:4px}.sp-phone:hover .sp-arrow{opacity:1}@media (hover:none){.sp-arrow{opacity:.5}}.sp-dots{display:flex;gap:6px;align-items:center}.sp-dot{width:6px;height:6px;border-radius:3px;background:hsla(44,37%,92%,.2);border:none;cursor:pointer;padding:0;transition:all .25s}.sp-dot-active{width:20px;background:oklch(.68 .22 28);border-radius:4px}.sp-step-label{gap:6px;font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.12em;color:#6b6a64;text-transform:uppercase}.sp-step-icon,.sp-step-label{display:flex;align-items:center}.sp-step-icon{width:18px;height:18px;justify-content:center;border:1px solid #262629;border-radius:2px;font-size:8px;color:#b7b3a8}.sp-tag{font-family:var(--font-mono),ui-monospace,monospace;font-size:8px;letter-spacing:.14em;color:#6b6a64;text-transform:uppercase}.sp-danger-tag{color:oklch(.68 .22 28)}.sp-safe{color:oklch(.78 .15 155)}.sp-accent,.sp-danger{color:oklch(.68 .22 28)}.sp-safe-bg{background:oklch(.78 .15 155)}.sp-welcome{gap:16px;background:radial-gradient(ellipse at 50% 30%,rgba(226,88,34,.08) 0,transparent 70%)}.sp-brand{flex-direction:column;gap:6px;opacity:0}.sp-brand,.sp-logo{display:flex;align-items:center}.sp-logo{width:40px;height:40px;justify-content:center;border:2px solid oklch(.68 .22 28);border-radius:2px;font-size:16px;color:oklch(.68 .22 28)}.sp-logo,.sp-tagline{font-family:var(--font-display),system-ui;font-weight:700}.sp-tagline{font-size:12px;letter-spacing:.2em;color:#f2eee3}.sp-hero-text{display:flex;flex-direction:column;align-items:center;gap:0}.sp-hero-line{font-family:var(--font-display),system-ui;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1;opacity:0;animation:spSlideUp .5s ease-out both}.sp-hero-sub{font-family:var(--font-mono),ui-monospace,monospace;font-size:8px;letter-spacing:.14em;color:#6b6a64;opacity:0}.sp-pool{gap:14px;align-items:stretch}.sp-pool-card{gap:10px;padding:12px;border:1px solid #262629;background:#111113;opacity:0}.sp-pool-card,.sp-pool-icon{display:flex;align-items:center;border-radius:2px}.sp-pool-icon{width:36px;height:36px;justify-content:center;background:rgba(226,88,34,.12);font-size:12px;color:oklch(.68 .22 28)}.sp-pool-icon,.sp-pool-name{font-family:var(--font-display),system-ui;font-weight:700}.sp-pool-name{font-size:14px;letter-spacing:-.02em}.sp-pool-meta{font-family:var(--font-mono),ui-monospace,monospace;font-size:8px;letter-spacing:.1em;color:#6b6a64;margin-top:2px}.sp-pool-stats{justify-content:center;gap:16px;opacity:0}.sp-pool-stats,.sp-stat{display:flex;align-items:center}.sp-stat{flex-direction:column;gap:2px}.sp-stat-num{font-family:var(--font-display),system-ui;font-size:18px;font-weight:700}.sp-stat-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:7px;letter-spacing:.12em;color:#6b6a64}.sp-stat-divider{width:1px;height:24px;background:#262629}.sp-pool-cta{text-align:center;padding:10px;background:#f2eee3;color:#0a0a0b;font-family:var(--font-display),system-ui;font-size:11px;font-weight:700;letter-spacing:.06em;border-radius:2px;opacity:0}.sp-decision{gap:12px;align-items:stretch}.sp-fixtures{display:flex;flex-direction:column;gap:6px}.sp-fixture{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #262629;border-radius:2px;background:#111113;opacity:0;transform:translateY(10px);transition:all .4s ease-out,border-color .3s;position:relative}.sp-fixture-in{opacity:1;transform:translateY(0)}.sp-fixture.sp-selected{border-color:oklch(.68 .22 28);background:rgba(226,88,34,.06)}.sp-fixture-team{display:flex;align-items:center;gap:6px;font-family:var(--font-display),system-ui;font-size:12px;font-weight:600}.sp-fixture-flag{font-size:9px;opacity:.6}.sp-fixture-vs{font-family:var(--font-mono),ui-monospace,monospace;font-size:8px;color:#6b6a64}.sp-pick-badge{position:absolute;top:-6px;right:8px;background:oklch(.68 .22 28);color:#0a0a0b;font-size:7px;font-weight:700;padding:2px 6px;border-radius:2px;animation:spPop .3s cubic-bezier(.34,1.56,.64,1) both}.sp-decision-warn,.sp-pick-badge{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.1em}.sp-decision-warn{text-align:center;font-size:8px;color:oklch(.68 .22 28);opacity:0}.sp-confirm{gap:10px}.sp-confirm-team{font-family:var(--font-display),system-ui;font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:1;animation:spSlideUp .4s ease-out both}.sp-confirm-vs{font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;color:#6b6a64;letter-spacing:.06em}.sp-confirm-outcomes{display:flex;flex-direction:column;width:100%;border:1px solid #262629;margin-top:4px}.sp-outcome{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-family:var(--font-display),system-ui;font-size:10px;font-weight:600;border-bottom:1px solid #1c1c1f}.sp-outcome:last-child{border-bottom:none}.sp-outcome-pct{font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;color:#6b6a64;min-width:28px;font-variant-numeric:tabular-nums}.sp-outcome-result{font-family:var(--font-mono),ui-monospace,monospace;font-size:8px;letter-spacing:.08em}.sp-hold-btn{position:relative;width:100%;padding:12px;background:oklch(.68 .22 28);border-radius:2px;overflow:hidden;margin-top:6px;transition:background .3s}.sp-hold-btn.sp-locked{background:oklch(.78 .15 155)}.sp-hold-progress{position:absolute;top:0;left:0;bottom:0;background:rgba(0,0,0,.2);transition:width .05s linear}.sp-hold-label{position:relative;z-index:1;font-family:var(--font-display),system-ui;font-size:11px;font-weight:700;letter-spacing:.04em;color:#0a0a0b;display:block;text-align:center}.sp-fate{font-family:var(--font-mono),ui-monospace,monospace;font-size:8px;letter-spacing:.1em;color:oklch(.78 .15 155);animation:spFadeIn .4s ease-out both}.sp-live{gap:12px}.sp-live-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.12em;color:oklch(.68 .22 28)}.sp-live-dot{width:6px;height:6px;border-radius:50%;background:oklch(.68 .22 28);animation:spBlink 1s steps(1) infinite}@keyframes spBlink{0%{opacity:1}50%{opacity:.2}}.sp-live-match{gap:16px;width:100%;justify-content:center}.sp-live-match,.sp-live-team{display:flex;align-items:center}.sp-live-team{flex-direction:column;gap:4px;font-family:var(--font-display),system-ui;font-size:14px;font-weight:700}.sp-live-flag{font-size:10px;opacity:.5}.sp-live-score{display:flex;flex-direction:column;align-items:center;gap:2px}.sp-live-nums{font-family:var(--font-display),system-ui;font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sp-live-minute{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;color:oklch(.68 .22 28);animation:spBlink 1s steps(1) infinite}.sp-live-status{font-family:var(--font-display),system-ui;font-size:11px;font-weight:700;letter-spacing:.06em}.sp-live-bar{width:100%;height:4px;background:#262629;border-radius:2px;overflow:hidden}.sp-live-bar-fill{height:100%;border-radius:2px;transition:width .5s ease-out}.sp-live-bar-label{display:flex;justify-content:space-between;width:100%;font-family:var(--font-mono),ui-monospace,monospace;font-size:7px;letter-spacing:.08em;color:#6b6a64}.sp-survived{gap:12px;background:radial-gradient(ellipse at 50% 40%,rgba(98,186,116,.08) 0,transparent 70%)}.sp-survived-icon{opacity:0}.sp-survived-title{font-family:var(--font-display),system-ui;font-size:28px;font-weight:700;letter-spacing:-.03em;color:oklch(.78 .15 155);opacity:0}.sp-survived-sub{font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.12em;color:#b7b3a8;opacity:0}.sp-survived-stats{display:flex;align-items:center;gap:20px;opacity:0}.sp-survived-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.sp-survived-next{padding:10px 16px;background:#f2eee3;color:#0a0a0b;font-family:var(--font-display),system-ui;font-size:10px;font-weight:700;letter-spacing:.06em;border-radius:2px;opacity:0}.sp-eliminated{gap:12px;background:radial-gradient(ellipse at 50% 40%,rgba(226,88,34,.08) 0,transparent 70%)}.sp-elim-x{opacity:0}.sp-elim-title{font-family:var(--font-display),system-ui;font-size:28px;font-weight:700;letter-spacing:-.03em;color:oklch(.68 .22 28);opacity:0}.sp-elim-cause{font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.1em;color:#6b6a64;opacity:0}.sp-elim-result{font-family:var(--font-display),system-ui;font-size:16px;font-weight:700;color:#b7b3a8;opacity:0}.sp-elim-run{opacity:0}.sp-elim-rounds{font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.1em;color:#6b6a64}.sp-elim-cta{padding:10px 16px;border:1px solid oklch(.68 .22 28);color:oklch(.68 .22 28);font-family:var(--font-display),system-ui;font-size:10px;font-weight:700;letter-spacing:.06em;border-radius:2px;opacity:0}@media (max-width:768px){.sp-phone{width:200px;height:380px}.sp-confirm-team{font-size:36px}.sp-live-nums{font-size:24px}}