/* 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:'DM Sans',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-schedule.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:auto;
  min-width:190px;
  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;
  }
}