/* Игровые зоны — слайдер цветных карточек с коллажами + фотогалерея с реальными кадрами */
.arches{gap:44px;padding-top:110px;margin-top:-66px;padding-bottom:84px;perspective:1400px}
.arch{--rx:0deg;--ry:0deg;--gx:50%;--gy:30%;--bg:#4b1360;--fg:#fff;--dot:rgba(255,255,255,.14);--glow:rgba(255,143,160,.38);--acc:#ff8fa0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:clamp(270px,22vw,330px);aspect-ratio:3/4.15;padding:0 26px 26px;border-radius:32px;isolation:isolate;background:var(--bg);color:var(--fg);box-shadow:0 26px 60px rgba(37,8,47,.26);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.arch--r{margin-top:64px}
.arch:nth-child(5n+2){--bg:#8e1b2c;--glow:rgba(255,190,120,.4)}
.arch:nth-child(5n+3){--bg:#25082f;--glow:rgba(142,42,133,.8)}
.arch:nth-child(5n+4){--bg:#efe7f4;--fg:#25082f;--dot:rgba(75,19,96,.15);--glow:rgba(142,27,44,.22);--acc:#8e1b2c}
.arch:nth-child(5n+5){--bg:#ff8fa0;--fg:#25082f;--dot:rgba(255,255,255,.42);--glow:rgba(255,255,255,.65);--acc:#8e1b2c}
.arch:hover{transform:translateY(-10px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 40px 80px rgba(37,8,47,.4)}
.arch__img{display:none}
.arch::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 60% 30%,var(--glow) 0,transparent 55%),radial-gradient(var(--dot) 1.3px,transparent 1.8px) 0 0/13px 13px,linear-gradient(170deg,transparent 55%,rgba(0,0,0,.26))}
.arch::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--gx) var(--gy),rgba(255,255,255,.2),transparent 60%);transition:opacity .4s}
.arch:hover::after{opacity:1}
.arch__art{position:absolute;z-index:2;left:50%;top:-14%;width:116%;max-width:none;height:auto;translate:-50% 0;pointer-events:none;filter:drop-shadow(0 26px 30px rgba(0,0,0,.4));transition:transform .9s var(--ease)}
.arch:hover .arch__art{transform:translateY(-4%) rotate(-4deg) scale(1.06)}
.arch h3{position:relative;z-index:3;margin:0;font:400 clamp(20px,1.7vw,25px)/1.08 var(--font-display);text-transform:uppercase;color:var(--fg)}
.arch h3::before{content:"";display:block;width:34px;height:3px;margin-bottom:14px;border-radius:2px;background:var(--acc);transition:width .5s var(--ease)}
.arch:hover h3::before{width:64px}
.arch p{position:relative;z-index:3;margin:9px 0 0;max-width:16em;font-size:15px;line-height:1.5;color:var(--fg);opacity:.85}
.arch__tag{top:16px;left:16px;right:auto;bottom:auto;transform:none;z-index:4;padding:8px 12px;border:1px solid rgba(255,255,255,.35);background:rgba(22,6,32,.6);backdrop-filter:blur(10px);font-size:12px;font-weight:600;white-space:nowrap;color:#fff}
.arch__tag--purple{background:rgba(106,42,133,.8)}
@media (hover:none){.arch:hover{transform:none}}
@media (max-width:1100px){.arch{width:clamp(250px,36vw,320px)}}
@media (max-width:600px){.arches{padding-top:96px;margin-top:-56px}.arch{width:74vw;padding:0 22px 22px}.arch--r{margin-top:0}}
@media (prefers-reduced-motion:reduce){.arch,.arch__art{transition:none}}

/* ---------- фотогалерея: горизонтальная лента ---------- */
.gal{padding:clamp(24px,3vw,44px) 0 clamp(48px,5vw,72px)}
.gal .head{margin-bottom:clamp(20px,2.4vw,32px)}
.gal__track{--g:max(32px,calc((100vw - 1360px)/2));display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--g);padding:6px var(--g) 22px;scrollbar-width:none;cursor:grab}
.gal__track::-webkit-scrollbar{display:none}
.gal__track.is-drag{scroll-snap-type:none;cursor:grabbing}
.gal__track.is-drag *{pointer-events:none}
.gal__item{position:relative;flex:none;display:block;height:clamp(240px,24vw,340px);margin:0;padding:0;border:0;border-radius:24px;overflow:hidden;background:var(--lav);scroll-snap-align:start;cursor:inherit;box-shadow:0 14px 34px rgba(37,8,47,.14)}
.gal__item:nth-child(4n+1){aspect-ratio:4/3}
.gal__item:nth-child(4n+2){aspect-ratio:3/4}
.gal__item:nth-child(4n+3){aspect-ratio:4/3}
.gal__item:nth-child(4n){aspect-ratio:1/1}
.gal__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);-webkit-user-drag:none}
.gal__item:hover img{transform:scale(1.07)}
.gal__item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(22,6,32,.8))}
.gal__cap{position:absolute;z-index:1;left:16px;bottom:14px;right:16px;color:#fff;font:600 15px/1.2 var(--font);text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.gal__item:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media (max-width:600px){.gal__track{gap:12px}.gal__item{height:240px;border-radius:18px}}

.lb{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:clamp(16px,4vw,56px);background:rgba(15,4,22,.92);backdrop-filter:blur(8px)}
.lb.is-open{display:flex;animation:lbIn .3s ease}
@keyframes lbIn{from{opacity:0}}
.lb__fig{margin:0;max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;gap:14px;align-items:center}
.lb__fig img{max-width:100%;max-height:calc(100vh - 150px);border-radius:20px;object-fit:contain;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.lb__fig figcaption{color:#fff;font:600 17px/1.3 var(--font);text-align:center}
.lb__fig figcaption small{display:block;margin-top:4px;font:400 14px/1.4 var(--font);color:rgba(255,255,255,.7)}
.lb button{position:absolute;display:grid;place-items:center;width:52px;height:52px;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;transition:background .25s}
.lb button:hover{background:var(--red);border-color:var(--red)}
.lb__x{top:18px;right:18px}.lb__p{left:18px;top:50%;translate:0 -50%}.lb__n{right:18px;top:50%;translate:0 -50%}
@media (max-width:700px){.lb__p,.lb__n{top:auto;bottom:18px;translate:none}.lb__p{left:calc(50% - 62px)}.lb__n{right:calc(50% - 62px)}}