/* Campaign styling: energetic arcade poster, original London5 colours and fonts. */
.power-campaign main{padding:0;max-width:1100px}.power-campaign header{max-width:1260px}.power-poster{position:relative;overflow:hidden;isolation:isolate;text-align:center;border-inline:1px solid #d4a03922;background:#08090c}.power-poster::before{content:"";position:absolute;inset:0;background:url('assets/superpowers-pip-hero.webp') center 28%/cover no-repeat;z-index:-2;opacity:.5}.power-poster::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#050608bb 0%,#05060800 25%,#05060800 55%,#050608ee 83%,#050608 100%)}.poster-heading{position:relative;padding:48px 20px 0;z-index:2}.poster-heading .eyebrow{color:#e4e2df}.poster-heading h1{font:800 clamp(34px,7vw,82px)/1.03 var(--display);letter-spacing:-.06em;color:#f4f2ee;text-shadow:none;margin:16px 0 0}.poster-london{display:block!important;color:var(--text)!important;font:800 clamp(22px,2.6vw,34px)/1 var(--brand)!important;letter-spacing:.08em!important;margin-bottom:18px!important;text-shadow:none}.poster-london .five{color:var(--gold);font-size:.65em;position:relative;top:-.5em;margin-left:1px;letter-spacing:inherit}.poster-art{height:470px;background:url('assets/superpowers-pip-hero.webp') center 61%/720px auto no-repeat;margin-top:-10px;mask-image:linear-gradient(transparent,#000 8%,#000 85%,transparent)}.poster-copy{padding:0 40px 45px;position:relative;margin-top:-10px}.poster-instruction{font:500 clamp(18px,2.1vw,25px)/1.45 var(--ui);color:var(--hi);margin:10px 0 24px}.poster-instruction b{color:var(--gold);font-weight:700}.power-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:700px;margin:0 auto 28px}.power-chips a{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;border:1px solid #d4a03955;border-radius:999px;background:#08090cc9;color:#f4f2ee;font:500 13px var(--ui)}.power-chips a:hover{background:#d4a03922}.power-chips img{width:24px;height:24px}.poster-reward{font:700 clamp(20px,2.25vw,28px)/1.4 var(--display);color:#f4f2ee;margin:25px 0 8px}.poster-reward span{color:#e4b049}.reward-preview{color:#c6baa3;margin:8px 0 26px}.poster-play{height:58px;min-width:min(440px,100%);font-size:22px;box-shadow:none}.entry-terms{font:400 12px/1.5 var(--ui);color:#bebbb3;margin:18px auto 10px;max-width:560px}.demo-link{font:500 12px var(--ui);color:#b5a587;text-decoration:underline;text-underline-offset:4px}.enrol-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 22px;background:#0f1117}.enrol-panel h2{font-size:34px}.enrol-panel a{color:var(--gold);text-decoration:underline}.offer-summary{padding:16px;border:1px solid #d4a03955;border-radius:8px;color:var(--hi);font-weight:500}.screen-info{margin:25px 22px 40px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.screen-info>div:first-child{flex:1 1 350px}.screen-info h2{font-size:28px}.screen-info .qr{width:220px;height:220px}.power-tracker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.power-tracker>div{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #2a2e3a;border-radius:9px;color:#9b9a97;font:500 10px var(--ui)}.power-tracker img{width:21px;height:21px;opacity:.55}.power-tracker .collected{border-color:#d4a039;color:#f4f2ee;background:#d4a03915}.power-tracker .collected img{opacity:1}.superpowers-game{background:linear-gradient(#050608e8,#050608ef),url('assets/superpowers-pip-hero.webp') center/cover fixed}.superpowers-game .arcade-heading h1{font-size:clamp(28px,3vw,44px)}.superpowers-game .arcade-board{background:#08090cf2;border-color:#d4a03955;box-shadow:0 0 40px #d4a03910}.superpowers-game .arcade-hud{background:#0f1117e8;border-color:#d4a03955}.superpowers-game .panel{background:#0f1117ef}.result-pip{display:block;width:160px;height:160px;margin:0 auto}.reward-notice{padding:15px;border:1px solid #d4a03955;border-radius:9px;color:#e4b049}.stand-body{min-height:100vh;background:linear-gradient(#05060888,#050608ee),url('assets/superpowers-pip-hero.webp') center/cover fixed}.email-used{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#050608cc}.email-used-card{width:min(460px,100%);padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:12px;text-align:left}.email-used-card h2{font-size:clamp(22px,2vw,28px);margin:0 0 12px}.email-used-card p{font:400 15px/1.55 var(--ui);color:var(--text);margin:0 0 22px}.email-used-card b{color:var(--hi);font-weight:600;overflow-wrap:anywhere}.email-used-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.stand-body::before{display:none}.stand{max-width:1450px;min-height:100vh;padding:clamp(24px,4vh,48px) 45px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}.stand-intro{min-width:0}.stand-logo{display:flex;align-items:center;gap:18px}.stand-logo img{width:clamp(48px,7vh,72px);height:auto;flex-shrink:0}.stand-logo .brand{font-size:clamp(24px,2.6vw,38px);line-height:1}.stand .eyebrow{font-size:clamp(11px,.85vw,16px)}.stand-intro .eyebrow{margin:clamp(18px,3.5vh,32px) 0 0}.stand-title{font:800 clamp(40px,min(5.4vw,9.5vh),96px)/1.02 var(--display);color:var(--hi);letter-spacing:-.05em;margin:clamp(10px,2vh,18px) 0 clamp(18px,3.5vh,32px)}.stand-offer{position:relative;overflow:hidden;display:inline-flex;flex-direction:column;gap:6px;margin:0;max-width:600px;padding:clamp(16px,2.6vh,24px) clamp(20px,2vw,30px);background:var(--gold);border-radius:16px;color:#16110a}.stand-offer strong{font:800 clamp(30px,min(3.4vw,6vh),54px)/1.05 var(--display);letter-spacing:-.04em;color:#16110a}.stand-offer span{font:500 clamp(15px,1.25vw,19px)/1.4 var(--ui);color:#16110acc}.stand-offer::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#fff7 50%,transparent 70%);transform:translateX(-120%);animation:offer-shine 6s ease-in-out 1.5s infinite}@keyframes offer-shine{0%{transform:translateX(-120%)}26%,100%{transform:translateX(120%)}}.stand-pip-row{display:flex;align-items:center;gap:22px;margin-top:clamp(16px,3.5vh,36px)}.stand-pip{width:clamp(130px,26vh,260px);flex-shrink:0;filter:drop-shadow(0 0 25px #d4a03966)}.stand-pip svg{display:block;width:100%;height:auto;overflow:visible}.pip-float{animation:pip-float 3.2s ease-in-out infinite}@keyframes pip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.pip-shadow{transform-box:fill-box;transform-origin:center;animation:pip-shadow 3.2s ease-in-out infinite}@keyframes pip-shadow{0%,100%{transform:scaleX(1);opacity:.45}50%{transform:scaleX(.78);opacity:.22}}.pip-halo{transform-box:fill-box;transform-origin:center;animation:pip-halo 2s ease-out infinite}@keyframes pip-halo{0%{transform:scale(1);opacity:.85}100%{transform:scale(3.4);opacity:0}}.pip-bulb{animation:pip-bulb 2s ease-in-out infinite}@keyframes pip-bulb{0%,100%{fill:#D4A039}40%{fill:#FFE9A8}}.pip-look{animation:pip-look 9s ease-in-out infinite}@keyframes pip-look{0%,36%,90%,100%{transform:translateX(0)}42%,84%{transform:translateX(6px)}}.pip-eye{transform-box:fill-box;transform-origin:center;animation:pip-blink 4.6s infinite}@keyframes pip-blink{0%,90%,97%,100%{transform:scaleY(1)}93.5%{transform:scaleY(.1)}}.stand-note{font:400 clamp(16px,1.3vw,20px)/1.5 var(--ui);color:var(--text);margin:0}.stand-qr-panel{padding:clamp(24px,4vh,40px) 35px;text-align:center;background:#08090cee;border:1px solid #d4a03966;border-radius:22px}.stand-qr-panel h2{font-size:clamp(28px,2.4vw,40px);margin:0}.qr-frame{position:relative;width:min(440px,100%,48vh);margin:clamp(16px,2.6vh,26px) auto;padding:14px;box-sizing:border-box}.qr-frame::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--gold),var(--gold)) 0 0/34px 3px,linear-gradient(var(--gold),var(--gold)) 0 0/3px 34px,linear-gradient(var(--gold),var(--gold)) 100% 0/34px 3px,linear-gradient(var(--gold),var(--gold)) 100% 0/3px 34px,linear-gradient(var(--gold),var(--gold)) 0 100%/34px 3px,linear-gradient(var(--gold),var(--gold)) 0 100%/3px 34px,linear-gradient(var(--gold),var(--gold)) 100% 100%/34px 3px,linear-gradient(var(--gold),var(--gold)) 100% 100%/3px 34px;background-repeat:no-repeat;animation:qr-aim 2.4s ease-in-out infinite}@keyframes qr-aim{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.5}}.stand-qr-panel .qr{width:100%;height:auto;aspect-ratio:1;margin:0}.stand-status{font:400 15px/1.5 var(--ui);color:var(--gold);margin:0 0 18px}.stand-status:empty{display:none}.stand-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0}.stand-steps li{counter-increment:step;display:grid;justify-items:center;align-content:start;gap:10px;font:600 clamp(15px,1.25vw,19px)/1.3 var(--ui);color:var(--muted);--d:0s;animation:step-lit 7.5s var(--d) infinite}.stand-steps li:nth-child(2){--d:2.5s}.stand-steps li:nth-child(3){--d:5s}.stand-steps li::before{content:counter(step);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font:600 15px/1 var(--mono);animation:step-dot 7.5s var(--d) infinite}@keyframes step-lit{0%,30%{color:var(--hi)}33.4%,100%{color:var(--muted)}}@keyframes step-dot{0%,30%{background:var(--gold);color:#16110a;box-shadow:0 0 0 7px #d4a03933}33.4%,100%{background:transparent;color:var(--gold);box-shadow:0 0 0 0 #d4a03900}}@media(max-width:700px){.poster-heading{padding-top:30px}.poster-heading h1{font-size:clamp(30px,8.4vw,54px)}.poster-london{font-size:19px}.poster-art{height:340px;background-size:510px auto;background-position:center 61%;margin-top:8px}.poster-copy{padding:0 20px 30px}.poster-instruction{font-size:19px}.power-chips{grid-template-columns:1fr 1fr;gap:8px}.power-chips a{font-size:11px;padding:9px 6px;gap:5px}.power-chips img{width:21px;height:21px}.poster-reward{font-size:21px}.poster-play{min-width:100%}.enrol-panel{grid-template-columns:1fr;gap:15px;padding:22px}.enrol-panel h2{font-size:28px}.screen-info{padding:22px}.stand{display:block;padding:25px}.stand-pip{width:120px}.stand-title{font-size:44px}.stand-offer{display:flex}.stand-offer strong{font-size:32px}.stand-qr-panel{margin-top:25px;padding:25px}.stand-steps{grid-template-columns:1fr;gap:12px;text-align:left}.stand-steps li{grid-template-columns:36px 1fr;align-items:center;justify-items:start;gap:12px}.superpowers-game .arcade-heading{padding-top:25px}}

.demo-banner{padding:12px 18px;border:1px solid #d4a03966;border-radius:8px;background:#d4a03915;color:#e4b049;font:500 13px var(--ui)}

.current-player{background:#d4a03922}.current-player td{color:#f4f2ee;font-weight:700}.current-player td:last-child{color:#e4b049}

/* Restore the original arcade artwork and poster composition. */
.poster-heading h1{font:800 clamp(34px,6.6vw,74px)/1.06 var(--display);letter-spacing:-.055em}
.poster-heading h1>span{display:block!important;font:inherit;letter-spacing:inherit;margin:0;text-shadow:inherit}
.poster-heading h1 .poster-london{color:var(--text)!important}
.poster-heading h1 .poster-superpowers{color:var(--hi)}
.poster-art{height:470px;margin-top:0}
.power-chips{display:flex;justify-content:center;align-items:center;gap:18px;margin:22px auto 24px}
.power-chips a{width:64px;height:64px;flex:0 0 64px;border:1px solid #d4a03966;background:#08090cd9;padding:14px;border-radius:50%}
.power-chips img{width:32px;height:32px}
.poster-reward{max-width:650px;margin:20px auto 25px;color:var(--hi)}
.poster-play{letter-spacing:0}
.power-campaign [hidden]{display:none!important}
@media(max-width:700px){.poster-heading h1{font-size:clamp(32px,8.5vw,54px)}.poster-art{height:340px;margin-top:10px}.power-chips{gap:8px;margin:18px auto 22px}.power-chips a{width:42px;height:42px;flex-basis:42px;padding:9px}.power-chips img{width:24px;height:24px}.poster-reward{font-size:20px}}

/* Approved two-line text blocks, with deliberate vertical spacing. */
.poster-copy .copy-line{display:block;white-space:nowrap;color:inherit}
.poster-copy .poster-instruction{line-height:1.65;margin:18px auto 30px}
.poster-copy .power-chips{margin:0 auto 38px}
.poster-copy .poster-reward{line-height:1.6;margin:0 auto 38px}
@media(max-width:700px){.poster-copy .poster-instruction{font-size:clamp(13px,3.7vw,22px);margin:18px auto 26px}.poster-copy .poster-reward{font-size:clamp(15px,4.4vw,24px);margin-bottom:32px}.poster-copy .power-chips{margin-bottom:32px}}

/* Dedicated player registration screen, continuing the arcade poster. */
.power-campaign.enrolling .power-poster{display:none}
.power-campaign .enrol-panel{display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - 52px);margin:0;padding:50px 24px 160px;border:0;border-radius:0;background:linear-gradient(#05060870,#050608c9),url('assets/superpowers-pip-hero.webp') center 44%/cover no-repeat;gap:24px}
.enrol-heading{text-align:center;max-width:850px}.enrol-heading .enrol-pip{width:96px;height:96px;filter:drop-shadow(0 0 22px #d4a03966);animation:pip-idle 2.6s ease-in-out infinite}@keyframes pip-idle{50%{transform:translateY(-6px)}}
.enrol-heading h2{font:700 clamp(26px,3.6vw,40px)/1.1 var(--display);letter-spacing:-.04em;text-wrap:balance;color:var(--hi);margin:12px 0 0}
.enrol-card{width:min(720px,100%);padding:0 0 30px;background:#0b0c0ff2;border:1px solid var(--border);border-radius:16px;box-shadow:none;overflow:hidden}.enrol-card #player-details>:not(.run-hud){margin-inline:32px}.enrol-card #trial-details{padding:32px 32px 0}
.run-hud{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;background:#14151a;border-bottom:1px solid #d4a03933}.run-hud li{display:flex;flex-direction:column;gap:2px;padding:12px 22px}.run-hud li+li{border-left:1px solid var(--border)}.run-hud span{font:400 12px var(--ui);color:var(--muted)}.run-hud strong{font:500 24px/1.1 var(--mono);color:var(--gold)}

.player-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.player-fields label{display:flex;justify-content:space-between;align-items:baseline;font:500 13px var(--ui);color:var(--text);margin-bottom:9px}.player-fields .count{font:400 12px var(--mono);color:var(--lo)}.player-fields input{margin:0;height:56px;background:#111216;border-color:var(--border);border-radius:6px;font-size:17px;transition:border-color .15s,box-shadow .15s}.player-fields input:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #d4a03930}
.player-privacy{font:400 13px/1.6 var(--ui);color:#c1bdb5;margin:18px 0 8px}.enrol-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.enrol-actions button{width:auto;height:52px;margin:0}.enrol-actions .secondary{min-width:100px;border-radius:999px}.enrol-actions .primary{min-width:190px;display:flex;align-items:center;justify-content:center;gap:26px}.enrol-actions .primary span{font-size:28px;line-height:1}.enrol-actions .start-run{min-width:220px;gap:12px;border:0;background:var(--gold);box-shadow:none;color:#16110a;font-weight:600;font-size:16px}.enrol-actions .start-run:hover{background:var(--gold-hover)}.enrol-actions .start-run span{font-size:13px}.enrol-card h3{font:700 27px var(--display);color:var(--hi)}
@media(max-width:600px){.power-campaign .enrol-panel{padding:22px 16px 80px;gap:14px}.enrol-heading .enrol-pip{width:72px;height:72px}.enrol-card{padding-bottom:22px;border-radius:18px}.enrol-card #player-details>:not(.run-hud){margin-inline:18px}.enrol-card #trial-details{padding:22px 18px 0}.run-hud li{padding:10px 14px}.run-hud span{font-size:11px}.run-hud strong{font-size:20px}.player-fields{grid-template-columns:1fr;gap:14px;margin-top:18px}.player-fields input{height:52px;font-size:16px}.enrol-actions{gap:12px}.enrol-actions .primary{min-width:0;flex:1;font-size:15px}.enrol-actions .secondary{min-width:80px;padding-inline:16px}}

/* Dedicated end screen: dynamic score, email request, Leaderboard and Restart. */
.superpowers-game [hidden]{display:none!important}.show-result .arcade-heading{display:none}.superpowers-game .game-over-screen{text-align:center;max-width:720px;margin:0 auto;padding:48px 28px 64px;background:linear-gradient(#08090cc9,#08090cee);border:1px solid #d4a03944;border-radius:22px}.game-over-screen h2{font:800 clamp(34px,6vw,62px)/1.1 var(--display);letter-spacing:-.04em;color:var(--hi);margin:18px 0 12px}.game-over-screen .result-pip{width:240px;height:240px;filter:drop-shadow(0 0 28px #d4a03944);margin:10px auto}.result-score{font:700 clamp(25px,4vw,40px)/1.3 var(--display);color:var(--hi);margin:12px 0}.result-score strong{color:var(--gold)}.result-powers{font:500 14px var(--ui);color:var(--gold);margin:10px 0 32px}.code-invitation{font:500 clamp(17px,2.5vw,22px)/1.6 var(--ui);max-width:590px;margin:0 auto 28px;color:var(--hi)}.reward-email{max-width:470px;margin:0 auto 28px}.reward-email-field{display:flex;align-items:center;background:#f4f2ee;border-radius:999px;padding:5px}.reward-email-field input{color:#16110a!important;background:none!important;border:0!important;margin:0!important;min-width:0;height:50px;padding:10px 18px;box-shadow:none!important}.reward-email-field button{width:48px;height:48px;flex:0 0 48px;background:var(--gold);color:#16110a;border:0;border-radius:50%;font-size:28px}.reward-email #reward-feedback{font:400 13px/1.6 var(--ui);margin:12px 0;color:var(--text)}#reward-code{display:block;padding:16px;border:1px solid var(--gold);border-radius:10px;color:var(--gold);font:600 22px var(--mono);overflow-wrap:anywhere}.result-actions{display:flex;flex-direction:column;gap:14px;max-width:470px;margin:auto}.result-actions button{width:100%;height:54px}.show-leaderboard #arcade-stage .board-wrap,.show-leaderboard #arcade-stage aside>article:first-child{display:none}.show-leaderboard #arcade-stage{display:block;max-width:720px;margin:30px auto}.show-leaderboard #arcade-stage aside{display:block}
@media(max-width:600px){.superpowers-game .game-over-screen{padding:30px 20px 40px}.game-over-screen .result-pip{width:180px;height:180px}.code-invitation{font-size:17px}}

#arcade-result.game-over-screen{margin:25px auto 60px}

.game-over-screen[data-outcome="success"] h2{font-size:clamp(26px,4.5vw,46px)}

/* Approved 3D result artwork, integrated with real dynamic HTML controls. */
#arcade-result.game-over-screen{position:relative;container-type:inline-size;width:min(720px,100%);max-width:720px;aspect-ratio:2/3;padding:0;margin:20px auto 45px;border:0;border-radius:0;background:#08090c url('assets/result-scene.webp') center top/100% 100% no-repeat;text-align:center}
#arcade-result .result-wordmark{position:absolute;top:4.7%;left:0;width:100%;margin:0;font:800 4cqw/1 var(--brand);letter-spacing:.08em;color:#f4f2ee}#arcade-result .result-wordmark span{color:var(--gold);font-size:.65em;position:relative;top:-.5em;margin-left:1px;letter-spacing:inherit}
#arcade-result #a-result-title{position:absolute;top:12%;left:5%;width:90%;font:800 6.5cqw/1.1 var(--display);letter-spacing:-.025em;margin:0;color:#f4f2ee;outline:none}
#arcade-result[data-outcome="success"] #a-result-title{font-size:5.8cqw}
#arcade-result .result-score{position:absolute;top:51.8%;left:4%;width:92%;margin:0;font:800 6.5cqw/1.2 var(--display);letter-spacing:-.04em;color:#f4f2ee}#arcade-result .result-score strong{color:inherit;font-family:var(--mono);font-weight:600;letter-spacing:-.05em}#arcade-result #a-collected{font-family:var(--mono)}
#arcade-result .result-powers{position:absolute;top:57.4%;left:6%;width:88%;font:500 max(11px,1.8cqw)/1.5 var(--ui);margin:0;color:var(--muted)}#arcade-result .result-powers .bd{display:inline-block;margin:0 .5em;white-space:nowrap}#arcade-result .result-powers .bd b{font:600 1em var(--mono);color:var(--gold)}
#arcade-result .code-invitation{position:absolute;top:64.5%;left:12%;width:76%;max-width:none;margin:0;font:500 max(13px,2.6cqw)/1.45 var(--ui);color:#f4f2ee}
#arcade-result .reward-email{position:absolute;top:68.2%;left:19%;width:62%;max-width:none;margin:0}
#arcade-result .reward-email-field{height:8.4cqw;padding:.6cqw;border-radius:999px;background:#f4f2ee}
#arcade-result .reward-email-field input{height:100%;padding:0 2.4cqw;font:400 2.7cqw var(--ui);width:100%}
#arcade-result .reward-email-field button{height:7.2cqw;width:7.2cqw;flex-basis:7.2cqw;font-size:4cqw;background:linear-gradient(#f7d978,#cf9628);color:#fff}
#arcade-result #reward-feedback{font:400 1.7cqw/1.4 var(--ui);margin:1cqw -4cqw 0;color:#f4f2ee}
#arcade-result #reward-code{position:absolute;top:38cqw;left:0;width:100%;padding:1cqw;font-size:2.5cqw;background:#08090cf2}
#arcade-result .result-actions{position:absolute;inset:0;max-width:none;margin:0;display:block;pointer-events:none}
#arcade-result .result-actions button{position:absolute;left:19%;width:62%;height:6.2%;min-height:0;margin:0;border-radius:999px;border:0;background:var(--gold);box-shadow:none;color:#16110a;font:600 max(15px,3cqw)/1 var(--ui);pointer-events:auto;transition:background .18s ease}#arcade-result .result-actions button:hover{background:var(--gold-hover)}
#arcade-result #a-again{top:84.5%}/* The score, its breakdown, the code line and Leaderboard flow as one column (4 Nov 2026): each has room on a phone, and a
   breakdown that wraps (a won run has five parts) pushes the rest down instead of running into it. */
#arcade-result .result-text{position:absolute;top:51%;left:4%;width:92%;display:flex;flex-direction:column;align-items:center}#arcade-result .result-text .result-score{position:static;width:auto;margin:0}#arcade-result .result-text .result-powers{position:static;width:100%;margin:max(10px,1.8cqw) 0 0;line-height:1.7}#arcade-result .result-text .code-invitation{position:static;width:84%;margin:max(18px,3.2cqw) 0 0}#arcade-result .result-text #result-leaderboard{width:67%;height:max(54px,9.3cqw);margin:max(22px,4.4cqw) 0 0;padding:0 20px;font:600 max(17px,3cqw)/1 var(--ui);box-shadow:none}
body.show-result main{padding-top:0}body.show-result footer{display:none}

/* Final confirmation uses the same integrated 3D scene. */
.email-confirmation-screen{position:relative;container-type:inline-size;width:min(720px,100%);aspect-ratio:2/3;margin:20px auto 45px;background:#08090c url('assets/result-scene.webp') center/100% 100% no-repeat;text-align:center}
.confirmation-wordmark{position:absolute;top:4.7%;left:0;width:100%;margin:0;font:800 4cqw/1 var(--brand);letter-spacing:.08em;color:#f4f2ee}.confirmation-wordmark span{color:var(--gold);font-size:.65em;position:relative;top:-.5em;margin-left:1px;letter-spacing:inherit}
#email-confirmation-title{position:absolute;top:12%;left:5%;width:90%;font:800 5.8cqw/1.1 var(--display);letter-spacing:-.025em;margin:0;color:#f4f2ee;outline:none}
.confirmation-copy{position:absolute;top:53%;left:13%;width:74%;font:500 3cqw/1.6 var(--ui);color:#f4f2ee}.confirmation-copy p{margin:0 0 2cqw}#email-confirmation-recipient{font:700 3.1cqw/1.5 var(--ui);color:#efc665;overflow-wrap:anywhere}#email-confirmation-note,#email-confirmation-preview{font:400 2cqw/1.5 var(--ui)}
.confirmation-actions button{position:absolute;left:19%;width:62%;height:6.2%;margin:0;border-radius:999px;border:0;background:var(--gold);box-shadow:none;color:#16110a;font:600 max(15px,3cqw)/1 var(--ui)}#confirmation-leaderboard{top:77%}#confirmation-restart{top:84.5%}

.restart-icon{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.15em;margin-left:.4em}
.leaderboard-screen{width:min(720px,100%);min-height:1000px;margin:20px auto 45px;padding:38px 36px 55px;text-align:center;background:linear-gradient(#08090c66,#08090cc9),url('assets/superpowers-pip-hero.webp') center/cover no-repeat}
.leaderboard-wordmark{font:800 24px/1 var(--brand);letter-spacing:.08em;color:#f4f2ee;margin:0 0 25px}.leaderboard-wordmark span{color:var(--gold);font-size:.65em;position:relative;top:-.5em;margin-left:1px;letter-spacing:inherit}#leaderboard-title{font:800 clamp(28px,4vw,40px)/1.2 var(--display);color:var(--hi);letter-spacing:-.035em;margin:0 0 28px;outline:none}.ranking-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#0f1117f5;box-shadow:none}.ranking-table{width:100%;border-collapse:collapse;margin:0;font:500 16px var(--ui)}.ranking-table th{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;background:#171a22;color:var(--muted);padding:16px 12px;text-align:center}.ranking-table td:first-child,.ranking-table td:last-child{font-family:var(--mono)}.ranking-table th:first-child span{display:block;font-size:20px}.ranking-table td{padding:13px 12px;border:0;text-align:center;color:#f4f2ee}.ranking-table tbody tr{background:#141517}.ranking-table tbody tr:nth-child(even){background:#222326}.ranking-table td:nth-child(2){max-width:240px;overflow-wrap:anywhere}.ranking-table .current-player,.ranking-table .current-player:nth-child(even){background:#d4a039}.ranking-table .current-player td,.ranking-table .current-player td:last-child{color:#16110a;font-weight:800}.ranking-table .ranking-gap td{color:#aaa;padding:8px}.ranking-mode{font:400 12px var(--ui);color:#d8cda9;margin:18px 0}#ranking-next{display:flex;align-items:center;justify-content:center;width:min(360px,80%);height:50px;margin:25px auto 0;font-size:17px;text-decoration:none}#ranking-next span{margin-left:16px;font-size:24px}
@media(max-width:600px){.leaderboard-screen{padding:28px 16px 40px;min-height:90svh}.leaderboard-wordmark{font-size:20px}.ranking-table{font-size:13px}.ranking-table th{padding:16px 8px}.ranking-table td{padding:11px 8px}.ranking-card{border-radius:20px}}
/* The first screen is one screen (4 Nov 2026): no top bar, and Play is visible without scrolling on a phone, a laptop
   and the stand's display. The art takes whatever height is left and keeps its framing (230% of its box, at 61%). */
.power-campaign::before{display:none}.power-campaign .power-poster{display:flex;flex-direction:column;height:100vh;height:100svh;min-height:520px}.power-campaign .poster-heading{flex:none;padding:clamp(14px,4vh,44px) 20px 0}.power-campaign .poster-heading h1{font-size:clamp(30px,min(6.6vw,8.2vh),74px);margin:0}.power-campaign .poster-heading h1 .poster-london{font-size:clamp(18px,min(2.6vw,3.6vh),34px)!important;margin-bottom:clamp(8px,1.6vh,18px)!important}.power-campaign .poster-art{flex:1 1 0;min-height:110px;height:auto;margin:0;background-size:auto 230%;background-position:center 61%}.power-campaign .poster-copy{flex:none;margin:0;padding:0 20px clamp(14px,3.5vh,40px)}.power-campaign .poster-copy .power-chips{margin:clamp(6px,1.4vh,16px) auto clamp(10px,2.4vh,30px)}.power-campaign .power-chips a{width:clamp(40px,6.4vh,64px);height:clamp(40px,6.4vh,64px);flex-basis:clamp(40px,6.4vh,64px);padding:clamp(8px,1.3vh,14px)}.power-campaign .power-chips img{width:100%;height:100%}.power-campaign .poster-copy .poster-reward{font-size:clamp(16px,min(2.25vw,3.1vh),28px);line-height:1.45;margin:0 auto clamp(10px,2.4vh,30px)}.power-campaign .poster-play{height:clamp(48px,7vh,58px)}@media(max-width:700px){.power-campaign .poster-heading h1{font-size:clamp(28px,min(8.5vw,6vh),54px)}.power-campaign .poster-copy .poster-reward{font-size:clamp(15px,min(4.4vw,3vh),24px)}.power-campaign .power-chips{gap:8px}}
/* The sound switch on the board (audio.js): pressed means sound on. */
.sound-toggle{position:absolute;top:10px;right:10px;z-index:3;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #d4a03966;border-radius:50%;background:#08090ccc;color:var(--gold);cursor:pointer}.sound-toggle:hover{background:#d4a03922}.sound-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed="true"] .off,.sound-toggle[aria-pressed="false"] .on{display:none}.sound-toggle[aria-pressed="false"]{color:var(--muted);border-color:var(--border)}