.eventGallery{min-width:0;position:relative;--gallery-ratio:1;background:#101219;border:1px solid #ffffff1c;border-radius:20px;overflow:hidden}
.eventGalleryTrack{display:flex;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:-4px}
.eventGalleryTrack::-webkit-scrollbar{display:none}
.eventGallerySlide{position:relative;flex:0 0 100%;min-width:0;margin:0;aspect-ratio:var(--gallery-ratio);scroll-snap-align:start;scroll-snap-stop:always;background:radial-gradient(ellipse at 50% 40%,#32304b,#11131a)}
.eventGallerySlide img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s}
.eventGallerySlide.isReady img{opacity:1}
.eventGallerySlide:not(.isReady):not(.isError)::after{content:'';position:absolute;left:calc(50% - 17px);top:calc(50% - 17px);width:30px;height:30px;border:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,#30d7e6,#8458ff,#ff5c9f,transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);filter:drop-shadow(0 0 7px #8458ff55);animation:eventGallerySpin 1s linear infinite}
@keyframes eventGallerySpin{to{transform:rotate(360deg)}}
.eventImageRetry{position:absolute;inset:40% 12%;background:#252535;color:#e9d8bf;border:1px solid #ffffff26;border-radius:12px;font:inherit;cursor:pointer}
.eventImageRetry[hidden],.eventGalleryControls[hidden],.eventGallery[hidden]{display:none!important}
.eventGalleryControls{display:flex;align-items:center;justify-content:center;gap:24px;padding:6px 16px;background:#12131b;color:#e7d6b9;font:600 11px/1.2 system-ui;letter-spacing:2px;font-variant-numeric:tabular-nums}
.eventGalleryControls button{display:grid;place-items:center;width:44px;height:40px;border:0;border-radius:10px;color:#f9e7ca;background:transparent;font:28px/1 system-ui;cursor:pointer;touch-action:manipulation}
.eventGalleryControls button:hover:not(:disabled){background:#ffffff0b}
.eventGalleryControls button:disabled{opacity:.25;cursor:default}
.eventGalleryControls button:focus-visible,.eventGalleryTrack:focus-visible{outline:2px solid #d1aaff}
.postOfferPostMedia.eventGallery{aspect-ratio:auto!important;margin-top:16px;transform:none}
/* Fixed outer geometry from the first loading frame through ready/claim states. */
.postOfferCard{height:min(820px,calc(100dvh - 40px));min-height:0;max-height:calc(100dvh - 40px)}
.postOfferProcessing{height:100%;min-height:0}

.postOfferDetails{margin-top:12px;color:#b5b1c6;font-size:12px;line-height:1.8}
.postOfferDetails summary{cursor:pointer;color:#e1d6f1;min-height:36px;display:list-item;padding-top:7px}
.postOfferDetails .postOfferContent{margin:10px 0 0}
.postOfferLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:18px 0 4px;font:12px/1.6 system-ui}
.postOfferLinks a{color:#c5bdd8;text-underline-offset:4px}
a.postOfferSecondaryAction{text-decoration:none}
.postOfferSecondaryAction.games{border-color:#ddb5734d;background:linear-gradient(100deg,#dfab6a18,#926ad516)}
.postOfferSummary{font:13px/1.85 system-ui;color:#c5bed0;margin:10px 0 0}
@media(prefers-reduced-motion:reduce){.eventGallerySlide img{transition:none}.eventGallerySlide::after{animation:none!important}}