/* Trophy Wall / minimal motion gallery. The screenshots ARE the experience. */
.trophy-world {
  min-height:65vh;
  padding:2.15rem 0 4rem;
  background:
    radial-gradient(ellipse 58% 360px at 50% 20%,rgba(111,39,40,.17),transparent 79%),
    #0e0909;
}
.trophy-world-shell {position:relative}
.trophy-intro {text-align:center;padding:.1rem 0 1rem}
.trophy-intro h1 {
  margin:0;
  font:600 clamp(2.55rem,5.3vw,4.25rem)/1.12 var(--font-body);
  letter-spacing:-.065em;
  color:#f6ede4;
}
.trophy-intro h1 span {color:#d9b981}
.trophy-intro p {
  margin:.55rem 0 0;
  font-size:clamp(.88rem,1.3vw,1rem);
  letter-spacing:.025em;
  color:#aca094;
}

/* 3D coverflow. Three visible positions, the image stays fully uncropped.
   The center screenshot remains a normal link to its full-size file. */
.trophy-showcase {position:relative;isolation:isolate;overflow:hidden;padding:0 0 1.1rem}
.trophy-showcase::before {
  content:"";
  position:absolute;inset:8% 0 8%;
  pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse 38% 64% at 50% 50%,rgba(179,103,63,.14),transparent 76%);
}
.trophy-coverflow {position:relative;max-width:1140px;margin-inline:auto;}
.trophy-coverflow-stage {
  position:relative;
  height:clamp(320px,45vw,515px);
  perspective:1200px;
  transform-style:preserve-3d;
  overflow:hidden;
  touch-action:pan-y;
}
.trophy-coverflow-stage::before,
.trophy-coverflow-stage::after {
  content:"";position:absolute;z-index:5;top:0;bottom:0;width:7%;
  pointer-events:none;
}
.trophy-coverflow-stage::before {left:0;background:linear-gradient(90deg,#0e0909,transparent)}
.trophy-coverflow-stage::after {right:0;background:linear-gradient(270deg,#0e0909,transparent)}
.trophy-coverflow-slide {
  position:absolute;
  left:50%;top:50%;width:min(69%,780px);
  transform:translate(-50%,-50%) translate3d(0,0,0) rotateY(0deg) scale(1);
  transform-style:preserve-3d;
  will-change:transform,opacity;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:transform .85s cubic-bezier(.18,.78,.22,1),
    opacity .62s ease,filter .62s ease,visibility .62s;
  filter:brightness(.62) saturate(.78);
  z-index:0;
}
.trophy-coverflow-slide > a {
  display:block;
  overflow:hidden;
  background:#130d0e;
  border:1px solid rgba(215,169,97,.32);
  border-radius:13px;
  box-shadow:0 18px 50px -25px rgba(0,0,0,.85);
  color:#f1e7d8;
}
.trophy-coverflow-slide[data-slot="center"] {
  transform:translate(-50%,-50%) translate3d(0,0,0) rotateY(0deg) scale(1);
  visibility:visible;opacity:1;filter:none;
  z-index:4;pointer-events:auto;
}
.trophy-coverflow-slide[data-slot="center"] > a {
  border-color:rgba(239,197,126,.6);
  box-shadow:0 28px 80px -34px rgba(0,0,0,.95),0 0 56px -33px rgba(220,153,77,.55);
}
.trophy-coverflow-slide[data-slot="prev"] {
  transform:translate(-50%,-50%) translate3d(-83%,2%,-160px) rotateY(28deg) scale(.88);
  visibility:visible;opacity:.76;z-index:2;
}
.trophy-coverflow-slide[data-slot="next"] {
  transform:translate(-50%,-50%) translate3d(83%,2%,-160px) rotateY(-28deg) scale(.88);
  visibility:visible;opacity:.76;z-index:2;
}
.trophy-coverflow-slide[data-slot="off"] {
  transform:translate(-50%,-50%) translate3d(0,4%,-360px) scale(.7);
  opacity:0;z-index:0;
}
.trophy-coverflow-image {
  display:grid;place-items:center;
  width:100%;aspect-ratio:16/9;
  overflow:hidden;background:#070707;
}
.trophy-coverflow-image img {
  display:block;width:100%;height:100%;
  object-fit:contain;object-position:center;
}
.trophy-coverflow-caption {
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;min-height:48px;padding:.75rem 1rem;
  font-size:clamp(.86rem,1.35vw,1.04rem);
  font-weight:600;letter-spacing:-.015em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.trophy-coverflow-caption > span {flex:none;color:#d3ad76;font-size:1.2rem}
.trophy-coverflow-slide[data-slot="center"] a:is(:hover,:focus-visible) {
  border-color:#e6c084;
  box-shadow:0 31px 85px -36px #000,0 0 55px -27px rgba(214,154,83,.55);
}
.trophy-coverflow-controls {
  display:none;align-items:center;justify-content:center;gap:1.3rem;
  margin:.05rem 0 1.15rem;min-height:40px;
}
.trophy-coverflow.is-ready .trophy-coverflow-controls {display:flex}
.trophy-coverflow-arrow {
  display:grid;place-items:center;cursor:pointer;
  width:38px;height:38px;border:1px solid rgba(214,174,117,.32);
  border-radius:50%;background:rgba(33,22,22,.64);color:#e3c494;
  transition:background-color .2s ease,border-color .2s ease,transform .22s ease;
}
.trophy-coverflow-arrow:is(:hover,:focus-visible) {
  background:rgba(170,111,60,.19);border-color:#ddbb82;transform:scale(1.06);
}
.trophy-coverflow-arrow:focus-visible {outline:2px solid #e5c48a;outline-offset:3px}
.trophy-coverflow-readout {
  min-width:65px;text-align:center;
  font:600 .82rem var(--font-body);letter-spacing:.13em;
  color:#bfb1a0;font-variant-numeric:tabular-nums;
}

/* Uncomplicated collection: no exhibit labels, decorative counters or ticker. */
.trophy-world-archive-head {
  display:flex;align-items:end;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;
  margin:1.6rem 0 1.25rem;
  padding-top:1.5rem;
  border-top:1px solid rgba(213,172,107,.17);
  scroll-margin-top:96px;
}
.trophy-world-archive-head > h2 {
  margin:0;
  font:600 clamp(1.4rem,2.3vw,1.9rem)/1.2 var(--font-body);
  letter-spacing:-.04em;
  color:#f1e7da;
}
.trophy-world-archive-head .trophy-submit-bar {margin:0;max-width:100%}
.trophy-world-archive-head .trophy-upload-disclosure[open] {width:min(100%,520px)}
.trophy-world-archive-head .trophy-submit-panel {position:relative;z-index:2}
.trophy-world-gallery {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;
  gap:1.5rem;
}
.trophy-gallery-card {
  min-width:0;overflow:hidden;
  border:1px solid rgba(210,166,98,.23);
  border-radius:11px;
  background:#171012;
  transition:border-color .35s ease,box-shadow .38s ease,transform .4s cubic-bezier(.18,.78,.22,1);
}
.trophy-gallery-card:is(:hover,:focus-within) {
  border-color:rgba(231,188,117,.56);
  box-shadow:0 23px 47px -31px rgba(168,89,56,.45);
  transform:translateY(-5px);
}
.trophy-gallery-image {
  display:grid;place-items:center;
  background:#070709;
  width:100%;aspect-ratio:16/9;
}
.trophy-gallery-image img {
  width:100%;height:100%;
  display:block;object-fit:contain;object-position:center;
  transition:filter .35s ease;
}
.trophy-gallery-card:hover .trophy-gallery-image img {filter:brightness(1.06)}
.trophy-gallery-info {padding:1rem 1.15rem 1.1rem}
.trophy-gallery-info h3 {
  font:600 clamp(1rem,1.5vw,1.2rem)/1.3 var(--font-body);
  letter-spacing:-.025em;color:#f1e8dd;margin:0;
  overflow-wrap:anywhere;
}
.trophy-gallery-info p {
  font-size:.87rem;line-height:1.5;color:#aa9c90;
  margin:.35rem 0 0;overflow-wrap:anywhere;
}
.trophy-world-empty {
  padding:2.6rem 1.2rem;text-align:center;
  border:1px dashed rgba(211,164,91,.25);border-radius:11px;
}
.trophy-world-empty h3 {
  font:600 1.35rem var(--font-body);color:#eadcc9;margin:0 0 .45rem;
}
.trophy-world-empty p {color:#a89b8d;margin:0;}

/* Real motion: the images rotate through 3D depth; the intro only fades in. */
@media (prefers-reduced-motion:no-preference) {
  .trophy-intro {animation:trophy-intro-arrive .8s cubic-bezier(.18,.78,.22,1) both}
  .trophy-coverflow {animation:trophy-showcase-arrive 1.05s cubic-bezier(.18,.78,.22,1) both}
  .trophy-gallery-card.trophy-gallery-arrived {animation:trophy-gallery-arrive .62s cubic-bezier(.18,.78,.22,1) both;animation-delay:var(--trophy-order,0ms)}
  @keyframes trophy-intro-arrive {from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
  @keyframes trophy-showcase-arrive {from{opacity:.4;transform:translateY(13px)}to{opacity:1;transform:none}}
  @keyframes trophy-gallery-arrive {from{opacity:.3;translate:0 16px}to{opacity:1;translate:0 0}}
}
@media (max-width:760px) {
  .trophy-world {padding:1.35rem 0 2.5rem}
  .trophy-intro {padding:.1rem 0 .5rem}
  .trophy-coverflow-stage {height:clamp(258px,62vw,395px)}
  .trophy-coverflow-slide {width:min(83%,640px)}
  .trophy-coverflow-slide[data-slot="prev"] {
    transform:translate(-50%,-50%) translate3d(-80%,1%,-150px) rotateY(24deg) scale(.88);
  }
  .trophy-coverflow-slide[data-slot="next"] {
    transform:translate(-50%,-50%) translate3d(80%,1%,-150px) rotateY(-24deg) scale(.88);
  }
  .trophy-coverflow-caption {min-height:42px;padding:.6rem .75rem}
  .trophy-coverflow-controls {margin:-.15rem 0 .5rem}
  .trophy-world-gallery {grid-template-columns:1fr;gap:1.1rem}
  .trophy-world-archive-head {align-items:start;margin-top:1.2rem;padding-top:1.15rem}
  .trophy-world-archive-head .trophy-submit-bar {width:100%;justify-content:flex-start}
  .trophy-world-archive-head .trophy-upload-disclosure > summary.trophy-upload-toggle {margin-left:0}
}
@media (max-width:420px) {
  .trophy-intro h1 {font-size:2.7rem}
  .trophy-coverflow-stage {height:257px}
  .trophy-coverflow-slide {width:86%}
  .trophy-coverflow-caption {font-size:.86rem}
  .trophy-gallery-info {padding:.9rem 1rem 1rem}
}
@media (prefers-reduced-motion:reduce) {
  .trophy-world *, .trophy-world *::before,.trophy-world *::after {
    animation:none!important;
    transition:none!important;
    translate:none!important;
  }
  .trophy-gallery-card:hover,.trophy-coverflow-arrow:hover {transform:none}
}