/* ShortcutGames 1.4 | Colorful hand-drawn game creator strip. Scoped to home only. */
.sg-creator-promo{box-sizing:border-box;position:relative;isolation:isolate;margin:12px 0 23px;border-radius:18px;overflow:hidden;background:#fffdf2;color:#172c32;border:2px solid #23373b;box-shadow:0 4px 0 #23373b;font-family:Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif}
.sg-creator-promo,.sg-creator-promo *{box-sizing:border-box}
.sg-promo-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:140px;padding:12px 24px 12px 25px;background:linear-gradient(111deg,#fce7a0 0%,#fff0af 32%,#c7f4e5 76%,#b7e9ef 100%);overflow:hidden}
.sg-promo-top:before{content:'';position:absolute;width:140px;height:140px;left:-81px;bottom:-96px;border:19px solid #ffa968;border-radius:50%;opacity:.8;pointer-events:none}
.sg-promo-top:after{content:'';position:absolute;width:50px;height:50px;right:27%;top:-39px;border-radius:100%;border:14px solid #f49e88;opacity:.7;pointer-events:none}
.sg-promo-copy{position:relative;z-index:2;min-width:0;flex:1 1 auto;max-width:800px}
.sg-creator-kicker{display:inline-block;line-height:1.2;padding:6px 10px;margin:0 0 8px;border:1.5px solid #1b3439;border-radius:100px;background:#fffdf5;color:#29434c;font-size:9px;letter-spacing:.045em;font-weight:850;box-shadow:2px 2px 0 #253e41}
.sg-creator-promo h2{font-size:clamp(23px,2.5vw,34px)!important;font-family:Inter,'Arial Rounded MT Bold',system-ui,sans-serif!important;font-weight:900!important;letter-spacing:-.055em!important;line-height:1.12!important;margin:0 0 7px!important;color:#1b343a!important;max-width:900px}
.sg-creator-promo h2 span{color:#6d4bc4!important;white-space:normal}
.sg-creator-promo p{font-family:inherit!important;color:#344b4d!important;font-size:12px!important;line-height:1.5!important;margin:0!important;max-width:640px;font-weight:520}
.sg-promo-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:12px}
.sg-promo-main-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:38px;padding:8px 17px!important;background:#45d783!important;border:2px solid #1f463d!important;border-radius:10px!important;color:#16342c!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important;box-shadow:0 3px 0 #214337;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.sg-promo-main-cta:hover,.sg-promo-main-cta:focus-visible{background:#61eda0!important;transform:translateY(-2px);box-shadow:0 5px 0 #214337}
.sg-promo-main-cta span{font-size:15px;line-height:1}
.sg-promo-secondary{display:inline-flex;align-items:center;gap:4px;color:#29454d!important;text-decoration:none!important;font-size:11px!important;font-weight:550!important;white-space:nowrap}
.sg-promo-secondary strong{color:#1b343a!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:850}
.sg-promo-secondary:hover strong{color:#694fc0!important}
.sg-promo-art{flex:0 0 clamp(180px,23vw,320px);width:clamp(180px,23vw,320px);align-self:stretch;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;margin:-17px 2px -17px 0;pointer-events:none}
.sg-promo-art img{display:block;max-height:140px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(34,56,52,.1))}
.sg-promo-recent{padding:8px 14px 9px 14px;background:#fffef9;border-top:2px solid #22383b;position:relative;z-index:3}
.sg-recent-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 1px 6px}
.sg-recent-heading h3{margin:0!important;display:flex;align-items:center;gap:7px;color:#26383b!important;font-family:inherit!important;font-size:11.5px!important;line-height:1.35!important;font-weight:850!important;letter-spacing:-.015em!important}
.sg-recent-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff8d78;border:1.5px solid #26383b;box-shadow:1px 1px 0 #26383b}
.sg-recent-heading a{color:#354b51!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap}
.sg-recent-heading a:hover{text-decoration:underline!important;text-underline-offset:3px}
.sg-recent-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-height:55px}
.sg-recent-card{display:flex;align-items:center;gap:7px;min-width:0;height:55px;padding:4px;border-radius:10px;background:#fff;border:1.5px solid #b9cac6;color:#253b3c!important;text-decoration:none!important;box-shadow:0 2px 0 #dbe5dd;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.sg-recent-card:hover,.sg-recent-card:focus-visible{transform:translateY(-2px);border-color:#3e5c5a;box-shadow:0 4px 0 #bccac4;text-decoration:none!important}
.sg-recent-art{position:relative;display:grid;place-items:center;width:60px;height:44px;flex:0 0 60px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#ffe17c,#a5e9d8);border:1px solid #e5e5de}
.sg-recent-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sg-recent-fallback{font-size:18px;font-weight:900;color:#214342}
.sg-recent-meta{min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.sg-recent-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;line-height:1.25!important;font-weight:850!important;color:#253b3c!important}
.sg-recent-author{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px!important;line-height:1.2!important;font-weight:500!important;color:#6e7979!important}
.sg-recent-message{grid-column:1/-1;align-self:center;margin:0!important;color:#657676!important;font-size:11px!important;line-height:1.45!important}
@media(max-width:1360px){.sg-recent-list{grid-template-columns:repeat(5,minmax(0,1fr))}.sg-recent-card:nth-child(n+6){display:none}}
@media(max-width:1160px){.sg-promo-top{padding:17px 19px 15px}.sg-recent-list{grid-template-columns:repeat(4,minmax(0,1fr))}.sg-recent-card:nth-child(n+5){display:none}.sg-promo-art{flex-basis:clamp(160px,22vw,250px);width:clamp(160px,22vw,250px)}}
@media(max-width:770px){.sg-promo-top{min-height:0;padding:16px 15px 15px}.sg-promo-art{flex:0 0 160px;width:160px;margin:-10px -10px -10px -12px}.sg-creator-promo h2{font-size:25px!important}.sg-creator-promo p{font-size:11px!important}.sg-promo-recent{padding:10px 12px 11px}}
@media(max-width:565px){.sg-creator-promo{margin:10px 0 19px;border-radius:15px}.sg-promo-top{padding:14px 12px 13px;gap:0;min-height:0;align-items:flex-start}.sg-creator-kicker{font-size:8px;padding:5px 8px;margin-bottom:8px}.sg-creator-promo h2{font-size:23px!important;max-width:100%}.sg-promo-copy{z-index:2}.sg-creator-promo p{font-size:10.5px!important;max-width:95%}.sg-promo-actions{align-items:flex-start;flex-direction:column;gap:9px;margin-top:11px}.sg-promo-main-cta{min-height:36px;padding:7px 12px!important;font-size:11px!important}.sg-promo-secondary{font-size:10px!important}.sg-promo-art{flex:0 0 103px;width:103px;margin:-9px -16px 0 -27px;align-self:center;opacity:1;overflow:visible}.sg-promo-art img{width:132px;max-width:none;transform:translateX(-8px)}.sg-promo-recent{padding:10px 11px 9px}.sg-recent-heading{gap:5px;margin-bottom:7px}.sg-recent-heading h3{font-size:11px!important}.sg-recent-heading a{font-size:9px!important}.sg-recent-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(164px,65%);grid-template-columns:none;gap:8px;min-height:55px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:0 1px 5px}.sg-recent-card,.sg-recent-card:nth-child(n+5){display:flex;scroll-snap-align:start}.sg-recent-art{flex-basis:60px;width:60px}}
@media(max-width:365px){.sg-promo-art{flex-basis:78px;width:78px}.sg-promo-art img{width:109px}.sg-creator-promo h2{font-size:21px!important}.sg-promo-secondary{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.sg-promo-main-cta,.sg-recent-card{transition:none!important}}

/* Version 1.5: Paint-style colorful game banner. Intentionally rough, handmade art. */
.sg-creator-promo{background:#fff9ed!important;border:2px solid #263548!important;box-shadow:0 4px 0 #263548!important;border-radius:16px!important}
.sg-promo-top{background:#9ee6ff!important;min-height:153px!important;padding:15px 24px 13px 24px!important;gap:14px!important}
.sg-promo-top:before{width:300px!important;height:125px!important;left:-115px!important;bottom:-114px!important;background:#ffe17b!important;border:4px solid #29344d!important;border-radius:48% 52% 0 0!important;opacity:1!important}
.sg-promo-top:after{width:230px!important;height:120px!important;right:5%!important;top:-106px!important;background:#ffd56b!important;border:4px solid #29344d!important;border-radius:50%!important;opacity:1!important}
.sg-creator-kicker{background:#fff9e5!important;color:#25374d!important;border:2px solid #27364a!important;border-radius:6px!important;box-shadow:2px 3px 0 #29374b!important;transform:rotate(-1deg);font-size:9px!important;letter-spacing:.035em!important;padding:5px 9px!important}
.sg-creator-promo h2{font-size:clamp(23px,2.6vw,35px)!important;letter-spacing:-.055em!important;color:#263348!important;line-height:1.13!important}
.sg-creator-promo h2 span{color:#f05d81!important;text-shadow:1px 1px 0 #fff2c3}
.sg-creator-promo p{color:#293e51!important;font-size:12px!important;font-weight:550!important}
.sg-promo-main-cta{background:#ffdb57!important;border:2.5px solid #27364a!important;border-radius:9px!important;color:#24344b!important;box-shadow:3px 4px 0 #27364a!important;transform:rotate(-1deg);font-size:12px!important}
.sg-promo-main-cta:hover,.sg-promo-main-cta:focus-visible{background:#ffe888!important;transform:translateY(-2px) rotate(-1deg)!important;box-shadow:4px 6px 0 #27364a!important}
.sg-promo-secondary,.sg-promo-secondary strong{color:#27364a!important}
.sg-promo-art{flex:0 0 clamp(210px,24vw,330px)!important;width:clamp(210px,24vw,330px)!important;align-self:stretch!important;margin:-13px 0 -13px -5px!important;overflow:visible!important}
.sg-promo-art img{max-height:174px!important;width:100%!important;filter:none!important}
.sg-promo-recent{background:#fff9ec!important;border-top:2px dashed #526075!important;padding:10px 15px 12px!important}
.sg-recent-heading h3{color:#29364b!important}
.sg-recent-heading a{color:#29364b!important}
.sg-recent-dot{background:#ff7899!important;border:2px solid #29364b!important}
.sg-recent-card{background:#fff!important;border:2px solid #a3afbd!important;box-shadow:2px 3px 0 #d7dfdc!important;border-radius:9px!important}
.sg-recent-card:hover{border-color:#27364a!important;box-shadow:3px 4px 0 #27364a!important}
@media(max-width:770px){.sg-promo-top{padding:14px 15px 13px!important}.sg-promo-art{flex-basis:160px!important;width:160px!important;margin:-9px -6px -9px -12px!important}}
@media(max-width:565px){.sg-promo-top{padding:13px 12px!important;gap:0!important}.sg-promo-art{flex:0 0 99px!important;width:99px!important;margin:-6px -17px 0 -24px!important}.sg-promo-art img{width:134px!important;max-height:none!important;transform:translateX(-6px)}.sg-creator-promo h2{font-size:22px!important}.sg-creator-promo p{font-size:10.5px!important}.sg-promo-main-cta{font-size:11px!important}.sg-promo-recent{padding:10px 11px!important}}
@media(max-width:365px){.sg-promo-art{flex-basis:78px!important;width:78px!important}.sg-promo-art img{width:111px!important}.sg-creator-promo h2{font-size:20px!important}}


/* Community 1.6: App Store-style recent game covers. The game feed and markup are unchanged. */
.sg-promo-recent{padding:12px 15px 13px!important}
.sg-recent-heading{margin-bottom:10px!important}
.sg-recent-list{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:126px!important;
  grid-template-columns:none!important;
  grid-template-rows:1fr!important;
  align-items:start!important;
  justify-content:start!important;
  gap:13px!important;
  min-height:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 6px!important;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}
.sg-recent-card,
.sg-recent-card:nth-child(n+5),
.sg-recent-card:nth-child(n+6){
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  width:126px!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#263548!important;
  text-decoration:none!important;
  scroll-snap-align:start;
  transition:transform .18s ease!important;
}
.sg-recent-card:hover,.sg-recent-card:focus-visible{
  transform:translateY(-3px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.sg-recent-art{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  width:126px!important;
  height:126px!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:17px!important;
  border:1.5px solid rgba(38,53,72,.18)!important;
  background:linear-gradient(135deg,#c4eaff,#ffe1a0 55%,#ffc9d8)!important;
  box-shadow:0 2px 4px rgba(30,46,65,.08)!important;
  transition:box-shadow .18s ease!important;
}
.sg-recent-card:hover .sg-recent-art,.sg-recent-card:focus-visible .sg-recent-art{box-shadow:0 5px 12px rgba(30,46,65,.15)!important}
.sg-recent-art img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.sg-recent-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:29px!important}
.sg-recent-name{display:block!important;max-width:100%!important;margin-top:7px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1.35!important;font-weight:850!important;color:#263548!important}
.sg-recent-author{display:block!important;max-width:100%!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:1.3!important;color:#6b7482!important}
.sg-recent-message{grid-column:1/-1!important;white-space:normal!important}
@media(max-width:565px){
  .sg-promo-recent{padding:11px 11px 12px!important}
  .sg-recent-list{grid-auto-columns:108px!important;gap:11px!important;padding-bottom:5px!important}
  .sg-recent-card,.sg-recent-card:nth-child(n+5),.sg-recent-card:nth-child(n+6){width:108px!important}
  .sg-recent-art{width:108px!important;height:108px!important;border-radius:15px!important}
  .sg-recent-name{font-size:10.5px!important}
  .sg-recent-author{font-size:9.5px!important}
}
@media(prefers-reduced-motion:reduce){.sg-recent-card,.sg-recent-art{transition:none!important}}

/* ================================================================
   ShortcutGames 2.4 | Sky & meadow creator banner
   Only .sg-creator-promo. Existing links, feed and game cards stay.
   Handmade SVG scenery, no JS and no generated images.
   ================================================================ */
.sg-creator-promo{
  margin:14px 0 25px!important;
  border:3px solid #26384e!important;
  border-radius:20px!important;
  box-shadow:0 5px 0 #26384e!important;
  background:#8fd77b!important;
  overflow:hidden!important;
  isolation:isolate;
}
.sg-creator-promo .sg-promo-top{
  min-height:216px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:24px clamp(20px,3vw,43px) 27px!important;
  background-color:#a4e7ff!important;
  background-image:url('/sg-paint-sky.svg'),linear-gradient(180deg,#9ee5ff 0%,#c3f1ff 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,cover!important;
  background-position:center center!important;
  border-bottom:3px solid #26384e!important;
  overflow:hidden!important;
}
.sg-creator-promo .sg-promo-top::before,
.sg-creator-promo .sg-promo-top::after{content:none!important;display:none!important}
.sg-creator-promo .sg-promo-copy{
  flex:1 1 650px!important;
  max-width:760px!important;
  min-width:0!important;
  position:relative!important;
  z-index:2!important;
}
.sg-creator-promo .sg-creator-kicker{
  display:inline-block!important;
  background:#fff9dc!important;
  color:#23354b!important;
  border:2px solid #26384e!important;
  box-shadow:2px 3px 0 #26384e!important;
  border-radius:7px!important;
  padding:6px 10px!important;
  margin-bottom:12px!important;
  font-size:10px!important;
  font-weight:900!important;
  transform:rotate(-1deg);
}
.sg-creator-promo h2{
  color:#193c60!important;
  font-size:clamp(26px,2.75vw,40px)!important;
  line-height:1.12!important;
  letter-spacing:-.052em!important;
  max-width:770px!important;
  margin:0 0 9px!important;
  text-wrap:balance;
  text-shadow:1px 1px 0 #e4f7ff;
}
.sg-creator-promo h2 span{color:#f04e7c!important;text-shadow:1px 1px 0 #fff6db!important}
.sg-creator-promo .sg-promo-copy p{
  font-size:clamp(11px,1vw,13px)!important;
  line-height:1.5!important;
  font-weight:600!important;
  color:#24435b!important;
  max-width:610px!important;
}
.sg-creator-promo .sg-promo-actions{margin-top:18px!important;gap:15px!important}
.sg-creator-promo .sg-promo-main-cta{
  background:#ffda50!important;
  color:#1e3551!important;
  border:2.5px solid #26384e!important;
  border-radius:10px!important;
  box-shadow:4px 4px 0 #26384e!important;
  min-height:43px!important;
  padding:10px 19px!important;
  font-size:13px!important;
  transform:rotate(-1deg)!important;
}
.sg-creator-promo .sg-promo-main-cta:hover,
.sg-creator-promo .sg-promo-main-cta:focus-visible{
  background:#ffe77f!important;
  transform:translateY(-2px) rotate(-1deg)!important;
  box-shadow:4px 6px 0 #26384e!important;
}
.sg-creator-promo .sg-promo-secondary{
  font-size:12px!important;
  font-weight:700!important;
  color:#26384e!important;
}
.sg-creator-promo .sg-promo-art{
  flex:0 1 330px!important;
  width:min(28vw,330px)!important;
  max-width:330px!important;
  margin:-18px -8px -28px 0!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  z-index:1!important;
}
.sg-creator-promo .sg-promo-art img{
  display:block!important;
  width:100%!important;
  max-height:205px!important;
  object-fit:contain!important;
  object-position:bottom!important;
  transform:none!important;
}
/* Lower half: actual meadow, not a beige panel. */
.sg-creator-promo .sg-promo-recent{
  position:relative!important;
  min-height:237px!important;
  padding:18px clamp(18px,2.3vw,31px) 24px!important;
  background-color:#a6e890!important;
  background-image:url('/sg-paint-meadow.svg'),linear-gradient(180deg,#b6ed9d,#8bd77e)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,cover!important;
  background-position:center center!important;
  border-top:0!important;
  z-index:2!important;
}
.sg-creator-promo .sg-recent-heading{
  margin:0 0 16px!important;
  gap:10px!important;
  align-items:center!important;
}
.sg-creator-promo .sg-recent-heading h3{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:7px 11px!important;
  border:2px solid #26384e!important;
  border-radius:9px!important;
  box-shadow:2px 3px 0 #26384e!important;
  background:#fff9e7!important;
  font-size:13px!important;
  font-weight:900!important;
  color:#24384a!important;
  transform:rotate(-1deg);
}
.sg-creator-promo .sg-recent-dot{
  width:10px!important;
  height:10px!important;
  background:#ff7a9d!important;
  border:2px solid #26384e!important;
  box-shadow:none!important;
}
.sg-creator-promo .sg-recent-heading a{
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 10px!important;
  border:2px solid #26384e!important;
  border-radius:9px!important;
  background:#ffe07c!important;
  color:#25364b!important;
  font-size:11px!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:2px 3px 0 #26384e!important;
}
.sg-creator-promo .sg-recent-heading a:hover,
.sg-creator-promo .sg-recent-heading a:focus-visible{background:#fff0a9!important;transform:translateY(-1px)}
.sg-creator-promo .sg-recent-list{
  position:relative!important;
  z-index:1!important;
  min-height:164px!important;
  padding:2px 3px 9px!important;
  gap:17px!important;
}
/* Retain App Store-sized square covers from 1.6, only add contrast on grass. */
.sg-creator-promo .sg-recent-art{
  border:2px solid #334c54!important;
  box-shadow:3px 4px 0 rgba(33,65,57,.25)!important;
  background-color:#fff!important;
}
.sg-creator-promo .sg-recent-name{
  color:#183b36!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(255,255,255,.6)!important;
}
.sg-creator-promo .sg-recent-author{
  color:#2c5846!important;
  font-weight:650!important;
  text-shadow:0 1px 0 rgba(255,255,255,.5)!important;
}
.sg-creator-promo .sg-recent-message{color:#244b39!important;font-weight:700!important}
@media(max-width:980px){
  .sg-creator-promo .sg-promo-top{min-height:205px!important;padding:20px 20px 23px!important}
  .sg-creator-promo .sg-promo-art{flex-basis:225px!important;width:225px!important;margin:-6px -12px -23px -6px!important}
  .sg-creator-promo .sg-promo-art img{max-height:170px!important}
  .sg-creator-promo h2{font-size:clamp(24px,3.4vw,33px)!important}
}
@media(max-width:640px){
  .sg-creator-promo{margin:11px 0 22px!important;border-radius:16px!important;border-width:2px!important;box-shadow:0 4px 0 #26384e!important}
  .sg-creator-promo .sg-promo-top{
    min-height:272px!important;
    display:block!important;
    padding:17px 16px 100px!important;
    background-size:auto 100%,cover!important;
    background-position:66% center!important;
  }
  .sg-creator-promo .sg-promo-copy{max-width:100%!important}
  .sg-creator-promo .sg-creator-kicker{font-size:9px!important;padding:5px 8px!important;margin-bottom:10px!important}
  .sg-creator-promo h2{font-size:clamp(24px,6.1vw,31px)!important;max-width:100%!important;margin-bottom:8px!important}
  .sg-creator-promo .sg-promo-copy p{font-size:11px!important;max-width:100%!important}
  .sg-creator-promo .sg-promo-actions{margin-top:13px!important;gap:10px!important;align-items:flex-start!important;flex-direction:column!important}
  .sg-creator-promo .sg-promo-main-cta{min-height:39px!important;padding:8px 14px!important;font-size:12px!important}
  .sg-creator-promo .sg-promo-secondary{font-size:10px!important}
  .sg-creator-promo .sg-promo-art{
    position:absolute!important;
    right:6px!important;
    bottom:-8px!important;
    width:145px!important;
    max-width:145px!important;
    height:112px!important;
    margin:0!important;
    opacity:1!important;
  }
  .sg-creator-promo .sg-promo-art img{width:145px!important;max-height:112px!important;transform:none!important}
  .sg-creator-promo .sg-promo-recent{
    min-height:224px!important;
    padding:14px 11px 18px!important;
    background-size:auto 100%,cover!important;
    background-position:center center!important;
  }
  .sg-creator-promo .sg-recent-heading{margin-bottom:14px!important;gap:7px!important;flex-wrap:wrap!important}
  .sg-creator-promo .sg-recent-heading h3{font-size:11px!important;padding:6px 8px!important}
  .sg-creator-promo .sg-recent-heading a{font-size:9px!important;padding:6px 7px!important}
  .sg-creator-promo .sg-recent-list{min-height:144px!important;gap:12px!important;padding-bottom:8px!important}
}
@media(max-width:390px){
  .sg-creator-promo .sg-promo-top{min-height:294px!important;padding:16px 12px 95px!important}
  .sg-creator-promo h2{font-size:24px!important}
  .sg-creator-promo .sg-promo-art{width:119px!important;max-width:119px!important;height:98px!important;right:2px!important}
  .sg-creator-promo .sg-promo-art img{width:119px!important;max-height:98px!important}
  .sg-creator-promo .sg-recent-heading a{font-size:8.5px!important}
}
@media(prefers-reduced-motion:reduce){.sg-creator-promo *{scroll-behavior:auto!important}}

/* ==============================================================
   ShortcutGames 2.5 | Creator CTA + compact, readable recent games
   CSS-only patch on top of 2.4. No game card/feed/JS changes.
   ============================================================= */
/* Remove the tiny top label from view without replacing index.html. */
.sg-creator-promo .sg-creator-kicker{display:none!important}
/* Three balanced zones: headline | prominent CTA | illustration. */
.sg-creator-promo .sg-promo-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(175px,240px) minmax(205px,315px)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  align-content:center!important;
  column-gap:clamp(15px,2.3vw,36px)!important;
  row-gap:7px!important;
  min-height:205px!important;
  padding:22px clamp(18px,2.6vw,38px) 23px!important;
}
.sg-creator-promo .sg-promo-copy{display:contents!important}
.sg-creator-promo .sg-promo-copy h2{
  grid-column:1!important;grid-row:1!important;
  align-self:end!important;
  margin:0!important;
  max-width:680px!important;
  font-size:clamp(26px,2.65vw,39px)!important;
}
.sg-creator-promo .sg-promo-copy p{
  grid-column:1!important;grid-row:2!important;
  align-self:start!important;
  max-width:530px!important;
  margin:0!important;
  font-size:clamp(11px,1vw,13px)!important;
}
.sg-creator-promo .sg-promo-actions{
  grid-column:2!important;grid-row:1 / 3!important;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:stretch!important;
  gap:12px!important;
  margin:0!important;
  min-width:0!important;
  position:relative!important;z-index:3!important;
}
.sg-creator-promo .sg-promo-main-cta{
  display:flex!important;
  width:100%!important;
  min-height:67px!important;
  padding:15px 17px!important;
  gap:15px!important;
  font-size:clamp(15px,1.35vw,19px)!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:rotate(-1deg)!important;
}
.sg-creator-promo .sg-promo-main-cta span{font-size:22px!important}
.sg-creator-promo .sg-promo-secondary{
  display:block!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.4!important;
  font-size:11px!important;
}
.sg-creator-promo .sg-promo-art{
  grid-column:3!important;grid-row:1 / 3!important;
  width:100%!important;max-width:315px!important;
  height:100%!important;min-height:155px!important;
  flex:none!important;
  margin:0 -5px -23px 0!important;
  justify-self:end!important;
  align-self:end!important;
  align-items:flex-end!important;
}
.sg-creator-promo .sg-promo-art img{
  width:100%!important;max-width:315px!important;
  max-height:190px!important;object-position:bottom!important;
}
/* A clean meadow: no flowers, decorative strokes or hills across text. */
.sg-creator-promo .sg-promo-recent{
  min-height:0!important;
  padding:12px clamp(12px,2vw,27px) 14px!important;
  background:#a5df8a!important;
  background-image:linear-gradient(180deg,#b4e99a 0%,#9cda82 100%)!important;
  background-size:cover!important;
}
.sg-creator-promo .sg-recent-heading{margin:0 0 10px!important;gap:9px!important}
.sg-creator-promo .sg-recent-heading h3{
  padding:6px 9px!important;font-size:12px!important;
  line-height:1.2!important;transform:none!important;
}
.sg-creator-promo .sg-recent-heading a{
  padding:6px 9px!important;font-size:10px!important;
  line-height:1.2!important;
}
.sg-creator-promo .sg-recent-list{
  grid-auto-columns:108px!important;
  gap:14px!important;
  min-height:0!important;
  padding:2px 3px 5px!important;
  align-items:start!important;
}
.sg-creator-promo .sg-recent-card,
.sg-creator-promo .sg-recent-card:nth-child(n+5),
.sg-creator-promo .sg-recent-card:nth-child(n+6){
  width:108px!important;min-width:108px!important;
  height:auto!important;overflow:visible!important;
}
.sg-creator-promo .sg-recent-art{
  width:108px!important;height:108px!important;
  border-radius:13px!important;
}
.sg-creator-promo .sg-recent-meta{
  display:flex!important;flex-direction:column!important;
  width:100%!important;min-width:0!important;
  gap:2px!important;
  margin-top:6px!important;padding:5px 6px 6px!important;
  background:#fffef5!important;
  border:1.5px solid #26384e!important;
  border-radius:8px!important;
  box-shadow:1px 2px 0 rgba(38,56,78,.2)!important;
}
.sg-creator-promo .sg-recent-name{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  text-overflow:clip!important;
  max-width:100%!important;
  margin:0!important;
  line-height:1.22!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#1c3144!important;
  text-shadow:none!important;
  text-decoration:none!important;
}
.sg-creator-promo .sg-recent-author{
  display:block!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:#425365!important;
  text-shadow:none!important;
}
@media(max-width:1100px){
  .sg-creator-promo .sg-promo-top{
    grid-template-columns:minmax(0,1fr) minmax(145px,185px) minmax(160px,220px)!important;
    column-gap:15px!important;
    min-height:200px!important;
    padding:19px 19px 20px!important;
  }
  .sg-creator-promo .sg-promo-copy h2{font-size:clamp(24px,3vw,34px)!important}
  .sg-creator-promo .sg-promo-main-cta{font-size:15px!important;min-height:60px!important;padding:12px 9px!important}
  .sg-creator-promo .sg-promo-art{margin-bottom:-20px!important}
}
@media(max-width:760px){
  .sg-creator-promo .sg-promo-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(110px,160px)!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
    gap:8px 12px!important;
    min-height:0!important;
    padding:17px 15px 15px!important;
    background-size:auto 100%,cover!important;
  }
  .sg-creator-promo .sg-promo-copy h2{
    grid-column:1 / -1!important;grid-row:1!important;
    max-width:100%!important;font-size:clamp(23px,4.4vw,31px)!important;
  }
  .sg-creator-promo .sg-promo-copy p{
    grid-column:1 / -1!important;grid-row:2!important;
    max-width:100%!important;font-size:11px!important;
  }
  .sg-creator-promo .sg-promo-actions{
    grid-column:1!important;grid-row:3!important;
    align-self:center!important;gap:10px!important;
    padding:10px 0 7px!important;
  }
  .sg-creator-promo .sg-promo-main-cta{
    min-height:54px!important;max-width:245px!important;
    font-size:15px!important;padding:12px 10px!important;
  }
  .sg-creator-promo .sg-promo-secondary{
    text-align:left!important;font-size:10px!important;
  }
  .sg-creator-promo .sg-promo-art{
    position:relative!important;grid-column:2!important;grid-row:3!important;
    right:auto!important;bottom:auto!important;
    width:100%!important;max-width:160px!important;
    height:125px!important;min-height:0!important;
    margin:0 -6px -15px 0!important;
    opacity:1!important;
  }
  .sg-creator-promo .sg-promo-art img{
    width:100%!important;max-width:160px!important;
    max-height:125px!important;transform:none!important;
  }
  .sg-creator-promo .sg-promo-recent{padding:11px 11px 12px!important;min-height:0!important}
  .sg-creator-promo .sg-recent-heading{margin-bottom:9px!important;flex-wrap:wrap!important}
  .sg-creator-promo .sg-recent-heading h3{font-size:11px!important;padding:6px 8px!important}
  .sg-creator-promo .sg-recent-heading a{font-size:9px!important;padding:6px 8px!important}
  .sg-creator-promo .sg-recent-list{grid-auto-columns:102px!important;gap:11px!important;min-height:0!important;padding-bottom:6px!important}
  .sg-creator-promo .sg-recent-card,
  .sg-creator-promo .sg-recent-card:nth-child(n+5),
  .sg-creator-promo .sg-recent-card:nth-child(n+6){width:102px!important;min-width:102px!important}
  .sg-creator-promo .sg-recent-art{width:102px!important;height:102px!important}
  .sg-creator-promo .sg-recent-name{font-size:10.5px!important}
  .sg-creator-promo .sg-recent-author{font-size:9.5px!important}
}
@media(max-width:390px){
  .sg-creator-promo .sg-promo-top{
    grid-template-columns:minmax(0,1fr) 105px!important;
    padding:15px 11px 12px!important;
    column-gap:7px!important;
  }
  .sg-creator-promo .sg-promo-copy h2{font-size:23px!important}
  .sg-creator-promo .sg-promo-main-cta{font-size:13px!important;min-height:50px!important;gap:6px!important}
  .sg-creator-promo .sg-promo-art{width:105px!important;max-width:105px!important;height:100px!important;margin:0 -4px -12px 0!important}
  .sg-creator-promo .sg-promo-art img{width:105px!important;max-height:100px!important}
  .sg-creator-promo .sg-recent-heading a{font-size:8.5px!important}
}


/* ================================================================
   ShortcutGames 2.6 | Seamless sky-to-meadow, clearer community CTA
   This patch ONLY changes the home Community promo. No HTML/JS changes.
   ================================================================ */
/* No horizontal divider: sky and meadow now join through a single hill. */
.sg-creator-promo .sg-promo-top{
  border-bottom:0!important;
  background-image:url('/sg-paint-sky-2-6.svg'),linear-gradient(180deg,#9ee5ff 0%,#c3f1ff 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,cover!important;
  background-position:center!important;
}
/* The illustrated hill is drawn at the foot of the sky, then continues
   into the exact same solid grass color below. No straight seam. */
.sg-creator-promo .sg-promo-top::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  top:auto!important;
  width:100%!important;
  height:40px!important;
  background: url('/sg-paint-hills-2-6.svg') center bottom / 100% 100% no-repeat!important;
  border:0!important;
  border-radius:0!important;
  opacity:1!important;
  z-index:0!important;
  pointer-events:none!important;
}
.sg-creator-promo .sg-promo-recent{
  border-top:0!important;
  background:#a5df8a!important;
  background-image:none!important;
}
/* Bigger button, remove decorative arrow only (preserve link target). */
.sg-creator-promo .sg-recent-heading a{
  min-height:42px!important;
  padding:10px 17px!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:900!important;
  border-radius:10px!important;
  white-space:normal!important;
  text-align:center!important;
  justify-content:center!important;
}
.sg-creator-promo .sg-recent-heading a span[aria-hidden="true"]{display:none!important}
@media(max-width:760px){
  .sg-creator-promo .sg-promo-top::after{height:31px!important}
  .sg-creator-promo .sg-recent-heading a{
    min-height:37px!important;
    font-size:11px!important;
    padding:8px 11px!important;
  }
}
@media(max-width:390px){
  .sg-creator-promo .sg-promo-top::after{height:25px!important}
  .sg-creator-promo .sg-recent-heading a{font-size:10.5px!important;padding:7px 9px!important}
}