/* SHHURABABY — konsept odaları (sade)
   Tüm odalar sitenin dilini taşır: SF Pro, siyah / kırık beyaz duvar, aynı çerçeve ve etiketler.
   Konsepte özel olan yalnızca: başlık rengi, duvar tonu ve %4–6 görünürlükte çok sessiz bir ipucu. */

/* ---------- duvar paletleri ---------- */
.env-black { --bg-color: #000; --text-color: #fff; --muted-color: rgba(255,255,255,.5); --border-color: rgba(255,255,255,.15); --plate: #101010; --frame-shadow: none; }
.env-paper { --bg-color: #EFEDE8; --text-color: #0b0b0b; --muted-color: rgba(11,11,11,.5); --border-color: rgba(11,11,11,.15); --plate: #dedbd4; --frame-shadow: 0 40px 70px -40px rgba(0,0,0,.45); }

/* konsepte göre: başlık rengi + duvar tonu */
.env-shubba    { --bg-color: #E6D6B8; --text-color: #3b2a14; --muted-color: rgba(59,42,20,.6); --border-color: rgba(59,42,20,.2); --plate: #d6c4a0; --title-color: #5b4121; --frame-shadow: 0 40px 70px -40px rgba(59,42,20,.5); }
.env-shunk     { --bg-color: #FFFFFF; --text-color: #0b0b0b; --muted-color: rgba(11,11,11,.5); --border-color: rgba(11,11,11,.15); --plate: #ececec; --title-color: #000; --frame-shadow: 0 40px 70px -40px rgba(0,0,0,.45); }
.env-requiem   { --bg-color: #F4EFE6; --text-color: #2b2626; --muted-color: rgba(43,38,38,.55); --border-color: rgba(43,38,38,.15); --plate: #e6dfd2; --title-color: #E2849F; --frame-shadow: 0 40px 70px -40px rgba(43,38,38,.4); }
.env-dm46      { --bg-color: #F6F6F1; --text-color: #14213D; --muted-color: rgba(20,33,61,.55); --border-color: rgba(20,33,61,.16); --plate: #e8e8e1; --title-color: #14213D; --frame-shadow: 0 40px 70px -40px rgba(20,33,61,.4); }
.env-samurize  { --bg-color: #FFFFFF; --text-color: #0b0b0b; --muted-color: rgba(11,11,11,.5); --border-color: rgba(11,11,11,.15); --plate: #ececec; --title-color: #000; --frame-shadow: 0 40px 70px -40px rgba(0,0,0,.45); }

/* geri kalan odalar: siyah / kırık beyaz dönüşümü */
.env-alaturqoise, .env-yenikapi, .env-rualide, .env-album, .env-collection, .env-films { --bg-color: #000; --text-color: #fff; --muted-color: rgba(255,255,255,.5); --border-color: rgba(255,255,255,.15); --plate: #101010; --frame-shadow: none; }
.env-sheye, .env-collage, .env-magazine, .env-cumalar { --bg-color: #EFEDE8; --text-color: #0b0b0b; --muted-color: rgba(11,11,11,.5); --border-color: rgba(11,11,11,.15); --plate: #dedbd4; --frame-shadow: 0 40px 70px -40px rgba(0,0,0,.45); }

/* ---------- ortak ---------- */
.room { background: var(--bg-color); color: var(--text-color); }
.room-title, #sub-gallery-view .sub-gallery-title { color: var(--title-color, var(--text-color)); }
.art-frame, .sg-art-frame { box-shadow: var(--frame-shadow); }

.room-env, .sg-env { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
#sub-gallery-view .sg-env { position: fixed; }
.room-env i, .sg-env i { position: absolute; display: block; opacity: 0; transition: opacity 2s ease .3s; }
.room.in-view .room-env i, #sub-gallery-view.active .sg-env i { opacity: 1; }
.room:not(.active) .room-env i { animation-play-state: paused !important; }
.room-track { z-index: 1; }
.sg-layout { position: relative; z-index: 1; }

/* ---------- çok sessiz konsept ipuçları (≤ %6) ---------- */
/* ALATURQOISE — çini yıldız ağı */
.env-alaturqoise .e1 { inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.035' stroke-width='1'%3E%3Crect x='22' y='22' width='46' height='46'/%3E%3Crect x='22' y='22' width='46' height='46' transform='rotate(45 45 45)'/%3E%3C/g%3E%3C/svg%3E"); background-size: 90px; background-position: calc(var(--x, 0px) * .2) 0; }
.env-alaturqoise .room-progress i { background: #E30A17; }

/* SHUBBA — kâğıt dokusu */
.env-shubba .e1 { inset: 0; opacity: .5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .2 0 0 0 0 .1 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }

/* REQUIEM — pembe, çok hafif ışıma */
.env-requiem .e1 { inset: 0; background: radial-gradient(50% 60% at 70% 40%, rgba(226,132,159,.12), transparent 70%); }

/* DM46 — ince ızgara */
.env-dm46 .e1 { inset: 0; background-image: linear-gradient(rgba(20,33,61,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(20,33,61,.05) 1px, transparent 1px); background-size: 56px 56px; background-position: calc(var(--x, 0px) * .4) 0; }

/* SAMURIZE — küçük kırmızı daire */
.env-samurize .e1 { right: 6vw; top: 14vh; width: 5vh; height: 5vh; border-radius: 50%; background: #B3141D; opacity: .55 !important; }

/* YENİKAPI — sahne ışığı */
.env-yenikapi .e1 { left: 0; right: 0; top: 0; height: 70%; background: radial-gradient(60% 100% at 50% 0%, rgba(255,255,255,.07), transparent 70%); }

/* SHEYE — güneş çizgisi */
.env-sheye .e1 { right: 10vw; top: 16vh; width: 44vh; height: 44vh; border-radius: 50%; border: 1px solid rgba(11,11,11,.08); transform: translate3d(calc(var(--x, 0px) * .15), 0, 0); }

/* RUALIDE — üst üste daire çizgileri */
.env-rualide .e1 { right: 8vw; top: 50%; width: 46vh; height: 46vh; margin-top: -23vh; border-radius: 50%; border: 1px solid rgba(255,255,255,.07); box-shadow: -10vh 6vh 0 -1px rgba(0,0,0,0), -10vh 6vh 0 0 rgba(255,255,255,.0); transform: translate3d(calc(var(--x, 0px) * .15), 0, 0); }
.env-rualide .e2 { right: 22vw; top: 50%; width: 46vh; height: 46vh; margin-top: -10vh; border-radius: 50%; border: 1px solid rgba(255,255,255,.07); transform: translate3d(calc(var(--x, 0px) * .2), 0, 0); }

/* COLLAGE — yarım ton noktalar */
.env-collage .e1 { left: 0; top: 0; width: 55vw; height: 100%; background: radial-gradient(circle, rgba(11,11,11,.09) 1.4px, transparent 2px) 0 0 / 14px 14px; -webkit-mask-image: linear-gradient(90deg, #000, transparent); mask-image: linear-gradient(90deg, #000, transparent); }

/* ALBUM COVERS — plak halkaları */
.env-album .e1 { right: -30vh; top: 50%; width: 90vh; height: 90vh; margin-top: -45vh; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(255,255,255,.045) 0 1px, transparent 1px 9px); animation: rm-spin 60s linear infinite; }
@keyframes rm-spin { to { transform: rotate(360deg); } }

/* MAGAZINE — sütun çizgileri */
.env-magazine .e1 { inset: 0; background: repeating-linear-gradient(90deg, transparent 0 359px, rgba(11,11,11,.07) 359px 360px); background-position: calc(var(--x, 0px) * .3) 0; }

/* SHHURAS COLLECTION — dönen logo hayaleti */
.env-collection .e1 { left: 50%; top: 50%; width: 100vh; height: 100vh; margin: -50vh 0 0 -20vh; background: url("SHHURA-LOGO%20(1).png") center / contain no-repeat; filter: invert(1); opacity: .035 !important; animation: rm-spin3d 60s linear infinite; }
@keyframes rm-spin3d { from { transform: perspective(1100px) rotateY(0deg); } to { transform: perspective(1100px) rotateY(360deg); } }

/* SHORT FILMS — film kenarı çizgileri */
.env-films .e1, .env-films .e2 { left: 0; right: 0; height: 1px; background: rgba(255,255,255,.1); }
.env-films .e1 { top: 6vh; } .env-films .e2 { bottom: 6vh; }

@media (prefers-reduced-motion: reduce) { .room-env i, .sg-env i { animation: none !important; } }

/* =====================================================
   Konsept havası — zenginleştirme (hâlâ sessiz)
   başlık / not rengi + her odaya bir iki ince detay
   ===================================================== */

/* ALATURQOISE — Türk kültürü: kırmızı başlık, forma çizgileri, hilal-yıldız */
.env-alaturqoise { --title-color: #E30A17; --tag-color: #E30A17; }
.env-alaturqoise .e2 { left: 0; right: 0; top: 5vh; height: 1px; background: linear-gradient(90deg, transparent, rgba(227,10,23,.55) 20%, rgba(227,10,23,.55) 80%, transparent); box-shadow: 0 6px 0 0 rgba(255,255,255,.1); }
.env-alaturqoise .e3 { right: 7vw; bottom: 9vh; width: 20vh; height: 20vh; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23E30A17' stroke-width='1.2'%3E%3Cpath d='M62 18a34 34 0 1 0 0 64 28 28 0 1 1 0-64z'/%3E%3Cpolygon points='80,38 83,46 91,46 85,51 87,59 80,54 73,59 75,51 69,46 77,46'/%3E%3C/svg%3E") center / contain no-repeat; opacity: .35 !important; transform: translate3d(calc(var(--x, 0px) * .25), 0, 0); }
.env-alaturqoise .art figcaption b { color: #E30A17; }

/* SHUBBA — kese kağıdı: katlanma izleri, üstte dikiş */
.env-shubba { --tag-color: #7a5a2c; }
.env-shubba .e2 { inset: 0; background: linear-gradient(90deg, transparent 0 24.6%, rgba(59,42,20,.07) 25%, transparent 25.5% 49.6%, rgba(59,42,20,.07) 50%, transparent 50.5% 74.6%, rgba(59,42,20,.07) 75%, transparent 75.5%); }
.env-shubba .e3 { left: 0; right: 0; top: 4vh; height: 0; border-top: 2px dashed rgba(59,42,20,.28); }
.env-shubba .art figcaption span, .env-shubba .art figcaption b { color: #5b4121; }

/* SHUNK — gizemli, asil, korkutucu: keskin çift çerçeve */
.env-shunk { --tag-color: #000; }
.env-shunk .art-frame, .env-shunk .sg-art-frame { outline: 1px solid #000; outline-offset: 9px; }
.env-shunk .e1 { left: 0; right: 0; top: 0; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,.05), transparent 25%, transparent 75%, rgba(0,0,0,.06)); }

/* REQUIEM — Dune × melekler: hâleler, kum tepeleri */
.env-requiem { --tag-color: #E2849F; --frame-shadow: 0 40px 90px -45px rgba(226,132,159,.6); }
.env-requiem .e1 { background: radial-gradient(50% 60% at 70% 40%, rgba(226,132,159,.14), transparent 70%); }
.env-requiem .e2 { right: 12vw; top: 50%; width: 38vh; height: 38vh; margin-top: -19vh; border-radius: 50%; border: 1px solid rgba(226,132,159,.35); box-shadow: 4.5vh 2vh 0 -.5px transparent, 0 0 0 7vh rgba(226,132,159,.08); transform: translate3d(calc(var(--x, 0px) * .2), 0, 0); }
.env-requiem .e3 { left: -5%; right: -5%; bottom: -8vh; height: 30vh; background: radial-gradient(70% 100% at 25% 100%, rgba(214,196,170,.35) 0 60%, transparent 61%), radial-gradient(60% 100% at 80% 100%, rgba(226,214,194,.45) 0 60%, transparent 61%); transform: translate3d(calc(var(--x, 0px) * .1), 0, 0); }

/* DM46 — Japon araba × anime: hız çizgileri */
.env-dm46 { --tag-color: #14213D; }
.env-dm46 .e2 { left: 0; right: 0; top: 0; bottom: 0; background: repeating-linear-gradient(0deg, transparent 0 36px, rgba(20,33,61,.07) 36px 37px, transparent 37px 90px); -webkit-mask-image: linear-gradient(90deg, #000, transparent 70%); mask-image: linear-gradient(90deg, #000, transparent 70%); background-position: calc(var(--x, 0px) * .6) 0; }
.env-dm46 .e3 { right: 6vw; bottom: 8vh; width: 6vh; height: 6vh; border-radius: 50%; background: #B3141D; opacity: .5 !important; }

/* SAMURIZE — Japon disiplini: mürekkep halkası ve kırmızı daire */
.env-samurize { --tag-color: #B3141D; }
.env-samurize .e2 { left: 8vw; bottom: 10vh; width: 40vh; height: 40vh; border-radius: 50%; border: 2px solid rgba(11,11,11,.09); border-top-color: transparent; rotate: -30deg; transform: translate3d(calc(var(--x, 0px) * .15), 0, 0); }

/* YENİKAPI — festival sahnesi: ışık huzmeleri */
.env-yenikapi .e2 { left: 15%; top: 0; width: 70%; height: 80%; background: conic-gradient(from 165deg at 50% 0%, transparent 0deg, rgba(255,255,255,.05) 8deg, transparent 18deg, transparent 32deg, rgba(255,255,255,.04) 40deg, transparent 50deg); transform-origin: 50% 0; animation: yk-sway 9s ease-in-out infinite alternate; }
@keyframes yk-sway { from { transform: rotate(-5deg); } to { transform: rotate(5deg); } }

/* SHEYE — Afrika: toprak tonu başlık, harita çizgileri */
.env-sheye { --title-color: #B5532C; --tag-color: #B5532C; }
.env-sheye .e2 { right: 6vw; top: 50%; width: 60vh; height: 60vh; margin-top: -30vh; border-radius: 50%; border: 1px solid rgba(181,83,44,.14); background: linear-gradient(90deg, transparent calc(50% - .5px), rgba(181,83,44,.12) 50%, transparent calc(50% + .5px)), linear-gradient(0deg, transparent calc(50% - .5px), rgba(181,83,44,.12) 50%, transparent calc(50% + .5px)); transform: translate3d(calc(var(--x, 0px) * .12), 0, 0); }

/* RUALIDE — Brezilya: yeşil başlık */
.env-rualide { --title-color: #35B26E; --tag-color: #35B26E; }

/* SHHURAS COLLECTION — imza: sitenin kırmızısı */
.env-collection { --tag-color: #EE2B47; }

/* HAYIRLI CUMALAR — cuma: yeşil not */
.env-cumalar { --tag-color: #2E7D4F; }
.env-cumalar .e1 { right: 8vw; top: 12vh; width: 14vh; height: 14vh; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%232E7D4F' stroke-width='1.4'%3E%3Cpath d='M62 18a34 34 0 1 0 0 64 28 28 0 1 1 0-64z'/%3E%3C/svg%3E") center / contain no-repeat; opacity: .4 !important; }

/* ---------- duvar renkleri (son söz) ---------- */
.env-alaturqoise { --bg-color: #E30A17; --text-color: #fff; --muted-color: rgba(255,255,255,.78); --border-color: rgba(255,255,255,.28); --plate: #c60812; --title-color: #fff; --tag-color: #fff; --frame-shadow: 0 40px 70px -40px rgba(60,0,4,.55); }
.env-alaturqoise .e1, .env-alaturqoise .e2, .env-alaturqoise .e3 { display: none; }
.env-alaturqoise .art figcaption b, .env-alaturqoise .art figcaption span { color: #fff; }
.env-alaturqoise .room-progress i { background: #fff; }

.env-shubba, .env-shunk { --bg-color: #C9A574; --plate: #b78f5c; --border-color: rgba(59,42,20,.25); --frame-shadow: 0 40px 70px -40px rgba(59,42,20,.55); }
.env-shubba { --text-color: #3b2a14; --muted-color: rgba(59,42,20,.68); --title-color: #fff; --tag-color: #3b2a14; }
.env-shubba .art figcaption span, .env-shubba .art figcaption b { color: #3b2a14; }
.env-shunk { --text-color: #0b0b0b; --muted-color: rgba(11,11,11,.62); --title-color: #000; --tag-color: #000; }
.env-shunk .art-frame, .env-shunk .sg-art-frame { outline-color: rgba(0,0,0,.85); }

.env-dm46 { --bg-color: #14213D; --text-color: #fff; --muted-color: rgba(255,255,255,.62); --border-color: rgba(255,255,255,.2); --plate: #0e1830; --title-color: #fff; --tag-color: #fff; --frame-shadow: 0 40px 70px -40px rgba(0,0,0,.6); }
.env-dm46 .e1 { background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); }
.env-dm46 .e2 { background: repeating-linear-gradient(0deg, transparent 0 36px, rgba(255,255,255,.06) 36px 37px, transparent 37px 90px); }

.env-samurize { --bg-color: #fff; --text-color: #0b0b0b; --title-color: #000; }

.env-yenikapi { --bg-color: #000; --text-color: #fff; --title-color: #fff; --tag-color: rgba(255,255,255,.7); }

.env-sheye { --bg-color: #F2B418; --text-color: #2a1606; --muted-color: rgba(42,22,6,.66); --border-color: rgba(42,22,6,.22); --plate: #dca00c; --title-color: #C8281E; --tag-color: #7a1a10; --frame-shadow: 0 40px 70px -40px rgba(60,30,0,.55); }
.env-sheye .e1 { border-color: rgba(200,40,30,.2); }
.env-sheye .e2 { border-color: rgba(200,40,30,.22); background: linear-gradient(90deg, transparent calc(50% - .5px), rgba(200,40,30,.2) 50%, transparent calc(50% + .5px)), linear-gradient(0deg, transparent calc(50% - .5px), rgba(200,40,30,.2) 50%, transparent calc(50% + .5px)); }

.env-rualide { --bg-color: #009C3B; --text-color: #fff; --muted-color: rgba(255,255,255,.78); --border-color: rgba(255,255,255,.28); --plate: #008732; --title-color: #FFDF00; --tag-color: #FFDF00; --frame-shadow: 0 40px 70px -40px rgba(0,40,10,.55); }
.env-rualide .e1, .env-rualide .e2 { border-color: rgba(255,223,0,.22); }

/* sadelik: tuhaf şekiller kalktı */
.env-cumalar .e1, .env-dm46 .e3, .env-samurize .e1, .env-samurize .e2,
.env-rualide .e1, .env-rualide .e2, .env-sheye .e1, .env-sheye .e2 { display: none; }
.env-shubba { --title-color: #5b4121; }
.env-album { --bg-color: #fff; --text-color: #0b0b0b; --muted-color: rgba(11,11,11,.55); --border-color: rgba(11,11,11,.15); --plate: #ececec; --title-color: #000; --tag-color: #000; --frame-shadow: 0 40px 70px -40px rgba(0,0,0,.45); }
.env-album .e1 { display: none; }