/* Creator Kit / Visual Proof Edition: original JoltBot, Nurse Reta and GIGACHILL art.
   Gives the visitor full-width real imagery plus an honest fictional kit simulator. */
.ck-real-worlds{
 position:relative;isolation:isolate;overflow:hidden;padding:93px 0 104px;
 border-top:1px solid #4c394e;border-bottom:1px solid #4d4156;
 background:
 radial-gradient(ellipse at 3% 16%,#ad526b2e,transparent 44%),
 radial-gradient(ellipse at 96% 81%,#28609c2a,transparent 39%),
 linear-gradient(145deg,#100e1b,#101a2a 49%,#191020);
}
.ck-real-worlds::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:repeating-linear-gradient(135deg,transparent 0 95px,#ffa86e07 96px,transparent 97px 190px);
}
.ck-worlds-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}
.ck-worlds-intro h2{font:950 clamp(39px,4.9vw,65px)/1.01 var(--display);letter-spacing:-2.5px;text-transform:uppercase;margin:15px 0 0}
.ck-worlds-intro h2 em{font-style:normal;color:#ff9f64}
.ck-worlds-intro>p{font-size:14px;line-height:1.8;color:#bdd0df;max-width:450px;margin:0 0 6px}
.ck-world-grid{display:grid;grid-template-columns:1.07fr .93fr .93fr;gap:16px;align-items:stretch}
.ck-world-card{min-width:0;overflow:hidden;position:relative;border:1px solid var(--world-border,#665376);
 border-radius:27px 9px 29px 9px;background:linear-gradient(150deg,#181a2a,#0a111d);
 box-shadow:0 20px 38px #0005;display:flex;flex-direction:column;
 transition:transform .18s,border-color .18s,box-shadow .18s}
.ck-world-card:hover{transform:translateY(-5px);border-color:var(--world-accent,#ffb077);box-shadow:0 22px 48px #0008}
.ck-world-card-jolt{--world-accent:#48dcff;--world-border:#3d7ca5}
.ck-world-card-reta{--world-accent:#ff6b9f;--world-border:#865073}
.ck-world-card-giga{--world-accent:#a7ff65;--world-border:#567955}
.ck-world-card-jolt:hover,.ck-world-card-giga:hover{transform:translateY(-5px) rotate(0deg)}
.ck-world-art{aspect-ratio:3 / 2;min-height:260px;position:relative;background:#121321;overflow:hidden}
.ck-world-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s}
.ck-world-card:hover .ck-world-art>img{transform:scale(1.055)}
.ck-world-card-giga .ck-world-art>img{object-position:center 23%}
.ck-world-art::after{content:"";position:absolute;inset:20% 0 0;pointer-events:none;
 background:linear-gradient(transparent,#0a0d1cf4)}
.ck-world-category{position:absolute;top:15px;left:15px;z-index:1;max-width:calc(100% - 28px);
 padding:9px 11px;border:1px solid #f5e4dc6b;border-radius:999px;background:#0c0e1ce8;
 font-size:9px;line-height:1.4;font-weight:950;letter-spacing:1.2px;color:#fff}
.ck-world-watermark{position:absolute;bottom:18px;left:20px;right:15px;z-index:1;
 font:950 clamp(28px,3.7vw,47px)/.95 var(--display);color:#fff;text-shadow:0 3px 20px #000c;
 letter-spacing:-1.4px}
.ck-world-copy{position:relative;padding:0 22px 23px;flex:1;display:flex;flex-direction:column}
.ck-world-avatar{width:72px;height:72px;border:4px solid #151927;border-radius:18px;overflow:hidden;
 background:#111b2d;box-shadow:0 9px 24px #0008;margin-top:-37px;z-index:2;position:relative}
.ck-world-avatar img{width:100%;height:100%;object-fit:cover}
.ck-world-username{color:var(--world-accent);font:950 10px/1.5 var(--font);letter-spacing:1.3px;margin:12px 0 5px}
.ck-world-copy h3{font:950 23px/1.1 var(--display);margin:0 0 11px;letter-spacing:-.6px}
.ck-world-copy p{font-size:13px;line-height:1.7;color:#b7cada;flex:1;margin:0 0 14px}
.ck-world-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.ck-world-tags span{border:1px solid #536071;padding:7px 8px;border-radius:999px;
 font-size:9px;letter-spacing:.3px;font-weight:750;color:#d4e6f3}
.ck-world-link{display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:14px 0 0;border-top:1px solid #364258;color:var(--world-accent);
 font-size:11px;font-weight:950;letter-spacing:1px}
.ck-world-link::after{content:"↗";font-size:17px}
.ck-worlds-disclaimer{font-size:11px;color:#a9b9c9;line-height:1.65;margin:20px 0 0}
.ck-worlds-disclaimer strong{color:#ebd3bc}
.ck-work-arrow{display:inline-block;padding:10px 14px;border:1px solid #6e4c5a;
 border-radius:999px;color:#ffb584;font-size:11px;font-weight:950;text-decoration:none;
 transition:background .18s}
.ck-work-arrow:hover{background:#4e2f42}
/* The before/after profile needs to look like a full-width X header, not a sidebar. */
@media(min-width:1001px){
 .ck-preview-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px}
 .ck-banner{height:clamp(270px,30vw,340px)}
 .ck-banner>span:nth-of-type(1){font-size:clamp(30px,3.9vw,53px);max-width:560px}
 .ck-profile-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:26px;align-items:start}
 .ck-profile-content .ck-avatar{grid-column:1 / -1}
 .ck-profile-content .ck-profile-meta{grid-column:1;grid-row:2}
 .ck-profile-content .ck-profile-pill{position:relative;grid-column:2;grid-row:2;top:auto;right:auto;align-self:start;margin-top:15px}
 .ck-profile-content>p{grid-column:1 / -1;min-height:0;max-width:890px}
 .ck-profile-stats{grid-column:1 / -1}
 .ck-identity-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto}
 .ck-identity-card{min-height:195px}
 .ck-identity-card:nth-child(3),.ck-identity-card:nth-child(4){grid-column:auto}
 .ck-identity-card:nth-child(4){flex-direction:column;align-items:start;justify-content:start}
 .ck-identity-card p{overflow-wrap:anywhere}
}
.ck-preview-shell:focus-within{border-color:#fcb076}
.ck-transform-toolbar{flex-wrap:wrap}
.ck-transform-copy{min-width:230px}
.ck-demo-context{display:flex;justify-content:space-between;gap:13px;flex-wrap:wrap;
 align-items:center;margin:0 0 18px;font-size:11px;line-height:1.5;
 color:#c2d1dd}
.ck-demo-context b{color:#ffb783;font-weight:950}
.ck-demo-context a{color:#90e8fa;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){
 .ck-world-grid{grid-template-columns:1fr 1fr}
 .ck-world-card:first-child{grid-column:1 / -1}
 .ck-world-card:first-child .ck-world-art{aspect-ratio:2.5}
 .ck-world-card-jolt,.ck-world-card-giga{transform:none}
 .ck-worlds-intro{display:block}
 .ck-worlds-intro>p{margin-top:18px;max-width:700px}
}
@media(max-width:670px){
 .ck-real-worlds{padding:65px 0 75px}
 .ck-worlds-intro h2{font-size:clamp(34px,8.3vw,49px);letter-spacing:-1.5px}
 .ck-world-grid{grid-template-columns:1fr;gap:14px}
 .ck-world-card:first-child{grid-column:auto}
 .ck-world-card:first-child .ck-world-art{aspect-ratio:3 / 2}
 .ck-world-art{min-height:210px}
 .ck-world-card{border-radius:24px 11px 23px 11px}
 .ck-world-copy{padding-inline:17px}
 .ck-world-copy h3{font-size:23px}
 .ck-world-watermark{font-size:clamp(28px,7vw,42px)}
 .ck-worlds-intro>p{font-size:13px}
 .ck-preview-grid{grid-template-columns:1fr!important}
 .ck-banner{height:185px}
 .ck-profile-content{padding-inline:16px}
 .ck-transform-copy{min-width:0}
 .ck-identity-stack{grid-template-columns:1fr}
 .ck-identity-card:nth-child(3),.ck-identity-card:nth-child(4){grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 .ck-world-card,.ck-world-art>img,.ck-work-arrow{transition:none}
 .ck-world-card:hover,.ck-world-card-jolt:hover,.ck-world-card-giga:hover,
 .ck-world-card:hover .ck-world-art>img{transform:none}
}

/* Keep the actual sales and text cards aligned; only artwork inside may drift. */
.ck-world-card-jolt,.ck-world-card-reta,.ck-world-card-giga{transform:none}
.ck-world-card-jolt:hover,.ck-world-card-reta:hover,.ck-world-card-giga:hover{transform:translateY(-4px)}


/* Portfolio card readability repair — do not let thumbnail badges overlap
   source artwork or identity titles on small screens.
   Original graphics already carry their own typography, so avoid stamping
   another headline across the lower edge. */
.ck-world-art::after{
  inset:66% 0 0;
  background:linear-gradient(180deg,transparent,rgba(7,10,22,.16));
}
.ck-world-watermark{display:none}
.ck-world-copy{padding-top:18px}
.ck-world-avatar{
  position:relative;
  width:66px;
  height:66px;
  margin:0 0 5px;
  flex:none;
  z-index:1;
  border-width:3px;
}
.ck-world-username{margin:10px 0 6px}
.ck-world-copy h3{
  clear:both;
  overflow-wrap:break-word;
  line-height:1.16;
}
@media(max-width:670px){
  .ck-world-copy{padding:16px 18px 23px}
  .ck-world-avatar{
    width:60px;
    height:60px;
    margin:0 0 5px;
    border-radius:15px;
  }
  .ck-world-username{
    margin:9px 0 6px;
    font-size:10px;
    letter-spacing:.8px;
  }
  .ck-world-copy h3{
    margin:0 0 12px;
    font-size:clamp(22px,6vw,25px);
  }
  .ck-world-art::after{display:none}
}


/* Keep each original character's face in the square portfolio thumbnail.
   Portrait images are tall: centering the cover crop can cut off heads. */
.ck-world-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.ck-world-card-jolt .ck-world-avatar img{object-position:50% 10%}
.ck-world-card-reta .ck-world-avatar img{object-position:50% 0%}
.ck-world-card-giga .ck-world-avatar img{object-position:50% 5%}