.photo-carousel{--photo-accent:var(--game-accent,var(--accent,var(--mint,#55d6a9)));width:100%;min-width:0}.photo-carousel button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.photo-carousel__frame{color:#fff;position:relative;overflow:hidden}.photo-carousel__stage{color:#fff;touch-action:pan-y pinch-zoom;background:0 0;border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}button.photo-carousel__stage,.photo-carousel__tile{cursor:zoom-in!important}.photo-carousel--landscape .photo-carousel__stage{aspect-ratio:1920/1044;background:color-mix(in srgb,var(--photo-accent) 12%,transparent)}.photo-carousel__stage>img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.photo-carousel__rail{grid-template-columns:repeat(var(--photo-columns),minmax(0,1fr));align-items:start;gap:8px;display:grid}.photo-carousel__tile{touch-action:pan-y pinch-zoom;background:0 0;border:0;border-radius:0;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.photo-carousel__tile>img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.photo-carousel__enlarge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;pointer-events:none;background:#080d1875;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .18s,opacity .18s;display:grid;position:absolute;top:10px;right:10px}.photo-carousel__enlarge svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.photo-carousel__stage:hover>.photo-carousel__enlarge,.photo-carousel__tile:hover .photo-carousel__enlarge{background:#080d18bb}.photo-carousel__controls{color:#fff;pointer-events:none;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:12px;transition:opacity .18s;display:grid;position:absolute;inset:0}.photo-carousel__controls button{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#080d1869;border:1px solid #ffffff75;border-radius:50%;place-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:21px;line-height:1;transition:background .18s,color .18s;display:grid;box-shadow:0 2px 12px #0002}.photo-carousel__controls button:hover:not(:disabled){background:#080d18c9}.photo-carousel__controls button:disabled{opacity:.3;cursor:default}.photo-carousel__count{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.09em;color:#fff;background:#080d1869;border:1px solid #ffffff4d;border-radius:999px;place-self:end center;min-width:57px;padding:7px 10px;font-size:10px;font-weight:750;line-height:1.2}.photo-carousel__thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.photo-carousel__thumbnails button{background:color-mix(in srgb,var(--photo-accent) 12%,transparent);color:#fff;text-align:left;border:0;border-radius:0;min-height:60px;padding:0;position:relative;overflow:hidden}.photo-carousel__thumbnails img{aspect-ratio:1.8;object-fit:contain;width:100%;transition:opacity .18s}.photo-carousel__thumbnails button:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#080d18d6);position:absolute;inset:0}.photo-carousel__thumbnails button:hover img{opacity:.85}.photo-carousel__thumbnails button>span{z-index:1;font-size:12px;font-weight:800;position:absolute;bottom:10px;left:10px}.photo-carousel__thumbnails button>.photo-carousel__thumb-zoom{color:#fff;font-size:17px;line-height:1;left:auto;right:10px}.photo-carousel__dialog{--viewer-glass:#172132c9;--viewer-edge:#ffffff61;--viewer-text:#fff;--viewer-hover:#ffffff24;width:100vw;max-width:100vw;height:100dvh;max-height:none;color:var(--viewer-text);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:66px 24px 86px;position:fixed;inset:0;overflow:hidden}.photo-carousel__dialog[open]{place-items:center;display:grid}.photo-carousel__dialog::backdrop{-webkit-backdrop-filter:blur(18px)saturate(.85);background:#080e1b80}.photo-carousel__viewer{border:1px solid var(--viewer-edge);-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff2e,#ffffff0d 45%,#ffffff1c);border-radius:15px;flex-direction:column;min-width:0;max-width:100%;padding:5px;display:flex;position:relative;box-shadow:0 16px 60px #040b2329,inset 0 1px #fff5}.photo-carousel__viewer-top{z-index:2;justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;right:0}.photo-carousel__viewer-top h2{border:1px solid var(--viewer-edge);background:var(--viewer-glass);-webkit-backdrop-filter:blur(18px);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;width:fit-content;max-width:calc(100% - 52px);padding:8px 12px;font-weight:650;overflow:hidden;color:var(--viewer-text)!important;margin:0!important;font-size:12px!important;line-height:1.4!important}.photo-carousel__close{border:1px solid var(--viewer-edge);background:var(--viewer-glass);-webkit-backdrop-filter:blur(18px);width:40px;height:40px;color:var(--viewer-text);border-radius:50%;flex:0 0 40px;place-items:center;padding:0;line-height:1;transition:background .18s,transform .18s;display:grid;box-shadow:inset 0 1px #ffffff24}.photo-carousel__close svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.photo-carousel__close:hover{background:color-mix(in srgb,var(--viewer-glass) 86%,var(--viewer-text));transform:rotate(90deg)}.photo-carousel__viewer-stage{touch-action:pan-y pinch-zoom;background:0 0;justify-content:center;align-items:center;min-width:0;display:flex}.photo-carousel__viewer-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:9px;width:auto;max-width:min(1400px,100vw - 62px);height:auto;max-height:calc(100dvh - 164px);display:block}.photo-carousel__controls--viewer{border:1px solid var(--viewer-edge);background:var(--viewer-glass);width:max-content;min-height:48px;color:var(--viewer-text);-webkit-backdrop-filter:blur(22px);opacity:1;pointer-events:auto;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:4px;display:flex;position:absolute;inset:calc(100% + 14px) auto auto 50%;transform:translate(-50%);box-shadow:0 8px 28px #040b231a,inset 0 1px #ffffff24}.photo-carousel__controls--viewer button{width:38px;min-width:38px;height:38px;color:var(--viewer-text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0}.photo-carousel__controls--viewer button:hover:not(:disabled){background:var(--viewer-hover)}.photo-carousel__controls--viewer .photo-carousel__count{min-width:62px;color:var(--viewer-text);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;align-self:center;padding:6px 8px;font-size:11px}html[data-theme=light] .photo-carousel__dialog{--viewer-glass:#ffffffdf;--viewer-edge:#ffffffb8;--viewer-text:#182338;--viewer-hover:#16253b14}html[data-theme=light] .photo-carousel__dialog::backdrop{background:#e9edf170}.photo-carousel button:focus-visible{outline:3px solid var(--mint,#55d6a9);outline-offset:-4px}.photo-carousel__sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.photo-carousel__linked-slide{min-width:0;position:relative}.photo-carousel .photo-carousel__detail-link,.game-card.carousel-game-card a.photo-carousel__detail-link{aspect-ratio:auto;cursor:pointer!important}.photo-carousel--landscape .photo-carousel__detail-link,.game-card.carousel-game-card .photo-carousel--landscape a.photo-carousel__detail-link{aspect-ratio:1920/1044}.photo-carousel .photo-carousel__zoom-button{z-index:3;pointer-events:auto;cursor:zoom-in;width:36px;height:36px;padding:0}.photo-carousel__detail-link:focus-visible{outline:3px solid var(--mint);outline-offset:-4px}.photo-carousel__linked-slide:focus-within .photo-carousel__enlarge,.photo-carousel__linked-slide:hover .photo-carousel__enlarge{opacity:1}@media (hover:hover) and (pointer:fine){.photo-carousel__frame>.photo-carousel__controls,.photo-carousel__enlarge{opacity:0}.photo-carousel__frame>.photo-carousel__controls button{pointer-events:none}.photo-carousel__frame:hover>.photo-carousel__controls,.photo-carousel__frame:focus-within>.photo-carousel__controls,.photo-carousel__stage:hover>.photo-carousel__enlarge,.photo-carousel__stage:focus-visible>.photo-carousel__enlarge,.photo-carousel__tile:hover>.photo-carousel__enlarge,.photo-carousel__tile:focus-visible>.photo-carousel__enlarge{opacity:1}.photo-carousel__frame:hover>.photo-carousel__controls button,.photo-carousel__frame:focus-within>.photo-carousel__controls button{pointer-events:auto}}@media (max-width:600px){.photo-carousel__rail{grid-template-columns:repeat(var(--photo-mobile-columns),minmax(0,1fr));gap:5px}.photo-carousel__tile:nth-child(n+4){display:none}.photo-carousel__controls{grid-template-columns:40px 1fr 40px;gap:8px;padding:8px}.photo-carousel__controls button{width:40px;min-width:40px;height:40px}.photo-carousel__count{padding:6px 8px;font-size:9px}.photo-carousel__enlarge{width:27px;height:27px;top:6px;right:6px}.photo-carousel__enlarge svg{width:15px;height:15px}.photo-carousel__thumbnails{gap:7px;margin-top:7px}.photo-carousel__thumbnails button>span{font-size:11px;bottom:8px;left:8px}.photo-carousel__thumbnails button>.photo-carousel__thumb-zoom{font-size:15px;left:auto;right:8px}.photo-carousel__dialog{padding:62px 10px 80px}.photo-carousel__viewer{border-radius:12px;padding:4px}.photo-carousel__viewer-top{gap:10px}.photo-carousel__viewer-top h2{padding:8px 10px;font-size:11px!important}.photo-carousel__viewer-stage img{border-radius:7px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 152px)}.photo-carousel__controls--viewer{gap:6px;min-height:48px;padding:4px}}@media (prefers-reduced-motion:reduce){.photo-carousel *{scroll-behavior:auto;transition:none!important}}