:root{color-scheme:dark;--bg:#090c12;--panel:#121722;--line:#2b3544;--text:#f4f7fc;--muted:#b7c4d6;--blue:#a9c4ff;--cyan:#91e6e6;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button:not(:disabled){cursor:pointer}[hidden]{display:none!important}.wrap{width:min(1100px,calc(100% - 32px));margin-inline:auto}.skip{position:absolute;top:-5rem;z-index:4}.skip:focus{top:0}.site-header.wrap{position:sticky;top:0;z-index:3;width:100%;background:#0b0f16;border-bottom:1px solid var(--line)}
.site-header nav{width:min(1100px,calc(100% - 32px));min-height:64px;margin-inline:auto;display:flex;align-items:center;gap:28px}
.site-header .brand{flex:none}
.site-header .brand img{width:30px;height:30px}
.site-header .nav-links{align-self:stretch;gap:24px}
.site-header .nav-links a{display:flex;align-items:center;padding:0;border-radius:0;border-bottom:2px solid transparent}
.site-header .nav-links a[aria-current]{background:transparent;color:var(--text);border-bottom-color:var(--cyan)}
.site-header .button{margin-left:auto;border-radius:5px;padding:7px 13px}
.site-header + main .hero,.site-header + main .pagehead{margin-top:0;padding-top:64px}
.brand,.nav-links{display:flex;align-items:center;gap:8px}.brand{font-weight:800;color:var(--text);white-space:nowrap}.brand img{width:34px;height:34px}.nav-links{flex-wrap:wrap;justify-content:center}.nav-links a{color:var(--muted);padding:8px;border-radius:7px;font-size:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:8px;padding:10px 16px;background:var(--blue);color:#0b1428;font-weight:750;white-space:nowrap}.button.cyan{background:var(--cyan)}.button:hover{filter:brightness(1.08);text-decoration:none}.button:disabled{opacity:.55}.hero,.pagehead{text-align:center;display:grid;justify-items:center;align-content:center;margin-top:-75px;padding:125px 16px 50px;background:linear-gradient(180deg,#080d1770,#090c12 98%),url('/assets/arena.png') center 48%/cover}.hero{min-height:clamp(450px,61vh,640px)}.pagehead{min-height:320px}.client-head{background:radial-gradient(ellipse at 50% 14%,#153b4b,var(--bg) 69%)}.crest{width:96px;height:96px;filter:drop-shadow(0 0 32px #86b6ff70)}.client-head .crest{width:70px;height:70px;margin-bottom:12px}.wordmark{width:min(430px,80vw);display:block;margin-inline:auto}.hero h1,.pagehead h1{margin:.3em 0 0}.pagehead h1{font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:-.05em}.hero p,.pagehead p{font-size:1.12rem}.status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem}.status:before{content:'';width:8px;height:8px;border-radius:50%;background:#e0ab69}.status[data-state=online]:before{background:#6de5a0;box-shadow:0 0 12px #6de5a080}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{padding:clamp(18px,3vw,32px);border:1px solid var(--line);border-radius:16px;background:var(--panel)}.panel h2{margin:0 0 10px;font-size:1.55rem}.feature{display:flex;flex-direction:column;align-items:flex-start;min-height:218px;background:linear-gradient(135deg,#1a2944,var(--panel) 65%)}.feature.client{background:linear-gradient(135deg,#16343d,var(--panel) 65%)}.feature .button{margin-top:auto}.kicker{color:var(--blue);font-weight:800;letter-spacing:.15em;font-size:.73rem}.client .kicker,.client-head .kicker{color:var(--cyan)}.feature .kicker{margin-bottom:12px}p,li{color:var(--muted);line-height:1.6}p{margin:0 0 1em}footer{display:flex;gap:14px;justify-content:center;border-top:1px solid var(--line);padding:22px 0;margin-top:48px;font-size:.85rem;color:var(--muted)}.address,.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.address{align-items:center}.address code{overflow-wrap:anywhere}.filters{margin-bottom:18px}.filters label{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}input,select{max-width:100%;border:1px solid var(--line);border-radius:8px;background:#0b101a;color:var(--text);padding:8px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}td,th{border-bottom:1px solid var(--line);padding:11px}th{color:var(--muted);font-size:.78rem;text-transform:uppercase}td:nth-child(3){color:var(--blue);font-weight:750}
@media(max-width:720px){.site-header.wrap{position:relative}.site-header nav{flex-wrap:wrap;gap:0;min-height:0;padding-top:10px}.site-header .nav-links{order:3;width:100%;justify-content:flex-start;gap:clamp(12px,4vw,24px)}.site-header .nav-links a{min-height:40px}.hero,.pagehead{margin-top:-35px;padding-top:72px}.split{grid-template-columns:1fr}.hero{min-height:360px}}

.home-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.home-actions .button{min-width:155px}
.client-hero{min-height:clamp(500px,76vh,780px);background:linear-gradient(180deg,#09162575,#090c12 96%),url('/assets/blue-hub.png') center 48%/cover}
.client-hero .kicker{margin-top:22px;color:var(--cyan)}
.client-hero h1{font-size:clamp(3rem,8vw,6.5rem);letter-spacing:-.07em;margin:.08em 0 .15em;line-height:1}
.client-hero .button{margin-top:8px}
.narrow{max-width:680px}
.site-footer{display:block;margin-top:64px;padding:0 0 24px;border:0;background:linear-gradient(transparent 70px,#070a0f 70px)}
.footer-bottom,.footer-bottom nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}
.footer-bottom{justify-content:space-between;padding-top:26px}.footer-bottom nav a{color:var(--muted)}.footer-bottom nav a[aria-current]{color:var(--cyan)}
@media(max-width:600px){.footer-banner{grid-template-columns:auto 1fr;gap:12px}.footer-banner .button{grid-column:1/-1;justify-self:start}.footer-bottom{justify-content:center;text-align:center}}

.feature-tour{margin-top:42px;scroll-margin-top:85px}
.page-title{font-size:clamp(1.55rem,4vw,2.3rem);letter-spacing:-.04em;text-align:center;margin:0 0 24px}
.feature-tabs{display:flex;flex-wrap:wrap;gap:0 20px;border-bottom:1px solid var(--line);margin-bottom:18px}
.feature-tabs a{color:var(--muted);padding:9px 0;border-bottom:2px solid transparent}
.feature-tabs a[aria-selected=true]{color:var(--text);border-bottom-color:var(--cyan)}
.feature-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);align-items:center;gap:24px;padding:0 0 22px;margin-top:18px;scroll-margin-top:82px}
.feature-story:not([hidden]){min-width:0}
.feature-copy h2{font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.12;letter-spacing:-.035em;margin:7px 0 10px}
.feature-copy p{margin:0}
.feature-story figure{margin:0}
.feature-story img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.feature-story figcaption{color:var(--muted);font-size:.8rem;margin-top:7px}
@media(max-width:680px){.feature-story{grid-template-columns:1fr;gap:14px}}

.comparison,.faq-install{max-width:980px}
.comparison h2,.faq-install h2{font-size:clamp(1.45rem,4vw,2rem);margin:0 0 10px}
.comparison-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.comparison-scroll:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.comparison-table{min-width:660px;table-layout:fixed;white-space:normal}
.comparison-table th,.comparison-table td{padding:16px 14px;vertical-align:middle;font-size:.9rem;text-transform:none}
.comparison-table thead th{background:#17202d;color:var(--text);font-size:1rem}
.comparison-table th:first-child{width:29%}
.comparison-table tbody th{color:var(--text);font-weight:650}
.comparison-table :is(th,td):nth-child(2){background:#132831;color:var(--cyan)}
.comparison-table thead th:nth-child(2){background:#24444e}
.comparison-table tr:last-child td,.comparison-table tbody tr:last-child th{border-bottom:0}
.comparison-table .comparison-unknown{color:var(--muted)}
.comparison-check{color:var(--cyan);font-weight:700;margin-right:3px}
.faq-install{margin-top:42px}
.faq-install summary{cursor:pointer;font-weight:700}
.faq-install details p{margin:12px 0 8px}

.faq-page{background:#111418}
.faq-page .wrap{width:min(1232px,calc(100% - 48px))}
.faq-head{padding-bottom:22px}
.faq-head p{margin:0;text-align:center}
.faq-questions details{border-bottom:1px solid #ffffff0d}
.faq-questions summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:14px 4px 14px 0;list-style:none;cursor:pointer;font-weight:700}
.faq-questions summary::-webkit-details-marker{display:none}
.faq-questions summary::after{content:'';width:7px;height:7px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.faq-questions details[open] summary::after{transform:translateY(2px) rotate(225deg)}
.faq-questions details p{max-width:72ch;margin:-5px 0 22px}
.faq-questions summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.faq-page .comparison{max-width:1232px;margin-top:54px;padding-bottom:32px}

.faq-comparison-body{padding-bottom:22px}

.swing-capabilities{min-width:0}
.swing-capabilities td{color:var(--text)}
.swing-capabilities td strong{display:inline-block;margin-bottom:4px;color:var(--cyan)}
.faq-questions .faq-graphics-note{margin:12px 0 0;font-size:.85rem}
@media(max-width:480px){.swing-capabilities th,.swing-capabilities td{padding:12px 8px;overflow-wrap:anywhere}}

.faq-comparison-title{margin:26px 0 10px;font-size:1.15rem}


.feature-tour,.news-page,.shop,.faq-page{margin-top:clamp(28px,5vw,56px)}
.feature-story figure>a{display:block}
.feature-carousel-ready{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.feature-carousel-ready>h1{grid-row:1}
.feature-carousel-ready .feature-stories,.feature-carousel-ready .feature-story:not([hidden]){display:contents}
.feature-carousel-ready .feature-story[hidden]{display:none}
.feature-carousel-ready .feature-story figure{grid-row:2;width:min(100%,880px);margin:0}
.feature-carousel-ready .feature-story img{display:block;width:100%;height:auto;aspect-ratio:1919 / 1032;border-radius:18px}
.feature-carousel-ready .feature-tabs{grid-row:3;justify-content:center;gap:2px;margin:12px 0 8px;border:0}
.feature-carousel-ready .feature-tabs a{display:grid;place-items:center;width:26px;height:30px;padding:0;border:0;border-radius:8px}
.feature-carousel-ready .feature-tabs a::before{content:"";width:8px;height:8px;border-radius:50%;background:#7e8996;transition:transform .2s,background .2s}
.feature-carousel-ready .feature-tabs a:hover::before{background:var(--text)}
.feature-carousel-ready .feature-tabs a[aria-selected=true]::before{background:var(--cyan);transform:scale(1.35)}
.feature-carousel-ready .feature-tab-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.feature-carousel-ready .feature-copy{grid-row:4;max-width:650px}
.feature-carousel-ready .feature-copy h2{margin:6px 0 8px}
.feature-carousel-ready .feature-copy p{margin:0 auto}
@media(prefers-reduced-motion:reduce){.feature-carousel-ready .feature-tabs a::before{transition:none}}
.site-header .nav-links a,.button,.footer-bottom a,.faq-questions summary{transition:color .2s,background-color .2s,border-color .2s,filter .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.site-header .nav-links a:hover,.footer-bottom a:hover,.faq-questions summary:hover{color:var(--cyan)}
.faq-questions summary::after{transition:transform .2s}
@media(prefers-reduced-motion:reduce){
  .site-header .nav-links a,.button,.footer-bottom a,.faq-questions summary,.faq-questions summary::after,.feature-tabs a{transition:none}
  .button:hover{transform:none}
}

.site-footer .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:center;gap:14px;padding-top:24px;text-align:center}
.footer-social-icons a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#10151e;transition:background-color .2s,border-color .2s,color .2s}
.footer-social-icons a:hover{background:#182a36;border-color:#548da2;color:var(--cyan)}
.footer-social-icons svg{width:18px;height:18px}
.footer-legal-box{width:min(600px,100%);padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#101217}
.footer-legal-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px}
.footer-bottom .footer-legal-line nav{gap:8px 14px}
.footer-legal-box p{margin:7px 0 0;font-size:.78rem}
.legal-sections,.social-channels{row-gap:12px}
.legal-sections{display:grid}
.legal-sections section,.social-channels article{scroll-margin-top:80px}
@media(prefers-reduced-motion:reduce){.footer-social-icons a{transition:none}}

.shop-hero{
  padding:24px 0;border-bottom:1px solid #254556;
  background:linear-gradient(135deg,#ffffff08 25%,transparent 25% 55%,#71dfff0c 55% 75%,transparent 75%),
    radial-gradient(ellipse at 76% 110%,#25718c,transparent 65%),linear-gradient(160deg,#0b111e,#153947);
}
.shop-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.shop-top p{margin:0;color:#c1d2df}
.shop-search{display:flex;align-items:center;gap:10px;width:min(100%,330px);padding:0 12px;border:1px solid #415568;border-radius:7px;background:#0b111b;color:#b6c4d3}
.shop-search:focus-within{border-color:var(--cyan)}
.shop-search input{width:100%;padding:11px 0;background:transparent;border:0;color:var(--text);font:inherit}
.shop-categories{display:flex;gap:5px;overflow-x:auto;padding:5px;border:1px solid #415568;border-radius:8px;background:#0b111b}
.shop-categories button{display:flex;align-items:center;gap:8px;flex:none;min-height:42px;padding:0 14px;border:1px solid transparent;border-radius:5px;background:transparent;color:#b6c4d3;font:inherit;cursor:pointer}
.shop-categories button:hover{background:#162431;color:var(--text)}
.shop-categories button[aria-pressed=true]{border-color:#88ecff;background:var(--cyan);color:#0a1820;font-weight:700}
.shop-categories button span{font-size:1.2rem}
.shop-catalog{padding-block:30px 48px}
.shop-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.shop-catalog-heading h2{margin:0}
.shop-catalog-heading span{color:var(--muted);font-size:.84rem}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.shop-card{overflow:hidden;border:1px solid #344456;border-radius:8px;background:#171e29}
.shop-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.shop-card div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px;background:#101722;border-top:1px solid #344456}
.shop-card h3{font-size:1rem;margin:0}
.shop-card span,.shop-empty{font-size:.86rem;color:var(--muted)}
.shop [hidden]{display:none}
@media(max-width:600px){
  .shop-hero{padding-top:20px}
  .shop-top{align-items:start;flex-direction:column}
  .shop-grid{gap:10px}
  .shop-card div{align-items:start;flex-direction:column;padding:8px;overflow-wrap:anywhere}
}

/* Posters and motion loops share one frame: hovering must never resize a product. */
.shop-card img.shop-motion-active{padding:0}
.shop-card:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}

.editorial-heading{margin-bottom:22px}
.editorial-heading h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:0;letter-spacing:-.035em}
.editorial-heading p{margin:7px 0 0;color:var(--muted)}
.news-feed{margin-top:0}
.news-lead,.news-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#101722;transition:border-color .2s}
.news-lead:hover,.news-card:hover{border-color:#547183}
.news-lead{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}
.news-lead img,.news-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}
.news-lead div{padding:clamp(20px,4vw,42px)}
.news-feed article a{color:var(--cyan);font-weight:650}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:16px;margin-top:18px}
.news-card div{padding:18px}
.news-card h3{font-size:1.2rem;line-height:1.2;margin:8px 0}
@media(max-width:720px){
  .news-lead{grid-template-columns:1fr}

}
@media(prefers-reduced-motion:reduce){
  .news-lead,.news-card{transition:none}
}

/* Matte surfaces and a single blue accent */
:root{
  --bg:#0e1015;--panel:#171b23;--line:#2b3240;
  --text:#f4f6fa;--muted:#b7bfce;--blue:#96b9ff;--cyan:#86acff;
}
.site-header.wrap{background:#12151c}
.site-header .nav-links a[aria-current]{border-bottom-color:var(--blue)}
.button.cyan,.shop-categories button[aria-pressed=true]{background:#99baff;color:#111b30;border-color:transparent}
.button,.site-header .button{border-radius:8px}
.client-hero{
  background:linear-gradient(180deg,#0e10153a,#0e1015 98%),url('/assets/blue-hub.png') center 48%/cover;
}
.client-head,.shop-hero{background:#141922}
.client-head{border-bottom:1px solid var(--line)}
.feature-tour{padding-bottom:12px}

.feature-carousel-ready .feature-story img{border-radius:16px}
.feature-carousel-ready .feature-copy{padding-inline:12px}
.shop-categories,.shop-search{background:#10131a;border-color:var(--line)}
.shop-card,.news-lead,.news-card,.footer-legal-box{background:var(--panel);border-color:var(--line)}
.shop-card div{background:#151922;border-color:var(--line)}
.faq-page,.site-footer{background:transparent}
.site-footer{border-top:1px solid var(--line);padding-top:28px}
.footer-social-icons a{background:#161a22}
/* Neutral dotted backdrop; blue is reserved for the Swing accents. */
:root{
  --bg:#101114;--panel:#1b1d21;--line:#ffffff1c;
  --text:#f5f6f8;--muted:#adb0b8;--blue:#42aaff;--cyan:#188bff;
  --accent:#188bff;--accent-strong:#0869d8;
}
body{
  background:
    radial-gradient(circle,#ffffff0d .65px,transparent 1px) center top / 16px 16px,
    var(--bg);
}
.site-header.wrap{position:relative;width:min(1232px,calc(100% - 32px));margin-inline:auto;background:transparent;border:0}
.site-header nav{width:100%;min-height:92px}
.site-header .nav-links a{font-weight:650}
.site-header .nav-links a[aria-current]{border-bottom-color:var(--cyan)}
.swing-intro{text-align:center;padding-top:clamp(42px,6vw,82px);width:min(1152px,calc(100% - 32px))}
.swing-intro-emblem{display:block;margin:0 auto 12px}
.swing-intro h1{
  margin:0 auto;color:#d7eaff;font-size:clamp(2.45rem,5vw,3.85rem);
  line-height:1.03;letter-spacing:-.042em;font-weight:750;text-wrap:balance;
}
.swing-intro .swing-download{margin-top:34px}
.swing-intro .swing-download,.site-header .button.cyan,.footer-banner .button.cyan{
  border:1px solid #42aaff55;border-radius:12px;
  background:linear-gradient(180deg,#0873df,#075dcc);color:#ffffff;padding:12px 22px;font-size:1.05rem;
}
.swing-intro p{margin:10px 0 0;font-size:.94rem}
.swing-preview{
  display:block;margin:clamp(34px,5vw,60px) auto 0;border:1px solid #a2ceff38;
  border-radius:14px;overflow:hidden;background:#141c29;box-shadow:0 22px 64px #06091080;
}
.swing-preview img{display:block;width:100%;height:auto}
.client-head,.shop-hero{background:#121923bd}
@media(max-width:720px){
  .site-header nav{min-height:0}
  .site-header .button.cyan{padding:7px 12px}

}


.footer-banner{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
  gap:24px;min-height:164px;padding:32px 38px;
  border:1px solid #4aabff66;border-radius:18px;
  background:linear-gradient(110deg,#087bdf 0%,#096bd4 45%,#074fae 100%);
  box-shadow:inset 0 1px 0 #ebf7ff3d,0 14px 36px #02081130;
}
.footer-banner::before,.footer-banner::after{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  width:780px;height:780px;border:4px solid #001b5733;border-radius:50%;
  right:-280px;top:-165px;transform:rotate(-20deg);
}
.footer-banner::after{right:-365px;top:-145px;width:850px;height:850px}
.footer-banner img.footer-banner-emblem{width:66px;height:66px;aspect-ratio:1;padding:0;border:0;border-radius:0;background:none;filter:drop-shadow(0 5px 12px #07346226)}
.footer-banner-copy{min-width:0}
.footer-banner-copy>p{margin:0 0 10px;color:#ffffff;font-size:clamp(1rem,1.7vw,1.18rem);font-weight:650;line-height:1.45;letter-spacing:-.02em}
.footer-banner-benefits{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:0;margin:0;list-style:none}
.footer-banner-benefits li{display:flex;align-items:center;gap:6px;color:#eaf5ff;font-size:.75rem;font-weight:650;line-height:1.5}
.footer-banner-benefits svg,.footer-banner .button svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-banner .button.cyan{grid-column:auto;justify-self:end;gap:9px;min-height:48px;padding:12px 21px;border:1px solid #bddbff66;border-radius:12px;background:#07234a;color:#f0f7ff;font-size:.95rem;box-shadow:inset 0 1px 0 #d1eaff12;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.footer-banner .button.cyan:hover{filter:none;transform:translateY(-2px);background:#051a38;box-shadow:0 7px 16px #0b326533}
.footer-banner .button:focus-visible{outline:2px solid #092c56;outline-offset:4px}
@media(max-width:760px){.footer-banner{padding:28px;gap:18px}.footer-banner img.footer-banner-emblem{width:54px;height:54px}.footer-banner-benefits{gap:7px 12px}.footer-banner-benefits li{font-size:.7rem}}
@media(max-width:600px){
  .footer-banner{grid-template-columns:auto minmax(0,1fr);padding:24px;gap:18px}
  .footer-banner .button.cyan{grid-column:1/-1;justify-self:stretch}
  .footer-banner-copy>p{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.footer-banner .button.cyan{transition:none}.footer-banner .button.cyan:hover{transform:none}}

.launcher-preview{margin:36px auto 0}.launcher-preview img{display:block;width:100%;height:auto;border:1px solid #a2ceff38;border-radius:18px;box-shadow:0 22px 64px #06091080}

/* Home: client highlights, the project announcement and community. */
.home-highlights{margin-top:76px}
.home-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.home-section-heading h2{font-size:1.35rem;letter-spacing:-.035em;margin:0;line-height:1.25}
.home-section-heading p{margin:5px 0 0;font-size:.95rem;color:var(--muted)}
.home-heading-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;border:1px solid #b0d0ff24;background:linear-gradient(145deg,#26282d,#1a1c20)}
.home-heading-icon svg,.home-section-heading h2 svg{width:23px;height:23px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.home-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-highlight{display:flex;flex-direction:column;align-items:flex-start;padding:28px;min-width:0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#222429,#191b1f);box-shadow:inset 0 1px 0 #d0e3ff08;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.home-highlight:hover{transform:translateY(-5px);border-color:#188bff80;box-shadow:0 16px 32px #03071145,inset 0 1px 0 #d0e3ff14}
.home-card-icon{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}
.home-card-label{font-size:.67rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#9c9fa8}
.home-highlight h3{font-size:1.2rem;letter-spacing:-.035em;line-height:1.3;margin:9px 0 12px}
.home-highlight p{font-size:.91rem;line-height:1.7;margin:0 0 25px;color:var(--muted)}
.home-highlight>a{margin-top:auto;font-size:.84rem;font-weight:650;color:var(--blue)}
.home-highlight>a span,.home-news-read span{display:inline-block;margin-left:5px;transition:transform .2s}
.home-highlight>a:hover span,.home-news-read:hover span{transform:translate(2px,-2px)}
.home-updates{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin-top:66px;margin-bottom:24px}
.home-section-heading-inline{justify-content:space-between;min-height:30px;margin-bottom:20px}
.home-section-heading-inline h2{display:flex;align-items:center;gap:10px}
.home-section-heading-inline>a{font-size:.79rem;color:var(--muted)}
.home-news-card{height:calc(100% - 50px);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#1b1d21;display:flex;flex-direction:column;transition:border-color .25s ease}
.home-news-card:hover{border-color:#188bff80}
.home-news-image{display:block;overflow:hidden;background:#0c1119;aspect-ratio:2.3}
.home-news-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.home-news-image:hover img{transform:scale(1.035)}
.home-news-copy{padding:25px 28px 28px}
.home-news-copy h3{font-size:1.45rem;letter-spacing:-.035em;margin:9px 0 12px;line-height:1.3}
.home-news-copy h3 a{color:#eef5ff}
.home-news-copy p{font-size:.91rem;margin:0 0 20px;color:var(--muted);max-width:57ch}
.home-news-read{font-weight:650;font-size:.84rem;color:var(--blue)}
.home-community-card{min-height:460px;height:calc(100% - 50px);border:1px solid var(--line);border-radius:14px;background:#1e1f22;overflow:hidden}
.home-community-card.discord-widget{position:relative;padding:0;text-align:left}
.discord-widget-placeholder{display:flex;flex-direction:column;min-height:460px;height:100%;font-family:Arial,sans-serif}
.discord-widget-placeholder[hidden]{display:none}
.discord-widget-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:14px 16px;background:#5865f2;color:#fff}
.discord-widget-brand{display:flex;align-items:center;gap:9px;font-size:1.25rem;font-weight:800;letter-spacing:-.035em}
.discord-widget-brand svg{width:30px;height:30px;flex:none}
.discord-widget-count{font-size:.75rem;white-space:nowrap}
.discord-widget-body{flex:1;padding:20px 16px}
.discord-widget-body h3{margin:0 0 28px;font-size:1rem;font-weight:400;color:#f2f3f5}
.discord-widget-label{display:block;margin-bottom:12px;color:#949ba4;font-size:.75rem;text-transform:uppercase}
.discord-widget-status{margin:0;max-width:220px;font-size:.8rem;line-height:1.6;color:#949ba4}
.discord-widget-footer{padding:11px 16px;border-top:1px solid #16171a;color:#949ba4;font-size:.75rem}
.discord-widget iframe{display:block;width:100%;height:100%;min-height:460px;border:0;border-radius:inherit;background:#1e1f22}
.home-community-card.discord-widget:hover{translate:none;box-shadow:none;border-color:var(--line)}

/* Ratings remain scoped to their source, ladder and team size. */
.ratings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.ratings-heading h2{margin:7px 0 9px;font-size:1.65rem;letter-spacing:-.04em}
.ratings-heading p{margin:0;font-size:.86rem;line-height:1.65}
.ratings-filters{display:flex;gap:8px;flex-wrap:wrap;padding-top:6px}
.ratings-filters select{min-height:38px;padding:8px 28px 8px 11px;border:1px solid var(--line);border-radius:9px;background:#171b22;color:var(--text);font:inherit;font-size:.8rem;max-width:180px}
.ratings-server-logo{display:block;width:34px;height:34px;object-fit:contain;flex:none}
.ratings-server-heading{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.ratings-server-heading .ratings-server-logo{width:36px;height:36px}
.ratings-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;scrollbar-width:thin;scrollbar-color:#3c516b #14181f}
.ratings-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;text-align:right;font-size:.84rem}
.ratings-table th,.ratings-table td{padding:16px 13px;border-bottom:1px solid #ffffff09;white-space:nowrap}
.ratings-table thead th{font-size:.72rem;letter-spacing:.015em;background:#20242c;color:var(--muted);font-weight:600}
.ratings-table tr:last-child>*{border-bottom:0}
.ratings-table th:first-child{position:sticky;left:0;z-index:1;text-align:left;background:#191d25;min-width:145px}
.ratings-table tbody th{text-transform:none;color:var(--text);font-size:.84rem}
.ratings-table td:nth-child(3){font-weight:inherit;color:var(--text)}
.ratings-table thead th:first-child{background:#20242c;z-index:2}
.ratings-table tbody tr:hover>*{background-color:#202a37}
.ratings-table [data-server=swing]{background:#188bff0a}
.rating-value{display:block;font-size:1.02rem;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.rating-missing{color:#767e8d;font-size:1rem}
.ratings-rank-cell,.ratings-rank-heading{text-align:center!important;min-width:75px}
.practice-rank{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid currentColor;border-radius:10px;font-size:1.12rem;font-weight:800;color:#9aa4b2;background:#ffffff05}
.practice-rank[data-grade=S]{color:#ffd87a;background:#ffcf6b14;box-shadow:0 0 18px #ffd36c12}
.practice-rank[data-grade=A]{color:#bd9dff;background:#a78aff12}.practice-rank[data-grade=B]{color:#69bcff;background:#388fff12}
.practice-rank[data-grade=C]{color:#71d9c3;background:#38ceb212}.practice-rank[data-grade=D]{color:#bdc9d8}
.practice-rank.is-provisional{border-style:dashed}.rank-unrated{font-size:.7rem;color:var(--muted)}
.ratings-note{font-size:.72rem;color:var(--muted);line-height:1.6;margin:15px 0 0}
.ratings-client-divider{height:1px;background:var(--line);margin:30px 0}
.inventory-category-tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;margin:20px 0 22px;border:1px solid var(--line);border-radius:12px;background:#ffffff03;scrollbar-width:thin}
.inventory-category-tabs button{flex:1;white-space:nowrap;border:1px solid transparent;border-radius:8px;padding:10px 14px;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.inventory-category-tabs button:hover{background:#ffffff08;color:var(--text)}
.inventory-category-tabs button[aria-selected=true]{color:#c4e4ff;background:#2286d92c;border-color:#58b0ff40;box-shadow:inset 0 1px #ffffff0b}
.inventory-category-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.inventory-category-panel{min-height:230px;align-content:start}
.inventory-category-panel>p{grid-column:1/-1;margin:12px 0;font-size:.84rem}
.inventory-category-panel:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.inventory-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.inventory-pagination[hidden]{display:none}
.inventory-page-status{color:var(--muted);font-size:.76rem}
.inventory-page-controls{display:flex;gap:8px}
.inventory-page-button{border:1px solid var(--line);border-radius:8px;padding:9px 14px;background:#ffffff04;color:var(--text);font:inherit;font-size:.78rem;cursor:pointer;transition:background .2s,border-color .2s}
.inventory-page-button:hover:not(:disabled){border-color:var(--accent);background:#2286d91c}
.inventory-page-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.inventory-page-button:disabled{opacity:.35;cursor:default}
.owned-cape-preview{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:1;min-width:0;flex:none;background:#ffffff02;border-radius:8px}
.owned-cape-preview .minecraft-cape-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:auto;height:85%;max-width:85%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 10px #0005)}
.owned-cape-animation{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:53.125%;height:85%;overflow:hidden;pointer-events:none}
.owned-cape-animation[hidden]{display:none}
.owned-cape-preview .owned-cape-animation img{position:absolute;left:-10%;top:-6.25%;width:640%;height:200%;max-width:none;aspect-ratio:auto;object-fit:fill;transform:none;image-rendering:pixelated}
.owned-swing-cape:focus-visible{outline:2px solid var(--cyan,#22a7ff);outline-offset:3px}
.profile-content,.profile-tab-content,.ratings-body{min-width:0}
@media(max-width:640px){.ratings-heading{gap:14px}.ratings-filters{width:100%}.ratings-filters select{flex:1;max-width:none}.ratings-table{min-width:730px}}
.home-highlight a:focus-visible,.home-news-card a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
@media(max-width:820px){.home-highlight{padding:22px}.home-updates{gap:18px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.home-community-card{padding:28px 18px}}
@media(max-width:640px){.home-highlights{margin-top:48px}.home-highlight-grid,.home-updates{grid-template-columns:1fr}.home-highlight{padding:26px}.home-updates{gap:34px;margin-top:44px}.home-community-card{min-height:300px;height:auto}.home-news-card{height:auto}.home-news-image{aspect-ratio:1.9}.home-section-heading h2{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.home-highlight,.home-news-image img,.home-highlight>a span,.home-news-read span{transition:none}.home-highlight:hover,.home-news-image:hover img{transform:none}}

/* Swing emblem palette, shared across every page. */
.button.cyan,.shop-categories button[aria-pressed=true]{background:var(--accent-strong);color:#fff;border-color:#188bff66}
.site-header .button.cyan,.swing-intro .swing-download{background:linear-gradient(180deg,#0873df,#075dcc);color:#fff}
.button:hover{filter:brightness(1.06)}
.site-header .nav-links a{color:#b9bbc2}
.site-header .nav-links a[aria-current]{color:#fff;border-bottom-color:var(--accent)}
.client-head,.shop-hero{background:#181a1e;border-color:var(--line)}
.shop-categories,.shop-search,input,select{background:#15171b;border-color:var(--line)}
.shop-categories button{color:var(--muted)}
.shop-categories button:hover{background:#25282e;color:#fff}
.shop-top p,.shop-search{color:var(--muted)}
.shop-card,.news-lead,.news-card,.panel,.footer-legal-box{background:var(--panel);border-color:var(--line)}
.shop-card div{background:#16181c;border-color:var(--line)}
.shop-card:hover,.news-lead:hover,.news-card:hover{border-color:#188bff80}
.footer-social-icons a{background:#1b1d21;color:#b9bbc2}
.footer-social-icons a:hover{background:#25282e;border-color:#188bff80;color:var(--accent)}
.footer-legal-box p,.footer-bottom .footer-legal-line a{color:var(--muted)}
.home-news-copy h3 a{color:var(--text)}
.swing-preview,.launcher-preview img,.feature-story img{border-color:#ffffff20;background:#181a1e}
.footer-banner .button.cyan{background:#07234a;color:#fff;border-color:#91c5ff50}
.footer-banner .button.cyan:hover{background:#051a38;filter:none}
:focus-visible{outline-color:var(--accent)}

/* Tinted glass over a separate illuminated layer: translucency remains visible. */
.footer-glass-stage{position:relative;isolation:isolate;border-radius:18px}
.footer-glass-stage::before{
  content:'';position:absolute;z-index:-1;inset:7px 8px;border-radius:28px;
  background:
    radial-gradient(ellipse 28% 105% at 13% 12%,#47b8ff 0%,#168bff 38%,transparent 75%),
    radial-gradient(ellipse 18% 135% at 79% 110%,#2aaaff 0%,#0879f4 35%,transparent 78%),
    linear-gradient(105deg,#064aab,#06449a 45%,#053579);
  filter:blur(18px);
}
.footer-glass-stage::after{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  left:32%;top:18%;width:33%;height:60%;border-radius:50%;
  background:linear-gradient(120deg,#8bdfff88,#168bff00 75%);
  transform:rotate(-20deg);filter:blur(22px);
}
.footer-banner{
  width:100%;margin:0;
  background:
    radial-gradient(ellipse 90% 100% at 3% 0%,#ffffff26,transparent 62%),
    linear-gradient(165deg,#ffffff12 0%,#ffffff03 42%,#ffffff00 58%,#8bcfff12 100%),
    linear-gradient(110deg,#087bdc38,#096bd438 45%,#074fae45);
  border:1px solid #d4eeff75;
  -webkit-backdrop-filter:blur(30px) saturate(155%) brightness(1.1);
  backdrop-filter:blur(30px) saturate(155%) brightness(1.1);
  box-shadow:inset 0 1px 0 #ffffffb3,inset 1px 0 1px #e1f5ff66,inset -1px 0 1px #9edbff40,inset 0 -2px 3px #8fd2ff33,inset 0 0 22px #acdeff12,0 14px 32px #00000040;
}
.footer-banner::before,.footer-banner::after{border-width:1px;border-color:#c0eaff24;box-shadow:-1px 0 0 #071f5b1a}
.button.cyan,.site-header .button.cyan,.swing-intro .swing-download,.shop-categories button[aria-pressed=true]{
  background:
    radial-gradient(ellipse at 20% 0%,#d5efff40,transparent 70%),
    linear-gradient(180deg,#ffffff18,transparent 65%),
    linear-gradient(135deg,#0873dfb3,#075dcccc);
  border-color:#bce2ff80;
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 1px 1px #ffffffa6,inset 1px 0 0 #d8efff33,inset -1px 0 0 #9edbff26,inset 0 -1px 1px #8dccff40,0 5px 16px #00000030;
}
.footer-banner .button.cyan{
  background:radial-gradient(ellipse at 15% 0%,#ffffff26,transparent 80%),linear-gradient(165deg,#05265466,#061d4266);
  border-color:#d3edff66;
  box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 1px #b6e1ff29,0 5px 16px #00133030;
}
.footer-banner .button.cyan:hover{background:linear-gradient(165deg,#ffffff1f,#05265488);box-shadow:inset 0 1px 1px #ffffffa6,0 7px 18px #001b4c45;filter:none}
@media(prefers-reduced-transparency:reduce){
  .footer-glass-stage::before,.footer-glass-stage::after{display:none}
  .footer-banner{background:linear-gradient(110deg,#087bdf,#096bd4 45%,#074fae)}
  .button.cyan,.site-header .button.cyan,.swing-intro .swing-download,.shop-categories button[aria-pressed=true]{background:#0869d8}
  .footer-banner .button.cyan{background:#07234a}
  .footer-banner,.button.cyan,.shop-categories button[aria-pressed=true]{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Shared account and player directory controls. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header nav{gap:24px}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.site-header .header-actions .button{margin:0;min-height:42px;padding:9px 16px;font-size:.86rem;gap:8px}
.player-search{position:relative;display:flex;align-items:center;gap:9px;width:234px;min-width:0;min-height:42px;padding:0 12px;border:1px solid #ffffff24;border-radius:12px;background:linear-gradient(180deg,#ffffff08,#ffffff02),#202226d9;box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .2s,box-shadow .2s}
.player-search:focus-within{border-color:#188bff99;box-shadow:0 0 0 3px #188bff14}
.player-search>svg,.header-login svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#c0c3cb}
.player-search input{padding:10px 0;width:100%;min-width:0;outline:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--text);font-size:.86rem}
.player-search input::placeholder{color:#91949d}
.player-search-results{position:absolute;top:calc(100% + 10px);left:0;width:max(100%,270px);z-index:10;padding:8px;border:1px solid #ffffff26;border-radius:14px;background:#1b1d21f5;box-shadow:0 18px 42px #0008;backdrop-filter:blur(20px)}
.player-search-status{font-size:.75rem;line-height:1.5;padding:6px 8px;margin:0;color:var(--muted)}
.player-search-results ul{list-style:none;padding:0;margin:0}
.player-search-results li{margin:0}
.player-search-results button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 8px;background:transparent;border:0;border-radius:8px;text-align:left;color:var(--text);font-size:.88rem}
.player-search-results button:hover,.player-search-results button:focus-visible{background:#188bff18;outline:0}
.player-avatar{display:block;flex:none;width:32px;height:32px;border:1px solid #ffffff18;border-radius:6px;background:#ffffff08;image-rendering:pixelated}
.player-search-results button>span{font-weight:600;letter-spacing:.01em}
.player-search-results button.player-search-direct{margin-top:5px;padding-top:11px;border-top:1px solid #ffffff12;border-radius:0;font-size:.77rem;color:var(--muted)}
.header-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:42px;padding:9px 16px;border:1px solid #ffffff26;border-radius:12px;background:linear-gradient(180deg,#ffffff09,#ffffff02),#202226d9;box-shadow:inset 0 1px 0 #ffffff0a;color:#e4e5e9;font-size:.86rem;font-weight:650;transition:background .2s,border-color .2s}
.header-login:hover{background:#2a2d33;border-color:#ffffff40;text-decoration:none}
.header-login:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.player-profile{width:min(420px,calc(100% - 32px));padding:36px;border:1px solid #ffffff30;border-radius:22px;background:#1b1d21f5;box-shadow:inset 0 1px 0 #ffffff18,0 24px 80px #0009;text-align:center;color:var(--text)}
.player-profile::backdrop{background:#05070db3;backdrop-filter:blur(10px)}
.player-avatar-large{width:64px;height:64px;font-size:1.35rem;margin:0 auto 20px;border-radius:14px}
.player-profile h2{margin:0 0 8px;font-size:1.6rem;overflow-wrap:anywhere}
.player-profile p{font-size:.9rem;margin:0 0 22px}
.player-profile .profile-uuid-label{font-size:.7rem;margin:0 0 5px;text-transform:uppercase;letter-spacing:.1em}
.player-profile code{display:block;font-size:.76rem;overflow-wrap:anywhere;color:#c6cad3;margin-bottom:28px}
.player-profile .button{width:100%}
.login-page{padding:64px 16px 32px}
.login-panel{max-width:440px;text-align:center;padding:38px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.login-panel>img{display:block;margin:0 auto 20px}
.login-panel h1{font-size:2rem;margin:0 0 18px}
.login-panel p{font-size:.95rem}
.login-panel .button{margin-top:8px}
.login-back{display:block;margin-top:24px;font-size:.85rem}
@media(max-width:1000px){
 .site-header nav{flex-wrap:wrap;gap:12px 20px;padding:16px 0;min-height:0}
 .site-header .nav-links{order:3;width:100%;justify-content:center;gap:26px;align-self:auto}
 .site-header .nav-links a{min-height:36px}
 .header-actions{flex:1;justify-content:flex-end}
 .player-search{width:min(234px,100%)}
}
@media(max-width:540px){
 .site-header nav{gap:12px}
 .header-actions{gap:7px}
 .player-search{flex:1;width:auto}
 .player-search-results{left:auto;right:0;width:min(290px,calc(100vw - 32px))}
 .site-header .header-actions .button,.header-login{padding:9px 11px;font-size:.78rem}
 .header-login{gap:5px}.header-login svg{width:16px;height:16px}
 .player-search{padding:0 8px;gap:6px}.player-search input{font-size:.78rem}
 .site-header .brand img{width:26px;height:26px}
 .site-header .nav-links{gap:24px}
}
@media(max-width:390px){.header-login svg{display:none}.site-header .header-actions .button,.header-login{padding:9px 8px}.player-search>svg{width:15px;height:15px}.header-actions{gap:5px}}

/* Motion stays on compositor properties except the short FAQ height transition. */
.motion-pending main,.motion-pending .site-footer{visibility:hidden}
.motion-ready [data-reveal]:not(.is-revealed){opacity:0}
.motion-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.13em;margin-bottom:-.13em}
.motion-word-inner{display:inline-block;transform-origin:left bottom}
.swing-preview{translate:0 var(--scroll-lift,0px)}
.scroll-progress{position:fixed;top:0;left:0;z-index:30;pointer-events:none;width:100%;height:2px;transform:scaleX(var(--scroll-progress,0));transform-origin:left;background:linear-gradient(90deg,#0869d8,#188bff,#55d9ff);box-shadow:0 0 10px #188bff66}
.motion-faq-answer{display:flow-root}
.faq-questions .motion-faq-answer p{margin-top:0}
.player-search-results{transform-origin:top center;animation:search-surface-in .24s cubic-bezier(.16,1,.3,1) both}
.player-profile[open]::backdrop{animation:dialog-shade-in .3s ease-out both}
.player-profile[data-closing]::backdrop{animation:dialog-shade-out .18s ease-in both}
.button,.header-login{position:relative;overflow:hidden;isolation:isolate}
.button::after,.header-login::after{content:'';position:absolute;pointer-events:none;inset:-30% -65%;background:linear-gradient(110deg,transparent 35%,#ffffff24 48%,transparent 61%);opacity:0;transform:translateX(-65%);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .3s}
.button:hover::after,.header-login:hover::after,.button:focus-visible::after{opacity:1;transform:translateX(65%)}
.shop-card,.home-news-card,.home-community-card{transition:translate .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .25s}
.shop-card:hover,.home-news-card:hover,.home-community-card:hover{translate:0 -4px;box-shadow:0 14px 32px #00000030;border-color:#188bff70}
@keyframes search-surface-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes dialog-shade-in{from{opacity:0}to{opacity:1}}
@keyframes dialog-shade-out{from{opacity:1}to{opacity:0}}
/* Community pages share the site's blue glass surfaces and restrained motion. */
.community-main{padding-top:35px;padding-bottom:24px;min-height:65vh}
.community-main svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.community-heading{text-align:center;margin:20px auto 55px;font-size:1rem;letter-spacing:normal}
.community-heading h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;margin:12px 0;line-height:1.1;overflow-wrap:anywhere}
.community-heading>p{color:var(--muted);margin:12px 0}
.community-panel{padding:25px;background:linear-gradient(135deg,#1c2531b8,#10151ce8);border:1px solid #ffffff13;border-radius:20px;box-shadow:inset 0 1px #ffffff05,0 8px 30px #00000012;backdrop-filter:blur(14px);min-width:0}
.community-panel-title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:1rem;font-weight:650}
.community-panel-title svg{width:19px;height:19px;color:#77baff}
.community-muted{color:var(--muted);font-size:.86rem;line-height:1.6}
.community-empty{padding:32px 14px;text-align:center;color:var(--muted)}
.community-empty>svg{color:#72a8da;opacity:.65;width:30px;height:30px;margin:0 auto 12px}
.community-empty h3{font-size:.95rem;margin:0 0 6px;font-weight:600;color:#c1cbd6}
.community-empty p{font-size:.84rem;line-height:1.6;margin:0 auto;max-width:380px}
.community-loading{padding:90px 20px;text-align:center;color:var(--muted)}
.community-back{display:inline-flex;align-items:center;font-size:.88rem;color:#91c5ff;margin-bottom:20px}
.community-author{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0;font-size:.88rem}
.community-author strong{overflow:hidden;text-overflow:ellipsis}
.skin-head{width:32px;height:32px;border-radius:7px;image-rendering:pixelated;flex-shrink:0}
.mini-rank{font-size:.62rem;letter-spacing:.04em;background:#188bff1c;border:1px solid #188bff38;color:#9acfff;padding:3px 6px;border-radius:5px}
.profile-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.profile-sidebar,.profile-content{display:flex;flex-direction:column;gap:18px;min-width:0}
.profile-sidebar .community-panel{padding:20px}
.profile-sidebar .profile-identity{text-align:center;overflow:hidden;padding:24px 18px 22px;background:linear-gradient(180deg,#151a2066,#10131766);border-color:#ffffff08;box-shadow:none}
.profile-name{font-size:1.12rem;margin:0 0 2px;letter-spacing:-.025em;font-weight:800;overflow-wrap:anywhere}
.profile-identity .profile-rank{display:inline-flex;justify-content:center;align-items:center;min-height:29px;padding:5px 16px;border:1px solid #3a9cff40;border-radius:999px;background:#188bff27;color:#9fd2ff;text-transform:uppercase;font-size:.64rem;font-weight:800;letter-spacing:.055em}
.profile-identity .profile-rank[data-rank=owner],.profile-identity .profile-rank[data-rank=admin]{color:#a6d4ff;background:#246cb544}
.profile-identity .profile-rank[data-rank=vip]{color:#ffd27b;background:#c4841428;border-color:#d9a24344}
.profile-identity .profile-rank[data-rank=mvp],.profile-identity .profile-rank[data-rank=creator]{color:#c6b2ff;background:#8a61e629;border-color:#aa89f54a}
.profile-identity .profile-rank[data-rank=member]{color:#b2bfcc;background:#ffffff0b;border-color:#ffffff14}
.profile-identity .profile-rank[data-rank=staff],.mini-rank[data-rank=staff]{color:#fff;background:#c92e40;border-color:#fa6473}
.profile-identity-details{display:flex;flex-direction:column;align-items:center;gap:9px;margin:15px 0 16px;color:#838b96;font-size:.74rem}
.profile-identity-detail{display:flex;align-items:center;justify-content:center;gap:8px}
.profile-identity-detail svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:.75}
.profile-social-links{display:flex;justify-content:center;gap:8px}
.profile-social-link{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff0d;border-radius:11px;background:#ffffff07;color:#a9aeb7;transition:background .2s,color .2s,transform .2s;cursor:pointer}
.profile-social-link svg{width:18px;height:18px;stroke:none;fill:currentColor}
.profile-social-link:hover:not(:disabled){color:#d5e9ff;background:#2188e42b;transform:translateY(-2px)}
.profile-social-link:disabled{opacity:.4;cursor:default}.profile-social-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.profile-badges{display:flex;gap:8px;flex-wrap:wrap}
.profile-badge{display:inline-flex;align-items:center;gap:7px;border-radius:0;background:transparent;border:0;padding:8px;font-size:.7rem;color:#a9cfff}
.profile-badge svg{width:17px;height:17px}
.achievement-token{--badge-color:#6dbbff;cursor:pointer;color:var(--badge-color);border-color:transparent;background:transparent;box-shadow:none;font:inherit;font-size:.75rem;text-align:left;max-width:100%;transition:border-color .2s,background .2s}
.achievement-token:hover{border-color:transparent;background:transparent;filter:brightness(1.15)}
.achievement-token[data-tier="2"],.badge-milestone[data-tier="2"]{--badge-color:#61d2c4}
.achievement-token[data-tier="3"],.badge-milestone[data-tier="3"]{--badge-color:#ba9bff}
.achievement-token[data-tier="4"],.badge-milestone[data-tier="4"]{--badge-color:#f1ce7e}
.badge-mark{display:grid;place-items:center;flex:none;width:30px;height:34px;border:1px solid color-mix(in srgb,var(--badge-color,#6dbbff) 40%,transparent);border-radius:9px 9px 13px 13px;background:color-mix(in srgb,var(--badge-color,#6dbbff) 10%,transparent);color:var(--badge-color,#6dbbff)}
.badge-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.badge-tier{font-size:.62rem;letter-spacing:.08em;opacity:.8}.badge-status{font-size:.72rem;line-height:1.6;margin:12px 0}
.badge-explore{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left;text-transform:inherit}.badge-explore svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:0;transition:opacity .15s}.badge-explore:hover svg,.badge-explore:focus-visible svg{opacity:1}
.badge-dialog{width:min(1100px,calc(100% - 40px));max-width:none;max-height:min(860px,calc(100dvh - 64px));padding:0;border:1px solid #83b9e640;border-radius:20px;box-sizing:border-box;background:#101923;color:#e6edf7;box-shadow:0 32px 100px #0009;overflow:hidden}
.badge-dialog:not([open]){display:none}.badge-dialog[open]{display:flex;flex-direction:column}.badge-dialog::backdrop{background:#030811b8;backdrop-filter:blur(7px)}
.badge-dialog-heading{display:flex;align-items:center;gap:20px;padding:28px 30px 23px;flex:none;border-bottom:1px solid #ffffff0d}.badge-dialog-heading>div{min-width:0;flex:1}.badge-dialog-heading .kicker{font-size:.61rem;letter-spacing:.16em;color:#72b7ef}.badge-dialog-heading h2{font-size:1.65rem;letter-spacing:-.035em;margin:7px 0}.badge-dialog-heading p{font-size:.82rem;color:#93a5b8;margin:0;line-height:1.5}.badge-dialog-count{font-size:.75rem;white-space:nowrap;color:#aac1d8;padding:8px 12px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff04}
.badge-dialog-close{width:32px;height:32px;flex:none;align-self:flex-start;display:grid;place-items:center;background:transparent;border:0;border-radius:8px;font:inherit;font-size:1.6rem;line-height:1;color:#93a5b8;cursor:pointer}.badge-dialog-close:hover{color:#e6edf7;background:#ffffff0b}
.badge-filters{display:flex;gap:7px;padding:17px 30px;flex:none;flex-wrap:wrap}.badge-filter{border:1px solid #ffffff14;border-radius:8px;background:transparent;color:#99aabc;padding:9px 12px;font:inherit;font-size:.74rem;cursor:pointer}.badge-filter:hover{color:#e2edfa;border-color:#72b7ef50}.badge-filter[aria-pressed=true]{color:#bce0ff;background:#339eff1c;border-color:#72b7ef70}
.badge-catalog{display:grid;gap:26px;padding:5px 30px 26px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#5096ce50 transparent}
.badge-series{min-width:0}.badge-series[hidden]{display:none}.badge-series-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.badge-series-heading h3{margin:0;font-size:.86rem;font-weight:550;color:#c7d6e7}.badge-series-heading>span{color:#70869c;font-size:.7rem}.badge-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.badge-milestone{--badge-color:#6dbbff;display:flex;flex-direction:column;gap:13px;padding:20px;border:1px solid #ffffff10;border-radius:12px;min-width:0;background:#ffffff02}.badge-card-heading{display:flex;align-items:center;gap:14px}.badge-card-heading>.badge-mark{width:42px;height:46px;border-radius:11px 11px 16px 16px}.badge-card-heading>.badge-mark svg{width:23px;height:23px}.badge-card-heading .badge-pack-icon{width:23px;height:23px}
.badge-milestone[data-earned="true"]{border-color:color-mix(in srgb,var(--badge-color) 35%,transparent);background:color-mix(in srgb,var(--badge-color) 7%,transparent)}
.badge-milestone[data-earned="false"] .badge-mark{opacity:.5}.badge-milestone-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.badge-milestone-copy .badge-tier{color:var(--badge-color);font-size:.58rem;letter-spacing:.12em}.badge-milestone-copy strong{font-size:.95rem;color:#dbe7f5}.badge-requirement{font-size:.77rem;line-height:1.6;color:#9eabba;overflow-wrap:anywhere;margin:0;flex:1}.badge-progress-copy{font-size:.69rem;color:#8da0b5;margin-top:2px}.badge-milestone[data-earned="true"] .badge-progress-copy{color:var(--badge-color)}
.badge-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.badge-level{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:9px 3px;border:1px solid #ffffff0d;border-radius:7px;background:#ffffff03;color:#8294a6;font:inherit;cursor:pointer}.badge-level>span{font-size:.68rem;white-space:nowrap}.badge-level>small{font-size:.58rem;line-height:1.3;text-align:center;overflow-wrap:anywhere}.badge-level[data-earned=true]{color:#b4d8ce;background:#71d2b509}.badge-level:hover{color:#e2edfa;border-color:#72b7ef70}.badge-level[aria-pressed=true]{color:var(--badge-color);border-color:color-mix(in srgb,var(--badge-color) 65%,transparent);background:color-mix(in srgb,var(--badge-color) 10%,transparent)}.badge-level:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.badge-milestone progress{width:100%;height:3px;border:0;border-radius:3px;overflow:hidden;appearance:none;background:#ffffff0d}.badge-milestone progress::-webkit-progress-bar{background:#ffffff0d}.badge-milestone progress::-webkit-progress-value{background:var(--badge-color)}.badge-milestone progress::-moz-progress-bar{background:var(--badge-color)}
.badge-dialog-footer{padding:16px 30px;border-top:1px solid #ffffff0d;font-size:.71rem;color:#8094aa;flex:none;line-height:1.5}.achievement-token:focus-visible,.badge-milestone:focus-visible,.badge-explore:focus-visible,.badge-filter:focus-visible,.badge-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:850px){.badge-dialog-count{align-self:flex-start;margin-top:4px}.badge-dialog-heading{gap:12px}.badge-dialog-heading h2{font-size:1.4rem}}
@media(max-width:650px){.badge-series-grid{grid-template-columns:1fr}}
@media(max-width:520px){.badge-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);border-radius:16px}.badge-dialog-heading{padding:20px;flex-wrap:wrap;position:relative}.badge-dialog-heading>div{flex-basis:calc(100% - 45px)}.badge-dialog-count{order:3;margin:0}.badge-dialog-close{position:absolute;right:15px;top:16px}.badge-filters{padding:14px 20px;gap:6px}.badge-filter{padding:8px 9px;font-size:.7rem}.badge-catalog{padding:3px 20px 20px;gap:22px}.badge-milestone{padding:16px;gap:12px}.badge-dialog-footer{padding:13px 20px}}
/* Collectible gallery: one distinctive illustration per achievement series. */
.badge-dialog{width:min(1160px,calc(100% - 40px));max-height:min(850px,calc(100dvh - 48px));background:#0d151e}
.badge-dialog-heading{padding:24px 28px 20px;background:linear-gradient(110deg,#142b4060,transparent 60%)}
.badge-dialog-heading h2{font-size:1.7rem;margin:6px 0 5px}.badge-dialog-count{color:#c4e4ff;background:#72b7ef09;border-color:#72b7ef25}
.badge-browser{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:0;flex:1;overflow:hidden;border-top:1px solid #ffffff08}
.badge-browser .badge-catalog{overflow-y:auto;min-height:0;padding:22px 24px;gap:24px;scrollbar-color:#4f7893 #ffffff05;scrollbar-width:thin}
.badge-series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.badge-series-heading{margin-bottom:12px}.badge-series-heading h3{font-size:.73rem;color:#9fb2c5}.badge-series-heading>span{margin-left:auto}
.badge-milestone{position:relative;display:flex;align-items:center;gap:6px;min-width:0;padding:13px 10px 15px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--badge-color) 8%,transparent),transparent 75%),#ffffff02;border:1px solid #ffffff0b;border-radius:12px;text-align:center;font:inherit;cursor:pointer;transition:border-color .18s,background .18s}
.badge-milestone:hover{border-color:color-mix(in srgb,var(--badge-color) 45%,transparent)}
.badge-milestone[aria-pressed=true]{border-color:var(--badge-color);background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--badge-color) 14%,transparent),transparent 80%),#ffffff03;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--badge-color) 12%,transparent)}
.badge-milestone[data-earned=true]{background-color:#ffffff03;border-color:color-mix(in srgb,var(--badge-color) 30%,transparent)}
.badge-tile-art{position:relative;display:block;flex:none;width:100%;height:112px;margin:2px 0 7px}.badge-tile-art>.badge-mark{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;border:0;background:none;border-radius:0}
.badge-mark .badge-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.badge-mark:has(.badge-art){position:relative;min-width:0;min-height:0}.badge-tile-art>.badge-mark:has(.badge-art){position:absolute}
.badge-milestone[data-earned=false] .badge-mark{opacity:.66;filter:saturate(.65)}
.badge-milestone strong{font-size:.8rem;color:#e1ebf7;line-height:1.35}.badge-tile-family{font-size:.62rem;color:#8ba0b5;line-height:1.4}.badge-tile-state{align-self:flex-end;font-size:.55rem;color:#7890a5}.badge-milestone[data-earned=true] .badge-tile-state{color:var(--badge-color)}
.badge-tier-dots{display:flex;gap:4px;margin-top:6px}.badge-tier-dots>span{width:17px;height:3px;border-radius:2px;background:#ffffff13}.badge-tier-dots>span[data-earned=true]{background:var(--badge-color)}
.badge-detail{--badge-color:#63ceff;display:flex;flex-direction:column;align-items:stretch;gap:13px;overflow-y:auto;min-height:0;min-width:0;padding:24px;border-left:1px solid #ffffff0b;background:linear-gradient(160deg,#15233080,#0b121b);scrollbar-width:thin;scrollbar-color:#4f7893 transparent}
.badge-detail-art{display:grid;place-items:center;flex:none;min-height:140px;height:175px;background:radial-gradient(ellipse,color-mix(in srgb,var(--badge-color) 12%,transparent),transparent 70%)}
.badge-detail-art>.badge-mark{height:100%;width:100%;border:0;background:none;border-radius:0;filter:drop-shadow(0 9px 16px #0005)}
.badge-unlock-state{align-self:center;border:1px solid #ffffff14;border-radius:20px;padding:5px 10px;font-size:.61rem;color:#93a5b8}.badge-detail[data-earned=true] .badge-unlock-state{color:var(--badge-color);border-color:color-mix(in srgb,var(--badge-color) 35%,transparent);background:color-mix(in srgb,var(--badge-color) 7%,transparent)}
.badge-detail-family{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--badge-color);margin-top:6px}.badge-detail h3{font-size:1.45rem;letter-spacing:-.035em;margin:-6px 0 0;line-height:1.2}
.badge-detail .badge-level{padding:9px 3px;font-size:.62rem;line-height:1.2;min-height:32px}.badge-detail .badge-requirement{flex:none;font-size:.78rem;line-height:1.65;color:#b4c2d2}
.badge-detail-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.65rem;color:#9bafc3;margin-top:6px}.badge-detail-progress strong{font-size:.72rem;color:var(--badge-color)}
.badge-detail progress{appearance:none;width:100%;height:5px;border:0;overflow:hidden;border-radius:4px;background:#ffffff0c}.badge-detail progress::-webkit-progress-bar{background:#ffffff0c}.badge-detail progress::-webkit-progress-value{background:var(--badge-color)}.badge-detail progress::-moz-progress-bar{background:var(--badge-color)}
.badge-evidence{font-size:.63rem;color:#7f96ad;line-height:1.6;margin:0}.badge-milestone-summary{font-size:.64rem;color:#7790a9;margin:auto 0 0;padding-top:18px;border-top:1px solid #ffffff08}
.achievement-token .badge-mark:has(.badge-art){width:28px;height:28px}.badge-dialog-footer{padding:13px 28px;font-size:.66rem}
@media(max-width:900px){.badge-browser{grid-template-columns:minmax(0,1fr) 270px}.badge-browser .badge-catalog{padding:18px}.badge-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-detail{padding:20px}}
@media(max-width:600px){.badge-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.badge-dialog-heading{padding:18px}.badge-dialog-heading h2{font-size:1.35rem}.badge-filters{padding:12px 18px;flex-wrap:nowrap;overflow-x:auto;flex:none}.badge-filter{white-space:nowrap;flex:none}.badge-browser{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.badge-browser .badge-catalog{overflow:visible;flex:none;padding:16px}.badge-detail{overflow:visible;flex:none;border-left:0;border-top:1px solid #ffffff12;padding:22px}.badge-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-tile-art{height:100px}.badge-detail-art{height:155px}.badge-dialog-footer{padding:12px 18px}.badge-milestone-summary{margin-top:8px}}
.profile-sidebar .community-panel.profile-compact-panel{padding:16px;background:linear-gradient(135deg,#102b43,#0c1d31);border:1px solid #379cf13d;border-radius:17px;box-shadow:inset 0 1px #a9ddff0a;backdrop-filter:none}
.profile-sidebar .profile-compact-panel .community-panel-title{font-size:.64rem;font-weight:700;text-transform:uppercase;color:#a4d0f1;line-height:1.4;letter-spacing:.015em;margin:0 0 13px}
.profile-compact-panel .profile-badges{gap:8px;min-height:34px}.profile-compact-panel .achievement-token{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transition:filter .15s,color .15s;flex:none}
.profile-compact-panel .achievement-token:hover{background:transparent;box-shadow:none;filter:brightness(1.15)}.achievement-token[data-kind=tester]{--badge-color:#b79bff}.achievement-token[data-kind=staff]{--badge-color:#ff555b}.achievement-token[data-kind=creator]{--badge-color:#72b7ff}.achievement-token[data-kind=founder]{--badge-color:#edc477}
.achievement-token .badge-mark{width:18px;height:20px;border:0;border-radius:0;background:none}.achievement-token .badge-mark svg{width:18px;height:18px}.badge-pack-icon{display:block;width:18px;height:18px;background:currentColor;mask:center/contain no-repeat}.badge-pack-beta{mask-image:url('/assets/badge-beta.png')}.badge-pack-staff{mask-image:url('/assets/badge-staff.svg')}
.badge-pack-flag{mask-image:url('/assets/badge-flag.svg')}.badge-pack-target{mask-image:url('/assets/badge-target.svg')}.badge-pack-compass{mask-image:url('/assets/badge-compass.svg')}.badge-pack-stars{mask-image:url('/assets/badge-stars.svg')}.badge-pack-capes{mask-image:url('/assets/badge-capes.svg')}.badge-pack-pets{mask-image:url('/assets/badge-pets.svg')}.badge-pack-wings{mask-image:url('/assets/badge-wings.svg')}.badge-pack-emotes{mask-image:url('/assets/badge-emotes.svg')}
.profile-compact-panel .badge-status,.profile-compact-empty{font-size:.72rem;line-height:1.5;color:#94afc7;margin:0}.profile-compact-panel .badge-status[hidden]{display:none}.profile-compact-panel .profile-badges:empty{display:none}
.profile-friends{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;min-height:32px}.profile-friends:empty{display:none}.profile-friend{display:block;width:32px;height:32px;flex:none;border-radius:6px;transition:box-shadow .15s}.profile-friend:hover{box-shadow:0 0 0 2px #ffffff40}.profile-friend:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.profile-friend .skin-head{display:block;width:32px;height:32px;border-radius:5px}
.profile-hint{position:fixed;z-index:10000;width:210px;max-width:calc(100vw - 20px);box-sizing:border-box;padding:12px 14px;background:#08090bf5;border:1px solid #ffffff16;border-radius:8px;box-shadow:0 8px 25px #0006;color:#b9b9bd;text-align:center;pointer-events:none;font-size:.76rem;line-height:1.4}
.profile-hint strong{display:block;color:var(--hint-color,#c6d7e9);font-weight:650}.profile-hint p{margin:5px 0 0;overflow-wrap:anywhere}.profile-hint small{display:block;font-size:.66rem;line-height:1.5;color:#81838b;margin-top:8px;overflow-wrap:anywhere}
.profile-heading{padding:4px 0 6px}
.profile-heading h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:8px 0;letter-spacing:-.04em}
.profile-heading p{margin:0}
.profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-metric{display:grid;grid-template-columns:25px 1fr;gap:9px 12px;padding:18px;background:#1b253240;border:1px solid #ffffff10;border-radius:14px}
.profile-metric svg{color:#75b7ff;grid-row:1/3;align-self:center}
.profile-metric>span{font-size:.73rem;color:var(--muted)}
.profile-metric>strong{font-size:1rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.profile-data-scope{margin-top:-10px;margin-bottom:22px;font-size:.76rem}
.server-playtime-row{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:.88rem}
.server-playtime-row>svg{color:#77baff;width:20px;height:20px}
.server-playtime-row>div{display:flex;flex-direction:column;gap:3px}
.server-playtime-row>strong{margin-left:auto;font-weight:600}
.server-playtime-row .community-muted{font-size:.72rem}
.playtime-bar{height:4px;background:#ffffff0a;border-radius:4px;overflow:hidden;margin:12px 0 0 32px}
.playtime-bar>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#0964b8,#54adff)}
.favorite-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.favorite-server{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;border:1px solid #188bff25;border-radius:12px;padding:17px;background:#188bff08}
.favorite-server svg{color:#85beef;margin-bottom:8px}
.favorite-position{position:absolute;top:14px;right:14px;color:#6e8eaa;font-size:.65rem;letter-spacing:.05em}
.favorite-server strong{font-size:.81rem;overflow-wrap:anywhere}
.favorite-server>.community-muted{font-size:.68rem;overflow-wrap:anywhere}
.favorite-server.is-empty{background:#ffffff02;border:1px dashed #ffffff15;color:#6f7b89}
.favorite-server.is-empty>svg{color:#596b7c}
.profile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:5px;border-radius:15px;background:#171e28a8;border:1px solid #ffffff14}
.profile-tabs>button{border:1px solid transparent;background:transparent;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:9px;padding:13px 8px;cursor:pointer;color:#a9b5c4;font:inherit;font-size:.86rem;transition:background .25s,color .25s,box-shadow .25s}
.profile-tabs>button svg{width:18px;height:18px}
.profile-tabs>button[aria-selected=true]{background:linear-gradient(135deg,#2085de44,#1461a625);color:#b9ddff;border-color:#4aa6ff35;box-shadow:inset 0 1px #b9ddff12,0 3px 12px #0002}
.profile-tab-content{min-height:260px}
.profile-tab-content>h2{font-size:1.08rem;margin:0 0 8px}
.profile-tab-content>p{margin:0 0 16px}
.client-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.client-activity-stat{display:flex;flex-direction:column;gap:12px;padding:20px;background:#188bff08;border:1px solid #188bff1c;border-radius:13px}
.client-activity-stat strong{font-size:1.5rem;color:#b9ddff}
@media(max-width:600px){.client-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.profile-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.owned-cosmetic{display:flex;flex-direction:column;gap:6px;background:#ffffff04;border-radius:12px;border:1px solid #ffffff0d;padding:12px;min-width:0}
.owned-cosmetic img{width:100%;aspect-ratio:1;object-fit:contain}
.owned-cosmetic strong{font-size:.8rem}.owned-cosmetic span{font-size:.7rem}
.community-table-wrap{overflow-x:auto}
.profile-stats-table{width:100%;border-collapse:collapse;text-align:left;font-size:.8rem;white-space:nowrap}
.profile-stats-table th{color:#8f9dad;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.profile-stats-table td,.profile-stats-table th{padding:13px 10px;border-bottom:1px solid #ffffff0a}
.profile-stats-table td:first-child{font-weight:650;color:#dfebf8}
.profile-stats-table td:nth-child(2){text-transform:capitalize;color:#99b6d1}
.profile-stats-table td:nth-child(4){color:#87d6c5}.profile-stats-table td:nth-child(5){color:#cfa3ab}
.profile-forum-post{display:block;border-top:1px solid #ffffff10;padding:20px 0;text-decoration:none}
.profile-forum-post .kicker{font-size:.6rem}.profile-forum-post h3{font-size:1rem;margin:8px 0}.profile-forum-post p{color:var(--muted);font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}
.profile-forum-post time{font-size:.72rem;color:#788a9e}
.community-login-gate{display:flex;flex-direction:column;align-items:center;gap:14px;background:#188bff0a;border:1px solid #188bff20;padding:23px;border-radius:13px;text-align:center}
.community-login-gate>svg{color:#78b8f8}.community-login-gate p{font-size:.88rem;color:#bdc8d5;margin:0}.community-login-gate .button{font-size:.82rem;padding:9px 22px}
.community-comment{padding:20px 0;border-top:1px solid #ffffff0c}.community-comment:first-child{border-top:0;padding-top:0}
.comment-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.comment-meta time{font-size:.72rem;color:#8190a1}
.user-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.9;color:#ccd4df;margin-top:18px}
.text-button{background:none;border:0;color:#8ebced;cursor:pointer;font:inherit;font-size:.78rem;padding:8px 0}
.community-composer{display:flex;flex-direction:column;gap:14px}
.community-composer .button{align-self:flex-end}.community-composer textarea,.discussion-form textarea,.discussion-form input{width:100%;background:#0b111be0;border:1px solid #ffffff1c;border-radius:11px;padding:14px;font:inherit;color:#e0ebf8;font-size:.88rem;resize:vertical;box-sizing:border-box}
.community-composer textarea:focus,.discussion-form textarea:focus,.discussion-form input:focus{outline:2px solid #188bff70;outline-offset:2px}
.form-status{margin:0;color:#a8c6e8;font-size:.82rem;line-height:1.6}
.forum-group{margin-bottom:35px}.forum-group-label{font-size:.72rem;letter-spacing:.13em;color:#75b7ff;font-weight:700;margin:0 0 15px;display:flex;align-items:center;gap:16px}
.forum-group-label::after{content:'';height:1px;background:linear-gradient(90deg,#188bff22,transparent);flex:1}
.forum-category-table{background:linear-gradient(135deg,#20273080,#12171deb);border:1px solid #ffffff15;border-radius:19px;overflow:hidden;box-shadow:inset 0 1px #ffffff06}
.forum-table-labels,.forum-category-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 130px;gap:15px;align-items:center}
.forum-table-labels{padding:16px 25px;border-bottom:1px solid #ffffff10;text-transform:uppercase;color:#8593a1;font-size:.64rem;font-weight:650;letter-spacing:.07em}
.forum-table-labels>span:not(:first-child){text-align:center}
.forum-category-row{padding:24px 25px;border-bottom:1px solid #ffffff09;text-decoration:none;transition:background .25s}
.forum-category-row:last-child{border-bottom:0}.forum-category-row:hover{background:#188bff0a}
.forum-category-name{display:flex;align-items:center;gap:18px;min-width:0}
.forum-category-name>svg{width:23px;height:23px;color:#71b4f2;opacity:.7}
.forum-category-name h3{font-size:.97rem;font-weight:650;margin:0 0 7px}.forum-category-name p{font-size:.83rem;color:#97a2af;line-height:1.6;margin:0}
.forum-count,.forum-last{text-align:center;font-size:.82rem;color:#a8b4c2}.forum-count{font-weight:650}.forum-last{font-size:.76rem}
.forum-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.forum-toolbar .community-back{margin:0}.forum-toolbar .button{font-size:.83rem}
.forum-thread-row{display:flex;align-items:center;gap:20px;padding:22px 0;border-top:1px solid #ffffff10}.forum-thread-row:first-child{border-top:0}.forum-thread-row>svg{color:#73b8ff}
.forum-thread-row>div{flex:1;min-width:0}.forum-thread-title{display:block;font-size:1.02rem;font-weight:650;text-decoration:none;margin-bottom:12px;overflow-wrap:anywhere}
.forum-thread-row time{font-size:.73rem;color:#91a0b3}.forum-thread-row .skin-head{width:22px;height:22px}.forum-thread-row .community-author{font-size:.77rem}
.forum-post{margin-bottom:18px}.thread-heading{text-align:left;margin:20px 0 35px}.thread-heading h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.25}.thread-heading time{font-size:.8rem;color:var(--muted)}
.original-post{display:block;color:#75a2cc;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;margin-top:25px}
.community-dialog{width:min(600px,calc(100% - 32px));max-height:85vh;border-radius:20px;border:1px solid #4b9be04d;background:#121a25;color:#e6edf7;padding:30px;box-sizing:border-box;box-shadow:0 30px 90px #0008}
.community-dialog::backdrop{background:#030811b8;backdrop-filter:blur(8px)}
.community-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.community-dialog-heading h2{font-size:1.4rem;margin:0}.discussion-form{display:flex;flex-direction:column;gap:12px}.discussion-form label{font-size:.82rem;margin-top:8px}.discussion-form .button{align-self:flex-end}
.skin-stage{height:245px;position:relative;perspective:600px;display:grid;place-items:center}
.skin-stage::after{content:'';position:absolute;bottom:6px;width:100px;height:14px;background:#0005;filter:blur(10px);border-radius:50%}
.skin-model{position:relative;width:96px;height:192px;transform-style:preserve-3d;transform:rotateX(-6deg) rotateY(-22deg);transition:transform 1s cubic-bezier(.16,1,.3,1);margin-top:-14px}
.profile-identity .skin-stage{height:205px}
.profile-identity .skin-model{transform:rotateX(-6deg) rotateY(22deg) scale(.82);margin-top:-8px}
.profile-identity:hover .skin-model{transform:rotateX(-6deg) rotateY(28deg) scale(.82)}
.skin-part{position:absolute;transform-style:preserve-3d}.skin-face{position:absolute;background-size:100% 100%;image-rendering:pixelated;backface-visibility:hidden}
.skin-unavailable{color:#8190a1;font-size:.8rem}
@media(min-width:981px){.site-header .nav-links{gap:23px}.site-header nav{gap:22px}}
@media(max-width:980px){.profile-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.profile-metrics{gap:8px}.profile-metric{padding:14px;grid-template-columns:1fr}.profile-metric svg{display:none}.community-panel{padding:20px}.favorite-server-grid{gap:8px}.favorite-server{padding:14px}.favorite-server strong{font-size:.76rem}.profile-inventory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-identity{grid-row:span 3}.profile-sidebar .community-panel{padding:16px}.profile-rank{align-self:start}.profile-sidebar .community-panel-title{font-size:.85rem}.profile-content{gap:14px}.profile-heading{margin-top:15px}.profile-metric{grid-template-columns:22px 1fr;padding:15px}.profile-metric svg{display:block}.profile-metric strong{font-size:.9rem}.community-heading{margin-bottom:35px}.forum-table-labels,.forum-category-row{grid-template-columns:minmax(0,1fr) 60px;gap:10px}.forum-table-labels span:last-child,.forum-category-row>.forum-last{display:none}.forum-table-labels{font-size:.55rem}.forum-category-row{padding:20px 18px}.forum-category-name{gap:12px}.forum-category-name h3{font-size:.87rem}.forum-category-name p{font-size:.77rem}.forum-category-name>svg{width:19px;height:19px}.forum-thread-row{flex-wrap:wrap;gap:12px}.forum-thread-row>div{flex-basis:80%}.forum-thread-row>.community-muted{margin-left:34px}.community-main{padding-top:24px}.forum-group-label{font-size:.67rem}}
@media(max-width:430px){.profile-metrics{grid-template-columns:1fr 1fr}.profile-metric:last-child{grid-column:span 2;grid-template-columns:22px 1fr auto;align-items:center}.profile-metric:last-child svg{grid-row:auto}.profile-identity{padding:18px 12px!important}.profile-identity .skin-stage{height:195px}.profile-name{font-size:1.2rem}.profile-badge{font-size:.6rem;padding:6px}.profile-sidebar .community-panel-title{gap:7px}.profile-badges{gap:5px}.favorite-server-grid{grid-template-columns:1fr}.favorite-server{display:grid;grid-template-columns:25px 1fr;gap:5px 10px;align-items:center}.favorite-server>svg{grid-row:1/3;margin:0}.favorite-server>.community-muted{grid-column:2}.favorite-position{top:16px}.profile-tabs>button{font-size:.75rem;gap:6px}.profile-tabs>button svg{width:16px;height:16px}.community-login-gate{padding:20px 14px}.profile-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-toolbar .button{font-size:.72rem;padding:10px 14px}}
/* Download: a short installation path beside the real launcher preview. */
.download-page{padding:34px 0 12px}
.download-heading{text-align:center;margin-bottom:54px}
.download-heading .page-title{margin-bottom:12px}
.download-heading>p{font-size:.95rem;color:#929eae;margin:0}
.download-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.65fr);align-items:start;gap:52px}
.download-page svg,.download-store-banner svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.download-instructions{padding-top:37px}
.download-instructions>.kicker{color:#6caeff;font-size:.61rem;letter-spacing:.16em}
.download-instructions>h2{font-size:clamp(1.65rem,2.8vw,2.35rem);line-height:1.12;letter-spacing:-.045em;margin:14px 0 16px;font-weight:760}
.download-intro{font-size:.86rem;color:#919eaf;line-height:1.75;max-width:310px;margin-bottom:30px}
.install-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:26px;position:relative}
.install-steps::before{content:'';position:absolute;left:21px;width:1px;top:23px;bottom:50px;background:linear-gradient(#338fea5c,#338fea16)}
.install-steps>li{display:flex;align-items:start;gap:16px;position:relative}
.install-step-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #6cafff30;border-radius:14px;background:linear-gradient(135deg,#113158,#111c2b);box-shadow:inset 0 1px #aed4ff10;color:#89c0ff;position:relative}
.install-step-icon svg{width:20px;height:20px}
.install-step-number{display:block;color:#6f8daa;font-size:.56rem;letter-spacing:.13em;font-weight:750;margin-bottom:4px}
.install-steps h3{font-size:.91rem;font-weight:680;color:#e1e9f5;margin:0 0 7px;letter-spacing:-.015em}
.install-steps p{font-size:.77rem;line-height:1.7;color:#8d9aab;margin:0;max-width:260px}
.download-actions{margin-top:28px}
.installer-download{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:13px 21px;border:1px solid #b6d9ff40;border-radius:12px;font:inherit;font-size:.83rem;font-weight:750;color:#e8f3ff}
button.installer-download:disabled{background:linear-gradient(145deg,#13497a90,#14305390);border-color:#467eb144;cursor:default;box-shadow:inset 0 1px #bbddff0d;opacity:1;color:#97badc}
.installer-download svg{width:18px;height:18px}
.download-actions>[data-release]{font-size:.71rem;line-height:1.65;max-width:300px;color:#7c8fa5;margin:11px 0 0}
.download-actions .text-button{padding-top:8px;color:#86baff}
.installation-faq{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#a0b5cf;font-size:.75rem;line-height:1.6}
.installation-faq svg{width:17px;height:17px;color:#6caaff}
.installation-faq>span{font-size:.9rem;color:#6caaff}
.download-showcase{min-width:0}
.download-platforms{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:19px;min-height:38px}
.download-platform{display:inline-flex;align-items:center;gap:8px;font-size:.99rem;font-weight:700;letter-spacing:-.025em;position:relative;white-space:nowrap}
.download-platform.is-current{color:#e4efff}
.download-platform.is-current::after{content:'';height:2px;background:#2589ff;box-shadow:0 0 12px #2589ff66;position:absolute;bottom:-10px;left:0;right:0;border-radius:4px}
.download-platform>svg{width:18px;height:18px;color:#7cb9ff}
.download-platform.is-unavailable{color:#5d6775;font-size:.89rem;gap:6px;flex-direction:column;line-height:1}
.download-platform small{font-size:.48rem;text-transform:uppercase;letter-spacing:.04em;color:#576575;font-weight:600}
.download-preview{position:relative;isolation:isolate;overflow:hidden;margin:0;border:1px solid #5594ca3d;border-radius:21px;background:linear-gradient(135deg,#172532,#0b111b);box-shadow:0 20px 55px #0003,inset 0 1px #def0ff0d}
.download-preview::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 0,#137de924,transparent 65%);pointer-events:none}
.download-preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #ffffff0b;color:#6f849b;font-size:.52rem;letter-spacing:.15em;font-weight:650}
.download-preview-top>span:first-child{display:flex;gap:5px}
.download-preview-top i{width:5px;height:5px;border-radius:50%;background:#5c789551}
.download-preview-top>svg{width:13px;height:13px;color:#668bb0}
.download-preview-image{position:relative;display:block;margin:18px 18px 0;border-radius:10px;overflow:hidden;border:1px solid #9dc7ee14;line-height:0;background:#080b10}
.download-preview-image img{display:block;width:100%;height:auto;aspect-ratio:1275/754;object-fit:contain;transition:scale .7s cubic-bezier(.16,1,.3,1)}
.download-preview-image:hover img{scale:1.025}
.download-preview-expand{position:absolute;display:inline-flex;align-items:center;gap:7px;right:13px;bottom:13px;border:1px solid #bedfff33;background:#071321d9;backdrop-filter:blur(12px);padding:9px 12px;border-radius:8px;color:#c9e1fd;font-size:.58rem;line-height:1.2;opacity:0;translate:0 5px;transition:opacity .25s,translate .25s}
.download-preview-expand svg{width:13px;height:13px}
.download-preview-image:hover .download-preview-expand,.download-preview-image:focus-visible .download-preview-expand{opacity:1;translate:0}
.download-preview figcaption{display:flex;align-items:center;gap:12px;padding:22px;color:#d1e3f8;font-size:.83rem;font-weight:650}
.download-preview figcaption>img{width:24px;height:28px;filter:drop-shadow(0 0 12px #1688ff33)}
.download-preview figcaption small{display:block;font-size:.62rem;color:#71869d;font-weight:400;margin-top:5px}
.download-preview .download-preview-tag{margin-left:auto;border:1px solid #5e9bc72a;background:#2676ad09;padding:6px 8px;border-radius:5px;color:#6489ad;font-size:.44rem;letter-spacing:.1em}
.download-details{display:flex;flex-wrap:wrap;justify-content:center;gap:21px;margin-top:20px;color:#7f92a7;font-size:.65rem}
.download-details>span{display:inline-flex;align-items:center;gap:7px}
.download-details svg{width:15px;height:15px;color:#638bb1}
.download-page+.site-footer{margin-top:70px}
.footer-banner.download-store-banner{grid-template-columns:auto minmax(0,1fr) auto;min-height:170px;gap:26px}
.download-store-banner .footer-banner-copy>p{font-size:1.55rem;letter-spacing:-.035em;margin-bottom:8px}
.download-store-description{display:block;color:#d0e9ff;font-size:.86rem;line-height:1.7;max-width:500px}
.download-store-banner .button.cyan{background:#082950c9;border-color:#8ec7ff60;color:#ecf6ff;min-height:46px;font-size:.82rem;padding:12px 20px}
@media(max-width:1000px){.download-layout{gap:30px;grid-template-columns:minmax(250px,.85fr) minmax(0,1.4fr)}.download-preview-image{margin:12px 12px 0}.download-preview figcaption{padding:17px}.download-preview .download-preview-tag{display:none}.footer-banner.download-store-banner{grid-template-columns:auto minmax(0,1fr) auto}}
@media(max-width:720px){.download-page{padding-top:30px}.download-heading{margin-bottom:35px}.download-layout{display:flex;flex-direction:column;gap:35px}.download-showcase{width:100%;order:-1}.download-instructions{padding-top:0;width:100%;max-width:520px;margin:auto}.download-instructions>h2 br{display:none}.download-instructions>h2{font-size:1.9rem;margin:10px 0 13px}.download-intro{max-width:none;margin-bottom:24px}.install-steps p{max-width:none}.download-actions>[data-release]{max-width:400px}.download-details{gap:18px;font-size:.62rem}.download-page+.site-footer{margin-top:48px}.footer-banner.download-store-banner{padding:26px;gap:17px;grid-template-columns:auto 1fr}.download-store-banner .button.cyan{grid-column:2;justify-self:start}.download-store-banner .footer-banner-copy>p{font-size:1.4rem}.download-store-description{font-size:.77rem}.download-store-banner .footer-banner-emblem{width:50px;height:58px}}
@media(max-width:400px){.download-platforms{gap:21px}.download-platform{font-size:.9rem}.download-preview-top{padding:12px 14px}.download-preview figcaption{padding:15px;font-size:.76rem}.download-preview-image{margin:10px 10px 0}.download-store-banner .footer-banner-emblem{width:42px;height:50px}.footer-banner.download-store-banner{padding:23px 20px}.download-store-banner .button.cyan{grid-column:1/-1;justify-self:stretch}.installer-download{width:100%}}
@media(prefers-reduced-motion:reduce){.download-preview-image img,.download-preview-expand{transition:none}.download-preview-image:hover img{scale:none}}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth;scroll-padding-top:24px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .motion-ready [data-reveal]:not(.is-revealed){opacity:1}
 .swing-preview{translate:none}
 .player-search-results,.player-profile[open]::backdrop,.player-profile[data-closing]::backdrop{animation:none}
 .button::after,.header-login::after{display:none}
 .shop-card,.home-news-card,.home-community-card{transition:none}
 .shop-card:hover,.home-news-card:hover,.home-community-card:hover{translate:none}
}

/* Shared secondary-page visual language, aligned with the homepage. */
.site-premium .site-header{position:sticky;top:12px;z-index:20;width:min(1240px,calc(100% - 48px));margin-top:12px;border:1px solid #b5d3ff30;border-radius:18px;transition:background .35s,border-color .35s,box-shadow .35s}
.site-premium.home-scrolled .site-header{background:#101720e8;border-color:#b5d3ff38;box-shadow:inset 0 1px #f0f7ff08,0 8px 32px #00000028;backdrop-filter:blur(16px) saturate(130%)}
.site-premium .site-header nav{min-height:68px;padding:0 14px;gap:23px}
.site-premium .site-header .brand img{width:29px;height:34px}
.site-premium .nav-links{gap:23px}
.site-premium .site-header .nav-links a{position:relative;font-size:.82rem;font-weight:550;letter-spacing:-.01em;color:#bbc5d3;padding:9px 0;transition:color .2s}
.site-premium .nav-links a::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;transform:scaleX(0);transform-origin:left;background:#66bbff;transition:transform .3s var(--home-ease)}
.site-premium .nav-links a:hover{color:white;text-decoration:none}
.site-premium .nav-links a:hover::after,.site-premium .nav-links a:focus-visible::after{transform:scaleX(1)}
.site-premium .header-actions{gap:9px}
.site-premium .player-search{background:linear-gradient(180deg,#ffffff05,transparent),#171e27b8;border-color:#b6d3f21c;min-height:39px;width:222px;border-radius:10px}
.site-premium .player-search input{font-size:.79rem}
.site-premium .player-search-results button[aria-selected=true]{background:#188bff24;color:#e6f4ff}
.site-premium .header-login{min-height:39px;border-radius:10px;background:#171e27b8;border-color:#b6d3f21c;font-size:.79rem;font-weight:550}
.site-premium .site-header .header-actions .button{min-height:39px;border-radius:10px;padding:9px 17px;font-size:.79rem;font-weight:650}
.site-premium .button:hover{filter:none;translate:0 -2px;box-shadow:inset 0 1px #eff8ffc4,0 8px 28px #087be839}
.site-premium .swing-intro .swing-download,.site-premium .site-header .button.cyan{background:linear-gradient(180deg,#a7dbff12,transparent 48%),linear-gradient(145deg,#076dc4,#084e9f)}
.site-premium .button:active{translate:0 0;transition-duration:.1s}
.site-premium .button::after{display:none}
.site-premium a:focus-visible,.site-premium button:focus-visible{outline:2px solid #74c4ff;outline-offset:5px}
.site-premium .skip{z-index:100;left:16px;padding:10px 16px;border:1px solid #74c4ff;border-radius:8px;background:#101b29;color:#eaf4ff}
.site-premium .skip:focus{top:8px}
.site-premium .site-footer{border:0;background:transparent;margin-top:30px;padding-top:0}
.site-premium .footer-glass-stage{border-radius:22px}
.site-premium .footer-banner{padding:36px 40px;border-radius:22px;min-height:167px;background:radial-gradient(ellipse 70% 100% at 15% 0,#d5edff12,transparent 75%),linear-gradient(125deg,#075da2eb,#064a8fe6 55%,#06438ceb);border-color:#9dd5ff52;box-shadow:inset 0 1px #dff3ff70,inset 0 -1px #72b7ed20,0 20px 55px -20px #0007}
.site-premium .footer-banner-copy>p{font-size:1.25rem;line-height:1.4;font-weight:550;letter-spacing:-.025em}
.site-premium .footer-banner-benefits{margin-top:17px;gap:18px}
.site-premium .footer-banner-benefits li{font-weight:500;font-size:.67rem;color:#d0e8ff}
.site-premium .footer-banner .button{font-size:.8rem;padding:12px 19px;border-radius:11px}
.site-premium .footer-bottom{padding-top:27px;padding-bottom:24px}
.site-premium .footer-legal-box{background:#1017209c;border-color:#94b2d41a;box-shadow:inset 0 1px #cfebff05;border-radius:14px}
.site-premium .footer-social-icons a{background:#131e2a80;border-color:#9ac9fc22;transition:translate .3s var(--home-ease),background .25s,border-color .25s}
.site-premium .footer-social-icons a:hover{translate:0 -3px;background:#19436b50;border-color:#8dccff66}
.site-premium .footer-legal-box,.site-premium .footer-legal-box p{color:#8290a1;font-size:.7rem}

.site-premium{
  --home-ease:cubic-bezier(.22,1,.36,1);--bg:#0d1015;--panel:#111820;
  --line:#b5d3ff1c;--text:#eff4fc;--muted:#a5b1c1;--blue:#7cc3ff;
  background:radial-gradient(ellipse 70% 520px at 50% 230px,#0c64bc14,transparent),radial-gradient(circle,#d8eaff0b .65px,transparent 1px) center top/20px 20px,#0d1015;
  -webkit-font-smoothing:antialiased;
}
.site-premium .wrap{width:min(1120px,calc(100% - 48px))}
.site-premium .site-header.wrap{width:min(1240px,calc(100% - 48px));background:#0d1015d9;border-color:#b5d3ff30;backdrop-filter:blur(16px)}
.site-premium .site-header nav{width:100%}
.site-premium .site-header .nav-links a{border-bottom:0}
.site-premium .site-header .nav-links a[aria-current]{color:#e3f3ff}
.site-premium .site-header .nav-links a[aria-current]::after{transform:scaleX(1)}
.site-premium .player-search input{background:transparent;border:0;border-radius:0}
.site-premium .button{border-radius:11px;padding:12px 19px;font-size:.82rem;font-weight:600;min-height:43px;background:linear-gradient(145deg,#076dc4,#084e9f);color:#f0f7ff;border-color:#a9d8ff50;box-shadow:inset 0 1px #e0f2ff40;transition:translate .3s var(--home-ease),border-color .3s,box-shadow .3s}
.site-premium .button.cyan{background:linear-gradient(145deg,#076dc4,#084e9f);color:#f0f7ff}
.site-premium input,.site-premium select,.site-premium textarea{background:#0b131d;border-color:#a4c9ee25;border-radius:10px;color:var(--text)}
.site-premium input:focus-visible,.site-premium select:focus-visible,.site-premium textarea:focus-visible{outline:2px solid #74c4ff;outline-offset:3px}
.site-premium .kicker{font-size:.64rem;letter-spacing:.16em;font-weight:650;color:#86add0}
.site-premium main{padding-top:0}
.site-premium .site-page-heading,.site-premium .download-heading,.site-premium .faq-head,.site-premium .community-heading,.site-premium .pagehead{padding:58px 0 45px;margin:0 auto;text-align:center;background:none;min-height:0}
.site-premium .page-title,.site-premium .site-page-heading h1,.site-premium .faq-head h1,.site-premium .community-heading h1,.site-premium .pagehead h1{font-size:clamp(2.25rem,4.6vw,3.5rem);letter-spacing:-.055em;font-weight:550;line-height:1.12;margin:13px 0 17px;text-wrap:balance}
.site-premium .site-page-heading>p,.site-premium .download-heading>p,.site-premium .faq-head>p,.site-premium .community-heading>p,.site-premium .pagehead>p{font-size:.94rem;line-height:1.7;color:var(--muted);margin:0 auto;max-width:580px}
.site-premium .community-heading{font-size:1rem;letter-spacing:normal;line-height:normal}
.site-premium .panel,.site-premium .community-panel,.site-premium .community-empty,.site-premium .community-loading,.site-premium .forum-category-table{border-radius:20px;background:linear-gradient(150deg,#1a29362e,transparent 65%),var(--panel);border-color:var(--line);box-shadow:inset 0 1px #d3eaff08}
.site-premium .site-footer{margin-top:85px}
.site-premium .footer-glass-stage{width:min(1120px,calc(100% - 48px))}

/* Feature tour: calm copy, a full-size screenshot and a clearly selected tab. */
.site-premium .feature-tour{padding-top:0}
.site-premium .feature-tabs{gap:7px;flex-wrap:wrap}
.site-premium .feature-tabs a{border:1px solid #a4c9ee25;border-radius:10px;background:#101923;min-height:40px;padding:11px 15px;font-size:.77rem;color:#a5b1c1;transition:background .25s,color .25s,border-color .25s}
.site-premium .feature-tabs a[aria-selected=true]{background:#1472b729;color:#d9efff;border-color:#61b6ff6b;box-shadow:inset 0 1px #b2deff15}
.site-premium .feature-tabs a::after{display:none}
.site-premium .feature-carousel-ready .feature-tabs a{width:auto;height:auto}
.site-premium .feature-carousel-ready .feature-tabs a::before{display:none}
.site-premium .feature-carousel-ready .feature-tab-label{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}
.site-premium .feature-carousel-ready .site-page-heading{grid-row:1}
.site-premium .feature-carousel-ready .feature-tabs{grid-row:2;margin:0 0 28px}
.site-premium .feature-carousel-ready .feature-story figure{grid-row:4;width:100%;padding:14px;border:1px solid #95caff33;border-radius:22px;background:linear-gradient(145deg,#17253280,#0b111b);box-shadow:0 26px 65px -28px #0009}
.site-premium .feature-carousel-ready .feature-story img{aspect-ratio:auto;border-radius:12px;border-color:#91c9ff24}
.site-premium .feature-carousel-ready .feature-copy{grid-row:3;max-width:740px;padding:0 20px;margin-bottom:30px}
.site-premium .feature-copy h2{font-size:clamp(1.5rem,2.8vw,2.1rem);letter-spacing:-.04em;font-weight:550;line-height:1.2;margin:10px 0 13px}
.site-premium .feature-copy p{font-size:.89rem;line-height:1.8;max-width:650px;margin:0 auto}

/* Store, news and support retain their existing content and live controls. */
.site-premium .shop-hero{background:none;border:0;padding:0 0 28px}
.site-premium .shop-top{align-items:center;margin:0 0 20px}
.site-premium .shop-top>p{font-size:.85rem;color:#8fa4ba}
.site-premium .shop-search{border-radius:11px;border-color:#a4c9ee25;background:#101923;max-width:310px}
.site-premium .shop-categories{gap:8px}
.site-premium .shop-categories button{border-radius:10px;background:#101923;border-color:#a4c9ee25;font-size:.8rem;min-height:42px;color:#b1c1d1}
.site-premium .shop-categories button[aria-pressed=true]{background:#1472b729;color:#d9efff;border-color:#61b6ff6b}
.site-premium .shop-catalog{padding-top:0}
.site-premium .shop-catalog-heading{margin-bottom:22px}
.site-premium .shop-catalog-heading h2{font-size:1.3rem;font-weight:550;letter-spacing:-.025em}
.site-premium .shop-grid{gap:20px}
.site-premium .shop-card{border-radius:18px;background:linear-gradient(145deg,#1a29363d,transparent),#111820;border-color:var(--line);box-shadow:inset 0 1px #d3eaff08;transition:translate .35s var(--home-ease),border-color .3s}
.site-premium .shop-card:hover{translate:none;border-color:#74baff50}
.site-premium .shop-card>img{background:radial-gradient(ellipse at 50% 65%,#1773b01a,transparent 65%)}
.site-premium .shop-card h3{font-size:1rem;font-weight:550;letter-spacing:-.025em}
.site-premium .shop-card>div{padding:19px 21px}
.site-premium .shop-card>.shop-card-info{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "collection price";align-items:center;column-gap:14px;row-gap:5px}
.site-premium .shop-card-info h3{grid-area:name;line-height:1.35;overflow-wrap:anywhere}
.site-premium .shop-card-info .shop-card-collection{grid-area:collection;font-size:.76rem;line-height:1.45;color:#9eafbf}
.site-premium .shop-card-info .shop-card-price{grid-area:price;align-self:start;padding-top:2px;color:#e5eef8;font-size:.86rem;font-weight:550;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}
.site-premium .shop-card-price small{font-size:.6rem;font-weight:400;color:#9eafbf}
@media(max-width:600px){
 .site-premium .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-premium .shop-card>.shop-card-info{grid-template-areas:"name" "collection" "price";grid-template-columns:minmax(0,1fr);gap:5px}
 .site-premium .shop-card-info .shop-card-price{padding-top:4px}
}
.site-premium .news-lead{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-radius:22px;background:linear-gradient(145deg,#1a29363d,transparent),#111820;border-color:var(--line);box-shadow:inset 0 1px #d3eaff08}
.site-premium .news-lead>img{aspect-ratio:auto;height:100%;object-fit:cover;object-position:left center}
.site-premium .news-lead>div{padding:38px}
.site-premium .news-lead h2{font-size:2rem;line-height:1.15;letter-spacing:-.045em;font-weight:550;margin:15px 0 21px}
.site-premium .news-lead p{font-size:.87rem;line-height:1.8}
.site-premium .news-lead a{display:inline-flex;gap:10px;font-size:.8rem;margin-top:10px;font-weight:550}
.site-premium .news-feed{display:grid;gap:28px}
.site-premium .news-feed article{scroll-margin-top:120px}
.site-premium .news-practice{display:block}
.site-premium .news-practice>img{width:100%;height:auto;aspect-ratio:2.4;object-fit:cover;object-position:center 55%}
.site-premium .news-practice>div{padding:36px 40px 40px}
.site-premium .news-practice h2{font-size:clamp(1.65rem,3.5vw,2.5rem)}
.site-premium .news-practice>div>p:not(.news-server-address){max-width:76ch}
.site-premium .news-arena-gallery{margin-top:30px}
.site-premium .news-arena-gallery h3{font-size:1rem;font-weight:550;letter-spacing:-.02em;margin:0 0 16px}
.site-premium .news-arena-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0}
.site-premium .news-arena-grid figure{margin:0;min-width:0}
.site-premium .news-arena-grid a{display:block;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px}
.site-premium .news-arena-grid a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.site-premium .news-arena-grid img{height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .3s}
.site-premium .news-arena-grid a:hover img{transform:scale(1.025)}
.site-premium .news-arena-grid figcaption{padding:10px 2px 0;color:var(--muted);font-size:.8rem}
.site-premium .news-server-address{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#080f1866}
.site-premium .news-server-address span{color:var(--muted);font-size:.76rem}
.site-premium .news-server-address code{color:var(--cyan);font-size:1rem;letter-spacing:.02em;user-select:all}
@media(max-width:760px){
 .site-premium .news-practice>img{aspect-ratio:16/9;object-fit:cover}
 .site-premium .news-practice>div{padding:25px}
 .site-premium .news-arena-grid{grid-template-columns:1fr;gap:20px}
 .site-premium .news-arena-grid img{aspect-ratio:16/9}
}
@media(prefers-reduced-motion:reduce){.site-premium .news-arena-grid img{transition:none}.site-premium .news-arena-grid a:hover img{transform:none}}
.site-premium .faq-questions{max-width:820px;display:grid;gap:12px}
.site-premium .faq-questions details{padding:0 24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#1a29362e,transparent),#111820}
.site-premium .faq-questions summary{min-height:72px;font-size:.91rem;font-weight:550}
.site-premium .faq-questions details[open]{border-color:#74baff45}
.site-premium .faq-questions p{font-size:.88rem;line-height:1.8;padding-right:20px}
.site-premium .legal-sections{max-width:820px;gap:15px}
.site-premium .legal-sections .panel{padding:28px;scroll-margin-top:110px}
.site-premium .legal-sections h2,.site-premium .social-channels h2{font-size:1.25rem;font-weight:550;letter-spacing:-.03em}
.site-premium .legal-sections p,.site-premium .social-channels p{font-size:.88rem;margin-bottom:0}
.site-premium .social-channels{max-width:820px;gap:18px}
.site-premium .social-channels .panel{padding:30px;scroll-margin-top:110px}
.site-premium .login-page{padding:65px 0 15px}
.site-premium .login-panel{max-width:440px;padding:42px 34px;background:linear-gradient(150deg,#1a29364d,transparent),#111820;border-color:var(--line);box-shadow:0 25px 60px -25px #0009}
.site-premium .login-panel>img{width:44px;height:52px}
.site-premium .login-panel h1{font-size:2rem;font-weight:550;letter-spacing:-.04em}
.site-premium .login-panel p{font-size:.88rem;line-height:1.8}
.site-premium .download-layout{gap:48px}
.site-premium .download-instructions>h2{font-weight:550;font-size:2.1rem}
.site-premium .install-step-icon{border-radius:12px;border-color:#a4c9ee25;background:#182a3c50;color:#7cc3ff}
.site-premium .install-steps h3{font-weight:550}
.site-premium .download-preview{border-radius:22px;border-color:#95caff33;box-shadow:0 26px 65px -28px #0009}
.site-premium .download-preview .download-preview-tag{border-radius:7px}
.site-premium .community-main{padding-top:0}
.site-premium .forum-category-name h3,.site-premium .forum-thread-title{font-weight:550;letter-spacing:-.02em}
.site-premium .forum-category-row{padding:27px}
.site-premium .forum-category-row:hover{background:#188bff0b}
.site-premium .forum-table-labels{color:#8fa4ba;background:#0b131d66;border-color:var(--line)}
.site-premium .profile-identity .profile-rank{border-radius:9px}
.site-premium .profile-name{font-weight:600}
.site-premium .profile-layout,.site-premium .forum-post{margin-top:30px}

@media(max-width:1000px){
 .site-premium .site-header{top:8px;margin-top:8px}
 .site-premium .site-header nav{padding:10px 12px;gap:10px 18px}
 .site-premium .site-header .nav-links{gap:28px}
 .site-premium .site-page-heading,.site-premium .download-heading,.site-premium .faq-head,.site-premium .community-heading,.site-premium .pagehead{padding:42px 0 34px}
 .site-premium .download-layout{gap:30px}
 .site-premium .news-lead>div{padding:28px}
 .site-premium .news-lead h2{font-size:1.7rem}
}
@media(max-width:760px){
 .site-premium .wrap,.site-premium .site-header.wrap,.site-premium .footer-glass-stage{width:calc(100% - 24px)}
 .site-premium .site-header{position:sticky;border-radius:14px}
 .site-premium .site-header nav{padding:8px 10px;gap:8px}
 .site-premium .site-header .brand img{width:25px;height:29px}
 .site-premium .site-header .nav-links{gap:0;justify-content:space-between;width:100%;order:3}
 .site-premium .site-header .nav-links a{min-height:32px;font-size:.74rem}
 .site-premium .header-actions{gap:6px}
 .site-premium .player-search{width:auto;min-height:36px;padding:0 8px;gap:6px}
 .site-premium .player-search input{font-size:.7rem;padding:9px 0}
 .site-premium .player-search>svg{width:14px;height:14px}
 .site-premium .site-header .header-actions .button,.site-premium .header-login{min-height:36px;padding:8px 10px;font-size:.7rem}
 .site-premium .header-login svg{display:none}
 .site-premium .site-page-heading,.site-premium .download-heading,.site-premium .faq-head,.site-premium .community-heading,.site-premium .pagehead{padding:36px 12px 30px}
 .site-premium .page-title,.site-premium .faq-head h1,.site-premium .community-heading h1,.site-premium .pagehead h1{font-size:2.3rem}
 .site-premium .site-page-heading>p,.site-premium .download-heading>p,.site-premium .faq-head>p,.site-premium .community-heading>p{font-size:.85rem}
 .site-premium .feature-carousel-ready .feature-tabs{gap:6px;margin-bottom:24px}
 .site-premium .feature-tabs a{padding:10px 12px;font-size:.7rem}
 .site-premium .feature-carousel-ready .feature-story figure{padding:7px;border-radius:14px}
 .site-premium .feature-carousel-ready .feature-story img{border-radius:8px}
 .site-premium .feature-carousel-ready .feature-copy{padding:0 8px;margin-bottom:25px}
 .site-premium .feature-copy p{font-size:.83rem}
 .site-premium .shop-top{align-items:stretch;gap:14px}
 .site-premium .shop-search{max-width:none;width:100%}
 .site-premium .shop-grid{gap:12px}
 .site-premium .shop-card{border-radius:14px}
 .site-premium .shop-card>div{padding:15px}
 .site-premium .shop-card h3{font-size:.9rem}
 .site-premium .news-lead{grid-template-columns:1fr;border-radius:18px}
 .site-premium .news-lead>img{aspect-ratio:16/9;height:auto;object-fit:contain}
 .site-premium .news-lead>div{padding:27px}
 .site-premium .faq-questions details{padding:0 20px}
 .site-premium .faq-questions summary{min-height:68px;font-size:.87rem}
 .site-premium .faq-questions p{font-size:.83rem;padding-right:0}
 .site-premium .forum-category-row{padding:22px 18px}
 .site-premium .site-footer{margin-top:60px}
 .site-premium .footer-banner{padding:28px;gap:22px}
 .site-premium .footer-banner-copy>p{font-size:1.14rem}
 .site-premium .footer-banner-benefits{gap:10px;margin-top:12px}
 .site-premium .footer-banner-benefits li{font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){
 .site-premium *,.site-premium *::before,.site-premium *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .site-premium .button:hover,.site-premium .shop-card:hover,.site-premium .footer-social-icons a:hover{translate:none}
}
@media(prefers-reduced-transparency:reduce){.site-premium .site-header.wrap{background:#101720;backdrop-filter:none}}

/* Original Swing category artwork. Keep the small icons crisp and the labels readable. */
.site-premium .shop-categories button>img{width:28px;height:28px;flex:none;object-fit:contain;transition:transform .25s ease}
.site-premium .shop-categories button:hover>img{transform:translateY(-2px) rotate(-4deg)}
@media(prefers-reduced-motion:reduce){.site-premium .shop-categories button:hover>img{transform:none}}

/* SWING SHOP EMOTES START */
/* Scoped to emote products: the model uses the same 64px skin atlas as Minecraft. */
:is(.shop-card,.owned-cosmetic) .emote-preview{display:block;position:relative;width:100%;aspect-ratio:235/260;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#1773b01a,transparent 65%)}
:is(.shop-card,.owned-cosmetic) .emote-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
:is(.shop-card,.owned-cosmetic) .emote-stage{display:block;position:absolute;inset:0;overflow:hidden;opacity:0;perspective:660px;isolation:isolate}
:is(.shop-card,.owned-cosmetic) .emote-ready>.emote-stage{opacity:1}
:is(.shop-card,.owned-cosmetic) .emote-ready>img{visibility:hidden}
:is(.shop-card,.owned-cosmetic) .emote-rig{display:block;position:absolute;left:50%;top:49%;width:96px;height:192px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-7deg) rotateY(-18deg) scale(var(--emote-scale,.85))}
:is(.shop-card,.owned-cosmetic) .emote-part{display:block;position:absolute;transform-style:preserve-3d}
:is(.shop-card,.owned-cosmetic) .emote-face{display:block;position:absolute;background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;backface-visibility:hidden}
:is(.shop-card,.owned-cosmetic) .emote-face-1{filter:brightness(.75)}
:is(.shop-card,.owned-cosmetic) .emote-face-2,:is(.shop-card,.owned-cosmetic) .emote-face-3{filter:brightness(.85)}
:is(.shop-card,.owned-cosmetic) .emote-face-5{filter:brightness(.62)}
:is(.shop-card,.owned-cosmetic) .emote-shadow{display:block;position:absolute;left:34%;width:32%;height:3%;top:82%;background:#0005;border-radius:50%;filter:blur(7px)}
:is(.shop-card,.owned-cosmetic).emote-playing{border-color:#188bff80}
.shop-emote-context{margin:-2px 0 22px;color:#94a5b8;font-size:.8rem;line-height:1.6}
.shop-emote-context[hidden]{display:none}

/* SWING SHOP EMOTES END */
.owned-cosmetic .emote-preview{aspect-ratio:1;background:none}
.owned-cosmetic[role=button]{cursor:pointer}
.owned-cosmetic[role=button]:focus-visible{outline:2px solid #22a7ff;outline-offset:3px}
.owned-cosmetic img.profile-motion-active{object-fit:contain;transform:none}

/* Fit the visible product, rather than the transparent source canvas. The same
   fixed frame is used for posters and motion, including their full envelope. */
.cosmetic-product-frame{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;flex:none}
.site-premium .shop-card>.cosmetic-product-frame{background:radial-gradient(ellipse at 50% 65%,#1773b01a,transparent 65%)}
.shop-card .cosmetic-product-frame>img,.owned-cosmetic .cosmetic-product-frame>img{position:absolute;display:block;width:var(--product-width);height:var(--product-height);left:var(--product-left);top:var(--product-top);max-width:none;aspect-ratio:auto;object-fit:fill;padding:0;transform:none}
.shop-card .emote-preview{aspect-ratio:1}

/* SWING STORE FILTERS START */
.site-premium .shop-hero>.wrap,.site-premium .shop-layout.wrap{width:min(1320px,calc(100% - 64px))}
.site-premium .shop-top{display:none}
.shop-filter-toggle{border:1px solid #76b9f540;border-radius:9px;background:#152537;color:#dceeff;padding:10px 16px;font:inherit;font-size:.8rem;cursor:pointer}
.site-premium .shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 232px;grid-template-areas:"catalog filters";gap:30px;align-items:start;padding-bottom:56px}
.site-premium .shop-layout>.shop-catalog{grid-area:catalog;min-width:0;width:100%;padding:0}
.site-premium .shop-layout .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shop-filter-panel{grid-area:filters;position:sticky;top:110px;max-height:calc(100dvh - 132px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3f5265 transparent;border:1px solid #96c1eb20;border-radius:14px;padding:18px;background:#101821e6;color:#c2d0de;font-size:.8rem}
.shop-filter-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.shop-filter-header h2{font-size:.95rem;font-weight:550;margin:0;color:#e4effb}
.shop-filter-reset{border:0;padding:0;background:none;color:#83c3ff;font:inherit;font-size:.73rem;cursor:pointer}
.shop-filter-reset:disabled{color:#607184;cursor:default}
.shop-filter-sort{display:block;margin-bottom:14px;font-size:.72rem;color:#8fa3b7}
.shop-filter-sort select{display:block;width:100%;margin-top:7px;padding:10px 26px 10px 10px;border:1px solid #9ac8f525;border-radius:8px;background:#1a2531;color:#e0ebf8;font:inherit;font-size:.78rem;cursor:pointer;color-scheme:dark}
.site-premium .shop-filter-panel .shop-search{position:relative;display:flex;align-items:center;width:100%;max-width:none;margin:0 0 18px;min-width:0;min-height:39px;gap:9px;padding:0 12px;border:1px solid #b6d3f21c;border-radius:10px;background:linear-gradient(180deg,#ffffff05,transparent),#171e27b8;box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .2s,box-shadow .2s}
.site-premium .shop-filter-panel .shop-search:focus-within{border-color:#188bff99;box-shadow:0 0 0 3px #188bff14}
.site-premium .shop-filter-panel .shop-search>svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#c0c3cb}
.site-premium .shop-filter-panel .shop-search input{width:100%;min-width:0;padding:10px 0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--text);font:inherit;font-size:.79rem}
.site-premium .shop-filter-panel .shop-search input::placeholder{color:#91949d}
.shop-filter-group{border:0;border-top:1px solid #9bc7ed16;padding:16px 0 4px}
.shop-filter-group summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:.8rem;color:#c8d8e9;min-height:24px;font-weight:500}
.shop-filter-group summary::-webkit-details-marker{display:none}
.shop-filter-group summary::after{content:'⌄';font-size:1rem;color:#8094a9;transform:rotate(-90deg)}
.shop-filter-group[open] summary::after{transform:none}
.shop-filter-list{display:grid;gap:2px;max-height:230px;overflow-y:auto;margin:11px -3px 5px;padding-right:3px;scrollbar-width:thin;scrollbar-color:#3f5265 transparent}
.shop-filter-option{display:flex;align-items:center;gap:9px;min-height:34px;padding:5px 3px;cursor:pointer;font-size:.77rem;color:#b5c6d6}
.shop-filter-option input{width:15px;height:15px;flex:none;margin:0;accent-color:#3c9cff;cursor:pointer}
.shop-filter-option:has(input:disabled){opacity:.35;cursor:default}
.shop-filter-option [data-facet-count]{margin-left:auto;color:#70879c;font-size:.7rem;font-variant-numeric:tabular-nums}
.shop-color-swatch{width:11px;height:11px;flex:none;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #adc9e329}
.shop-filter-options-hint{font-size:.65rem;line-height:1.5;color:#6f8398;margin:7px 0 5px}
.shop-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 8px}
.shop-price-inputs label{min-width:0;font-size:.72rem;color:#9caec1}
.shop-price-inputs input{box-sizing:border-box;display:block;width:100%;min-width:0;padding:10px 8px;margin-top:6px;border:1px solid #9ac8f525;border-radius:8px;background:#1a2531;color:#d6e7f7;font:inherit;font-size:.8rem;color-scheme:dark}
.shop-price-inputs input[aria-invalid=true]{border-color:#d57575}
.shop-price-error{font-size:.7rem;line-height:1.5;color:#efa1a1;margin:10px 0}
.shop-filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin:-3px 0 20px}
.shop-filter-chip{border:1px solid #82bdf530;border-radius:7px;background:#15325380;padding:6px 9px;color:#bddfff;font:inherit;font-size:.7rem;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.shop-filter-chip:hover{border-color:#82bdf580}
.site-premium .shop-card>.shop-card-info{padding:16px;grid-template-areas:"name price" "tags tags";row-gap:10px;column-gap:10px}
.site-premium .shop-card-info .shop-card-tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.site-premium .shop-card-info .shop-tag{display:inline-block;border-radius:5px;padding:3px 6px;background:#7b9cbe12;border:1px solid #9bc7ed13;color:#93aac0;font-size:.64rem;line-height:1.3;font-weight:400;letter-spacing:0}
.site-premium .shop-card-info h3{font-size:.9rem}
.site-premium .shop-card-info .shop-card-price{font-size:.8rem}
.shop-bundle-art{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:235/260;padding:10px;gap:0;background:radial-gradient(ellipse at 50% 40%,#1665a823,transparent 76%)}
.shop-bundle-card{position:relative}
.shop-card .shop-bundle-discount{position:absolute;top:12px;left:12px;z-index:1;padding:5px 9px;border:1px solid #7bbdff50;border-radius:6px;background:#123655e8;color:#bde6ff;font-size:.74rem;font-weight:600}
.site-premium .shop-bundle-card .shop-card-price{display:grid;gap:4px;text-align:right}
.site-premium .shop-bundle-card .shop-card-price del{color:#7f96ac;font-size:.67rem;font-weight:400}
.site-premium .shop-bundle-card .shop-card-price strong{font-size:.85rem;font-weight:550;color:#b9e3ff}
.shop-card .shop-bundle-art img{width:100%;height:100%;min-height:0;object-fit:contain;aspect-ratio:1;mix-blend-mode:normal}
.shop-bundle-art>span{display:block;min-width:0;min-height:0;overflow:hidden}
.shop-bundle-card .shop-bundle-count{display:block;padding:0 16px 12px;color:#8daac2;font-size:.7rem}
.site-premium .shop-bundle-card>.shop-card-info{padding-bottom:10px}
.shop-bundle-open{display:block;margin:0 16px 16px;width:calc(100% - 32px);border:1px solid #6fafff40;border-radius:8px;background:#0f2a42;color:#c6e5ff;font:inherit;font-size:.75rem;padding:10px 12px;cursor:pointer}
.shop-bundle-open:hover,.shop-bundle-view:hover{background:#174267}
.shop-bundle-dialog{width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;border:1px solid #95c2ed35;border-radius:18px;background:#111c28;color:#dbe7f3;padding:28px;box-shadow:0 30px 100px #0008}
.shop-bundle-dialog:not([open]){display:none}
.shop-bundle-dialog::backdrop{background:#030b14b8;backdrop-filter:blur(6px)}
.shop-bundle-dialog h2{font-size:1.55rem;font-weight:550;letter-spacing:-.03em;margin:8px 40px 10px 0}
.shop-bundle-description{color:#98aec3;line-height:1.7;font-size:.85rem;max-width:46ch}
.shop-bundle-close{position:absolute;right:20px;top:18px;border:1px solid #a0c7eb20;background:#1a2b3b;color:#c4d9ed;border-radius:8px;width:32px;height:32px;font:inherit;font-size:1.1rem;cursor:pointer}
.shop-bundle-contents{list-style:none;padding:0;margin:20px 0 24px}
.shop-bundle-contents li{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid #a1c9ed16}
.shop-bundle-contents img{width:64px;height:72px;object-fit:contain;border-radius:8px;background:#1a2734;flex:none}
.shop-bundle-contents li>span{display:grid;gap:6px;min-width:0}
.shop-bundle-contents strong{font-weight:500;font-size:.9rem}
.shop-bundle-contents span>span{color:#8da4bb;font-size:.73rem}
.shop-bundle-view{margin-left:auto;border:1px solid #6fafff40;border-radius:7px;background:#0f2a42;color:#c6e5ff;font:inherit;font-size:.72rem;padding:8px 12px;cursor:pointer}
.shop-bundle-pricing{border-top:1px solid #a1c9ed22;padding-top:18px;display:flex;justify-content:space-between;gap:18px;align-items:start;font-size:.85rem}
.shop-bundle-pricing small{display:block;font-size:.7rem;color:#8da4bb;line-height:1.6;margin-top:5px}
.shop-bundle-pricing strong{font-weight:500;white-space:nowrap}
.shop-bundle-dialog-prices{display:grid;gap:5px;text-align:right;flex:none}
.shop-bundle-dialog-prices del{color:#8198ae;font-size:.78rem}
@media(min-width:1550px){.site-premium .shop-layout .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px) and (min-width:901px){.site-premium .shop-layout{grid-template-columns:minmax(0,1fr) 215px;gap:20px}.site-premium .shop-layout .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .site-premium .shop-top{display:flex;justify-content:flex-end;min-height:32px}
 .site-premium .shop-layout{grid-template-columns:1fr;grid-template-areas:"filters" "catalog";gap:20px}
 .shop-filter-panel{position:static;max-height:none;overflow:visible;padding:20px}
 .shop-filter-panel>.shop-filter-group{display:inline-block;vertical-align:top;width:calc(50% - 14px);margin-right:24px}
 .shop-filter-panel>.shop-filter-group:nth-of-type(2n){margin-right:0}
 .site-premium .shop-layout .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .site-premium .shop-filter-panel .shop-search{max-width:none}
}
@media(max-width:600px){
 .site-premium .shop-hero>.wrap,.site-premium .shop-layout.wrap{width:calc(100% - 32px)}
 .site-premium .shop-top{flex-direction:row;align-items:center;gap:12px}
 .site-premium .shop-layout .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .shop-filter-panel>.shop-filter-group{display:block;width:100%;margin-right:0}
 .site-premium .shop-card>.shop-card-info{grid-template-columns:1fr;grid-template-areas:"name" "tags" "price";padding:12px;gap:7px}
 .site-premium .shop-card-info h3{font-size:.84rem}
 .site-premium .shop-card-info .shop-card-price{font-size:.78rem}
 .shop-bundle-open{margin:0 12px 12px;width:calc(100% - 24px);font-size:.7rem}
 .shop-bundle-card .shop-bundle-count{padding-inline:12px}
 .site-premium .shop-bundle-card .shop-card-price{text-align:left}
 .shop-bundle-dialog{padding:22px}
}
.shop-filter-panel[hidden],.shop-filter-toggle[hidden],.shop-filter-chips[hidden]{display:none}
/* SWING STORE FILTERS END */

/* Coin packs keep their EUR prices separate from the cosmetic USD filters. */
.site-premium .shop-show-coins .shop-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"catalog"}
.shop-show-coins .shop-top,.shop-coins[hidden],.shop-grid[hidden]{display:none}
.shop-coins-intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 24px;color:#a5b6c6;font-size:.9rem}
.shop-coins-intro p{margin:0}.shop-coins-intro strong{color:#e5c780;font-weight:500}.shop-coins-intro>span{flex:none;font-size:.72rem;color:#7e94a8}
.shop-coin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.shop-coin-card{display:block;min-width:0;padding:0;text-align:left;font:inherit;color:#e4eef8;background:linear-gradient(145deg,#1b2935,#10171f);border:1px solid #96c1eb26;border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .2s,background .2s}
.shop-coin-card:hover{border-color:#d5b15b80;background:linear-gradient(145deg,#213342,#121b24)}
.shop-coin-card:focus-visible{outline:2px solid #44b7ff;outline-offset:4px}
.shop-coin-art{display:block;position:relative;aspect-ratio:1.15;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#2d93d21a,transparent 70%)}
.shop-coin-art img{position:absolute;width:64%;height:auto;left:18%;top:8%;filter:drop-shadow(0 10px 10px #0003);transform:translateY(28px)}
.shop-coin-art img:nth-child(2){transform:translateY(14px)}
.shop-coin-art img:nth-child(3){transform:none}
.shop-coin-art img:nth-child(4){width:51%;left:44%;top:30%;transform:translateY(14px)}
.shop-coin-art img:nth-child(5){width:51%;left:44%;top:30%;transform:none}
.shop-coin-copy{display:grid;grid-template-columns:1fr;gap:9px;padding:20px;border-top:1px solid #96c1eb14}
.shop-coin-copy>strong{font-size:1.05rem;letter-spacing:-.02em}
.shop-coin-bonus{width:max-content;border:1px solid #e9bf5f30;border-radius:5px;background:#bd8b2112;color:#edc96d;padding:4px 7px;font-size:.73rem}
.shop-coin-total{font-size:.75rem;color:#8da7bd}
.shop-coin-price{padding-top:9px;font-size:1.1rem;font-weight:600;color:#e6f1fc}
.shop-coin-price small{font-size:.63rem;color:#869aad;font-weight:400;margin-left:3px}
.shop-coins-note{font-size:.8rem;line-height:1.6;color:#8b9fb2;margin:20px 0 0}
.shop-coin-dialog{width:min(440px,calc(100% - 32px));max-width:440px;box-sizing:border-box}
.shop-coin-dialog-art{display:block;margin:0 auto 12px;filter:drop-shadow(0 8px 20px #238ed533)}
.shop-coin-dialog h2{text-align:center;margin-bottom:26px}

/* Store prices and local cart share the catalogue's integer-cent prices. */
.shop-cart-trigger,.shop-add-cart,.cart-remove,.cart-close{font:inherit;cursor:pointer}
.shop-cart-trigger{white-space:nowrap;border:1px solid #5b9cd34d;background:#12334a;border-radius:9px;padding:10px 14px;color:#d8efff;font-size:.78rem}
.site-premium .shop-card>.shop-card-info{grid-template-areas:"name price" "tags tags" "buy buy"}
.shop-product-coins{display:block;color:#e6c775;font-size:.69rem;font-weight:400;margin-top:5px;white-space:nowrap}
.shop-add-cart{grid-area:buy;border:1px solid #6eb9ef45;border-radius:8px;background:#1870af20;color:#bce4ff;padding:10px 12px;font-size:.76rem;text-align:center}
.shop-add-cart:hover{background:#1870af40;border-color:#6eb9ef80}
.shop-cart-dialog{color:#e1edf8;background:#0c1823;border:1px solid #557c9f70;border-radius:18px;padding:24px;width:min(560px,calc(100% - 28px));max-height:min(800px,90dvh);box-sizing:border-box;overflow:auto;box-shadow:0 28px 100px #0009}
.shop-cart-dialog::backdrop{background:#02080dbd;backdrop-filter:blur(5px)}
.shop-cart-dialog>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12;padding-bottom:18px;margin-bottom:18px}
.shop-cart-dialog h2{font-size:1.6rem;margin:5px 0 0}.cart-close{border:0;border-radius:8px;background:#ffffff08;color:#aebfcf;font-size:1.6rem;width:34px;height:34px;line-height:1}
.cart-close:hover{background:#ffffff16;color:white}.cart-items{list-style:none;margin:0;padding:0;max-height:40dvh;overflow:auto;scrollbar-color:#4078a3 #ffffff06;scrollbar-width:thin}
.cart-items li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #ffffff0c}.cart-items img{object-fit:contain;width:58px;height:64px;border-radius:6px;background:#ffffff04}
.cart-items li>div{flex:1;min-width:0;display:grid;gap:6px}.cart-items strong{font-size:.87rem;overflow-wrap:anywhere}.cart-items span{font-size:.8rem;color:#9bc6e9}.cart-remove{background:none;border:0;padding:7px;color:#b5a2a6;font-size:.72rem}.cart-remove:hover{color:#ff9aa9}
.shop-card[data-quantity]{position:relative}.shop-pack-quantity{position:absolute;top:12px;left:12px;z-index:2;border:1px solid #60bfff30;border-radius:7px;padding:5px 8px;background:#0a1525e6;color:#b3dcff;font-size:.64rem;pointer-events:none}.cart-pack-contents{font-size:.7rem;color:#9daebc}
.badge-milestone[aria-pressed=true]{border-color:var(--badge-color)}
.cart-currency{border:0;padding:0;display:flex;gap:20px;margin:22px 0}.cart-currency legend{font-size:.75rem;color:#99acbd;margin-bottom:10px}.cart-currency label{display:flex;gap:7px;align-items:center;font-size:.83rem}.cart-currency input{accent-color:#22a7ff}.cart-currency label:has(:disabled){opacity:.45}
.cart-total{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #ffffff16}.cart-total strong{font-size:1.25rem;color:#d6edff}.cart-note{font-size:.76rem;line-height:1.6;color:#99acbd}.cart-checkout{width:100%;box-sizing:border-box;opacity:.5;cursor:not-allowed}.cart-status,.shop-cart-notice{font-size:.77rem;color:#afd5f2}.cart-status:empty,.shop-cart-notice:empty{display:none}.cart-empty{padding:22px 0;font-size:.85rem}.shop-coin-dialog>.shop-add-cart{width:100%;margin-top:12px}
@media(max-width:600px){.site-premium .shop-card>.shop-card-info{grid-template-areas:"name" "tags" "price" "buy"}.shop-cart-trigger{padding:9px;font-size:.72rem}.shop-cart-dialog{padding:18px}.cart-items li{gap:9px}.cart-remove{padding:5px}}
.shop-coin-breakdown{display:grid;gap:16px;margin:0}
.shop-coin-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:.9rem}
.shop-coin-breakdown dt{color:#9fb2c4}.shop-coin-breakdown dd{margin:0;color:#e1edf9;font-variant-numeric:tabular-nums}
.shop-coin-breakdown>div:nth-child(2) dd{color:#edc96d}
.shop-coin-breakdown>div:nth-child(n+3){padding-top:16px;border-top:1px solid #96c1eb20}
@media(max-width:1050px){.shop-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-coin-art{max-height:260px}}
@media(max-width:560px){.shop-coin-grid{grid-template-columns:1fr;gap:16px}.shop-coins-intro{display:block}.shop-coins-intro>span{display:block;margin-top:10px}.shop-coin-copy{grid-template-columns:1fr auto;gap:10px 12px}.shop-coin-copy>strong{grid-column:1}.shop-coin-bonus{grid-column:1}.shop-coin-total{grid-column:1}.shop-coin-price{grid-column:2;grid-row:1/4;align-self:center;padding:0}.shop-coin-art{aspect-ratio:1.5}.shop-coin-art img{width:48%;left:26%;top:2%}.shop-coin-art img:nth-child(n+4){width:38%;left:49%;top:24%}}
@media(prefers-reduced-motion:reduce){.shop-coin-card{transition:none}}










.ratings-format{display:block;margin-top:4px;font-size:.7rem;font-weight:400;color:var(--muted)}

/* Observed name history: dates are deliberately distinct from exact rename dates. */
.profile-name-history{align-self:start;width:100%}
.profile-name-history>summary{cursor:pointer;list-style:none;margin:0;font-size:.9rem}
.profile-name-history>summary::-webkit-details-marker{display:none}
.profile-name-history>summary::after{content:'+';margin-left:auto;color:var(--muted);font-weight:400}
.profile-name-history[open]>summary::after{content:'−'}
.name-history-list{display:grid;gap:0;list-style:none;margin:17px 0 0;padding:0;max-height:280px;overflow-y:auto;scrollbar-width:thin}
.name-history-list li{padding:10px 0;border-top:1px solid #ffffff0b;min-width:0}
.name-history-list strong{display:block;overflow-wrap:anywhere;font-size:.8rem;font-weight:550}
.name-history-list small,.name-history-current-label{display:block;margin-top:4px;color:var(--muted);font-size:.68rem}
.name-history-current-label{color:#6ac3ff}
.name-history-note{font-size:.68rem;line-height:1.55;color:var(--muted);margin:14px 0 10px}
.name-history-sources{display:flex;gap:14px;font-size:.7rem}
@media(max-width:720px){.profile-sidebar{grid-auto-flow:row dense}.profile-name-history{grid-column:1/-1}.name-history-list{max-height:230px}}

/* SWING PRODUCT SWITCH START */
.site-header .product-switch{position:relative;font-size:11px;flex:none;color:var(--muted)}
.site-header .product-switch summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;white-space:nowrap}
.site-header .product-switch summary::-webkit-details-marker{display:none}
.site-header .product-switch summary:after{content:'⌄';color:var(--blue)}
.site-header .product-options{position:absolute;top:calc(100% + 7px);left:0;display:grid;min-width:190px;background:#111923;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 14px 40px #0009;z-index:20}
.site-header .product-options a{padding:10px;color:var(--muted);border-radius:5px}
.site-header .product-options a:hover,.site-header .product-options a[aria-current]{background:#1a3044;color:var(--blue);text-decoration:none}
.site-header nav{column-gap:18px}
@media(max-width:480px){.site-header .product-switch{font-size:10px}.site-header .product-switch summary{padding:4px 6px}.site-header nav{column-gap:9px}}
/* SWING PRODUCT SWITCH END */

/* Published studio previews; unreleased assets never enter the purchase cart. */
.shop-preview-status{display:block;color:var(--muted,#9ab0c4);font-size:.7rem;line-height:1.5;margin-top:10px}.shop-lab-preview,.shop-lab-link{display:inline-block;color:#9dd9ff;text-decoration:none;font-size:.8rem;margin-top:8px}.shop-lab-preview:hover,.shop-lab-link:hover{text-decoration:underline}
.site-premium .shop-card-info .shop-lab-preview,.site-premium .shop-card-info .shop-preview-status{grid-column:1/-1}