/* Connect MU · Premium portal. Scope prevents changes to account/store interfaces. */
:root{--cm-gold:#dfb86c;--cm-ivory:#f0e8d6;--cm-muted:#afa598;--cm-black:#0b0b0a;--cm-line:#d4ae6330;--cm-serif:Georgia,'Times New Roman',serif}
.cm-home{overflow:clip;background:var(--cm-black);font:15px/1.65 Arial,sans-serif;color:var(--cm-muted)}
.cm-home *, .cm-header *{box-sizing:border-box}.cm-home h1,.cm-home h2,.cm-home h3{font-family:var(--cm-serif);font-weight:400;color:var(--cm-ivory);line-height:1.13;letter-spacing:-.035em;margin:0}
.cm-home h2{font-size:clamp(32px,3.2vw,49px)}.cm-home h3{font-size:28px}.cm-home p{color:var(--cm-muted);line-height:1.75;margin:18px 0}.cm-home a,.cm-header a{text-decoration:none}.cm-home button,.cm-header button{font:inherit;cursor:pointer}.cm-home [hidden]{display:none!important}
.cm-home a:focus-visible,.cm-home button:focus-visible,.cm-header :focus-visible{outline:2px solid #f6d897;outline-offset:6px}.cm-wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.cm-section{padding-block:90px;scroll-margin-top:100px}.cm-overline{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:3px;font-weight:600;color:var(--cm-gold);margin-bottom:18px}.cm-index{font:10px/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--cm-gold)}
.cm-header{position:fixed;z-index:1000;inset:0 0 auto;min-height:96px;display:flex;align-items:center;gap:30px;padding:18px 3.5%;border-bottom:1px solid #ffffff12;background:linear-gradient(#0808089c,#08080800);transition:background .3s,padding .3s,backdrop-filter .3s;font:12px Arial,sans-serif;color:#e5daca}
.cm-header.is-scrolled{min-height:76px;padding-block:10px;background:#0b0b0aeb;backdrop-filter:blur(18px);border-color:var(--cm-line)}.cm-brand{width:166px;flex-shrink:0}.cm-brand img{width:100%;height:auto;display:block}.cm-header nav{display:flex;gap:26px;align-items:center;margin:auto}.cm-header nav>a{position:relative;padding-block:12px;color:#d0c7b7;white-space:nowrap}.cm-header nav>a:after{content:'';height:1px;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:var(--cm-gold);transition:transform .25s}.cm-header nav>a:hover:after,.cm-header nav>a[aria-current]:after{transform:scaleX(1)}.cm-header nav>a[aria-current]{color:#f2d99f}.cm-account{color:#d0c7b7;white-space:nowrap}.cm-account i{color:var(--cm-gold);margin-right:8px}.cm-more{position:relative}.cm-more summary{cursor:pointer;color:#d0c7b7;list-style:none;padding:12px 0}.cm-more summary::-webkit-details-marker{display:none}.cm-more>div{position:absolute;top:45px;left:-18px;background:#10100ff5;backdrop-filter:blur(20px);border:1px solid var(--cm-line);min-width:190px;padding:16px;box-shadow:0 20px 40px #0008;display:grid;gap:8px}.cm-more a{padding:4px;color:#c8bdab}.cm-more a:hover{color:var(--cm-gold)}
.cm-menu-toggle{display:none}.cm-skip{position:fixed;left:20px;top:-80px;background:#edc879;color:#111;padding:15px;z-index:2000}.cm-skip:focus{top:10px}
.cm-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:51px;padding:14px 24px;border:1px solid #ac8241;color:#f5dfb4;font:12px/1.5 Arial,sans-serif;font-weight:600;letter-spacing:.7px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;will-change:auto}
.cm-button:after{content:'';position:absolute;inset:-60% auto -60% -70%;width:35%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#fff5,transparent);pointer-events:none;transition:left .7s}.cm-button:hover:after{left:145%}.cm-button:hover{color:#fff3d8;box-shadow:0 8px 35px #d59b3025}.cm-button:active{scale:.98}.cm-button-main,.cm-header .cm-header-cta{background:linear-gradient(115deg,#ab752b,#e3ba6e 50%,#b5833d);color:#171109;border:1px solid #eccf8a;box-shadow:inset 0 0 0 3px #60461945}.cm-button-main:hover,.cm-header .cm-header-cta:hover{color:#0d0b07;background:linear-gradient(115deg,#d6a451,#f0cf8c,#c6934c)}.cm-header .cm-header-cta{min-height:42px;padding:11px 17px;font-size:11px}.cm-button-ghost{background:#0b0a0880;backdrop-filter:blur(5px);border-color:#b59a675e}.cm-text-link{font:12px/1.5 Arial,sans-serif;color:var(--cm-gold);display:inline-flex;gap:18px;align-items:center;padding-block:8px}.cm-text-link:hover{color:#ffe3a9}.cm-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}
.cm-hero{position:relative;min-height:810px;height:min(900px,100svh);display:flex;align-items:center;background:#0b0b0a}.cm-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cm-scenery{position:absolute;inset:-25px;background:url('../images/connect/epic-scene.webp') 63% center/cover;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);will-change:transform}.cm-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#060707b0,transparent 70%),linear-gradient(0deg,#0b0b0a,transparent 28%,transparent 80%,#05050566)}.cm-firelight{position:absolute;inset:20% -10% -20% 35%;background:radial-gradient(ellipse,#f9a12b20,transparent 62%);mix-blend-mode:screen;animation:cm-breathe 7s ease-in-out infinite;transform:translate3d(calc(var(--scene-x,0px) * -1),0,0)}.cm-mist{position:absolute;width:125%;height:35%;left:-10%;bottom:-3%;background:radial-gradient(ellipse at 30% 80%,#dfd0b31a,transparent 60%),radial-gradient(ellipse at 70% 60%,#ccad8512,transparent 55%);filter:blur(22px);animation:cm-drift 26s ease-in-out infinite alternate}.cm-mist-two{bottom:5%;opacity:.6;animation-delay:-12s;animation-direction:alternate-reverse}.cm-embers{position:absolute;inset:0;width:100%;height:100%}
.cm-hero-content{position:relative;z-index:2;padding-top:80px}.cm-hero-content>.cm-overline{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:4px}.cm-hero-content>.cm-overline span{width:40px;height:1px;background:#d4ae6366}.cm-hero-logo{display:block;width:min(550px,48%);height:auto;margin:15px 0 20px;filter:drop-shadow(0 0 25px #ffb52b15)}.cm-hero h1{font-size:clamp(47px,4.7vw,76px);line-height:1.04;max-width:680px;color:#f9edda;text-shadow:0 3px 30px #0007}.cm-hero h1 em{font-weight:400;font-style:italic;color:#e5be75}.cm-hero p.cm-hero-copy{font-size:14px;color:#c3bbaa;line-height:1.9;max-width:420px;margin:25px 0 28px}.cm-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.cm-hero p.cm-hero-footnote{font-size:9px;letter-spacing:2.8px;color:#a9987e;margin-top:26px}.cm-scroll{position:absolute;z-index:3;bottom:50px;left:50%;translate:-50% 0;color:#b3a58e;font:9px Arial;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:13px}.cm-scroll>span{width:16px;height:26px;border:1px solid #c3a76977;border-radius:12px;position:relative}.cm-scroll>span:after{content:'';position:absolute;width:2px;height:5px;background:#dbc38c;top:5px;left:6px;animation:cm-scroll 2s infinite}.cm-chapter{position:absolute;right:4%;bottom:50px;font:27px Georgia;color:#c2a56a;display:flex;gap:16px;align-items:center}.cm-chapter span{font:9px Arial;letter-spacing:3px;color:#b1a28b}.cm-intro-in{animation:cm-enter 1s both}.cm-intro-in:nth-child(2){animation-delay:.12s}.cm-intro-in:nth-child(3){animation-delay:.25s}.cm-intro-in:nth-child(4){animation-delay:.38s}.cm-intro-in:nth-child(5){animation-delay:.5s}.cm-intro-in:nth-child(6){animation-delay:.6s}
.cm-dashboard{display:grid;grid-template-columns:240px 1fr;gap:50px;padding-block:42px 50px;border-bottom:1px solid var(--cm-line);scroll-margin-top:90px}.cm-world-label h2{font-size:27px;line-height:1.15}.cm-world-label .cm-overline{font-size:8px;letter-spacing:2px;margin-bottom:12px}.cm-world-label a{font:10px Arial;color:#c8ad77;display:inline-block;margin-top:16px}.cm-stats{display:grid;grid-template-columns:repeat(3,1fr);row-gap:28px}.cm-stat{padding-left:30px;border-left:1px solid var(--cm-line)}.cm-stat>span{display:block;font:8px/1.5 Arial;letter-spacing:1.5px;color:#a69b87}.cm-stat strong{display:block;font:30px/1.3 Georgia;color:#e2d0a8;margin-block:8px 3px;font-variant-numeric:tabular-nums}.cm-stat small{font-size:9px;color:#8f897d}.cm-server-state strong,.cm-version strong{font-size:20px;margin-top:14px}.cm-server-state i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8d8677;margin-right:9px;vertical-align:middle}.cm-server-state .is-online{color:#9cbb99}.cm-server-state .is-online i{background:#99ba94;box-shadow:0 0 10px #99ba9455}.cm-server-state .is-offline{color:#d09582}.cm-server-state .is-offline i{background:#d09582}
.cm-news-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:35px}.cm-news-feature{position:relative;min-height:420px;background:#151410;overflow:hidden}.cm-news-feature>.cm-news-image{position:absolute;inset:0}.cm-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s;display:block}.cm-news-feature:hover .cm-news-image img{transform:scale(1.035)}.cm-news-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080909fa,transparent 95%);pointer-events:none}.cm-news-feature>.cm-news-content{position:relative;z-index:1;margin-top:190px;padding:32px}.cm-news-feature h3{font-size:33px;max-width:450px}.cm-news-feature h3 a,.cm-news-small h3 a{color:inherit}.cm-news-content p{font-size:12px;margin:14px 0}.cm-news-meta{display:flex;gap:20px;font:9px Arial;letter-spacing:1px;margin-bottom:13px;color:#b7aa94}.cm-news-meta>span{color:var(--cm-gold)}.cm-news-side{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.cm-news-small{display:grid;grid-template-columns:120px 1fr;gap:23px;padding-block:5px 22px;border-bottom:1px solid var(--cm-line)}.cm-news-small .cm-news-image{height:130px;overflow:hidden}.cm-news-small:hover img{transform:scale(1.04)}.cm-news-small h3{font-size:23px}.cm-news-small .cm-text-link{font-size:10px;padding:0}.cm-news-art{position:absolute;inset:0;background:url('../images/connect/epic-scene.webp') center/cover;opacity:.75}.cm-news-empty>.cm-news-content{margin-top:150px}.cm-news-empty{min-height:450px}.cm-editorial-note{padding:10px 10px 25px;border-bottom:1px solid var(--cm-line)}.cm-editorial-note h3{font-size:30px;margin-top:20px}.cm-editorial-note p{font-size:13px;max-width:330px}.cm-news-guide{display:block;padding:30px;background:linear-gradient(100deg,#11110f,#19170f);position:relative}.cm-news-guide>span:first-child{font:8px Arial;letter-spacing:2px;color:var(--cm-gold)}.cm-news-guide h3{font-size:25px;margin:15px 0}
.cm-classes{position:relative;background:radial-gradient(ellipse at 70% 40%,#57421d1c,transparent 60%),#0e0f0e;border-block:1px solid #ffffff08;overflow:hidden}.cm-class-layout{display:grid;grid-template-columns:30% 1fr;gap:70px;position:relative;z-index:1}.cm-class-selector>p{font-size:12px;margin:18px 0 25px}.cm-class-selector [role=tablist]{display:grid;gap:0}.cm-class-selector button{display:flex;align-items:center;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid #ffffff09;padding:12px 12px 12px 0;color:#8f8c81;font:13px Georgia;gap:20px;transition:color .25s,background .25s,padding .25s}.cm-class-selector button:hover{color:#e4c58b}.cm-class-selector button[aria-selected=true]{color:#e9c77f;background:linear-gradient(90deg,#d3ac5c0c,transparent);padding-left:12px;border-left:2px solid #c49e54}.cm-class-number{font:8px Arial;color:#8c7b59}.cm-class-arrow{margin-left:auto;color:#d1b477}.cm-class-rune{position:absolute;left:44%;top:15%;width:530px;height:530px;border:1px solid #bd965f0c;border-radius:50%;box-shadow:0 0 0 40px #bd965f04,0 0 0 41px #bd965f08;rotate:-20deg}.cm-class-rune:after{content:'';inset:45px;position:absolute;border:1px solid #bd965f0c;rotate:45deg}.cm-class-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;min-height:520px;animation:cm-enter .5s both}.cm-class-portrait{height:450px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--class-accent) 14%,transparent),transparent 67%)}.cm-class-portrait>span{position:absolute;font:155px Georgia;color:#ffffff05;letter-spacing:-15px}.cm-class-portrait img{width:100%;max-width:300px;height:auto;max-height:410px;object-fit:contain;position:relative;filter:drop-shadow(0 12px 18px #0009);image-rendering:auto}.cm-class-description .cm-overline{color:var(--class-accent);font-size:8px;letter-spacing:2px}.cm-class-description h3{font-size:38px}.cm-class-description p{font-size:12px}.cm-class-description ul{list-style:none;margin:25px 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.cm-class-description li{font:9px Arial;border-bottom:1px solid #b89b6355;padding:7px 0;margin-right:14px;color:#c6b797}.cm-class-description .cm-text-link{font-size:11px}
.cm-timezone{font-size:10px;color:#918879}.cm-events-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:45px}.cm-event-spotlight{position:relative;min-height:370px;overflow:hidden;background:#15130e}.cm-event-visual{position:absolute;inset:0;background:linear-gradient(0deg,#080909,#08090933),url('../images/connect/epic-scene.webp') 75% 45%/cover;opacity:.65}.cm-event-info{position:relative;padding:45px 35px}.cm-event-info h3{font-size:36px}.cm-event-info p{font-size:12px;max-width:350px}.cm-event-info .cm-overline{font-size:9px}.cm-countdown{display:flex;align-items:flex-start;gap:18px;margin-top:30px;font-variant-numeric:tabular-nums}.cm-countdown strong{font:39px Georgia;color:#e7d2a6;min-width:48px;display:block}.cm-countdown div>span{font:7px Arial;letter-spacing:2px;display:block;margin-top:6px;color:#ae9f83}.cm-countdown b{color:#827255;font:28px Georgia}.cm-event-info p.cm-event-accessible{font-size:10px;color:#c5bba9}.cm-event-agenda{padding-top:12px}.cm-event-agenda>.cm-index{display:block;margin-bottom:25px}.cm-agenda-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid var(--cm-line);padding:15px 0}.cm-agenda-row time{font:18px Georgia;color:#d9c293}.cm-agenda-row time small{display:block;font:8px Arial;color:#948976;margin-top:4px}.cm-agenda-row h4{font:16px Georgia;margin:0;color:#d9d1bf}.cm-agenda-row>span{font-size:8px;letter-spacing:1px;color:#c5ad7c}.cm-agenda-row.is-active{border-color:#bd8d3a}.cm-empty{padding:28px 0}.cm-empty>i{color:#a48b58;font-size:25px;margin-bottom:20px}.cm-empty h3{font-size:24px}.cm-empty p{font-size:12px;max-width:330px}
.cm-rankings{position:relative;background:radial-gradient(ellipse at 50% 0,#86602c15,transparent 60%),#0e0f0d;border-block:1px solid #ffffff08}.cm-ranking-controls{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cm-line);margin-bottom:35px}.cm-ranking-controls [role=tablist]{display:flex;gap:34px}.cm-ranking-controls button{border:0;border-bottom:2px solid transparent;background:none;color:#a49a87;font:12px Arial;padding:15px 0}.cm-ranking-controls button[aria-selected=true]{color:#e8c57a;border-color:#bf944b}.cm-ranking-controls label{font-size:10px;display:flex;align-items:center;gap:12px}.cm-ranking-controls select{background:#191914;color:#d9ccaf;border:1px solid #514328;padding:8px;font:11px Arial;max-width:180px}.cm-rank-empty{display:flex;justify-content:center;gap:30px;align-items:center;padding:25px 0 10px;min-height:180px}.cm-rank-empty img{width:130px;height:130px;object-fit:contain;opacity:.6}.cm-rank-empty h3{font-size:29px}.cm-rank-empty p{font-size:12px;max-width:430px}.cm-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:35px}.cm-podium article{position:relative;text-align:center;padding:25px 20px 30px;border-bottom:1px solid #c6a26144;background:radial-gradient(ellipse at top,#8b6c3515,transparent);transition:transform .3s}.cm-podium article:hover{transform:translateY(-4px)}.cm-podium img{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto 10px}.cm-podium h3{font-size:24px}.cm-podium p{font-size:11px;margin:10px 0}.cm-podium a{color:inherit}.cm-rank-table{width:100%;border-collapse:collapse;font-size:12px}.cm-rank-table caption{text-align:left;font:10px Arial;color:#9e9075;margin-bottom:15px}.cm-rank-table th{font:9px Arial;letter-spacing:1px;color:#ad9a78;text-align:left;border-bottom:1px solid var(--cm-line);padding:15px}.cm-rank-table td{padding:16px 15px;border-bottom:1px solid #ffffff08;color:#bfb5a2}.cm-rank-table td:first-child{color:#dcc085;width:70px;font:19px Georgia}.cm-rank-table a{color:#e2d7c1}.cm-rank-table tr:hover td{background:#d6aa4c05}
.cm-journey{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:80px 100px}.cm-journey h2{font-size:45px}.cm-journey>div:last-child{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.cm-footer{padding:40px 0;border-top:1px solid var(--cm-line);background:#080908;color:#a89b84;font:11px Arial}.cm-footer>.cm-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cm-footer img{width:150px;height:auto}.cm-footer nav{display:flex;gap:25px;flex-wrap:wrap}.cm-footer a{color:#c4b494}.cm-footer small{font-size:9px;line-height:1.8}.cm-footer .cm-footer-brand{display:flex;align-items:center;gap:30px}.cm-preview-note{font:10px Arial;text-align:center;padding:12px;background:#211b0e;color:#d0bb8d}
.cm-has-js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .75s,transform .75s}.cm-has-js [data-reveal].is-visible{opacity:1;transform:none}
@keyframes cm-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes cm-breathe{50%{opacity:.35}}@keyframes cm-drift{to{transform:translate3d(7%,-7%,0)}}@keyframes cm-scroll{50%{transform:translateY(7px);opacity:.3}}
@media(min-width:1600px){.cm-hero-content{padding-top:60px}.cm-hero-logo{width:580px}}
@media(max-width:1200px){.cm-header{gap:18px;padding-inline:25px}.cm-header nav{gap:18px}.cm-brand{width:140px}.cm-account{display:none}.cm-class-layout{gap:35px}.cm-wrap{width:calc(100% - 70px)}.cm-hero{min-height:760px}.cm-dashboard{grid-template-columns:200px 1fr;gap:20px}.cm-stat{padding-left:20px}.cm-hero-logo{width:48%}.cm-hero h1{font-size:62px}.cm-news-small{grid-template-columns:90px 1fr;gap:18px}}
@media(max-width:960px){.cm-header{min-height:78px;justify-content:space-between}.cm-menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;background:none;border:1px solid #d4ae6344;color:#dfb86c;margin-left:auto;order:3}.cm-menu-toggle span{width:20px;height:1px;background:currentColor;transition:transform .2s}.cm-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.cm-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.cm-header nav{position:absolute;top:100%;left:0;right:0;display:none;padding:20px 30px;background:#0b0b0af7;backdrop-filter:blur(18px);border-bottom:1px solid var(--cm-line);max-height:calc(100svh - 78px);overflow:auto;gap:8px}.cm-header nav.is-open{display:flex;flex-direction:column;align-items:stretch}.cm-more>div{position:static;box-shadow:none}.cm-header-cta{margin-left:auto}.cm-account{display:block;font-size:11px}.cm-class-panel{grid-template-columns:1fr;gap:0;min-height:auto}.cm-class-portrait{height:290px}.cm-class-portrait img{max-width:250px;max-height:280px}.cm-class-description h3{font-size:32px}.cm-class-description{max-width:400px}.cm-class-layout{grid-template-columns:38% 1fr}.cm-section{padding-block:65px}.cm-hero{height:auto;min-height:760px}.cm-hero h1{font-size:55px}.cm-hero-logo{width:55%}.cm-news-grid{gap:25px;grid-template-columns:1fr 1fr}.cm-news-small{grid-template-columns:1fr}.cm-news-small .cm-news-image{display:none}.cm-events-layout{gap:30px;grid-template-columns:1.15fr 1fr}.cm-event-info{padding:35px 25px}.cm-countdown{gap:10px}.cm-countdown strong{font-size:30px;min-width:36px}.cm-footer .cm-footer-brand{flex-direction:column;gap:15px;align-items:flex-start}}
@media(max-width:640px){.cm-wrap{width:calc(100% - 40px)}.cm-header{padding:16px 20px;gap:12px;min-height:72px}.cm-brand{width:123px}.cm-header .cm-header-cta{font-size:9px;padding:9px 12px;min-height:36px}.cm-account{display:none}.cm-header.is-scrolled{min-height:66px}.cm-hero{min-height:770px;align-items:flex-start}.cm-hero-content{padding-top:150px}.cm-scenery{background-position:63% center;opacity:.65}.cm-vignette{background:linear-gradient(90deg,#070808ba,#07080840),linear-gradient(0deg,#0b0b0a,transparent 65%)}.cm-hero-logo{width:92%;max-width:370px;margin:25px 0}.cm-hero-content>.cm-overline{font-size:8px;letter-spacing:3px}.cm-hero h1{font-size:46px}.cm-hero p.cm-hero-copy{font-size:12px;max-width:300px}.cm-hero-actions{gap:10px}.cm-hero-actions .cm-button{font-size:10px;padding:13px 14px;gap:12px}.cm-hero p.cm-hero-footnote{font-size:7px;letter-spacing:1.6px}.cm-scroll{bottom:35px;left:20px;translate:none;font-size:7px}.cm-chapter{right:20px;bottom:36px;font-size:20px}.cm-chapter span{font-size:7px;letter-spacing:1.5px}.cm-dashboard{grid-template-columns:1fr;gap:30px;padding-block:30px 40px}.cm-world-label h2 br{display:none}.cm-world-label h2{font-size:27px}.cm-stats{grid-template-columns:repeat(2,1fr);row-gap:25px}.cm-stat{padding-left:14px}.cm-stat strong{font-size:28px}.cm-stat>span{font-size:7px;letter-spacing:1px}.cm-stat small{font-size:8px}.cm-server-state strong,.cm-version strong{font-size:19px}.cm-section{padding-block:50px}.cm-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:26px}.cm-home h2{font-size:32px}.cm-news-grid{grid-template-columns:1fr}.cm-news-feature{min-height:390px}.cm-news-feature>.cm-news-content{padding:26px;margin-top:140px}.cm-news-feature h3{font-size:29px}.cm-news-small{grid-template-columns:90px 1fr}.cm-news-small .cm-news-image{display:block;height:120px}.cm-news-small h3{font-size:21px}.cm-news-small .cm-news-content p{font-size:11px}.cm-news-side{gap:20px}.cm-class-layout{grid-template-columns:1fr;gap:25px}.cm-class-selector [role=tablist]{display:flex;overflow-x:auto;gap:10px;padding-block:5px 15px}.cm-class-selector button{flex:0 0 auto;min-width:140px;gap:10px;padding:12px;border:1px solid #ffffff12;font-size:12px}.cm-class-selector button[aria-selected=true]{border:1px solid #c49e5477;padding-left:12px}.cm-class-number{display:none}.cm-class-selector>p{margin-bottom:14px}.cm-class-panel{grid-template-columns:1fr}.cm-class-portrait{height:300px}.cm-class-description{padding-inline:5px}.cm-class-description h3{font-size:34px}.cm-class-description ul{margin-block:18px}.cm-class-rune{left:-20%;width:450px;height:450px;top:33%}.cm-events-layout{grid-template-columns:1fr;gap:25px}.cm-event-info{padding:32px 24px}.cm-event-info h3{font-size:30px}.cm-event-spotlight{min-height:345px}.cm-countdown{gap:15px}.cm-countdown strong{font-size:33px}.cm-ranking-controls{gap:18px;flex-wrap:wrap}.cm-ranking-controls [role=tablist]{gap:30px}.cm-ranking-controls label{margin-bottom:15px}.cm-rank-empty{flex-direction:column;text-align:center;gap:15px;padding:10px}.cm-rank-empty h3{font-size:27px}.cm-rank-empty img{width:110px;height:110px}.cm-podium{gap:8px}.cm-podium article{padding:10px 4px 20px;min-width:0}.cm-podium img{width:80px;height:80px;max-width:100%}.cm-podium h3{font-size:16px;overflow-wrap:anywhere}.cm-podium p{font-size:9px}.cm-rank-table th,.cm-rank-table td{padding:14px 8px;font-size:10px}.cm-rank-table td:first-child{width:35px}.cm-journey{flex-direction:column;align-items:flex-start;gap:25px;padding-block:55px}.cm-footer>.cm-wrap{flex-direction:column;align-items:flex-start;gap:28px}.cm-footer nav{gap:20px}.cm-footer .cm-footer-brand{gap:18px}.cm-preview-note{font-size:9px;line-height:1.6}}
.cm-class-selector [role=tablist]{max-height:410px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#826333 #10110e;padding-right:10px}
.cm-class-selector,.cm-class-stage,.cm-class-panel{min-width:0}.cm-class-selector [role=tablist]{width:100%}
@media(max-width:640px){.cm-class-selector [role=tablist]{max-height:none;overflow-y:hidden;padding-right:0}.cm-class-selector button{width:auto;min-width:145px}}
@media(prefers-reduced-motion:reduce){.cm-home *,.cm-header *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cm-scenery{transform:none!important;will-change:auto}.cm-embers{display:none}.cm-has-js [data-reveal]{opacity:1;transform:none}}

/* Reference-inspired image effects: masked metallic light, perspective and reveals. */
.cm-logo-reveal{position:relative;width:min(550px,48%);margin:15px 0 20px;isolation:isolate}
.cm-logo-reveal .cm-hero-logo{width:100%;margin:0}
.cm-logo-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff2bd00 43%,#fff4cecc 50%,#fff2bd00 57%,transparent 65%);background-size:300% 100%;background-position:150% 0;mask:url('../images/connect/logo.webp') center/contain no-repeat;-webkit-mask:url('../images/connect/logo.webp') center/contain no-repeat;mix-blend-mode:screen;animation:cm-logo-metal 9s ease-in-out 1.4s infinite}
.cm-class-stage{perspective:1100px}
.cm-class-portrait{transform-style:preserve-3d;transform:rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg));transition:transform .35s ease-out}
.cm-class-portrait img{transform:translateZ(32px);transition:transform .4s,filter .4s}
.cm-class-portrait:after{content:'';position:absolute;inset:5%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,40%),color-mix(in srgb,var(--class-accent) 16%,transparent),transparent 65%);mix-blend-mode:screen}
.cm-class-panel:not([hidden]) .cm-class-portrait img{animation:cm-character-enter .65s both}
.cm-has-js .cm-news-image{clip-path:inset(0 0 12% 0);transition:clip-path .9s cubic-bezier(.2,.65,.3,1)}
.cm-has-js #cm-news.is-visible .cm-news-image{clip-path:inset(0)}
.cm-news-small:nth-child(2) .cm-news-image{transition-delay:.1s}.cm-news-small:nth-child(3) .cm-news-image{transition-delay:.2s}
.cm-news-feature .cm-news-image:before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#f9d38a12 50%,transparent 70%);translate:-100% 0;transition:translate .9s}
.cm-news-feature:hover .cm-news-image:before,.cm-news-feature:focus-within .cm-news-image:before{translate:100% 0}
.cm-scenery{transform:translate3d(var(--scene-x,0px),calc(var(--scene-y,0px) + var(--scene-scroll,0px)),0)}
.cm-hero-content{transform:translate3d(0,var(--copy-scroll,0px),0)}

@keyframes cm-logo-metal{0%,35%{background-position:150% 0}65%,100%{background-position:-50% 0}}
@keyframes cm-character-enter{from{opacity:0;transform:translate3d(12px,8px,32px)}to{opacity:1;transform:translate3d(0,0,32px)}}
@media(min-width:1600px){.cm-logo-reveal{width:580px}}
@media(max-width:1200px){.cm-logo-reveal{width:48%}}
@media(max-width:960px){.cm-logo-reveal{width:55%}}
@media(max-width:640px){.cm-logo-reveal{width:92%;max-width:370px;margin:25px 0}.cm-class-portrait{transform:none}.cm-logo-shine{animation-iteration-count:1}}
@media(prefers-reduced-motion:reduce){.cm-logo-shine{display:none}.cm-hero-content,.cm-scenery,.cm-class-portrait,.cm-class-portrait img{transform:none!important}.cm-has-js .cm-news-image{clip-path:none!important}.cm-mist-one{bottom:-3%}}