/*
 * WEEKLY / CHROME BLUE FINISHING PASS
 * Original generated Weekly artwork adapted into real responsive website assets.
 * A presentation layer only: existing backend, data, authentication, and stats are untouched.
 */
body.weekly-chrome{
  --chrome-blue:#277dff;
  --chrome-sky:#78ccff;
  --chrome-stroke:rgba(103,159,246,.34);
  --chrome-shine:0 0 21px rgba(31,115,245,.16);
}
.weekly-chrome .site-header{
  border-bottom:1px solid #243955;
  box-shadow:0 5px 26px rgba(0,0,0,.26),0 1px 0 rgba(78,133,223,.09);
}
.weekly-chrome .header-inner{height:69px}
.weekly-chrome .brand-mark img{filter:drop-shadow(0 0 9px rgba(67,139,255,.42))}
.weekly-chrome .main-nav>a.active,.weekly-chrome .nav-dropdown>summary.active{
  border-color:#4b9dff;
  background:linear-gradient(135deg,#0c1d39,#0c2548);
  box-shadow:inset 0 1px rgba(140,208,255,.24),0 0 16px #227af62e;
}
.weekly-chrome .header-search,.weekly-chrome .header-news{
  display:grid;place-items:center;width:42px;height:42px;
  border:1px solid #33435d;border-radius:11px;background:linear-gradient(145deg,#121c2c,#0b1220);
  color:#e4efff;transition:border-color .18s,background .18s;
}
.weekly-chrome .header-search:hover,.weekly-chrome .header-news:hover{border-color:#6fbaff;background:#15294b;color:white}
.weekly-chrome .header-join{padding:11px 17px;box-shadow:0 0 0 1px #468aff33,0 8px 23px #2267ff40}
.weekly-chrome .platform-home{--chrome-card:#0d172a}
.weekly-chrome .platform-lead{grid-template-columns:minmax(0,2.28fr) minmax(300px,.96fr);gap:14px}
.weekly-chrome .platform-feature-card,
.weekly-chrome .platform-community-card,
.weekly-chrome .platform-panel,
.weekly-chrome .platform-promo-card{
  border-color:#36557e;
  box-shadow:inset 0 1px 0 rgba(157,207,255,.05),0 13px 36px #0003;
}
.weekly-chrome .platform-feature-card{min-height:340px;background:#061020;border-color:#488de1}
.weekly-chrome .platform-feature-card::before{
  background:linear-gradient(90deg,#060d1dfa 0%,#071125f6 23%,#071329b5 39%,#0815303b 57%,#0510270d 79%),
     linear-gradient(0deg,#07101d70 0%,transparent 35%);
}
.weekly-chrome .platform-feature-art{
  left:34%;
  right:0;
  mask-image:linear-gradient(90deg,transparent,#000 15%,#000 100%);
}
.weekly-chrome .platform-feature-art img{
  right:0;top:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  filter:contrast(1.06) saturate(1.16) brightness(.99);
  transform:scale(1.06);
}
.weekly-chrome .platform-feature-card::after{
  height:2px;
  background:linear-gradient(90deg,#2859ad00 0%,#3d9cffaa 45%,#53b9ff55 79%,transparent)
}
.weekly-chrome .platform-feature-copy{width:min(64%,540px);min-height:340px;padding:20px 22px 19px 25px}
.weekly-chrome .platform-feature-title{
  font-size:clamp(2.55rem,4.15vw,4.52rem);
  line-height:.98;letter-spacing:-.06em;
  margin:23px 0 11px;overflow-wrap:normal;word-break:normal;
  background:linear-gradient(104deg,#fff 0%,#f1f8ff 27%,#9addff 63%,#358cff 100%);
  -webkit-background-clip:text;background-clip:text;
}
.weekly-chrome .platform-feature-description{font-size:.86rem;line-height:1.47;max-width:460px;color:#d4dded;margin-bottom:13px}
.weekly-chrome .feature-badges .platform-pill{box-shadow:0 0 0 1px #2984ff24,0 0 16px #1a73e72e}
.weekly-chrome .platform-feature-actions{gap:9px;margin-top:5px}
.weekly-chrome .platform-feature-actions .button{
  min-height:42px;padding:10px 14px;box-shadow:0 7px 19px #226dff29;
}
.weekly-chrome .platform-feature-actions .button.ghost{box-shadow:none;background:#090f21c9}
.weekly-chrome .platform-feature-footer{padding-top:12px}
.weekly-chrome .feature-corner-brand{
  right:14px;top:13px;background:#071020d9;
  border-color:#618aca94;
}
.weekly-chrome .platform-community-card{
  min-height:340px;max-height:none;
  padding:19px 22px 18px;
  background:
    linear-gradient(135deg,transparent 59%,rgba(45,99,196,.075) 59.3%,transparent 76%),
    radial-gradient(ellipse at 98% 0%,#285fca24,transparent 51%),
    linear-gradient(135deg,#101b30,#08111f);
}
.weekly-chrome .platform-community-card::after{
  right:-41px;top:-31px;
  border-color:#5d9aff3c;
  box-shadow:0 0 0 19px #3061ad18,0 0 0 42px #204a9d14;
}
.weekly-chrome .platform-community-card h2{font-size:clamp(1.7rem,2.16vw,2.28rem);line-height:1.06;margin:10px 0 9px}
.weekly-chrome .platform-community-card>p{line-height:1.47;margin-bottom:12px;font-size:.77rem}
.weekly-chrome .platform-stat-grid{gap:7px}
.weekly-chrome .platform-stat{
  padding:9px 11px;min-height:75px;
  border-color:#344b70;border-radius:10px;
  background:linear-gradient(135deg,#13233c,#0b1426);
  transition:background .2s,border-color .2s,transform .2s;
}
.weekly-chrome .platform-stat:hover{border-color:#5e9dec;background:#173058;transform:translateY(-1px)}
.weekly-chrome .platform-stat .stat-icon{
  font-size:1.05rem;line-height:1;
  color:#66b5ff;text-shadow:0 0 12px rgba(47,149,255,.8);
}
.weekly-chrome .platform-stat strong{font-size:1.14rem;line-height:1.09;font-weight:950}
.weekly-chrome .platform-stat small{font-size:.63rem;line-height:1.18}
.weekly-chrome .platform-status-word{color:#62ebbb!important;text-shadow:0 0 11px #1acb8650}
.weekly-chrome .platform-middle{gap:14px;margin-top:14px;grid-template-columns:1.05fr .98fr .79fr}
.weekly-chrome .platform-panel{
  min-height:250px;
  padding:12px 13px 12px;border-radius:14px;
  background:linear-gradient(150deg,#0d172b,#070f1e);
}
.weekly-chrome .platform-panel-header{min-height:25px;margin-bottom:9px}
.weekly-chrome .platform-panel-header h2{font-size:.69rem;letter-spacing:.045em}
.weekly-chrome .platform-panel-header a{color:#8bcdff}
.weekly-chrome .platform-event-feature{min-height:185px;border-color:#406294}
.weekly-chrome .platform-event-feature .platform-event-image[src*="event-art"]{
  inset:0 0 0 auto;
  width:58%;height:100%;
  object-fit:cover;object-position:center 26%;
  opacity:.97;
  mask-image:linear-gradient(90deg,transparent 0%,black 30%);
}
.weekly-chrome .platform-event-preview{
  background:
    linear-gradient(90deg,#0a1937 0%,#17326488 65%,#0d1f41),
    url('/weekly-chrome-event.svg') center/cover;
}
.weekly-chrome .platform-event-preview::after{
  background:linear-gradient(90deg,#09152beF 0%,#0d2144c7 39%,#1229592b 80%),linear-gradient(0deg,#07101e70,transparent 35%);
}
.weekly-chrome .platform-event-preview .event-feature-info{max-width:76%;padding:16px}
.weekly-chrome .platform-event-preview .event-feature-info h3{font-size:1.14rem;line-height:1.18;margin:10px 0 8px}
.weekly-chrome .platform-event-preview .event-meta{font-size:.69rem;margin-bottom:7px}
.weekly-chrome .platform-event-preview .event-intro{font-size:.73rem;max-width:235px;margin-bottom:10px;line-height:1.4}
.weekly-chrome .platform-event-preview .event-chip{background:#092448;color:#8bd0ff;border-color:#318ce0}
.weekly-chrome .event-preview-link{
  display:inline-flex;gap:8px;align-items:center;padding:7px 9px;
  border:1px solid #4b9eea;border-radius:8px;background:#0d3269;
  color:#d7f5ff;font-weight:800;font-size:.67rem;
}
.weekly-chrome .event-preview-link:hover{background:#1b5090}
.weekly-chrome .platform-event-footer{margin-top:8px}
.weekly-chrome .platform-event-footer>a{color:#7ac7ff}
.weekly-chrome .platform-store-items{grid-template-columns:1.08fr .98fr;gap:8px}
.weekly-chrome .store-feature-tile{min-height:195px;border-color:#4067a0;padding:10px}
.weekly-chrome .store-feature-tag{font-size:.56rem;padding:5px 8px}
.weekly-chrome .store-feature-image{min-height:102px}
.weekly-chrome .store-feature-image img{
  max-height:128px;
  width:min(100%,205px);height:128px;
  object-fit:contain;
  filter:drop-shadow(0 9px 13px #000b);
}
.weekly-chrome .platform-store-preview .store-feature-tile{
  background:radial-gradient(ellipse at 50% 40%,#2b72e955,transparent 66%),
    linear-gradient(155deg,#101d34,#091322);
}
.weekly-chrome .platform-store-preview .store-feature-image img{
  width:100%;max-height:125px;height:125px;object-fit:cover;object-position:center;
  mask-image:radial-gradient(ellipse 62% 59% at center,#000 53%,transparent 100%);
  transform:scale(1.1);
}
.weekly-chrome .platform-store-preview .store-feature-text span{font-size:.62rem}
.weekly-chrome .store-mini-grid{gap:7px}
.weekly-chrome .store-mini-tile{min-height:93px;border-color:#334f78;padding:5px 7px}
.weekly-chrome .store-mini-tile img{max-height:59px;min-height:40px}
.weekly-chrome .store-mini-tile strong{font-size:.61rem}
.weekly-chrome .store-mini-tile small{font-size:.56rem}
.weekly-chrome .platform-updates-panel .platform-update-list{gap:6px}
.weekly-chrome .platform-update{min-height:41px;padding:6px 8px;border:1px solid #233954}
.weekly-chrome .update-icon{width:29px;height:29px;flex-basis:29px;border-color:#2c5ca0}
.weekly-chrome .update-body strong{font-size:.69rem}
.weekly-chrome .update-body small{font-size:.59rem}
.weekly-chrome .platform-quick-link{background:linear-gradient(90deg,#0b1729,#101b32)}
.weekly-chrome .platform-quick-link .update-body small{color:#8bc6ed}
.weekly-chrome .platform-bottom{gap:14px;margin-top:14px}
.weekly-chrome .platform-promo-card{min-height:171px;padding:18px 19px;border-color:#365580}
.weekly-chrome .platform-vip-card{background:linear-gradient(100deg,#0e1d35,#12336955),radial-gradient(ellipse at right,#2c71ed33,transparent),#081525}
.weekly-chrome .promo-copy{max-width:62%}
.weekly-chrome .platform-vip-card .promo-copy{max-width:61%}
.weekly-chrome .platform-promo-card h2{font-size:1.12rem;line-height:1.2;margin:9px 0 7px}
.weekly-chrome .platform-promo-card p:not(.platform-mini-label){font-size:.71rem;line-height:1.41;margin:0 0 10px}
.weekly-chrome .platform-promo-card .promo-action{padding:7px 10px;font-size:.68rem}
.weekly-chrome .platform-vip-card .promo-art{
  width:51%;height:100%;right:-9px;bottom:-2px;
  object-fit:cover;object-position:center;
  mask-image:linear-gradient(90deg,transparent 0%,black 28%);
  filter:drop-shadow(0 6px 12px #0005);
}
.weekly-chrome .platform-team-card{overflow:hidden}
.weekly-chrome .platform-team-card .promo-copy{max-width:70%}
.weekly-chrome .platform-team-card .team-art{
  right:-2%;bottom:-16px;width:36%;height:116%;opacity:1;
  transform:none;
}
.weekly-chrome .platform-team-card .team-art img{
  width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;
  mask-image:linear-gradient(90deg,transparent,#000 30%);
  filter:saturate(1.18) contrast(1.1);
}
.weekly-chrome .platform-partners-card .promo-copy{max-width:100%}
.weekly-chrome .platform-partners-card .partner-preview-list{margin:7px 0}
.weekly-chrome .platform-partners-card .partner-preview{padding:6px 9px;font-size:.62rem}
.weekly-chrome .platform-home .platform-promo-card:focus-within,
.weekly-chrome .platform-home .platform-panel:focus-within{border-color:#6dabff}
.weekly-chrome .platform-gallery{margin-top:18px}
.weekly-chrome .platform-join-strip{margin-top:18px;padding:18px 23px}

/* Dedicated pages should carry the same polished collection artwork. */
.weekly-chrome .vip-hero-art{
  min-width:min(37%,300px);
  display:flex;flex-direction:column;align-items:center;justify-content:center
}
.weekly-chrome .vip-hero-art img{
  width:100%;max-width:300px;height:auto;max-height:240px;
  object-fit:contain;border-radius:12px;
  filter:drop-shadow(0 0 25px #3a8dff66);
  mask-image:radial-gradient(ellipse 85% 81% at center,black 62%,transparent 100%)
}
.weekly-chrome .chrome-store-empty,
.weekly-chrome .chrome-event-empty{
  grid-column:1/-1;display:flex;align-items:center;gap:25px;text-align:left;justify-content:flex-start;
  min-height:220px;padding:20px 25px;
  background:radial-gradient(ellipse at 20% 35%,#265bb347,transparent 49%),linear-gradient(110deg,#0c1d37,#0a111e);
  border-color:#355586;
}
.weekly-chrome .chrome-store-empty img,
.weekly-chrome .chrome-event-empty img{
  flex:0 0 185px;width:185px;height:168px;object-fit:cover;
  border-radius:12px;box-shadow:0 9px 33px #0008;
  mask-image:radial-gradient(ellipse 80% 76% at center,#000 54%,transparent 100%);
}
.weekly-chrome .chrome-store-empty div,.weekly-chrome .chrome-event-empty div{display:flex;flex-direction:column;align-items:flex-start;max-width:530px}
.weekly-chrome .chrome-store-empty strong,.weekly-chrome .chrome-event-empty strong{font-size:1.52rem;color:#f2f8ff;line-height:1.13;margin:9px 0}
.weekly-chrome .chrome-store-empty small,.weekly-chrome .chrome-event-empty small{font-size:.85rem;color:#a3bbdf;line-height:1.5;margin-bottom:13px}
.weekly-chrome .chrome-store-empty .button,.weekly-chrome .chrome-event-empty .button{padding:9px 13px}
/* Preserve legibility, event details and row density across tablet and mobile. */
@media(max-width:1320px){
  .weekly-chrome .platform-lead{grid-template-columns:minmax(0,2.03fr) minmax(310px,.98fr)}
  .weekly-chrome .platform-community-card{padding:15px 16px}
  .weekly-chrome .platform-community-card h2{font-size:1.75rem}
  .weekly-chrome .platform-community-card>p{font-size:.73rem}
  .weekly-chrome .platform-stat{padding:8px;min-height:74px}
  .weekly-chrome .platform-feature-title{font-size:clamp(2.4rem,4.1vw,3.9rem)}
  .weekly-chrome .platform-middle{grid-template-columns:1.03fr .98fr .86fr}
}
@media(max-width:1080px){
  .weekly-chrome .header-inner{height:66px}
  .weekly-chrome .platform-lead{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}
  .weekly-chrome .platform-feature-copy{width:72%}
  .weekly-chrome .platform-feature-art{left:23%}
  .weekly-chrome .platform-community-card{min-height:340px}
  .weekly-chrome .platform-middle{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weekly-chrome .platform-updates-panel{grid-column:1/-1;min-height:0}
  .weekly-chrome .platform-update-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weekly-chrome .platform-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weekly-chrome .platform-team-card{grid-column:1/-1}
}
@media(max-width:760px){
  .weekly-chrome .header-inner{height:65px}
  .weekly-chrome .header-news{display:none}
  .weekly-chrome .platform-lead{grid-template-columns:1fr}
  .weekly-chrome .platform-feature-card{min-height:328px}
  .weekly-chrome .platform-feature-copy{min-height:328px;width:74%;padding:18px 15px}
  .weekly-chrome .platform-feature-art{left:15%}
  .weekly-chrome .platform-feature-art img{object-position:64% center}
  .weekly-chrome .platform-feature-title{font-size:clamp(2.3rem,7.4vw,3.5rem);margin-top:20px}
  .weekly-chrome .platform-feature-description{font-size:.78rem}
  .weekly-chrome .platform-community-card{min-height:0}
  .weekly-chrome .platform-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .weekly-chrome .platform-stat{min-height:70px;padding:7px}
  .weekly-chrome .platform-stat small{font-size:.55rem}
  .weekly-chrome .platform-stat strong{font-size:1rem}
  .weekly-chrome .platform-middle{grid-template-columns:1fr}
  .weekly-chrome .platform-updates-panel{grid-column:auto}
  .weekly-chrome .platform-update-list{grid-template-columns:1fr}
  .weekly-chrome .platform-bottom{grid-template-columns:1fr}
  .weekly-chrome .platform-team-card{grid-column:auto}
  .weekly-chrome .platform-panel{min-height:0}
  .weekly-chrome .platform-event-feature{min-height:190px}
  .weekly-chrome .platform-store-items{min-height:235px}
  .weekly-chrome .platform-promo-card{min-height:180px}
}
@media(max-width:480px){
  .weekly-chrome .header-inner{width:calc(100% - 22px)}
  .weekly-chrome .brand-mark{width:31px;flex-basis:31px}
  .weekly-chrome .brand-mark img{width:31px;height:40px}
  .weekly-chrome .brand-copy strong{font-size:1.04rem}
  .weekly-chrome .header-mobile-menu>summary{width:37px;height:38px}
  .weekly-chrome .header-join{font-size:.66rem;padding:8px 10px;min-height:38px}
  .weekly-chrome .platform-feature-copy{width:87%;padding:18px 12px;min-height:322px}
  .weekly-chrome .platform-feature-card{min-height:322px}
  .weekly-chrome .platform-feature-card::before{background:linear-gradient(90deg,#061026fc 0%,#06102ae7 47%,#06152b55 100%)}
  .weekly-chrome .platform-feature-art{left:25%;opacity:.8}
  .weekly-chrome .platform-feature-art img{object-position:58% center;filter:contrast(1.1) brightness(.86)}
  .weekly-chrome .platform-feature-title{font-size:clamp(2.22rem,9.65vw,2.95rem);margin:20px 0 8px;letter-spacing:-.055em}
  .weekly-chrome .platform-feature-description{font-size:.77rem;line-height:1.4}
  .weekly-chrome .platform-feature-actions .button{padding:10px 11px;font-size:.7rem;min-height:37px}
  .weekly-chrome .platform-feature-footer{font-size:.57rem}
  .weekly-chrome .platform-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weekly-chrome .platform-feature-actions{gap:7px}
  .weekly-chrome .platform-event-preview .event-feature-info{padding:13px;max-width:82%}
  .weekly-chrome .platform-event-preview .event-feature-info h3{font-size:1rem}
  .weekly-chrome .event-preview-link{padding:6px 8px}
  .weekly-chrome .platform-store-items{grid-template-columns:1fr .92fr}
  .weekly-chrome .store-mini-grid{grid-template-columns:1fr}
  .weekly-chrome .store-mini-tile{min-height:67px}
  .weekly-chrome .store-mini-tile img{max-height:42px}
  .weekly-chrome .store-feature-tile{min-height:265px}
  .weekly-chrome .store-feature-image img{max-height:170px;height:150px}
  .weekly-chrome .platform-store-preview .store-feature-image img{max-height:157px;height:156px}
  .weekly-chrome .platform-promo-card{padding:17px 15px}
  .weekly-chrome .platform-promo-card h2{font-size:1.03rem}
  .weekly-chrome .platform-team-card .team-art{width:41%}
  .weekly-chrome .chrome-store-empty,.weekly-chrome .chrome-event-empty{display:block;text-align:center;padding:18px}
  .weekly-chrome .chrome-store-empty img,.weekly-chrome .chrome-event-empty img{width:min(86%,220px);height:155px;display:block;margin:0 auto 12px}
  .weekly-chrome .chrome-store-empty div,.weekly-chrome .chrome-event-empty div{align-items:center}
  .weekly-chrome .chrome-store-empty strong,.weekly-chrome .chrome-event-empty strong{font-size:1.25rem}
}
@media(prefers-reduced-motion:reduce){
  .weekly-chrome .platform-stat:hover{transform:none}
}
