/* Scoped championship surfaces. Never styles the site's header, ticker or navigation. */
.p23c-card,.p23c-dialog{--p23c-ready:1;--gold:#ffcc2a;--silver:#b9c1c9;--bronze:#ad805b;font-family:Inter,Arial,sans-serif;color:#f7f7f7;box-sizing:border-box}
.p23c-card *,.p23c-dialog *{box-sizing:border-box}
.p23c-card{background:#101010;border:1px solid #303030;border-radius:8px;padding:22px 20px 16px;margin:0 0 24px;isolation:isolate}
.p23c-card h2,.p23c-intro h2{font-family:Anton,Impact,sans-serif!important;font-weight:400!important;line-height:1.05!important;letter-spacing:.015em;margin:6px 0!important;color:#fff!important}
.p23c-card h2{font-size:clamp(24px,5vw,34px)!important}
.p23c-eyebrow{font-size:10px;line-height:1.6;letter-spacing:.16em;font-weight:800;margin:0;color:#d0d0d0}
.p23c-meta{font-size:11px;color:#a0a0a0;margin:8px 0 0}
.p23c-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;max-width:600px;margin:20px auto 0;padding:0 5px}
.p23c-place{--metal:var(--silver);min-width:0;text-align:center}
.p23c-place-1{--metal:var(--gold)}.p23c-place-3{--metal:var(--bronze)}
.p23c-player{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 1px 12px;min-width:0}
.p23c-position{font-size:9px;letter-spacing:.12em;color:var(--metal);font-weight:800}
.p23c-alias{font-size:clamp(15px,3.6vw,23px);line-height:1.2;max-width:100%;overflow-wrap:anywhere;color:#fff}
.p23c-place-1 .p23c-alias{font-size:clamp(22px,5vw,32px);color:var(--gold)}
.p23c-alias a{color:inherit!important;text-decoration:none!important}.p23c-alias a:hover{text-decoration:underline!important}
.p23c-points{font-size:11px;font-weight:700;color:#bcbcbc}
.p23c-trophy{width:30px;height:30px;color:var(--gold);flex-shrink:0}
.p23c-plinth{position:relative;background:#202020;border:1px solid #393939;border-top:3px solid var(--metal);height:53px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 0 #151515,5px 6px 0 #080808;transform:skewY(-1deg);overflow:hidden}
.p23c-plinth span{font-family:Anton,Impact,sans-serif;font-size:27px;color:var(--metal);opacity:.9;transform:skewY(1deg)}
.p23c-place-1 .p23c-plinth{height:82px;background:#282412;border-color:#62531d;border-top-color:var(--gold)}
.p23c-place-3 .p23c-plinth{height:39px}
.p23c-note{font-size:11px;line-height:1.6;color:#a9a9a9;text-align:center;margin:20px auto 0;max-width:520px}
.p23c-details{border-top:1px solid #2b2b2b;margin-top:14px;padding-top:10px;font-size:12px;line-height:1.65;color:#bcbcbc}
.p23c-details summary{cursor:pointer;color:#eee;font-weight:600;width:fit-content;padding:3px 0}
.p23c-details p{margin:12px 0 6px}.p23c-details ul{padding-left:20px;margin:8px 0}.p23c-details li{margin:6px 0}
.p23c-dialog[hidden]{display:none!important}
.p23c-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;border:0;padding:64px 24px 30px;background:#090909;overflow:auto;overscroll-behavior:contain;z-index:2147483647}
.p23c-dialog::backdrop{background:#090909}
.p23c-stage{max-width:840px;min-height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center}
.p23c-skip{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));background:#202020;border:1px solid #555;border-radius:4px;padding:10px 16px;min-height:44px;color:#fff;font:600 13px Inter,Arial,sans-serif;cursor:pointer}
.p23c-skip span{margin-left:8px;font-size:18px}
.p23c-intro h2{font-size:clamp(30px,6vw,64px)!important;margin:10px 0!important;text-shadow:0 0 32px #ffcc2a16}
.p23c-dialog .p23c-podium{width:100%;gap:20px;margin:26px auto 20px}
.p23c-dialog .p23c-place-1 .p23c-plinth{height:125px;box-shadow:0 6px 0 #151515,5px 6px 0 #080808,0 -10px 40px #ffcc2a14}
.p23c-dialog .p23c-plinth{height:85px}.p23c-dialog .p23c-place-3 .p23c-plinth{height:60px}
.p23c-dialog .p23c-player{padding-bottom:18px}.p23c-dialog .p23c-trophy{width:42px;height:42px}
.p23c-finale{max-width:550px;margin:12px auto 0}
.p23c-champion{font-family:Anton,Impact,sans-serif;font-size:clamp(42px,8vw,72px);line-height:1.05;margin:8px 0;color:var(--gold)}
#p23c-description{font-size:12px;line-height:1.7;color:#b7b7b7;margin:12px 0 20px}
.p23c-continue{background:var(--gold);color:#101010;border:0;border-radius:4px;padding:15px 24px;min-height:48px;font:800 12px Inter,Arial,sans-serif;letter-spacing:.06em;cursor:pointer;max-width:100%}
.p23c-dialog button:focus-visible,.p23c-card a:focus-visible,.p23c-details summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
/* Ceremony timeline: bronze 1.5s, silver 3s, gold rise 5.3s, champion 6.3s, finale 9s. */
.p23c-playing .p23c-intro{animation:p23c-cinematic 1.5s both}
.p23c-playing .p23c-plinth{animation:p23c-rise .9s cubic-bezier(.16,1,.3,1) both;animation-delay:3s}
.p23c-playing .p23c-place-3 .p23c-plinth{animation-delay:1.5s}
.p23c-playing .p23c-place-1 .p23c-plinth{animation-delay:5.3s}
.p23c-playing .p23c-player{animation:p23c-in .8s both;animation-delay:3.5s}
.p23c-playing .p23c-place-3 .p23c-player{animation-delay:1.95s}
.p23c-playing .p23c-place-1 .p23c-player{animation-delay:6.3s}
.p23c-playing .p23c-place-1 .p23c-plinth:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffdd6860 50%,transparent 70%);transform:translateX(-140%);animation:p23c-shimmer 1.5s 6.3s both}
.p23c-playing .p23c-finale{animation:p23c-finale 1s 9s both}
.p23c-complete .p23c-finale,.p23c-complete .p23c-player,.p23c-complete .p23c-plinth,.p23c-complete .p23c-intro{animation:none;opacity:1;transform:none;visibility:visible}
@keyframes p23c-cinematic{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes p23c-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes p23c-rise{from{opacity:0;transform:translateY(65px) rotateX(15deg)}to{opacity:1;transform:translateY(0) skewY(-1deg)}}
@keyframes p23c-shimmer{from{transform:translateX(-140%)}to{transform:translateX(140%)}}
@media(max-width:480px){.p23c-card{padding:18px 12px 12px}.p23c-podium{gap:7px;padding:0 3px}.p23c-dialog{padding:68px 16px max(24px,env(safe-area-inset-bottom))}.p23c-dialog .p23c-podium{gap:10px;margin:20px auto}.p23c-dialog .p23c-place-1 .p23c-plinth{height:90px}.p23c-dialog .p23c-plinth{height:63px}.p23c-dialog .p23c-place-3 .p23c-plinth{height:44px}.p23c-dialog .p23c-alias{font-size:18px}.p23c-dialog .p23c-place-1 .p23c-alias{font-size:28px}.p23c-finale .p23c-eyebrow{font-size:9px}.p23c-champion{font-size:42px}}
@media(max-height:650px){.p23c-stage{justify-content:flex-start}.p23c-dialog .p23c-podium{margin-top:16px;margin-bottom:14px}.p23c-dialog .p23c-place-1 .p23c-plinth{height:70px}.p23c-dialog .p23c-plinth{height:48px}.p23c-dialog .p23c-place-3 .p23c-plinth{height:32px}.p23c-champion{font-size:36px}.p23c-finale{margin-top:2px}}
@media(prefers-reduced-motion:reduce){.p23c-dialog *{animation:none!important;transition:none!important}}
/* Keep the final action out of keyboard order until the reveal reaches it. */
.p23c-playing:not(.p23c-complete) .p23c-finale{visibility:hidden;animation-name:p23c-finale}
@keyframes p23c-finale{from{opacity:0;visibility:hidden;transform:translateY(12px)}to{opacity:1;visibility:visible;transform:translateY(0)}}

/* Dedicated flow rows reserve the podium, including its depth, independently of paragraph margins. */
#p23-pickem .p23c-card,.p23c-card{display:grid;grid-template-columns:minmax(0,1fr);row-gap:18px;align-content:start}
#p23-pickem .p23c-card>.p23c-podium,.p23c-card>.p23c-podium{position:relative;inset:auto;width:100%;height:auto;min-height:0;margin:0 auto;padding-bottom:9px;align-self:start}
#p23-pickem .p23c-card>.p23c-note,.p23c-card>.p23c-note{position:static;transform:none;margin:0 auto!important;max-width:520px;line-height:1.65;color:#a9a9a9!important}
#p23-pickem .p23c-card>.p23c-details,.p23c-card>.p23c-details{margin:0;padding-top:10px}
#p23-pickem .p23c-card .p23c-meta{margin:8px 0 0}
#p23-pickem .p23c-card .p23c-eyebrow{color:#d0d0d0!important}
#p23-pickem .p23c-card .p23c-details p{font-size:12px;line-height:1.65;margin:12px 0 6px}
#p23-pickem .p23c-card .p23c-details ul{margin:8px 0;padding-left:20px}
/* Fixed effects stay inside the native dialog's top layer; controls and names remain protected. */
.p23c-dialog{isolation:isolate;padding-top:calc(64px + env(safe-area-inset-top));padding-bottom:calc(30px + env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.p23c-stage{position:relative;z-index:2}
.p23c-dialog .p23c-podium{perspective:900px}
.p23c-skip{z-index:10}
.p23c-effects,.p23c-atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.p23c-effects-back{z-index:1}.p23c-effects-front{z-index:3}.p23c-atmosphere{z-index:0}
.p23c-beam{position:absolute;bottom:-20%;left:12%;width:35%;height:125%;background:linear-gradient(0deg,#ffcc2a0a,transparent 90%);clip-path:polygon(47% 100%,0 0,100% 0,53% 100%);transform-origin:50% 100%;opacity:0}
.p23c-beam-right{left:53%;transform:rotate(22deg)}
.p23c-aura{position:absolute;left:50%;top:48%;width:min(90vw,670px);height:70%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 60%,#ffcc2a24,transparent 65%);opacity:0}
.p23c-flash{position:absolute;inset:0;background:#ffdd75;opacity:0}
.p23c-playing .p23c-beam-left{animation:p23c-beam-left 11s .5s both}
.p23c-playing .p23c-beam-right{animation:p23c-beam-right 11s .8s both}
.p23c-playing .p23c-aura{animation:p23c-aura 10s both}
.p23c-playing .p23c-flash{animation:p23c-flash 1.3s 6.3s both}
.p23c-playing .p23c-place-1 .p23c-trophy{filter:drop-shadow(0 0 12px #ffcc2a85)}
.p23c-dialog .p23c-place-1 .p23c-plinth{border-top-color:#ffdf76;box-shadow:0 6px 0 #151515,5px 6px 0 #080808,0 -6px 32px #ffcc2a25}
.p23c-playing .p23c-place-3 .p23c-player{text-shadow:0 0 24px #c7936130}
.p23c-playing .p23c-place-2 .p23c-player{text-shadow:0 0 24px #d4e2ef25}
.p23c-preview-label{position:fixed;z-index:10;top:max(18px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));max-width:calc(100% - 145px);text-align:left;font:500 10px/1.5 Inter,Arial,sans-serif;color:#b5b5b5;margin:0}
@keyframes p23c-beam-left{0%{opacity:0;transform:rotate(-28deg)}25%{opacity:.55}65%{opacity:.8;transform:rotate(12deg)}100%{opacity:0;transform:rotate(-8deg)}}
@keyframes p23c-beam-right{0%{opacity:0;transform:rotate(24deg)}25%{opacity:.55}65%{opacity:.8;transform:rotate(-14deg)}100%{opacity:0;transform:rotate(8deg)}}
@keyframes p23c-aura{0%,44%{opacity:0}55%{opacity:.35}65%{opacity:1}100%{opacity:.35}}
@keyframes p23c-flash{0%,100%{opacity:0}15%{opacity:.13}45%{opacity:.025}}
@media(max-width:480px){.p23c-dialog{padding-top:calc(68px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.p23c-dialog .p23c-atmosphere,.p23c-dialog .p23c-effects{display:none}.p23c-dialog *{animation:none!important;transition:none!important}.p23c-dialog .p23c-finale{visibility:visible!important}}