.pp-app{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Barlow Condensed", "Inter", system-ui, sans-serif;--accent:#f5b942;--accent-strong:#ffd066;--accent-deep:#d99a1d;--accent-contrast:#1a1205;--accent-soft:#f5b94224;--accent-border:#f5b94273;--accent-glow:#f5b9428c;--bg-base:#07080d;--surface:#14161f;--surface-raised:#1a1d28;--surface-hover:#21242f;--surface-sunken:#0d0f15;--border:#ffffff12;--border-strong:#ffffff21;--text:#f3f5fa;--text-muted:#a3aabb;--text-dim:#6a7180;--green:#38d18a;--green-soft:#38d18a24;--red:#f26464;--red-soft:#f2646424;--blue:#5b9dff;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow-card:0 1px 0 #ffffff0d inset, 0 24px 50px -28px #000000d9;background:var(--bg-base);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;position:relative}.pp-app *{box-sizing:border-box}.pp-bg{pointer-events:none;z-index:0;background:radial-gradient(62% 52% at 6% -10%,#5b9dff29,#0000 68%),radial-gradient(58% 46% at 100% -6%,#2fb67321,#0000 70%),radial-gradient(80% 60% at 50% 120%,#f5b9420d,#0000 70%);position:fixed;inset:0}.pp-app>:not(.pp-bg){z-index:1;position:relative}@keyframes pp-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pp-pulse{0%{box-shadow:0 0 #38d18a73}70%{box-shadow:0 0 0 7px #38d18a00}to{box-shadow:0 0 #38d18a00}}.pp-topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#07080dc7;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.pp-brand{align-items:center;gap:11px;display:flex}.pp-brand-logo{background:linear-gradient(155deg, color-mix(in srgb, var(--accent) 26%, var(--surface-raised)), var(--surface-sunken));width:40px;height:40px;color:var(--accent);border:1px solid var(--accent-border);box-shadow:0 8px 20px -10px var(--accent-glow), inset 0 1px 0 #ffffff14;border-radius:12px;justify-content:center;align-items:center;display:flex}.pp-brand-text{flex-direction:column;line-height:1.12;display:flex}.pp-brand-text strong{font-family:var(--font-display);letter-spacing:.02em;font-size:19px;font-weight:800}.pp-brand-text small{color:var(--text-muted);font-size:12px;font-weight:600}.pp-topbar-actions{align-items:center;gap:8px;display:flex}.pp-clockpill,.pp-potpill{border-radius:var(--r-pill);white-space:nowrap;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-muted);align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.pp-clockpill.is-live{background:var(--green-soft);color:var(--green);border-color:#38d18a66}.pp-potpill{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.pp-livedot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pp-pulse}.pp-content{max-width:1180px;margin:0 auto;padding:24px 20px 64px}.pp-hero{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);animation:pp-rise .42s var(--ease-out) both;background:linear-gradient(#171a24,#10121b);border-top-color:#ffffff17;margin-bottom:18px;padding:24px;position:relative;overflow:hidden}.pp-hero-glow{pointer-events:none;background:radial-gradient(42% 90% at 14% 55%,#5b9dff33,#0000 66%),radial-gradient(42% 90% at 86% 55%,#2fb6732b,#0000 66%);position:absolute;inset:0}.pp-hero>*{position:relative}.pp-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pp-eyebrow{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--r-pill);padding:5px 12px;font-size:13px;font-weight:700}.pp-hero-kick{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.pp-hero-teams{justify-content:center;align-items:center;gap:30px;padding:12px 0 18px;display:flex}.pp-team{flex-direction:column;align-items:center;gap:9px;display:flex}.pp-team-badge{width:68px;height:68px;font-family:var(--font-display);letter-spacing:.02em;color:var(--team);background:linear-gradient(155deg, color-mix(in srgb, var(--team) 28%, var(--surface-raised)), var(--surface-sunken));border:1px solid color-mix(in srgb, var(--team) 52%, transparent);box-shadow:0 14px 32px -14px color-mix(in srgb, var(--team) 70%, transparent), inset 0 1px 0 #ffffff12;border-radius:20px;justify-content:center;align-items:center;font-size:25px;font-weight:800;display:flex}.pp-team-name{color:var(--text-muted);font-size:13px;font-weight:600}.pp-hero-mid{flex-direction:column;align-items:center;gap:6px;min-width:92px;display:flex}.pp-hero-score{font-family:var(--font-display);align-items:center;gap:14px;font-weight:800;display:flex}.pp-hs{font-variant-numeric:tabular-nums;font-size:44px;line-height:1}.pp-hs-dash{color:var(--text-dim);font-size:26px}.pp-hero-vs{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.14em;font-size:19px;font-weight:700}.pp-hero-state{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.pp-hero-state.is-live{color:var(--green)}.pp-hero-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding-top:16px;display:flex}.pp-hero-foot span{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.pp-hero-foot svg{color:var(--accent)}.pp-layout{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=980px){.pp-layout{grid-template-columns:minmax(0,1fr) 372px;align-items:start}}.pp-main,.pp-rail{flex-direction:column;gap:18px;min-width:0;display:flex}@media (width>=980px){.pp-rail{position:sticky;top:80px}}.pp-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);animation:pp-rise .5s var(--ease-out) both;border-top-color:#ffffff14;padding:17px}.pp-panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pp-panel-head h3{font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:inline-flex}.pp-panel-head h3 svg{color:var(--accent)}.pp-answered{color:var(--text-muted);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 10px;font-size:12px;font-weight:700}.pp-lockbar{border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-strong);align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.pp-name{background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;color:var(--text);margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .14s,box-shadow .14s}.pp-name:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.pp-name:disabled{opacity:.55}.pp-props{flex-direction:column;display:flex}.pp-prop{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.pp-prop:first-child{padding-top:2px}.pp-prop:last-child{border-bottom:none}.pp-prop-q{color:var(--text);flex:1;align-items:center;gap:9px;min-width:160px;font-size:14px;font-weight:500;display:flex}.pp-prop-opts{flex-wrap:wrap;gap:7px;display:flex}.pp-chip{border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform 80ms}.pp-chip:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.pp-chip.is-on{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:var(--accent-contrast);border-color:var(--accent);box-shadow:0 6px 18px -6px var(--accent-glow);font-weight:800}.pp-chip:active:not(:disabled){transform:scale(.96)}.pp-chip:disabled{cursor:default;opacity:.85}.pp-pickbadge{border-radius:var(--r-pill);letter-spacing:.01em;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.pp-pickbadge.is-win{background:var(--green-soft);color:var(--green)}.pp-pickbadge.is-loss{background:var(--red-soft);color:var(--red)}.pp-pickbadge.is-track{background:var(--green-soft);color:var(--green);opacity:.85}.pp-pickbadge.is-offtrack{background:var(--surface-hover);color:var(--text-dim)}.pp-tiebreak{border-radius:var(--r-md);background:var(--surface-sunken);border:1px dashed var(--border-strong);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.pp-tiebreak-label{flex-direction:column;gap:2px;display:flex}.pp-tiebreak-label strong{font-size:13px;font-weight:700}.pp-tiebreak-label span{color:var(--text-muted);font-size:12px}.pp-tiebreak-input{text-align:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);width:66px;color:var(--text);font-size:16px;font-weight:800;font-family:var(--font-display);padding:10px}.pp-tiebreak-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.pp-msg{border-radius:var(--r-md);margin:14px 0 0;padding:11px 13px;font-size:13px;font-weight:600;line-height:1.45}.pp-msg.is-error{background:var(--red-soft);color:var(--red);border:1px solid #f264644d}.pp-msg.is-ok{background:var(--green-soft);color:var(--green);border:1px solid #38d18a4d}.pp-submit{background:linear-gradient(180deg, var(--accent-strong), var(--accent));width:100%;color:var(--accent-contrast);border-radius:var(--r-md);cursor:pointer;box-shadow:0 12px 28px -12px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px;font-family:inherit;font-size:14.5px;font-weight:800;transition:box-shadow .16s,transform .1s;display:flex}.pp-submit:hover:not(:disabled){box-shadow:0 16px 32px -12px var(--accent-glow);transform:translateY(-1px)}.pp-submit:active:not(:disabled){transform:translateY(0)}.pp-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.pp-livetag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.pp-empty{color:var(--text-muted);margin:4px 0 2px;font-size:13px}.pp-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;margin-bottom:16px;display:grid}.pp-podcol{border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--border);flex-direction:column;align-items:center;gap:7px;padding:14px 6px;display:flex;position:relative}.pp-podcol--1{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 24%, var(--surface-raised)), var(--surface-raised) 78%);border-color:var(--accent-border);box-shadow:0 16px 36px -18px var(--accent-glow);padding-top:24px}.pp-crown{color:var(--accent);filter:drop-shadow(0 2px 6px var(--accent-glow));position:absolute;top:-11px;left:50%;transform:translate(-50%)}.pp-pod-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.pp-pod-place{background:var(--surface-hover);width:21px;height:21px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.pp-pod-place--1{background:var(--accent);color:var(--accent-contrast)}.pp-pod-place--2{color:#20242b;background:#c7ccd6}.pp-pod-place--3{color:#241405;background:#d2935a}.pp-pod-score{font-family:var(--font-display);font-size:20px;font-weight:800}.pp-pod-score small{color:var(--text-dim);font-size:11px;font-weight:700}.pp-standings{flex-direction:column;gap:3px;display:flex}.pp-standrow{border-radius:var(--r-sm);border:1px solid #0000;align-items:center;gap:10px;padding:8px 9px;transition:background .14s;display:flex}.pp-standrow.is-me{background:var(--accent-soft);border-color:var(--accent-border);box-shadow:0 8px 22px -14px var(--accent-glow)}.pp-rank{text-align:center;width:18px;color:var(--text-dim);font-size:12.5px;font-weight:700}.pp-stand-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.pp-stand-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.pp-stand-score small{color:var(--text-dim);font-size:10px;font-weight:700}.pp-avatar{color:#0c0e14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.pp-howlist{flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.pp-howlist li{color:var(--text-muted);font-size:13px;line-height:1.5}.pp-admin{border-color:var(--accent-border)}.pp-admin-note{color:var(--text-muted);margin:0 0 12px;font-size:12.5px}.pp-admin-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.pp-admin-q{flex:1;min-width:140px;font-size:13px;font-weight:500}.pp-admin-opts{flex-wrap:wrap;gap:6px;display:flex}.pp-admin-opts .pp-chip.is-on{background:var(--green);border-color:var(--green);color:#08130d;box-shadow:0 6px 18px -6px #38d18a80}@media (width<=520px){.pp-content{padding:16px 13px 52px}.pp-hero{padding:20px 16px}.pp-hero-teams{gap:18px}.pp-team-badge{width:58px;height:58px;font-size:21px}.pp-hs{font-size:38px}.pp-brand-text small{display:none}}