/* MHQ Squad — same editorial system as the Snackalot site, re-skinned for MHQ. */
:root{--bg:#070b12;--panel:#0d1520;--panel-light:#121d2b;--ink:#f6f8fb;--muted:#a5afbd;--blue:#00bdf2;--blue-light:#55d9ff;--gold:#ffc43d;--gold-light:#ffe17c;--line:#213246;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Inter',Arial,sans-serif;--max:1280px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.02;letter-spacing:-.015em}h1{font-size:clamp(4.5rem,7.9vw,7.5rem);font-weight:800}h2{font-size:clamp(2.8rem,4.1vw,4rem)}h3{font-size:2rem}em{font-style:italic;color:var(--blue-light)}p{color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #76bdff;outline-offset:6px}::selection{background:var(--blue);color:#fff}.container{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.icon{width:24px;height:24px;vertical-align:middle}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.16em;font-weight:700;color:var(--blue-light);line-height:1.6}.label-line{width:27px;height:2px;background:var(--blue)}.small-label{font-size:.65rem;letter-spacing:.1em;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:15px 25px;background:var(--blue);color:#fff;font-size:.9rem;font-weight:700;border:1px solid var(--blue);border-radius:4px;line-height:1.4;transition:background .2s,border-color .2s,transform .2s;cursor:pointer}.button:hover{background:#269cff;border-color:#269cff;transform:translateY(-2px)}.button .icon{width:20px;height:20px}.button-small{min-height:44px;padding:10px 19px;font-size:.825rem}.button-ghost{background:transparent;border-color:transparent;padding-inline:18px;color:#d6dce6}.button-ghost:hover{background:#131c28;border-color:#253343}.button-outline{background:transparent;border-color:#384759}.button-outline:hover{background:#172639;border-color:var(--blue)}.button-light{background:#fff;border-color:#fff;color:#091623}.button-light:hover{background:#e5f2ff;border-color:#e5f2ff}.text-link{font-size:.9rem;font-weight:700;display:inline-block;border-bottom:1px solid var(--blue);padding-bottom:5px}.text-link:hover{color:var(--blue-light)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:12px 20px}.skip-link:focus{top:12px}
.site-header{height:101px;border-bottom:1px solid #ffffff10;background:#080c13ed;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:block;width:179px;flex-shrink:0}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:35px}.main-nav a{font-size:.875rem;color:#a5aebe;position:relative;padding:36px 0;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current]{color:#fff}.main-nav a[aria-current]:after{content:'';position:absolute;height:2px;bottom:21px;left:0;right:0;background:var(--blue)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:#fff;padding:12px;border-radius:4px}.menu-toggle span{display:block;height:2px;background:currentColor;margin:5px 0;transition:transform .2s}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:56px;padding-bottom:72px;position:relative;align-items:center}.hero-content{padding:13px 0 4px;position:relative;z-index:2}.hero h1{font-size:clamp(5rem,8.1vw,8rem);line-height:.96;letter-spacing:-.025em;margin:27px 0 25px}.hero h1 em{display:block;font-size:.76em;line-height:1.15;white-space:nowrap;letter-spacing:-.015em}.hero-description{max-width:430px;font-size:1rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:29px}.hero-socials{display:flex;align-items:center;gap:24px;margin-top:36px}.hero-socials>span{font-size:.7rem;letter-spacing:.14em;color:#8c98a9;font-weight:600}.social-icons{display:flex;align-items:center;gap:20px}.social-icons a{display:flex;align-items:center;justify-content:center;color:#aeb8c8;min-width:25px;min-height:32px;transition:color .2s,transform .2s}.social-icons a:hover{color:var(--blue-light);transform:translateY(-2px)}.social-icons .icon{width:21px;height:21px}.hero-visual{position:relative;margin-left:16px;padding:10px 0 0 0}.portrait{height:605px;overflow:hidden;position:relative;background:#102038;border:1px solid #345276;border-radius:5px 5px 72px 5px;isolation:isolate}.portrait-image{height:120%;width:auto;max-width:none;position:absolute;top:-4%;left:-17%;object-fit:cover}.portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08101b45,transparent 25%,transparent 58%,#060b15ee 100%),linear-gradient(90deg,transparent 80%,#06162766)}.portrait:after{content:'';position:absolute;inset:0;border-top:3px solid var(--blue);pointer-events:none}.portrait-top{position:absolute;top:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;font-size:.625rem;font-weight:700;letter-spacing:.18em;text-shadow:0 1px 7px #000;color:#ebf4ff}.portrait-top span:first-child{border:1px solid #ffffff60;border-radius:2px;padding:4px 8px;background:#060c1840}.portrait-caption{position:absolute;bottom:24px;left:29px;right:25px}.portrait-caption .small-label{display:block;color:#bdd7ec;margin-bottom:10px;font-size:.625rem}.portrait-caption strong{display:block;font-family:var(--display);font-size:3.4rem;font-weight:700;line-height:.95;letter-spacing:.005em}.portrait-handle{display:block;color:#e5effc;font-size:.75rem;margin-top:15px}.hero-sticker{position:absolute;bottom:78px;right:-25px;transform:rotate(6deg);padding:16px 23px;background:var(--blue);color:#fff;box-shadow:0 6px 0 #002851;font-family:var(--display);font-size:2rem;font-weight:600;line-height:.95}.hero-sticker b{font-size:2.7rem;font-weight:800}.hero-sticker span{display:block;font-family:var(--body);font-size:.55rem;letter-spacing:.1em;font-weight:700;margin-top:10px}.image-index{display:block;font-size:.57rem;letter-spacing:.14em;color:#708298;margin-top:14px;text-align:right}.game-strip{border-block:1px solid #2d3f54;background:#0e1723;overflow:hidden}.game-strip>.container{display:flex;justify-content:space-between;gap:32px;padding-block:24px}.game-strip span{display:flex;align-items:center;gap:30px;font-family:var(--display);font-size:1.38rem;font-weight:600;letter-spacing:.075em;white-space:nowrap;color:#c6d0dd}.game-strip .icon{width:19px;height:19px;color:var(--blue)}
.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:19px}.section-heading>p{font-size:.94rem;line-height:1.8;padding-bottom:4px}.section-heading h2 em{color:#8d9bad}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{position:relative;padding:28px 29px 25px;background:linear-gradient(125deg,#111d2d,var(--panel));border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:border-color .25s,transform .25s}.game-card:hover{transform:translateY(-5px);border-color:#376494}.game-card:before{content:'';position:absolute;bottom:0;left:29px;right:29px;height:2px;background:var(--blue)}.game-card:nth-child(2){background:linear-gradient(125deg,#19221f,var(--panel))}.game-card:nth-child(2):before{background:#98bbaa}.game-card:nth-child(3){background:linear-gradient(125deg,#272119,var(--panel))}.game-card:nth-child(3):before{background:#d4ab6d}.game-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#91a3bc}.game-card-top span{font-size:.65rem;letter-spacing:.1em;font-weight:700}.game-card-top .icon{width:29px;height:29px;color:var(--blue-light)}.game-card:nth-child(2) .game-card-top .icon{color:#a8c9b7}.game-card:nth-child(3) .game-card-top .icon{color:#d4ab6d}.game-card h3{font-size:4.1rem;line-height:.92;margin:37px 0 22px;font-weight:700;letter-spacing:-.01em}.game-card p{font-size:.875rem;line-height:1.8;max-width:280px;min-height:76px}.game-tag{display:block;font-size:.625rem;letter-spacing:.08em;font-weight:700;color:#8393a9;border-top:1px solid #ffffff10;margin-top:26px;padding-top:19px}.community-section{padding:82px 0;background:#0c121c;border-block:1px solid #202a38}.community-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.community-heading .eyebrow{margin-bottom:23px}.community-heading h2{font-size:2.85rem;line-height:1.16}.community-heading h2 em{color:var(--blue-light)}.community-heading .text-link{margin-top:30px}.community-notes{display:flex;flex-direction:column;gap:28px}.community-notes article{display:flex;align-items:flex-start;gap:23px}.community-notes .icon{margin-top:6px;width:27px;height:27px;color:var(--blue-light)}.community-notes h3{font-size:1.7rem;margin-bottom:8px}.community-notes p{font-size:.9rem;line-height:1.85}.stream-poster{display:block;position:relative;overflow:hidden;aspect-ratio:1672/941;border:1px solid #34445c;border-radius:6px}.stream-poster img{height:100%;width:100%;object-fit:cover;transition:transform .6s,filter .4s}.stream-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#010810e0)}.stream-poster:hover img{transform:scale(1.025);filter:brightness(.8)}.poster-play{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0588fff2;color:#fff;border:1px solid #72bdff;border-radius:50%;box-shadow:0 0 0 12px #0588ff20;z-index:2;transition:box-shadow .3s}.poster-play .icon{width:34px;height:34px;margin-left:3px}.stream-poster:hover .poster-play{box-shadow:0 0 0 20px #0588ff20}.poster-label{position:absolute;bottom:25px;left:30px;font-size:.7rem;letter-spacing:.17em;font-weight:700;z-index:2}.cta-band{position:relative;background:#057fe9;overflow:hidden}.cta-inner{padding-block:62px;display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative}.cta-inner>div{position:relative;z-index:2}.cta-inner .eyebrow{color:#cde7ff;margin-bottom:19px}.cta-inner h2{font-size:4rem;color:#fff}.cta-inner h2 em{color:#fff}.cta-action{margin-right:80px}.cta-action p{color:#e0efff;margin-bottom:24px;line-height:1.7;font-size:.95rem}.cta-mark{position:absolute;right:-70px;bottom:-95px;width:380px;transform:rotate(-12deg);opacity:.1;pointer-events:none;mix-blend-mode:screen}.site-footer{padding-top:49px;background:#080c13}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:39px}.footer-top .brand{width:174px}.footer-top p{font-size:.825rem;line-height:1.65;margin-right:auto}.footer-top .social-icons{gap:26px}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:30px;color:#8190a2;font-size:.75rem}.footer-bottom nav{display:flex;gap:25px}.footer-bottom a:hover{color:#eaf3ff}
.page-intro{padding-top:69px;padding-bottom:40px}.page-intro>.eyebrow{margin-bottom:25px}.page-intro h1{font-size:clamp(4rem,6.7vw,6.5rem);margin-bottom:19px;line-height:1.01}.page-intro p{font-size:1rem;max-width:620px}.intro-row{display:flex;gap:36px;align-items:flex-end;justify-content:space-between}.intro-row>.button{margin-bottom:5px;flex-shrink:0}.player-shell{border:1px solid #314157;border-radius:6px;overflow:hidden;background:#0c121c}.player-toolbar{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.player-toolbar>span:first-child{display:flex;align-items:center;gap:11px;color:#cfdae9;font-size:.72rem;font-weight:700;letter-spacing:.08em}.player-toolbar .icon{width:19px;height:19px;color:var(--blue-light)}.player-toolbar>span:last-child{font-size:.75rem;color:#96a5b9}.player-stage{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;background:#000}.player-stage iframe{display:block;position:absolute;inset:0;height:100%;width:100%;border:0;z-index:2}.player-fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(#040b1599,#040b15dd),url('/assets/stream-room.webp') center/cover}.player-fallback>div{padding:24px}.player-fallback img{width:280px;margin:0 auto 16px}.player-fallback p{margin-bottom:23px;color:#d5e2f2;font-size:.9rem}.player-note{padding:15px 20px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:#8797ad}.player-note a{color:#bdcde1;text-decoration:underline;text-underline-offset:3px}.stream-under{padding:32px 0 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.stream-under h2{font-size:1.95rem;margin-bottom:8px}.stream-under p{font-size:.875rem}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.social-card{display:block;padding:27px 25px 25px;border:1px solid var(--line);border-radius:5px;background:var(--panel);transition:border-color .2s,background .2s,transform .2s}.social-card:hover{border-color:var(--blue);background:#152132;transform:translateY(-4px)}.social-card>.icon{color:var(--blue-light);width:31px;height:31px;margin-bottom:30px}.social-card h3{font-size:2rem;margin-bottom:8px}.social-handle{font-size:.85rem;color:#d8e4f3}.social-card p{font-size:.825rem;line-height:1.6;margin-top:18px;min-height:52px}.social-card .text-link{font-size:.825rem;margin-top:23px}
.about-hero{padding-block:70px 87px;display:grid;grid-template-columns:1.1fr 1fr;gap:73px;align-items:center}.about-copy h1{font-size:clamp(4.5rem,7.5vw,7rem);margin:27px 0}.about-copy h1 em{font-size:.92em}.about-copy .lead{font-size:1.28rem;color:#eef1f7;line-height:1.55;margin-bottom:23px}.about-copy>p:not(.lead){font-size:.95rem;margin-bottom:18px;max-width:480px;line-height:1.85}.about-copy>.button{margin-top:12px}.about-portrait{height:666px}.about-portrait .portrait-image{left:-27%;height:113%;top:0}.about-portrait .portrait-caption strong{font-size:3rem}.about-manifesto{border-block:1px solid var(--line);padding-block:74px;background:#0e1622}.about-manifesto .container{display:grid;grid-template-columns:1.25fr 1fr;column-gap:100px;align-items:end}.about-manifesto .eyebrow{grid-column:1/-1;margin-bottom:26px}.about-manifesto h2{font-size:4.7rem;line-height:1.06}.about-manifesto p{max-width:365px;font-size:1.1rem;padding-bottom:8px;line-height:1.9}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.values-grid article{border-top:1px solid #364253;padding-top:25px}.value-number{font-size:.75rem;color:var(--blue-light);letter-spacing:.1em}.values-grid h3{font-size:2rem;margin:28px 0 15px}.values-grid p{font-size:.925rem;line-height:1.85}.contact-intro{padding-bottom:47px}.contact-intro h1{font-size:6rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #344052;background:#101925;border-radius:5px;padding:37px 38px 39px;transition:transform .2s,border-color .2s}.contact-card:hover{border-color:#83c8ff;transform:translateY(-4px)}.contact-primary{background:#087fe3;border-color:#087fe3}.contact-card-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;margin-bottom:38px}.contact-card-top>.icon{width:35px;height:35px}.contact-card-top>span{font-size:.65rem;font-weight:700;letter-spacing:.13em;color:#a0b1c8}.contact-primary .contact-card-top>span{color:#d2e8ff}.contact-card h2{font-size:3.9rem;margin-bottom:23px}.contact-card p{font-size:.925rem;line-height:1.85;max-width:420px}.contact-primary p{color:#e1efff}.contact-handle{display:block;font-size:.875rem;font-weight:600;margin-top:23px;margin-bottom:31px}.contact-card .button{margin-top:auto}.contact-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:start}.contact-aside .eyebrow{margin-bottom:24px}.contact-aside h2{font-size:3rem}.contact-aside .social-icons{justify-content:flex-start;margin:27px 0 22px;gap:25px}.copy-handle{background:transparent;border:1px solid #303f53;color:#a7b6c9;border-radius:4px;padding:10px 15px;font-size:.8rem;display:flex;align-items:center;gap:10px}.copy-handle:hover{color:#fff;border-color:var(--blue)}.copy-handle .icon{width:17px;height:17px}.copy-status{font-size:.75rem;min-height:24px;margin-top:8px}.faq{border-top:1px solid #344154}.faq details{border-bottom:1px solid #344154}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:.94rem;font-weight:600;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:20px;height:20px;color:var(--blue-light);transition:transform .2s}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{padding:0 30px 25px 0;font-size:.9rem;line-height:1.85}.faq details a{color:var(--blue-light);text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.hero{gap:65px}.hero-visual{margin-left:0}.portrait-image{left:-13%}.hero h1{font-size:8.3rem}}
@media(max-width:1190px){.container{width:calc(100% - 72px)}.header-inner{gap:24px}.main-nav{gap:25px}.brand{width:158px}.header-watch{padding-inline:13px}.hero{gap:18px}.hero h1{font-size:7.7vw}.portrait{height:560px}.portrait-image{left:-28%}.hero-sticker{right:-13px;padding:15px 18px}.game-strip span{font-size:1.16rem;gap:18px}.game-strip>.container{gap:22px}.community-inner{gap:50px}.game-card{padding-inline:24px}.game-card h3{font-size:3.6rem}.game-card p{min-height:90px}.cta-action{margin-right:30px}.social-card{padding-inline:20px}.about-hero{gap:45px}.about-portrait{height:650px}.about-portrait .portrait-image{left:-42%}.about-copy h1{font-size:7.6vw}.contact-bottom{gap:60px}.contact-card-top>span{font-size:.6rem}.contact-card{padding-inline:30px}}
@media(max-width:950px){.header-watch{display:none}.main-nav{gap:28px}.hero{gap:10px;padding-top:40px;padding-bottom:49px}.hero .eyebrow{font-size:.625rem;letter-spacing:.095em}.hero h1{font-size:8.1vw}.hero-description{font-size:.9rem;padding-right:10px}.hero-actions .button{padding-inline:17px;font-size:.8rem}.hero-actions .button-ghost{padding-inline:9px}.portrait{height:520px}.portrait-image{left:-39%}.portrait-caption strong{font-size:2.7rem}.portrait-caption{left:21px}.portrait-caption .small-label{font-size:.55rem;max-width:180px}.hero-sticker{bottom:100px;font-size:1.5rem;padding:13px}.hero-sticker b{font-size:2rem}.hero-sticker span{font-size:.45rem}.hero-socials{gap:16px;margin-top:27px}.hero-socials>span{font-size:.625rem}.social-icons{gap:17px}.hero-visual{margin-left:10px}.portrait-top{left:17px;right:17px;font-size:.55rem}.game-strip>.container{width:100%;padding:20px 28px;gap:16px}.game-strip span{font-size:1.04rem;letter-spacing:.035em;gap:15px}.game-strip .icon{width:13px;height:13px}.section{padding-block:75px}.section-heading h2{font-size:3rem}.section-heading>p{font-size:.825rem}.game-grid{gap:14px}.game-card{padding-inline:20px}.game-card-top span{font-size:.52rem}.game-card-top .icon{width:24px;height:24px}.game-card h3{font-size:3.2rem;margin-top:30px}.game-card p{font-size:.81rem;min-height:95px}.game-tag{font-size:.55rem;letter-spacing:.02em}.community-inner{gap:40px}.community-heading h2{font-size:2.35rem}.community-notes p{font-size:.8rem}.community-notes h3{font-size:1.55rem}.community-notes article{gap:15px}.cta-inner h2{font-size:3.4rem}.cta-action{margin-right:0}.cta-action p{font-size:.86rem}.footer-top{gap:30px}.footer-top .brand{width:146px}.footer-top p{font-size:.75rem}.footer-top .social-icons{gap:20px}.page-intro h1{font-size:4.5rem}.social-grid{grid-template-columns:repeat(2,1fr)}.social-card{padding:27px}.social-card p{min-height:0}.social-card>.icon{margin-bottom:22px}.about-hero{gap:29px}.about-portrait{height:650px}.about-portrait .portrait-image{left:-75%}.about-copy h1{font-size:7.7vw}.about-copy>.eyebrow{font-size:.65rem}.about-copy .lead{font-size:1.15rem}.about-copy>p:not(.lead){font-size:.87rem}.about-manifesto .container{column-gap:50px}.about-manifesto h2{font-size:4rem}.about-manifesto p{font-size:1rem}.values-grid{gap:25px}.values-grid p{font-size:.83rem}.values-grid h3{font-size:1.85rem}.contact-card h2{font-size:3.5rem}.contact-card{padding:26px}.contact-card-top>span{font-size:.53rem;letter-spacing:.06em}.contact-card p{font-size:.85rem}.contact-bottom{gap:45px}.faq summary{font-size:.83rem}.contact-aside h2{font-size:2.6rem}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.site-header{height:82px}.header-inner{gap:20px}.brand{width:155px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:81px;left:0;right:0;background:#0c131e;padding:17px 25px 27px;border-bottom:1px solid #34445c;box-shadow:0 30px 40px #0007}.main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{padding:16px 4px;font-size:1rem}.main-nav a[aria-current]:after{left:4px;right:auto;width:30px;bottom:9px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{grid-template-columns:1fr;gap:33px;padding-top:33px;padding-bottom:40px}.hero-content{padding:0}.hero .eyebrow{font-size:.625rem;letter-spacing:.1em}.hero h1{font-size:clamp(4.5rem,15.7vw,7rem);margin:23px 0;line-height:.96}.hero h1 em{font-size:.7em;margin-top:4px;white-space:normal}.hero-description{font-size:.95rem;max-width:450px;padding-right:0}.hero-actions{margin-top:24px}.hero-actions .button{font-size:.875rem;padding:14px 20px}.hero-socials{margin-top:26px}.hero-socials>span{font-size:.65rem}.hero-socials .social-icons{gap:24px}.hero-visual{margin-left:0;padding-top:0;margin-right:10px;max-width:520px}.portrait{height:470px;border-radius:5px 5px 58px 5px}.portrait-image{height:150%;left:-14%;top:-8%}.portrait-caption{bottom:22px;left:23px}.portrait-caption strong{font-size:3rem}.portrait-caption .small-label{font-size:.55rem;max-width:none}.portrait-top{font-size:.575rem}.hero-sticker{bottom:77px;right:-15px;font-size:1.6rem;padding:14px 20px}.hero-sticker b{font-size:2.2rem}.hero-sticker span{font-size:.49rem}.image-index{font-size:.5rem;margin-top:11px;text-align:center}.game-strip>.container{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 40px);padding:20px 0;gap:15px 22px}.game-strip span{font-size:1.13rem;letter-spacing:.04em;gap:15px}.game-strip .icon{width:14px;height:14px}.section{padding-top:62px;padding-bottom:62px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:2.9rem}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{margin-top:21px;font-size:.9rem}.section-heading>.button{margin-top:22px}.game-grid{grid-template-columns:1fr;gap:16px}.game-card{padding:24px;display:grid;grid-template-columns:1fr 1.05fr;column-gap:26px;align-items:center}.game-card-top{grid-column:1/-1}.game-card-top span{font-size:.625rem}.game-card-top .icon{width:25px;height:25px}.game-card h3{margin-top:26px;margin-bottom:18px;font-size:3.3rem}.game-card p{min-height:0;font-size:.855rem;line-height:1.8;margin-top:15px}.game-tag{grid-column:1/-1;font-size:.6rem;letter-spacing:.05em;margin-top:4px;padding-top:17px}.community-section{padding:61px 0}.community-inner{grid-template-columns:1fr;gap:43px}.community-heading h2{font-size:2.65rem}.community-notes{gap:27px}.community-notes article{gap:20px}.community-notes p{font-size:.9rem}.community-notes h3{font-size:1.8rem}.community-heading .text-link{margin-top:24px}.stream-poster{border-radius:4px}.poster-play{width:58px;height:58px;box-shadow:0 0 0 8px #0588ff20}.poster-play .icon{width:26px;height:26px}.poster-label{bottom:13px;left:15px;font-size:.55rem;letter-spacing:.1em}.cta-inner{display:block;padding-block:45px}.cta-inner h2{font-size:3.25rem}.cta-action{margin-top:29px}.cta-action p{font-size:.9rem;line-height:1.75}.cta-mark{width:290px;right:-100px;bottom:-50px;opacity:.09}.site-footer{padding-top:35px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;padding-bottom:30px}.footer-top .brand{width:142px}.footer-top p{font-size:.73rem;justify-self:end}.footer-top .social-icons{grid-column:1/-1;justify-content:flex-start;gap:26px}.footer-bottom{font-size:.65rem;gap:14px;flex-wrap:wrap;padding-block:19px}.footer-bottom nav{gap:20px}.footer-handle{display:none}.page-intro{padding-top:43px;padding-bottom:29px}.page-intro>.eyebrow{font-size:.66rem;margin-bottom:21px}.page-intro h1{font-size:3.8rem;margin-bottom:18px}.page-intro p{font-size:.94rem}.intro-row{display:block}.intro-row>.button{margin-top:25px}.player-toolbar{padding:13px}.player-toolbar>span:first-child{font-size:.57rem;gap:7px;letter-spacing:.04em}.player-toolbar>span:last-child{font-size:.65rem}.player-toolbar .icon{width:16px;height:16px}.player-note{display:block;font-size:.73rem;padding:14px}.player-note a{display:block;margin-top:9px}.player-fallback img{width:210px}.stream-under{display:block;padding-top:25px}.stream-under h2{font-size:1.8rem}.stream-under p{font-size:.85rem}.stream-under>.button{margin-top:23px}.social-grid{gap:13px}.social-card{padding:22px 18px}.social-card h3{font-size:1.8rem}.social-handle{font-size:.74rem}.social-card p{font-size:.75rem;min-height:48px}.social-card .text-link{font-size:.75rem}.social-card>.icon{width:25px;height:25px;margin-bottom:23px}.about-hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:54px;gap:35px}.about-copy h1{font-size:clamp(4rem,13vw,5.8rem);margin:23px 0}.about-copy .lead{font-size:1.2rem}.about-copy>p:not(.lead){font-size:.94rem;max-width:100%}.about-portrait{height:470px;max-width:510px}.about-portrait .portrait-image{height:148%;left:-14%;top:-8%}.about-manifesto{padding-block:53px}.about-manifesto .container{display:block}.about-manifesto h2{font-size:3.8rem}.about-manifesto p{font-size:.95rem;margin-top:27px;max-width:100%}.values-grid{grid-template-columns:1fr;gap:29px}.values-grid article{position:relative;padding-left:45px;padding-top:23px}.value-number{position:absolute;left:0;top:28px}.values-grid h3{margin:0 0 11px;font-size:1.95rem}.values-grid p{font-size:.9rem}.contact-intro h1{font-size:4.4rem}.contact-grid{grid-template-columns:1fr;gap:19px}.contact-card{padding:28px}.contact-card-top{margin-bottom:29px}.contact-card-top>span{font-size:.6rem;letter-spacing:.05em}.contact-card-top>.icon{width:29px;height:29px}.contact-card h2{font-size:3.5rem}.contact-card p{font-size:.9rem}.contact-handle{margin-bottom:27px}.contact-bottom{grid-template-columns:1fr;gap:32px}.contact-aside h2{font-size:3rem}.faq summary{font-size:.9rem}.faq details p{font-size:.875rem}.contact-aside .social-icons{margin-top:25px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:17vw}.hero .eyebrow{font-size:.53rem}.hero-actions{gap:0}.hero-actions .button{padding-inline:14px;font-size:.8rem}.portrait{height:420px}.portrait-image{left:-25%}.portrait-caption .small-label{max-width:175px}.portrait-caption strong{font-size:2.6rem}.hero-sticker{font-size:1.3rem;padding:13px}.hero-sticker b{font-size:1.9rem}.hero-sticker span{font-size:.43rem}.game-strip span{font-size:1rem;gap:10px}.game-card{column-gap:16px;padding:22px}.game-card h3{font-size:3rem}.game-card p{font-size:.81rem}.footer-top p{font-size:.65rem}.footer-top .brand{width:130px}.social-card{padding:20px 14px}.social-handle{font-size:.7rem}.page-intro h1{font-size:3.4rem}.about-portrait .portrait-image{left:-28%}.contact-card{padding:24px}.contact-card-top>span{font-size:.53rem}}
/* Keep secondary text readable at every breakpoint. */
[hidden]{display:none!important}
.eyebrow,.small-label,.portrait-top,.portrait-caption .small-label,.portrait-handle,.image-index,.hero-sticker span,.hero-socials>span,.game-card-top span,.game-tag,.poster-label,.contact-card-top>span,.footer-bottom,.player-toolbar>span,.player-toolbar>span:first-child,.player-toolbar>span:last-child,.copy-status{font-size:max(.75rem,12px)}
.hero-description,.game-card p,.community-notes p,.section-heading>p,.cta-action p,.page-intro p,.stream-under p,.about-copy>p:not(.lead),.values-grid p,.contact-card p,.faq details p{font-size:1rem}
.social-card p,.social-handle,.social-card .text-link,.footer-top p,.player-note,.copy-handle{font-size:.875rem}
.hero .eyebrow{letter-spacing:.09em}.portrait-top{letter-spacing:.08em}.portrait-caption .small-label{font-size:.75rem;max-width:300px;line-height:1.6}.hero-sticker span{font-size:.75rem;letter-spacing:0;line-height:1.3;max-width:120px}.game-card-top span{letter-spacing:.045em}.game-tag{letter-spacing:.025em}.game-card p{min-height:88px}.image-index{font-size:.75rem;letter-spacing:.04em}.contact-card-top>span{letter-spacing:.04em}.portrait-image{height:150%;top:-7%;left:-20%}.portrait-shade{background:linear-gradient(180deg,#08101b65,transparent 25%,transparent 57%,#060b15f5 100%)}
@media(min-width:701px) and (max-width:1190px){.portrait-image{left:-40%}.game-card-top{align-items:flex-start}.game-card-top span{max-width:145px}.game-card p{min-height:135px}.hero-sticker{right:-10px}.hero-socials{flex-wrap:wrap;gap:12px 20px}.portrait-caption .small-label{max-width:200px}.about-portrait .portrait-image{height:138%;left:-57%;top:-4%}}
@media(min-width:701px) and (max-width:950px){.hero h1{font-size:7.9vw}.hero .eyebrow{max-width:280px}.hero-sticker{bottom:138px}.hero-sticker span{max-width:105px}.portrait-image{left:-66%}.game-card p{min-height:172px}.about-portrait .portrait-image{left:-94%}.portrait-top{flex-wrap:wrap;gap:7px}.game-strip span{font-size:1rem}.footer-top p{max-width:205px}}
@media(max-width:700px){.portrait-image{height:150%;left:-14%;top:-8%}.game-card p{min-height:0}.game-card-top span{max-width:none}.hero-sticker{bottom:94px}.portrait-caption .small-label{max-width:190px}.hero .eyebrow{font-size:.75rem;letter-spacing:.04em}.game-tag{line-height:1.7}.footer-top{grid-template-columns:1fr}.footer-top p{justify-self:start;font-size:.875rem}.footer-top .social-icons{grid-column:auto}.image-index{font-size:.75rem;line-height:1.7}.contact-card-top>span{max-width:160px;text-align:right;line-height:1.6}.player-toolbar{flex-wrap:wrap;gap:7px}.game-strip>.container{gap:17px 15px}.game-strip span{font-size:1.08rem}.social-card p{min-height:68px}.about-copy>.eyebrow{font-size:.75rem}.portrait-top{font-size:.75rem;flex-wrap:wrap;gap:7px}}
@media(max-width:380px){.portrait-image{left:-28%}.hero-sticker{padding:12px;right:-10px}.hero-sticker span{max-width:100px}.hero-actions .button{font-size:.875rem}.game-card{grid-template-columns:1fr}.game-card h3 br{display:none}.game-card p{margin:0 0 22px}.game-card h3{font-size:3rem}.hero-socials{flex-wrap:wrap}.social-grid{grid-template-columns:1fr}.social-card p{min-height:0}.portrait-caption .small-label{max-width:150px}.game-strip span{font-size:1rem}.game-strip .icon{width:12px;height:12px}}
/* Contrast-safe fills keep white labels legible while retaining the blue branding. */
.button:not(.button-ghost):not(.button-outline):not(.button-light){background:#006dce;border-color:#006dce}
.button:not(.button-ghost):not(.button-outline):not(.button-light):hover{background:#0062bc;border-color:#0062bc}
.cta-band{background:#0864b8}.contact-primary{background:#0765bb;border-color:#0765bb}.hero-sticker{background:#006dce}
/* Twitch + YouTube destinations and the variety-game rotation. */
.cta-action{margin-right:0;max-width:610px}
.cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cta-actions .button{font-size:.875rem;padding-inline:20px}
.button-youtube{background:#131a26;border-color:#6b7d95;color:#fff}
.button-youtube:hover{background:#233249;border-color:#b6c9e3}
.button-youtube .icon{color:#ff8585}
.cta-actions .button-youtube{border-color:#a5c9ec}
.game-strip>.container{flex-wrap:wrap;justify-content:center;gap:18px 30px}
.game-strip span{gap:17px}
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.game-card{padding-inline:22px}
.game-card h3{font-size:3.6rem}
.game-card p{min-height:116px}
.game-card-top span{font-size:.75rem;letter-spacing:.015em}
.game-tag{font-size:.75rem;letter-spacing:0;line-height:1.7}
.variety-card{background:linear-gradient(125deg,#132340,var(--panel))}
.variety-card:before{background:#7db3ff}
.youtube-intro{padding-bottom:62px}
.youtube-intro p{max-width:640px}
.youtube-latest>.section-heading h2{font-size:2.8rem}
.youtube-latest>.section-heading{margin-bottom:27px}
.youtube-latest-panel{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid #31445e;border-radius:7px;overflow:hidden;background:#101925}
.youtube-channel-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 40px;min-height:360px;background:radial-gradient(ellipse at 50% 42%,#17385d 0%,#0c1728 65%,#080f1b 100%);border-right:1px solid #31445e}
.youtube-channel-art>img{width:100%;max-width:350px;height:auto}
.youtube-channel-art>span{display:flex;align-items:center;gap:12px;margin-top:27px;font-size:.875rem;letter-spacing:.14em;color:#b4c9e1}
.youtube-channel-art .icon{color:#ff8585;width:25px;height:25px}
.youtube-latest-copy{padding:45px}
.youtube-latest-copy>.eyebrow{margin-bottom:22px}
.youtube-latest-copy h2{font-size:3.4rem;line-height:1.05}
.youtube-latest-copy p{font-size:1rem;line-height:1.8;max-width:480px;margin:24px 0}
.youtube-browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.youtube-browse-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid var(--line);border-radius:5px;background:var(--panel);transition:border-color .2s,transform .2s}
.youtube-browse-card:hover{transform:translateY(-4px);border-color:var(--blue-light)}
.youtube-browse-card>.icon{width:29px;height:29px;color:var(--blue-light);margin-bottom:26px}
.youtube-browse-card>.eyebrow{font-size:.75rem;letter-spacing:.06em;margin-bottom:15px}
.youtube-browse-card h3{font-size:2.2rem;margin-bottom:16px}
.youtube-browse-card p{font-size:1rem;line-height:1.75;margin-bottom:27px}
.youtube-browse-card .text-link{margin-top:auto}
.youtube-player{position:relative;aspect-ratio:16/9;min-height:200px;border:1px solid #34445e;border-radius:6px;overflow:hidden;background:#000}
.youtube-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.youtube-player-note{font-size:.875rem;margin-top:17px}.youtube-player-note a{color:var(--blue-light);text-decoration:underline}
@media(max-width:1190px){.main-nav{gap:23px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card p{min-height:88px}.game-card-top span{max-width:none}.cta-inner{gap:28px}.cta-inner h2{font-size:3.4rem}.cta-action{max-width:510px}.cta-actions{gap:10px}.cta-actions .button{padding-inline:15px}.youtube-latest-copy{padding:35px}.youtube-channel-art{padding:35px}.youtube-browse-card{padding:25px}}
@media(min-width:701px) and (max-width:950px){.main-nav{gap:23px}.cta-inner{align-items:flex-start}.cta-action{max-width:330px}.cta-actions{flex-direction:column;align-items:stretch}.youtube-latest-copy h2{font-size:2.8rem}.youtube-latest-copy{padding:30px}.youtube-channel-art{padding:26px}.youtube-browse-card{padding:22px}.youtube-browse-card h3{font-size:1.95rem}.youtube-browse-grid{gap:14px}}
@media(max-width:700px){.main-nav{gap:0}.game-grid{grid-template-columns:1fr}.game-card{padding:24px}.game-card p{min-height:0}.game-strip>.container{gap:17px 15px}.game-strip span:last-child{grid-column:1/-1;justify-content:center}.cta-action{max-width:none}.cta-actions{gap:12px}.cta-actions .button{padding-inline:18px}.youtube-intro{padding-bottom:45px}.youtube-latest>.section-heading h2{font-size:2.65rem}.youtube-latest>.section-heading>.text-link{margin-top:20px}.youtube-latest-panel{grid-template-columns:1fr}.youtube-channel-art{min-height:235px;border-right:0;border-bottom:1px solid #31445e;padding:38px}.youtube-channel-art>img{max-width:280px}.youtube-latest-copy{padding:28px}.youtube-latest-copy h2{font-size:2.85rem}.youtube-browse-grid{grid-template-columns:1fr;gap:16px}.youtube-browse-card{padding:27px}.youtube-browse-card p{margin-bottom:22px}.youtube-browse-card>.icon{margin-bottom:22px}.footer-bottom nav{flex-wrap:wrap;gap:14px 22px}}
@media(max-width:420px){.cta-actions{flex-direction:column;align-items:stretch}.game-card h3{font-size:3.2rem}.youtube-latest-copy{padding:24px}}
/* Discord community and live viewing on both platforms. */
.main-nav{gap:26px}
.hero-actions{gap:10px}
.hero-actions .button{padding-inline:19px}
.stream-destinations{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.youtube-intro-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex-shrink:0;max-width:310px}
.youtube-intro-actions .button{font-size:.875rem}
.button-discord{background:#454fd1;color:#fff;border-color:#7680ff}
.button-discord:hover{background:#3742ba;color:#fff;border-color:#a3aaff}
.button-discord .icon{color:#fff}
.community-text-link{display:inline-flex;align-items:center;gap:10px}
.community-text-link .icon{width:23px;height:23px}
.community-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:23px;padding:29px 31px;border:1px solid #394974;border-radius:5px;background:linear-gradient(105deg,#18213e,#111827)}
.community-banner-copy{display:flex;gap:22px;align-items:center}
.community-banner-copy>.icon{width:39px;height:39px;color:#a2adff}
.community-banner h3{font-size:2rem;line-height:1.1;margin-bottom:8px}
.community-banner p{font-size:1rem;line-height:1.7}
.community-banner>.button{flex-shrink:0}
.discord-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center;padding-block:74px 86px}
.discord-intro>.eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:26px}
.discord-intro>.eyebrow .icon{width:22px;height:22px;color:#a2adff}
.discord-intro h1{font-size:clamp(4.3rem,6.3vw,6.2rem);line-height:1.04;margin-bottom:26px}
.discord-intro .lead{color:#e8eef9;font-size:1.25rem;line-height:1.6;margin-bottom:22px}
.discord-intro>p:not(.lead){font-size:1rem;line-height:1.9;max-width:570px}
.discord-intro>.button{margin-top:31px}
.discord-invite-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#1c3761,#121a2b 63%);border:1px solid #415579;border-radius:7px;padding:27px 32px 20px;text-align:center}
.discord-card-label{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#bacaff}
.discord-card-label .icon{width:25px;height:25px;color:#adb7ff}
.discord-brand-mark{width:165px;height:auto;margin:23px auto 20px}
.discord-invite-card h2{font-size:3.2rem;line-height:1.06}
.discord-invite-card h2 em{color:#b2bbff}
.discord-invite-card>p{font-size:1rem;margin-top:17px;line-height:1.7}
.discord-invite-card>.button{display:flex;width:100%;margin-top:27px}
.discord-invite-tools{margin-top:23px;border-top:1px solid #ffffff1f;padding-top:19px}
.discord-invite-url{display:block;font-size:.875rem;color:#adbed7;overflow-wrap:anywhere}
.discord-invite-tools .copy-handle{margin:12px auto 0;font-size:.875rem}
.discord-invite-tools .copy-status{font-size:.75rem;overflow-wrap:anywhere;margin-top:9px;min-height:21px;color:#b9cbe2}
.discord-hangout{padding-block:74px;background:#0d1522;border-block:1px solid var(--line)}
.discord-hangout .section-heading{margin-bottom:43px}
.discord-hangout .values-grid p{font-size:1rem}
.discord-hangout .value-number{font-size:.75rem}
.discord-streams .section-heading{margin-bottom:27px}
@media(max-width:1190px){.main-nav{gap:19px}.header-inner{gap:22px}.header-watch{padding-inline:12px}.discord-hero{gap:43px}.discord-intro h1{font-size:5.8vw}.discord-invite-card{padding-inline:26px}.discord-invite-card h2{font-size:2.85rem}.home-stream .section-heading{align-items:flex-start}.home-stream .stream-destinations{max-width:300px;justify-content:flex-end}.community-banner{padding:26px}}
@media(min-width:701px) and (max-width:950px){.main-nav{gap:22px}.discord-hero{gap:31px;padding-block:60px}.discord-intro h1{font-size:4rem}.discord-intro .lead{font-size:1.15rem}.discord-brand-mark{width:140px}.discord-invite-card{padding-inline:22px}.discord-invite-card h2{font-size:2.55rem}.youtube-intro-actions{max-width:255px}.community-banner{gap:22px;padding:25px}.community-banner-copy{gap:17px}.community-banner h3{font-size:1.75rem}.community-banner-copy>.icon{width:32px;height:32px}.home-stream .stream-destinations{max-width:285px}}
@media(max-width:700px){.main-nav{gap:0}.hero-actions .button{font-size:.875rem;padding-inline:16px}.youtube-intro-actions{margin-top:26px;max-width:none;flex-direction:row;flex-wrap:wrap}.youtube-intro-actions .button{padding-inline:18px}.home-stream .stream-destinations{margin-top:23px;max-width:none;justify-content:flex-start}.stream-destinations{gap:12px}.stream-destinations .button{font-size:.875rem;padding-inline:18px}.community-banner{display:block;padding:26px}.community-banner>.button{margin-top:24px}.community-banner-copy{align-items:flex-start;gap:17px}.community-banner-copy>.icon{width:30px;height:30px;margin-top:5px}.community-banner h3{font-size:1.85rem}.discord-hero{grid-template-columns:1fr;gap:38px;padding-block:43px 53px}.discord-intro>.eyebrow{font-size:.75rem;letter-spacing:.05em;margin-bottom:23px}.discord-intro h1{font-size:clamp(3.5rem,11.8vw,5rem);margin-bottom:25px}.discord-intro .lead{font-size:1.17rem}.discord-intro>p:not(.lead){font-size:1rem}.discord-invite-card{padding:27px 25px 18px;max-width:510px;width:100%;margin:auto}.discord-brand-mark{width:152px}.discord-invite-card h2{font-size:3rem}.discord-hangout{padding-block:54px}.discord-hangout .values-grid article{padding-left:0;padding-top:25px}.discord-hangout .value-number{position:static;display:block;margin-bottom:18px}.discord-hangout .section-heading{margin-bottom:31px}.discord-streams .section-heading>p{font-size:1rem}.hero-socials{flex-wrap:wrap}}
@media(max-width:420px){.youtube-intro-actions{flex-direction:column;align-items:stretch}.discord-streams .stream-destinations{flex-direction:column;align-items:stretch}.discord-intro>.eyebrow{letter-spacing:0;gap:8px}.community-banner{padding:23px}.community-banner-copy{gap:13px}}
/* Weekly schedule: supplied artwork and a readable, responsive lineup. */
.schedule-intro{padding-bottom:44px}
.schedule-intro p{max-width:660px}
.schedule-artwork{overflow:hidden;border:1px solid #34445c;border-radius:6px}
.schedule-artwork img{width:100%;height:auto}
.schedule-lineup{padding-top:76px}
.schedule-timezone{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.schedule-timezone strong{font-size:.875rem;color:#d7e4f6}
.schedule-timezone .text-link{font-size:.875rem}
.schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.schedule-card{position:relative;min-width:0;padding:25px 24px 28px;border:1px solid #33465f;border-top:3px solid var(--blue);border-radius:5px;background:linear-gradient(145deg,#14243a,#0f1724)}
.schedule-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.schedule-card-heading h3{font-size:2.15rem;line-height:1.15}
.schedule-card-heading>.icon{width:23px;height:23px;color:var(--blue-light)}
.schedule-time{margin:32px 0 23px;display:flex;flex-direction:column;gap:8px}
.schedule-time time{font-family:var(--display);font-size:4.25rem;line-height:1;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.schedule-time>span{font-size:.875rem;color:#bbcee6}
.schedule-games{padding-top:21px;border-top:1px solid #33445d;font-size:1rem;color:#dce9f9;line-height:1.7}
.schedule-offdays{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 0;margin-top:27px;border-bottom:1px solid var(--line)}
.schedule-offdays .eyebrow{margin-bottom:12px;color:#a8b9cf}
.schedule-offdays h3{font-size:1.9rem;line-height:1.3;margin-bottom:10px}
.schedule-offdays p{font-size:.9375rem}
.schedule-offdays>.button{flex-shrink:0}
.schedule-watch{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:30px}
.schedule-watch>p{color:#d0dded;font-size:1rem}
.home-schedule-link{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:23px}
.home-schedule-link p{font-size:.9375rem;line-height:1.9}
.home-schedule-link .text-link{flex-shrink:0}
.stream-poster-schedule:after{background:linear-gradient(90deg,#0003,transparent 42%)}
.stream-poster-schedule .poster-play{left:23%;top:56%}
.stream-poster-schedule .poster-label{max-width:33%;line-height:1.7;text-shadow:0 2px 5px #000;letter-spacing:.06em}
@media(max-width:1190px){.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-card{padding:27px}.schedule-card-heading h3{font-size:2.3rem}.schedule-time{margin-top:26px}.footer-bottom{flex-wrap:wrap}.footer-bottom nav{flex-wrap:wrap;gap:15px 22px}}
@media(min-width:701px) and (max-width:950px){.header-inner>.brand{width:130px}.main-nav{gap:13px}.schedule-watch{align-items:flex-start;flex-direction:column}.schedule-offdays{gap:25px}.schedule-offdays>.button{max-width:240px}.schedule-intro h1{font-size:4.3rem}}
@media(max-width:700px){.schedule-intro{padding-bottom:30px}.schedule-intro>.eyebrow{font-size:.75rem}.schedule-intro h1{font-size:clamp(3.45rem,11.5vw,4.6rem)}.schedule-lineup{padding-top:47px}.schedule-lineup .section-heading h2{font-size:2.9rem}.schedule-timezone{text-align:left;align-items:flex-start;margin-top:22px;flex-direction:row;flex-wrap:wrap;gap:8px 22px}.schedule-grid{gap:15px}.schedule-card{padding:22px 20px}.schedule-card-heading h3{font-size:1.9rem}.schedule-card-heading>.icon{width:21px;height:21px}.schedule-time time{font-size:3.5rem}.schedule-time{margin:26px 0 19px}.schedule-games{padding-top:18px;font-size:.9375rem}.schedule-offdays{align-items:flex-start;flex-direction:column;gap:23px;padding:25px 0 29px;margin-top:19px}.schedule-offdays h3{font-size:1.8rem}.schedule-watch{flex-direction:column;align-items:flex-start;gap:20px}.home-schedule-link{align-items:flex-start;flex-direction:column;gap:12px;margin-top:20px}.stream-poster-schedule .poster-play{width:48px;height:48px;box-shadow:0 0 0 7px #0588ff20}.stream-poster-schedule .poster-label{max-width:33%;font-size:.75rem;line-height:1.35;bottom:12px;left:12px;letter-spacing:0}.player-note span a{display:inline;margin:0}}
@media(max-width:500px){.schedule-grid{grid-template-columns:1fr}.schedule-card{padding:25px}.schedule-card-heading h3{font-size:2.25rem}.schedule-time{flex-direction:row;align-items:baseline;gap:15px}.schedule-time time{font-size:3.8rem}.schedule-games{font-size:1rem}.stream-poster-schedule .poster-play{width:42px;height:42px;top:50%}.stream-poster-schedule .poster-play .icon{width:23px;height:23px}.stream-poster-schedule .poster-label{max-width:36%;font-size:.75rem}}
/* MHQ SMP connection cards share the stream's charcoal and electric-blue palette. */
.home-minecraft{padding-block:78px 72px;border-block:1px solid #2e4664;background:radial-gradient(ellipse at 12% 0%,#102b49 0%,#0d1725 45%,#0b121e 100%)}
.home-minecraft .section-heading h2 em{color:var(--blue-light)}
.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.server-card{min-width:0;padding:31px 32px 19px;border:1px solid #355575;border-top:3px solid #0588ff;border-radius:7px;background:linear-gradient(145deg,#172a41,#101925 75%)}
.server-card-bedrock{border-top-color:#86b8ec;background:linear-gradient(145deg,#1a293e,#101925 75%)}
.server-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.server-card-heading h2,.server-card-heading h3{font-size:2.75rem;line-height:1.15}
.server-card-heading h2 span,.server-card-heading h3 span{color:#97abc3;font-weight:600;font-size:.65em}
.server-card-heading>.icon{width:28px;height:28px;color:var(--blue-light)}
.server-details{margin:27px 0 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;border-block:1px solid #34465e;padding-block:22px}
.server-details dt{font-size:.875rem;color:#a9bcd4;margin-bottom:8px}
.server-details dd{margin:0;color:#eef6ff;font-size:1.0625rem;font-weight:500}
.server-details code{font-family:var(--body);overflow-wrap:anywhere;user-select:all}
.server-port{padding-left:23px;border-left:1px solid #34465e}
.server-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.server-copy{font-size:.875rem;min-height:48px;padding:12px 20px}
.server-copy-port{padding:11px 0;background:none;border:0;border-bottom:1px solid #6b97c4;color:#c2dcf8;font-size:.875rem;font-weight:600;line-height:1.4}
.server-copy-port:hover{color:#fff;border-color:var(--blue-light)}
.server-copy-status{min-height:24px;margin-top:12px;color:#b8d9f8;overflow-wrap:anywhere;font-size:.875rem}
.home-mhq-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:27px}
.home-mhq-links .community-text-link{margin:0}
.mhq-intro{padding-bottom:37px}
.mhq-intro h1{font-size:clamp(4rem,7vw,6.5rem)}
.mhq-intro p{max-width:660px}
.mhq-connect .server-card{padding-top:32px}
.mhq-instructions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px;margin-bottom:39px}
.mhq-instructions article{border-top:1px solid #34465e;padding-top:24px;min-width:0}
.mhq-instructions h3{font-size:2rem;margin-bottom:20px}
.mhq-instructions p{font-size:1rem;line-height:1.9}
.mhq-instructions strong{font-weight:500;color:#e1edff;overflow-wrap:anywhere}
.connection-example{display:block;font-family:var(--body);font-size:1rem;color:#b8dcff;background:#101d2d;border:1px solid #304c6c;padding:17px 20px;margin-top:20px;border-radius:4px;overflow-wrap:anywhere;user-select:all}
.mhq-instructions .mhq-device-note{font-size:.875rem;color:#95a9c3;margin-top:17px}
/* Floating navigation stays in view without covering the page's first content. */
html{scroll-padding-top:126px}
.site-header{position:sticky;top:14px;z-index:60;height:auto;width:min(var(--max),calc(100% - 64px));margin:14px auto 0;background:transparent;border:0}
.site-header .header-inner{position:relative;width:100%;min-height:78px;padding:10px 22px;gap:20px;background:#0c1624f5;border:1px solid #355677;border-radius:12px;box-shadow:0 12px 38px #0005,inset 0 1px 0 #70baff12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .2s,box-shadow .2s,background .2s}
.site-header.is-scrolled .header-inner{background:#0a1423f5;border-color:#367eb8;box-shadow:0 12px 38px #0008,0 0 24px #0588ff0c}
.site-header .brand{width:146px}
.site-header .main-nav{gap:3px}
.site-header .main-nav a{font-size:.875rem;padding:12px 7px;line-height:1.5;border-radius:4px;color:#b6c4d6}
.site-header .main-nav a:hover{background:#162b42;color:#fff}
.site-header .main-nav a[aria-current]{color:#fff;background:#102d49}
.site-header .main-nav a[aria-current]:after{height:2px;bottom:5px;left:7px;right:7px;width:auto;background:#43a5ff}
.site-header .header-watch{padding:10px 13px;min-height:43px;font-size:.8125rem;white-space:nowrap}
.back-to-top{position:fixed;z-index:50;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:#102c49f5;border:1px solid #459ff0;border-radius:7px;color:#fff;font-size:.875rem;font-weight:700;box-shadow:0 7px 25px #0007;backdrop-filter:blur(12px);transition:opacity .2s,transform .2s,background .2s,visibility .2s}
.back-to-top:hover{background:#075d9f}
.js-ready .back-to-top{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
.js-ready .back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}

@media(max-width:1100px){.site-header .header-watch{display:none}.site-header .menu-toggle{display:block;margin-left:auto;width:46px;height:46px;border-color:#3b6388;background:#11263d}.site-header .main-nav{display:none;position:absolute;top:calc(100% + 9px);left:-1px;right:-1px;background:#0c1727fc;padding:12px;border:1px solid #355d85;border-radius:10px;box-shadow:0 18px 38px #0008;max-height:calc(100vh - 125px);max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain}.site-header .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}.site-header .main-nav a{padding:13px 16px;font-size:1rem;min-height:48px}.site-header .main-nav a[aria-current]:after{left:4px;right:auto;width:2px;top:13px;bottom:13px;height:auto}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.server-details{grid-template-columns:1fr;gap:18px}.server-port{display:flex;align-items:baseline;gap:14px;padding-left:0;border-left:0}.server-port dt{margin:0}.server-card{padding:27px 26px 17px}}
@media(min-width:1101px){.site-header .main-nav{display:flex}.site-header .menu-toggle{display:none}}
@media(max-width:700px){html{scroll-padding-top:110px}.site-header{top:10px;width:calc(100% - 28px);margin-top:10px}.site-header .header-inner{min-height:72px;padding:8px 14px;gap:14px;border-radius:9px}.site-header .brand{width:139px}.site-header .main-nav{max-height:calc(100vh - 111px);max-height:calc(100dvh - 111px)}.home-minecraft{padding-block:55px}.server-grid{grid-template-columns:1fr;gap:19px}.server-card{padding:26px 24px 16px}.server-card-heading h2,.server-card-heading h3{font-size:2.5rem}.server-details{grid-template-columns:minmax(0,1fr) auto;gap:14px}.server-port{display:block;padding-left:18px;border-left:1px solid #34465e}.server-port dt{margin-bottom:8px}.server-details dd{font-size:1rem}.home-mhq-links{flex-direction:column;align-items:flex-start;gap:22px}.mhq-intro h1{font-size:clamp(3.6rem,11.6vw,5rem)}.mhq-instructions{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.back-to-top{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));padding:11px 16px;font-size:.875rem}}
@media(max-width:420px){.server-details{grid-template-columns:1fr;gap:17px}.server-port{display:flex;gap:13px;padding-left:0;border-left:0}.server-port dt{margin:0}.server-card{padding:25px 22px 16px}.server-actions{gap:10px 18px}.server-copy{padding-inline:17px}.home-minecraft .section-heading h2{font-size:2.7rem}}
/* A persistent soundtrack player remains outside the page content. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.music-player{position:fixed;z-index:55;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:338px;max-width:calc(100% - 48px);padding:13px 15px 11px;border:1px solid #3976ab;border-radius:9px;background:#0c1a2bef;box-shadow:0 10px 35px #0008,inset 0 1px 0 #69b6ff16;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.music-player.is-playing{border-color:#4b9de1}
.music-heading{display:flex;align-items:center;gap:10px;min-width:0}
.music-brand{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.music-track{min-width:0;flex:1}
.music-track strong{display:block;color:#eef6ff;font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45}
.music-track p{font-size:.75rem;line-height:1.5;color:#a9c4df}
.music-buttons{display:none;align-items:center;gap:5px;flex-shrink:0}
.music-buttons button{display:flex;align-items:center;justify-content:center;width:35px;height:38px;border:1px solid #365574;border-radius:5px;color:#d7eaff;background:#102940;padding:7px;line-height:1}
.music-buttons .music-play{background:#0667bd;border-color:#459fec;color:#fff;width:38px}
.music-buttons button:hover{background:#194774;border-color:#7cbbf1}
.music-buttons .icon{width:20px;height:20px}
.music-buttons span{display:flex;align-items:center;justify-content:center}
.music-player audio{display:block;width:100%;height:38px;margin-top:12px}
.music-controls{display:none}
.js-ready .music-buttons{display:flex}
.js-ready .music-player audio{display:none}
.js-ready .music-controls{display:block;margin-top:10px}
.music-timeline{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px}
.music-timeline>span{font-size:.75rem;font-variant-numeric:tabular-nums;color:#bed1e6;line-height:1.5}
.music-timeline>span:last-child{text-align:right}
.music-player input[type=range]{display:block;width:100%;min-width:0;height:20px;padding:0;margin:0;accent-color:#45a9ff;cursor:pointer;touch-action:pan-y}
.music-player input[type=range]:focus-visible{outline:2px solid #93ceff;outline-offset:4px;border-radius:2px}
.music-player input:disabled{opacity:.45;cursor:default}
.music-volume{display:flex;align-items:center;gap:10px;margin-top:3px}
.music-volume label{font-size:.875rem;color:#a8bfd7;line-height:1.5}
.music-volume input{flex:1}
.music-volume output{min-width:35px;text-align:right;font-size:.75rem;color:#a8bfd7;font-variant-numeric:tabular-nums}

main[tabindex="-1"]:focus{outline:none}
@media(max-width:600px){.music-player{left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:338px;max-width:calc(100% - 28px);padding:12px 13px 10px}.back-to-top{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 138px)}}
/* Dock the controls in the footer instead of reserving an empty band below it. */
.site-footer{padding-bottom:0}
.footer-top{display:grid;grid-template-columns:338px minmax(0,1fr) auto;align-items:center;gap:34px;padding-bottom:28px}
.footer-identity{display:flex;align-items:center;gap:25px;min-width:0}
.footer-identity p{margin:0;font-size:.875rem}
.footer-top>.social-icons{justify-self:end;gap:22px}
.footer-player-slot{position:relative;width:338px;max-width:100%;height:120px}
.footer-back-to-top-slot{position:relative;width:120px;height:48px;flex:0 0 120px}
.footer-bottom{align-items:center;padding-block:18px;gap:20px}
.footer-bottom nav{flex-wrap:wrap;gap:14px 21px}
.music-player.is-footer-docked{position:absolute;top:0;right:auto;bottom:auto;left:0;width:100%;max-width:100%}
.back-to-top.is-footer-docked{position:absolute;inset:0;width:100%;min-height:48px;transform:none}
.js-ready .back-to-top.is-footer-docked{opacity:1;visibility:visible;pointer-events:auto;transform:none}
html:not(.js-ready) .footer-player-slot .music-player,html:not(.js-ready) .footer-back-to-top-slot .back-to-top{position:static;width:100%;max-width:100%}
@media(max-width:1190px){.footer-identity{flex-direction:column;align-items:flex-start;gap:13px}.footer-top{gap:27px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:1000px){.footer-top{grid-template-columns:minmax(0,1fr) auto;gap:26px}.footer-identity{order:0}.footer-top>.social-icons{order:1}.footer-player-slot{order:2;grid-column:1/-1}.footer-identity{flex-direction:row;align-items:center;gap:22px}.footer-back-to-top-slot{margin-left:auto}}
@media(max-width:700px){.footer-top{grid-template-columns:1fr;gap:23px;padding-bottom:26px}.footer-identity{flex-direction:row;align-items:center;gap:21px}.footer-identity p{font-size:.875rem}.footer-top>.social-icons{justify-self:start;grid-column:auto}.footer-player-slot{grid-column:1;width:338px;max-width:100%}.footer-bottom{padding-block:16px;gap:16px}.footer-bottom nav{width:100%;order:1;gap:13px 19px}.footer-back-to-top-slot{order:2;margin-left:0}.footer-bottom>span:first-child{order:2;margin-right:auto}}
@media(max-width:380px){.footer-identity{flex-direction:column;align-items:flex-start;gap:14px}}

/* Search-friendly navigation and the branded return-to-top control. */
.hero-page-links{display:flex;flex-wrap:wrap;gap:12px 23px;margin-top:21px;font-size:.875rem}
.hero-page-links a,.not-found-links a{color:var(--blue-light);text-decoration:underline;text-underline-offset:4px}
.hero-page-links a:hover,.not-found-links a:hover{color:#fff}
.breadcrumbs{padding-top:25px;font-size:.875rem;color:#91a4ba}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:11px;list-style:none;margin:0;padding:0}
.breadcrumbs li+li::before{content:'/';color:#526c86;margin-right:11px}
.breadcrumbs a{color:#bdd6ef;text-underline-offset:4px}
.breadcrumbs a:hover{text-decoration:underline}
.back-to-top{width:56px;height:56px;min-height:56px;padding:0;border-radius:15px 6px 15px 6px;background:linear-gradient(145deg,#153b61,#0b192b);border-color:#4aabff;box-shadow:0 7px 25px #0007,inset 0 0 0 3px #0b192b}
.back-to-top:hover{background:linear-gradient(145deg,#075eaa,#123957);border-color:#a2d5ff}
.back-to-top:focus-visible{outline:3px solid #c6e7ff;outline-offset:5px}
.back-to-top-icon{width:32px;height:32px;stroke-linecap:square;stroke-linejoin:miter;transition:transform .2s}
.top-icon-cap{stroke:#78c4ff;stroke-width:1.5}
.top-icon-arrow{stroke:#edf8ff;stroke-width:2.6}
.top-icon-trail{stroke:#298fee;stroke-width:2}
.back-to-top:hover .back-to-top-icon{transform:translateY(-2px)}
.footer-back-to-top-slot{width:56px;height:56px;flex-basis:56px}
.back-to-top.is-footer-docked{height:56px;min-height:56px}
.not-found{text-align:center;padding-top:clamp(35px,6vw,85px);padding-bottom:clamp(65px,8vw,105px);max-width:850px}
.not-found-code{font-family:var(--heading-font,'Barlow Condensed',Impact,sans-serif);font-size:clamp(8rem,23vw,16rem);font-weight:800;font-style:italic;letter-spacing:.045em;line-height:.9;color:#e3f2ff;text-shadow:5px 5px 0 #102b47;margin:0 0 29px;padding-right:.05em}
.not-found-code span{color:#3e9fff;text-shadow:5px 5px 0 #0d345e}
.not-found>.eyebrow{justify-content:center;margin-bottom:17px}
.not-found h1{font-size:clamp(2.7rem,7vw,4.6rem);line-height:1.1;margin-bottom:22px}
.not-found>p{max-width:550px;margin:0 auto;line-height:1.8}
.not-found-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:30px 0 25px}
.not-found .not-found-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 13px;font-size:.875rem}
@media(max-width:700px){.breadcrumbs{padding-top:20px}.hero-page-links{margin-top:19px}.not-found{padding-top:45px}.not-found-actions .button{font-size:.9rem}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* ---------- MHQ additions ---------- */
body{background:radial-gradient(circle at 82% -12%,#0c2d4a55 0,transparent 34%),var(--bg)}
body[data-theme="mrhoid"]{--blue:#ffb70a;--blue-light:#ffd05c;--gold:#00c9ff;--gold-light:#76e6ff}
body[data-theme="melody"]{--blue:#d9789c;--blue-light:#f1a8c0;--gold:#e9b26b;--gold-light:#ffd39c;background:radial-gradient(circle at 82% -12%,#4a1c3155 0,transparent 34%),var(--bg)}
body[data-theme="snackalot"]{--blue:#0588ff;--blue-light:#45a9ff;--gold:#ffc43d;--gold-light:#ffe17c}
body[data-theme="minecraft"]{--blue:#35c785;--blue-light:#7fe6ac;--gold:#ffc43d;--gold-light:#ffe17c;background:radial-gradient(circle at 82% -12%,#17402b55 0,transparent 34%),var(--bg)}
.site-header{position:sticky;top:14px;background:transparent;transition:none}
.site-header.is-scrolled{box-shadow:none;border-color:transparent}.brand{width:156px}.brand img{max-height:68px;object-fit:contain}
.header-watch{border-color:#0db7ed;background:#089fda}.main-nav{gap:28px}.main-nav a[aria-current]:after{background:linear-gradient(90deg,var(--blue),var(--gold))}
.mhq-kicker{color:var(--gold)}.gold{color:var(--gold)!important}.accent-rule{height:2px;background:linear-gradient(90deg,var(--blue),var(--gold),transparent);width:180px;margin-top:18px}
.hero-mhq .portrait{background:radial-gradient(circle at 50% 45%,#123553 0,#0b1624 46%,#05090f 100%)}
.hero-logo-card{position:absolute;inset:0;display:grid;place-items:center;padding:10%;overflow:hidden}.hero-logo-card:before{content:'';position:absolute;width:510px;height:510px;border-radius:50%;border:1px solid #32cfff33;box-shadow:0 0 80px #00bdf222,inset 0 0 60px #ffc43d12}.hero-logo-card img{width:88%;position:relative;z-index:2;filter:drop-shadow(0 18px 35px #000b)}
.hero-logo-caption{position:absolute;bottom:28px;left:30px;right:30px;z-index:3;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.13em;color:#c3d5e8}.hero-sticker.gold-sticker{background:var(--gold);color:#07111d;box-shadow:0 6px 0 #8d6213}
.game-strip span:nth-child(even) .icon{color:var(--gold)}
.member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.member-card{position:relative;background:linear-gradient(145deg,#101c2a,#0b111a);border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0;transition:transform .25s,border-color .25s}.member-card:hover{transform:translateY(-6px);border-color:#3a7096}.member-card-image{aspect-ratio:1/1;position:relative;overflow:hidden;background:#0a111b}.member-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.member-card:hover .member-card-image img{transform:scale(1.035)}.member-card-image.contain img{object-fit:contain;padding:12%}.member-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 56%,#09101bec)}.member-role{position:absolute;left:18px;bottom:14px;z-index:2;font-size:.64rem;letter-spacing:.12em;font-weight:800;color:var(--blue-light)}.member-card-body{padding:22px}.member-card h3{font-size:2.25rem}.member-card p{font-size:.83rem;line-height:1.7;margin:10px 0 18px}.member-card .text-link{font-size:.78rem}.member-card.member-gold .member-role,.member-card.member-gold .text-link{color:var(--gold)}
.squad-intro{max-width:760px}.section-copy{max-width:700px;font-size:1rem;line-height:1.85}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.metric{padding:22px;border:1px solid var(--line);background:#0d1520;border-radius:5px}.metric strong{font-family:var(--display);font-size:2.4rem;color:#fff;display:block}.metric span{font-size:.68rem;letter-spacing:.12em;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:30px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(135deg,#101b2a,#0b111a);min-height:230px;position:relative;overflow:hidden}.feature-card:after{content:'';position:absolute;left:30px;right:30px;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--gold))}.feature-card .feature-number{font-family:var(--display);font-size:.75rem;letter-spacing:.15em;color:var(--blue-light)}.feature-card h3{margin:28px 0 13px;font-size:2.25rem}.feature-card p{font-size:.88rem;line-height:1.75}.feature-card .icon-badge{width:44px;height:44px;border:1px solid #30445a;display:grid;place-items:center;border-radius:4px;color:var(--gold);margin-bottom:22px;font-weight:900}
.member-hero .portrait-image{width:100%;height:100%;left:0;top:0;object-fit:cover}.member-hero .portrait-image.contain{object-fit:contain;padding:11%;background:radial-gradient(circle,#16314c,#09121e 60%)}.member-hero.melody-hero .portrait-image{object-position:50% 20%}.member-hero .portrait-caption strong{font-size:3rem}.theme-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:3px;font-size:.67rem;letter-spacing:.12em;font-weight:800;color:#dce8f5;margin-bottom:18px}.theme-badge:before{content:'';width:8px;height:8px;background:var(--blue);box-shadow:0 0 10px var(--blue)}
.social-link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.social-chip{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:#0d1520;padding:10px 13px;border-radius:4px;font-size:.8rem;font-weight:700;color:#dce6f2}.social-chip:hover{border-color:var(--blue);color:#fff;transform:translateY(-2px)}
.stream-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:24px}.twitch-player{min-height:390px;background:#080d15;border:1px solid #2b3d52;border-radius:6px;overflow:hidden;position:relative}.twitch-player iframe{width:100%;height:100%;min-height:390px;border:0}.player-fallback{height:100%;min-height:390px;display:grid;place-items:center;text-align:center;padding:36px;background:radial-gradient(circle at 50% 40%,#153552,#09111c 60%)}.player-fallback h3{font-size:2.8rem;margin-bottom:12px}.player-fallback p{max-width:400px;margin:0 auto 22px}.stream-side{display:flex;flex-direction:column;gap:18px}.info-panel{border:1px solid var(--line);background:#0d1520;border-radius:5px;padding:25px}.info-panel h3{font-size:1.75rem;margin-bottom:10px}.info-panel p{font-size:.86rem;line-height:1.7}.info-panel .button{margin-top:18px;width:100%}
.schedule-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.schedule-day{padding:20px 14px;min-height:190px;border:1px solid var(--line);background:linear-gradient(180deg,#101a29,#0a1119);border-radius:5px;position:relative;overflow:hidden}.schedule-day:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--day,#00bdf2)}.schedule-day .day{font-size:.62rem;letter-spacing:.12em;color:#9daabd;font-weight:800}.schedule-day h3{font-size:2rem;margin:22px 0 8px}.schedule-day p{font-size:.78rem;line-height:1.55}.schedule-day.off{filter:saturate(.2);opacity:.72}.schedule-note{margin-top:18px;font-size:.82rem}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{min-height:230px;border:1px solid var(--line);border-radius:5px;background:#0d1520;overflow:hidden;display:flex;flex-direction:column}.video-thumb{aspect-ratio:16/9;background:radial-gradient(circle at 70% 20%,#173c5f,#09111d 65%);display:grid;place-items:center;position:relative}.video-thumb:after{content:'▶';display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--blue);color:white;font-size:1.25rem;box-shadow:0 8px 24px #0008}.video-card-body{padding:20px}.video-card h3{font-size:1.75rem}.video-card p{font-size:.82rem;margin-top:8px}.video-card:hover{border-color:var(--blue)}
.youtube-playlist{aspect-ratio:16/9;width:100%;border:1px solid var(--line);border-radius:6px;overflow:hidden}.youtube-playlist iframe{width:100%;height:100%;border:0}
.server-hero-icon{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#163f2a,#08120e 62%)}.server-hero-icon img{width:48%;image-rendering:pixelated;filter:drop-shadow(0 20px 30px #000)}.address-stack{display:grid;gap:12px;margin-top:24px}.address-card{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--line);background:#0c151f;padding:16px 18px;border-radius:4px}.address-card strong{font-family:var(--display);font-size:1.45rem}.address-card span{font-size:.72rem;letter-spacing:.1em;color:var(--muted)}.copy-btn{border:1px solid #38516a;background:transparent;color:#fff;border-radius:4px;padding:8px 11px;font-size:.75rem;font-weight:800}.copy-btn:hover{border-color:var(--blue);color:var(--blue-light)}
.server-status{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.11em;color:#a8b6c6}.server-status:before{content:'';width:8px;height:8px;border-radius:50%;background:#47d990;box-shadow:0 0 12px #47d990}.quest-band{background:linear-gradient(90deg,#0c1923,#0d1b22);border-block:1px solid #203547}.quest-band .container{padding-block:54px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.quest-band h2{font-size:3rem}.quest-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quest-list span{border:1px solid #2a4056;background:#0a131d;padding:12px 6px;text-align:center;font-family:var(--display);font-weight:700;color:#d8e5f1}
.game-library{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.library-card{padding:28px;border:1px solid var(--line);border-radius:5px;background:#0d1520;min-height:220px;position:relative;overflow:hidden}.library-card:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--blue),var(--gold))}.library-card h3{font-size:2.6rem;margin:22px 0 12px}.library-card p{font-size:.84rem;line-height:1.7}.player-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.player-tags span{padding:6px 9px;border:1px solid #304257;border-radius:3px;font-size:.68rem;font-weight:800;color:#d9e5f1}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{padding:30px;border:1px solid var(--line);background:#0d1520;border-radius:5px}.contact-card h3{font-size:2.35rem;margin-bottom:8px}.contact-card p{font-size:.86rem;line-height:1.7}.contact-card .button{margin-top:22px;width:100%}.contact-card .social-link-row{margin-top:12px}.contact-card .social-chip{flex:1;justify-content:center}
.no-links{padding:24px;border:1px dashed #304158;border-radius:5px;color:#93a3b5;font-size:.84rem;background:#0a1119}.logo-wall{display:grid;place-items:center;padding:56px;border:1px solid var(--line);background:radial-gradient(circle,#14314b,#09111a 68%);border-radius:6px}.logo-wall img{max-width:620px;filter:drop-shadow(0 20px 34px #0009)}
.music-brand{object-fit:contain}.music-track strong{white-space:nowrap}.footer-identity .brand{width:160px}.footer-identity .brand img{max-height:80px}.footer-handle{color:var(--gold)}

.mhq-toast{position:fixed;right:20px;bottom:22px;z-index:10000;background:#0d1724;border:1px solid #2c5777;color:#fff;padding:13px 16px;border-radius:4px;box-shadow:0 12px 40px #0009;font-size:.78rem;font-weight:800;letter-spacing:.08em;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.mhq-toast.show{opacity:1;transform:none}.squad-mode{animation:squadPulse 1.6s ease both}@keyframes squadPulse{0%,100%{filter:none}40%{filter:saturate(1.35) brightness(1.08)}}
@media(max-width:1200px){.member-grid{grid-template-columns:repeat(3,1fr)}.schedule-grid{grid-template-columns:repeat(4,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.main-nav{gap:19px}}
@media(max-width:900px){.member-grid,.feature-grid,.game-library,.video-grid,.metrics{grid-template-columns:1fr 1fr}.stream-grid{grid-template-columns:1fr}.schedule-grid{grid-template-columns:repeat(2,1fr)}.quest-band .container{grid-template-columns:1fr}.quest-list{grid-template-columns:repeat(5,1fr)}}
@media(max-width:640px){.member-grid,.feature-grid,.game-library,.video-grid,.metrics,.contact-grid,.schedule-grid{grid-template-columns:1fr}.quest-list{grid-template-columns:repeat(2,1fr)}.address-card{align-items:flex-start;flex-direction:column}.member-card-image{aspect-ratio:16/11}.hero-logo-card img{width:95%}}


/* ---- MHQ refresh fixes ---- */
.footer-grid{display:grid;grid-template-columns:1.2fr .95fr 1.05fr;gap:26px;align-items:start}.site-footer .footer-top{display:grid;justify-content:initial;padding-bottom:30px}.site-footer .footer-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d1723,#0a111a);border-radius:7px;padding:24px 24px 22px;min-height:100%}.site-footer .footer-links nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:14px}.site-footer .footer-links a{color:#d8e7f8;font-weight:600}.site-footer .footer-server p{margin-top:14px;line-height:1.8;font-size:.92rem}.site-footer .footer-server-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .footer-handle{font-size:.78rem;letter-spacing:.12em;color:#c2d8f0;font-weight:800}.footer-identity{display:flex;flex-direction:column;gap:16px;padding-right:14px}.footer-identity .brand{width:170px}.footer-identity p{font-size:.94rem;line-height:1.7;max-width:360px}.cta-inner{padding-block:56px;display:grid;justify-items:center;gap:20px;text-align:center}.cta-action{margin-right:0;display:grid;justify-items:center}.cta-action p{max-width:700px;margin-bottom:18px}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.cta-mark{display:none}.member-card-image.melody-home img{object-position:center 12%;transform:scale(.94)}.member-card-image.melody-home:after{background:linear-gradient(transparent 52%,#09101bec)}.member-card-image img[src$="snackalot-icon.webp"]{object-fit:cover}.video-embed-card{min-height:unset}.video-embed{position:relative;aspect-ratio:16/9;background:#07101a}.video-embed iframe{width:100%;height:100%;border:0;display:block}.video-grid{align-items:start}.schedule-day p{line-height:1.55}.server-hero-icon img{width:62%;image-rendering:auto}.address-card strong{word-break:break-word}.copy-btn,.button[data-copy]{white-space:nowrap}.music-player{left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));position:fixed}.music-player audio{display:none}.back-to-top{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 138px)}@media(max-width:1100px){.footer-grid{grid-template-columns:1fr;gap:18px}.site-footer .footer-links nav{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .footer-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:700px){.site-footer .footer-links nav{grid-template-columns:repeat(2,minmax(0,1fr))}.music-player{left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100% - 28px)}.back-to-top{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 132px)}.cta-inner h2{font-size:3rem}.address-card{flex-direction:column;align-items:flex-start}.address-card .copy-btn{align-self:flex-start}}


/* ---- Revision 3: layout, media, footer and server fixes ---- */
.member-card-image.melody-home img{object-fit:cover;object-position:center 18%;transform:scale(.82)}
.member-card:hover .member-card-image.melody-home img{transform:scale(.86)}
.melody-portrait-fit{object-fit:contain!important;width:86%!important;height:92%!important;left:7%!important;top:4%!important}
.server-hero-icon img{width:64%;max-width:520px;image-rendering:auto!important;filter:drop-shadow(0 18px 30px #0008)}
.logo-wall img[src$="minecraft-server-icon.webp"]{width:min(340px,72%);height:auto;image-rendering:auto!important}
.address-card{padding:18px 20px;gap:24px}.address-card>div{min-width:0}.address-card strong{font-size:1.35rem;line-height:1.15;overflow-wrap:anywhere}.copy-btn{padding:11px 14px;min-height:44px;white-space:nowrap}.contact-card [data-copy]{margin-top:18px}
.youtube-recent .video-grid{align-items:stretch}.youtube-player-card{min-height:0}.youtube-poster{position:relative;aspect-ratio:16/9;overflow:hidden;background:#08111c}.youtube-poster>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s,filter .35s}.youtube-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000000a,#0209135c 70%,#0209139e);pointer-events:none}.youtube-poster:hover>img{transform:scale(1.025);filter:brightness(.82)}.youtube-play-button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:1px solid #94d3ff;background:#0588fff0;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 12px #0588ff21,0 15px 32px #0008;cursor:pointer}.youtube-play-button span{font-size:1.65rem;line-height:1;margin-left:4px}.youtube-play-button small{position:absolute;top:88px;font:800 .64rem/1 var(--body);letter-spacing:.16em;color:#fff;text-shadow:0 2px 8px #000}.youtube-poster iframe{width:100%;height:100%;border:0;display:block}.youtube-player-card .video-card-body{display:flex;flex-direction:column;align-items:flex-start;min-height:184px}.youtube-player-card .text-link{margin-top:auto;padding-top:14px}
.music-player{position:fixed!important;z-index:70;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:338px;max-width:calc(100% - 48px);transform:none!important}.site-footer{padding-bottom:18px}.footer-grid{grid-template-columns:minmax(260px,1.05fr) minmax(260px,.9fr) minmax(330px,1.15fr);align-items:stretch}.site-footer .footer-card,.footer-identity{min-height:180px}.site-footer .footer-server{display:flex;flex-direction:column}.footer-server-actions{margin-top:auto!important}.footer-bottom{min-height:64px}
.cta-band .cta-inner{max-width:900px;margin-inline:auto;padding-block:58px;grid-template-columns:1fr;justify-items:center;text-align:center}.cta-band .cta-action{display:grid;justify-items:center;width:100%;margin:0}.cta-band .cta-action p{max-width:680px;text-align:center}.cta-band .cta-actions{justify-content:center}.cta-band h2{font-size:clamp(3rem,5vw,4rem);line-height:1}.cta-band .eyebrow{justify-content:center}
@media(max-width:1050px){.footer-grid{grid-template-columns:1fr 1fr}.footer-identity{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:auto 1fr;align-items:center}.footer-identity .brand{margin:0}.melody-portrait-fit{width:92%!important;left:4%!important}}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr}.footer-identity{grid-column:auto;grid-template-columns:1fr}.music-player{left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100% - 28px)}.back-to-top{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 138px)}.youtube-play-button{width:64px;height:64px}.youtube-play-button small{top:72px}.melody-portrait-fit{width:88%!important;left:6%!important}}

/* Server address card alignment fix */
.address-stack{gap:14px}
.address-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  padding:18px 20px;
}
.address-card>div{
  min-width:0;
  display:grid;
  gap:7px;
}
.address-card span{
  display:block;
  margin:0;
  font-size:.68rem;
  line-height:1.25;
  letter-spacing:.11em;
  color:#9db4cd;
}
.address-card strong{
  display:block;
  margin:0;
  font-family:var(--display);
  font-size:1.42rem;
  line-height:1.05;
  letter-spacing:0;
  overflow-wrap:anywhere;
  color:#fff;
}
.address-card .copy-btn{
  justify-self:end;
  min-width:88px;
  min-height:42px;
  padding:10px 14px;
  white-space:nowrap;
}
@media(max-width:700px){
  .address-card{grid-template-columns:1fr;gap:14px;align-items:start}
  .address-card .copy-btn{justify-self:start}
}

/* Footer MHQ SMP connection block — compact, readable and copyable. */
.site-footer .footer-server{gap:0}
.footer-server-addresses{display:grid;gap:10px;margin-top:15px}
.footer-server-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #26394d;border-radius:5px;background:#09131e}
.footer-server-copy{min-width:0;display:grid;gap:3px}
.footer-server-copy span{font-size:.58rem;line-height:1;letter-spacing:.13em;font-weight:800;color:var(--blue-light)}
.footer-server-copy strong{min-width:0;font-family:var(--body);font-size:.79rem;line-height:1.35;font-weight:700;color:#e9f4ff;overflow-wrap:anywhere;word-break:normal}
.footer-copy-btn{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:34px;padding:0 10px;border:1px solid #3b5978;border-radius:4px;background:#0e1b29;color:#fff;font-family:inherit;font-size:.65rem;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.footer-copy-btn:hover{border-color:var(--blue-light);background:#102b44;color:#fff}
.footer-copy-btn:focus-visible{outline:2px solid var(--blue-light);outline-offset:3px}
.footer-server-link{display:inline-flex;align-items:center;width:max-content;margin-top:14px;color:#b9dbfa;font-size:.78rem;font-weight:700;border-bottom:1px solid #4985b8;padding-bottom:3px}
.footer-server-link:hover{color:#fff;border-color:#fff}
@media(max-width:420px){.footer-server-row{grid-template-columns:1fr;gap:9px}.footer-copy-btn{width:100%;min-width:0}.footer-server-copy strong{font-size:.76rem}}

/* Keep Snackalot's square emblem visually balanced with the other squad portraits. */
.member-card-image.snackalot-home{display:grid;place-items:center;background:#0a111b;padding:0}
.member-card-image.snackalot-home img{width:82%;height:82%;object-fit:contain;border-radius:18px;transform:none}
.member-card:hover .member-card-image.snackalot-home img{transform:scale(1.025)}
@media(max-width:640px){.member-card-image.snackalot-home img{width:74%;height:74%}}


/* Player badge + improved audio icons */
.music-player{overflow:visible;padding-top:18px}
.music-player-badge{position:absolute;top:-14px;left:14px;display:flex;align-items:center;justify-content:center;padding:5px 10px;background:linear-gradient(145deg,#0e2034,#0b1726);border:1px solid #3976ab;border-radius:999px;box-shadow:0 10px 20px rgba(0,0,0,.35)}
.music-player-badge img{display:block;width:44px;height:auto;object-fit:contain}
.music-buttons button{display:inline-flex;align-items:center;justify-content:center}
.music-icon-svg{width:18px;height:18px;display:block}
.music-mute [data-volume-icon],.music-mute [data-muted-icon]{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.music-mute{font-size:0}
@media(max-width:600px){.music-player-badge{top:-12px;left:12px;padding:4px 8px}.music-player-badge img{width:38px}}


/* Audio player cleanup */
.music-player-badge{display:none!important}
.music-player{padding-top:13px}
.music-mute [data-volume-icon],.music-mute [data-muted-icon]{align-items:center;justify-content:center;line-height:0}
.music-mute [hidden]{display:none!important}
.music-mute [data-volume-icon]:not([hidden]),.music-mute [data-muted-icon]:not([hidden]){display:inline-flex}
.music-icon-svg{width:20px;height:20px;display:block}

/* Footer alignment pass */
.site-footer{padding-top:48px;padding-bottom:20px}
.site-footer .footer-top.footer-grid{
  display:grid;
  grid-template-columns:minmax(250px,.92fr) minmax(300px,1fr) minmax(390px,1.15fr);
  gap:26px;
  align-items:stretch;
  padding-bottom:30px;
}
.site-footer .footer-identity,
.site-footer .footer-card{
  min-height:246px;
  border:1px solid var(--line);
  border-radius:7px;
  background:linear-gradient(145deg,#0d1723,#0a111a);
  padding:26px 28px;
}
.site-footer .footer-identity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:0;
}
.site-footer .footer-identity .brand{
  width:154px;
  margin:0 0 22px;
}
.site-footer .footer-identity .brand img{max-height:84px}
.site-footer .footer-identity p{
  margin:0;
  max-width:280px;
  font-size:.94rem;
  line-height:1.75;
}
.site-footer .footer-links,
.site-footer .footer-server{display:flex;flex-direction:column}
.site-footer .footer-links nav{margin-top:18px;gap:14px 22px}
.site-footer .footer-server-addresses{margin-top:18px}
.site-footer .footer-server-link{margin-top:auto;padding-top:2px}
.site-footer .footer-bottom{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:21px 0 21px 382px;
  border-top:1px solid var(--line);
}
.site-footer .footer-bottom>span:first-child{white-space:nowrap}
.site-footer .footer-handle{margin-left:auto;white-space:nowrap}
@media(max-width:1250px){
  .site-footer .footer-top.footer-grid{grid-template-columns:1fr 1fr}
  .site-footer .footer-identity{grid-column:1/-1;min-height:180px}
  .site-footer .footer-bottom{padding-left:0}
}
@media(max-width:760px){
  .site-footer{padding-bottom:160px}
  .site-footer .footer-top.footer-grid{grid-template-columns:1fr;gap:18px}
  .site-footer .footer-identity{grid-column:auto;min-height:190px}
  .site-footer .footer-card{min-height:auto}
  .site-footer .footer-bottom{min-height:auto;flex-direction:column;align-items:flex-start;padding:18px 0;gap:10px}
  .site-footer .footer-handle{margin-left:0;white-space:normal}
}


/* ---- Unified hero sizing: match Melody page proportions across pages ---- */
.hero,
.hero.member-hero,
.hero.hero-mhq{
  grid-template-columns:minmax(0,1fr) minmax(460px,520px);
  gap:56px;
  align-items:center;
}
.hero-content{
  max-width:560px;
  padding-top:6px;
}
.hero h1{
  font-size:clamp(4.35rem,6.2vw,5.95rem);
  line-height:.96;
  margin:26px 0 24px;
}
.hero h1 em{
  font-size:.76em;
  line-height:1.04;
}
.hero-description{
  max-width:440px;
}
.hero-visual{
  width:min(100%,520px);
  justify-self:end;
  margin-left:0;
  padding-top:0;
}
.hero .portrait{
  height:520px;
}
.member-hero .portrait-caption strong,
.hero-mhq .portrait-caption strong{
  font-size:2.7rem;
}
.member-hero .portrait-image.contain{
  padding:12%;
}
.hero-sticker{
  bottom:68px;
  right:-18px;
}
.hero-mhq .hero-logo-card{
  padding:13%;
}
.hero-mhq .hero-logo-card img{
  width:78%;
}
.hero-mhq .hero-logo-card:before{
  width:440px;
  height:440px;
}
.image-index{
  margin-top:12px;
}
@media (max-width: 1190px){
  .hero,
  .hero.member-hero,
  .hero.hero-mhq{
    grid-template-columns:minmax(0,1fr) minmax(380px,470px);
    gap:38px;
  }
  .hero h1{
    font-size:clamp(4rem,6vw,5.3rem);
  }
  .hero .portrait{
    height:490px;
  }
}
@media (max-width: 900px){
  .hero,
  .hero.member-hero,
  .hero.hero-mhq{
    grid-template-columns:1fr;
    gap:28px;
  }
  .hero-content,
  .hero-description{
    max-width:100%;
  }
  .hero-visual{
    width:min(100%,520px);
    justify-self:start;
  }
}


/* ---- Homepage typography/alignment polish ---- */
#squad .squad-section-heading{
  display:grid;
  grid-template-columns:minmax(340px,.9fr) minmax(460px,1.1fr);
  gap:88px;
  align-items:start;
  margin-bottom:44px;
}
#squad .squad-section-heading>div,
#squad .squad-section-heading>p{
  min-width:0;
}
#squad .squad-section-heading .eyebrow{
  margin-bottom:22px;
}
#squad .squad-section-heading h2{
  font-size:clamp(3.2rem,4.2vw,4rem);
  line-height:1.02;
  letter-spacing:-.02em;
}
#squad .squad-section-heading h2 em{
  display:block;
  margin-top:2px;
}
#squad .squad-section-heading .squad-intro{
  align-self:start;
  max-width:650px;
  margin:58px 0 0;
  padding:0;
  font-size:1rem;
  line-height:1.8;
  color:#b9c8dc;
}
.home-community .community-inner{
  grid-template-columns:minmax(360px,.92fr) minmax(500px,1.08fr);
  gap:92px;
  align-items:start;
}
.home-community .community-heading{
  min-width:0;
}
.home-community .community-heading .eyebrow{
  margin-bottom:24px;
}
.home-community .community-heading h2{
  font-size:clamp(2.9rem,3.5vw,3.45rem);
  line-height:1.06;
  letter-spacing:-.015em;
}
.home-community .community-heading .section-copy{
  max-width:610px;
  margin-top:26px!important;
  font-size:1rem;
  line-height:1.8;
  color:#b9c8dc;
}
.home-community .community-notes{
  padding-top:51px;
  gap:30px;
}
.home-community .community-notes article{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.home-community .community-notes .icon{
  width:24px;
  height:24px;
  margin-top:1px;
}
.home-community .community-notes h3{
  margin:0 0 9px;
  font-size:1.72rem;
  line-height:1.08;
  letter-spacing:-.01em;
}
.home-community .community-notes p{
  max-width:620px;
  font-size:.98rem;
  line-height:1.75;
  color:#aebed2;
}
@media(max-width:1050px){
  #squad .squad-section-heading{
    grid-template-columns:1fr 1fr;
    gap:52px;
  }
  #squad .squad-section-heading .squad-intro{
    margin-top:54px;
  }
  .home-community .community-inner{
    grid-template-columns:1fr 1fr;
    gap:54px;
  }
}
@media(max-width:760px){
  #squad .squad-section-heading,
  .home-community .community-inner{
    grid-template-columns:1fr;
    gap:28px;
  }
  #squad .squad-section-heading .squad-intro,
  .home-community .community-notes{
    margin-top:0;
    padding-top:0;
  }
  #squad .squad-section-heading h2{
    font-size:3rem;
  }
  .home-community .community-heading h2{
    font-size:2.75rem;
  }
}

/* ---- Site-wide typography and alignment system ---- */
:root{
  --content-copy:#b6c6da;
  --content-copy-soft:#9fb1c7;
  --section-gap:72px;
}

/* Every section title follows the same two-column rhythm. */
.section-heading,
#squad .squad-section-heading{
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);
  column-gap:var(--section-gap);
  row-gap:18px;
  align-items:start;
  margin-bottom:44px;
}
.section-heading>div,
#squad .squad-section-heading>div{
  min-width:0;
  max-width:560px;
}
.section-heading .eyebrow,
#squad .squad-section-heading .eyebrow{
  margin-bottom:20px;
}
.section-heading h2,
#squad .squad-section-heading h2{
  font-size:clamp(3rem,3.55vw,3.65rem);
  line-height:1.03;
  letter-spacing:-.018em;
  max-width:560px;
}
.section-heading>p,
.section-heading>.text-link,
#squad .squad-section-heading>.squad-intro{
  align-self:start;
  margin:50px 0 0;
  padding:0;
}
.section-heading>p,
#squad .squad-section-heading>.squad-intro{
  max-width:650px;
  font-size:1rem;
  line-height:1.78;
  color:var(--content-copy);
}
.section-heading>.text-link{
  justify-self:end;
  font-size:.9rem;
  white-space:nowrap;
}

/* Split editorial sections: columns begin on the same visual baseline. */
.community-inner,
.home-community .community-inner{
  grid-template-columns:minmax(340px,.9fr) minmax(460px,1.1fr);
  gap:var(--section-gap);
  align-items:start;
}
.community-heading,
.home-community .community-heading{
  min-width:0;
}
.community-heading .eyebrow,
.home-community .community-heading .eyebrow{
  margin-bottom:20px;
}
.community-heading h2,
.home-community .community-heading h2{
  font-size:clamp(2.9rem,3.35vw,3.45rem);
  line-height:1.04;
  letter-spacing:-.015em;
  max-width:550px;
}
.community-heading .section-copy,
.home-community .community-heading .section-copy{
  max-width:620px;
  margin:24px 0 0!important;
  font-size:1rem;
  line-height:1.78;
  color:var(--content-copy);
}
.community-notes,
.home-community .community-notes{
  padding-top:49px;
  gap:28px;
}
.community-notes article,
.home-community .community-notes article{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.community-notes .icon,
.home-community .community-notes .icon{
  width:23px;
  height:23px;
  margin:2px 0 0;
}
.community-notes h3,
.home-community .community-notes h3{
  margin:0 0 8px;
  font-size:1.68rem;
  line-height:1.08;
  letter-spacing:-.01em;
}
.community-notes p,
.home-community .community-notes p{
  max-width:620px;
  font-size:.97rem;
  line-height:1.72;
  color:var(--content-copy-soft);
}

/* Consistent card typography throughout the site. */
.feature-card h3,
.contact-card h3,
.info-panel h3,
.video-card h3,
.member-card h3{
  line-height:1.05;
  letter-spacing:-.012em;
}
.feature-card p,
.contact-card p,
.info-panel p,
.video-card p,
.member-card p{
  line-height:1.72;
  color:var(--content-copy-soft);
}
.feature-card p,
.contact-card p,
.info-panel p{
  max-width:42rem;
}

/* Schedule and media section headings use the same measured spacing. */
.community-section>.container>.section-heading{
  margin-bottom:38px;
}
.schedule-note{
  margin-top:20px;
  line-height:1.65;
  color:var(--content-copy-soft);
}
.youtube-recent .section-heading{
  margin-bottom:36px;
}

/* Minecraft editorial band uses the same left/right alignment system. */
.quest-band .container{
  grid-template-columns:minmax(320px,.85fr) minmax(440px,1.15fr);
  gap:var(--section-gap);
  align-items:start;
  padding-block:70px;
}
.quest-band .eyebrow{
  margin-bottom:20px;
}
.quest-band h2{
  font-size:clamp(3rem,3.45vw,3.55rem);
  line-height:1.03;
  letter-spacing:-.015em;
}
.quest-band .section-copy{
  max-width:600px;
  margin-top:24px!important;
  line-height:1.78;
  color:var(--content-copy);
}
.quest-list{
  padding-top:49px;
  align-content:start;
}

/* CTA text should read as a single centered composition. */
.cta-band .cta-inner{
  max-width:880px;
  gap:18px;
}
.cta-band h2{
  letter-spacing:-.015em;
}
.cta-band .cta-action p{
  max-width:650px;
  line-height:1.75;
}

/* Keep prose widths and vertical rhythm consistent in the hero areas too. */
.hero-description{
  line-height:1.78;
  color:var(--content-copy);
}

@media(max-width:1050px){
  :root{--section-gap:48px}
  .section-heading,
  #squad .squad-section-heading{
    grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);
  }
  .community-inner,
  .home-community .community-inner{
    grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);
  }
  .quest-band .container{
    grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);
  }
}

@media(max-width:760px){
  .section-heading,
  #squad .squad-section-heading,
  .community-inner,
  .home-community .community-inner,
  .quest-band .container{
    grid-template-columns:1fr;
    gap:22px;
  }
  .section-heading>p,
  .section-heading>.text-link,
  #squad .squad-section-heading>.squad-intro,
  .community-notes,
  .home-community .community-notes,
  .quest-list{
    margin-top:0;
    padding-top:0;
  }
  .section-heading>.text-link{
    justify-self:start;
  }
  .section-heading h2,
  #squad .squad-section-heading h2,
  .community-heading h2,
  .home-community .community-heading h2,
  .quest-band h2{
    max-width:none;
  }
}


/* Melody hero lockup — matched to the supplied reference */
.melody-hero .melody-lockup{
  width:max-content;
  max-width:100%;
  font-size:clamp(5rem,7.25vw,7.85rem);
  line-height:.94;
  letter-spacing:-.03em;
  margin:27px 0 28px;
}
.melody-hero .melody-lockup span{
  display:block;
  color:#f4f6fa;
  font-style:normal;
  line-height:.94;
  white-space:nowrap;
}
.melody-hero .melody-lockup em{
  display:block;
  margin-top:.22em;
  color:var(--blue-light);
  font-size:.64em;
  line-height:1;
  letter-spacing:-.02em;
  white-space:nowrap;
}
@media(max-width:950px){
  .melody-hero .melody-lockup{
    font-size:clamp(4.3rem,9.1vw,6.6rem);
  }
}
@media(max-width:700px){
  .melody-hero .melody-lockup{
    width:100%;
    font-size:clamp(4.1rem,15vw,6.1rem);
    margin:23px 0 25px;
  }
  .melody-hero .melody-lockup span,
  .melody-hero .melody-lockup em{
    white-space:normal;
  }
  .melody-hero .melody-lockup em{
    font-size:.58em;
  }
}


/* Melody hero final colors */
.melody-hero .melody-lockup .melody-accent-line{
  color:#f4f6fa;
  margin-top:.03em;
}
.melody-hero .melody-lockup em{
  color:var(--blue-light);
  margin-top:.18em;
}


/* Melody hero typography: match MrHoid/Snackalot exactly */
.melody-hero .melody-lockup{
  width:auto;
  max-width:460px;
  font-size:clamp(4.35rem,6.2vw,5.95rem);
  line-height:.96;
  letter-spacing:-.025em;
  margin:26px 0 24px;
}
.melody-hero .melody-lockup span{
  display:block;
  color:#f4f6fa;
  font-style:normal;
  font-weight:inherit;
  line-height:.96;
  letter-spacing:inherit;
  white-space:nowrap;
  margin:0;
}
.melody-hero .melody-lockup .melody-accent-line{
  color:#f4f6fa;
  margin:0;
}
.melody-hero .melody-lockup em{
  display:block;
  color:var(--blue-light);
  font-size:.76em;
  font-weight:inherit;
  line-height:1.04;
  letter-spacing:-.015em;
  white-space:nowrap;
  margin:4px 0 0;
}
@media(max-width:1190px){
  .melody-hero .melody-lockup{
    max-width:420px;
    font-size:clamp(4rem,6vw,5.3rem);
  }
}
@media(max-width:900px){
  .melody-hero .melody-lockup{
    max-width:100%;
  }
}
@media(max-width:700px){
  .melody-hero .melody-lockup{
    width:100%;
    max-width:100%;
    font-size:clamp(4rem,6vw,5.3rem);
    margin:26px 0 24px;
  }
  .melody-hero .melody-lockup span,
  .melody-hero .melody-lockup em{
    white-space:normal;
  }
  .melody-hero .melody-lockup em{
    font-size:.76em;
  }
}


/* Theme-aware community CTA bands */
body[data-theme="mhq"]{
  --cta-bg-1:#00a9dc;
  --cta-bg-2:#0864b8;
  --cta-fg:#ffffff;
  --cta-muted:#e6f8ff;
  --cta-eyebrow:#d6f7ff;
  --cta-button-bg:#ffffff;
  --cta-button-fg:#07131f;
  --cta-button-hover:#e6f6ff;
}
body[data-theme="snackalot"]{
  --cta-bg-1:#0588ff;
  --cta-bg-2:#075fc5;
  --cta-fg:#ffffff;
  --cta-muted:#e5f3ff;
  --cta-eyebrow:#cfeaff;
  --cta-button-bg:#ffffff;
  --cta-button-fg:#07131f;
  --cta-button-hover:#e6f3ff;
}
body[data-theme="melody"]{
  --cta-bg-1:#d9789c;
  --cta-bg-2:#a84f72;
  --cta-fg:#ffffff;
  --cta-muted:#fff1f6;
  --cta-eyebrow:#ffe1ec;
  --cta-button-bg:#ffffff;
  --cta-button-fg:#3a1725;
  --cta-button-hover:#fff0f5;
}
body[data-theme="mrhoid"]{
  --cta-bg-1:#ffbe1f;
  --cta-bg-2:#d89000;
  --cta-fg:#10151d;
  --cta-muted:#2b2618;
  --cta-eyebrow:#32270a;
  --cta-button-bg:#0b1420;
  --cta-button-fg:#ffffff;
  --cta-button-hover:#16263a;
}
body[data-theme="minecraft"]{
  --cta-bg-1:#35c785;
  --cta-bg-2:#1c8d5b;
  --cta-fg:#ffffff;
  --cta-muted:#e9fff5;
  --cta-eyebrow:#d7ffeb;
  --cta-button-bg:#ffffff;
  --cta-button-fg:#092319;
  --cta-button-hover:#e8fff4;
}
.cta-band{
  background:linear-gradient(135deg,var(--cta-bg-1,var(--blue)),var(--cta-bg-2,var(--blue)) 72%);
}
.cta-band:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% -30%,rgba(255,255,255,.18),transparent 44%),linear-gradient(90deg,rgba(255,255,255,.04),transparent 32%,rgba(0,0,0,.08));
}
.cta-band .cta-inner{position:relative;z-index:1}
.cta-band .eyebrow{color:var(--cta-eyebrow,#fff)}
.cta-band h2,
.cta-band h2 em{color:var(--cta-fg,#fff)}
.cta-band .cta-action p{color:var(--cta-muted,#eef7ff)}
.cta-band .button-light{
  background:var(--cta-button-bg,#fff);
  border-color:var(--cta-button-bg,#fff);
  color:var(--cta-button-fg,#091623);
}
.cta-band .button-light:hover{
  background:var(--cta-button-hover,#edf7ff);
  border-color:var(--cta-button-hover,#edf7ff);
  color:var(--cta-button-fg,#091623);
}
.discord-cta-button .icon{
  width:20px;
  height:20px;
}


/* ===== Modern creator schedules: MrHoid + Snackalot ===== */
.schedule-modern-section{
  padding:74px 0 68px;
  border-block:1px solid var(--line);
  background:#0d1520;
}
.schedule-modern-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:64px;
  align-items:end;
  margin-bottom:40px;
}
.schedule-modern-header .eyebrow{margin-bottom:18px}
.schedule-modern-header h2{
  font-size:clamp(3.1rem,4vw,4rem);
  line-height:1;
  letter-spacing:-.02em;
}
.schedule-modern-header h2 em{color:#8695a9}
.schedule-modern-header>p{
  margin:0 0 5px;
  font-size:1rem;
  line-height:1.7;
  color:#bfd0e4;
  max-width:520px;
}
.schedule-modern-grid{
  display:grid;
  gap:18px;
}
.schedule-modern-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}
.schedule-modern-grid.six-up{grid-template-columns:repeat(3,minmax(0,1fr))}
.schedule-modern-card{
  position:relative;
  min-height:285px;
  padding:28px 24px 25px;
  background:linear-gradient(145deg,#132238,#101b2d);
  border:1px solid #38516a;
  border-top:3px solid var(--blue);
  border-radius:6px;
  box-shadow:0 12px 30px rgba(0,0,0,.13);
}
body[data-theme="mrhoid"] .schedule-modern-card{border-color:#5b4922;border-top-color:var(--blue)}
body[data-theme="snackalot"] .schedule-modern-card{border-top-color:var(--blue)}
.schedule-modern-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.schedule-modern-head h3{
  font-family:var(--display);
  font-size:2rem;
  line-height:1;
  letter-spacing:-.01em;
}
.schedule-icon{
  width:25px;
  height:25px;
  color:var(--blue-light);
  flex:0 0 auto;
}
body[data-theme="mrhoid"] .schedule-icon{color:var(--blue-light)}
.schedule-time{
  margin-top:42px;
  font-family:var(--display);
  font-size:4.45rem;
  font-weight:800;
  line-height:.88;
  letter-spacing:-.025em;
  color:#f7f8fb;
}
.schedule-subtime{
  margin-top:15px;
  color:#b7c6d9;
  font-size:.92rem;
  font-weight:600;
}
.schedule-card-rule{
  height:1px;
  background:#405168;
  margin:28px 0 22px;
}
.schedule-modern-card p{
  margin:0;
  font-size:1rem;
  line-height:1.55;
  color:#d4dfec;
}
.schedule-off-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:end;
  margin-top:48px;
  padding-top:4px;
}
.schedule-off-row .eyebrow{
  display:block;
  margin-bottom:18px;
  color:#aab8ca;
}
.schedule-off-row h3{
  font-size:2rem;
  line-height:1;
  margin-bottom:14px;
}
.schedule-off-row p{
  margin:0;
  color:#9fafc1;
  font-size:.95rem;
}
.schedule-discord-button{
  min-width:225px;
  justify-content:center;
}
.schedule-discord-button .icon{width:19px;height:19px}
.schedule-modern-section .schedule-note{
  margin-top:30px;
  color:#8192a6;
  font-size:.8rem;
}
@media(max-width:1150px){
  .schedule-modern-grid.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}
  .schedule-modern-grid.six-up{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .schedule-modern-section{padding:56px 0 52px}
  .schedule-modern-header{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
  .schedule-modern-header>p{margin:0}
  .schedule-modern-grid.four-up,
  .schedule-modern-grid.six-up{grid-template-columns:1fr}
  .schedule-modern-card{min-height:0}
  .schedule-time{font-size:4rem;margin-top:34px}
  .schedule-off-row{grid-template-columns:1fr;gap:24px;margin-top:38px}
  .schedule-discord-button{width:100%;min-width:0}
}


/* MrHoid schedule accent correction: use his gold/yellow identity */
body[data-theme="mrhoid"] .schedule-modern-header .eyebrow{color:var(--blue-light)}
body[data-theme="mrhoid"] .schedule-modern-card{box-shadow:0 12px 30px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,208,92,.04)}
body[data-theme="mrhoid"] .schedule-card-rule{background:#5a4c30}


/* ===== MHQ SMP connection cards — image-2 inspired reusable system ===== */
.server-connect-modern{
  padding-block:88px;
  border-block:1px solid var(--line);
  background:#0c1420;
}
.server-connect-modern .container{width:min(var(--max),calc(100% - 112px))}
.server-connect-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,430px);
  gap:60px;
  align-items:end;
  margin-bottom:38px;
}
.server-connect-heading .eyebrow{
  margin-bottom:22px;
}
.server-connect-heading h2{
  font-size:clamp(3.4rem,4.8vw,4.8rem);
  line-height:.98;
}
.server-connect-heading h2 em{
  color:var(--blue-light);
}
.server-connect-heading>p{
  max-width:420px;
  justify-self:end;
  font-size:1rem;
  line-height:1.8;
}
.server-edition-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.server-edition-card{
  position:relative;
  min-width:0;
  padding:30px 32px 32px;
  background:linear-gradient(145deg,#132237,#101b2b);
  border:1px solid #31506f;
  border-top:3px solid var(--blue);
  border-radius:5px;
}
.server-edition-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.server-edition-title h3{
  font-size:2.65rem;
  color:#fff;
}
.server-edition-title h3 span{
  color:#8b9bb0;
  font-size:.78em;
}
.server-edition-icon{
  width:28px;
  height:28px;
  color:var(--blue-light);
}
.server-edition-details{
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px;
  gap:0;
  margin-top:28px;
  padding:24px 0;
  border-block:1px solid #33465e;
}
.server-edition-details>div{
  min-width:0;
  display:grid;
  gap:9px;
}
.server-edition-details span{
  color:#a6b7cc;
  font-size:.84rem;
}
.server-edition-details strong{
  color:#fff;
  font-family:var(--body);
  font-size:1.05rem;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.server-edition-details .server-port{
  padding-left:22px;
  border-left:1px solid #33465e;
}
.server-edition-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  margin-top:24px;
}
.server-copy-primary,
.server-copy-inline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:12px 20px;
  border:1px solid var(--blue);
  border-radius:4px;
  background:var(--blue);
  color:#fff;
  font-size:.88rem;
  font-weight:800;
  line-height:1.2;
  transition:transform .2s,filter .2s,background .2s,border-color .2s;
}
.server-copy-primary:hover,
.server-copy-inline:hover{
  transform:translateY(-2px);
  filter:brightness(1.07);
}
.server-copy-primary.is-copied,
.server-copy-inline.is-copied{
  filter:brightness(1.14);
}
.server-copy-icon{
  width:18px;
  height:18px;
}
.server-copy-link{
  min-height:42px;
  padding:9px 0 7px;
  border:0;
  border-bottom:1px solid #7695b7;
  border-radius:0;
  background:transparent;
  color:#c2d4e8;
  font-size:.86rem;
  font-weight:700;
}
.server-copy-link:hover{
  color:#fff;
  border-color:var(--blue-light);
}
.server-connect-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:25px;
}
.server-bottom-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding-bottom:5px;
  border-bottom:1px solid var(--blue);
  color:#eef6ff;
  font-size:.86rem;
  font-weight:800;
}
.server-bottom-link:hover{
  color:var(--blue-light);
}
.server-link-icon{
  width:20px;
  height:20px;
}

/* Bring the existing hero/footer server copy controls into the same visual family. */
.address-card .server-copy-inline{
  min-width:104px;
  min-height:44px;
  padding:10px 14px;
}
.footer-copy-btn.server-copy-inline{
  min-width:82px;
  min-height:36px;
  padding:8px 11px;
  background:#102338;
  border-color:#41617e;
  font-size:.7rem;
}
.footer-copy-btn.server-copy-inline:hover{
  background:#15304a;
  border-color:var(--blue-light);
}
.info-panel .server-copy-inline,
.contact-card .server-copy-inline{
  width:100%;
  margin-top:18px;
}

/* Keep general buttons aligned with the cleaner server-card language without changing creator colors. */
.button{
  border-radius:4px;
  font-weight:800;
  box-shadow:none;
}
.button:hover{
  transform:translateY(-2px);
}

@media(max-width:900px){
  .server-connect-heading{
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
  }
  .server-connect-heading>p{
    justify-self:start;
    max-width:620px;
  }
  .server-edition-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .server-connect-modern{
    padding-block:62px;
  }
  .server-connect-modern .container{
    width:calc(100% - 40px);
  }
  .server-edition-card{
    padding:24px 22px 26px;
  }
  .server-edition-title h3{
    font-size:2.25rem;
  }
  .server-edition-details{
    grid-template-columns:1fr 82px;
  }
  .server-edition-details .server-port{
    padding-left:16px;
  }
  .server-connect-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:460px){
  .server-edition-details{
    grid-template-columns:1fr;
    gap:18px;
  }
  .server-edition-details .server-port{
    padding-left:0;
    padding-top:16px;
    border-left:0;
    border-top:1px solid #33465e;
  }
  .server-edition-actions{
    align-items:stretch;
    flex-direction:column;
    gap:12px;
  }
  .server-copy-primary{
    width:100%;
  }
  .server-copy-link{
    align-self:flex-start;
  }
}


/* Minecraft hero copy-button cleanup */
body[data-theme="minecraft"] .hero .address-card{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:18px 20px;
}

body[data-theme="minecraft"] .hero .minecraft-hero-copy{
  width:224px;
  min-width:224px;
  min-height:48px;
  padding:11px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid var(--blue);
  border-radius:4px;
  background:#0e1a17;
  color:#f6fff9;
  font-family:var(--body);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:0;
  line-height:1.15;
  white-space:nowrap;
  box-shadow:none;
}

body[data-theme="minecraft"] .hero .minecraft-hero-copy .server-copy-icon{
  width:17px;
  height:17px;
  flex:0 0 auto;
  color:var(--blue-light);
}

body[data-theme="minecraft"] .hero .minecraft-hero-copy:hover{
  transform:translateY(-1px);
  background:var(--blue);
  border-color:var(--blue);
  color:#06130d;
  filter:none;
}

body[data-theme="minecraft"] .hero .minecraft-hero-copy:hover .server-copy-icon{
  color:#06130d;
}

body[data-theme="minecraft"] .hero .minecraft-hero-copy.is-copied{
  background:var(--blue);
  border-color:var(--blue);
  color:#06130d;
}

@media(max-width:700px){
  body[data-theme="minecraft"] .hero .address-card{
    grid-template-columns:1fr;
    align-items:start;
  }
  body[data-theme="minecraft"] .hero .minecraft-hero-copy{
    width:100%;
    min-width:0;
  }
}


/* --- 2026-10-12: navigation + home hero polish --- */
.site-header .brand{width:154px}
.site-header .header-inner{padding:10px 24px 10px 20px;gap:22px;border-color:#37608a;box-shadow:0 14px 42px #0006,inset 0 1px 0 #7bc6ff14}
.site-header .main-nav{gap:5px;flex:1;justify-content:center}
.site-header .main-nav a{font-size:.9rem;padding:12px 10px}
.site-header .main-nav a:hover{background:#14273d}
.site-header .header-watch.header-watch-server{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;min-height:44px;border-color:#0da9e7;background:linear-gradient(180deg,#0aa6ea,#078bd3);font-size:.8rem;letter-spacing:.01em}
.site-header .header-watch.header-watch-server .server-icon{width:17px;height:17px;flex:0 0 auto}
.site-header .header-watch.header-watch-server span{display:inline-block}
.site-header .header-watch.header-watch-server:hover{filter:brightness(1.06);transform:translateY(-1px)}
.hero-home-upgraded{gap:48px;align-items:center;padding-top:62px}
.hero-home-upgraded .hero-content{padding-top:8px}
.hero-home-upgraded .hero-description{max-width:500px;font-size:1.04rem;line-height:1.82}
.hero-home-upgraded .hero-actions{gap:12px;margin-top:31px}
.hero-home-upgraded .hero-actions .button{min-width:0}
.home-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;margin-top:28px}
.home-hero-links-label{font-size:.72rem;letter-spacing:.15em;color:#7d8ca1;font-weight:700}
.home-hero-link{font-size:.95rem;color:#b9c7d8;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:3px;transition:border-color .2s,color .2s}
.home-hero-link:hover{color:#fff;border-color:#48a9ff}
.hero-home-upgraded .hero-visual{margin-left:0;padding-top:0}
.home-hero-note{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 14px 8px}
.home-hero-note span{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #355575;border-radius:999px;background:#0d1827;color:#c9d6e4;font-size:.63rem;font-weight:700;letter-spacing:.14em}
.hero-home-upgraded .portrait{height:590px;background:radial-gradient(circle at 52% 34%,#173456 0%,#0d1d32 44%,#09111c 100%);border-color:#336288;box-shadow:0 22px 60px #0006}
.hero-home-upgraded .portrait:before{content:'';position:absolute;inset:38px 52px;border:1px solid rgba(71,140,202,.22);border-radius:50%;pointer-events:none}
.hero-home-upgraded .hero-logo-card{position:absolute;inset:104px 106px 112px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-home-upgraded .hero-logo-card img{width:58%;max-width:290px;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.38))}
.hero-home-upgraded .hero-logo-caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:20px;color:#dfeafb;font-size:.66rem;letter-spacing:.12em}
.hero-home-upgraded .hero-sticker{right:-20px;bottom:48px;transform:rotate(6deg);padding:16px 20px 14px;font-size:1.9rem;box-shadow:0 6px 0 #8a6510}
.hero-home-upgraded .hero-sticker b{font-size:2.45rem}
.hero-home-upgraded .hero-sticker span{max-width:170px;font-size:.5rem;line-height:1.35}
.hero-home-upgraded .image-index{margin-top:16px}
@media(max-width:1300px){
  .site-header .header-watch.header-watch-server span{max-width:160px;white-space:normal;line-height:1.1;text-align:left}
}
@media(max-width:1180px){
  .site-header .brand{width:146px}
  .site-header .main-nav a{font-size:.86rem;padding-inline:8px}
}
@media(max-width:1100px){
  .site-header .header-watch.header-watch-server{display:none}
}
@media(max-width:950px){
  .hero-home-upgraded{gap:26px}
  .hero-home-upgraded .hero-description{max-width:440px;font-size:.95rem}
  .home-hero-links{gap:14px 18px}
  .home-hero-link{font-size:.87rem}
  .hero-home-upgraded .portrait{height:540px}
  .hero-home-upgraded .hero-logo-card{inset:92px 86px 100px}
}
@media(max-width:700px){
  .hero-home-upgraded{padding-top:34px}
  .home-hero-links{margin-top:24px;gap:12px 16px}
  .home-hero-links-label{width:100%}
  .home-hero-link{font-size:.9rem}
  .home-hero-note{margin:0 0 12px}
  .home-hero-note span{font-size:.58rem;padding:6px 9px}
  .hero-home-upgraded .portrait{height:468px}
  .hero-home-upgraded .hero-logo-card{inset:78px 46px 88px}
  .hero-home-upgraded .hero-logo-card img{width:64%}
  .hero-home-upgraded .hero-sticker{right:-12px;bottom:40px;font-size:1.4rem;padding:12px 15px}
  .hero-home-upgraded .hero-sticker b{font-size:1.8rem}
  .hero-home-upgraded .hero-sticker span{font-size:.44rem;max-width:135px}
  .site-header .main-nav a{font-size:.98rem}
}


/* ===== Final unified hero system across every page ===== */
.hero-polished{
  grid-template-columns:minmax(0,1fr) minmax(500px,560px);
  gap:58px;
  align-items:center;
  padding-top:62px;
  padding-bottom:76px;
}
.hero-polished .hero-content{
  max-width:590px;
  padding:8px 0 4px;
}
.hero-polished .eyebrow{
  margin-bottom:24px;
}
.hero-polished h1{
  max-width:540px;
  margin:0 0 28px;
  font-size:clamp(5rem,6.35vw,6.45rem);
  line-height:.94;
  letter-spacing:-.03em;
}
.hero-polished h1 em{
  font-size:.74em;
  line-height:1.03;
}
.hero-polished .hero-description{
  max-width:510px;
  font-size:1.03rem;
  line-height:1.82;
  color:#b7c3d3;
}
.hero-polished .hero-actions{
  gap:12px;
  margin-top:30px;
}
.hero-polished .hero-actions .button{
  min-height:48px;
  padding:13px 20px;
}
.hero-polished .social-link-row{
  margin-top:16px;
  gap:10px;
}
.hero-polished .hero-visual{
  width:100%;
  max-width:560px;
  margin-left:0;
  padding-top:0;
  justify-self:end;
}
.hero-visual-note{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  min-height:32px;
  margin:0 0 14px 8px;
}
.hero-visual-note span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--blue) 42%,#38536e);
  border-radius:999px;
  background:color-mix(in srgb,var(--blue) 8%,#0d1827);
  color:#d7e2ee;
  font-size:.61rem;
  font-weight:800;
  letter-spacing:.13em;
  line-height:1;
}
.hero-polished .portrait{
  width:100%;
  height:590px;
  border-color:color-mix(in srgb,var(--blue) 52%,#355270);
  background:#0d1826;
  box-shadow:0 24px 64px rgba(0,0,0,.38),inset 0 1px 0 color-mix(in srgb,var(--blue) 16%,transparent);
}
.hero-polished .portrait:after{
  border-top-color:var(--blue);
}
.hero-polished .portrait-top{
  top:22px;
  left:22px;
  right:22px;
}
.hero-polished .portrait-caption{
  left:28px;
  right:28px;
  bottom:28px;
}
.hero-polished .portrait-caption strong{
  font-size:3rem;
  line-height:.94;
}
.hero-polished .hero-sticker{
  right:-22px;
  bottom:62px;
  min-width:165px;
  padding:17px 20px 15px;
  box-shadow:0 6px 0 color-mix(in srgb,var(--blue) 48%,#03101e);
}
.hero-polished .hero-sticker b{
  font-size:2.55rem;
}
.hero-polished .hero-sticker span{
  max-width:155px;
  font-size:.5rem;
  line-height:1.35;
}
.hero-polished .image-index{
  margin-top:14px;
  color:#7f91a8;
}
/* Brand/logo heroes use the same card dimensions as creator heroes. */
.hero-brand-polished .hero-logo-card{
  inset:0;
  padding:11%;
}
.hero-brand-polished .hero-logo-card img{
  width:68%;
  max-width:330px;
}
.hero-brand-polished .hero-logo-card:before{
  width:440px;
  height:440px;
}
/* Creator art should fill the card consistently without changing each creator's identity. */
.hero-member-polished .portrait-image{
  width:100%;
  height:100%;
  inset:0;
  object-fit:cover;
}
.hero-member-polished .portrait-image.contain{
  object-fit:contain;
  padding:12%;
}
.hero-member-polished.melody-hero .portrait-image,
.hero-member-polished .melody-portrait-fit{
  object-fit:cover!important;
  object-position:50% 18%!important;
  width:100%!important;
  height:100%!important;
  left:0!important;
  top:0!important;
  padding:0!important;
}
/* Keep Snackalot's composition focused on the character like the reference page. */
body[data-theme="snackalot"] .hero-member-polished .portrait-image{
  object-position:50% 50%;
}
/* MrHoid logo art remains contained and premium. */
body[data-theme="mrhoid"] .hero-member-polished .portrait-image.contain{
  padding:10%;
}
/* Minecraft icon/card uses the same scale as the other hero visuals. */
body[data-theme="minecraft"] .hero-polished .server-hero-icon img{
  width:66%;
  max-width:390px;
}
body[data-theme="minecraft"] .hero-polished .address-stack{
  max-width:520px;
  margin-top:24px;
}
body[data-theme="minecraft"] .hero-polished .address-card{
  padding:16px 18px;
}
/* Contact/home logo hero gets a cleaner centered composition. */
body[data-theme="mhq"] .hero-brand-polished .portrait{
  background:radial-gradient(circle at 50% 42%,#17385b 0%,#0e2035 45%,#08111c 100%);
}
/* Melody lockup follows the same overall heading block width/scale while preserving its wording. */
.hero-polished.melody-hero .melody-lockup{
  max-width:540px;
  margin:0 0 28px;
  font-size:clamp(5rem,6.35vw,6.45rem);
  line-height:.94;
}
.hero-polished.melody-hero .melody-lockup span{
  line-height:.94;
}
.hero-polished.melody-hero .melody-lockup em{
  margin-top:8px;
  font-size:.74em;
  line-height:1.03;
  color:#f1a8c0;
}
@media(max-width:1250px){
  .hero-polished{
    grid-template-columns:minmax(0,1fr) minmax(440px,510px);
    gap:42px;
  }
  .hero-polished h1,
  .hero-polished.melody-hero .melody-lockup{
    font-size:clamp(4.4rem,5.8vw,5.5rem);
  }
  .hero-polished .portrait{
    height:540px;
  }
}
@media(max-width:1050px){
  .hero-polished{
    grid-template-columns:1fr;
    gap:30px;
  }
  .hero-polished .hero-content,
  .hero-polished .hero-description{
    max-width:620px;
  }
  .hero-polished .hero-visual{
    justify-self:start;
    max-width:560px;
  }
  .hero-polished .portrait{
    height:540px;
  }
}
@media(max-width:700px){
  .hero-polished{
    padding-top:36px;
    padding-bottom:48px;
    gap:28px;
  }
  .hero-polished h1,
  .hero-polished.melody-hero .melody-lockup{
    max-width:100%;
    font-size:clamp(4rem,14vw,5.2rem);
  }
  .hero-polished .hero-description{
    font-size:.95rem;
  }
  .hero-visual-note{
    margin-left:0;
    margin-bottom:12px;
  }
  .hero-visual-note span{
    font-size:.56rem;
    padding:6px 8px;
  }
  .hero-polished .portrait{
    height:470px;
  }
  .hero-polished .hero-sticker{
    right:-12px;
    bottom:44px;
    min-width:140px;
    padding:13px 15px;
  }
  .hero-polished .hero-sticker b{
    font-size:2rem;
  }
  .hero-polished .hero-sticker span{
    font-size:.44rem;
  }
}

/* --- 2026-10-12: denser brand/logo hero cards for home + contact --- */
.hero-brand-polished .hero-visual{
  max-width:520px;
}
.hero-brand-polished .portrait{
  height:540px;
  background:radial-gradient(circle at 50% 34%,#1b4369 0%,#12263d 42%,#08111c 100%);
  box-shadow:0 24px 64px rgba(0,0,0,.42),inset 0 1px 0 rgba(123,198,255,.14);
}
.hero-brand-polished .portrait:before{
  content:'';
  position:absolute;
  inset:18px;
  border:1px solid rgba(81,154,221,.18);
  border-radius:20px 20px 90px 20px;
  pointer-events:none;
}
.hero-brand-polished .hero-logo-card{
  position:absolute;
  inset:28px 28px 74px;
  padding:0;
  display:grid;
  place-items:center;
}
.hero-brand-polished .hero-logo-card:after{
  content:'';
  position:absolute;
  inset:48px 44px 58px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(13,28,46,.9),rgba(8,20,34,.96));
  border:1px solid rgba(101,170,234,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 26px 60px rgba(0,0,0,.24);
  z-index:1;
}
.hero-brand-polished .hero-logo-card:before{
  width:360px;
  height:360px;
  border-color:rgba(74,175,255,.16);
  box-shadow:0 0 70px rgba(0,189,242,.14),inset 0 0 36px rgba(255,196,61,.08);
  z-index:0;
}
.hero-brand-polished .hero-logo-card img{
  width:min(74%,320px);
  max-width:320px;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.42));
}
.hero-brand-polished .hero-logo-caption{
  left:36px;
  right:36px;
  bottom:14px;
  padding-inline:4px;
  z-index:3;
  font-size:.62rem;
  letter-spacing:.12em;
  color:#d0deee;
}
.hero-brand-polished .hero-sticker{
  right:-14px;
  bottom:34px;
  min-width:150px;
  padding:15px 18px 14px;
  transform:rotate(5deg);
}
.hero-brand-polished .hero-sticker b{
  font-size:2.3rem;
}
.hero-brand-polished .hero-sticker span{
  max-width:140px;
}
body[data-theme="mhq"] .hero-brand-polished .hero-logo-card:after{
  background:
    linear-gradient(180deg,rgba(14,31,50,.88),rgba(8,19,33,.96)),
    radial-gradient(circle at 50% 25%,rgba(61,167,255,.09),transparent 55%);
}
@media(max-width:1250px){
  .hero-brand-polished .portrait{
    height:510px;
  }
  .hero-brand-polished .hero-logo-card{
    inset:24px 24px 68px;
  }
  .hero-brand-polished .hero-logo-card:after{
    inset:44px 38px 54px;
  }
}
@media(max-width:700px){
  .hero-brand-polished .portrait{
    height:460px;
  }
  .hero-brand-polished .hero-logo-card{
    inset:18px 18px 62px;
  }
  .hero-brand-polished .hero-logo-card:after{
    inset:36px 24px 48px;
    border-radius:22px;
  }
  .hero-brand-polished .hero-logo-card:before{
    width:280px;
    height:280px;
  }
  .hero-brand-polished .hero-logo-card img{
    width:min(76%,260px);
  }
  .hero-brand-polished .hero-logo-caption{
    left:24px;
    right:24px;
    bottom:10px;
    font-size:.56rem;
  }
  .hero-brand-polished .hero-sticker{
    right:-10px;
    bottom:26px;
    min-width:128px;
    padding:12px 14px;
  }
  .hero-brand-polished .hero-sticker b{
    font-size:1.95rem;
  }
}


/* ===== Creator-style MHQ brand hero cards: Home + Contact ===== */
.hero-brand-polished .hero-visual{
  max-width:560px;
}
.hero-brand-polished .brand-identity-portrait{
  height:590px;
  background:
    radial-gradient(circle at 50% 33%,rgba(22,91,142,.55),rgba(11,31,51,.86) 42%,#07101b 76%),
    linear-gradient(145deg,#10263c,#08111c);
  overflow:hidden;
}
.hero-brand-polished .brand-identity-portrait:before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,rgba(0,189,242,.06),transparent 32%),
    linear-gradient(315deg,rgba(255,196,61,.035),transparent 36%);
  z-index:0;
  pointer-events:none;
}
.brand-identity-grid{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.24;
  background-image:
    linear-gradient(rgba(101,177,236,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(101,177,236,.08) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25) 65%,transparent 92%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25) 65%,transparent 92%);
}
.brand-identity-orbit{
  position:absolute;
  z-index:1;
  width:390px;
  height:390px;
  left:50%;
  top:44%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(60,172,245,.24);
  border-radius:50%;
  box-shadow:
    0 0 0 34px rgba(37,132,195,.055),
    0 0 0 68px rgba(37,132,195,.028),
    0 0 84px rgba(0,189,242,.13),
    inset 0 0 64px rgba(0,189,242,.035);
}
.brand-identity-logo{
  position:absolute;
  z-index:3;
  left:50%;
  top:41%;
  transform:translate(-50%,-50%);
  width:66%;
  max-width:360px;
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.5));
}
.brand-identity-shade{
  z-index:2;
  background:
    linear-gradient(180deg,rgba(5,12,21,.12),transparent 22%,transparent 52%,rgba(4,10,18,.96) 94%),
    linear-gradient(90deg,rgba(4,13,24,.15),transparent 22%,transparent 78%,rgba(4,13,24,.22));
}
.hero-brand-polished .brand-identity-portrait .portrait-top,
.hero-brand-polished .brand-identity-portrait .portrait-caption{
  z-index:4;
}
.hero-brand-polished .brand-identity-caption{
  max-width:470px;
}
.hero-brand-polished .brand-identity-caption .small-label{
  color:#bdd7ec;
}
.hero-brand-polished .brand-identity-caption strong{
  max-width:460px;
  font-size:3rem;
  text-shadow:0 4px 18px rgba(0,0,0,.55);
}
.hero-brand-polished .brand-identity-caption .portrait-handle{
  color:#e5effc;
}
.hero-brand-polished .hero-sticker{
  right:-20px;
  bottom:68px;
  min-width:168px;
}
.hero-brand-polished .hero-visual-note{
  margin-left:0;
}
/* Home keeps MHQ gold as the sticker counter-accent. Contact remains MHQ blue. */
.hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker{
  background:var(--gold);
  color:#07111d;
  box-shadow:0 6px 0 #8d6213;
}
.hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker span{
  color:#07111d;
}
/* Remove the old empty logo-card treatment entirely for these rebuilt cards. */
.hero-brand-polished .brand-identity-portrait .hero-logo-card,
.hero-brand-polished .brand-identity-portrait .hero-logo-caption{
  display:none!important;
}
@media(max-width:1250px){
  .hero-brand-polished .brand-identity-portrait{height:540px}
  .brand-identity-orbit{width:350px;height:350px}
  .brand-identity-logo{width:64%;max-width:330px}
  .hero-brand-polished .brand-identity-caption strong{font-size:2.75rem}
}
@media(max-width:1050px){
  .hero-brand-polished .hero-visual{max-width:560px}
}
@media(max-width:700px){
  .hero-brand-polished .brand-identity-portrait{height:470px}
  .brand-identity-orbit{width:295px;height:295px;top:42%}
  .brand-identity-logo{width:66%;max-width:280px;top:39%}
  .hero-brand-polished .brand-identity-caption strong{font-size:2.45rem}
  .hero-brand-polished .hero-sticker{right:-12px;bottom:46px;min-width:140px}
}


/* ===== Mobile QA pass ===== */

/* The small brand mark inside the floating audio player was intentionally removed. */
.music-brand{
  display:none !important;
}

/* Prevent flex/grid children from forcing accidental clipping on narrow screens. */
.hero-polished .hero-content,
.hero-polished .hero-visual,
.address-card,
.address-card > div,
.server-edition-card,
.server-edition-details > div{
  min-width:0;
}

@media(max-width:700px){

  /* Header */
  .site-header .header-inner{
    padding:8px 13px;
  }
  .site-header .brand{
    width:132px;
  }

  /* General hero cleanup */
  .hero-polished{
    gap:24px;
    padding-top:32px;
    padding-bottom:44px;
  }
  .hero-polished .hero-visual{
    margin-right:0;
    width:100%;
  }
  .hero-visual-note{
    gap:7px;
    max-width:100%;
  }
  .hero-visual-note span{
    max-width:100%;
    font-size:.53rem;
    letter-spacing:.1em;
  }

  /* Keep stickers inside the mobile card instead of hanging into page content. */
  .hero-polished .hero-sticker,
  .hero-brand-polished .hero-sticker{
    right:8px;
    bottom:34px;
    transform:rotate(3deg);
  }
  .hero-polished .image-index{
    display:none;
  }

  /* Home: avoid the clipped two-button row and remove duplicated quick links. */
  .hero-home-upgraded .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:min(100%,320px);
  }
  .hero-home-upgraded .hero-actions .button{
    width:100%;
  }
  .home-hero-links{
    display:none;
  }

  /* Melody: preserve the approved three-line lockup on phones. */
  .hero-polished.melody-hero .melody-lockup,
  .melody-hero .melody-lockup{
    width:100%;
    max-width:100%;
    font-size:clamp(3rem,13.2vw,3.25rem);
    line-height:.95;
    letter-spacing:-.025em;
  }
  .hero-polished.melody-hero .melody-lockup span,
  .melody-hero .melody-lockup span{
    white-space:nowrap !important;
    line-height:.95;
  }
  .hero-polished.melody-hero .melody-lockup em,
  .melody-hero .melody-lockup em{
    margin-top:7px;
    font-size:.72em;
    line-height:1.02;
    white-space:nowrap !important;
  }

  /* Minecraft hero address controls: no cut-off host/port text. */
  body[data-theme="minecraft"] .hero .address-card{
    width:100%;
    grid-template-columns:1fr;
    gap:13px;
    padding:16px;
  }
  body[data-theme="minecraft"] .hero .address-card strong{
    width:100%;
    max-width:100%;
    font-family:var(--body);
    font-size:1rem;
    line-height:1.35;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  body[data-theme="minecraft"] .hero .minecraft-hero-copy{
    width:100%;
    min-width:0;
    white-space:normal;
  }

  /* Compact mobile audio player. */
  .music-player{
    left:max(12px,env(safe-area-inset-left)) !important;
    bottom:max(12px,env(safe-area-inset-bottom)) !important;
    width:280px !important;
    max-width:calc(100% - 24px) !important;
    padding:9px 10px 8px !important;
    border-radius:8px;
  }
  .music-heading{
    gap:7px;
  }
  .music-track strong{
    font-size:.78rem;
    line-height:1.3;
  }
  .music-track p{
    font-size:.66rem;
    line-height:1.35;
  }
  .music-buttons{
    gap:4px;
  }
  .music-buttons button{
    width:31px;
    height:32px;
    padding:6px;
  }
  .music-buttons .music-play{
    width:33px;
  }
  .music-icon-svg{
    width:16px;
    height:16px;
  }
  .js-ready .music-controls{
    margin-top:6px;
  }
  .music-timeline{
    grid-template-columns:27px minmax(0,1fr) 27px;
    gap:5px;
  }
  .music-timeline>span{
    font-size:.64rem;
  }
  .music-player input[type=range]{
    height:15px;
  }
  .music-volume{
    gap:6px;
    margin-top:0;
  }
  .music-volume label{
    font-size:.71rem;
  }
  .music-volume output{
    min-width:29px;
    font-size:.64rem;
  }

  /* A floating up-arrow competes with the music controls on phones. */
  .back-to-top{
    display:none !important;
  }

  /* Footer cards should not retain desktop-style minimum heights. */
  .site-footer .footer-identity,
  .site-footer .footer-card{
    min-height:0;
    padding:22px 20px;
  }
  .site-footer .footer-identity{
    justify-content:flex-start;
  }
}

@media(max-width:420px){
  .music-player{
    width:258px !important;
  }
  .music-track strong{
    font-size:.75rem;
  }
  .hero-visual-note span{
    font-size:.5rem;
    padding:5px 7px;
  }
  .hero-polished.melody-hero .melody-lockup,
  .melody-hero .melody-lockup{
    font-size:clamp(2.85rem,12.8vw,3.15rem);
  }
}



/* ===== Homepage member-card alignment + creator YouTube CTA ===== */

/* Every member card uses the same vertical layout so profile links align. */
.member-card{
  display:flex;
  flex-direction:column;
}
.member-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
}
.member-card-body p{
  flex:1 1 auto;
}
.member-card-body .text-link,
.member-card-body > .small-label{
  margin-top:auto;
  align-self:flex-start;
}

/* MrHoid's profile link should match Snackalot/Melody instead of inheriting gold. */
.member-card.member-gold .text-link{
  color:inherit;
}
.member-card .text-link{
  color:#f6f8fb;
  border-bottom-color:var(--blue);
}
.member-card .text-link:hover{
  color:var(--blue-light);
  border-bottom-color:var(--blue-light);
}

/* Creator-page YouTube button matches the reference: dark outline + red YouTube icon. */
.hero-actions .creator-youtube-button{
  background:transparent;
  border-color:#53677f;
  color:#f7f9fc;
  gap:11px;
}
.hero-actions .creator-youtube-button:hover{
  background:#111b28;
  border-color:#758ba5;
  color:#fff;
  transform:translateY(-2px);
}
.hero-actions .creator-youtube-button .youtube-button-icon{
  width:20px;
  height:20px;
  color:#ff4d5a;
}
.hero-actions .creator-youtube-button span{
  white-space:nowrap;
}

/* Keep the two primary creator CTAs visually balanced. */
.hero-member-polished .hero-actions > .button{
  min-width:0;
}
@media(min-width:701px){
  .hero-member-polished .hero-actions > .button{
    min-height:54px;
  }
}
@media(max-width:700px){
  .hero-member-polished .hero-actions{
    gap:10px;
  }
  .hero-member-polished .hero-actions > .button{
    flex:1 1 auto;
  }
  .hero-actions .creator-youtube-button span{
    white-space:normal;
  }
}
@media(max-width:420px){
  .hero-member-polished .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:min(100%,320px);
  }
  .hero-member-polished .hero-actions > .button{
    width:100%;
  }
}




/* ===== CTA watermark on all pages ===== */
.cta-band .cta-inner{
  isolation:isolate;
}
.cta-band .cta-inner > div{
  position:relative;
  z-index:2;
}
.cta-watermark{
  display:block;
  position:absolute;
  z-index:0;
  width:clamp(230px,18vw,330px);
  height:auto;
  right:34px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%) rotate(-10deg);
  opacity:.085;
  filter:saturate(.78) brightness(1.18);
  mix-blend-mode:screen;
  pointer-events:none;
  user-select:none;
}
.cta-band .cta-inner::after{
  content:'';
  position:absolute;
  z-index:0;
  width:320px;
  height:320px;
  right:-20px;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);
  pointer-events:none;
}
@media(max-width:950px){
  .cta-watermark{
    width:250px;
    right:-18px;
    opacity:.07;
  }
  .cta-band .cta-inner::after{
    width:260px;
    height:260px;
    right:-42px;
  }
}
@media(max-width:700px){
  .cta-watermark,
  .home-creator-cta .home-mhq-watermark{
    width:180px;
    right:-42px;
    top:auto;
    bottom:-18px;
    transform:rotate(-9deg);
    opacity:.06;
  }
  .cta-band .cta-inner::after,
  .home-creator-cta .cta-inner:after{
    width:200px;
    height:200px;
    right:-70px;
    top:auto;
    bottom:-52px;
    transform:none;
  }
}

/* ===== Homepage creator CTA: subtle MHQ logo watermark only ===== */
/* Baseline layout/buttons stay unchanged. */
.home-creator-cta .cta-inner{
  isolation:isolate;
}
.home-creator-cta .cta-inner > div{
  position:relative;
  z-index:2;
}
.home-creator-cta .home-mhq-watermark{
  display:block;
  position:absolute;
  z-index:0;
  width:clamp(250px,19vw,350px);
  height:auto;
  right:-34px;
  bottom:-54px;
  transform:rotate(-8deg);
  opacity:.105;
  filter:saturate(.72) brightness(1.22);
  mix-blend-mode:screen;
  pointer-events:none;
  user-select:none;
}

/* Soft halo keeps the watermark intentional without competing with the content. */
.home-creator-cta .cta-inner:after{
  content:'';
  position:absolute;
  z-index:0;
  width:360px;
  height:360px;
  right:-48px;
  bottom:-128px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.075),transparent 68%);
  pointer-events:none;
}

@media(max-width:950px){
  .home-creator-cta .home-mhq-watermark{
    width:270px;
    right:-58px;
    bottom:-42px;
    opacity:.09;
  }
}

@media(max-width:700px){
  .home-creator-cta .home-mhq-watermark{
    width:205px;
    right:-70px;
    bottom:-28px;
    opacity:.07;
  }
  .home-creator-cta .cta-inner:after{
    width:240px;
    height:240px;
    right:-82px;
    bottom:-90px;
  }
}


/* ===== Final CTA watermark polish + CTA button icons ===== */
.creator-role-icon,
.cta-button-icon{
  width:18px;
  height:18px;
}
.home-creator-cta .cta-actions .button{
  min-width:150px;
}

/* Match non-home CTA watermark treatment to the homepage: subtle, bottom-right, out of the reading path. */
.cta-watermark{
  display:block;
  position:absolute;
  z-index:0;
  width:clamp(250px,19vw,350px);
  height:auto;
  right:-34px;
  bottom:-54px;
  top:auto;
  transform:rotate(-8deg);
  opacity:.105;
  filter:saturate(.72) brightness(1.22);
  mix-blend-mode:screen;
  pointer-events:none;
  user-select:none;
}
.cta-band .cta-inner::after{
  content:'';
  position:absolute;
  z-index:0;
  width:360px;
  height:360px;
  right:-48px;
  bottom:-128px;
  top:auto;
  transform:none;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.075),transparent 68%);
  pointer-events:none;
}
@media(max-width:950px){
  .cta-watermark{
    width:270px;
    right:-58px;
    bottom:-42px;
    opacity:.09;
  }
  .cta-band .cta-inner::after{
    width:260px;
    height:260px;
    right:-62px;
    bottom:-96px;
  }
}
@media(max-width:700px){
  .cta-watermark{
    width:205px;
    right:-70px;
    bottom:-28px;
    top:auto;
    opacity:.07;
    transform:rotate(-8deg);
  }
  .cta-band .cta-inner::after{
    width:240px;
    height:240px;
    right:-82px;
    bottom:-90px;
    top:auto;
    transform:none;
  }
  .home-creator-cta .cta-actions .button{
    min-width:unset;
  }
}


/* ===== Snackalot + Melody YouTube poster identity fix =====
   Keep one consistent creator image per page without destructive 16:9 cropping,
   while retaining clear Videos / Shorts / Live differentiation. */
body[data-theme="snackalot"] .youtube-recent .identity-poster,
body[data-theme="melody"] .youtube-recent .identity-poster{
  background:#050a11;
}
body[data-theme="snackalot"] .youtube-recent .identity-poster-image,
body[data-theme="melody"] .youtube-recent .identity-poster-image{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:none;
  background:#050a11;
}
body[data-theme="snackalot"] .youtube-recent .identity-poster:hover .identity-poster-image,
body[data-theme="melody"] .youtube-recent .identity-poster:hover .identity-poster-image{
  transform:scale(1.012) !important;
  filter:brightness(.88);
}
.identity-poster-badge{
  position:absolute;
  z-index:3;
  left:14px;
  top:12px;
  min-width:72px;
  padding:5px 11px 4px;
  border-radius:3px;
  background:#078bd7;
  color:#fff;
  font-size:.56rem;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1;
  text-align:left;
  pointer-events:none;
}
.identity-poster-caption{
  position:absolute;
  z-index:3;
  left:16px;
  right:16px;
  bottom:10px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  pointer-events:none;
  text-shadow:0 2px 10px #000;
}
.identity-poster-caption strong{
  color:#aab0ba;
  font-family:var(--display);
  font-size:clamp(1.2rem,1.65vw,1.7rem);
  line-height:1;
  letter-spacing:.01em;
}
.identity-poster-caption small{
  color:#7e8b9d;
  font-size:.52rem;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.2;
}
/* Keep creator subject visible behind the play affordance. */
body[data-theme="snackalot"] .youtube-recent .identity-poster-image{
  padding:10px 0;
}
body[data-theme="melody"] .youtube-recent .identity-poster-image{
  padding:0;
}
@media(max-width:640px){
  .identity-poster-caption strong{font-size:1.3rem}
  .identity-poster-badge{left:12px;top:10px}
}


/* Creator selector role icons — refined */
.home-creator-cta .creator-role-icon{
  width:19px;
  height:19px;
  flex:0 0 auto;
}
.home-creator-cta .cta-actions .button{
  gap:10px;
}


/* ===== Polished floating MHQ soundtrack player ===== */
.music-player{
  width:326px;
  padding:11px 12px 10px;
  border:1px solid rgba(83,160,226,.72);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(17,37,59,.97),rgba(8,22,37,.97));
  box-shadow:
    0 14px 38px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(145,209,255,.10),
    inset 0 0 0 1px rgba(7,108,196,.05);
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  overflow:hidden;
}
.music-player::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg,transparent,#26a6ff 22%,#72c4ff 50%,#26a6ff 78%,transparent);
  opacity:.82;
  pointer-events:none;
}
.music-player.is-playing{
  border-color:#4caef4;
  box-shadow:
    0 14px 38px rgba(0,0,0,.46),
    0 0 24px rgba(9,126,222,.11),
    inset 0 1px 0 rgba(145,209,255,.12);
}
.music-heading{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
.music-brand{
  display:block !important;
  width:36px;
  height:36px;
  padding:5px;
  object-fit:contain;
  flex-shrink:0;
  border:1px solid rgba(79,156,221,.55);
  border-radius:9px;
  background:linear-gradient(145deg,#102a45,#0a192a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 14px rgba(0,0,0,.24);
}
.music-track strong{
  font-size:.82rem;
  line-height:1.3;
  font-weight:750;
  letter-spacing:-.005em;
  color:#f4f9ff;
}
.music-track p{
  margin-top:1px;
  font-size:.67rem;
  line-height:1.35;
  color:#9ebad4;
}
.music-buttons{
  gap:5px;
}
.music-buttons button{
  width:34px;
  height:34px;
  padding:0;
  border-radius:8px;
  border-color:#365b7d;
  background:#0e263d;
  color:#d9edff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.music-buttons .music-play{
  width:36px;
  height:36px;
  border-color:#46a9f5;
  background:linear-gradient(180deg,#118ce8,#0672c9);
  box-shadow:0 5px 13px rgba(3,111,201,.22),inset 0 1px 0 rgba(255,255,255,.17);
}
.music-buttons button:hover{
  transform:translateY(-1px);
  background:#153a5b;
  border-color:#6db9f3;
}
.music-buttons .music-play:hover{
  background:linear-gradient(180deg,#1c9bf4,#087bd6);
  border-color:#79c5ff;
}
.music-icon-svg{
  width:17px;
  height:17px;
}
.js-ready .music-controls{
  margin-top:8px;
  padding-top:7px;
  border-top:1px solid rgba(95,139,177,.16);
}
.music-timeline{
  grid-template-columns:29px minmax(0,1fr) 29px;
  gap:7px;
}
.music-timeline>span,
.music-volume output{
  font-size:.65rem;
  color:#b6cbe0;
}
.music-volume{
  gap:7px;
  margin-top:0;
}
.music-volume label{
  width:42px;
  font-size:.7rem;
  color:#9db7cf;
}
.music-volume output{
  min-width:31px;
}
.music-player input[type=range]{
  height:16px;
  accent-color:#45a9ff;
}
.music-player input[type=range]::-webkit-slider-runnable-track{
  height:4px;
  border-radius:99px;
  background:#53606c;
}
.music-player input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:12px;
  height:12px;
  margin-top:-4px;
  border:0;
  border-radius:50%;
  background:#45a9ff;
  box-shadow:0 0 0 2px #0b1a2b,0 0 8px rgba(69,169,255,.22);
}
.music-player input[type=range]::-moz-range-track{
  height:4px;
  border:0;
  border-radius:99px;
  background:#53606c;
}
.music-player input[type=range]::-moz-range-thumb{
  width:12px;
  height:12px;
  border:0;
  border-radius:50%;
  background:#45a9ff;
  box-shadow:0 0 0 2px #0b1a2b;
}

/* Smaller, less intrusive player on phones. */
@media(max-width:600px){
  .music-player{
    left:max(10px,env(safe-area-inset-left)) !important;
    bottom:max(10px,env(safe-area-inset-bottom)) !important;
    width:236px !important;
    max-width:calc(100% - 20px) !important;
    padding:8px 9px 7px !important;
    border-radius:10px;
  }
  .music-heading{
    grid-template-columns:28px minmax(0,1fr) auto;
    gap:7px;
  }
  .music-brand{
    width:28px;
    height:28px;
    padding:4px;
    border-radius:7px;
  }
  .music-track strong{
    font-size:.7rem;
  }
  .music-track p{
    font-size:.58rem;
  }
  .music-buttons{
    gap:4px;
  }
  .music-buttons button,
  .music-buttons .music-play{
    width:29px;
    height:29px;
    border-radius:7px;
  }
  .music-icon-svg{
    width:14px;
    height:14px;
  }
  .js-ready .music-controls{
    margin-top:6px;
    padding-top:5px;
  }
  .music-timeline{
    grid-template-columns:25px minmax(0,1fr) 25px;
    gap:4px;
  }
  .music-timeline>span,
  .music-volume output{
    font-size:.56rem;
  }
  .music-volume{
    gap:4px;
  }
  .music-volume label{
    width:33px;
    font-size:.59rem;
  }
  .music-volume output{
    min-width:25px;
  }
  .music-player input[type=range]{
    height:13px;
  }
  .music-player input[type=range]::-webkit-slider-runnable-track{
    height:3px;
  }
  .music-player input[type=range]::-webkit-slider-thumb{
    width:10px;
    height:10px;
    margin-top:-3.5px;
  }
  .music-player input[type=range]::-moz-range-track{
    height:3px;
  }
  .music-player input[type=range]::-moz-range-thumb{
    width:10px;
    height:10px;
  }
}

@media(max-width:390px){
  .music-player{
    width:218px !important;
  }
  .music-track strong{
    font-size:.67rem;
  }
}


/* ===== Homepage squad role accent colors ===== */
/* Each lane now follows the creator/page identity accent. */
.member-card.role-jungler .member-role{
  color:#ffd05c; /* MrHoid accent */
}
.member-card.role-roamer .member-role{
  color:#45a9ff; /* Snackalot accent */
}
.member-card.role-mid .member-role{
  color:#f1a8c0; /* Melody accent */
}
.member-card.role-gold .member-role,
.member-card.role-moderator .member-role{
  color:#55d9ff; /* Moderator / MHQ cyan */
}


/* ===== 2026-10-12: fill MrHoid + Minecraft hero artwork like Snackalot/Melody ===== */
/* MrHoid should fill the portrait instead of sitting contained with large empty margins. */
body[data-theme="mrhoid"] .hero-member-polished .portrait-image.contain,
body[data-theme="mrhoid"] .hero-member-polished .portrait-image{
  object-fit:cover !important;
  object-position:50% 50% !important;
  width:100% !important;
  height:100% !important;
  inset:0 !important;
  padding:0 !important;
  background:none !important;
}

/* Minecraft hero should use the same full-card visual language as the creator pages. */
body[data-theme="minecraft"] .hero-member-polished .portrait,
body[data-theme="minecraft"] .hero-polished .portrait{
  background:radial-gradient(circle at 50% 28%, #113424 0%, #081612 46%, #050b09 100%);
}
body[data-theme="minecraft"] .hero-polished .server-portrait-image{
  width:100%;
  height:100%;
  inset:0;
  object-fit:cover;
  object-position:50% 50%;
  transform:scale(1.04);
  image-rendering:auto;
}
body[data-theme="minecraft"] .hero-polished .server-portrait-shade{
  background:linear-gradient(180deg,#08101b3a,transparent 24%,transparent 56%,#040b09ee 100%),linear-gradient(90deg,transparent 76%,#04110a55);
}
/* old wrapper is not used after the markup swap, but hide it defensively */
body[data-theme="minecraft"] .hero-polished .server-hero-icon{
  display:none !important;
}

/* ===== 2026-10-12: mobile game-strip alignment + compact footer ===== */
@media(max-width:700px){
  /* Keep the game/system strip on a strict, evenly aligned two-column grid. */
  .game-strip > .container{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:calc(100% - 32px) !important;
    padding:22px 0 !important;
    gap:18px 14px !important;
    align-items:center;
  }
  .game-strip span{
    width:100%;
    min-width:0;
    justify-content:flex-start !important;
    gap:12px !important;
    padding:0 4px;
    font-size:1rem !important;
    line-height:1.15;
    letter-spacing:.04em !important;
    white-space:nowrap;
  }
  .game-strip .icon{
    width:14px !important;
    height:14px !important;
    flex:0 0 14px;
  }
  /* If a page has an odd number of items, center the final one cleanly. */
  .game-strip span:last-child:nth-child(odd){
    grid-column:1 / -1 !important;
    width:auto;
    justify-self:center;
    justify-content:center !important;
    padding-inline:18px;
  }

  /* Compact footer for phones: preserve all content without a tall empty tail. */
  .site-footer{
    padding-top:26px !important;
    padding-bottom:74px !important;
  }
  .site-footer .footer-top.footer-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding-bottom:14px !important;
  }
  .site-footer .footer-identity,
  .site-footer .footer-card{
    min-height:0 !important;
    padding:15px 16px !important;
    border-radius:6px;
  }
  .site-footer .footer-identity{
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
  }
  .site-footer .footer-identity .brand{
    width:92px !important;
    margin:0 !important;
  }
  .site-footer .footer-identity .brand img{
    max-height:56px !important;
  }
  .site-footer .footer-identity p{
    margin:0 !important;
    max-width:none !important;
    font-size:.78rem !important;
    line-height:1.5 !important;
  }
  .site-footer .footer-card .eyebrow{
    font-size:.66rem !important;
    margin:0 !important;
  }
  .site-footer .footer-links nav{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px 10px !important;
    margin-top:10px !important;
  }
  .site-footer .footer-links nav a{
    font-size:.76rem;
    line-height:1.35;
  }
  .site-footer .footer-server-addresses{
    margin-top:10px !important;
    display:grid;
    gap:7px;
  }
  .site-footer .footer-server-row{
    min-height:0 !important;
    padding:9px 10px !important;
    gap:8px !important;
  }
  .site-footer .footer-server-copy span{
    font-size:.55rem !important;
  }
  .site-footer .footer-server-copy strong{
    font-size:.75rem !important;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  .site-footer .footer-copy-btn{
    min-height:34px !important;
    padding:6px 9px !important;
    font-size:.65rem !important;
  }
  .site-footer .footer-server-link{
    margin-top:10px !important;
    padding-top:0 !important;
    font-size:.75rem;
  }
  .site-footer .footer-bottom{
    min-height:0 !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:12px 0 !important;
    gap:12px !important;
  }
  .site-footer .footer-bottom > span:first-child{
    font-size:.7rem;
  }
  .site-footer .footer-handle{
    margin-left:auto !important;
    font-size:.58rem !important;
    letter-spacing:.07em !important;
    text-align:right;
    white-space:nowrap !important;
  }
}

@media(max-width:390px){
  .game-strip > .container{
    width:calc(100% - 24px) !important;
    gap:16px 8px !important;
  }
  .game-strip span{
    gap:9px !important;
    font-size:.9rem !important;
    padding:0 2px;
  }
  .game-strip .icon{
    width:12px !important;
    height:12px !important;
    flex-basis:12px;
  }
  .site-footer{
    padding-bottom:66px !important;
  }
  .site-footer .footer-links nav{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .site-footer .footer-handle{
    display:none;
  }
}

/* ===== Snackalot + Melody mobile game strip: keep all 3 items on one aligned row ===== */
@media(max-width:700px){
  body[data-theme="snackalot"] .game-strip > .container,
  body[data-theme="melody"] .game-strip > .container{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 8px !important;
    padding:20px 0 !important;
  }
  body[data-theme="snackalot"] .game-strip span,
  body[data-theme="melody"] .game-strip span{
    grid-column:auto !important;
    width:100% !important;
    min-width:0;
    justify-self:stretch !important;
    justify-content:center !important;
    padding:0 2px !important;
    gap:6px !important;
    font-size:.78rem !important;
    line-height:1 !important;
    letter-spacing:.025em !important;
    white-space:nowrap !important;
    text-align:center;
  }
  body[data-theme="snackalot"] .game-strip .icon,
  body[data-theme="melody"] .game-strip .icon{
    width:11px !important;
    height:11px !important;
    flex:0 0 11px !important;
  }
}

@media(max-width:390px){
  body[data-theme="snackalot"] .game-strip > .container,
  body[data-theme="melody"] .game-strip > .container{
    width:calc(100% - 20px) !important;
    gap:0 4px !important;
  }
  body[data-theme="snackalot"] .game-strip span,
  body[data-theme="melody"] .game-strip span{
    gap:4px !important;
    font-size:.7rem !important;
    letter-spacing:0 !important;
  }
  body[data-theme="snackalot"] .game-strip .icon,
  body[data-theme="melody"] .game-strip .icon{
    width:10px !important;
    height:10px !important;
    flex-basis:10px !important;
  }
}


/* ===== MrHoid schedule: keep all six stream days on one desktop row ===== */
@media(min-width:1201px){
  body[data-theme="mrhoid"] .schedule-modern-grid.six-up{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
  }
  body[data-theme="mrhoid"] .schedule-modern-card{
    min-height:270px;
    padding:22px 16px 20px;
  }
  body[data-theme="mrhoid"] .schedule-modern-head{
    gap:10px;
  }
  body[data-theme="mrhoid"] .schedule-modern-head h3{
    font-size:1.42rem;
  }
  body[data-theme="mrhoid"] .schedule-icon{
    width:20px;
    height:20px;
  }
  body[data-theme="mrhoid"] .schedule-time{
    margin-top:38px;
    font-size:3.35rem;
  }
  body[data-theme="mrhoid"] .schedule-subtime{
    margin-top:13px;
    font-size:.8rem;
  }
  body[data-theme="mrhoid"] .schedule-card-rule{
    margin:24px 0 18px;
  }
  body[data-theme="mrhoid"] .schedule-modern-card p{
    font-size:.86rem;
  }
}


/* Footer copyright alignment: line up with the MHQ identity/logo content above. */
@media(min-width:1251px){
  .site-footer .footer-bottom{
    padding-left:28px !important;
  }
}


/* ===== Page-themed navigation accents ===== */
/* The header outline and active page tab inherit each page's accent color. */
.site-header .header-inner{
  border-color:color-mix(in srgb,var(--blue) 62%,#28445f) !important;
  box-shadow:
    0 14px 42px rgba(0,0,0,.34),
    inset 0 1px 0 color-mix(in srgb,var(--blue-light) 18%,transparent),
    0 0 0 1px color-mix(in srgb,var(--blue) 8%,transparent);
}
.site-header .main-nav a[aria-current="page"]{
  color:var(--blue-light) !important;
  background:color-mix(in srgb,var(--blue) 16%,#0c1727) !important;
  border:1px solid color-mix(in srgb,var(--blue) 42%,transparent);
  border-radius:5px;
}
.site-header .main-nav a[aria-current="page"]:after{
  background:var(--blue) !important;
  box-shadow:0 0 10px color-mix(in srgb,var(--blue) 55%,transparent);
}
.site-header .main-nav a:hover{
  border-radius:5px;
}
.site-header .menu-toggle{
  border-color:color-mix(in srgb,var(--blue) 60%,#355d85) !important;
  color:var(--blue-light);
  background:color-mix(in srgb,var(--blue) 10%,#102033) !important;
}

@media(max-width:1100px){
  .site-header .main-nav{
    border-color:color-mix(in srgb,var(--blue) 62%,#355d85) !important;
    box-shadow:
      0 18px 38px rgba(0,0,0,.55),
      inset 0 1px 0 color-mix(in srgb,var(--blue-light) 12%,transparent);
  }
  .site-header .main-nav a[aria-current="page"]{
    border-color:color-mix(in srgb,var(--blue) 36%,transparent);
  }
  .site-header .main-nav a[aria-current="page"]:after{
    background:var(--blue) !important;
  }
}

/* ===== 2026-10-12 motion pass: subtle broadcast energy across the MHQ site ===== */
body{overflow-x:hidden;position:relative;isolation:isolate}
body:before,body:after{content:'';position:fixed;pointer-events:none;z-index:0}
body:before{inset:-18%;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--blue) 11%,transparent),transparent 31%),radial-gradient(circle at 82% 34%,color-mix(in srgb,var(--gold) 7%,transparent),transparent 28%),radial-gradient(circle at 50% 90%,color-mix(in srgb,var(--blue) 6%,transparent),transparent 36%);opacity:.72;animation:mhqAmbientDrift 22s ease-in-out infinite alternate}
body:after{inset:0;background-image:linear-gradient(color-mix(in srgb,var(--blue) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blue) 4%,transparent) 1px,transparent 1px);background-size:64px 64px;opacity:.28;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 88%);animation:mhqGridPageDrift 32s linear infinite}
main,.site-footer{position:relative;z-index:1}

.site-scroll-progress{position:fixed;z-index:120;left:0;right:0;top:0;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--blue),var(--blue-light),var(--gold));box-shadow:0 0 14px color-mix(in srgb,var(--blue) 50%,transparent);transform:scaleX(var(--scroll-progress,0));transform-origin:left center;will-change:transform}
.site-header .header-inner{transition:border-color .28s ease,box-shadow .28s ease,background .28s ease,transform .28s ease!important}
.site-header.is-scrolled .header-inner{transform:translateY(-1px);box-shadow:0 17px 44px rgba(0,0,0,.58),0 0 28px color-mix(in srgb,var(--blue) 12%,transparent)!important}
.site-header .brand img{transition:filter .3s ease,transform .3s ease}
.site-header .brand:hover img{transform:translateY(-1px) scale(1.018);filter:drop-shadow(0 0 13px color-mix(in srgb,var(--blue) 26%,transparent))}
.site-header .main-nav a{transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease}
.site-header .main-nav a:hover{transform:translateY(-1px)}

html.motion-ready .hero .hero-content>*{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
html.motion-ready .hero .hero-visual{opacity:0;transform:translate3d(34px,10px,0) scale(.985);transition:opacity .9s cubic-bezier(.2,.7,.2,1) .16s,transform .9s cubic-bezier(.2,.7,.2,1) .16s}
html.motion-loaded .hero .hero-content>*,html.motion-loaded .hero .hero-visual{opacity:1;transform:none}
html.motion-ready .hero .hero-content>*:nth-child(1){transition-delay:.05s}
html.motion-ready .hero .hero-content>*:nth-child(2){transition-delay:.12s}
html.motion-ready .hero .hero-content>*:nth-child(3){transition-delay:.19s}
html.motion-ready .hero .hero-content>*:nth-child(4){transition-delay:.26s}
html.motion-ready .hero .hero-content>*:nth-child(5){transition-delay:.33s}
html.motion-ready .hero .hero-content>*:nth-child(6){transition-delay:.4s}

.hero .portrait{--tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:45%;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .22s ease,border-color .28s ease,box-shadow .28s ease;will-change:transform}
.hero .portrait:hover{border-color:color-mix(in srgb,var(--blue) 72%,#fff 8%);box-shadow:0 28px 72px rgba(0,0,0,.46),0 0 34px color-mix(in srgb,var(--blue) 11%,transparent),inset 0 1px 0 color-mix(in srgb,var(--blue-light) 17%,transparent)}
.hero .portrait .portrait-scan{position:absolute;z-index:6;left:0;right:0;top:-32%;height:26%;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--blue-light) 7%,transparent) 38%,color-mix(in srgb,var(--blue-light) 22%,transparent) 50%,color-mix(in srgb,var(--blue-light) 7%,transparent) 62%,transparent 100%);mix-blend-mode:screen;opacity:.7;animation:mhqPortraitScan 9s cubic-bezier(.4,0,.2,1) infinite}
.hero .portrait:focus-within .portrait-scan{opacity:1}

.brand-identity-grid{animation:mhqIdentityGrid 18s linear infinite}
.brand-identity-orbit{border-top-color:color-mix(in srgb,var(--blue-light) 70%,transparent);border-right-color:color-mix(in srgb,var(--gold) 38%,transparent);animation:mhqOrbitRotate 20s linear infinite}
.brand-identity-logo{animation:mhqLogoBreath 5.8s ease-in-out infinite}
.hero-sticker{animation:mhqStickerFloat 5.6s ease-in-out infinite}
.hero-visual-note span{animation:mhqTagSignal 6s ease-in-out infinite}
.hero-visual-note span:nth-child(2){animation-delay:.7s}.hero-visual-note span:nth-child(3){animation-delay:1.4s}
.game-strip .icon{animation:mhqIconPulse 4.8s ease-in-out infinite}
.game-strip span:nth-child(2) .icon{animation-delay:.6s}.game-strip span:nth-child(3) .icon{animation-delay:1.2s}.game-strip span:nth-child(4) .icon{animation-delay:1.8s}

.motion-ready .motion-reveal{opacity:0;transform:translateY(24px);filter:blur(2px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1),filter .72s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-ready .motion-reveal.motion-from-left{transform:translateX(-24px)}
.motion-ready .motion-reveal.motion-scale{transform:translateY(16px) scale(.985)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:none;filter:none}

@media(hover:hover) and (pointer:fine){
  .feature-card,.schedule-modern-card,.video-card,.info-panel,.server-edition-card,.footer-card,.server-edition-card{transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s ease,box-shadow .28s ease}
  .feature-card:hover,.schedule-modern-card:hover,.video-card:hover,.info-panel:hover,.server-edition-card:hover,.footer-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--blue) 50%,#5a6b7e);box-shadow:0 18px 40px rgba(0,0,0,.25),0 0 24px color-mix(in srgb,var(--blue) 7%,transparent)}
}

.button,.copy-btn,.footer-copy-btn{position:relative;overflow:hidden;isolation:isolate}
/* YouTube play controls must stay absolutely centered over the poster.
   Do not include these in the generic animated-button positioning rule above. */
.youtube-poster .youtube-play-button{position:absolute;overflow:visible;isolation:isolate;z-index:6}
.youtube-poster .youtube-play-button:hover{filter:brightness(1.08);box-shadow:0 0 0 12px color-mix(in srgb,var(--blue) 17%,transparent),0 18px 36px #0009}
.youtube-poster .youtube-play-button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.button:after,.copy-btn:after,.footer-copy-btn:after{content:'';position:absolute;z-index:-1;top:-55%;bottom:-55%;width:28%;left:-45%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .55s ease}
.button:hover:after,.copy-btn:hover:after,.footer-copy-btn:hover:after{left:120%}
.control-ripple{position:absolute;z-index:5;width:12px;height:12px;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.42);transform:translate(-50%,-50%) scale(0);animation:mhqRipple .58s ease-out forwards}
.text-link{transition:color .2s ease,border-color .2s ease,letter-spacing .2s ease}
.text-link:hover{letter-spacing:.015em}

@keyframes mhqAmbientDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}50%{transform:translate3d(1.5%,1%,0) scale(1.035)}100%{transform:translate3d(2%,-1.5%,0) scale(1.01)}}
@keyframes mhqGridPageDrift{to{background-position:64px 64px}}
@keyframes mhqPortraitScan{0%,14%{transform:translateY(0);opacity:0}20%{opacity:.65}46%{transform:translateY(500%);opacity:.35}52%,100%{transform:translateY(500%);opacity:0}}
@keyframes mhqIdentityGrid{to{background-position:42px 42px,42px 42px}}
@keyframes mhqOrbitRotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mhqLogoBreath{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 24px 38px rgba(0,0,0,.5))}50%{transform:translate(-50%,-50%) scale(1.018);filter:drop-shadow(0 24px 38px rgba(0,0,0,.5)) drop-shadow(0 0 18px color-mix(in srgb,var(--blue) 16%,transparent))}}
@keyframes mhqStickerFloat{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(4deg) translateY(-5px)}}
@keyframes mhqTagSignal{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--blue) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 5%,transparent)}}
@keyframes mhqIconPulse{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@keyframes mhqRipple{to{opacity:0;transform:translate(-50%,-50%) scale(14)}}

@media(max-width:700px){
  body:after{background-size:48px 48px;opacity:.2}
  .hero .portrait{transform:none!important}
  .hero .portrait .portrait-scan{opacity:.42}
  .hero-sticker{animation-duration:6.8s}
  .motion-ready .motion-reveal{transform:translateY(18px)}
  .motion-ready .motion-reveal.motion-from-left{transform:translateY(18px)}
}

@media(prefers-reduced-motion:reduce){
  body:before,body:after,.brand-identity-grid,.brand-identity-orbit,.brand-identity-logo,.hero-sticker,.hero-visual-note span,.game-strip .icon,.portrait-scan{animation:none!important}
  .motion-reveal,.hero .hero-content>*,.hero .hero-visual{opacity:1!important;transform:none!important;filter:none!important}
  .site-header .brand:hover img,.site-header .main-nav a:hover{transform:none!important}
}

/* ===== 2026-10-12 mobile creator-strip + return-to-top correction ===== */
@media(max-width:700px){
  /* Melody and Snackalot use the same two-column mobile rhythm as MrHoid.
     The third item starts a new row on the left instead of drifting beneath
     the second column. */
  body[data-theme="melody"] .game-strip > .container,
  body[data-theme="snackalot"] .game-strip > .container{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:calc(100% - 32px) !important;
    padding:22px 0 !important;
    gap:18px 14px !important;
    align-items:center !important;
  }
  body[data-theme="melody"] .game-strip span,
  body[data-theme="snackalot"] .game-strip span{
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding:0 4px !important;
    font-size:1rem !important;
    line-height:1.15 !important;
    letter-spacing:.04em !important;
    white-space:nowrap !important;
    text-align:left !important;
  }
  body[data-theme="melody"] .game-strip span:last-child,
  body[data-theme="snackalot"] .game-strip span:last-child{
    grid-column:1 !important;
    justify-self:stretch !important;
    justify-content:flex-start !important;
  }
  body[data-theme="melody"] .game-strip .icon,
  body[data-theme="snackalot"] .game-strip .icon{
    width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
  }

  /* Restore a compact mobile return-to-top control. It sits above the music
     player, so it remains easy to reach without covering playback controls. */
  .back-to-top{
    display:grid !important;
    place-items:center !important;
    right:max(12px,env(safe-area-inset-right)) !important;
    bottom:calc(max(12px,env(safe-area-inset-bottom)) + 112px) !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    border-radius:12px 5px 12px 5px !important;
    box-shadow:0 7px 22px rgba(0,0,0,.58),inset 0 0 0 2px #0b192b !important;
  }
  .back-to-top-icon{
    width:21px !important;
    height:21px !important;
  }
}

@media(max-width:390px){
  body[data-theme="melody"] .game-strip > .container,
  body[data-theme="snackalot"] .game-strip > .container{
    width:calc(100% - 24px) !important;
    gap:16px 8px !important;
  }
  body[data-theme="melody"] .game-strip span,
  body[data-theme="snackalot"] .game-strip span{
    gap:9px !important;
    padding:0 2px !important;
    font-size:.9rem !important;
    letter-spacing:.025em !important;
  }
  body[data-theme="melody"] .game-strip .icon,
  body[data-theme="snackalot"] .game-strip .icon{
    width:12px !important;
    height:12px !important;
    flex-basis:12px !important;
  }
  .back-to-top{
    right:max(10px,env(safe-area-inset-right)) !important;
    bottom:calc(max(10px,env(safe-area-inset-bottom)) + 108px) !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
  .back-to-top-icon{
    width:19px !important;
    height:19px !important;
  }
}

/* ===== 2026-10-12 back-to-top lower screen alignment =====
   Keep the control near the lower-right edge on every viewport instead of
   lifting it above the music player. The player is anchored on the left, so
   the two controls can share the bottom edge without competing visually. */
.back-to-top{
  bottom:max(38px,env(safe-area-inset-bottom)) !important;
}
@media(max-width:700px){
  .back-to-top{
    bottom:max(20px,env(safe-area-inset-bottom)) !important;
  }
}
@media(max-width:390px){
  .back-to-top{
    bottom:max(16px,env(safe-area-inset-bottom)) !important;
  }
}

/* ===== Sabin Discord username actions ===== */
.member-card .member-discord-copy{
  margin-top:auto;
  align-self:flex-start;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--blue);
  border-radius:0;
  padding:0 0 5px;
  color:#f6f8fb;
  font-size:.78rem;
  font-weight:700;
  line-height:1.65;
  cursor:pointer;
}
.member-card .member-discord-copy:hover,
.member-card .member-discord-copy:focus-visible{
  color:var(--blue-light);
  border-bottom-color:var(--blue-light);
}
.sabin-discord-button{
  width:100%;
  margin-top:22px;
}

/* ===== Quick Links: page-accent hover motion ===== */
.site-footer .footer-links nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:3px 0 5px;
  color:#d8e7f8;
  transition:color .22s ease,transform .22s cubic-bezier(.2,.75,.25,1),text-shadow .22s ease;
}
.site-footer .footer-links nav a::before{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--blue-light));
  box-shadow:0 0 10px color-mix(in srgb,var(--blue) 45%,transparent);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .26s cubic-bezier(.2,.75,.25,1);
}
.site-footer .footer-links nav a::after{
  content:'›';
  display:inline-block;
  margin-left:0;
  opacity:0;
  color:var(--blue-light);
  transform:translateX(-7px);
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1),margin-left .24s ease;
}
@media (hover:hover) and (pointer:fine){
  .site-footer .footer-links nav a:hover{
    color:var(--blue-light);
    transform:translateX(6px);
    text-shadow:0 0 14px color-mix(in srgb,var(--blue) 28%,transparent);
  }
  .site-footer .footer-links nav a:hover::before{
    transform:scaleX(1);
  }
  .site-footer .footer-links nav a:hover::after{
    margin-left:8px;
    opacity:1;
    transform:translateX(0);
  }
}
.site-footer .footer-links nav a:focus-visible{
  color:var(--blue-light);
  transform:translateX(4px);
  text-shadow:0 0 14px color-mix(in srgb,var(--blue) 28%,transparent);
}
.site-footer .footer-links nav a:focus-visible::before{
  transform:scaleX(1);
}
.site-footer .footer-links nav a:active{
  color:var(--blue-light);
  transform:translateX(3px) scale(.985);
}
@media (prefers-reduced-motion:reduce){
  .site-footer .footer-links nav a,
  .site-footer .footer-links nav a::before,
  .site-footer .footer-links nav a::after{
    transition:none!important;
  }
  .site-footer .footer-links nav a:hover,
  .site-footer .footer-links nav a:focus-visible,
  .site-footer .footer-links nav a:active{
    transform:none!important;
  }
}


/* ===== 2026-10-12 cross-site alignment pass =====
   Align editorial headings with the actual grids beneath them, and keep
   card actions on a shared baseline even when descriptions wrap. */

/* Creator live sections: the heading uses the exact same columns/gap as
   the Twitch player + right sidebar below, so the right-hand intro copy
   starts directly over the Creator channels panel. */
@media (min-width:901px){
  .creator-live-heading{
    grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr) !important;
    column-gap:24px !important;
  }
  .creator-live-heading>p{
    justify-self:stretch;
    max-width:none;
  }
}

/* Stretch the right-hand Twitch information stack to the same bottom edge
   as the embedded player. The first panel keeps its natural content height;
   the Games panel absorbs the remaining space cleanly. */
.stream-grid{
  align-items:stretch;
}
.stream-side{
  align-self:stretch;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:18px;
}
.stream-side>.info-panel:last-child{
  height:100%;
}

/* Contact headings: line the descriptive copy up with card column two,
   rather than placing it at an unrelated percentage across the container. */
@media (min-width:1201px){
  .contact-section-heading,
  .support-section-heading{
    grid-template-columns:calc((100% - 40px)/3) minmax(0,1fr) !important;
    column-gap:20px !important;
  }
  .contact-section-heading>p,
  .support-section-heading>p{
    max-width:650px;
    justify-self:start;
  }
}
@media (min-width:761px) and (max-width:1200px){
  .contact-section-heading,
  .support-section-heading{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:20px !important;
  }
}

/* Equal-height contact cards and consistent content tracks. Descriptions
   reserve two lines on desktop so the channel rows/actions remain level. */
.contact-grid{
  align-items:stretch;
}
.contact-grid>.contact-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
}
@media (min-width:641px){
  .contact-grid>.contact-card>p{
    min-height:calc(2 * 1.72em);
  }
}
.contact-grid>.contact-card>.social-link-row{
  margin-top:14px;
}
.contact-grid>.contact-card>.button,
.contact-grid>.contact-card>.sabin-discord-button,
.contact-grid>.contact-card>.no-links{
  margin-top:auto !important;
}
.contact-grid>.contact-card>.social-link-row + .button{
  margin-top:22px !important;
}

/* Support cards have different content types, but their final action/status
   blocks should share one visual baseline. */
.community-section .contact-grid>.contact-card>.no-links,
.community-section .contact-grid>.contact-card>.sabin-discord-button,
.community-section .contact-grid>.contact-card>.button{
  margin-top:auto !important;
}

/* The quest buttons intentionally begin on the same horizontal line as the
   "Ten acts" title rather than the eyebrow above it. */
.quest-band .quest-list{
  padding-top:49px;
}

/* Once layouts stack, remove desktop alignment offsets. */
@media (max-width:900px){
  .creator-live-heading{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .creator-live-heading>p{
    margin-top:0 !important;
    max-width:650px;
  }
  .stream-side{
    display:flex;
    flex-direction:column;
  }
  .stream-side>.info-panel:last-child{
    height:auto;
  }
}
@media (max-width:760px){
  .contact-section-heading,
  .support-section-heading{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .contact-section-heading>p,
  .support-section-heading>p{
    margin-top:0 !important;
  }
}
@media (max-width:640px){
  .contact-grid>.contact-card>p{
    min-height:0;
  }
}

/* Minecraft quest-line alignment correction: top-align the act grid with the section eyebrow. */
.quest-band .quest-list{
  padding-top:0 !important;
  align-self:start;
}


/* ===== Birthday transmission / arcade launcher styling =====
   Birthday access is now permanently available. */
.birthday-transmission-fab{
  position:fixed;
  z-index:70;
  top:max(18px,env(safe-area-inset-top));
  right:max(24px,env(safe-area-inset-right));
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-9px) scale(.82);
  transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .28s;
  isolation:isolate;
}
.birthday-transmission-fab.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.birthday-transmission-fab.is-leaving{
  opacity:0;
  transform:translateY(-8px) scale(.84);
}
.birthday-cake-button{
  position:relative;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid #ffd45f;
  border-radius:22px 8px 22px 8px;
  background:linear-gradient(145deg,#102c49 0%,#0a1727 68%,#261c0a 100%);
  box-shadow:0 10px 30px #0009,inset 0 0 0 3px #07111d,0 0 22px #ffc43d2e;
  overflow:visible;
  animation:birthdayCakeFloat 3.2s ease-in-out infinite;
}
.birthday-cake-button:before{
  content:'';
  position:absolute;
  inset:-7px;
  z-index:-1;
  border:1px solid #00bdf27a;
  border-radius:27px 10px 27px 10px;
  opacity:.55;
  animation:birthdayCakePulse 2.4s ease-out infinite;
}
.birthday-cake-svg{width:52px;height:52px;overflow:visible;filter:drop-shadow(0 4px 8px #0009)}
.birthday-candle{fill:none;stroke:#55d9ff;stroke-width:3;stroke-linecap:round}
.birthday-flame{fill:#ffc43d;transform-box:fill-box;transform-origin:50% 100%;animation:birthdayFlame .72s ease-in-out infinite alternate}
.birthday-flame-two{animation-delay:-.26s}.birthday-flame-three{animation-delay:-.47s}
.birthday-frosting{fill:#f6f8fb;stroke:#f6f8fb;stroke-width:1.5;stroke-linejoin:round}
.birthday-cake-layer{fill:#00a8e8;stroke:#55d9ff;stroke-width:1.5}
.birthday-cake-line{fill:none;stroke:#ffc43d;stroke-width:2;stroke-linecap:round;opacity:.95}
.birthday-plate{fill:none;stroke:#f6f8fb;stroke-width:3;stroke-linecap:round}
.birthday-fab-tooltip{
  position:absolute;
  top:50%;
  right:calc(100% + 11px);
  min-width:156px;
  padding:9px 12px 10px;
  border:1px solid #ffc43d80;
  border-radius:6px;
  background:#08121ff2;
  box-shadow:0 8px 24px #0008;
  text-align:right;
  line-height:1.04;
  opacity:0;
  transform:translate(8px,-50%);
  transition:opacity .2s ease,transform .22s ease;
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.birthday-fab-tooltip small{display:block;margin-bottom:4px;color:#ffc43d;font-size:.58rem;font-weight:800;letter-spacing:.14em}
.birthday-fab-tooltip strong{font-family:var(--display);font-size:1.16rem;letter-spacing:.025em;text-transform:uppercase;color:#fff}
.birthday-transmission-fab:hover .birthday-fab-tooltip,.birthday-transmission-fab:focus-visible .birthday-fab-tooltip{opacity:1;transform:translate(0,-50%)}
.birthday-transmission-fab:focus-visible{outline:3px solid #ffe17c;outline-offset:7px;border-radius:24px}
.birthday-spark{position:absolute;width:6px;height:6px;background:#ffc43d;transform:rotate(45deg);box-shadow:0 0 10px #ffc43d;animation:birthdaySpark 1.8s ease-in-out infinite}
.birthday-spark-one{left:-5px;top:10px}.birthday-spark-two{right:-7px;top:21px;animation-delay:-.45s;background:#55d9ff;box-shadow:0 0 10px #55d9ff}.birthday-spark-three{right:4px;bottom:-6px;animation-delay:-.9s}.birthday-spark-four{left:3px;bottom:4px;animation-delay:-1.25s;background:#55d9ff;box-shadow:0 0 10px #55d9ff}
body.menu-open .birthday-transmission-fab{opacity:0;pointer-events:none}
@keyframes birthdayCakeFloat{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(5px) rotate(1.5deg)}}
@keyframes birthdayCakePulse{0%{transform:scale(.92);opacity:.5}70%,100%{transform:scale(1.13);opacity:0}}
@keyframes birthdayFlame{0%{transform:scale(.88,.96) rotate(-4deg)}100%{transform:scale(1.08,1.12) rotate(4deg)}}
@keyframes birthdaySpark{0%,100%{opacity:.15;transform:translateY(3px) rotate(45deg) scale(.55)}50%{opacity:1;transform:translateY(-4px) rotate(45deg) scale(1)}}
@media(max-width:1480px) and (min-width:701px){
  .birthday-transmission-fab{top:112px;right:max(18px,env(safe-area-inset-right))}
}
@media(max-width:700px){
  .birthday-transmission-fab{top:108px;right:max(14px,env(safe-area-inset-right));width:62px;height:62px}
  .birthday-cake-button{width:58px;height:58px;border-radius:17px 7px 17px 7px}
  .birthday-cake-svg{width:43px;height:43px}
  .birthday-fab-tooltip{display:none}
  .birthday-spark{width:5px;height:5px}
}
@media(max-width:390px){
  .birthday-transmission-fab{top:103px;right:max(10px,env(safe-area-inset-right));width:56px;height:56px}
  .birthday-cake-button{width:52px;height:52px}
  .birthday-cake-svg{width:39px;height:39px}
}
@media(prefers-reduced-motion:reduce){
  .birthday-transmission-fab,.birthday-cake-button,.birthday-cake-button:before,.birthday-flame,.birthday-spark{animation:none!important;transition:none!important}
}

/* ===== 2026-10-12 mobile motion performance profile =====
   Keep useful entrance feedback, but remove continuous GPU-heavy motion on
   phones/coarse-pointer devices. app.js adds .motion-lite at runtime. */
html.motion-lite body:before,
html.motion-lite body:after{
  animation:none!important;
  transform:none!important;
}
html.motion-lite body:before{
  inset:-6%;
  opacity:.38;
}
html.motion-lite body:after{
  opacity:.12;
  background-size:56px 56px;
}
html.motion-lite .site-scroll-progress{
  box-shadow:none;
  will-change:auto;
}
html.motion-lite .site-header .header-inner{
  transition:border-color .18s ease,background .18s ease!important;
}
html.motion-lite .site-header.is-scrolled .header-inner{
  transform:none!important;
  box-shadow:0 8px 20px rgba(0,0,0,.32)!important;
}
html.motion-lite .site-header .brand img,
html.motion-lite .site-header .main-nav a{
  transition:color .16s ease,background .16s ease,border-color .16s ease!important;
}
html.motion-lite .site-header .brand:hover img,
html.motion-lite .site-header .main-nav a:hover{
  transform:none!important;
  filter:none!important;
}

/* Short, transform-only entrances. Blur + long staggered transitions are
   noticeably more expensive during mobile scrolling. */
html.motion-lite.motion-ready .hero .hero-content>*{
  transform:translateY(8px);
  transition:opacity .34s ease,transform .34s ease!important;
  transition-delay:0s!important;
}
html.motion-lite.motion-ready .hero .hero-visual{
  transform:translateY(10px) scale(.995);
  transition:opacity .4s ease,transform .4s ease!important;
  transition-delay:.05s!important;
}
html.motion-lite .motion-reveal{
  filter:none!important;
  transform:translateY(10px)!important;
  transition:opacity .32s ease,transform .32s ease!important;
  transition-delay:0s!important;
}
html.motion-lite .motion-reveal.motion-from-left{
  transform:translateY(10px)!important;
}
html.motion-lite .motion-reveal.motion-scale{
  transform:translateY(8px) scale(.995)!important;
}
html.motion-lite .motion-reveal.is-visible{
  transform:none!important;
}

/* Disable the always-running decorative loops on mobile. */
html.motion-lite .brand-identity-grid,
html.motion-lite .brand-identity-orbit,
html.motion-lite .brand-identity-logo,
html.motion-lite .hero-sticker,
html.motion-lite .hero-visual-note span,
html.motion-lite .game-strip .icon,
html.motion-lite .portrait-scan{
  animation:none!important;
}
html.motion-lite .portrait-scan{display:none!important}
html.motion-lite .hero .portrait{
  transform:none!important;
  transform-style:flat!important;
  will-change:auto!important;
  transition:border-color .18s ease!important;
}
html.motion-lite .hero .portrait:hover{
  box-shadow:none!important;
}
html.motion-lite .brand-identity-logo{
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.38))!important;
}
html.motion-lite body.squad-mode{animation:none!important}
html.motion-lite .control-ripple{display:none!important}

/* Touch controls do not need desktop hover shimmer/glow work. */
html.motion-lite .button:after,
html.motion-lite .copy-btn:after,
html.motion-lite .footer-copy-btn:after{
  display:none!important;
}
html.motion-lite .youtube-poster .youtube-play-button{
  filter:none!important;
  box-shadow:0 8px 22px rgba(0,0,0,.38)!important;
}

/* Keep the birthday cake recognisably alive on mobile, but animate only the
   tiny candle flames. The large pulse, float and spark loops are removed. */
html.motion-lite .birthday-cake-button,
html.motion-lite .birthday-cake-button:before,
html.motion-lite .birthday-spark{
  animation:none!important;
}
html.motion-lite .birthday-cake-button:before{opacity:.32}
html.motion-lite .birthday-spark{display:none!important}
html.motion-lite .birthday-cake-svg{filter:none!important}
html.motion-lite .birthday-flame{
  animation-duration:1.35s!important;
}

@media(max-width:900px){
  /* CSS fallback for the first paint before app.js applies motion-lite. */
  body:before,body:after{animation:none!important}
  .portrait-scan,.brand-identity-grid,.brand-identity-orbit,.brand-identity-logo,
  .hero-sticker,.hero-visual-note span,.game-strip .icon{animation:none!important}
  .motion-ready .motion-reveal{filter:none}
}

/* Minecraft quest line: vertically center the ACT 01–10 group against the
   complete quest copy on desktop/tablet, rather than pinning it to the top. */
@media (min-width:761px){
  .quest-band .quest-list{
    align-self:center !important;
    padding-top:0 !important;
  }
}

/* ===== Mobile hero content alignment — hero section only =====
   Keep every hero text/action element on one shared mobile column without
   changing global containers or any section outside the hero. */
@media (max-width:700px){
  .hero-polished .hero-content{
    width:100%;
    max-width:none;
    margin-inline:0;
    padding-inline:0;
    justify-self:stretch;
  }

  .hero-polished .hero-content > .eyebrow,
  .hero-polished .hero-content > h1,
  .hero-polished .hero-content > .melody-lockup,
  .hero-polished .hero-content > .hero-description,
  .hero-polished .hero-content > .hero-actions,
  .hero-polished .hero-content > .social-link-row,
  .hero-polished .hero-content > .address-stack{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }

  .hero-polished .hero-description{
    padding-inline:0;
  }

  /* One predictable CTA stack on every mobile hero. */
  .hero-polished .hero-actions,
  .hero-home-upgraded .hero-actions,
  .hero-member-polished .hero-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    width:100%;
    max-width:none;
  }

  .hero-polished .hero-actions > .button,
  .hero-home-upgraded .hero-actions > .button,
  .hero-member-polished .hero-actions > .button{
    width:100%;
    min-width:0;
    margin-inline:0;
    justify-content:center;
  }

  /* Keep creator secondary links aligned to the same left edge. */
  .hero-polished .social-link-row{
    justify-content:flex-start;
  }

  /* Minecraft's hero controls are part of the hero action column. */
  body[data-theme="minecraft"] .hero-polished .address-stack,
  body[data-theme="minecraft"] .hero-polished .address-card{
    width:100%;
    max-width:none;
    margin-inline:0;
  }
}

/* ===== Creator mobile channel alignment =====
   Keep the creator hero links and Creator channels panel on the same
   two-column rhythm: Twitch / YouTube above Instagram / Discord. */
@media (max-width:700px){
  /* Creator hero: both button rows share the exact same columns and gap. */
  .hero-member-polished .hero-actions,
  .hero-member-polished .hero-content > .social-link-row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    max-width:none !important;
  }

  .hero-member-polished .hero-actions > .button,
  .hero-member-polished .hero-content > .social-link-row > .social-chip{
    width:100% !important;
    min-width:0 !important;
    min-height:48px;
    margin:0 !important;
    justify-content:center;
    text-align:center;
  }

  .hero-member-polished .hero-content > .social-link-row{
    margin-top:10px;
  }

  /* Creator channels: prevent flex-content widths from making the second
     row shorter or shifted compared with Twitch / YouTube. */
  .creator-live-section .stream-side > .info-panel:first-child .social-link-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
    margin-top:22px;
  }

  .creator-live-section .stream-side > .info-panel:first-child .social-chip{
    width:100%;
    min-width:0;
    min-height:48px;
    margin:0;
    padding:10px 12px;
    justify-content:center;
    text-align:center;
  }
}

@media (max-width:420px){
  /* Preserve the two-column alignment on narrow phones without wrapping
     the creator button labels onto uneven heights. */
  .hero-member-polished .hero-actions > .button,
  .hero-member-polished .hero-content > .social-link-row > .social-chip{
    padding-left:8px;
    padding-right:8px;
    font-size:.72rem;
    gap:7px;
  }

  .hero-member-polished .hero-actions .icon,
  .hero-member-polished .hero-content > .social-link-row .icon{
    width:18px;
    height:18px;
    flex:0 0 18px;
  }

  .hero-member-polished .creator-youtube-button span{
    white-space:nowrap;
  }

  .creator-live-section .stream-side > .info-panel:first-child .social-chip{
    padding-left:8px;
    padding-right:8px;
    font-size:.74rem;
    gap:7px;
  }
}

/* ===== Creator schedule category colors + equal hero social buttons =====
   Schedule colors are content-based and intentionally consistent between
   MrHoid and Snackalot: Mobile Legends = gold, Variety = electric blue,
   IRL = pink. Only creator schedule cards and creator hero buttons are affected. */
.schedule-modern-card.schedule-game-mobile-legends{--schedule-accent:#ffc43d;--schedule-accent-soft:#2d2512}
.schedule-modern-card.schedule-game-variety{--schedule-accent:#39a8ff;--schedule-accent-soft:#102842}
.schedule-modern-card.schedule-game-irl{--schedule-accent:#f07daf;--schedule-accent-soft:#32182a}

.schedule-modern-card.schedule-game-mobile-legends,
.schedule-modern-card.schedule-game-variety,
.schedule-modern-card.schedule-game-irl{
  border-color:color-mix(in srgb,var(--schedule-accent) 35%,#31465c) !important;
  border-top-color:var(--schedule-accent) !important;
  background:
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--schedule-accent) 11%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--schedule-accent-soft) 42%,#132238),#101b2d 68%);
  box-shadow:0 12px 30px rgba(0,0,0,.13),inset 0 1px 0 color-mix(in srgb,var(--schedule-accent) 10%,transparent);
}
.schedule-modern-card.schedule-game-mobile-legends .schedule-icon,
.schedule-modern-card.schedule-game-variety .schedule-icon,
.schedule-modern-card.schedule-game-irl .schedule-icon{
  color:var(--schedule-accent) !important;
}
.schedule-modern-card.schedule-game-mobile-legends .schedule-card-rule,
.schedule-modern-card.schedule-game-variety .schedule-card-rule,
.schedule-modern-card.schedule-game-irl .schedule-card-rule{
  background:color-mix(in srgb,var(--schedule-accent) 48%,#25384d) !important;
}
.schedule-modern-card.schedule-game-mobile-legends>p,
.schedule-modern-card.schedule-game-variety>p,
.schedule-modern-card.schedule-game-irl>p{
  color:color-mix(in srgb,var(--schedule-accent) 78%,#fff) !important;
  font-weight:700;
}

/* Creator hero: Instagram and Discord use the exact same two-column geometry
   and button height as Twitch and YouTube on desktop and mobile. */
.hero-member-polished .hero-actions,
.hero-member-polished .hero-content>.social-link-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  max-width:500px;
}
.hero-member-polished .hero-actions>.button,
.hero-member-polished .hero-content>.social-link-row>.social-chip{
  width:100%;
  min-width:0;
  min-height:48px;
  margin:0;
  padding:13px 20px;
  justify-content:center;
  border-radius:4px;
  font-size:.9rem;
  font-weight:800;
  line-height:1.4;
  text-align:center;
}
.hero-member-polished .hero-content>.social-link-row{
  margin-top:12px;
}
.hero-member-polished .hero-content>.social-link-row>.social-chip{
  border:1px solid #384759;
  background:transparent;
  color:#fff;
  transition:background .2s,border-color .2s,transform .2s;
}
.hero-member-polished .hero-content>.social-link-row>.social-chip:hover{
  background:#172639;
  border-color:var(--blue);
  color:#fff;
  transform:translateY(-2px);
}
.hero-member-polished .hero-content>.social-link-row>.social-chip .icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
}

@media(max-width:700px){
  .hero-member-polished .hero-actions,
  .hero-member-polished .hero-content>.social-link-row{
    max-width:none;
    gap:10px;
  }
}


/* ===== MHQ Coaching page + header CTA ===== */
body[data-theme="coaching"]{
  --blue:#9b6cff;
  --blue-light:#cbb8ff;
  --gold:#28d7c5;
  --gold-light:#8df4e7;
  background:radial-gradient(circle at 82% -12%,rgba(81,49,142,.35) 0,transparent 35%),var(--bg);
}
.header-cta-group{display:flex;align-items:center;gap:9px;flex-shrink:0}
.site-header .header-watch.header-watch-coaching{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;
  border-color:#a477ff;background:linear-gradient(180deg,#8959ef,#6f42d6);color:#fff;font-size:.8rem;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 24px rgba(98,57,184,.18);
}
.site-header .header-watch.header-watch-coaching .coaching-icon{width:17px;height:17px}
.site-header .header-watch.header-watch-coaching:hover{background:linear-gradient(180deg,#9b6cff,#7c4ee2);border-color:#bd9bff;transform:translateY(-1px)}
.site-header .header-watch.header-watch-coaching[aria-current="page"]{box-shadow:0 0 0 1px #d8c8ff,0 0 22px rgba(155,108,255,.32)}
@media(max-width:1100px){.header-cta-group{display:none}}

.coaching-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:70px;align-items:center;padding-top:78px;padding-bottom:86px}
.coaching-hero h1{font-size:clamp(4.8rem,7.3vw,7.1rem);line-height:.94;margin:26px 0 28px}
.coaching-hero h1 em{display:block;font-size:.62em;line-height:1.08;color:var(--blue-light);white-space:normal}
.coaching-hero .hero-description{max-width:660px;font-size:1.02rem}
.coaching-hero-actions{gap:12px}
.coaching-strategy-board{position:relative;min-height:525px;border:1px solid color-mix(in srgb,var(--blue) 52%,#27394f);border-top:3px solid var(--blue);border-radius:7px 7px 56px 7px;background:radial-gradient(circle at 50% 42%,rgba(155,108,255,.14),transparent 38%),linear-gradient(145deg,#11182a,#0b111c 72%);overflow:hidden;padding:26px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.coaching-strategy-board:before{content:'';position:absolute;inset:72px 54px 122px;border:1px solid rgba(155,108,255,.26);border-radius:50%}
.coaching-strategy-board:after{content:'';position:absolute;left:50%;top:74px;bottom:122px;border-left:1px dashed rgba(141,244,231,.18)}
.coaching-board-top{display:flex;justify-content:space-between;gap:20px;font-size:.62rem;letter-spacing:.16em;font-weight:800;color:#d9e4f3}
.coaching-board-core{position:absolute;inset:105px 60px 155px;display:grid;place-items:center;z-index:2}
.coaching-board-ring{width:190px;height:190px;border:1px solid rgba(141,244,231,.38);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(8,14,24,.55);box-shadow:0 0 0 22px rgba(155,108,255,.04),0 0 70px rgba(155,108,255,.12)}
.coaching-board-ring strong{font-family:var(--display);font-size:3.6rem;line-height:.85}.coaching-board-ring span{margin-top:9px;font-size:.66rem;letter-spacing:.18em;color:var(--gold-light);font-weight:800}
.coaching-board-grid{position:absolute;left:26px;right:26px;bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.coaching-board-grid span{padding:12px 8px;border:1px solid #334158;background:#0d1623;text-align:center;font-size:.6rem;letter-spacing:.11em;font-weight:800;color:#c8d5e6}
.coaching-principles-section{padding:82px 0;background:#0c121c;border-block:1px solid #202a38}.coaching-heading{align-items:flex-end}.coaching-heading>p{max-width:540px}
.coaching-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.coaching-principles article{padding:28px;border:1px solid #2b394c;background:linear-gradient(145deg,#111b2a,#0c131e);border-radius:6px}.coaching-principles article>span{display:block;color:var(--blue-light);font-size:.68rem;letter-spacing:.14em;font-weight:800;margin-bottom:23px}.coaching-principles h3{font-size:2rem;margin-bottom:12px}.coaching-principles p{font-size:.9rem;line-height:1.75}
.coach-section{padding:96px 0;border-bottom:1px solid #202a38}.coach-section-alt{background:#0a1019}.coach-section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start;margin-bottom:42px}.coach-section-head h2{margin-top:18px}.coach-intro{display:grid;gap:17px;padding-top:34px}.coach-intro p{font-size:.98rem;line-height:1.85}
.coach-focus-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-bottom:48px}.coach-focus-card,.coach-direct-card{border:1px solid #2d3d52;border-radius:6px;background:#0e1723;padding:30px}.coach-focus-card h3{font-size:2.25rem;margin:14px 0 20px}.coach-focus-card ul{margin:0;padding-left:20px;color:#bdc8d7;display:grid;gap:11px}.coach-focus-card li::marker{color:var(--blue-light)}.coach-direct-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 13%,#111826),#0c131e);border-color:color-mix(in srgb,var(--blue) 35%,#314156)}.coach-direct-kicker{font-size:.63rem;letter-spacing:.15em;font-weight:800;color:var(--gold-light);margin-bottom:16px}.coach-direct-card strong{font-family:var(--display);font-size:2.25rem;line-height:1.05}.coach-direct-card p{margin-top:15px;font-size:.9rem}
.package-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.package-heading h3{font-size:2.4rem}.coaching-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.coaching-package{min-height:220px;padding:25px 24px;border:1px solid #2b3c52;border-top:3px solid var(--blue);border-radius:5px;background:linear-gradient(155deg,#111d2d,#0c141f);display:flex;flex-direction:column}.coaching-package>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.coaching-package>div span{font-size:.62rem;letter-spacing:.12em;font-weight:800;color:var(--blue-light)}.coaching-package>div strong{font-size:.72rem;color:#c5d1df}.coaching-package h3{font-size:3.3rem;color:#fff;margin:25px 0 13px}.coaching-package p{font-size:.86rem;margin-top:auto}.coaching-package p b{color:#e3eaf2}
.coaching-booking-bar{margin-top:18px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--blue) 34%,#33465e);background:color-mix(in srgb,var(--blue) 7%,#0c151f);border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:25px}.coaching-booking-bar p{margin-top:8px;font-size:.9rem}.coaching-booking-bar p strong{color:#e8eef8}.coaching-discord-copy{min-width:235px}
.coaching-unavailable-section{padding:76px 0;background:#0c121c}.coaching-unavailable{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border:1px dashed #39465a;border-radius:6px;padding:35px 38px}.coaching-unavailable h2{font-size:3.25rem;margin-top:13px}.coaching-unavailable p{max-width:550px}

@media(max-width:1100px){
  .coaching-hero{grid-template-columns:1fr;gap:38px;padding-top:54px}.coaching-strategy-board{min-height:430px}.coaching-board-core{inset:90px 60px 130px}
  .coaching-principles{grid-template-columns:1fr}.coach-section-head{grid-template-columns:1fr;gap:8px}.coach-intro{padding-top:10px}.coach-focus-grid{grid-template-columns:1fr}.coaching-package-grid{grid-template-columns:repeat(2,1fr)}.coaching-unavailable{grid-template-columns:1fr;gap:20px}
}
@media(max-width:700px){
  .coaching-hero{padding-top:38px;padding-bottom:54px;gap:30px}.coaching-hero h1{font-size:clamp(4rem,15vw,5.7rem)}.coaching-hero-actions{display:grid;grid-template-columns:1fr}.coaching-hero-actions .button{width:100%}.coaching-strategy-board{min-height:350px;padding:20px;border-radius:6px 6px 38px 6px}.coaching-strategy-board:before{inset:63px 35px 100px}.coaching-strategy-board:after{top:63px;bottom:100px}.coaching-board-core{inset:78px 35px 118px}.coaching-board-ring{width:145px;height:145px}.coaching-board-ring strong{font-size:2.75rem}.coaching-board-grid{left:18px;right:18px;bottom:20px;grid-template-columns:1fr 1fr}.coaching-board-grid span{padding:9px 5px}.coaching-principles-section,.coach-section{padding:62px 0}.coaching-principles article{padding:24px}.coach-section-head h2{font-size:3rem}.coach-focus-card,.coach-direct-card{padding:25px}.package-heading{display:block}.package-heading h3{margin-top:12px;font-size:2.15rem}.coaching-package-grid{grid-template-columns:1fr}.coaching-package{min-height:190px}.coaching-booking-bar{flex-direction:column;align-items:stretch;padding:23px}.coaching-discord-copy{width:100%;min-width:0}.coaching-unavailable-section{padding:55px 0}.coaching-unavailable{padding:27px 25px}.coaching-unavailable h2{font-size:2.7rem}
}


/* Coaching page refinements */
.coaching-map-board{padding:22px 22px 26px;background:radial-gradient(circle at 50% 42%,rgba(155,108,255,.12),transparent 38%),linear-gradient(145deg,#11182a,#0b111c 72%)}
.coaching-map-board:before{display:none}
.coaching-map-board:after{display:none}
.coaching-board-map-wrap{position:relative;margin-top:16px;min-height:402px;border:1px solid rgba(164,119,255,.3);border-radius:10px 10px 44px 10px;overflow:hidden;background:#09111b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.coaching-board-map-wrap:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,18,.14),rgba(6,11,18,.32) 42%,rgba(6,11,18,.68));z-index:1}
.coaching-board-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03) brightness(.93)}
.coaching-map-board .coaching-board-core{inset:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center}
.coaching-map-board .coaching-board-ring{width:210px;height:210px;background:rgba(8,14,24,.64);backdrop-filter:blur(5px);box-shadow:0 0 0 20px rgba(155,108,255,.06),0 0 70px rgba(155,108,255,.16)}
.coaching-map-board .coaching-board-ring strong{font-size:3.35rem}
.coaching-map-board .coaching-board-ring span{font-size:.72rem}
.coaching-map-board .coaching-board-grid{position:relative;left:auto;right:auto;bottom:auto;margin-top:16px;z-index:2}
.coaching-map-board .coaching-board-grid span:last-child{font-size:.56rem}
.coaching-map-board .coaching-board-top{padding-inline:4px}
.site-header .header-watch.header-watch-coaching{background:linear-gradient(180deg,#9b6cff,#7c4ee2);border-color:#c7a9ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 24px rgba(98,57,184,.22)}
.site-header .header-watch.header-watch-coaching:hover{background:linear-gradient(180deg,#ab7cff,#8550f1);border-color:#decfff}
.site-header .header-watch.header-watch-coaching span{text-transform:none}
.coaching-cta-band .cta-inner{max-width:980px}
.coach-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:760px}
.coach-select-card{display:grid;justify-items:center;gap:14px;padding:22px 20px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:linear-gradient(180deg,rgba(17,24,39,.18),rgba(17,24,39,.32));backdrop-filter:blur(4px)}
.coach-select-avatar{width:88px;height:88px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.16);background:rgba(8,12,20,.28);padding:4px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.coach-select-copy{display:grid;gap:4px;text-align:center}
.coach-select-copy strong{font-family:var(--display);font-size:2rem;line-height:1;color:#fff}
.coach-select-copy span{font-size:.86rem;line-height:1.6;color:#ecf4ff}
.coach-select-card .button{width:100%;justify-content:center}
@media(max-width:1100px){
  .coaching-board-map-wrap{min-height:360px}
}
@media(max-width:700px){
  .coaching-map-board{padding:18px 18px 20px}
  .coaching-board-map-wrap{min-height:280px;border-radius:8px 8px 30px 8px}
  .coaching-map-board .coaching-board-ring{width:155px;height:155px;box-shadow:0 0 0 14px rgba(155,108,255,.06),0 0 50px rgba(155,108,255,.14)}
  .coaching-map-board .coaching-board-ring strong{font-size:2.8rem}
  .coaching-map-board .coaching-board-ring span{font-size:.58rem;letter-spacing:.14em}
  .coach-select-grid{grid-template-columns:1fr}
  .coach-select-card{padding:20px 18px}
  .coach-select-avatar{width:78px;height:78px;border-radius:16px}
}

/* Coaching hero coach-button icons */
.coaching-hero-actions .coaching-coach-icon{width:18px;height:18px;flex:0 0 18px}
.coaching-hero-actions .button span{line-height:1}


/* Coaching statistics section */
.coaching-stats-section{padding:88px 0;border-bottom:1px solid #202a38;background:linear-gradient(180deg,#0b1018,#0c121c)}
.coaching-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
.coach-stat-card{--coach-accent:var(--blue);--coach-accent-soft:rgba(155,108,255,.12);padding:30px;border:1px solid #2d3c50;border-top:3px solid var(--coach-accent);border-radius:8px;background:linear-gradient(145deg,#111b2a,#0c131e);box-shadow:0 18px 40px rgba(0,0,0,.16)}
.coach-stat-card--mrhoid{--coach-accent:#f3c85a;--coach-accent-soft:rgba(243,200,90,.12)}
.coach-stat-card--snackalot{--coach-accent:#48b0ff;--coach-accent-soft:rgba(72,176,255,.12)}
.coach-stat-profile{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.coach-stat-avatar{width:88px;height:88px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));padding:4px;box-shadow:0 8px 26px rgba(0,0,0,.22)}
.coach-stat-heading{display:grid;gap:8px}
.coach-stat-heading h3{font-size:2.35rem;line-height:.95}
.coach-stat-heading p{max-width:44ch;font-size:.92rem;line-height:1.75}
.coach-stat-keynums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.coach-stat-keynum{padding:16px 16px 14px;border:1px solid color-mix(in srgb,var(--coach-accent) 34%,#314156);border-radius:6px;background:linear-gradient(180deg,var(--coach-accent-soft),rgba(9,15,25,.1))}
.coach-stat-keynum span{display:block;font-size:.66rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:#c9d6e6;margin-bottom:10px}
.coach-stat-keynum strong{display:block;font-family:var(--display);font-size:2.35rem;line-height:.9;color:#fff}
.coach-stat-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.coach-stat-metric{padding:14px 14px 13px;border:1px solid #2c394d;border-radius:6px;background:#0f1825;min-height:96px}
.coach-stat-metric span{display:block;font-size:.68rem;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#aebed0;margin-bottom:12px}
.coach-stat-metric strong{display:block;font-family:var(--display);font-size:1.9rem;line-height:.92;color:#fff}
.coach-stat-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.coach-stat-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--coach-accent) 36%,#33455b);background:color-mix(in srgb,var(--coach-accent) 10%,#0f1824);font-size:.78rem;line-height:1.35;color:#e1ebf6}
@media(max-width:1100px){
  .coaching-stats-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .coaching-stats-section{padding:62px 0}
  .coach-stat-card{padding:24px}
  .coach-stat-profile{align-items:flex-start;gap:14px}
  .coach-stat-avatar{width:72px;height:72px;border-radius:16px}
  .coach-stat-heading h3{font-size:2rem}
  .coach-stat-keynums{grid-template-columns:1fr 1fr 1fr}
  .coach-stat-keynum{padding:14px 12px}
  .coach-stat-keynum strong{font-size:1.95rem}
  .coach-stat-metrics{grid-template-columns:1fr 1fr}
  .coach-stat-metric{min-height:88px;padding:13px 12px}
  .coach-stat-metric strong{font-size:1.7rem}
  .coach-stat-chip{font-size:.74rem;padding:8px 10px}
}

/* ===== Compact soundtrack player: reduced page obstruction ===== */
.music-player{
  width:282px !important;
  max-width:calc(100% - 40px) !important;
  padding:9px 10px 8px !important;
  border-radius:10px !important;
}
.music-heading{
  grid-template-columns:32px minmax(0,1fr) auto !important;
  gap:8px !important;
}
.music-brand{
  width:32px !important;
  height:32px !important;
  padding:4px !important;
  border-radius:8px !important;
}
.music-track{min-width:0}
.music-track strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.75rem !important;
}
.music-track p{font-size:.61rem !important}
.music-buttons{gap:4px !important}
.music-buttons button,
.music-buttons .music-play{
  width:31px !important;
  height:31px !important;
  border-radius:7px !important;
}
.music-icon-svg{width:15px !important;height:15px !important}
.js-ready .music-controls{
  margin-top:6px !important;
  padding-top:5px !important;
}
.music-timeline{
  grid-template-columns:26px minmax(0,1fr) 26px !important;
  gap:5px !important;
}
.music-timeline>span{font-size:.58rem !important}
/* Mute is already available as a dedicated control, so remove the second volume row. */
.music-volume{display:none !important}
.music-player input[type=range]{height:13px !important}
.back-to-top{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 92px) !important}

/* Phones: minimal one-row player so content remains unobstructed. */
@media(max-width:700px){
  .music-player{
    left:max(8px,env(safe-area-inset-left)) !important;
    bottom:max(8px,env(safe-area-inset-bottom)) !important;
    width:202px !important;
    max-width:calc(100% - 16px) !important;
    padding:7px 8px !important;
    border-radius:9px !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }
  .music-player::before{height:1px !important}
  .music-heading{
    grid-template-columns:27px minmax(0,1fr) auto !important;
    gap:6px !important;
  }
  .music-brand{
    width:27px !important;
    height:27px !important;
    padding:3px !important;
    border-radius:6px !important;
  }
  .music-track strong{font-size:.66rem !important}
  .music-track p{display:none !important}
  .music-buttons{gap:3px !important}
  .music-buttons button,
  .music-buttons .music-play{
    width:27px !important;
    height:27px !important;
    border-radius:6px !important;
  }
  .music-icon-svg{width:13px !important;height:13px !important}
  .js-ready .music-controls{display:none !important}
  .back-to-top{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 58px) !important}
}

@media(max-width:390px){
  .music-player{width:188px !important}
  .music-track strong{font-size:.63rem !important}
}

/* Minecraft hero address: keep hostname + port together without awkward port wrapping. */
body[data-theme="minecraft"] .hero-polished .address-card > div{
  min-width:0;
}
body[data-theme="minecraft"] .hero-polished .address-card strong{
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
  font-size:clamp(1rem,1.15vw,1.28rem);
}
body[data-theme="minecraft"] .hero-polished .minecraft-hero-copy{
  min-width:176px;
  padding-inline:14px;
}
@media(max-width:1180px){
  body[data-theme="minecraft"] .hero-polished .address-card{
    grid-template-columns:1fr;
    gap:13px;
    align-items:start;
  }
  body[data-theme="minecraft"] .hero-polished .minecraft-hero-copy{
    width:100%;
    min-width:0;
  }
}
@media(max-width:420px){
  body[data-theme="minecraft"] .hero-polished .address-card strong{
    font-size:.92rem;
    letter-spacing:-.01em;
  }
}

/* ===== Compact music volume control ===== */
/* Restore the existing functional volume input without returning to the large player layout. */
.music-volume{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) 30px;
  align-items:center;
  gap:6px !important;
  margin-top:2px !important;
}
.music-volume label{
  font-size:.58rem !important;
  line-height:1 !important;
  color:#9fb6cf !important;
}
.music-volume output{
  min-width:30px !important;
  font-size:.56rem !important;
  line-height:1 !important;
  text-align:right;
  color:#9fb6cf !important;
}
.music-volume input[type=range]{
  height:12px !important;
}
.back-to-top{
  bottom:calc(max(24px,env(safe-area-inset-bottom)) + 110px) !important;
}

/* Phones: keep volume control, but reduce it to one slim slider row. */
@media(max-width:700px){
  .js-ready .music-controls{
    display:block !important;
    margin-top:4px !important;
    padding-top:3px !important;
  }
  .music-timeline{
    display:none !important;
  }
  .music-volume{
    display:block !important;
    margin-top:0 !important;
  }
  .music-volume label,
  .music-volume output{
    display:none !important;
  }
  .music-volume input[type=range]{
    width:100% !important;
    height:10px !important;
  }
  .back-to-top{
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 72px) !important;
  }
}

/* ===== Final back-to-top edge alignment =====
   Keep the control closer to the lower-right edge on every device.
   This intentionally comes after the music-player rules so they cannot lift it again. */
.back-to-top{
  right:max(20px,env(safe-area-inset-right)) !important;
  bottom:max(44px,env(safe-area-inset-bottom)) !important;
}
@media(max-width:950px){
  .back-to-top{
    right:max(16px,env(safe-area-inset-right)) !important;
    bottom:max(28px,env(safe-area-inset-bottom)) !important;
  }
}
@media(max-width:700px){
  .back-to-top{
    right:max(12px,env(safe-area-inset-right)) !important;
    bottom:max(14px,env(safe-area-inset-bottom)) !important;
  }
}
@media(max-width:390px){
  .back-to-top{
    right:max(10px,env(safe-area-inset-right)) !important;
    bottom:max(10px,env(safe-area-inset-bottom)) !important;
  }
}


/* ===== v29 permanent Birthday Arcade launcher =====
   Sits directly below Birthday Transmission on all public pages. */
.birthday-arcade-launcher{
  position:fixed;
  z-index:69;
  top:104px;
  right:max(24px,env(safe-area-inset-right));
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-7px) scale(.84);
  transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .28s;
  isolation:isolate;
}
.birthday-arcade-launcher.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.birthday-rocket{
  position:relative;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid #8b72ff;
  border-radius:8px 22px 8px 22px;
  background:linear-gradient(145deg,#142146 0%,#0a1226 65%,#241144 100%);
  box-shadow:0 10px 30px #0009,inset 0 0 0 3px #07111d,0 0 22px #795cff38;
  overflow:visible;
  animation:birthdayRocketFloat 3s ease-in-out infinite;
}
.birthday-rocket:before{
  content:'';
  position:absolute;
  inset:-7px;
  z-index:-1;
  border:1px solid #795cff78;
  border-radius:12px 27px 12px 27px;
  opacity:.55;
  animation:birthdayRocketPulse 2.35s ease-out infinite;
}
.birthday-rocket svg{
  position:relative;
  z-index:2;
  width:47px;
  height:47px;
  overflow:visible;
  filter:drop-shadow(0 4px 8px #0009);
}
.rocket-body{
  fill:#e9ecf5;
  stroke:#9aa8c4;
  stroke-width:1.5;
  stroke-linejoin:round;
}
.rocket-window{
  fill:#55d9ff;
  stroke:#0a6e93;
  stroke-width:1.6;
}
.rocket-fin{
  fill:none;
  stroke:#a687ff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.rocket-flame{
  fill:#ffc43d;
  stroke:#ff7c43;
  stroke-width:1.2;
  transform-origin:center;
  animation:birthdayRocketFlame .55s ease-in-out infinite alternate;
}
.rocket-star{
  fill:none;
  stroke:#55d9ff;
  stroke-width:2;
  stroke-linecap:round;
}
.birthday-rocket-glow{
  position:absolute;
  inset:11px;
  border-radius:50%;
  background:radial-gradient(circle,#795cff35 0%,transparent 68%);
  filter:blur(5px);
  animation:birthdayRocketGlow 1.8s ease-in-out infinite alternate;
}
.birthday-rocket-tooltip{
  position:absolute;
  top:50%;
  right:calc(100% + 11px);
  min-width:156px;
  padding:9px 12px 10px;
  border:1px solid #8b72ff80;
  border-radius:6px;
  background:#08121ff2;
  box-shadow:0 8px 24px #0008;
  text-align:right;
  line-height:1.04;
  opacity:0;
  transform:translate(8px,-50%);
  transition:opacity .2s ease,transform .22s ease;
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.birthday-rocket-tooltip small{
  display:block;
  margin-bottom:4px;
  color:#a687ff;
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.14em;
}
.birthday-rocket-tooltip strong{
  font-family:var(--display);
  font-size:1.08rem;
  letter-spacing:.025em;
  text-transform:uppercase;
  color:#fff;
}
.birthday-arcade-launcher:hover .birthday-rocket-tooltip,
.birthday-arcade-launcher:focus-visible .birthday-rocket-tooltip{
  opacity:1;
  transform:translate(0,-50%);
}
.birthday-arcade-launcher:focus-visible{
  outline:3px solid #a687ff;
  outline-offset:7px;
  border-radius:24px;
}
body.menu-open .birthday-arcade-launcher{
  opacity:0;
  pointer-events:none;
}
@keyframes birthdayRocketFloat{
  0%,100%{transform:translateY(0) rotate(1.2deg)}
  50%{transform:translateY(5px) rotate(-1.2deg)}
}
@keyframes birthdayRocketPulse{
  0%{transform:scale(.92);opacity:.5}
  70%,100%{transform:scale(1.13);opacity:0}
}
@keyframes birthdayRocketFlame{
  from{transform:scale(.92)}
  to{transform:scale(1.12)}
}
@keyframes birthdayRocketGlow{
  from{opacity:.45;transform:scale(.92)}
  to{opacity:.85;transform:scale(1.08)}
}

/* When the header collapses/moves the transmission button, keep the arcade
   directly underneath it with matching spacing. */
@media(max-width:1480px) and (min-width:701px){
  .birthday-arcade-launcher{
    top:198px;
    right:max(18px,env(safe-area-inset-right));
  }
}
@media(max-width:700px){
  .birthday-arcade-launcher{
    top:180px;
    right:max(14px,env(safe-area-inset-right));
    width:62px;
    height:62px;
  }
  .birthday-rocket{
    width:58px;
    height:58px;
    border-radius:7px 17px 7px 17px;
  }
  .birthday-rocket svg{
    width:39px;
    height:39px;
  }
  .birthday-rocket-tooltip{
    display:none;
  }
}
@media(max-width:390px){
  .birthday-arcade-launcher{
    top:169px;
    right:max(10px,env(safe-area-inset-right));
    width:56px;
    height:56px;
  }
  .birthday-rocket{
    width:52px;
    height:52px;
  }
  .birthday-rocket svg{
    width:36px;
    height:36px;
  }
}
@media(prefers-reduced-motion:reduce){
  .birthday-arcade-launcher,
  .birthday-rocket,
  .birthday-rocket:before,
  .birthday-rocket-glow,
  .rocket-flame{
    animation:none!important;
    transition:none!important;
  }
}


/* v31 mobile coaching menu */
.site-header .main-nav .mobile-coaching-nav{display:none}
@media(max-width:700px){
  .site-header .main-nav .mobile-coaching-nav{
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin-top:9px;
    padding:14px 15px;
    border:1px solid #a477ff;
    border-radius:6px;
    background:linear-gradient(180deg,rgba(137,89,239,.25),rgba(77,43,151,.22));
    color:#eee7ff;
    font-weight:800;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(63,31,128,.18);
  }
  .site-header .main-nav .mobile-coaching-nav .coaching-icon{
    width:18px;
    height:18px;
    flex:0 0 auto;
    color:#cbb8ff;
  }
  .site-header .main-nav .mobile-coaching-nav:hover,
  .site-header .main-nav .mobile-coaching-nav:focus-visible{
    background:linear-gradient(180deg,rgba(155,108,255,.36),rgba(95,53,184,.30));
    border-color:#c8adff;
    color:#fff;
  }
  .site-header .main-nav .mobile-coaching-nav[aria-current="page"]{
    border-color:#d8c8ff;
    background:linear-gradient(180deg,rgba(155,108,255,.44),rgba(105,62,199,.34));
    color:#fff;
  }
  .site-header .main-nav .mobile-coaching-nav[aria-current="page"]:after{
    display:none;
  }
}
/* end v31 mobile coaching menu */


/* v32 — strict mobile-only coaching nav visibility.
   The link lives in the shared nav markup but MUST never render on desktop. */
@media (min-width:701px){
  .site-header .main-nav > a.mobile-coaching-nav{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
}
@media (max-width:700px){
  .site-header .main-nav > a.mobile-coaching-nav{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
}
/* end v32 strict mobile-only coaching nav */

/* v33 — desktop Book coaching CTA uses the Coaching page accent on every page. */
@media (min-width:1101px){
  .site-header .header-cta-group .header-watch.header-watch-coaching{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#fff!important;
    background:linear-gradient(180deg,#9b6cff 0%,#7c4ee2 100%)!important;
    border-color:#c7a9ff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 24px rgba(98,57,184,.22)!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching:hover,
  .site-header .header-cta-group .header-watch.header-watch-coaching:focus-visible{
    color:#fff!important;
    background:linear-gradient(180deg,#ab7cff 0%,#8550f1 100%)!important;
    border-color:#decfff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px rgba(98,57,184,.3)!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching[aria-current="page"]{
    box-shadow:0 0 0 1px #d8c8ff,0 0 22px rgba(155,108,255,.32),0 10px 24px rgba(98,57,184,.22)!important;
  }
}
/* end v33 desktop coaching accent */


/* v35 Google-aligned SEO resource pages — useful, visible content; not doorway pages */
.seo-brand-intro{padding-top:54px;padding-bottom:36px}
.seo-resource-kicker{font-family:var(--display);font-weight:800;letter-spacing:.12em;font-size:.78rem;color:var(--accent,#00bdf2);margin-bottom:14px}
.seo-brand-intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:40px;align-items:end;padding:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(9,26,44,.82),rgba(8,14,25,.92));border-radius:18px}
.seo-brand-intro h2{margin:0 0 12px;font-family:var(--display);font-size:clamp(2rem,4vw,3.5rem);line-height:.92;text-transform:uppercase}.seo-brand-intro p{margin:0;color:var(--muted,#aeb9c7);line-height:1.75}.seo-brand-intro a,.seo-resource-section a{color:#79dfff;font-weight:700}
.seo-coaching-context{margin-top:22px;max-width:760px;padding:14px 16px;border-left:3px solid #9b6cff;background:rgba(155,108,255,.08);color:var(--muted,#c4cadd);line-height:1.65}.seo-coaching-context a{color:#d4bcff;font-weight:700}
.seo-resource-hero{padding:88px 0 58px;background:radial-gradient(circle at 80% 22%,rgba(0,189,242,.13),transparent 32%),linear-gradient(180deg,rgba(10,24,39,.58),transparent)}
.seo-resource-hero-coaching{background:radial-gradient(circle at 80% 22%,rgba(155,108,255,.15),transparent 34%),linear-gradient(180deg,rgba(20,14,39,.56),transparent)}
.seo-resource-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:48px;align-items:center}.seo-resource-hero h1{font-family:var(--display);font-size:clamp(3.4rem,7vw,6.6rem);line-height:.82;text-transform:uppercase;margin:18px 0 22px}.seo-resource-hero h1 em{font-style:italic;color:var(--accent,#55d9ff)}.seo-resource-hero p{max-width:720px;color:var(--muted,#b4c0cd);font-size:1.05rem;line-height:1.75}.seo-resource-card{padding:28px;border:1px solid rgba(125,219,255,.24);background:linear-gradient(145deg,rgba(9,27,45,.94),rgba(8,14,25,.96));border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.seo-resource-card strong{display:block;margin:10px 0 8px;font-family:var(--display);font-size:clamp(2rem,4vw,3.3rem);line-height:.94;text-transform:uppercase}.seo-resource-card p{margin:0;font-size:.92rem}.seo-resource-section{padding-top:76px;padding-bottom:76px}.seo-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}.seo-resource-grid article{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,18,31,.72)}.seo-resource-grid h3{font-family:var(--display);font-size:1.55rem;text-transform:uppercase;margin:0 0 10px}.seo-resource-grid p,.seo-resource-copy p{color:var(--muted,#b4c0cd);line-height:1.7}.seo-resource-copy{max-width:900px}.seo-resource-copy h2{font-family:var(--display);font-size:clamp(2.6rem,5vw,4.6rem);line-height:.9;text-transform:uppercase;margin:12px 0 22px}
@media(max-width:900px){.seo-brand-intro-grid,.seo-resource-hero-grid{grid-template-columns:1fr}.seo-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-resource-hero{padding-top:58px}}
@media(max-width:600px){.seo-brand-intro{padding-top:34px}.seo-brand-intro-grid{padding:20px}.seo-resource-grid{grid-template-columns:1fr}.seo-resource-section{padding-top:52px;padding-bottom:52px}.seo-resource-hero h1{font-size:clamp(3rem,15vw,4.8rem)}}


/* v37 — visual cleanup for visible SEO context blocks.
   Keep useful crawlable copy, but make it part of the existing MHQ design. */

/* Home: replace the large standalone SEO card with a compact editorial row. */
.seo-brand-intro{
  padding-top:34px!important;
  padding-bottom:12px!important;
}
.seo-brand-intro .seo-resource-kicker{
  margin-bottom:11px;
  font-size:.68rem;
  letter-spacing:.15em;
  opacity:.9;
}
.seo-brand-intro-grid{
  grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr)!important;
  gap:46px!important;
  align-items:center!important;
  padding:25px 0!important;
  border:0!important;
  border-top:1px solid rgba(121,223,255,.17)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:transparent!important;
}
.seo-brand-intro-grid>div:first-child{
  display:grid;
  grid-template-columns:minmax(210px,.72fr) minmax(260px,1fr);
  gap:26px;
  align-items:start;
}
.seo-brand-intro h2{
  margin:0!important;
  max-width:360px;
  font-size:clamp(2rem,3.15vw,3rem)!important;
  line-height:.96!important;
  letter-spacing:-.015em;
}
.seo-brand-intro p{
  font-size:.94rem;
  line-height:1.72!important;
}
.seo-brand-intro-grid>div:last-child{
  position:relative;
  padding-left:34px;
}
.seo-brand-intro-grid>div:last-child:before{
  content:'';
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:2px;
  border-radius:99px;
  background:linear-gradient(180deg,#55d9ff,rgba(85,217,255,.08));
}
.seo-brand-intro a{
  text-decoration:none;
  border-bottom:1px solid rgba(121,223,255,.34);
  transition:color .18s ease,border-color .18s ease;
}
.seo-brand-intro a:hover,
.seo-brand-intro a:focus-visible{
  color:#b6efff;
  border-bottom-color:#b6efff;
}
.seo-brand-intro + #squad{
  padding-top:54px!important;
}

/* Coaching: make the SEO context belong to the entire hero, not one grid column. */
.coaching-hero>.seo-coaching-context{
  grid-column:1 / -1!important;
  justify-self:stretch;
  width:100%;
  max-width:none!important;
  margin-top:-24px!important;
  margin-bottom:0!important;
  padding:16px 20px!important;
  border:1px solid rgba(155,108,255,.22)!important;
  border-left:3px solid #9b6cff!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,rgba(155,108,255,.09),rgba(155,108,255,.025) 58%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.coaching-hero>.seo-coaching-context p{
  max-width:1080px;
  margin:0;
  font-size:.91rem;
  line-height:1.65;
}
.coaching-hero>.seo-coaching-context strong{
  color:#eee8ff;
}
.coaching-hero>.seo-coaching-context a{
  color:#d3bcff;
  text-decoration:none;
  border-bottom:1px solid rgba(211,188,255,.35);
}
.coaching-hero>.seo-coaching-context a:hover,
.coaching-hero>.seo-coaching-context a:focus-visible{
  color:#efe7ff;
  border-bottom-color:#efe7ff;
}

@media(max-width:1100px){
  .seo-brand-intro-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .seo-brand-intro-grid>div:last-child{
    padding-left:0;
    padding-top:19px;
    border-top:1px solid rgba(255,255,255,.06);
  }
  .seo-brand-intro-grid>div:last-child:before{display:none}
  .coaching-hero>.seo-coaching-context{
    margin-top:-10px!important;
  }
}
@media(max-width:700px){
  .seo-brand-intro{
    padding-top:24px!important;
    padding-bottom:4px!important;
  }
  .seo-brand-intro-grid{
    gap:19px!important;
    padding:20px 0!important;
  }
  .seo-brand-intro-grid>div:first-child{
    grid-template-columns:1fr;
    gap:13px;
  }
  .seo-brand-intro h2{
    max-width:none;
    font-size:clamp(2rem,9vw,2.7rem)!important;
  }
  .seo-brand-intro p{font-size:.9rem}
  .seo-brand-intro + #squad{
    padding-top:43px!important;
  }
  .coaching-hero>.seo-coaching-context{
    margin-top:0!important;
    padding:14px 16px!important;
    border-radius:6px!important;
  }
  .coaching-hero>.seo-coaching-context p{
    font-size:.88rem;
    line-height:1.62;
  }
}
/* end v37 SEO context visual cleanup */


/* v38 MLBB resource/coaching cleanup */
.page-mlbb-resource .seo-resource-hero,
.page-mlbb-coaching-resource .seo-resource-hero{padding-top:92px;padding-bottom:66px}
.page-mlbb-resource .seo-resource-hero-grid,
.page-mlbb-coaching-resource .seo-resource-hero-grid{grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:42px;align-items:stretch}
.page-mlbb-resource .seo-resource-card,
.page-mlbb-coaching-resource .seo-resource-card{height:100%}
.page-mlbb-resource .seo-resource-card-head,
.page-mlbb-coaching-resource .seo-resource-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.page-mlbb-resource .seo-role-badge,
.page-mlbb-coaching-resource .seo-role-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid rgba(121,223,255,.2);border-radius:999px;background:rgba(8,24,39,.55);font-size:.66rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#9fe6ff;font-weight:700}
.page-mlbb-resource .seo-role-board{display:flex;flex-direction:column;justify-content:space-between}
.page-mlbb-resource .seo-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.page-mlbb-resource .seo-role-item{padding:18px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(13,33,53,.96),rgba(8,18,31,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.page-mlbb-resource .seo-role-lane{display:block;margin-bottom:8px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#79dfff;font-weight:800}
.page-mlbb-resource .seo-role-item strong{display:block;margin:0 0 7px;font-family:var(--display);font-size:1.55rem;line-height:.94;text-transform:uppercase}
.page-mlbb-resource .seo-role-item p{margin:0;color:var(--muted,#b4c0cd);font-size:.84rem;line-height:1.55}
.page-mlbb-resource .seo-role-footer{display:flex;justify-content:space-between;gap:16px;padding-top:18px;margin-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#9ab0c7}
.page-mlbb-coaching-resource .seo-coaching-board{display:flex;flex-direction:column;justify-content:space-between}
.page-mlbb-coaching-resource .seo-coaching-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-mlbb-coaching-resource .seo-coaching-grid article{padding:17px 15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(22,17,42,.96),rgba(9,14,29,.95))}
.page-mlbb-coaching-resource .seo-coaching-grid strong{display:block;margin-bottom:7px;font-family:var(--display);font-size:1.3rem;line-height:.95;text-transform:uppercase}
.page-mlbb-coaching-resource .seo-coaching-grid p{margin:0;color:var(--muted,#b4c0cd);font-size:.84rem;line-height:1.5}
.page-mlbb-coaching-resource .seo-coaching-note{margin:18px 0 0;color:#b9c6d8;font-size:.9rem;line-height:1.65}
.page-mlbb-resource .seo-resource-section,
.page-mlbb-coaching-resource .seo-resource-section{padding-top:72px;padding-bottom:72px}
.page-mlbb-resource .seo-resource-section .section-heading,
.page-mlbb-coaching-resource .seo-resource-section .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:end;gap:26px;margin-bottom:30px}
.page-mlbb-resource .seo-resource-section .section-heading>p,
.page-mlbb-coaching-resource .seo-resource-section .section-heading>p{margin:0;max-width:none;padding-bottom:6px}
.page-mlbb-resource .seo-resource-copy-panel,
.page-mlbb-coaching-resource .seo-resource-copy-panel{padding:28px 32px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(9,20,33,.82),rgba(5,12,21,.94))}
.page-mlbb-resource .seo-resource-copy-panel p:last-child,
.page-mlbb-coaching-resource .seo-resource-copy-panel p:last-child{margin-bottom:0}
.page-mlbb-resource .cta-band,
.page-mlbb-coaching-resource .cta-band{background:linear-gradient(135deg,#169de6 0%,#0a79d9 48%,#0c63c8 100%)}
.page-mlbb-resource .cta-band .cta-inner,
.page-mlbb-coaching-resource .cta-band .cta-inner{max-width:1120px;padding-block:54px;gap:32px}
.page-mlbb-resource .cta-band .cta-action,
.page-mlbb-coaching-resource .cta-band .cta-action{margin-right:0;display:grid;justify-items:start}
.page-mlbb-resource .cta-band .cta-action p,
.page-mlbb-coaching-resource .cta-band .cta-action p{max-width:440px;margin-bottom:18px}
.page-mlbb-resource .cta-band .button-light,
.page-mlbb-coaching-resource .cta-band .button-light,
.page-mlbb-coaching-resource .seo-resource-hero .button{display:inline-flex;align-items:center;gap:10px}
.page-mlbb-resource .cta-inline-icon,
.page-mlbb-coaching-resource .cta-inline-icon{width:18px;height:18px;flex:0 0 18px}
@media (max-width:900px){
  .page-mlbb-resource .seo-resource-hero-grid,
  .page-mlbb-coaching-resource .seo-resource-hero-grid,
  .page-mlbb-resource .seo-resource-section .section-heading,
  .page-mlbb-coaching-resource .seo-resource-section .section-heading{grid-template-columns:1fr}
  .page-mlbb-resource .seo-role-grid,
  .page-mlbb-coaching-resource .seo-coaching-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .page-mlbb-resource .seo-role-grid,
  .page-mlbb-coaching-resource .seo-coaching-grid{grid-template-columns:1fr}
  .page-mlbb-resource .seo-role-footer{flex-direction:column}
  .page-mlbb-resource .seo-resource-copy-panel,
  .page-mlbb-coaching-resource .seo-resource-copy-panel{padding:22px}
  .page-mlbb-resource .cta-band .cta-action,
  .page-mlbb-coaching-resource .cta-band .cta-action{justify-items:center}
  .page-mlbb-resource .cta-band .cta-action p,
  .page-mlbb-coaching-resource .cta-band .cta-action p{text-align:center}
}


/* v39 — richer MLBB landing pages, strategy graphics and SEO content */
.page-mlbb-resource main,.page-mlbb-coaching-resource main{overflow:hidden}
.page-mlbb-resource .seo-resource-hero,.page-mlbb-coaching-resource .seo-resource-hero{padding-top:88px;padding-bottom:72px}
.page-mlbb-resource .seo-resource-hero-grid,.page-mlbb-coaching-resource .seo-resource-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:48px;align-items:center}
.page-mlbb-resource .seo-resource-hero-copy,.page-mlbb-coaching-resource .seo-resource-hero-copy{min-width:0}
.page-mlbb-resource .seo-resource-hero h1,.page-mlbb-coaching-resource .seo-resource-hero h1{font-size:clamp(4.25rem,6.6vw,7rem);line-height:.84;max-width:850px}
.page-mlbb-resource .seo-resource-hero p,.page-mlbb-coaching-resource .seo-resource-hero p{max-width:720px}
.page-mlbb-resource .seo-resource-hero .hero-actions,.page-mlbb-coaching-resource .seo-resource-hero .hero-actions{gap:11px}
.page-mlbb-resource .seo-resource-hero .button,.page-mlbb-coaching-resource .seo-resource-hero .button{display:inline-flex;align-items:center;gap:9px}
.page-mlbb-resource .seo-resource-hero .button .icon,.page-mlbb-coaching-resource .seo-resource-hero .button .icon{width:18px;height:18px;flex:0 0 18px}
.seo-trust-line{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#8ea3b9;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.seo-trust-line span{position:relative}.seo-trust-line span:not(:last-child):after{content:'•';position:absolute;right:-12px;color:#456079}

.mlbb-strategy-visual,.coaching-loop-visual{position:relative;min-height:465px;padding:18px;border:1px solid rgba(102,198,255,.36);border-radius:18px 18px 58px 18px;background:linear-gradient(145deg,rgba(10,27,44,.96),rgba(7,13,24,.98));box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.coaching-loop-visual{border-color:rgba(181,137,255,.42);background:linear-gradient(145deg,rgba(25,17,48,.97),rgba(8,13,26,.98))}
.mlbb-strategy-visual:before,.coaching-loop-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(103,185,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,185,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.strategy-topline{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;padding:2px 3px 14px;color:#8198ad;font-size:.61rem;letter-spacing:.14em;font-weight:800}.strategy-topline strong{color:#b9d3e7;font-size:inherit}
.strategy-map,.coaching-loop-stage{position:relative;height:365px;border:1px solid rgba(93,195,245,.18);border-radius:12px 12px 42px 12px;background:radial-gradient(circle at 50% 48%,rgba(0,189,242,.12),transparent 28%),linear-gradient(135deg,rgba(9,29,46,.82),rgba(5,13,23,.86));overflow:hidden}
.strategy-map:before,.strategy-map:after{content:'';position:absolute;left:-12%;width:125%;height:3px;background:linear-gradient(90deg,transparent,rgba(78,191,240,.5),transparent);transform:rotate(-31deg);box-shadow:0 0 18px rgba(0,189,242,.2)}
.strategy-map:before{top:37%}.strategy-map:after{top:63%;transform:rotate(31deg)}
.strategy-lane{position:absolute;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);top:50%}.mlbb-strategy-visual .lane-a{transform:rotate(90deg)}.mlbb-strategy-visual .lane-b{transform:rotate(0)}
.strategy-river{position:absolute;top:8%;bottom:8%;left:49%;width:20%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(0,157,226,.1),rgba(0,157,226,.18),transparent);filter:blur(2px)}
.strategy-objective{position:absolute;z-index:3;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(121,223,255,.5);border-radius:50%;background:#0a1b2bdd;box-shadow:0 0 0 8px rgba(0,189,242,.05),0 0 25px rgba(0,189,242,.12);color:#e8f9ff}.strategy-objective b{font-family:var(--display);font-size:1.45rem;line-height:1}.strategy-objective small{position:absolute;top:64px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#7fa9bd}.mlbb-strategy-visual .objective-turtle{left:17%;top:18%}.mlbb-strategy-visual .objective-lord{right:15%;bottom:17%}
.strategy-role{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:flex-start;min-width:112px;padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(7,17,29,.9);box-shadow:0 10px 25px rgba(0,0,0,.24)}.strategy-role i{font-style:normal;font-size:.55rem;letter-spacing:.12em;color:#70d8ff;font-weight:800}.strategy-role strong{font-family:var(--display);font-size:1.02rem;line-height:1.05;margin:3px 0;text-transform:uppercase}.strategy-role small{color:#8195a9;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.mlbb-strategy-visual .role-jungle{left:8%;bottom:18%}.mlbb-strategy-visual .role-roam{left:31%;top:11%}.mlbb-strategy-visual .role-mid{right:29%;top:35%}.mlbb-strategy-visual .role-gold{right:7%;top:13%}
.strategy-core,.loop-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:142px;height:142px;border:1px solid rgba(99,219,255,.44);border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(24,64,82,.97),rgba(7,17,28,.98));box-shadow:0 0 0 12px rgba(0,189,242,.045),0 0 42px rgba(0,189,242,.12);text-align:center;font-family:var(--display);font-size:1.2rem;line-height:.95;color:#eefaff}.strategy-core b,.loop-core b{font-size:1.55rem;color:#7ee5ff}
.strategy-legend{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.strategy-legend span{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;text-align:center;font-size:.6rem;letter-spacing:.14em;color:#9ab0c4;font-weight:800}

.coaching-loop-stage{background:radial-gradient(circle at 50% 50%,rgba(155,108,255,.13),transparent 30%),linear-gradient(135deg,rgba(27,18,51,.82),rgba(7,13,25,.9));border-color:rgba(175,132,255,.2)}
.loop-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(181,139,255,.24);border-radius:50%}.coaching-loop-visual .ring-one{width:66%;height:66%}.coaching-loop-visual .ring-two{width:43%;height:43%;border-style:solid;opacity:.65}
.loop-node{position:absolute;z-index:4;display:flex;flex-direction:column;min-width:125px;padding:12px 14px;border:1px solid rgba(203,175,255,.2);border-radius:12px;background:rgba(11,14,29,.92);box-shadow:0 12px 28px rgba(0,0,0,.26)}.loop-node i{font-style:normal;color:#a986ff;font-size:.58rem;letter-spacing:.14em;font-weight:800}.loop-node strong{font-family:var(--display);font-size:1.08rem;text-transform:uppercase;margin:3px 0}.loop-node small{color:#8996a9;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.coaching-loop-visual .node-observe{left:8%;top:12%}.coaching-loop-visual .node-decide{right:8%;top:17%}.coaching-loop-visual .node-practice{right:9%;bottom:12%}.coaching-loop-visual .node-repeat{left:9%;bottom:14%}.loop-core{border-color:rgba(188,147,255,.48);background:radial-gradient(circle at 50% 40%,rgba(67,44,111,.95),rgba(12,13,28,.98));box-shadow:0 0 0 12px rgba(155,108,255,.05),0 0 46px rgba(155,108,255,.14)}.loop-core b{color:#c5a7ff}

.seo-icon-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.seo-icon-card-grid article{position:relative;min-height:265px;padding:25px 23px 23px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(11,25,40,.84),rgba(7,14,24,.96));overflow:hidden}.seo-icon-card-grid article:after{content:'';position:absolute;left:23px;right:23px;bottom:0;height:2px;background:linear-gradient(90deg,#22bcec,transparent)}.coaching-icon-grid article:after{background:linear-gradient(90deg,#9b6cff,transparent)}
.seo-card-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border:1px solid rgba(115,220,255,.2);border-radius:10px;background:rgba(22,103,140,.12);color:#78dcff}.coaching-icon-grid .seo-card-icon,.coaching-process-grid .seo-card-icon,.coach-path-section .seo-card-icon{border-color:rgba(188,151,255,.22);background:rgba(126,86,209,.12);color:#c0a2ff}.seo-card-icon .icon{width:22px;height:22px}.seo-card-kicker{display:block;margin-bottom:7px;color:#78dcff;font-size:.62rem;letter-spacing:.14em;font-weight:800}.coaching-icon-grid .seo-card-kicker{color:#b996ff}.seo-icon-card-grid h3{font-family:var(--display);font-size:1.65rem;line-height:.95;text-transform:uppercase;margin:0 0 12px}.seo-icon-card-grid p{color:var(--muted,#aeb9c7);font-size:.88rem;line-height:1.68}.seo-icon-card-grid a{display:inline-block;margin-top:15px;color:#78dcff;font-weight:750;font-size:.82rem}

.mlbb-flow-section,.coaching-process-section{padding:78px 0;background:linear-gradient(180deg,rgba(8,19,31,.35),rgba(8,18,29,.78));border-block:1px solid rgba(255,255,255,.055)}.compact-heading{margin-bottom:30px!important}.mlbb-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mlbb-flow-grid article{position:relative;padding:26px 24px 25px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#081421}.flow-number,.process-step{position:absolute;right:18px;top:16px;font-family:var(--display);font-size:2.3rem;color:rgba(115,220,255,.12);line-height:1}.mlbb-flow-grid h3,.coaching-process-grid h3{font-family:var(--display);font-size:1.8rem;text-transform:uppercase;margin:0 0 10px}.mlbb-flow-grid p,.coaching-process-grid p{color:var(--muted,#aeb9c7);font-size:.9rem;line-height:1.7}

.seo-split-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:stretch}.seo-split-panel>.seo-resource-copy,.seo-checklist-card{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(10,22,36,.86),rgba(6,13,23,.97))}.seo-split-panel .seo-resource-copy{max-width:none}.seo-checklist-card{background:linear-gradient(145deg,rgba(10,30,45,.92),rgba(7,16,27,.96))}.purple-checklist{background:linear-gradient(145deg,rgba(29,19,52,.94),rgba(9,13,26,.97));border-color:rgba(188,151,255,.13)}.seo-checklist-card .small-label{display:block;margin-bottom:18px}.seo-checklist-card ul{display:grid;gap:15px;margin:0;padding:0;list-style:none}.seo-checklist-card li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;color:#aebccc;font-size:.88rem;line-height:1.6}.seo-checklist-card li .icon{width:20px;height:20px;color:#64d7ff;margin-top:2px}.purple-checklist li .icon{color:#b997ff}.seo-checklist-card li strong{color:#edf6ff}

.seo-link-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.seo-link-card-grid>a{display:flex;flex-direction:column;min-height:255px;padding:23px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(10,23,37,.78),rgba(6,13,22,.96));color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}.seo-link-card-grid>a:hover{transform:translateY(-4px);border-color:rgba(106,214,255,.35);background:linear-gradient(145deg,rgba(12,31,49,.9),rgba(6,15,26,.98))}.seo-link-card-grid strong{font-family:var(--display);font-size:1.48rem;text-transform:uppercase;line-height:.98;margin-bottom:10px}.seo-link-card-grid p{color:#9aaabd;font-size:.86rem;line-height:1.65;flex:1}.seo-link-card-grid>a>span:last-child{color:#77dfff;font-weight:750;font-size:.8rem;margin-top:14px}

.seo-faq-list{display:grid;gap:10px;max-width:1040px}.seo-faq-list details{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,18,30,.72);overflow:hidden}.coaching-faq-v39 .seo-faq-list details{background:rgba(20,15,38,.55);border-color:rgba(189,151,255,.12)}.seo-faq-list summary{position:relative;cursor:pointer;list-style:none;padding:19px 54px 19px 20px;color:#eef6ff;font-weight:800}.seo-faq-list summary::-webkit-details-marker{display:none}.seo-faq-list summary:after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:var(--display);font-size:1.6rem;color:#69d8ff}.coaching-faq-v39 .seo-faq-list summary:after{color:#b996ff}.seo-faq-list details[open] summary:after{content:'–'}.seo-faq-list details p{margin:0;padding:0 20px 20px;color:#a7b5c5;line-height:1.72;max-width:900px}.seo-faq-list a{color:#75dcff;font-weight:750}

.coaching-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.coaching-process-grid article{position:relative;padding:25px 22px;border:1px solid rgba(190,151,255,.12);border-radius:16px;background:linear-gradient(145deg,rgba(24,17,45,.8),rgba(8,13,25,.95))}.process-step{color:rgba(187,149,255,.13)}
.coach-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.coach-path-card{padding:28px;border:1px solid rgba(188,151,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(25,17,47,.92),rgba(8,13,25,.98))}.coach-path-role{display:block;color:#b998ff;font-size:.64rem;letter-spacing:.14em;font-weight:800;margin-bottom:10px}.coach-path-card h3{font-family:var(--display);font-size:2.15rem;text-transform:uppercase;margin:0 0 12px}.coach-path-card p{color:#acb7c7;line-height:1.7}.coach-path-card ul{display:grid;gap:8px;margin:18px 0 22px;padding-left:20px;color:#aab7c8;font-size:.88rem}.coach-path-card .button{display:inline-flex;align-items:center;gap:8px}.coach-path-card .button .icon{width:17px;height:17px}

.mlbb-cta-v39,.coaching-cta-v39{background:linear-gradient(135deg,#149bdc 0%,#0b7bd2 48%,#0c63be 100%)}.coaching-cta-v39{background:linear-gradient(135deg,#7751d8 0%,#5b3eaf 48%,#432b8d 100%)}.mlbb-cta-v39 .cta-inner,.coaching-cta-v39 .cta-inner{max-width:1120px}.mlbb-cta-v39 .button-light,.coaching-cta-v39 .button-light{display:inline-flex;align-items:center;gap:9px}.mlbb-cta-v39 .button-light .icon,.coaching-cta-v39 .button-light .icon{width:18px;height:18px}

@media(max-width:1050px){
 .page-mlbb-resource .seo-resource-hero-grid,.page-mlbb-coaching-resource .seo-resource-hero-grid{grid-template-columns:1fr;gap:34px}.mlbb-strategy-visual,.coaching-loop-visual{max-width:760px;width:100%}.seo-icon-card-grid,.seo-link-card-grid,.coaching-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-split-panel{grid-template-columns:1fr}.mlbb-flow-grid{grid-template-columns:1fr 1fr}.mlbb-flow-grid article:last-child{grid-column:1/-1}.coach-path-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .page-mlbb-resource .seo-resource-hero,.page-mlbb-coaching-resource .seo-resource-hero{padding-top:54px;padding-bottom:52px}.page-mlbb-resource .seo-resource-hero h1,.page-mlbb-coaching-resource .seo-resource-hero h1{font-size:clamp(3.6rem,14vw,5.2rem)}.seo-trust-line span:not(:last-child):after{display:none}.seo-trust-line{gap:9px 14px}
 .mlbb-strategy-visual,.coaching-loop-visual{min-height:400px;padding:13px;border-radius:14px 14px 38px 14px}.strategy-map,.coaching-loop-stage{height:300px}.strategy-role{min-width:96px;padding:9px}.strategy-role strong{font-size:.9rem}.strategy-core,.loop-core{width:112px;height:112px;font-size:.95rem}.strategy-core b,.loop-core b{font-size:1.2rem}.strategy-objective{width:45px;height:45px}.strategy-objective small{top:50px}.mlbb-strategy-visual .role-jungle{left:4%;bottom:12%}.mlbb-strategy-visual .role-roam{left:24%;top:8%}.mlbb-strategy-visual .role-mid{right:24%;top:35%}.mlbb-strategy-visual .role-gold{right:4%;top:9%}
 .loop-node{min-width:102px;padding:9px 10px}.loop-node strong{font-size:.9rem}.coaching-loop-visual .node-observe{left:3%;top:8%}.coaching-loop-visual .node-decide{right:3%;top:11%}.coaching-loop-visual .node-practice{right:3%;bottom:8%}.coaching-loop-visual .node-repeat{left:3%;bottom:10%}
 .seo-icon-card-grid,.seo-link-card-grid,.coaching-process-grid,.mlbb-flow-grid,.coach-path-grid{grid-template-columns:1fr}.mlbb-flow-grid article:last-child{grid-column:auto}.seo-icon-card-grid article{min-height:0}.seo-split-panel>.seo-resource-copy,.seo-checklist-card,.coach-path-card{padding:23px}.strategy-topline{font-size:.52rem}.strategy-topline strong{display:none}
}
@media(max-width:430px){
 .strategy-map,.coaching-loop-stage{height:276px}.mlbb-strategy-visual,.coaching-loop-visual{min-height:370px}.strategy-role{min-width:82px;padding:7px 8px}.strategy-role small{display:none}.strategy-role strong{font-size:.76rem}.strategy-role i{font-size:.48rem}.mlbb-strategy-visual .role-roam{left:20%}.mlbb-strategy-visual .role-mid{right:21%}.strategy-core,.loop-core{width:96px;height:96px}.loop-node{min-width:87px}.loop-node small{display:none}.loop-node strong{font-size:.78rem}.seo-faq-list summary{padding-right:48px}
}


/* v40 — isolate MLBB visual role markers from real MHQ member cards */
.page-mlbb-resource .mlbb-strategy-visual .role-jungle,
.page-mlbb-resource .mlbb-strategy-visual .role-roam,
.page-mlbb-resource .mlbb-strategy-visual .role-mid,
.page-mlbb-resource .mlbb-strategy-visual .role-gold{position:absolute}
body:not(.page-mlbb-resource) .member-card.role-mid,
body:not(.page-mlbb-resource) .member-card.role-gold{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-width:0;padding:0}

/* v41 — Coaching Season 42 alignment cleanup */
.coaching-stats-section .section-heading.coaching-heading{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);
  gap:54px;
  align-items:end;
  margin-bottom:34px;
}
.coaching-stats-section .section-heading.coaching-heading>div{
  min-width:0;
}
.coaching-stats-section .section-heading.coaching-heading .eyebrow{
  margin-bottom:18px;
}
.coaching-stats-section .section-heading.coaching-heading h2{
  margin:0;
  line-height:.98;
}
.coaching-stats-section .section-heading.coaching-heading>p{
  justify-self:end;
  width:100%;
  max-width:620px;
  margin:0 0 5px;
  padding:0;
  font-size:.96rem;
  line-height:1.78;
}
.coaching-stats-section .coaching-stats-grid{
  align-items:stretch;
  grid-auto-rows:1fr;
}
.coaching-stats-section .coach-stat-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.coaching-stats-section .coach-stat-profile{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  align-items:center;
  gap:18px;
  min-height:118px;
  margin-bottom:24px;
}
.coaching-stats-section .coach-stat-heading{
  align-content:center;
  gap:7px;
  min-width:0;
}
.coaching-stats-section .coach-stat-heading .eyebrow{
  margin:0;
  line-height:1.35;
}
.coaching-stats-section .coach-stat-heading h3{
  margin:0;
  line-height:.98;
}
.coaching-stats-section .coach-stat-heading p{
  margin:0;
  max-width:none;
  min-height:3.2em;
  line-height:1.6;
}
.coaching-stats-section .coach-stat-keynum,
.coaching-stats-section .coach-stat-metric{
  display:flex;
  flex-direction:column;
}
.coaching-stats-section .coach-stat-keynum span{
  min-height:1.35em;
  margin-bottom:10px;
}
.coaching-stats-section .coach-stat-keynum strong{
  margin-top:auto;
}
.coaching-stats-section .coach-stat-metric span{
  display:flex;
  align-items:flex-start;
  min-height:2.8em;
  margin-bottom:9px;
}
.coaching-stats-section .coach-stat-metric strong{
  margin-top:auto;
}
.coaching-stats-section .coach-stat-highlights{
  margin-top:auto;
  padding-top:16px;
  align-content:flex-start;
}
.coaching-stats-section .coach-stat-chip{
  min-height:36px;
}
@media(max-width:950px){
  .coaching-stats-section .section-heading.coaching-heading{
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
  }
  .coaching-stats-section .section-heading.coaching-heading>p{
    justify-self:start;
    max-width:680px;
    margin:0;
  }
}
@media(max-width:700px){
  .coaching-stats-section .coach-stat-profile{
    grid-template-columns:72px minmax(0,1fr);
    align-items:start;
    min-height:0;
  }
  .coaching-stats-section .coach-stat-heading p{
    min-height:0;
  }
  .coaching-stats-section .coach-stat-metric span{
    min-height:2.65em;
  }
}


/* v42 — /mobile-legends FAQ + CTA alignment polish */
.page-mlbb-resource .seo-faq-section{
  position:relative;
  padding-top:82px;
  padding-bottom:82px;
}
.page-mlbb-resource .seo-faq-layout{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:64px;
  align-items:start;
}
.page-mlbb-resource .seo-faq-intro{
  position:sticky;
  top:118px;
  max-width:430px;
  padding-top:4px;
}
.page-mlbb-resource .seo-faq-intro .eyebrow{
  display:block;
  margin-bottom:22px;
}
.page-mlbb-resource .seo-faq-intro h2{
  margin:0;
  max-width:430px;
  font-size:clamp(3.25rem,5vw,5rem);
  line-height:.92;
}
.page-mlbb-resource .seo-faq-intro h2 em{
  color:#8998ad;
}
.page-mlbb-resource .seo-faq-lead{
  margin:24px 0 0;
  max-width:390px;
  color:#aeb9c8;
  font-size:1rem;
  line-height:1.75;
}
.page-mlbb-resource .seo-faq-panel{
  min-width:0;
  padding:14px;
  border:1px solid rgba(108,209,255,.12);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(9,22,37,.82),rgba(6,13,23,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.page-mlbb-resource .seo-faq-list{
  max-width:none;
  gap:10px;
}
.page-mlbb-resource .seo-faq-list details{
  border-color:rgba(137,219,255,.12);
  background:rgba(8,19,32,.76);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.page-mlbb-resource .seo-faq-list details:hover{
  border-color:rgba(105,216,255,.28);
  background:rgba(10,25,41,.9);
}
.page-mlbb-resource .seo-faq-list details[open]{
  border-color:rgba(105,216,255,.34);
  background:linear-gradient(180deg,rgba(10,28,46,.96),rgba(7,18,31,.96));
}
.page-mlbb-resource .seo-faq-list summary{
  padding:22px 58px 22px 22px;
  font-size:1rem;
}
.page-mlbb-resource .seo-faq-list details p{
  padding:0 22px 22px;
  max-width:none;
}

.page-mlbb-resource .mlbb-cta-v39{
  position:relative;
  overflow:hidden;
  background:linear-gradient(125deg,#1ca5e9 0%,#087fd5 52%,#0b60c3 100%);
}
.page-mlbb-resource .mlbb-cta-v39:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.42),transparent);
  opacity:.24;
}
.page-mlbb-resource .mlbb-cta-v39 .cta-inner{
  max-width:1180px;
  min-height:340px;
  padding:64px 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
  align-items:center;
  justify-items:stretch;
  gap:70px;
  text-align:left;
}
.page-mlbb-resource .mlbb-cta-v39 .cta-inner>div:first-child{
  max-width:620px;
}
.page-mlbb-resource .mlbb-cta-v39 .eyebrow{
  justify-content:flex-start;
  margin-bottom:20px;
}
.page-mlbb-resource .mlbb-cta-v39 h2{
  margin:0;
  font-size:clamp(3.5rem,5vw,5.1rem);
  line-height:.92;
}
.page-mlbb-resource .mlbb-cta-v39 .mlbb-cta-action-card{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:190px;
  margin:0;
  padding:28px 30px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:rgba(5,40,86,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 48px rgba(0,50,110,.18);
  backdrop-filter:blur(3px);
}
.page-mlbb-resource .mlbb-cta-v39 .mlbb-cta-action-card p{
  margin:0 0 22px;
  max-width:430px;
  text-align:left;
  color:#edf7ff;
  font-size:1rem;
  line-height:1.7;
}
.page-mlbb-resource .mlbb-cta-v39 .button-light{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding-inline:22px;
}
.page-mlbb-resource .mlbb-cta-v39 .mlbb-cta-watermark{
  width:clamp(280px,22vw,390px);
  right:-38px;
  bottom:-72px;
  opacity:.11;
  transform:rotate(-8deg);
}
.page-mlbb-resource .mlbb-cta-v39 .cta-inner::after{
  width:420px;
  height:420px;
  right:-95px;
  bottom:-170px;
  opacity:.9;
}

@media(max-width:900px){
  .page-mlbb-resource .seo-faq-layout{
    grid-template-columns:1fr;
    gap:30px;
  }
  .page-mlbb-resource .seo-faq-intro{
    position:static;
    max-width:720px;
  }
  .page-mlbb-resource .seo-faq-intro h2,
  .page-mlbb-resource .seo-faq-lead{
    max-width:720px;
  }
  .page-mlbb-resource .mlbb-cta-v39 .cta-inner{
    grid-template-columns:1fr;
    gap:30px;
    min-height:0;
    padding-block:54px;
  }
  .page-mlbb-resource .mlbb-cta-v39 .mlbb-cta-action-card{
    max-width:620px;
  }
}
@media(max-width:640px){
  .page-mlbb-resource .seo-faq-section{
    padding-top:58px;
    padding-bottom:58px;
  }
  .page-mlbb-resource .seo-faq-panel{
    padding:9px;
    border-radius:16px;
  }
  .page-mlbb-resource .seo-faq-list summary{
    padding:18px 48px 18px 17px;
    font-size:.93rem;
  }
  .page-mlbb-resource .seo-faq-list details p{
    padding:0 17px 18px;
    font-size:.9rem;
  }
  .page-mlbb-resource .mlbb-cta-v39 .cta-inner{
    padding:48px 20px 56px;
    text-align:center;
  }
  .page-mlbb-resource .mlbb-cta-v39 .eyebrow{
    justify-content:center;
  }
  .page-mlbb-resource .mlbb-cta-v39 .mlbb-cta-action-card{
    align-items:center;
    padding:24px 22px;
    min-height:0;
  }
  .page-mlbb-resource .mlbb-cta-v39 .mlbb-cta-action-card p{
    text-align:center;
  }
  .page-mlbb-resource .mlbb-cta-v39 .mlbb-cta-watermark{
    width:220px;
    right:-72px;
    bottom:-45px;
    opacity:.075;
  }
}

/* v43 — Season 42 intro text vertical alignment */
@media (min-width:951px){
  .coaching-stats-section .section-heading.coaching-heading>p{
    position:relative;
    top:68px;
    align-self:end;
  }
}
@media (max-width:950px){
  .coaching-stats-section .section-heading.coaching-heading>p{
    position:static;
    top:auto;
  }
}

/* v44 — Mobile Legends resource-link alignment + uniform header backdrop */
.page-mlbb-resource .site-header{
  background:#08111c;
}

@media (min-width:951px){
  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading>p{
    position:relative;
    top:62px;
    align-self:end;
  }
}

@media (max-width:950px){
  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading>p{
    position:static;
    top:auto;
  }
}

/* v45 — Mobile Legends role-section intro alignment */
@media (min-width:951px){
  .page-mlbb-resource .mlbb-role-section .section-heading>p{
    position:relative;
    top:62px;
    align-self:end;
  }
}
@media (max-width:950px){
  .page-mlbb-resource .mlbb-role-section .section-heading>p{
    position:static;
    top:auto;
  }
}

/* v46 — real layout alignment for MLBB section intro copy (no overlap) */
@media (min-width:951px){
  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading,
  .page-mlbb-resource .mlbb-role-section .section-heading{
    align-items:start;
  }

  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading>p,
  .page-mlbb-resource .mlbb-role-section .section-heading>p{
    position:static;
    top:auto;
    align-self:start;
    margin-top:68px;
  }

  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading{
    margin-bottom:38px;
  }

  .page-mlbb-resource .mlbb-role-section .section-heading{
    margin-bottom:38px;
  }
}

@media (max-width:950px){
  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading>p,
  .page-mlbb-resource .mlbb-role-section .section-heading>p{
    margin-top:0;
  }
}

/* v47 — /mobile-legends continuous page background
   Keep the full-width header surround and hero canvas the same dark base as the page below. */
.page-mlbb-resource .site-header{
  background:var(--bg)!important;
}
.page-mlbb-resource .seo-resource-hero{
  background:var(--bg)!important;
}


/* v48 — mirror /mobile-legends layout fixes onto /mobile-legends-coaching */
/* One continuous page background around the header and coaching hero. */
.page-mlbb-coaching-resource .site-header,
.page-mlbb-coaching-resource .seo-resource-hero,
.page-mlbb-coaching-resource .seo-resource-hero-coaching{
  background:var(--bg)!important;
}

/* Real layout spacing for two-column section intros; no relative-position overlap. */
@media (min-width:951px){
  .page-mlbb-coaching-resource .coaching-focus-v39 .section-heading,
  .page-mlbb-coaching-resource .coaching-process-section .section-heading,
  .page-mlbb-coaching-resource .coach-path-section .section-heading{
    align-items:start;
    margin-bottom:38px;
  }
  .page-mlbb-coaching-resource .coaching-focus-v39 .section-heading>p,
  .page-mlbb-coaching-resource .coaching-process-section .section-heading>p,
  .page-mlbb-coaching-resource .coach-path-section .section-heading>p{
    position:static;
    top:auto;
    align-self:start;
    margin-top:68px;
  }
}
@media (max-width:950px){
  .page-mlbb-coaching-resource .coaching-focus-v39 .section-heading>p,
  .page-mlbb-coaching-resource .coaching-process-section .section-heading>p,
  .page-mlbb-coaching-resource .coach-path-section .section-heading>p{
    position:static;
    top:auto;
    margin-top:0;
  }
}

/* Coaching FAQ: same balanced split composition as the MLBB hub, in coaching purple. */
.page-mlbb-coaching-resource .coaching-faq-v39{
  position:relative;
  padding-top:82px;
  padding-bottom:82px;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-layout{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:64px;
  align-items:start;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-intro{
  position:sticky;
  top:118px;
  max-width:430px;
  padding-top:4px;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-intro .eyebrow{
  display:block;
  margin-bottom:22px;
  color:#b996ff;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-intro h2{
  margin:0;
  max-width:430px;
  font-size:clamp(3.25rem,5vw,5rem);
  line-height:.92;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-intro h2 em{
  color:#8998ad;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-lead{
  margin:24px 0 0;
  max-width:390px;
  color:#aeb9c8;
  font-size:1rem;
  line-height:1.75;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-panel{
  min-width:0;
  padding:14px;
  border:1px solid rgba(185,150,255,.16);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(22,15,42,.82),rgba(9,11,24,.95));
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list{
  max-width:none;
  gap:10px;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details{
  border-color:rgba(190,156,255,.14);
  background:rgba(20,15,38,.68);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details:hover{
  border-color:rgba(190,156,255,.30);
  background:rgba(28,19,51,.88);
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details[open]{
  border-color:rgba(190,156,255,.38);
  background:linear-gradient(180deg,rgba(31,21,57,.96),rgba(17,13,33,.96));
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list summary{
  padding:22px 58px 22px 22px;
  font-size:1rem;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details p{
  padding:0 22px 22px;
  max-width:none;
}

/* Coaching CTA: balanced two-column action card + MHQ watermark. */
.page-mlbb-coaching-resource .coaching-cta-v39{
  position:relative;
  overflow:hidden;
  background:linear-gradient(125deg,#7f5be0 0%,#6244bc 52%,#452d91 100%);
}
.page-mlbb-coaching-resource .coaching-cta-v39:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.42),transparent);
  opacity:.22;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .cta-inner{
  max-width:1180px;
  min-height:340px;
  padding:64px 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
  align-items:center;
  justify-items:stretch;
  gap:70px;
  text-align:left;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .cta-inner>div:first-child{
  max-width:620px;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .eyebrow{
  justify-content:flex-start;
  margin-bottom:20px;
}
.page-mlbb-coaching-resource .coaching-cta-v39 h2{
  margin:0;
  font-size:clamp(3.5rem,5vw,5.1rem);
  line-height:.92;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-action-card{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:190px;
  margin:0;
  padding:28px 30px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:18px;
  background:rgba(28,15,72,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 48px rgba(31,12,78,.2);
  backdrop-filter:blur(3px);
}
.page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-action-card p{
  margin:0 0 22px;
  max-width:430px;
  text-align:left;
  color:#f4efff;
  font-size:1rem;
  line-height:1.7;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .button-light{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding-inline:22px;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-watermark{
  width:clamp(280px,22vw,390px);
  right:-38px;
  bottom:-72px;
  opacity:.10;
  transform:rotate(-8deg);
}
.page-mlbb-coaching-resource .coaching-cta-v39 .cta-inner::after{
  width:420px;
  height:420px;
  right:-95px;
  bottom:-170px;
  opacity:.9;
}

@media(max-width:900px){
  .page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-layout{
    grid-template-columns:1fr;
    gap:30px;
  }
  .page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-intro{
    position:static;
    max-width:720px;
  }
  .page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-intro h2,
  .page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-lead{
    max-width:720px;
  }
  .page-mlbb-coaching-resource .coaching-cta-v39 .cta-inner{
    grid-template-columns:1fr;
    gap:30px;
    min-height:0;
    padding-block:54px;
  }
  .page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-action-card{
    max-width:620px;
  }
}
@media(max-width:640px){
  .page-mlbb-coaching-resource .coaching-faq-v39{
    padding-top:58px;
    padding-bottom:58px;
  }
  .page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-panel{
    padding:9px;
    border-radius:16px;
  }
  .page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list summary{
    padding:18px 48px 18px 17px;
    font-size:.93rem;
  }
  .page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details p{
    padding:0 17px 18px;
    font-size:.9rem;
  }
  .page-mlbb-coaching-resource .coaching-cta-v39 .cta-inner{
    padding:48px 20px 56px;
    text-align:center;
  }
  .page-mlbb-coaching-resource .coaching-cta-v39 .eyebrow{
    justify-content:center;
  }
  .page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-action-card{
    align-items:center;
    padding:24px 22px;
    min-height:0;
  }
  .page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-action-card p{
    text-align:center;
  }
  .page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-watermark{
    width:220px;
    right:-72px;
    bottom:-45px;
    opacity:.07;
  }
}

/* v49 — fix Season 42 text/card overlap with real layout spacing */
@media (min-width:951px){
  .coaching-stats-section .section-heading.coaching-heading{
    align-items:start;
    margin-bottom:40px;
  }
  .coaching-stats-section .section-heading.coaching-heading>p{
    position:static!important;
    top:auto!important;
    align-self:start;
    margin:66px 0 0!important;
    padding:0!important;
  }
}
@media (max-width:950px){
  .coaching-stats-section .section-heading.coaching-heading>p{
    position:static!important;
    top:auto!important;
    margin:0!important;
  }
}


/* v50 — /mobile-legends-coaching role section alignment */
@media (min-width:951px){
  .page-mlbb-coaching-resource .coach-path-section .section-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
    gap:56px;
    align-items:end;
    margin-bottom:36px;
  }
  .page-mlbb-coaching-resource .coach-path-section .section-heading>p{
    position:static!important;
    top:auto!important;
    align-self:end!important;
    margin:0 0 8px!important;
    max-width:620px;
  }
}
.page-mlbb-coaching-resource .coach-path-grid{
  align-items:stretch;
}
.page-mlbb-coaching-resource .coach-path-card{
  display:grid;
  grid-template-rows:auto auto minmax(96px,auto) minmax(104px,auto) auto;
  align-content:start;
  height:100%;
}
.page-mlbb-coaching-resource .coach-path-card .coach-path-role{
  margin-bottom:12px;
}
.page-mlbb-coaching-resource .coach-path-card h3{
  margin-bottom:12px;
}
.page-mlbb-coaching-resource .coach-path-card>p{
  margin:0;
}
.page-mlbb-coaching-resource .coach-path-card ul{
  align-self:start;
  margin:18px 0 22px;
}
.page-mlbb-coaching-resource .coach-path-card .button{
  align-self:end;
  justify-self:start;
  margin-top:auto;
}
@media (max-width:950px){
  .page-mlbb-coaching-resource .coach-path-section .section-heading>p{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .page-mlbb-coaching-resource .coach-path-card{
    grid-template-rows:auto;
  }
}

/* v51 — clearer primary MrHoid coaching CTA */
.page-mlbb-coaching-resource .coach-path-card:first-child .button{
  min-width:220px;
  justify-content:center;
  background:linear-gradient(180deg,#168af0 0%,#0873d8 100%);
  border-color:#45adff;
  color:#fff!important;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px rgba(0,113,220,.24);
  text-shadow:0 1px 1px rgba(0,0,0,.2);
}
.page-mlbb-coaching-resource .coach-path-card:first-child .button .icon{
  color:#fff!important;
  stroke:#fff;
}
.page-mlbb-coaching-resource .coach-path-card:first-child .button:hover,
.page-mlbb-coaching-resource .coach-path-card:first-child .button:focus-visible{
  background:linear-gradient(180deg,#2ca2ff 0%,#0b7fe8 100%);
  border-color:#86ceff;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 28px rgba(0,130,245,.34);
}
@media(max-width:600px){
  .page-mlbb-coaching-resource .coach-path-card:first-child .button{
    width:100%;
    min-width:0;
  }
}


/* v52 — make /mobile-legends-coaching use the real /coaching palette */
body.page-mlbb-coaching-resource[data-theme="coaching"]{
  --accent:#cbb8ff;
  background:radial-gradient(circle at 82% -12%,rgba(81,49,142,.35) 0,transparent 35%),var(--bg);
}

/* Header should sit on the same purple-tinted coaching canvas, not a separate black strip. */
.page-mlbb-coaching-resource .site-header{
  background:transparent!important;
}
.page-mlbb-coaching-resource .site-header .header-inner{
  background:linear-gradient(180deg,rgba(15,22,38,.97),rgba(12,18,31,.97));
  border-color:rgba(155,108,255,.62);
  box-shadow:0 14px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(203,184,255,.10),0 0 28px rgba(120,78,214,.08);
}
.page-mlbb-coaching-resource .site-header.is-scrolled .header-inner{
  background:linear-gradient(180deg,rgba(14,20,35,.98),rgba(11,16,28,.98));
  border-color:rgba(155,108,255,.72);
  box-shadow:0 14px 42px rgba(0,0,0,.52),0 0 30px rgba(120,78,214,.10);
}

/* Hero uses the same restrained purple atmosphere as /coaching. */
.page-mlbb-coaching-resource .seo-resource-hero,
.page-mlbb-coaching-resource .seo-resource-hero-coaching{
  background:radial-gradient(circle at 82% 8%,rgba(101,64,172,.20) 0,transparent 34%),transparent!important;
}
.page-mlbb-coaching-resource .seo-resource-hero .eyebrow,
.page-mlbb-coaching-resource .seo-resource-section .eyebrow{
  color:#c3abff;
}
.page-mlbb-coaching-resource .seo-resource-hero h1 em{
  color:#cbb8ff!important;
}
.page-mlbb-coaching-resource .seo-resource-hero> .container,
.page-mlbb-coaching-resource .seo-resource-hero-grid{
  position:relative;
}
.page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button:not(.button-outline){
  background:linear-gradient(180deg,#9b6cff,#7c4ee2);
  border-color:#c7a9ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 26px rgba(98,57,184,.22);
}
.page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button:not(.button-outline):hover{
  background:linear-gradient(180deg,#ad80ff,#8755ef);
  border-color:#decfff;
}
.page-mlbb-coaching-resource .seo-resource-hero .button-outline{
  border-color:#55496f;
  color:#e7e0f7;
  background:rgba(11,15,28,.42);
}
.page-mlbb-coaching-resource .seo-resource-hero .button-outline:hover{
  border-color:#8e72c8;
  background:rgba(62,43,99,.32);
  color:#fff;
}
.page-mlbb-coaching-resource .seo-trust-line{
  border-top-color:rgba(203,184,255,.12);
  color:#9f9ab5;
}
.page-mlbb-coaching-resource .seo-trust-line span:not(:last-child):after{
  color:#725da0;
}

/* Review-loop graphic: same purple/teal coaching language as the main strategy board. */
.page-mlbb-coaching-resource .coaching-loop-visual{
  border-color:rgba(164,119,255,.46);
  background:radial-gradient(circle at 50% 42%,rgba(155,108,255,.10),transparent 38%),linear-gradient(145deg,#11182a,#0b111c 72%);
  box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 34px rgba(112,73,196,.06);
}
.page-mlbb-coaching-resource .coaching-loop-stage{
  border-color:rgba(164,119,255,.24);
  background:radial-gradient(circle at 50% 50%,rgba(155,108,255,.14),transparent 30%),linear-gradient(135deg,rgba(24,18,47,.88),rgba(8,13,25,.94));
}
.page-mlbb-coaching-resource .strategy-legend span{
  border-color:#2d3547;
  background:#0d1421;
  color:#aeb9cb;
}

/* Main content sections now mirror /coaching's dark-neutral + purple accent rhythm. */
.page-mlbb-coaching-resource .coaching-focus-v39{
  background:transparent;
}
.page-mlbb-coaching-resource .coaching-focus-v39 .seo-icon-card-grid article{
  border-color:#2b394c;
  background:linear-gradient(145deg,#111b2a,#0c131e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.page-mlbb-coaching-resource .coaching-focus-v39 .seo-icon-card-grid article:after{
  background:linear-gradient(90deg,#9b6cff,transparent);
}
.page-mlbb-coaching-resource .coaching-focus-v39 .seo-card-icon{
  border-color:rgba(188,151,255,.24);
  background:rgba(126,86,209,.11);
  color:#cbb8ff;
}
.page-mlbb-coaching-resource .coaching-focus-v39 .seo-card-kicker{
  color:#c0a3ff;
}

.page-mlbb-coaching-resource .coaching-process-section{
  background:#0c121c;
  border-block:1px solid #202a38;
}
.page-mlbb-coaching-resource .coaching-process-grid article{
  border-color:#2b394c;
  background:linear-gradient(145deg,#111b2a,#0c131e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.page-mlbb-coaching-resource .coaching-process-grid .process-step{
  color:rgba(203,184,255,.14);
}
.page-mlbb-coaching-resource .coaching-process-grid .seo-card-icon{
  border-color:rgba(188,151,255,.24);
  background:rgba(126,86,209,.11);
  color:#cbb8ff;
}

.page-mlbb-coaching-resource .coach-path-section{
  background:transparent;
}
.page-mlbb-coaching-resource .coach-path-card{
  border-color:#2d3d52;
  background:linear-gradient(145deg,#11182a,#0c131e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.page-mlbb-coaching-resource .coach-path-card .coach-path-role{
  color:#c1a6ff;
}
/* Keep MrHoid's high-clarity blue role CTA from v51; only retheme the secondary button. */
.page-mlbb-coaching-resource .coach-path-card:nth-child(2) .button-outline{
  border-color:#55496f;
  color:#dcd2f4;
  background:rgba(36,25,60,.18);
}
.page-mlbb-coaching-resource .coach-path-card:nth-child(2) .button-outline:hover{
  border-color:#9b79e1;
  background:rgba(89,58,142,.28);
  color:#fff;
}

.page-mlbb-coaching-resource .coaching-prep-v39{
  background:transparent;
}
.page-mlbb-coaching-resource .coaching-prep-v39 .seo-resource-copy,
.page-mlbb-coaching-resource .coaching-prep-v39 .seo-checklist-card{
  border-color:#2d3d52;
  background:linear-gradient(145deg,#111b2a,#0c131e);
}
.page-mlbb-coaching-resource .coaching-prep-v39 .purple-checklist{
  border-color:rgba(164,119,255,.28);
  background:linear-gradient(145deg,rgba(31,23,54,.96),#0c131e 74%);
}
.page-mlbb-coaching-resource .coaching-prep-v39 a,
.page-mlbb-coaching-resource .coaching-faq-v39 a{
  color:#c7adff;
}

/* FAQ panel now shares the same restrained purple borders/cards as /coaching. */
.page-mlbb-coaching-resource .coaching-faq-v39{
  border-top:1px solid #202a38;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-panel{
  border-color:#2d3d52;
  background:linear-gradient(145deg,#11182a,#0c131e);
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details{
  border-color:#2d394c;
  background:#0e1723;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details:hover{
  border-color:rgba(164,119,255,.42);
  background:#111a29;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details[open]{
  border-color:rgba(164,119,255,.55);
  background:linear-gradient(180deg,rgba(28,22,47,.96),#0e1723);
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list summary:after{
  color:#c6adff;
}

/* CTA remains purple, but match /coaching rather than the brighter standalone resource look. */
.page-mlbb-coaching-resource .coaching-cta-v39{
  background:linear-gradient(125deg,#6744ba 0%,#533698 52%,#38246e 100%);
  border-top:1px solid rgba(203,184,255,.18);
}
.page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-action-card{
  border-color:rgba(255,255,255,.16);
  background:rgba(20,14,47,.30);
}

@media(max-width:700px){
  .page-mlbb-coaching-resource .site-header .header-inner{
    border-color:rgba(155,108,255,.56);
  }
}
/* end v52 coaching palette parity */


/* v53 — /mobile-legends palette parity with homepage */
/* Let the global MHQ ambient background show through just like the homepage. */
.page-mlbb-resource .site-header{
  background:transparent!important;
}
.page-mlbb-resource .seo-resource-hero{
  background:transparent!important;
}
.page-mlbb-resource .site-header .header-inner{
  background:#0c1624f5;
  border-color:#355677;
  box-shadow:0 12px 38px #0005,inset 0 1px 0 #70baff12;
}
.page-mlbb-resource .site-header.is-scrolled .header-inner{
  background:#0a1423f5;
  border-color:#367eb8;
  box-shadow:0 12px 38px #0008,0 0 24px #0588ff0c;
}

/* Strategy graphic uses the same restrained navy/teal family as the homepage identity card. */
.page-mlbb-resource .mlbb-strategy-visual{
  border-color:#336288;
  background:radial-gradient(circle at 52% 34%,#173456 0%,#0d1d32 44%,#09111c 100%);
  box-shadow:0 22px 60px #0006,inset 0 1px 0 rgba(123,198,255,.06);
}
.page-mlbb-resource .mlbb-strategy-visual:before{
  background:linear-gradient(rgba(85,217,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(85,217,255,.04) 1px,transparent 1px);
}
.page-mlbb-resource .strategy-map{
  border-color:#29445f;
  background:radial-gradient(circle at 50% 48%,rgba(0,189,242,.075),transparent 30%),linear-gradient(135deg,#0e2033,#09131f 82%);
}
.page-mlbb-resource .strategy-role{
  border-color:#2a4159;
  background:rgba(9,20,33,.94);
}
.page-mlbb-resource .strategy-core{
  border-color:#37789b;
  background:radial-gradient(circle at 50% 40%,#16364a,#091722 78%);
  box-shadow:0 0 0 12px rgba(0,189,242,.035),0 0 34px rgba(0,189,242,.08);
}
.page-mlbb-resource .strategy-legend span{
  border-color:#25384c;
  background:#0c1623;
  color:#9fb0c1;
}

/* Main cards follow the homepage panel colors rather than the brighter resource-page blue. */
.page-mlbb-resource .seo-icon-card-grid article{
  border-color:var(--line);
  background:linear-gradient(125deg,#111d2d,var(--panel));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.page-mlbb-resource .seo-card-icon{
  border-color:#305270;
  background:#0d1b2a;
  color:var(--blue-light);
}
.page-mlbb-resource .seo-icon-card-grid article:after{
  background:linear-gradient(90deg,var(--blue),transparent);
  opacity:.82;
}

.page-mlbb-resource .mlbb-flow-section{
  background:#0c121c;
  border-block:1px solid #202a38;
}
.page-mlbb-resource .mlbb-flow-grid article{
  border-color:#2a394d;
  background:linear-gradient(145deg,#111b2a,#0c131e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.page-mlbb-resource .flow-number{
  color:rgba(85,217,255,.105);
}

.page-mlbb-resource .seo-split-panel>.seo-resource-copy,
.page-mlbb-resource .seo-checklist-card{
  border-color:#2a394d;
  background:linear-gradient(145deg,#111b2a,#0c131e);
}
.page-mlbb-resource .seo-checklist-card{
  background:linear-gradient(145deg,#102033,#0c131e 76%);
}

.page-mlbb-resource .seo-link-card-grid>a{
  border-color:#26384c;
  background:linear-gradient(145deg,#101b2a,#0b121d);
}
.page-mlbb-resource .seo-link-card-grid>a:hover{
  border-color:#376494;
  background:linear-gradient(145deg,#13243a,#0c1522);
}

/* FAQ matches the homepage's dark panel rhythm. */
.page-mlbb-resource .seo-faq-section{
  background:transparent;
}
.page-mlbb-resource .seo-faq-panel{
  border-color:#26384c;
  background:linear-gradient(145deg,#101a28,#0b121d);
  box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);
}
.page-mlbb-resource .seo-faq-list details{
  border-color:#26384c;
  background:#0d1622;
}
.page-mlbb-resource .seo-faq-list details:hover{
  border-color:#376494;
  background:#101c2b;
}
.page-mlbb-resource .seo-faq-list details[open]{
  border-color:#3b668d;
  background:linear-gradient(180deg,#102238,#0d1622);
}

/* Keep the homepage's strong blue CTA language, but reduce the over-saturated resource look. */
.page-mlbb-resource .mlbb-cta-v39{
  background:linear-gradient(125deg,#087dcf 0%,#0864b8 54%,#074f94 100%);
  border-top:1px solid #2d4e6f;
}
.page-mlbb-resource .mlbb-cta-v39 .mlbb-cta-action-card{
  border-color:rgba(255,255,255,.18);
  background:rgba(7,31,59,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 48px rgba(0,30,70,.16);
}

/* Small labels and links stay cyan, but use the same restrained homepage values. */
.page-mlbb-resource .seo-resource-section .eyebrow,
.page-mlbb-resource .seo-resource-hero .eyebrow,
.page-mlbb-resource .seo-card-kicker{
  color:var(--blue-light);
}
.page-mlbb-resource .seo-resource-hero h1 em{
  color:var(--blue-light)!important;
}
/* end v53 homepage palette parity */


/* v55 — /mobile-legends-coaching strict palette parity with /coaching */
body.page-mlbb-coaching-resource[data-theme="coaching"]{
  --blue:#9b6cff;
  --blue-light:#cbb8ff;
  --gold:#28d7c5;
  --gold-light:#8df4e7;
  background:radial-gradient(circle at 82% -12%,rgba(81,49,142,.35) 0,transparent 35%),var(--bg)!important;
}

/* Keep the floating header exactly in the /coaching visual family. */
.page-mlbb-coaching-resource .site-header{
  background:transparent!important;
}
.page-mlbb-coaching-resource .site-header .header-inner{
  background:#0c1624f5!important;
  border-color:color-mix(in srgb,var(--blue) 58%,#355677)!important;
  box-shadow:0 12px 38px #0005,inset 0 1px 0 rgba(203,184,255,.08)!important;
}
.page-mlbb-coaching-resource .site-header.is-scrolled .header-inner{
  background:#0c1624fa!important;
  border-color:color-mix(in srgb,var(--blue) 68%,#355677)!important;
}

/* Hero: no independent blue/cyan wash — let the coaching canvas show through. */
.page-mlbb-coaching-resource .seo-resource-hero,
.page-mlbb-coaching-resource .seo-resource-hero-coaching,
.page-mlbb-coaching-resource .mlbb-coaching-hero-v39{
  background:transparent!important;
}
.page-mlbb-coaching-resource .seo-resource-hero .eyebrow,
.page-mlbb-coaching-resource .seo-resource-section .eyebrow,
.page-mlbb-coaching-resource .seo-card-kicker,
.page-mlbb-coaching-resource .coach-path-role{
  color:var(--blue-light)!important;
}
.page-mlbb-coaching-resource .seo-resource-hero h1 em{
  color:var(--blue-light)!important;
}
.page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button:not(.button-outline){
  background:linear-gradient(180deg,#9b6cff,#7c4ee2)!important;
  border-color:#c7a9ff!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 24px rgba(98,57,184,.22)!important;
}
.page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button:not(.button-outline):hover{
  background:linear-gradient(180deg,#ab7cff,#8550f1)!important;
  border-color:#decfff!important;
}
.page-mlbb-coaching-resource .seo-resource-hero .button-outline{
  background:transparent!important;
  border-color:#4c4561!important;
  color:#e6dfef!important;
}
.page-mlbb-coaching-resource .seo-resource-hero .button-outline:hover{
  border-color:#8066bc!important;
  background:rgba(90,61,143,.18)!important;
  color:#fff!important;
}
.page-mlbb-coaching-resource .seo-trust-line{
  border-top-color:#202a38!important;
  color:#8f9bad!important;
}
.page-mlbb-coaching-resource .seo-trust-line span:not(:last-child):after{
  color:#6c5a95!important;
}

/* Review-loop graphic — same board/card language as /coaching. */
.page-mlbb-coaching-resource .coaching-loop-visual{
  border-color:color-mix(in srgb,var(--blue) 52%,#27394f)!important;
  background:radial-gradient(circle at 50% 42%,rgba(155,108,255,.14),transparent 38%),linear-gradient(145deg,#11182a,#0b111c 72%)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.34)!important;
}
.page-mlbb-coaching-resource .coaching-loop-stage{
  border-color:rgba(155,108,255,.26)!important;
  background:radial-gradient(circle at 50% 50%,rgba(155,108,255,.11),transparent 34%),#0b111c!important;
}
.page-mlbb-coaching-resource .coaching-loop-core,
.page-mlbb-coaching-resource .loop-core{
  border-color:rgba(141,244,231,.34)!important;
  box-shadow:0 0 0 20px rgba(155,108,255,.05),0 0 68px rgba(155,108,255,.14)!important;
}
.page-mlbb-coaching-resource .strategy-legend span{
  border-color:#334158!important;
  background:#0d1623!important;
  color:#c8d5e6!important;
}

/* Match the /coaching alternating section rhythm. */
.page-mlbb-coaching-resource .coaching-focus-v39{
  background:transparent!important;
  border-block:0!important;
}
.page-mlbb-coaching-resource .coaching-process-section{
  background:#0c121c!important;
  border-block:1px solid #202a38!important;
}
.page-mlbb-coaching-resource .coach-path-section{
  background:transparent!important;
}
.page-mlbb-coaching-resource .coaching-prep-v39{
  background:#0a1019!important;
  border-block:1px solid #202a38!important;
}
.page-mlbb-coaching-resource .coaching-faq-v39{
  background:transparent!important;
  border-top:1px solid #202a38!important;
}

/* Standard coaching cards. */
.page-mlbb-coaching-resource .coaching-focus-v39 .seo-icon-card-grid article,
.page-mlbb-coaching-resource .coaching-process-grid article,
.page-mlbb-coaching-resource .coach-path-card,
.page-mlbb-coaching-resource .coaching-prep-v39 .seo-resource-copy,
.page-mlbb-coaching-resource .coaching-prep-v39 .seo-checklist-card,
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-panel{
  border-color:#2b394c!important;
  background:linear-gradient(145deg,#111b2a,#0c131e)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.page-mlbb-coaching-resource .coaching-focus-v39 .seo-icon-card-grid article:after{
  background:linear-gradient(90deg,var(--blue),transparent)!important;
}
.page-mlbb-coaching-resource .seo-card-icon,
.page-mlbb-coaching-resource .coaching-process-grid .seo-card-icon{
  border-color:rgba(203,184,255,.25)!important;
  background:rgba(155,108,255,.10)!important;
  color:var(--blue-light)!important;
}
.page-mlbb-coaching-resource .coaching-process-grid .process-step{
  color:rgba(203,184,255,.14)!important;
}
.page-mlbb-coaching-resource .coach-path-card .coach-path-role{
  color:var(--blue-light)!important;
}
.page-mlbb-coaching-resource .coaching-prep-v39 .purple-checklist{
  border-color:color-mix(in srgb,var(--blue) 34%,#33465e)!important;
  background:color-mix(in srgb,var(--blue) 7%,#0c151f)!important;
}
.page-mlbb-coaching-resource .coaching-prep-v39 a,
.page-mlbb-coaching-resource .coaching-faq-v39 a{
  color:var(--blue-light)!important;
}

/* FAQ uses the same neutral panels with coaching-purple interaction states. */
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details{
  border-color:#2d394c!important;
  background:#0e1723!important;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details:hover{
  border-color:color-mix(in srgb,var(--blue) 52%,#2d394c)!important;
  background:#111a29!important;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list details[open]{
  border-color:color-mix(in srgb,var(--blue) 62%,#2d394c)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 9%,#111a29),#0e1723)!important;
}
.page-mlbb-coaching-resource .coaching-faq-v39 .seo-faq-list summary:after{
  color:var(--blue-light)!important;
}

/* Bottom CTA: directly from the coaching accent family instead of the MLBB blue CTA. */
.page-mlbb-coaching-resource .coaching-cta-v39,
.page-mlbb-coaching-resource .coaching-cta-band{
  background:linear-gradient(135deg,#754dcc 0%,#5e3cad 52%,#422a7d 100%)!important;
  border-top:1px solid rgba(203,184,255,.18)!important;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .coaching-cta-action-card{
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(20,14,47,.28)!important;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .button-light{
  background:#fff!important;
  color:#281b42!important;
  border-color:#fff!important;
}
.page-mlbb-coaching-resource .coaching-cta-v39 .button-light:hover{
  background:#eee7ff!important;
  border-color:#eee7ff!important;
}

/* Keep MrHoid primary CTA blue for role clarity; secondary Snackalot action matches coaching purple. */
.page-mlbb-coaching-resource .coach-path-card:nth-child(2) .button-outline{
  border-color:#66558a!important;
  color:#e2d8fa!important;
  background:rgba(54,37,87,.18)!important;
}
.page-mlbb-coaching-resource .coach-path-card:nth-child(2) .button-outline:hover{
  border-color:#a98aea!important;
  background:rgba(96,64,151,.28)!important;
  color:#fff!important;
}

@media(max-width:700px){
  .page-mlbb-coaching-resource .site-header .header-inner{
    border-color:color-mix(in srgb,var(--blue) 56%,#355677)!important;
  }
}
/* end v55 coaching palette parity */


/* v56 — consistent baseline alignment for user-marked section descriptions.
   Use actual grid alignment rather than top/relative offsets so the copy and
   the content row below remain in normal document flow. */
@media (min-width:901px){
  .copy-baseline-align{
    align-items:end!important;
  }
  .copy-baseline-align>p{
    align-self:end!important;
    margin:0 0 5px!important;
    padding:0!important;
  }

  /* Standard editorial section headings keep their established columns, but
     the descriptive copy now shares the lower visual baseline with the title. */
  .section-heading.copy-baseline-align>p{
    max-width:650px;
  }

  /* Creator schedule headers use the same baseline behavior. */
  .schedule-modern-header.copy-baseline-align>p{
    margin-bottom:5px!important;
  }
}

/* Tablet/mobile returns to ordinary stacked flow. */
@media (max-width:900px){
  .copy-baseline-align>p{
    margin:20px 0 0!important;
    padding:0!important;
  }
}
/* end v56 section-description alignment */

/* v57 — desktop section copy alignment: match the right edge of the content grid.
   The user-marked descriptive copy should visually terminate on the same right
   boundary as the cards/elements beneath it, not float inside column two. */
@media (min-width:901px){
  .copy-baseline-align>p{
    justify-self:end!important;
    align-self:end!important;
    width:100%!important;
    max-width:650px!important;
    margin:0 0 5px!important;
    padding:0!important;
    text-align:right!important;
  }

  /* Creator schedule headings use a narrower second column, but the copy still
     ends on the exact right edge of the schedule-card grid. */
  .schedule-modern-header.copy-baseline-align>p{
    width:100%!important;
    max-width:520px!important;
    justify-self:end!important;
    text-align:right!important;
  }

  /* Coaching keeps its established readable line length while sharing the same
     right boundary as the three coaching cards below. */
  .section-heading.coaching-heading.copy-baseline-align>p{
    width:100%!important;
    max-width:540px!important;
    justify-self:end!important;
    text-align:right!important;
  }

  /* Contact/support copy ends on the right edge of the three-card grid. */
  .contact-section-heading.copy-baseline-align>p,
  .support-section-heading.copy-baseline-align>p{
    width:100%!important;
    max-width:650px!important;
    justify-self:end!important;
    text-align:right!important;
  }
}

/* Mobile/tablet remains natural and left-aligned after stacking. */
@media (max-width:900px){
  .copy-baseline-align>p,
  .schedule-modern-header.copy-baseline-align>p,
  .section-heading.coaching-heading.copy-baseline-align>p,
  .contact-section-heading.copy-baseline-align>p,
  .support-section-heading.copy-baseline-align>p{
    width:auto!important;
    max-width:none!important;
    text-align:left!important;
    justify-self:stretch!important;
  }
}
/* end v57 grid-edge alignment */

/* v58 — mobile CTA consistency + website-native coaching button styling */
/* Keep the two main MLBB hero actions visually consistent with the homepage. */
@media (max-width:700px){
  .page-mlbb-resource .seo-resource-hero .hero-actions,
  .page-mlbb-coaching-resource .seo-resource-hero .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
  }
  .page-mlbb-resource .seo-resource-hero .hero-actions>.button,
  .page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button{
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    padding:14px 18px!important;
    margin:0!important;
    justify-content:center!important;
    font-size:.9rem!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-align:center!important;
  }

  /* Equal mobile coach-card CTAs. */
  .page-mlbb-coaching-resource .coach-path-card .button{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    padding:13px 16px!important;
    margin-top:auto!important;
    justify-content:center!important;
    justify-self:stretch!important;
    font-size:.88rem!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

/* MrHoid coach CTA: use the normal MHQ blue button language, not a glossy/glowing promo style. */
.page-mlbb-coaching-resource .coach-path-card:first-child .button{
  background:#087bd7!important;
  border:1px solid #319be9!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-weight:700!important;
}
.page-mlbb-coaching-resource .coach-path-card:first-child .button .icon{
  color:#dff3ff!important;
  stroke:currentColor!important;
}
.page-mlbb-coaching-resource .coach-path-card:first-child .button:hover,
.page-mlbb-coaching-resource .coach-path-card:first-child .button:focus-visible{
  background:#0b88eb!important;
  border-color:#68baff!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:translateY(-1px);
}

/* Main coaching CTA: same restrained purple language as /coaching and the desktop Book coaching control. */
.page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button:not(.button-outline){
  background:#7c4ee2!important;
  border:1px solid #a887f1!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-weight:700!important;
}
.page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button:not(.button-outline) .icon{
  color:#f0eaff!important;
  stroke:currentColor!important;
}
.page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button:not(.button-outline):hover,
.page-mlbb-coaching-resource .seo-resource-hero .hero-actions>.button:not(.button-outline):focus-visible{
  background:#895cf0!important;
  border-color:#c1a7ff!important;
  box-shadow:none!important;
  transform:translateY(-1px);
}

/* Secondary coach CTA stays clearly secondary but shares the same geometry. */
.page-mlbb-coaching-resource .coach-path-card:nth-child(2) .button,
.page-mlbb-coaching-resource .coach-path-card:nth-child(2) .button-outline{
  background:transparent!important;
  border-color:#655784!important;
  color:#e8e1f4!important;
  box-shadow:none!important;
}
.page-mlbb-coaching-resource .coach-path-card:nth-child(2) .button:hover,
.page-mlbb-coaching-resource .coach-path-card:nth-child(2) .button-outline:hover{
  background:rgba(124,78,226,.12)!important;
  border-color:#9577cf!important;
  color:#fff!important;
}


/* v59 — Book coaching navigation polish
   Keep Coaching identifiable with purple, but make the CTA belong to the MHQ navigation system. */
@media (min-width:1101px){
  .site-header .header-cta-group .header-watch.header-watch-coaching{
    min-height:42px!important;
    padding:9px 15px!important;
    gap:8px!important;
    border:1px solid #665781!important;
    border-radius:5px!important;
    background:linear-gradient(180deg,#121a29 0%,#0d1522 100%)!important;
    color:#eef0f6!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    font-size:.8rem!important;
    font-weight:700!important;
    letter-spacing:0!important;
    transform:none!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching .coaching-icon{
    width:16px!important;
    height:16px!important;
    color:#b99bff!important;
    stroke:currentColor!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching:hover,
  .site-header .header-cta-group .header-watch.header-watch-coaching:focus-visible{
    background:linear-gradient(180deg,#19172a 0%,#121522 100%)!important;
    border-color:#9175c6!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(155,108,255,.08)!important;
    transform:translateY(-1px)!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching:hover .coaching-icon,
  .site-header .header-cta-group .header-watch.header-watch-coaching:focus-visible .coaching-icon{
    color:#cfbdff!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching[aria-current="page"]{
    background:linear-gradient(180deg,rgba(124,78,226,.20),rgba(68,45,118,.18))!important;
    border-color:#9272d0!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #9b6cff!important;
  }
}

@media (max-width:700px){
  .site-header .main-nav > a.mobile-coaching-nav{
    min-height:50px!important;
    width:100%!important;
    margin:7px 0 2px!important;
    padding:13px 15px!important;
    gap:11px!important;
    border:1px solid #4f4864!important;
    border-radius:6px!important;
    background:#101827!important;
    color:#e8e6ed!important;
    box-shadow:inset 3px 0 0 #8b63d9!important;
    font-size:1rem!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }
  .site-header .main-nav > a.mobile-coaching-nav .coaching-icon{
    width:18px!important;
    height:18px!important;
    color:#b99bff!important;
    stroke:currentColor!important;
  }
  .site-header .main-nav > a.mobile-coaching-nav:hover,
  .site-header .main-nav > a.mobile-coaching-nav:focus-visible{
    background:#17172a!important;
    border-color:#806aa8!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #a27aff!important;
  }
  .site-header .main-nav > a.mobile-coaching-nav[aria-current="page"]{
    background:rgba(124,78,226,.16)!important;
    border-color:#806aa8!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #a27aff!important;
  }
  .site-header .main-nav > a.mobile-coaching-nav[aria-current="page"]:after{
    display:none!important;
  }
}
/* end v59 */

/* v60 — align Beke8's non-link status with adjacent contact actions */
.community-section .contact-grid>.contact-card>.no-links{
  width:100%;
  min-height:54px;
  padding:15px 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:4px;
  line-height:1.4;
  box-sizing:border-box;
}
@media(max-width:700px){
  .community-section .contact-grid>.contact-card>.no-links{
    width:100%;
    min-height:54px;
  }
}


/* v61 — filled purple Book coaching navigation CTA
   Match the restrained filled-purple coaching action used on /mobile-legends-coaching. */
@media (min-width:1101px){
  .site-header .header-cta-group .header-watch.header-watch-coaching{
    background:#7c4ee2!important;
    border:1px solid #a887f1!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
    text-shadow:none!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching .coaching-icon{
    color:#f0eaff!important;
    stroke:currentColor!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching:hover,
  .site-header .header-cta-group .header-watch.header-watch-coaching:focus-visible{
    background:#895cf0!important;
    border-color:#c1a7ff!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
    transform:translateY(-1px)!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching:hover .coaching-icon,
  .site-header .header-cta-group .header-watch.header-watch-coaching:focus-visible .coaching-icon{
    color:#fff!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching[aria-current="page"]{
    background:#895cf0!important;
    border-color:#d0bcff!important;
    color:#fff!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  }
}

@media (max-width:700px){
  .site-header .main-nav > a.mobile-coaching-nav{
    background:#7c4ee2!important;
    border:1px solid #a887f1!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .site-header .main-nav > a.mobile-coaching-nav .coaching-icon{
    color:#f0eaff!important;
    stroke:currentColor!important;
  }
  .site-header .main-nav > a.mobile-coaching-nav:hover,
  .site-header .main-nav > a.mobile-coaching-nav:focus-visible{
    background:#895cf0!important;
    border-color:#c1a7ff!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .site-header .main-nav > a.mobile-coaching-nav[aria-current="page"]{
    background:#895cf0!important;
    border-color:#d0bcff!important;
    color:#fff!important;
    box-shadow:none!important;
  }
}
/* end v61 */

/* v62 — MHQ SMP connection section design integration
   Rework the shared Java/Bedrock block so it reads like part of the MHQ editorial system,
   not a detached settings panel. Shared markup keeps copy behavior unchanged; theme color
   still follows the page accent (blue on Home, green on Minecraft). */
.server-connect-modern{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:96px;
  border-block:1px solid #1d2a39;
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--blue) 10%,transparent) 0,transparent 31%),
    linear-gradient(180deg,#0a111b 0%,#090f18 100%);
}
.server-connect-modern::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,transparent 0,#000 19%,#000 82%,transparent 100%);
}
.server-connect-modern::after{
  content:'MHQ';
  position:absolute;
  z-index:-1;
  right:max(36px,calc((100vw - var(--max))/2));
  bottom:-42px;
  color:#fff;
  font-family:var(--display);
  font-size:clamp(9rem,16vw,15rem);
  font-weight:800;
  line-height:.8;
  letter-spacing:-.055em;
  opacity:.018;
  pointer-events:none;
  user-select:none;
}
.server-connect-modern .container{
  width:min(var(--max),calc(100% - 112px));
}
.server-connect-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,440px);
  column-gap:64px;
  align-items:end;
  margin-bottom:42px;
}
.server-connect-heading .eyebrow{
  margin-bottom:18px;
}
.server-connect-heading h2{
  max-width:760px;
  font-size:clamp(3rem,4.1vw,4rem);
  line-height:1.03;
  letter-spacing:-.02em;
}
.server-connect-heading h2 em{
  color:var(--blue-light);
}
.server-connect-heading>p{
  width:100%;
  max-width:440px;
  justify-self:end;
  margin:0 0 6px;
  color:#98a6b8;
  font-size:.96rem;
  line-height:1.75;
  text-align:right;
}
.server-edition-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.server-edition-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:32px 32px 30px;
  border:1px solid #2a3b4e;
  border-radius:6px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--blue) 5%,transparent),transparent 34%),
    linear-gradient(145deg,#111b29 0%,#0d151f 72%,#0a111a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.12);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.server-edition-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--blue) 0,var(--blue-light) 32%,transparent 78%);
}
.server-edition-card::after{
  content:'01';
  position:absolute;
  top:21px;
  right:78px;
  color:#fff;
  font-family:var(--display);
  font-size:3.5rem;
  font-weight:800;
  line-height:1;
  letter-spacing:-.04em;
  opacity:.025;
  pointer-events:none;
}
.server-edition-card:nth-child(2)::after{content:'02'}
.server-edition-card:hover{
  transform:translateY(-3px);
  border-color:#3d5874;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 52px rgba(0,0,0,.18);
}
.server-edition-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding-bottom:24px;
}
.server-edition-title h3{
  color:#f5f8fc;
  font-size:2.5rem;
  line-height:1;
  letter-spacing:-.02em;
}
.server-edition-title h3 span{
  display:inline-block;
  margin-left:4px;
  color:#8290a2;
  font-size:.62em;
  font-weight:600;
  letter-spacing:-.01em;
}
.server-edition-icon{
  width:42px;
  height:42px;
  padding:10px;
  border:1px solid #34495f;
  border-radius:4px;
  background:#0a121d;
  color:var(--blue-light);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 4%,transparent);
}
.server-edition-details{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  gap:0;
  margin:0;
  padding:23px 0;
  border-block:1px solid #28384a;
}
.server-edition-details>div{
  min-width:0;
  display:grid;
  align-content:center;
  gap:7px;
}
.server-edition-details span{
  color:#7f8fa4;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.115em;
  line-height:1.4;
  text-transform:uppercase;
}
.server-edition-details strong{
  color:#f6f8fb;
  font-family:var(--body);
  font-size:1.08rem;
  font-weight:800;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.server-edition-details .server-port{
  padding-left:22px;
  border-left:1px solid #28384a;
}
.server-edition-details .server-port strong{
  color:var(--blue-light);
  font-variant-numeric:tabular-nums;
}
.server-edition-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.server-copy-primary{
  min-height:48px;
  padding:12px 18px;
  border:1px solid var(--blue);
  border-radius:4px;
  background:var(--blue);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  font-size:.82rem;
  font-weight:800;
  line-height:1.2;
  transition:transform .2s,filter .2s,background .2s,border-color .2s;
}
.server-copy-primary:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
.server-copy-primary .server-copy-icon{
  width:17px;
  height:17px;
}
.server-copy-link{
  min-height:48px;
  padding:11px 16px;
  border:1px solid #34475c;
  border-radius:4px;
  background:#0b131e;
  color:#b5c2d2;
  font-size:.8rem;
  font-weight:800;
  line-height:1.2;
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.server-copy-link:hover{
  transform:translateY(-1px);
  border-color:var(--blue);
  background:#101b29;
  color:#fff;
}
.server-connect-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid #1e2b3a;
}
.server-bottom-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:5px 0 6px;
  border:0;
  color:#bac6d5;
  font-size:.8rem;
  font-weight:800;
  line-height:1.35;
  transition:color .2s,transform .2s;
}
.server-bottom-link::after{
  content:'';
  width:24px;
  height:1px;
  margin-left:3px;
  background:var(--blue);
  transition:width .2s;
}
.server-bottom-link:hover{
  color:#fff;
  transform:translateX(2px);
}
.server-bottom-link:hover::after{width:34px}
.server-community-link::after{display:none}
.server-community-link{
  color:#d2d9e3;
}
.server-link-icon{
  width:19px;
  height:19px;
  color:var(--blue-light);
}

/* Minecraft uses the same component but lets its established green identity lead. */
body[data-theme="minecraft"] .server-connect-modern{
  background:
    radial-gradient(circle at 88% 4%,rgba(53,199,133,.09) 0,transparent 31%),
    linear-gradient(180deg,#09130f 0%,#080f0c 100%);
  border-color:#1b3027;
}
body[data-theme="minecraft"] .server-edition-card{
  border-color:#29463a;
  background:
    linear-gradient(135deg,rgba(53,199,133,.055),transparent 34%),
    linear-gradient(145deg,#101d18 0%,#0c1612 72%,#09110e 100%);
}
body[data-theme="minecraft"] .server-edition-card:hover{border-color:#3d6654}
body[data-theme="minecraft"] .server-edition-icon{
  border-color:#315445;
  background:#09140f;
}
body[data-theme="minecraft"] .server-edition-details,
body[data-theme="minecraft"] .server-edition-details .server-port{border-color:#284237}
body[data-theme="minecraft"] .server-copy-link{
  border-color:#315043;
  background:#09130f;
}
body[data-theme="minecraft"] .server-copy-link:hover{
  border-color:var(--blue);
  background:#0f1f18;
}
body[data-theme="minecraft"] .server-connect-bottom{border-color:#1c3329}

@media(max-width:900px){
  .server-connect-modern{padding-block:74px}
  .server-connect-heading{
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
    margin-bottom:34px;
  }
  .server-connect-heading>p{
    justify-self:start;
    max-width:640px;
    margin:0;
    text-align:left;
  }
  .server-edition-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .server-connect-modern{padding-block:58px}
  .server-connect-modern .container{width:calc(100% - 40px)}
  .server-connect-modern::after{right:12px;bottom:-18px;font-size:8rem}
  .server-edition-card{padding:26px 22px 24px}
  .server-edition-title{padding-bottom:20px}
  .server-edition-title h3{font-size:2.18rem}
  .server-edition-details{grid-template-columns:minmax(0,1fr) 88px;padding:20px 0}
  .server-edition-details .server-port{padding-left:16px}
  .server-connect-bottom{align-items:flex-start;flex-direction:column;gap:13px}
}
@media(max-width:460px){
  .server-edition-details{grid-template-columns:1fr;gap:17px}
  .server-edition-details .server-port{
    padding:15px 0 0;
    border-left:0;
    border-top:1px solid #28384a;
  }
  body[data-theme="minecraft"] .server-edition-details .server-port{border-top-color:#284237}
  .server-edition-actions{align-items:stretch;flex-direction:column;gap:10px}
  .server-copy-primary,.server-copy-link{width:100%;justify-content:center}
  .server-copy-link{align-self:stretch}
  .server-edition-card::after{display:none}
}
/* end v62 */

/* v63 — /mobile-legends-coaching preparation section layout cleanup.
   The dark section band must span the viewport; the content alone stays in the site container.
   Keep the two desktop cards aligned as a matched-height pair, consistent with /mobile-legends. */
.page-mlbb-coaching-resource .coaching-prep-v39{
  width:100%;
  max-width:none!important;
  margin-inline:0!important;
  padding-top:68px!important;
  padding-bottom:68px!important;
}
.page-mlbb-coaching-resource .coaching-prep-v39 .coaching-prep-inner{
  width:min(var(--max),calc(100% - 112px));
  margin-inline:auto;
}
.page-mlbb-coaching-resource .coaching-prep-v39 .seo-split-panel{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.page-mlbb-coaching-resource .coaching-prep-v39 .seo-resource-copy{
  padding:28px;
}
.page-mlbb-coaching-resource .coaching-prep-v39 .seo-checklist-card{
  align-self:stretch;
  padding:28px;
}
.page-mlbb-coaching-resource .coaching-prep-v39 .seo-checklist-card ul{
  gap:14px;
}
@media(max-width:1050px){
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-split-panel{
    grid-template-columns:1fr;
  }
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-checklist-card{
    width:100%;
  }
}
@media(max-width:700px){
  .page-mlbb-coaching-resource .coaching-prep-v39{
    padding-top:52px!important;
    padding-bottom:52px!important;
  }
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-resource-copy,
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-checklist-card{
    padding:23px;
  }
}
/* end v63 preparation section cleanup */
/* v64 — keep the preparation section aligned to the standard site container.
   v63 accidentally overrode the shared .container width with width:100%, causing a full-bleed inner layout. */


/* v66 — match /mobile-legends split-panel proportions: both preparation cards share equal height on desktop. */
@media(min-width:1051px){
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-resource-copy,
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-checklist-card{height:100%;}
}
/* end v66 */

/* v67 — align the preparation pair with the coaching cards directly above.
   Same 50/50 column split, same 18px gap and same 28px card inset. */
@media(min-width:1051px){
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-split-panel{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-resource-copy,
  .page-mlbb-coaching-resource .coaching-prep-v39 .seo-checklist-card{
    padding:28px;
  }
}
/* end v67 */


/* v68 — mobile home hero sticker overlap fix.
   Keep the gold MHQ note inside the card, but make it a compact accent and
   reserve a clean text lane so it no longer covers the hero headline. */
@media(max-width:700px){
  .hero-home-upgraded.hero-brand-polished .brand-identity-caption{
    right:auto;
    width:72%;
    max-width:72%;
  }
  .hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker{
    right:14px;
    bottom:22px;
    width:128px;
    min-width:0;
    padding:10px 12px 9px;
    font-size:1.05rem;
    line-height:.92;
    transform:rotate(2deg);
  }
  .hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker b{
    font-size:1.5rem;
    line-height:.92;
  }
  .hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker span{
    max-width:108px;
    margin-top:7px;
    font-size:.5rem;
    line-height:1.25;
    letter-spacing:.03em;
  }
}
@media(max-width:420px){
  .hero-home-upgraded.hero-brand-polished .brand-identity-caption{
    width:70%;
    max-width:70%;
  }
  .hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker{
    right:10px;
    bottom:18px;
    width:116px;
    padding:9px 10px 8px;
    font-size:.96rem;
  }
  .hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker b{
    font-size:1.36rem;
  }
  .hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker span{
    max-width:96px;
    font-size:.47rem;
  }
}
/* end v68 */

/* v69 — mobile floating hero-sticker containment across every page that uses one.
   Keep creator, Minecraft and Contact stickers as compact corner accents and
   reserve a text lane in the underlying hero caption so they never cover copy. */
@media(max-width:700px){
  .hero-polished:not(.hero-home-upgraded) .hero-sticker{
    right:12px;
    bottom:20px;
    width:132px;
    min-width:0;
    padding:10px 12px 9px;
    font-size:1rem;
    line-height:.92;
    transform:rotate(2deg);
  }
  .hero-polished:not(.hero-home-upgraded) .hero-sticker b{
    font-size:1.44rem;
    line-height:.92;
  }
  .hero-polished:not(.hero-home-upgraded) .hero-sticker span{
    display:block;
    max-width:108px;
    margin-top:7px;
    font-size:.48rem;
    line-height:1.25;
    letter-spacing:.03em;
  }

  /* Member + Minecraft visual cards: leave the bottom-right corner to the note. */
  .hero-member-polished .portrait-caption,
  body[data-theme="minecraft"] .hero-polished .portrait-caption{
    right:150px;
  }

  /* Contact uses the same logo-card treatment as Home, but its own caption. */
  .hero-brand-polished:not(.hero-home-upgraded) .brand-identity-caption{
    right:150px;
  }
}
@media(max-width:420px){
  .hero-polished:not(.hero-home-upgraded) .hero-sticker{
    right:9px;
    bottom:16px;
    width:116px;
    padding:9px 10px 8px;
    font-size:.92rem;
  }
  .hero-polished:not(.hero-home-upgraded) .hero-sticker b{
    font-size:1.3rem;
  }
  .hero-polished:not(.hero-home-upgraded) .hero-sticker span{
    max-width:96px;
    font-size:.45rem;
  }
  .hero-member-polished .portrait-caption,
  body[data-theme="minecraft"] .hero-polished .portrait-caption,
  .hero-brand-polished:not(.hero-home-upgraded) .brand-identity-caption{
    right:132px;
  }
}
/* end v69 */


/* v70 — desktop floating hero-sticker position.
   Match the mobile corner treatment by anchoring stickers lower on larger screens,
   so they read as a bottom-right accent instead of floating over the hero copy. */
@media(min-width:701px){
  .hero-polished .hero-sticker{
    bottom:24px;
  }
  .hero-brand-polished .hero-sticker,
  .hero-home-upgraded.hero-brand-polished .hero-sticker.gold-sticker{
    bottom:20px;
  }
}
/* end v70 */

/* v71 — align MLBB hero visuals with the site's standard two-column hero language.
   On desktop the right-hand visual now begins with the left hero content, stretches to
   the same row height, and uses the same restrained asymmetric frame treatment used
   elsewhere on the MHQ site. Mobile/tablet stacking remains unchanged. */
@media (min-width:1051px){
  .page-mlbb-resource .seo-resource-hero-grid,
  .page-mlbb-coaching-resource .seo-resource-hero-grid{
    align-items:stretch;
  }

  .page-mlbb-resource .mlbb-strategy-visual,
  .page-mlbb-coaching-resource .coaching-loop-visual{
    display:flex;
    flex-direction:column;
    align-self:stretch;
    height:100%;
    min-height:0;
    margin:0;
    padding:16px;
    border-radius:6px 6px 58px 6px;
    border-top-width:3px;
  }

  .page-mlbb-resource .strategy-map,
  .page-mlbb-coaching-resource .coaching-loop-stage{
    flex:1 1 auto;
    height:auto;
    min-height:365px;
    border-radius:5px 5px 42px 5px;
  }

  .page-mlbb-resource .strategy-legend,
  .page-mlbb-coaching-resource .strategy-legend{
    flex:0 0 auto;
  }
}
/* end v71 */


/* v72 — creator hero cleanup.
   Creator role/category tags are already present inside each portrait card, so the redundant
   pill row above the card is removed in markup. Keep two-line portrait headlines tidy. */
.hero-member-polished .portrait-caption strong{
  text-wrap:balance;
}
@media(max-width:700px){
  .hero-member-polished .portrait-caption strong{
    line-height:.94;
  }
}
/* end v72 */


/* v73 — align MLBB section intros to the card grids beneath them.
   The right-hand intro copy now starts exactly on the next card column and
   finishes on the same outer edge as the cards, instead of floating inward. */
@media(min-width:951px){
  /* /mobile-legends: 4 cards = two equal card-pairs in the heading row. */
  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    align-items:start;
    margin-bottom:38px;
  }
  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading>p{
    position:static!important;
    top:auto!important;
    align-self:start!important;
    width:100%;
    max-width:none;
    margin:68px 0 0!important;
    padding:0!important;
  }

  /* /mobile-legends-coaching: heading columns mirror the two coaching cards. */
  .page-mlbb-coaching-resource .coach-path-section .section-heading{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
    margin-bottom:36px;
  }
  .page-mlbb-coaching-resource .coach-path-section .section-heading>p{
    position:static!important;
    top:auto!important;
    align-self:start!important;
    width:100%;
    max-width:none;
    margin:62px 0 0!important;
    padding:0!important;
  }
}
@media(max-width:950px){
  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading,
  .page-mlbb-coaching-resource .coach-path-section .section-heading{
    grid-template-columns:1fr;
    gap:26px;
  }
  .page-mlbb-resource .mlbb-resource-links-section .section-heading.compact-heading>p,
  .page-mlbb-coaching-resource .coach-path-section .section-heading>p{
    width:auto;
    margin-top:0!important;
  }
}
/* end v73 */

/* v74 — restore creator hero tags above portrait cards on MrHoid, Snackalot and Melody.
   Existing hero-visual-note styling is reused; in-card captions stay simplified to MHQ SQUAD. */

/* v75 — creator hero desktop alignment correction.
   Keep the role/category pills above the portrait, but align that pill row with the
   left eyebrow and the portrait top with the left headline. The generic centered
   hero alignment made the taller tagged visual float too high. */
@media(min-width:1051px){
  .hero-member-polished{
    align-items:start;
  }
  .hero-member-polished .hero-content{
    align-self:start;
  }
  .hero-member-polished .hero-visual{
    align-self:start;
  }
}
/* end v75 */

/* v77 — homepage-only right-column text edge alignment.
   Keep the existing column starts, but let the supporting copy use the full
   right-hand column so it shares the same outer right edge as the content/cards below. */
@media(min-width:901px){
  .seo-brand-intro .seo-brand-intro-grid>div:last-child{
    width:100%;
    max-width:none;
    min-width:0;
    justify-self:stretch;
  }
  .seo-brand-intro .seo-brand-intro-grid>div:last-child>p{
    width:100%;
    max-width:none;
  }
  #squad .squad-section-heading>.squad-intro{
    width:100%;
    max-width:none;
    min-width:0;
    justify-self:stretch;
  }
}
/* end v77 */

/* v78 — homepage community right-column edge alignment.
   Match the homepage text rule from v77: let the right-hand notes use the
   full grid column so their text area shares the same outer right edge as the
   rest of the homepage content. */
@media(min-width:901px){
  .home-community .community-notes{
    width:100%;
    max-width:none;
    min-width:0;
    justify-self:stretch;
  }
  .home-community .community-notes article{
    width:100%;
    min-width:0;
  }
  .home-community .community-notes article>div{
    width:100%;
    min-width:0;
  }
  .home-community .community-notes p{
    width:100%;
    max-width:none;
  }
}
/* end v78 */

/* v79 — homepage MHQ Mobile Legends intro cleanup.
   Replace the dense three-column editorial row with a calmer two-column layout:
   headline on the left, readable copy + resource links stacked on the right. */
@media(min-width:1101px){
  #mhq-mobile-legends-intro{
    padding-top:46px!important;
    padding-bottom:34px!important;
  }
  #mhq-mobile-legends-intro .seo-resource-kicker{
    margin-bottom:16px;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid{
    grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)!important;
    gap:76px!important;
    align-items:start!important;
    padding:30px 0 34px!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:first-child{
    display:block!important;
    min-width:0;
  }
  #mhq-mobile-legends-intro h2{
    max-width:330px!important;
    margin:0!important;
    font-size:clamp(2.55rem,3.15vw,3.45rem)!important;
    line-height:.94!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:first-child>p{
    margin-top:22px!important;
    max-width:560px;
    font-size:.96rem;
    line-height:1.78!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:last-child{
    position:relative;
    width:100%;
    max-width:none;
    min-width:0;
    padding:0!important;
    align-self:start;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:last-child:before{
    display:none!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:last-child>p{
    max-width:690px!important;
    margin-top:0!important;
    padding:22px 24px;
    border:1px solid rgba(85,217,255,.15);
    border-left:3px solid rgba(85,217,255,.72);
    border-radius:10px;
    background:linear-gradient(90deg,rgba(16,43,61,.34),rgba(9,18,29,.14));
    font-size:.96rem;
    line-height:1.75!important;
  }
}
@media(min-width:901px) and (max-width:1100px){
  #mhq-mobile-legends-intro .seo-brand-intro-grid{
    grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr)!important;
    gap:44px!important;
    align-items:start!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:first-child{
    display:block!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:first-child>p{
    margin-top:18px!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:last-child{
    padding-left:0!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:last-child:before{
    display:none!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:last-child>p{
    padding:18px 20px;
    border-left:2px solid rgba(85,217,255,.72);
    background:linear-gradient(90deg,rgba(16,43,61,.28),transparent);
  }
}
@media(max-width:900px){
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:first-child{
    display:block!important;
  }
  #mhq-mobile-legends-intro .seo-brand-intro-grid>div:first-child>p{
    margin-top:16px!important;
  }
}
/* end v79 */

/* v80 — homepage community vertical alignment.
   Align the first right-hand note with the "WHAT MHQ IS ABOUT" eyebrow on desktop. */
@media(min-width:761px){
  .home-community .community-notes{
    padding-top:0!important;
  }
}
/* end v80 */


/* v81 — homepage Mobile Legends resource split.
   Separate the two destinations into clean resource cards and align the resource
   group to the section's outer right edge instead of leaving a narrow copy box. */
#mhq-mobile-legends-intro .home-mlbb-resources{
  display:grid;
  gap:14px;
  width:100%;
  min-width:0;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:24px;
  row-gap:7px;
  width:100%;
  min-width:0;
  padding:20px 22px;
  border:1px solid #2b3c50;
  border-left:3px solid var(--blue-light);
  border-radius:9px;
  background:linear-gradient(105deg,rgba(15,31,47,.88),rgba(9,17,27,.94));
  color:inherit;
  text-decoration:none;
  transition:border-color .2s,background .2s,transform .2s;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card:hover{
  transform:translateY(-2px);
  border-color:#3d6683;
  border-left-color:var(--blue-light);
  background:linear-gradient(105deg,rgba(17,39,58,.92),rgba(10,20,31,.96));
}
#mhq-mobile-legends-intro .home-mlbb-resource-kicker{
  grid-column:1/-1;
  color:var(--blue-light);
  font-size:.62rem;
  line-height:1.2;
  letter-spacing:.14em;
  font-weight:800;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card strong{
  display:block;
  min-width:0;
  font-family:var(--display);
  font-size:1.5rem;
  line-height:1;
  text-transform:uppercase;
  color:#f2f7fd;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card>span:not(.home-mlbb-resource-kicker){
  grid-column:1/2;
  color:#9eacbd;
  font-size:.86rem;
  line-height:1.6;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card b{
  grid-column:2/3;
  grid-row:2/4;
  align-self:center;
  white-space:nowrap;
  color:var(--blue-light);
  font-size:.78rem;
  font-weight:800;
}
@media(min-width:1101px){
  #mhq-mobile-legends-intro .seo-brand-intro-grid{
    grid-template-columns:minmax(310px,.78fr) minmax(520px,1.22fr)!important;
    gap:88px!important;
  }
  #mhq-mobile-legends-intro .home-mlbb-resources{
    width:min(100%,660px);
    justify-self:end;
    align-self:start;
  }
}
@media(min-width:901px) and (max-width:1100px){
  #mhq-mobile-legends-intro .home-mlbb-resources{
    width:100%;
    justify-self:end;
  }
}
@media(max-width:700px){
  #mhq-mobile-legends-intro .home-mlbb-resource-card{
    grid-template-columns:1fr;
    padding:18px;
  }
  #mhq-mobile-legends-intro .home-mlbb-resource-card b{
    grid-column:1;
    grid-row:auto;
    margin-top:3px;
  }
}
/* end v81 */


/* v82 — homepage "What MHQ is about" cleanup.
   Give the three right-hand principles the same structured visual language as
   the cleaner resource section above, and start them on the headline baseline
   instead of floating beside the eyebrow. */
@media(min-width:761px){
  .home-community .community-notes{
    padding-top:48px!important;
    gap:14px!important;
  }
}
.home-community .community-notes article{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start;
  width:100%;
  padding:20px 22px;
  border:1px solid #28394d;
  border-radius:12px;
  background:linear-gradient(145deg,rgba(15,27,42,.78),rgba(9,17,28,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.home-community .community-notes .icon{
  display:block;
  width:36px!important;
  height:36px!important;
  margin:0!important;
  padding:9px;
  border:1px solid rgba(85,217,255,.28);
  border-radius:9px;
  background:rgba(18,91,122,.12);
  color:var(--blue-light);
}
.home-community .community-notes h3{
  margin:1px 0 7px!important;
  font-size:1.55rem!important;
  line-height:1.08!important;
}
.home-community .community-notes p{
  width:100%;
  max-width:none!important;
  margin:0;
  font-size:.95rem!important;
  line-height:1.68!important;
}
@media(max-width:760px){
  .home-community .community-notes{
    padding-top:0!important;
    gap:12px!important;
  }
  .home-community .community-notes article{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:15px!important;
    padding:18px;
  }
  .home-community .community-notes .icon{
    width:34px!important;
    height:34px!important;
    padding:8px;
  }
  .home-community .community-notes h3{
    font-size:1.45rem!important;
  }
}
/* end v82 */


/* v83 — creator "Games in rotation" cleanup.
   Keep the content deliberately text-only and compact instead of a large
   descriptive card. The same four rotation labels are used on every creator
   page for a consistent MHQ rhythm. */
.creator-live-section .creator-games-panel{
  position:relative;
  align-self:end;
  height:auto!important;
  min-height:112px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 24px 21px;
  background:rgba(9,17,27,.58);
  border-color:color-mix(in srgb,var(--blue) 28%,var(--line));
  box-shadow:none;
  overflow:hidden;
}
.creator-live-section .creator-games-panel::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:var(--blue);
  opacity:.9;
}
.creator-live-section .creator-games-panel:hover{
  transform:none;
  box-shadow:none;
  border-color:color-mix(in srgb,var(--blue) 38%,var(--line));
}
.creator-live-section .creator-games-panel .small-label{
  color:var(--blue-light);
  font-size:.62rem;
  letter-spacing:.14em;
  font-weight:800;
}
.creator-games-list{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  margin-top:11px;
  color:#eef5ff;
  font-family:var(--display);
  font-size:1.22rem;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.creator-games-list span+span::before{
  content:'·';
  display:inline-block;
  margin:0 11px;
  color:var(--blue-light);
  opacity:.8;
}
@media(max-width:900px){
  .creator-live-section .creator-games-panel{
    align-self:stretch;
  }
}
@media(max-width:480px){
  .creator-live-section .creator-games-panel{
    min-height:0;
    padding:18px 20px 19px;
  }
  .creator-games-list{
    font-size:1.1rem;
    row-gap:5px;
  }
  .creator-games-list span+span::before{
    margin-inline:8px;
  }
}
/* end v83 */


/* v85 — Contact creator Discord buttons use each creator's page accent color. */
body[data-theme="mhq"] .contact-card .creator-discord-button{
  color:#fff;
  border-width:1px;
  box-shadow:none;
}
body[data-theme="mhq"] .contact-card .mrhoid-discord-button{
  background:#ffb70a;
  border-color:#ffb70a;
  color:#111720;
}
body[data-theme="mhq"] .contact-card .mrhoid-discord-button:hover{
  background:#ffc83d;
  border-color:#ffd05c;
  color:#111720;
}
body[data-theme="mhq"] .contact-card .snackalot-discord-button{
  background:#0588ff;
  border-color:#0588ff;
  color:#fff;
}
body[data-theme="mhq"] .contact-card .snackalot-discord-button:hover{
  background:#269cff;
  border-color:#45a9ff;
}
body[data-theme="mhq"] .contact-card .melody-discord-button{
  background:#d9789c;
  border-color:#d9789c;
  color:#fff;
}
body[data-theme="mhq"] .contact-card .melody-discord-button:hover{
  background:#e38cab;
  border-color:#f1a8c0;
}
/* end v85 */

/* v86 — Creator primary community actions follow each creator's page accent.
   Applies to the hero "Watch on Twitch" CTA and schedule "Hang out on Discord" CTA. */
body[data-theme="mrhoid"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button),
body[data-theme="mrhoid"] .schedule-discord-button{
  background:#ffb70a;
  border-color:#ffb70a;
  color:#111720;
}
body[data-theme="mrhoid"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button):hover,
body[data-theme="mrhoid"] .schedule-discord-button:hover{
  background:#ffc83d;
  border-color:#ffd05c;
  color:#111720;
}
body[data-theme="snackalot"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button),
body[data-theme="snackalot"] .schedule-discord-button{
  background:#0588ff;
  border-color:#0588ff;
  color:#fff;
}
body[data-theme="snackalot"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button):hover,
body[data-theme="snackalot"] .schedule-discord-button:hover{
  background:#269cff;
  border-color:#45a9ff;
  color:#fff;
}
body[data-theme="melody"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button),
body[data-theme="melody"] .schedule-discord-button{
  background:#d9789c;
  border-color:#d9789c;
  color:#fff;
}
body[data-theme="melody"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button):hover,
body[data-theme="melody"] .schedule-discord-button:hover{
  background:#e38cab;
  border-color:#f1a8c0;
  color:#fff;
}
/* end v86 */

/* v87 — force creator accent colors on Discord CTAs.
   Earlier generic button rules were winning the background while the creator text color
   still changed, which produced blue buttons with the wrong creator styling. */

/* Creator schedule: Hang out on Discord */
body[data-theme="mrhoid"] .schedule-off-row .schedule-discord-button{
  background:#ffb70a!important;
  background-image:none!important;
  border-color:#ffb70a!important;
  color:#111720!important;
}
body[data-theme="mrhoid"] .schedule-off-row .schedule-discord-button:hover,
body[data-theme="mrhoid"] .schedule-off-row .schedule-discord-button:focus-visible{
  background:#ffc83d!important;
  background-image:none!important;
  border-color:#ffd05c!important;
  color:#111720!important;
}
body[data-theme="snackalot"] .schedule-off-row .schedule-discord-button{
  background:#0588ff!important;
  background-image:none!important;
  border-color:#0588ff!important;
  color:#fff!important;
}
body[data-theme="snackalot"] .schedule-off-row .schedule-discord-button:hover,
body[data-theme="snackalot"] .schedule-off-row .schedule-discord-button:focus-visible{
  background:#269cff!important;
  background-image:none!important;
  border-color:#45a9ff!important;
  color:#fff!important;
}
body[data-theme="melody"] .schedule-off-row .schedule-discord-button{
  background:#d9789c!important;
  background-image:none!important;
  border-color:#d9789c!important;
  color:#fff!important;
}
body[data-theme="melody"] .schedule-off-row .schedule-discord-button:hover,
body[data-theme="melody"] .schedule-off-row .schedule-discord-button:focus-visible{
  background:#e38cab!important;
  background-image:none!important;
  border-color:#f1a8c0!important;
  color:#fff!important;
}

/* Contact page: Join creator Discord */
body[data-theme="mhq"] .contact-grid .contact-card .mrhoid-discord-button{
  background:#ffb70a!important;
  background-image:none!important;
  border-color:#ffb70a!important;
  color:#111720!important;
}
body[data-theme="mhq"] .contact-grid .contact-card .mrhoid-discord-button:hover,
body[data-theme="mhq"] .contact-grid .contact-card .mrhoid-discord-button:focus-visible{
  background:#ffc83d!important;
  background-image:none!important;
  border-color:#ffd05c!important;
  color:#111720!important;
}
body[data-theme="mhq"] .contact-grid .contact-card .snackalot-discord-button{
  background:#0588ff!important;
  background-image:none!important;
  border-color:#0588ff!important;
  color:#fff!important;
}
body[data-theme="mhq"] .contact-grid .contact-card .snackalot-discord-button:hover,
body[data-theme="mhq"] .contact-grid .contact-card .snackalot-discord-button:focus-visible{
  background:#269cff!important;
  background-image:none!important;
  border-color:#45a9ff!important;
  color:#fff!important;
}
body[data-theme="mhq"] .contact-grid .contact-card .melody-discord-button{
  background:#d9789c!important;
  background-image:none!important;
  border-color:#d9789c!important;
  color:#fff!important;
}
body[data-theme="mhq"] .contact-grid .contact-card .melody-discord-button:hover,
body[data-theme="mhq"] .contact-grid .contact-card .melody-discord-button:focus-visible{
  background:#e38cab!important;
  background-image:none!important;
  border-color:#f1a8c0!important;
  color:#fff!important;
}

/* Ensure Discord glyphs follow the button text color. */
.schedule-discord-button .icon,
.creator-discord-button .icon{
  color:currentColor!important;
  fill:currentColor!important;
}
/* end v87 */

/* v88 — creator schedule visual cleanup.
   Bring the weekly rhythm cards closer to the site's editorial panel system:
   neutral surfaces, restrained category accents, compact metadata and a proper off-day panel. */
.schedule-modern-section{
  padding-block:76px 66px;
}
.schedule-modern-section .schedule-modern-header{
  margin-bottom:34px;
}
.schedule-modern-section .schedule-modern-header>p{
  max-width:460px;
  padding-left:20px;
  border-left:2px solid color-mix(in srgb,var(--blue) 72%,#31455b);
  color:#aebdce;
}
.schedule-modern-section .schedule-modern-grid{
  gap:14px;
}
.schedule-modern-section .schedule-modern-card{
  min-height:258px;
  padding:25px 23px 22px;
  border:1px solid #2c3d51!important;
  border-top:1px solid #2c3d51!important;
  border-radius:8px;
  background:linear-gradient(180deg,#101a28 0%,#0c1520 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.12)!important;
  overflow:hidden;
}
.schedule-modern-section .schedule-modern-card::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:72px;
  height:3px;
  background:var(--schedule-accent,var(--blue));
}
.schedule-modern-section .schedule-modern-head h3{
  font-size:1.72rem;
  letter-spacing:0;
}
.schedule-modern-section .schedule-icon{
  width:19px;
  height:19px;
  padding:6px;
  box-sizing:content-box;
  border:1px solid color-mix(in srgb,var(--schedule-accent,var(--blue)) 38%,#34485f);
  border-radius:8px;
  background:color-mix(in srgb,var(--schedule-accent,var(--blue)) 7%,#0e1825);
  color:var(--schedule-accent,var(--blue-light))!important;
}
.schedule-modern-section .schedule-time{
  margin-top:30px;
  font-size:3.72rem;
  letter-spacing:-.015em;
}
.schedule-modern-section .schedule-subtime{
  margin-top:11px;
  color:#91a2b7;
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.schedule-modern-section .schedule-card-rule{
  height:1px;
  margin:23px 0 17px;
  background:#26384b!important;
}
.schedule-modern-section .schedule-modern-card>p{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#cbd7e5!important;
  font-size:.78rem!important;
  line-height:1.45;
  font-weight:800!important;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.schedule-modern-section .schedule-modern-card>p::before{
  content:'';
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--schedule-accent,var(--blue));
  box-shadow:0 0 0 4px color-mix(in srgb,var(--schedule-accent,var(--blue)) 8%,transparent);
}
.schedule-modern-section .schedule-off-row{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  margin-top:28px;
  padding:23px 25px;
  border:1px solid #2b3b4e;
  border-radius:8px;
  background:linear-gradient(145deg,#0e1825,#0b131d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.schedule-modern-section .schedule-off-row .eyebrow{
  margin-bottom:8px;
  color:var(--blue-light);
  font-size:.64rem;
  letter-spacing:.15em;
}
.schedule-modern-section .schedule-off-row h3{
  margin-bottom:7px;
  font-size:1.72rem;
}
.schedule-modern-section .schedule-off-row p{
  max-width:700px;
  color:#98a8ba;
  font-size:.88rem;
  line-height:1.65;
}
.schedule-modern-section .schedule-discord-button{
  min-width:220px;
  min-height:48px;
  padding:12px 20px;
}
.schedule-modern-section .schedule-note{
  margin-top:15px;
  padding-left:2px;
  color:#718398;
  font-size:.75rem;
}
@media(min-width:1201px){
  body[data-theme="mrhoid"] .schedule-modern-grid.six-up{
    gap:10px;
  }
  body[data-theme="mrhoid"] .schedule-modern-card{
    min-height:248px;
    padding:22px 15px 19px;
  }
  body[data-theme="mrhoid"] .schedule-modern-head h3{
    font-size:1.35rem;
  }
  body[data-theme="mrhoid"] .schedule-icon{
    width:15px;
    height:15px;
    padding:5px;
  }
  body[data-theme="mrhoid"] .schedule-time{
    margin-top:27px;
    font-size:3.15rem;
  }
  body[data-theme="mrhoid"] .schedule-subtime{
    margin-top:10px;
    font-size:.68rem;
  }
  body[data-theme="mrhoid"] .schedule-card-rule{
    margin:21px 0 15px;
  }
  body[data-theme="mrhoid"] .schedule-modern-card>p{
    font-size:.68rem!important;
    letter-spacing:.025em;
  }
}
@media(max-width:760px){
  .schedule-modern-section{
    padding-block:54px 48px;
  }
  .schedule-modern-section .schedule-modern-header>p{
    padding-left:15px;
  }
  .schedule-modern-section .schedule-modern-card{
    min-height:0;
    padding:23px 21px 21px;
  }
  .schedule-modern-section .schedule-time{
    margin-top:26px;
    font-size:3.5rem;
  }
  .schedule-modern-section .schedule-off-row{
    grid-template-columns:1fr;
    gap:19px;
    margin-top:22px;
    padding:21px;
  }
}
/* end v88 */

/* v89 — /coaching SEO context text should use the full note width. */
.coaching-hero>.seo-coaching-context p{
  width:100%;
  max-width:none!important;
}
/* end v89 */


/* v90 — coach-specific accent system on /coaching.
   MrHoid uses his gold/yellow identity; Snackalot uses his blue identity. */
#mrhoid-coaching{
  --coach-accent:#ffb70a;
  --coach-accent-light:#ffd05c;
  --coach-accent-rgb:255,183,10;
  position:relative;
  background:
    radial-gradient(circle at 12% 4%,rgba(var(--coach-accent-rgb),.055),transparent 30%),
    linear-gradient(180deg,#080e16 0%,#090f17 100%);
  border-top:1px solid rgba(var(--coach-accent-rgb),.34);
}
#snackalot-coaching{
  --coach-accent:#0588ff;
  --coach-accent-light:#45a9ff;
  --coach-accent-rgb:5,136,255;
  position:relative;
  background:
    radial-gradient(circle at 88% 4%,rgba(var(--coach-accent-rgb),.055),transparent 30%),
    linear-gradient(180deg,#09111b 0%,#081019 100%);
  border-top:1px solid rgba(var(--coach-accent-rgb),.34);
}
#mrhoid-coaching::before,
#snackalot-coaching::before{
  content:'';
  position:absolute;
  top:-1px;
  left:50%;
  width:min(var(--max),calc(100% - 112px));
  height:3px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--coach-accent),rgba(var(--coach-accent-rgb),.16) 42%,transparent 82%);
  pointer-events:none;
}
#mrhoid-coaching .eyebrow,
#snackalot-coaching .eyebrow,
#mrhoid-coaching .coach-direct-kicker,
#snackalot-coaching .coach-direct-kicker,
#mrhoid-coaching .coaching-package>div span,
#snackalot-coaching .coaching-package>div span{
  color:var(--coach-accent-light);
}
#mrhoid-coaching h2 em,
#snackalot-coaching h2 em{
  color:var(--coach-accent-light);
}
#mrhoid-coaching .coach-focus-card,
#mrhoid-coaching .coach-direct-card,
#mrhoid-coaching .coaching-package,
#snackalot-coaching .coach-focus-card,
#snackalot-coaching .coach-direct-card,
#snackalot-coaching .coaching-package{
  border-color:rgba(var(--coach-accent-rgb),.24);
}
#mrhoid-coaching .coach-focus-card,
#snackalot-coaching .coach-focus-card{
  background:linear-gradient(145deg,rgba(var(--coach-accent-rgb),.045),#0d1622 44%,#0b121c);
}
#mrhoid-coaching .coach-direct-card,
#snackalot-coaching .coach-direct-card{
  background:linear-gradient(145deg,rgba(var(--coach-accent-rgb),.13),#0c131e 70%);
  border-color:rgba(var(--coach-accent-rgb),.36);
}
#mrhoid-coaching .coach-focus-card li::marker,
#snackalot-coaching .coach-focus-card li::marker{
  color:var(--coach-accent-light);
}
#mrhoid-coaching .coaching-package,
#snackalot-coaching .coaching-package{
  border-top-color:var(--coach-accent);
  background:linear-gradient(155deg,rgba(var(--coach-accent-rgb),.075),#0e1825 32%,#0b131d);
}
#mrhoid-coaching .coaching-booking-bar,
#snackalot-coaching .coaching-booking-bar{
  border-color:rgba(var(--coach-accent-rgb),.36);
  background:linear-gradient(100deg,rgba(var(--coach-accent-rgb),.095),rgba(var(--coach-accent-rgb),.025) 62%,#0b131d);
}
#mrhoid-coaching .coaching-discord-copy,
#snackalot-coaching .coaching-discord-copy{
  background:var(--coach-accent);
  border-color:var(--coach-accent);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
#mrhoid-coaching .coaching-discord-copy{
  color:#111722;
}
#mrhoid-coaching .coaching-discord-copy:hover,
#mrhoid-coaching .coaching-discord-copy:focus-visible{
  background:#ffc42c;
  border-color:#ffc42c;
  color:#111722;
}
#snackalot-coaching .coaching-discord-copy:hover,
#snackalot-coaching .coaching-discord-copy:focus-visible{
  background:#2498ff;
  border-color:#2498ff;
  color:#fff;
}

/* Entry and selection buttons follow the coach they point to. */
.coaching-hero-actions a[href="#mrhoid-coaching"],
.coach-select-card a[href="#mrhoid-coaching"]{
  background:#ffb70a!important;
  border-color:#ffb70a!important;
  color:#111722!important;
}
.coaching-hero-actions a[href="#mrhoid-coaching"]:hover,
.coaching-hero-actions a[href="#mrhoid-coaching"]:focus-visible,
.coach-select-card a[href="#mrhoid-coaching"]:hover,
.coach-select-card a[href="#mrhoid-coaching"]:focus-visible{
  background:#ffc42c!important;
  border-color:#ffc42c!important;
  color:#111722!important;
}
.coaching-hero-actions a[href="#snackalot-coaching"],
.coach-select-card a[href="#snackalot-coaching"]{
  background:#0588ff!important;
  border-color:#0588ff!important;
  color:#fff!important;
}
.coaching-hero-actions a[href="#snackalot-coaching"]:hover,
.coaching-hero-actions a[href="#snackalot-coaching"]:focus-visible,
.coach-select-card a[href="#snackalot-coaching"]:hover,
.coach-select-card a[href="#snackalot-coaching"]:focus-visible{
  background:#2498ff!important;
  border-color:#2498ff!important;
  color:#fff!important;
}
.coach-select-card:has(a[href="#mrhoid-coaching"]){
  border-color:rgba(255,183,10,.34);
  background:linear-gradient(180deg,rgba(255,183,10,.11),rgba(17,24,39,.30));
}
.coach-select-card:has(a[href="#snackalot-coaching"]){
  border-color:rgba(5,136,255,.34);
  background:linear-gradient(180deg,rgba(5,136,255,.11),rgba(17,24,39,.30));
}
@media(max-width:1190px){
  #mrhoid-coaching::before,
  #snackalot-coaching::before{width:calc(100% - 72px)}
}
@media(max-width:700px){
  #mrhoid-coaching::before,
  #snackalot-coaching::before{width:calc(100% - 40px)}
}
@media(max-width:380px){
  #mrhoid-coaching::before,
  #snackalot-coaching::before{width:calc(100% - 32px)}
}
/* end v90 */

/* v91 — Coaching ranked-stat section cleanup.
   Bring the Season 42 cards back into the site's editorial card language:
   flatter surfaces, one accent edge, fewer nested boxes, and quieter stat rows. */
.coaching-stats-section{
  padding:88px 0 92px;
  background:#0a1019;
  border-block:1px solid #202a38;
}
.coaching-stats-section .section-heading.coaching-heading{
  margin-bottom:36px;
}
.coaching-stats-section .coaching-stats-grid{
  gap:18px;
  margin-top:0;
}
.coaching-stats-section .coach-stat-card{
  padding:0;
  overflow:hidden;
  border:1px solid #2b394c;
  border-top:3px solid var(--coach-accent);
  border-radius:6px;
  background:#0e1723;
  box-shadow:none;
}
.coaching-stats-section .coach-stat-profile{
  grid-template-columns:74px minmax(0,1fr);
  gap:18px;
  min-height:0;
  margin:0;
  padding:27px 28px 24px;
  border-bottom:1px solid #263548;
  background:linear-gradient(135deg,color-mix(in srgb,var(--coach-accent) 5%,#0e1723),#0e1723 58%);
}
.coaching-stats-section .coach-stat-avatar{
  width:74px;
  height:74px;
  padding:3px;
  border:1px solid color-mix(in srgb,var(--coach-accent) 24%,#34465c);
  border-radius:10px;
  background:#0a121c;
  box-shadow:none;
}
.coaching-stats-section .coach-stat-heading{
  gap:5px;
}
.coaching-stats-section .coach-stat-heading .eyebrow{
  color:color-mix(in srgb,var(--coach-accent) 72%,#d9e5f2);
  font-size:.66rem;
  letter-spacing:.13em;
}
.coaching-stats-section .coach-stat-heading h3{
  font-size:2.05rem;
  line-height:1;
}
.coaching-stats-section .coach-stat-heading p{
  min-height:0;
  max-width:48ch;
  font-size:.88rem;
  line-height:1.65;
}
.coaching-stats-section .coach-stat-keynums{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
  border-bottom:1px solid #263548;
  background:#0b141f;
}
.coaching-stats-section .coach-stat-keynum{
  min-height:104px;
  padding:20px 22px 18px;
  border:0;
  border-right:1px solid #263548;
  border-radius:0;
  background:transparent;
}
.coaching-stats-section .coach-stat-keynum:last-child{
  border-right:0;
}
.coaching-stats-section .coach-stat-keynum span{
  min-height:0;
  margin:0 0 11px;
  color:#9fb0c4;
  font-size:.62rem;
  letter-spacing:.13em;
}
.coaching-stats-section .coach-stat-keynum strong{
  margin:0;
  color:#f5f8fc;
  font-size:2.4rem;
  line-height:.9;
}
.coaching-stats-section .coach-stat-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:25px;
  row-gap:0;
  padding:4px 28px 0;
}
.coaching-stats-section .coach-stat-metric{
  min-height:86px;
  padding:16px 0 15px;
  border:0;
  border-bottom:1px solid #263548;
  border-radius:0;
  background:transparent;
}
.coaching-stats-section .coach-stat-metric span{
  display:block;
  min-height:0;
  margin:0 0 8px;
  color:#94a7bc;
  font-size:.62rem;
  line-height:1.35;
  letter-spacing:.08em;
}
.coaching-stats-section .coach-stat-metric strong{
  margin:0;
  color:#eef4fb;
  font-size:1.75rem;
  line-height:1;
}
.coaching-stats-section .coach-stat-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:0;
  padding:19px 28px 23px;
}
.coaching-stats-section .coach-stat-chip{
  display:inline-flex;
  align-items:center;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#aebdce;
  font-size:.74rem;
  line-height:1.45;
}
.coaching-stats-section .coach-stat-chip::before{
  content:'•';
  margin-right:7px;
  color:var(--coach-accent);
  font-size:1rem;
  line-height:1;
}
@media(max-width:1100px){
  .coaching-stats-section .coaching-stats-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .coaching-stats-section{padding:62px 0}
  .coaching-stats-section .coach-stat-profile{
    grid-template-columns:64px minmax(0,1fr);
    gap:14px;
    padding:22px 20px 20px;
  }
  .coaching-stats-section .coach-stat-avatar{width:64px;height:64px;border-radius:9px}
  .coaching-stats-section .coach-stat-heading h3{font-size:1.82rem}
  .coaching-stats-section .coach-stat-keynum{min-height:92px;padding:17px 14px 15px}
  .coaching-stats-section .coach-stat-keynum strong{font-size:2rem}
  .coaching-stats-section .coach-stat-metrics{grid-template-columns:1fr 1fr;column-gap:20px;padding-inline:20px}
  .coaching-stats-section .coach-stat-metric{min-height:80px;padding:14px 0}
  .coaching-stats-section .coach-stat-metric strong{font-size:1.6rem}
  .coaching-stats-section .coach-stat-highlights{padding:17px 20px 21px;gap:7px 15px}
}
@media(max-width:430px){
  .coaching-stats-section .coach-stat-keynums{grid-template-columns:1fr}
  .coaching-stats-section .coach-stat-keynum{min-height:0;border-right:0;border-bottom:1px solid #263548;padding:15px 20px}
  .coaching-stats-section .coach-stat-keynum:last-child{border-bottom:0}
  .coaching-stats-section .coach-stat-keynum span{margin-bottom:6px}
  .coaching-stats-section .coach-stat-metrics{grid-template-columns:1fr}
}
/* end v91 */


/* v92 — SMP connection sections: align with the core MHQ editorial design system.
   Keep the component simple: flat section band, standard MHQ cards, restrained accents,
   no HUD grid/watermark/oversized numbering. Home follows cyan; Minecraft inherits green. */
.server-connect-modern{
  padding-block:82px!important;
  overflow:visible!important;
  border-block:1px solid #202a38!important;
  background:#0b111a!important;
}
.server-connect-modern::before,
.server-connect-modern::after{
  display:none!important;
}
.server-connect-modern .container{
  width:min(var(--max),calc(100% - 112px));
}
.server-connect-heading{
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;
  gap:52px!important;
  align-items:end!important;
  margin-bottom:34px!important;
}
.server-connect-heading .eyebrow{
  margin-bottom:17px!important;
}
.server-connect-heading h2{
  max-width:760px;
  font-size:clamp(3rem,4.1vw,4rem)!important;
  line-height:1.04!important;
}
.server-connect-heading>p{
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  margin:0 0 5px!important;
  color:#a5afbd!important;
  font-size:.96rem!important;
  line-height:1.75!important;
  text-align:left!important;
}
.server-edition-grid{
  gap:18px!important;
}
.server-edition-card{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #2b394c!important;
  border-radius:5px!important;
  background:#0d1520!important;
  box-shadow:none!important;
  transform:none!important;
}
.server-edition-card::before{
  display:block!important;
  height:2px!important;
  background:var(--blue)!important;
}
.server-edition-card::after{
  display:none!important;
}
.server-edition-card:hover{
  transform:none!important;
  border-color:color-mix(in srgb,var(--blue) 48%,#2b394c)!important;
  box-shadow:none!important;
}
.server-edition-title{
  padding:27px 28px 22px!important;
  border-bottom:1px solid #263548!important;
}
.server-edition-title h3{
  font-size:2.25rem!important;
  line-height:1!important;
}
.server-edition-title h3 span{
  margin-left:5px!important;
  color:#8795a8!important;
  font-size:.62em!important;
}
.server-edition-icon{
  width:38px!important;
  height:38px!important;
  padding:8px!important;
  border:1px solid #34495f!important;
  border-radius:4px!important;
  background:transparent!important;
  color:var(--blue-light)!important;
  box-shadow:none!important;
}
.server-edition-details{
  grid-template-columns:minmax(0,1fr) 112px!important;
  margin:0!important;
  padding:21px 28px!important;
  border:0!important;
  border-bottom:1px solid #263548!important;
}
.server-edition-details span{
  color:#8393a7!important;
  font-size:.64rem!important;
  letter-spacing:.12em!important;
}
.server-edition-details strong{
  color:#f3f6fa!important;
  font-size:1.05rem!important;
  line-height:1.4!important;
}
.server-edition-details .server-port{
  padding-left:22px!important;
  border-left:1px solid #263548!important;
}
.server-edition-details .server-port strong{
  color:var(--blue-light)!important;
}
.server-edition-actions{
  gap:10px!important;
  margin:0!important;
  padding:22px 28px 27px!important;
}
.server-copy-primary,
.server-copy-link{
  min-height:46px!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
.server-copy-primary{
  min-width:188px;
  padding:11px 18px!important;
  background:var(--blue)!important;
  border-color:var(--blue)!important;
}
.server-copy-primary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.07)!important;
}
.server-copy-link{
  padding:10px 16px!important;
  border-color:#34475c!important;
  background:transparent!important;
  color:#b9c5d4!important;
}
.server-copy-link:hover{
  transform:none!important;
  border-color:var(--blue)!important;
  background:color-mix(in srgb,var(--blue) 8%,transparent)!important;
  color:#fff!important;
}
.server-connect-bottom{
  margin-top:22px!important;
  padding-top:18px!important;
  border-top:1px solid #202d3d!important;
}
.server-bottom-link{
  color:#c1cbd8!important;
}
.server-bottom-link::after{
  background:var(--blue)!important;
}
.server-link-icon{
  color:var(--blue-light)!important;
}

body[data-theme="minecraft"] .server-connect-modern{
  border-color:#20352c!important;
  background:#09110e!important;
}
body[data-theme="minecraft"] .server-edition-card{
  border-color:#29463a!important;
  background:#0d1713!important;
}
body[data-theme="minecraft"] .server-edition-card:hover{
  border-color:color-mix(in srgb,var(--blue) 48%,#29463a)!important;
}
body[data-theme="minecraft"] .server-edition-title,
body[data-theme="minecraft"] .server-edition-details{
  border-color:#284237!important;
}
body[data-theme="minecraft"] .server-edition-details .server-port{
  border-color:#284237!important;
}
body[data-theme="minecraft"] .server-edition-icon{
  border-color:#315445!important;
  background:transparent!important;
}
body[data-theme="minecraft"] .server-copy-link{
  border-color:#315043!important;
  background:transparent!important;
}
body[data-theme="minecraft"] .server-connect-bottom{
  border-color:#1c3329!important;
}

@media(max-width:900px){
  .server-connect-modern{padding-block:70px!important}
  .server-connect-heading{
    grid-template-columns:1fr!important;
    gap:18px!important;
    align-items:start!important;
    margin-bottom:30px!important;
  }
  .server-connect-heading>p{
    max-width:680px!important;
    margin:0!important;
  }
}
@media(max-width:700px){
  .server-connect-modern{padding-block:56px!important}
  .server-connect-modern .container{width:calc(100% - 40px)!important}
  .server-edition-card{padding:0!important}
  .server-edition-title{padding:23px 22px 19px!important}
  .server-edition-title h3{font-size:2.08rem!important}
  .server-edition-details{
    grid-template-columns:minmax(0,1fr) 88px!important;
    padding:19px 22px!important;
  }
  .server-edition-actions{padding:20px 22px 23px!important}
  .server-copy-primary{min-width:0}
}
@media(max-width:460px){
  .server-edition-details{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .server-edition-details .server-port{
    padding:14px 0 0!important;
    border-left:0!important;
    border-top:1px solid #263548!important;
  }
  body[data-theme="minecraft"] .server-edition-details .server-port{
    border-top-color:#284237!important;
  }
  .server-edition-actions{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .server-copy-primary,.server-copy-link{
    width:100%!important;
    justify-content:center!important;
  }
}
/* end v92 */

/* v93 — homepage MLBB resource cards: bring them back into the core MHQ card language.
   Replace the wide stacked utility bars with two calm editorial cards that use the
   same panel, border, spacing and text-link rhythm as the rest of the homepage. */
#mhq-mobile-legends-intro .home-mlbb-resources{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  width:100%;
  align-items:stretch;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:214px;
  padding:25px 24px 23px;
  border:1px solid #2c3a4d;
  border-top:2px solid var(--blue);
  border-left:1px solid #2c3a4d;
  border-radius:6px;
  background:#0d1623;
  box-shadow:none;
  overflow:hidden;
  transition:border-color .2s,background .2s,transform .2s;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card::after{
  content:'';
  position:absolute;
  left:24px;
  right:24px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--blue),transparent 72%);
  opacity:.62;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card:hover{
  transform:translateY(-3px);
  border-color:#3e5873;
  border-top-color:var(--blue-light);
  border-left-color:#3e5873;
  background:#101b29;
}
#mhq-mobile-legends-intro .home-mlbb-resource-kicker{
  margin:0 0 17px;
  color:var(--blue-light);
  font-size:.64rem;
  line-height:1.2;
  letter-spacing:.15em;
  font-weight:800;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card strong{
  margin:0 0 12px;
  font-size:1.72rem;
  line-height:1.02;
  color:#f3f7fc;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card>span:not(.home-mlbb-resource-kicker){
  margin:0 0 24px;
  color:#9eaabd;
  font-size:.88rem;
  line-height:1.68;
}
#mhq-mobile-legends-intro .home-mlbb-resource-card b{
  grid-column:auto;
  grid-row:auto;
  align-self:flex-start;
  margin-top:auto;
  padding-bottom:5px;
  border-bottom:1px solid var(--blue);
  color:#e8f4ff;
  font-size:.8rem;
  font-weight:800;
  white-space:normal;
}
@media(min-width:1101px){
  #mhq-mobile-legends-intro .home-mlbb-resources{
    width:100%;
    max-width:none;
    justify-self:stretch;
  }
}
@media(max-width:760px){
  #mhq-mobile-legends-intro .home-mlbb-resources{
    grid-template-columns:1fr;
    gap:13px;
  }
  #mhq-mobile-legends-intro .home-mlbb-resource-card{
    min-height:0;
    padding:21px 20px 20px;
  }
  #mhq-mobile-legends-intro .home-mlbb-resource-card::after{
    left:20px;
    right:20px;
  }
}
/* end v93 */

/* v94 — homepage "What MHQ is about" editorial cleanup.
   Replace the three detached mini-cards with one calm, unified MHQ panel so
   the section follows the site's broader editorial/card language. */
.home-community .community-notes{
  gap:0!important;
  overflow:hidden;
  border:1px solid #29394b;
  border-radius:6px;
  background:linear-gradient(145deg,rgba(14,24,37,.82),rgba(9,16,26,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
@media(min-width:761px){
  .home-community .community-notes{
    padding-top:0!important;
    margin-top:48px;
  }
}
.home-community .community-notes article{
  display:grid;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:17px!important;
  align-items:start;
  width:100%;
  padding:25px 27px 24px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-community .community-notes article+article{
  border-top:1px solid #243447!important;
}
.home-community .community-notes .icon{
  width:22px!important;
  height:22px!important;
  margin:3px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--blue-light);
}
.home-community .community-notes h3{
  margin:0 0 7px!important;
  font-size:1.62rem!important;
  line-height:1.05!important;
}
.home-community .community-notes p{
  width:100%;
  max-width:none!important;
  margin:0!important;
  font-size:.94rem!important;
  line-height:1.72!important;
}
@media(max-width:760px){
  .home-community .community-notes{
    margin-top:0;
    padding-top:0!important;
  }
  .home-community .community-notes article{
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:14px!important;
    padding:21px 20px;
  }
  .home-community .community-notes .icon{
    width:20px!important;
    height:20px!important;
  }
  .home-community .community-notes h3{
    font-size:1.48rem!important;
  }
}
/* end v94 */

/* v95 — site-system floating controls + single-play soundtrack behavior. */
.music-player{
  --music-accent:var(--blue);
  --music-accent-soft:var(--blue-light);
  width:318px;
  max-width:calc(100% - 48px);
  padding:11px 12px 9px;
  border:1px solid #2d3c4f;
  border-top:2px solid var(--music-accent);
  border-radius:6px;
  background:rgba(10,17,27,.96);
  box-shadow:0 14px 34px rgba(0,0,0,.42);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.music-player.is-playing{border-color:#35495f;border-top-color:var(--music-accent-soft)}
.music-heading{gap:10px}
.music-brand{width:30px;height:30px;padding:4px;border:1px solid #2b3b4e;border-radius:4px;background:#0b1420}
.music-track strong{font-family:var(--body);font-size:.78rem;font-weight:700;color:#edf4fc;line-height:1.35}
.music-track p{margin-top:1px;color:#8799ad;font-size:.66rem;line-height:1.35}
.music-buttons{gap:6px}
.music-buttons button{width:32px;height:32px;padding:6px;border:1px solid #33465a;border-radius:4px;background:#0d1825;color:#c9d7e6;box-shadow:none}
.music-buttons .music-play{width:34px;background:var(--music-accent);border-color:var(--music-accent);color:#fff}
body[data-theme="mrhoid"] .music-buttons .music-play,
body[data-theme="minecraft"] .music-buttons .music-play{color:#07111d}
.music-buttons button:hover{background:#142336;border-color:var(--music-accent-soft)}
.music-buttons .music-play:hover{background:var(--music-accent-soft);border-color:var(--music-accent-soft)}
.js-ready .music-controls{margin-top:8px}
.music-timeline{grid-template-columns:31px minmax(0,1fr) 31px;gap:7px;padding-top:7px;border-top:1px solid #223144}
.music-timeline>span,.music-volume output{color:#91a2b5;font-size:.64rem}
.music-player input[type=range]{height:16px;accent-color:var(--music-accent)}
.music-volume{gap:8px;margin-top:1px}
.music-volume label{color:#899aac;font-size:.67rem}

.back-to-top{
  width:50px;height:50px;min-height:50px;padding:0;
  border:1px solid #304155;border-top:2px solid var(--blue);border-radius:6px;
  background:#0d1623;color:var(--blue-light);
  box-shadow:0 12px 30px rgba(0,0,0,.38);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.back-to-top:hover{background:#111d2b;border-color:#405976;border-top-color:var(--blue-light);color:#fff}
.back-to-top:focus-visible{outline:2px solid var(--blue-light);outline-offset:4px}
.back-to-top-icon{width:27px;height:27px;stroke:currentColor;transition:transform .2s}
.footer-back-to-top-slot{width:50px;height:50px;flex-basis:50px}
.back-to-top.is-footer-docked{height:50px;min-height:50px}

@media(max-width:600px){
  .music-player{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:304px;max-width:calc(100% - 24px);padding:10px 11px 8px}
  .music-brand{width:28px;height:28px}
  .music-track strong{font-size:.75rem}
  .music-track p{font-size:.63rem}
  .music-buttons button{width:31px;height:31px}
  .music-buttons .music-play{width:33px}
  .back-to-top{right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 112px);width:46px;height:46px;min-height:46px}
  .back-to-top-icon{width:25px;height:25px}
}
/* end v95 */

/* v96 — homepage community section alignment.
   Align the unified right-hand editorial panel with the WHAT MHQ IS ABOUT eyebrow. */
@media(min-width:761px){
  .home-community .community-notes{
    margin-top:0!important;
    align-self:start;
  }
}
/* end v96 */


/* v97 — cleaner page-aware header navigation.
   Active navigation uses only accent text + a glowing underline; the header frame stays neutral.
   Book coaching follows the current page accent. */
body{--header-cta-fg:#fff}

.site-header .header-inner{
  border-color:#34465a!important;
  box-shadow:0 14px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.site-header.is-scrolled .header-inner{
  border-color:#3a4d62!important;
  box-shadow:0 14px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.site-header .main-nav a[aria-current="page"]{
  color:var(--blue-light)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:0 0 12px color-mix(in srgb,var(--blue) 42%,transparent)!important;
}
.site-header .main-nav a[aria-current="page"]:hover,
.site-header .main-nav a[aria-current="page"]:focus-visible{
  background:transparent!important;
  color:var(--blue-light)!important;
}
.site-header .main-nav a[aria-current="page"]:after{
  height:2px!important;
  left:7px!important;
  right:7px!important;
  top:auto!important;
  bottom:4px!important;
  width:auto!important;
  background:var(--blue)!important;
  box-shadow:0 0 7px color-mix(in srgb,var(--blue) 90%,transparent),0 0 16px color-mix(in srgb,var(--blue) 35%,transparent)!important;
  border-radius:999px!important;
}

@media(min-width:1101px){
  .site-header .header-cta-group .header-watch.header-watch-coaching{
    background:var(--blue)!important;
    border:1px solid color-mix(in srgb,var(--blue) 72%,white 28%)!important;
    color:var(--header-cta-fg)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 20px color-mix(in srgb,var(--blue) 18%,transparent)!important;
    text-shadow:none!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching .coaching-icon{
    color:currentColor!important;
    stroke:currentColor!important;
  }
  .site-header .header-cta-group .header-watch.header-watch-coaching:hover,
  .site-header .header-cta-group .header-watch.header-watch-coaching:focus-visible,
  .site-header .header-cta-group .header-watch.header-watch-coaching[aria-current="page"]{
    background:color-mix(in srgb,var(--blue) 86%,white 14%)!important;
    border-color:color-mix(in srgb,var(--blue) 58%,white 42%)!important;
    color:var(--header-cta-fg)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 18px color-mix(in srgb,var(--blue) 24%,transparent)!important;
    transform:translateY(-1px)!important;
  }
}

@media(max-width:1100px){
  .site-header .main-nav a[aria-current="page"]{
    padding-left:16px!important;
  }
  .site-header .main-nav a[aria-current="page"]:after{
    left:16px!important;
    right:auto!important;
    bottom:8px!important;
    width:34px!important;
    height:2px!important;
    top:auto!important;
  }
  .site-header .menu-toggle{
    border-color:#3a4d62!important;
    background:#101a27!important;
    color:#d9e3ef!important;
  }
}

@media(max-width:700px){
  .site-header .main-nav>a.mobile-coaching-nav{
    background:var(--blue)!important;
    border:1px solid color-mix(in srgb,var(--blue) 72%,white 28%)!important;
    color:var(--header-cta-fg)!important;
    box-shadow:none!important;
  }
  .site-header .main-nav>a.mobile-coaching-nav .coaching-icon{
    color:currentColor!important;
    stroke:currentColor!important;
  }
  .site-header .main-nav>a.mobile-coaching-nav:hover,
  .site-header .main-nav>a.mobile-coaching-nav:focus-visible,
  .site-header .main-nav>a.mobile-coaching-nav[aria-current="page"]{
    background:color-mix(in srgb,var(--blue) 86%,white 14%)!important;
    border-color:color-mix(in srgb,var(--blue) 58%,white 42%)!important;
    color:var(--header-cta-fg)!important;
    box-shadow:none!important;
  }
  .site-header .main-nav>a.mobile-coaching-nav[aria-current="page"]:after{display:none!important}
}
/* end v97 */


/* v98 — header coaching CTA text/icon always white. */
.site-header .header-watch.header-watch-coaching,
.site-header .header-watch.header-watch-coaching .coaching-icon,
.site-header .main-nav>a.mobile-coaching-nav,
.site-header .main-nav>a.mobile-coaching-nav .coaching-icon{
  color:#fff!important;
  stroke:currentColor!important;
}
/* end v98 */


/* v99 — MrHoid gold CTAs keep white label + icon for visual consistency. */
body[data-theme="mrhoid"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button),
body[data-theme="mrhoid"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button):hover,
body[data-theme="mrhoid"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button):focus-visible,
body[data-theme="mrhoid"] .schedule-off-row .schedule-discord-button,
body[data-theme="mrhoid"] .schedule-off-row .schedule-discord-button:hover,
body[data-theme="mrhoid"] .schedule-off-row .schedule-discord-button:focus-visible,
body[data-theme="mhq"] .contact-grid .contact-card .mrhoid-discord-button,
body[data-theme="mhq"] .contact-grid .contact-card .mrhoid-discord-button:hover,
body[data-theme="mhq"] .contact-grid .contact-card .mrhoid-discord-button:focus-visible{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
body[data-theme="mrhoid"] .hero-member-polished .hero-actions > .button:not(.creator-youtube-button) .icon,
body[data-theme="mrhoid"] .schedule-off-row .schedule-discord-button .icon,
body[data-theme="mhq"] .contact-grid .contact-card .mrhoid-discord-button .icon{
  color:#fff!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
/* end v99 */

/* v100 — compact mobile navigation cleanup.
   Keep the dropdown neutral and compact; page accent appears only on the active link underline
   and the Book coaching CTA. This prevents the mobile menu from stretching into a tall themed panel. */
@media(max-width:700px){
  .site-header{
    width:calc(100% - 24px)!important;
    top:8px!important;
    margin-top:8px!important;
  }
  .site-header .header-inner{
    min-height:68px!important;
    padding:7px 11px!important;
    border-color:#334457!important;
    border-radius:9px!important;
    background:#0b1522f7!important;
    box-shadow:0 10px 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .site-header .brand{width:132px!important}
  .site-header .menu-toggle{
    width:43px!important;
    height:43px!important;
    padding:10px!important;
    border:1px solid #3a4d62!important;
    border-radius:7px!important;
    background:#101a27!important;
    color:#e6edf6!important;
    box-shadow:none!important;
  }
  .site-header .menu-toggle[aria-expanded="true"]{
    border-color:color-mix(in srgb,var(--blue) 58%,#3a4d62)!important;
    color:#fff!important;
    box-shadow:0 0 14px color-mix(in srgb,var(--blue) 16%,transparent)!important;
  }
  .site-header .main-nav{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 7px)!important;
    left:0!important;
    right:0!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 104px)!important;
    margin:0!important;
    padding:8px!important;
    overflow-y:auto!important;
    background:#0a131fFA!important;
    border:1px solid #2f4154!important;
    border-radius:9px!important;
    box-shadow:0 20px 44px rgba(0,0,0,.52)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .site-header .main-nav.open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:1px!important;
  }
  .site-header .main-nav>a:not(.mobile-coaching-nav){
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:43px!important;
    height:auto!important;
    margin:0!important;
    padding:10px 12px!important;
    border:0!important;
    border-radius:6px!important;
    background:transparent!important;
    color:#b7c2d1!important;
    font-size:.96rem!important;
    font-weight:500!important;
    line-height:1.35!important;
    box-shadow:none!important;
  }
  .site-header .main-nav>a:not(.mobile-coaching-nav):hover,
  .site-header .main-nav>a:not(.mobile-coaching-nav):focus-visible{
    background:#101d2b!important;
    color:#fff!important;
  }
  .site-header .main-nav>a[aria-current="page"]:not(.mobile-coaching-nav){
    color:var(--blue-light)!important;
    background:color-mix(in srgb,var(--blue) 6%,transparent)!important;
    text-shadow:0 0 10px color-mix(in srgb,var(--blue) 28%,transparent)!important;
  }
  .site-header .main-nav>a[aria-current="page"]:not(.mobile-coaching-nav):after{
    content:''!important;
    position:absolute!important;
    left:12px!important;
    right:auto!important;
    top:auto!important;
    bottom:5px!important;
    width:34px!important;
    height:2px!important;
    background:var(--blue)!important;
    border-radius:999px!important;
    box-shadow:0 0 7px color-mix(in srgb,var(--blue) 78%,transparent)!important;
  }
  .site-header .main-nav>a.mobile-coaching-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:46px!important;
    height:auto!important;
    margin:7px 0 0!important;
    padding:11px 14px!important;
    border:1px solid color-mix(in srgb,var(--blue) 65%,white 35%)!important;
    border-radius:6px!important;
    background:var(--blue)!important;
    color:#fff!important;
    font-size:.92rem!important;
    font-weight:800!important;
    line-height:1.2!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
  }
  .site-header .main-nav>a.mobile-coaching-nav .coaching-icon{
    width:17px!important;
    height:17px!important;
    color:#fff!important;
    stroke:#fff!important;
  }
  .site-header .main-nav>a.mobile-coaching-nav:hover,
  .site-header .main-nav>a.mobile-coaching-nav:focus-visible,
  .site-header .main-nav>a.mobile-coaching-nav[aria-current="page"]{
    background:color-mix(in srgb,var(--blue) 86%,white 14%)!important;
    border-color:color-mix(in srgb,var(--blue) 52%,white 48%)!important;
    color:#fff!important;
    box-shadow:0 0 15px color-mix(in srgb,var(--blue) 16%,transparent)!important;
  }
  .site-header .main-nav>a.mobile-coaching-nav:after{display:none!important}
}
/* end v100 */

/* v101 — Coaching page: MrHoid coaching CTAs use white icon/text on gold background. */
#mrhoid-coaching .coaching-discord-copy,
#mrhoid-coaching .coaching-discord-copy:hover,
#mrhoid-coaching .coaching-discord-copy:focus-visible,
.coaching-hero-actions a[href="#mrhoid-coaching"],
.coaching-hero-actions a[href="#mrhoid-coaching"]:hover,
.coaching-hero-actions a[href="#mrhoid-coaching"]:focus-visible,
.coach-select-card a[href="#mrhoid-coaching"],
.coach-select-card a[href="#mrhoid-coaching"]:hover,
.coach-select-card a[href="#mrhoid-coaching"]:focus-visible{
  color:#fff!important;
}
#mrhoid-coaching .coaching-discord-copy .icon,
.coaching-hero-actions a[href="#mrhoid-coaching"] .icon,
.coach-select-card a[href="#mrhoid-coaching"] .icon{
  color:currentColor!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
/* end v101 */

/* v102: one compact minigame launcher replaces both birthday launchers. */
.minigame-launcher{position:fixed;z-index:35;right:max(22px,env(safe-area-inset-right));top:122px;display:grid;place-items:center;width:58px;height:58px;color:#ffe17c;background:#0d1725;border:1px solid #ffc43d88;border-radius:17px 7px 17px 7px;box-shadow:0 8px 28px #0008;transition:border-color .2s,transform .2s}
.minigame-launcher>svg{width:35px;height:35px}.minigame-launcher:hover{transform:translateY(-3px);border-color:#ffe17c}.minigame-launcher-tooltip{position:absolute;right:72px;white-space:nowrap;padding:8px 14px;border:1px solid #34455b;border-radius:5px;background:#0d1725;color:#fff;font-size:.85rem;opacity:0;visibility:hidden;transition:opacity .2s}.minigame-launcher:hover .minigame-launcher-tooltip,.minigame-launcher:focus-visible .minigame-launcher-tooltip{opacity:1;visibility:visible}body.menu-open .minigame-launcher{display:none}
@media(max-width:700px){.minigame-launcher{top:108px;right:12px;width:46px;height:46px}.minigame-launcher>svg{width:29px;height:29px}.minigame-launcher-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.minigame-launcher{transition:none}}


/* ===== v172 mobile/tablet performance hardening =====
   Lower paint/composite cost on phones, tablets, zoomed desktop viewports and
   low-power devices. motion-lite is applied by app.js. */
html.motion-lite body:before,html.motion-lite body:after{display:none!important}
html.motion-lite .site-header .header-inner,
html.motion-lite .main-nav,
html.motion-lite .music-player,
html.motion-lite .back-to-top,
html.motion-lite .card,
html.motion-lite [class*="glass"],
html.motion-lite [class*="panel"]{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html.motion-lite .motion-reveal,
html.motion-lite .hero .hero-content>*,
html.motion-lite .hero .hero-visual{
  transition-duration:.18s!important;transition-delay:0s!important;filter:none!important;
}
html.motion-lite .button,html.motion-lite .copy-btn,html.motion-lite .footer-copy-btn,
html.motion-lite .site-header a,html.motion-lite .site-header button{
  transition-duration:.14s!important;
}
html.motion-lite .hero-sticker,html.motion-lite .portrait-scan,
html.motion-lite .brand-identity-grid,html.motion-lite .brand-identity-orbit,
html.motion-lite .brand-identity-logo,html.motion-lite .game-strip .icon{
  animation:none!important;will-change:auto!important;
}
html.motion-lite .site-header .brand img,html.motion-lite .hero img,html.motion-lite .team-card img{
  filter:none!important;will-change:auto!important;
}
@media(max-width:1100px){
  body:before,body:after{animation:none!important}
  .site-header .header-inner,.main-nav,.music-player,.back-to-top{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
}