.ddl-stars{color:#dfba65;vertical-align:middle;gap:.18em;display:inline-flex}.ddl-stars svg{filter:drop-shadow(0 1px #fff6);width:1.2em;height:1.2em}.cp-reveal{color:#fff;background:radial-gradient(at 25% 60%,#12325a 0,#071322 48%,#020710 100%);width:100%;height:100%;min-height:480px;font-family:Arial,sans-serif;position:relative;overflow:hidden}.cp-reveal:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 45%,#d7b65a0a 50%,#0000 55%);border:1px solid #ccaa5f55;position:absolute;inset:0}.cp-intro{color:#fff;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:12% 5%}.cp-intro img{object-fit:contain;width:clamp(90px,13vw,220px);height:clamp(90px,13vw,220px)}.cp-intro p{letter-spacing:.2em;font-size:clamp(14px,1.7vw,28px);font-weight:800}.cp-intro strong{color:#e2c67f;opacity:0;font-size:clamp(50px,6vw,110px);transition:opacity .5s}.cp-step-1 .cp-intro strong,.cp-step-2 .cp-intro strong{opacity:1}.cp-reveal-star{z-index:2;opacity:0;font-size:clamp(35px,5vw,90px);transition:opacity .6s,transform .8s;position:absolute;top:9%;right:10%;transform:scale(.8)}.cp-step-2 .cp-reveal-star,.cp-step-3 .cp-reveal-star{opacity:1;transform:scale(1)}.cp-step-3 .cp-intro{opacity:0}.cp-final{opacity:0;align-items:center;gap:5%;transition:opacity .8s,transform .8s;display:flex;position:absolute;inset:16% 7% 8%;transform:translateY(20px)}.cp-step-3 .cp-final{opacity:1;transform:none}.cp-portrait{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 25px #0008);width:43%;height:100%;max-height:100%}.cp-copy{flex:1;min-width:0}.cp-copy span{letter-spacing:.13em;color:#b5c7df;font-size:clamp(12px,1.5vw,25px)}.cp-copy h1{text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(42px,7vw,130px);line-height:.95;color:#fff!important;margin:22px 0!important}.cp-copy h2{margin:20px 0;font-size:clamp(28px,4vw,70px);line-height:1;color:#e9c97a!important}.cp-copy p{letter-spacing:.1em;font-size:clamp(14px,1.6vw,28px);color:#fff!important}.cp-mock{z-index:5;color:#fff;background:#142a44;padding:8px;font-size:14px;position:absolute;top:12px;left:16px}.cp-exit{z-index:5;color:#081425;cursor:pointer;background:#e6c979;border:1px solid #e6c979;min-height:48px;padding:14px 25px;font-weight:800;position:absolute;bottom:4%;right:5%}.cp-exit:focus-visible{outline-offset:4px;outline:3px solid #fff}.championship-takeover.cp-dialog{gap:0;background:#071322!important;padding:0!important}.cp-dialog .cp-reveal{min-height:100dvh}.cp-dialog>button{z-index:9;color:#fff}.champion-card{background:linear-gradient(115deg,#081626,#163b61)!important}.champion-card .cp-portrait{height:280px}.champion-marker{color:#ad8024;align-items:center;gap:7px;font-size:14px;font-weight:800;display:inline-flex}.champion-match-banner{color:#fff;background:#091b30;border-left:4px solid #d2ad5c;margin:12px 0;padding:18px}.champion-match-banner p,.champion-match-banner a{color:#f0d18a!important}.cp-controls{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.cp-controls button,.cp-controls a,.cp-preview button{color:#fff;background:#143653;border:1px solid #7291ab;min-height:44px;padding:10px 18px}.cp-preview{color:#0c1e32;background:#e9eef3;padding:24px}.cp-preview select,.cp-preview input{padding:10px;font-size:16px}.cp-monitor{aspect-ratio:16/9;background:#071322;width:100%;overflow:hidden}.cp-monitor .cp-reveal{min-height:0}.cp-preview-section{color:#101d2d;background:#fff;margin:24px 0;padding:22px}.cp-preview-section h2{color:#101d2d}.cp-social{aspect-ratio:1;background:#071322;width:min(100%,540px)}.cp-social canvas{width:100%;height:100%}.cp-music-enable{z-index:20;color:#fff;background:#152e4b;border:1px solid #dbbb6c;padding:12px;position:fixed;bottom:12px;right:12px}.bc-champion .cp-reveal{height:100%;min-height:0}.cp-preview textarea{width:100%;min-height:180px;padding:14px;font-size:16px}.cp-preview a{color:#1768a0}.cp-placeholder{place-items:center;font-size:60px;font-weight:700;display:grid}@media (max-width:650px){.cp-dialog .cp-final{text-align:center;flex-direction:column;gap:15px;inset:22% 6% 14%}.cp-dialog .cp-portrait{width:90%;height:48%}.cp-dialog .cp-copy h1{font-size:52px;margin:10px 0!important}.cp-dialog .cp-copy h2{margin:10px 0;font-size:32px}.cp-dialog .cp-reveal-star{font-size:36px;top:10%;right:8%}.cp-dialog .cp-copy span{font-size:12px}.cp-monitor .cp-copy h1{margin:8px 0!important;font-size:6vw!important}.cp-monitor .cp-copy h2{margin:8px 0;font-size:4vw}.cp-monitor .cp-copy p,.cp-monitor .cp-copy span{font-size:2vw}.cp-monitor .cp-mock{padding:3px;font-size:9px}.cp-monitor .cp-reveal-star{font-size:5vw}}@media (prefers-reduced-motion:reduce){.cp-reveal *{transition:none!important;animation:none!important}}body .championship-takeover.cp-dialog{border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;position:fixed!important;inset:0!important;transform:none!important}.cp-preview .bc-champion .bc-header,.cp-preview .bc-champion .bc-footer,.bc-viewport .bc-champion .bc-header,.bc-viewport .bc-champion .bc-footer{display:none}.bc-champion .bc-content{height:100%;padding:0;animation:none;position:absolute;inset:0}.bc-champion:after{border-color:#d7b563}.bc-champion .cp-copy h1{font-size:7cqw}.bc-champion .cp-copy h2{font-size:4.5cqw}.bc-champion .cp-copy p{font-size:1.6cqw}.bc-champion .cp-copy span{font-size:1.5cqw}.bc-champion .cp-reveal-star{font-size:6cqw}.cp-intro img{width:clamp(170px,23vw,400px);height:auto;max-height:180px}.cp-step-3 .cp-intro{opacity:1;width:18%;display:block;inset:5% auto auto 7%}.cp-step-3 .cp-intro img{width:100%;height:auto}.cp-step-3 .cp-intro p,.cp-step-3 .cp-intro strong{display:none}body .championship-takeover.cp-dialog{overflow:hidden;width:100%!important;height:100vh!important;height:100dvh!important;padding:0!important;animation:none!important}.cp-dialog>.cp-reveal{flex:auto;width:100%;height:100%;min-height:0}.cp-dialog>[data-slot=dialog-close]{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));place-items:center;width:44px;height:44px;display:grid}.cp-dialog .cp-exit{bottom:max(20px,env(safe-area-inset-bottom));right:max(5%,env(safe-area-inset-right))}@media (max-width:650px){.cp-dialog .cp-final{inset:max(100px,calc(env(safe-area-inset-top) + 80px)) 6% max(92px,calc(env(safe-area-inset-bottom) + 76px));grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:12px;display:grid}.cp-dialog .cp-portrait{object-position:center;width:90%;height:100%;min-height:0}.cp-dialog .cp-copy{width:100%}.cp-dialog .cp-copy h1{font-size:clamp(32px,8vw,52px);margin:8px 0!important}.cp-dialog .cp-copy h2{margin:8px 0;font-size:clamp(24px,5.5vw,32px)}.cp-dialog .cp-copy p{margin:8px 0;font-size:12px;line-height:1.35}.cp-dialog .cp-reveal-star{top:max(55px,calc(env(safe-area-inset-top) + 40px));font-size:32px}.cp-dialog .cp-step-3 .cp-intro{top:max(20px,env(safe-area-inset-top));width:22%}.cp-dialog .cp-mock{top:max(12px,env(safe-area-inset-top));max-width:calc(100% - 80px);font-size:10px}}@media (max-height:500px) and (orientation:landscape){.cp-dialog .cp-final{text-align:left;flex-direction:row;gap:5%;display:flex;inset:65px 6% 72px}.cp-dialog .cp-portrait{width:40%;height:100%}.cp-dialog .cp-copy h1{font-size:clamp(28px,6vh,48px);margin:6px 0!important}.cp-dialog .cp-copy h2{margin:6px 0;font-size:clamp(20px,5vh,30px)}.cp-dialog .cp-copy p{margin:6px 0;font-size:12px}.cp-dialog .cp-reveal-star{font-size:28px;top:16px}.cp-dialog .cp-step-3 .cp-intro{width:12%;top:12px}}
