.publisher-boot #loading{visibility:hidden}
#publisherIntro{position:fixed;inset:0;z-index:2000;background:#000;display:grid;place-items:center}
#publisherIntro video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#careerProfile{position:fixed;inset:0;z-index:180;background:linear-gradient(130deg,#041438f5,#062d72ef);display:grid;place-items:center;padding:2vh 3vw;overflow:auto}
.career-card{width:min(830px,94vw);background:#061c48;border:1px solid #abcfff66;border-radius:12px;padding:clamp(18px,3vh,32px);box-shadow:0 15px 60px #0006;max-height:96vh;overflow:auto}
.career-profile-title{display:flex;align-items:center;gap:22px;margin-bottom:18px}.career-profile-title img{width:84px;height:84px;border:2px solid white;border-radius:50%}.career-card h1{font:clamp(28px,4vw,45px)/1 var(--title);margin:8px 0}.career-card p{font:14px/1.5 var(--body);margin:8px 0}.career-card .eyebrow{font-size:12px}
.career-name-label{display:block;font:18px var(--title);margin-bottom:6px}#careerName{display:block;width:100%;font:25px var(--body);background:#fff;color:#092252;border:3px solid transparent;border-radius:4px;padding:10px 15px;box-sizing:border-box}#careerName:focus{border-color:#62d9ff;outline:3px solid #62d9ff55}#careerNameHint{display:block;color:#bbd6f4;font:12px var(--body);margin:8px 0}
.career-keyboard{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:14px 0}.career-keyboard button{background:#16366b;border:1px solid #8db9ea66;border-radius:4px;min-height:38px;font:20px var(--title);padding:4px}.career-keyboard .wide-key{grid-column:span 3;font-size:16px}
.career-card button:focus-visible,.career-card button:focus{outline:3px solid #73e2ff;outline-offset:2px;background:#2b5895}.career-card button:hover{background:#2b5895}.career-choices fieldset{border:0;padding:0;margin:0 0 23px}.career-choices legend{font:20px var(--title);margin:0 0 12px}.career-choices button{margin:0 8px 8px 0;padding:14px 18px;background:#16366b;border:2px solid #8db9ea66;font:20px var(--title);border-radius:4px}.career-choices button[aria-pressed=true]{background:#fff;color:#092252;border-color:#73e2ff}.career-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.career-actions button{padding:14px 24px;font:23px var(--title);border:1px solid #8db9ea66;border-radius:4px}.career-validation{color:#ffd39a;min-height:20px}
#careerCinema{position:fixed;inset:0;z-index:190;overflow:hidden;touch-action:none;color:white}
.career-logo-shot{position:absolute;inset:0;background:radial-gradient(ellipse at center,#1861cf,#041d78 75%);display:grid;place-items:center}.career-logo-shot img{width:min(56vw,700px);max-height:72vh;object-fit:contain;filter:drop-shadow(0 0 26px #a6dfff55)}.career-logo-shot.arrive img{animation:career-logo-arrival 7s both cubic-bezier(.18,.8,.22,1)}
@keyframes career-logo-arrival{0%{transform:scale(.15) translateY(45vh) rotate(-12deg);opacity:0;filter:blur(16px)}10%{transform:scale(1.1) translateY(0) rotate(0);opacity:1;filter:blur(0) drop-shadow(0 0 44px #b4e5ff)}18%{transform:scale(1)}100%{transform:scale(1.1)}}
.career-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.career-victory{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;text-shadow:0 3px 14px #000;opacity:0;background:linear-gradient(0deg,#261c1799,transparent 55%)}.career-victory img{width:min(54vw,620px);max-height:47vh;object-fit:contain;filter:drop-shadow(0 3px 18px #ffedc977);margin-bottom:4vh}.career-victory h1{font:clamp(30px,5.8vw,90px)/1 var(--title);letter-spacing:1px;margin:0}.career-victory p{font:clamp(19px,2.6vw,38px)/1.3 var(--title);margin:12px 0 35px}
.career-continue{position:absolute;bottom:5vh;left:50%;transform:translateX(-50%);padding:13px 23px;border:1px solid #c9e3ff99;background:#061c48d9;white-space:nowrap;font:clamp(15px,1.6vw,23px) var(--title);letter-spacing:1px}.career-scene-caption{position:absolute;top:4vh;left:4vw;font:18px var(--title);text-shadow:0 2px 6px black}.career-credit{position:absolute;bottom:12px;right:20px;font:11px/1.3 Arial,sans-serif;opacity:.7;text-shadow:0 1px 4px black}.career-media-retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#082e77;padding:20px;font:22px var(--title);z-index:2}.career-cut{position:absolute;inset:0;background:#071022;pointer-events:none;opacity:0}
#careerCinema [hidden],#publisherIntro [hidden]{display:none!important}
.career-cut{background:#000}
.career-logo-shot.sweep{background:#000}
.career-logo-shot.sweep img{width:95vw;max-height:95vh;animation:career-logo-sweep 2.4s both cubic-bezier(.22,.7,.28,1)}
@keyframes career-logo-sweep{0%{transform:translateX(-130vw) scale(.9)}30%,65%{transform:translateX(0) scale(1)}100%{transform:translateX(130vw) scale(1.12)}}
.career-active .score-player .name{font-size:clamp(20px,2.1vw,34px);line-height:1.05;overflow-wrap:anywhere}.career-active .score-player .score-identity{min-width:0}.career-active .set-info small{max-width:260px}.career-active #turnName{overflow-wrap:anywhere}.career-active .result-dialog h2{overflow-wrap:anywhere}.career-active .loading-contender figcaption{font-size:clamp(19px,2.8vw,38px);overflow-wrap:anywhere}
@media(max-width:740px){.career-card{padding:18px}.career-profile-title{gap:12px}.career-profile-title img{width:58px;height:58px}.career-card .eyebrow{font-size:10px}.career-keyboard{gap:4px}.career-keyboard button{min-height:32px}.career-choices button{font-size:16px;padding:10px}.career-active .score-player .name{font-size:20px}.career-active .score-player .player-mugshot{width:52px;height:52px;flex-basis:52px}.career-active .score-player .score-number{font-size:32px}}
@media(prefers-reduced-motion:reduce){.career-logo-shot.arrive img{animation:none}}

.career-card{box-sizing:border-box}.career-actions .primary{background:#fff;color:#092252}.career-actions .primary:focus,.career-actions .primary:hover{background:#d4f3ff;color:#092252}

/* Keep reactions out of the score/name header and remove the blue popup panel. */
#hud .announcement{top:auto;bottom:19vh;left:50%;width:max-content;max-width:46vw;padding:0 12px;background:none!important;border:0!important;box-shadow:none!important;text-shadow:0 2px 4px #000,0 0 12px #000}
#hud .announcement strong{font-size:clamp(22px,3vw,38px)}
#hud .shot-feedback{top:auto;bottom:13vh;max-width:42vw;background:none;border:0;text-shadow:0 2px 4px #000}
#toast{top:auto;bottom:8vh;max-width:45vw}
#hud #nearestDistance{position:absolute;pointer-events:none;white-space:nowrap;font:14px Arial,sans-serif;letter-spacing:0;color:#fff;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 1px 2px #000}
body.placing #hud .announcement{top:calc(var(--header-bottom,170px) + 100px);bottom:auto;max-width:60vw}