/* ==========================================================================
   Altı tam dünya: Masaüstü 2247, Mantar pano, Bizim oda, Gazete, Y2K çatapat, Sade liste
   ========================================================================== */
#dunya-kok [hidden] { display: none !important; }

/* ##########################################################################
   MASAÜSTÜ 2247
   ########################################################################## */
html.dny-masaustu .app-container { padding-top: 0; }
html.dny-masaustu #dunya-kok { top: 0; bottom: 44px; font-family: 'VT323', ui-monospace, monospace; }
html.dny-masaustu .navbar { top: auto !important; bottom: 0; height: 44px !important; padding: 0 4px !important; gap: 6px; justify-content: flex-start; background: #c3c3c3 !important;
  border: 0; border-top: 2px solid #fff; border-radius: 0; box-shadow: 0 -1px 0 #808080; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  font-family: 'VT323', ui-monospace, monospace; color: #111; z-index: 1000; }
html.dny-masaustu .navbar .nav-brand { display: none; }
html.dny-masaustu .navbar .nav-countdown-container { order: 3; margin-left: auto; background: #c3c3c3; border-radius: 0; border: 2px solid; border-color: #808080 #fff #fff #808080;
  color: #111; font-size: 18px; padding: 1px 8px; height: 32px; }
html.dny-masaustu .navbar .countdown-time { color: #000080; }
html.dny-masaustu .navbar .nav-actions { order: 4; gap: 2px; }
html.dny-masaustu .navbar .nav-profile-indicator { background: #c3c3c3; border-radius: 0; border: 2px solid; border-color: #fff #808080 #808080 #fff; font-size: 18px; padding: 1px 8px; color: #111; }
html.dny-masaustu .navbar .logout-btn { color: #111; border-radius: 0; }
.ms-baslat, .ms-gorevler button, .ms-kontrol button, .ms-menu-liste button { font-family: inherit; color: #000; }
.ms-baslat { order: 1; height: 34px; padding: 0 10px; font-size: 20px; font-weight: 700; background: #c3c3c3; border: 2px solid; border-color: #fff #404040 #404040 #fff; cursor: pointer; flex: none; }
.ms-baslat.basili, .ms-baslat:active { border-color: #404040 #fff #fff #404040; background: #b8b8b8; }
.ms-gorevler { order: 2; display: flex; gap: 4px; min-width: 0; flex: 1; overflow: hidden; }
.ms-gorevler button { display: flex; align-items: center; gap: 6px; height: 34px; max-width: 180px; min-width: 0; padding: 0 10px; font-size: 18px; background: #c3c3c3;
  border: 2px solid; border-color: #fff #404040 #404040 #fff; cursor: pointer; white-space: nowrap; overflow: hidden; }
.ms-gorevler button span { overflow: hidden; text-overflow: ellipsis; }
.ms-gorevler button.basili { border-color: #404040 #fff #fff #404040; background: repeating-conic-gradient(#c3c3c3 0 25%, #e8e8e8 0 50%) 0 0 / 4px 4px; font-weight: 700; }

.ms-masaustu { position: absolute; inset: 0; background: #2a7f7a; overflow: hidden; }
.ms-duvar { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.08), transparent 60%); }
.ms-logo { text-align: center; color: rgba(255, 255, 255, .26); font-size: clamp(54px, 9vw, 120px); line-height: .85; text-shadow: 3px 3px 0 rgba(0, 0, 0, .12); user-select: none; }
.ms-logo span { display: block; font-size: .4em; margin-bottom: 10px; letter-spacing: .1em; }
.ms-logo small { display: block; font-size: .2em; margin-top: 12px; letter-spacing: .2em; }
.ms-simgeler { position: absolute; inset: 10px; display: grid; grid-auto-flow: column; grid-template-rows: repeat(auto-fill, 96px); grid-auto-columns: 122px; gap: 2px; align-content: start; pointer-events: none; }
.ms-simge { pointer-events: auto; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 4px; border: 1px dotted transparent; background: none; cursor: pointer;
  color: #fff; font: 18px/1 'VT323', ui-monospace, monospace; text-align: center; text-shadow: 1px 1px 0 #000; }
.ms-simge-ikon { font-size: 36px; line-height: 1; filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, .4)); }
.ms-simge-ad { padding: 1px 3px; max-width: 118px; overflow-wrap: normal; word-break: normal; hyphens: none; }
.ms-simge.secili .ms-simge-ad, .ms-simge:focus-visible .ms-simge-ad { background: #000080; text-shadow: none; }
.ms-simge.secili { border-color: rgba(255, 255, 255, .8); }
.ms-simge:focus-visible { outline: none; border-color: #fff; }
.ms-simge.secili .ms-simge-ikon { filter: drop-shadow(1px 1px 0 rgba(0,0,0,.4)) sepia(1) hue-rotate(190deg) saturate(3); }
.ms-pencereler { position: absolute; inset: 0; pointer-events: none; }
.ms-pencere { position: absolute; pointer-events: auto; display: flex; flex-direction: column; min-width: 320px; min-height: 220px; background: #c3c3c3;
  border: 2px solid; border-color: #fff #404040 #404040 #fff; box-shadow: 1px 1px 0 #000, 8px 14px 30px rgba(0, 0, 0, .35); }
.ms-pencere.ms-buyuk { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; }
.ms-pencere.ms-gizli { display: none; }
.ms-baslik { height: 30px; flex: none; display: flex; align-items: center; gap: 6px; padding: 0 3px 0 6px; background: linear-gradient(90deg, #000080, #1084d0);
  color: #fff; font-size: 20px; cursor: grab; user-select: none; touch-action: none; }
.ms-pencere:not(.ms-onde) .ms-baslik { background: linear-gradient(90deg, #7b7b7b, #b4b4b4); color: #ddd; }
.ms-suruk .ms-baslik { cursor: grabbing; }
.ms-b-ikon { font-size: 16px; }
.ms-b-ad { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-kontrol { display: flex; gap: 2px; }
.ms-kontrol button { width: 24px; height: 22px; display: grid; place-items: center; font-size: 15px; line-height: 1; background: #c3c3c3; border: 2px solid; border-color: #fff #404040 #404040 #fff; cursor: pointer; padding: 0; }
.ms-kontrol button:active { border-color: #404040 #fff #fff #404040; }
.ms-menu-satiri { display: flex; gap: 16px; padding: 2px 8px; font-size: 18px; flex: none; }
.ms-menu-satiri span::first-letter { text-decoration: underline; }
.ms-menu-satiri [data-k] { cursor: help; }
.ms-govde { flex: 1; min-height: 0; overflow: auto; margin: 0 4px; border: 2px solid; border-color: #808080 #fff #fff #808080; background: var(--bg-primary);
  padding: 18px; font-family: var(--font-sans); font-size: 16px; color: var(--text-primary); overscroll-behavior: contain; }
.ms-govde > .tab-pane { display: block !important; }
.ms-suruk .ms-govde { pointer-events: none; }
.ms-durum { position: relative; height: 24px; flex: none; display: flex; justify-content: space-between; align-items: center; padding: 0 22px 0 8px; font-size: 17px; }
.ms-tutamac { position: absolute; right: 1px; bottom: 1px; width: 16px; height: 16px; cursor: nwse-resize; touch-action: none;
  background: linear-gradient(135deg, transparent 45%, #808080 45% 52%, #fff 52% 58%, transparent 58% 68%, #808080 68% 75%, #fff 75% 81%, transparent 81%); }
.ms-not { width: 100%; height: 100%; min-height: 240px; border: 0; outline: none; resize: none; background: #fff !important; color: #000 !important; font: 22px/1.25 'VT323', monospace; padding: 6px; }
.ms-pencere[data-sekme="__not"] .ms-govde { background: #fff; padding: 0; }
.ms-baslat-menu { position: absolute; left: 2px; bottom: 2px; z-index: 9000; display: flex; width: 270px; max-height: calc(100% - 10px); background: #c3c3c3;
  border: 2px solid; border-color: #fff #404040 #404040 #fff; box-shadow: 2px 2px 0 #000; }
.ms-serit { writing-mode: vertical-rl; transform: rotate(180deg); background: linear-gradient(0deg, #000080, #1084d0); color: #c3c3c3; font-size: 28px; padding: 8px 4px; letter-spacing: .04em; }
.ms-serit b { color: #fff; }
.ms-menu-liste { flex: 1; overflow-y: auto; padding: 3px 0; }
.ms-menu-liste button { width: 100%; display: flex; align-items: center; gap: 10px; text-align: left; padding: 4px 12px; background: none; border: 0; font-size: 20px; cursor: pointer; }
.ms-menu-liste button span { font-size: 20px; width: 26px; text-align: center; }
.ms-menu-liste button:hover, .ms-menu-liste button:focus-visible { background: #000080; color: #fff; outline: none; }
.ms-menu-liste kbd { margin-left: auto; font-family: inherit; border-color: #808080; }
.ms-menu-liste hr { border: 0; border-top: 1px solid #808080; border-bottom: 1px solid #fff; margin: 3px 4px; }
.ms-koruyucu { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 9500; background: #000; cursor: none; }
html.dny-masaustu .gezgin:not(.gezgin-uc) { bottom: 46px; }
html.dny-masaustu .floating-cat { bottom: 44px !important; }
html.dny-masaustu .gezgin-balon, html.dny-masaustu .cat-bubble { background: #ffffe1 !important; color: #000 !important; border: 1px solid #000 !important; border-radius: 0 !important;
  font: 19px/1.15 'VT323', monospace !important; box-shadow: 2px 2px 0 rgba(0, 0, 0, .35) !important; backdrop-filter: none !important; }
html.dny-masaustu .gezgin-ad { border-radius: 0; background: #000080; color: #fff; font-family: 'VT323', monospace; font-size: 15px; }
@media (max-width: 760px) {
  .ms-simgeler { grid-auto-flow: row; grid-template-rows: none; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); grid-auto-rows: 88px; inset: 8px; overflow-y: auto; pointer-events: auto; }
  .ms-simge-ikon { font-size: 32px; }
  .ms-pencere { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; min-width: 0; }
  .ms-menu-satiri, .ms-tutamac { display: none; }
  .ms-govde { padding: 12px; margin: 0 2px; }
  .ms-gorevler button span { display: none; }
  html.dny-masaustu .navbar .nav-profile-indicator { display: none; }
  html.dny-masaustu .navbar .nav-countdown-container { font-size: 16px; padding: 1px 5px; }
  .ms-logo { font-size: 48px; }
}

/* ##########################################################################
   MANTAR PANO
   ########################################################################## */
html.dny-pano #dunya-kok { background: #6b4528; }
html.dny-pano .navbar { background: linear-gradient(#5a3a1f, #4a2f18) !important; border-bottom: 3px solid #2e1c0d; border-radius: 0; box-shadow: 0 6px 18px rgba(0, 0, 0, .35); backdrop-filter: none !important; color: #f4e7cf; }
html.dny-pano .nav-brand { background: none; -webkit-text-fill-color: #f4e7cf; color: #f4e7cf; font-family: 'Caveat', cursive; }
html.dny-pano .nav-brand span:last-child { font-family: 'Caveat', cursive !important; font-size: 1.7rem; }
html.dny-pano .nav-countdown-container, html.dny-pano .nav-profile-indicator { background: #f4e7cf; color: #2b2118; border: 0; border-radius: 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, .35); transform: rotate(-1deg); }
html.dny-pano .countdown-time { color: #b3192b; }
html.dny-pano .logout-btn { color: #f4e7cf; }
.pn-pano { position: absolute; inset: 0; overflow: hidden; cursor: grab; touch-action: none; outline: none;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.05), transparent 60%), repeating-linear-gradient(90deg, #6b4528 0 120px, #63401f 120px 124px); }
.pn-pano.suruk { cursor: grabbing; }
.pn-pano.suruk .pn-nesne { pointer-events: none; }
.pn-yuzey { position: absolute; left: 0; top: 0; transform-origin: 0 0; will-change: transform; border-radius: 18px;
  background:
    radial-gradient(circle at 20% 30%, rgba(80, 45, 15, .22) 1.2px, transparent 1.8px) 0 0 / 9px 9px,
    radial-gradient(circle at 70% 60%, rgba(255, 235, 200, .16) 1px, transparent 1.6px) 3px 4px / 11px 11px,
    radial-gradient(circle at 50% 50%, rgba(120, 70, 25, .18) 2px, transparent 3px) 1px 7px / 17px 17px,
    linear-gradient(135deg, #cfa06a, #bf8c55 55%, #c79760);
  box-shadow: inset 0 0 0 18px #8a5a32, inset 0 0 0 22px #6f4524, inset 0 0 60px 30px rgba(70, 40, 10, .35), 0 30px 80px rgba(0, 0, 0, .5); }
.pn-ipler { position: absolute; left: 0; top: 0; pointer-events: none; }
.pn-ipler path { fill: none; stroke: #b3192b; stroke-width: 2.4; opacity: .85; filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .3)); }
.pn-nesne { position: absolute; border: 0; padding: 0; background: none; cursor: pointer; transform: rotate(var(--r, 0deg)); color: #2b2118;
  font-family: 'Caveat', 'Segoe Print', cursive; transition: transform .35s cubic-bezier(.22,1,.36,1), filter .3s; filter: drop-shadow(0 8px 10px rgba(40, 20, 0, .35)); }
.pn-nesne::before { content: ''; position: absolute; top: -8px; left: 50%; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; z-index: 3;
  background: radial-gradient(circle at 35% 35%, #ff8f8f, #c0282d 60%, #7a0f13); box-shadow: 0 3px 3px rgba(0, 0, 0, .4); }
button.pn-nesne:hover, button.pn-nesne:focus-visible { transform: rotate(0deg) scale(1.06); z-index: 10; filter: drop-shadow(0 16px 18px rgba(40, 20, 0, .4)); outline: none; }
.pn-el { font-family: 'Caveat', cursive; font-size: 1.45rem; line-height: 1.05; display: block; }
.pn-baslik-el { font-family: 'Caveat', cursive; font-size: 1.7rem; font-weight: 700; display: block; margin-bottom: 4px; }
.pn-etiket { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; font: 700 1.5rem 'Caveat', cursive; }
.pn-tahta { cursor: default; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; border: 12px solid #8b5e34; border-radius: 6px;
  background: radial-gradient(ellipse at 40% 30%, #3b4a3e, #23302a); color: #f4f1e6; box-shadow: inset 0 0 30px rgba(0, 0, 0, .5); }
.pn-tahta b { font: 700 3.1rem 'Caveat', cursive; letter-spacing: .02em; text-shadow: 0 0 1px rgba(255, 255, 255, .6); }
.pn-serit { background: #fbf7ec; color: #2b2118; padding: 4px 14px; font: 600 1.35rem 'Caveat', cursive; transform: rotate(2deg); box-shadow: 0 3px 6px rgba(0, 0, 0, .3); }
.pn-serit em { font-style: normal; font-variant-numeric: tabular-nums; color: #b3192b; }
.pn-polaroid { position: absolute; left: 0; top: 0; width: 230px; height: 270px; background: #fdfcf8; padding: 12px 12px 48px; box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
  transform: translate(calc(var(--i) * 26px), calc(var(--i) * 14px)) rotate(calc((var(--i) - 1) * 6deg)); }
.pn-polaroid i { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #d9a07a, #b7678a) center / cover; }
.pn-polaroid.tek { position: relative; display: block; width: 170px; height: 200px; padding: 10px 10px 36px; transform: none; }
.pn-yigin .pn-etiket { bottom: -26px; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, .7); }
.pn-fis { background: #fffefa; padding: 18px 16px 34px; font-family: 'Special Elite', 'Courier New', monospace; text-align: left; display: flex; flex-direction: column; gap: 10px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), 95% 100%, 90% calc(100% - 10px), 85% 100%, 80% calc(100% - 10px), 75% 100%, 70% calc(100% - 10px), 65% 100%, 60% calc(100% - 10px), 55% 100%, 50% calc(100% - 10px), 45% 100%, 40% calc(100% - 10px), 35% 100%, 30% calc(100% - 10px), 25% 100%, 20% calc(100% - 10px), 15% 100%, 10% calc(100% - 10px), 5% 100%, 0 calc(100% - 10px)); }
.pn-fis-bas { font-weight: 700; font-size: 1.05rem; border-bottom: 1px dashed #999; padding-bottom: 6px; }
.pn-fis-satir { font-size: .95rem; line-height: 1.4; }
.pn-fis-tarih, .pn-fis-alt { font-size: .8rem; color: #777; }
.pn-defter { background: repeating-linear-gradient(#fffef6 0 29px, #9fc3e8 29px 30px) 0 46px / 100% 100% no-repeat, #fffef6; padding: 14px 18px 14px 44px; text-align: left;
  box-shadow: inset 34px 0 0 -32px #e05a5a; }
.pn-defter .pn-el { line-height: 30px; font-size: 1.5rem; }
.pn-kartpostal { background: #f6ecd8; padding: 18px 20px; text-align: left; border: 1px solid #e3d3b3; display: flex; flex-direction: column; justify-content: flex-end; }
.pn-pul { position: absolute; right: 14px; top: 14px; width: 62px; height: 72px; display: grid; place-items: center; font-size: 2rem; background: #fff; border: 4px dotted #f6ecd8; outline: 2px solid #c94f4f; }
.pn-damga { position: absolute; right: 70px; top: 22px; border: 2px solid rgba(60, 60, 140, .55); color: rgba(60, 60, 140, .7); border-radius: 50%; padding: 18px 8px; font: 700 .7rem 'Special Elite', monospace; transform: rotate(-14deg); }
.pn-zarf { background: #efe2c6; display: grid; place-items: end center; padding-bottom: 18px; overflow: visible; }
.pn-zarf::after { content: ''; position: absolute; inset: 0 0 45% 0; background: #e3d2ad; clip-path: polygon(0 0, 100% 0, 50% 100%); box-shadow: 0 2px 0 rgba(0, 0, 0, .1); }
.pn-muhur { position: absolute; left: 50%; top: 40%; z-index: 2; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; display: grid; place-items: center;
  background: radial-gradient(circle at 35% 35%, #d64a4a, #8e1b1b); color: #f7d6d6; font: 700 1.1rem 'Playfair Display', serif; box-shadow: 0 2px 4px rgba(0, 0, 0, .4); }
.pn-cerceve { padding: 16px; background: linear-gradient(135deg, #8b5a2b, #5e3a19); box-shadow: inset 0 0 0 3px #b08050; }
.pn-cerceve i { display: block; width: 100%; height: calc(100% - 34px); background: #fff linear-gradient(135deg, #f0d9a0, #e6a8c0) center / cover; box-shadow: inset 0 0 0 6px #f4ecd8; }
.pn-cerceve .pn-etiket { color: #f4ecd8; bottom: 4px; }
.pn-takvim { background: #fff; display: flex; flex-direction: column; align-items: center; padding: 0 10px 12px; text-align: center; overflow: hidden; }
.pn-takvim-ay { width: calc(100% + 20px); background: #c0282d; color: #fff; font: 800 1rem 'Playfair Display', serif; letter-spacing: .12em; padding: 10px 0 6px; }
.pn-takvim-gun { font: 900 5.2rem/1.05 'Playfair Display', serif; color: #2b2118; }
.pn-not { padding: 16px 16px; text-align: left; box-shadow: 0 10px 16px -8px rgba(0, 0, 0, .35); }
.pn-not.sari { background: linear-gradient(170deg, #fff6a8, #ffe56a); }
.pn-not.pembe { background: linear-gradient(170deg, #ffd0dc, #ffadc2); }
.pn-is { font-size: 1.35rem; margin-top: 2px; }
.pn-bilet { display: flex; background: #f7d778; border: 0; border-radius: 6px; overflow: hidden; }
.pn-bilet-sol { width: 30%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 2.2rem; border-right: 3px dashed #a8862d; background: #f0c95b; }
.pn-bilet-sol small, .pn-bilet-sag small { font: 700 .72rem 'Special Elite', monospace; letter-spacing: .1em; }
.pn-bilet-sag { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 0 16px; text-align: left; }
.pn-bilet-sag b { font: 900 1.25rem 'Playfair Display', serif; text-transform: uppercase; line-height: 1.1; }
.pn-kaset { background: #2b2b33; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; color: #222; }
.pn-kaset-etiket { background: #fdf5e0; border-radius: 4px; padding: 6px 10px; font: 700 1.35rem 'Caveat', cursive; text-align: left; border-top: 6px solid #e26d5a; }
.pn-kaset-makara { display: flex; justify-content: space-around; background: #1a1a20; border-radius: 30px; padding: 8px; }
.pn-kaset-makara i { width: 34px; height: 34px; border-radius: 50%; background: repeating-conic-gradient(#ddd 0 30deg, #555 30deg 60deg); animation: pnMakara 4s linear infinite; }
@keyframes pnMakara { to { transform: rotate(360deg); } }
.pn-kaset-alt { color: #ccc; font: 700 .75rem 'Special Elite', monospace; }
.pn-kartus { background: linear-gradient(#9a9aa6, #7d7d8a); border-radius: 10px 10px 4px 4px; padding: 22px 16px 34px; clip-path: polygon(0 0, 100% 0, 100% 85%, 88% 85%, 88% 100%, 12% 100%, 12% 85%, 0 85%); }
.pn-kartus-etiket { display: flex; flex-direction: column; align-items: center; gap: 4px; background: #fff; border-radius: 4px; padding: 14px 8px; font-size: 2rem; }
.pn-kartus-etiket b { font: 800 1rem 'Playfair Display', serif; }
.pn-kartus-etiket small { font: 600 .9rem 'Caveat', cursive; }
.pn-parca { display: grid; place-items: center; background: linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .55)), var(--foto, linear-gradient(135deg, #9bd0c8, #5b8fb8)) center / cover;
  -webkit-mask: radial-gradient(circle at 50% 0, #0000 26px, #000 27px) top / 100% 51% no-repeat, radial-gradient(circle at 100% 50%, #000 26px, #0000 27px) right / 100% 100% no-repeat, linear-gradient(#000 0 0) center / calc(100% - 52px) 100% no-repeat;
  border-radius: 6px; padding: 30px; }
.pn-parca span { display: flex; flex-direction: column; align-items: center; font-size: 2.4rem; }
.pn-parca b { font: 800 1.1rem 'Playfair Display', serif; }
.pn-domates { border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ff8a72, #e0352b 55%, #a51d18); display: grid; place-items: center; color: #fff; }
.pn-domates .pn-el { color: #fff; font-size: 1.6rem; text-shadow: 0 2px 2px rgba(0, 0, 0, .3); }
.pn-domates::before { display: none; }
.pn-domates-yaprak { position: absolute; top: -10px; left: 50%; width: 56px; height: 30px; margin-left: -28px; background: #2f9b4a; clip-path: polygon(50% 100%, 0 30%, 30% 40%, 50% 0, 70% 40%, 100% 30%); }
.pn-palet { background: #e8c89a; border-radius: 55% 45% 50% 50% / 60% 55% 45% 40%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.pn-boyalar { display: flex; gap: 8px; }
.pn-boyalar i { width: 26px; height: 26px; border-radius: 50%; }
.pn-boyalar i:nth-child(1) { background: #e63946; } .pn-boyalar i:nth-child(2) { background: #f4a261; } .pn-boyalar i:nth-child(3) { background: #2a9d8f; }
.pn-boyalar i:nth-child(4) { background: #457b9d; } .pn-boyalar i:nth-child(5) { background: #9b5de5; }
.pn-anahtar { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f2e6c9; border-radius: 8px 8px 50% 50%; font-size: 2.4rem; }
.pn-anahtar .pn-el { font-size: 1.15rem; }
.pn-sus { transform: rotate(var(--r)); }
.pn-araclar { position: absolute; left: 14px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 20; display: flex; align-items: center; gap: 6px; }
.pn-araclar button { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #3d2410; background: #f2e3c4; color: #3d2410; font: 700 1.2rem var(--font-sans); cursor: pointer; box-shadow: 0 4px 10px rgba(0, 0, 0, .35); }
.pn-araclar button:hover { background: #fff3da; }
.pn-araclar span { font: 700 1.3rem 'Caveat', cursive; color: #f2e3c4; text-shadow: 0 2px 3px rgba(0, 0, 0, .5); margin-left: 6px; }
.pn-ortu { position: absolute; inset: 0; z-index: 30; background: rgba(40, 24, 8, .55); display: flex; align-items: center; justify-content: center; padding: 22px; }
.pn-sayfa { position: relative; width: min(1200px, 100%); height: 100%; max-height: 900px; display: flex; flex-direction: column; border-radius: 3px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .55); background-image: radial-gradient(rgba(120, 90, 50, .05) 1px, transparent 1px); background-size: 6px 6px; }
.pn-bant { position: absolute; top: -14px; width: 130px; height: 34px; background: rgba(240, 225, 170, .78); box-shadow: 0 2px 4px rgba(0, 0, 0, .15); z-index: 2; }
.pn-bant.sol { left: 30px; transform: rotate(-6deg); } .pn-bant.sag { right: 30px; transform: rotate(5deg); }
.pn-sayfa-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 26px 8px; flex: none; }
.pn-sayfa-baslik { font: 700 2.3rem 'Caveat', cursive; color: #2b2118; }
.pn-geri { border: 2px solid #2b2118; background: #fffdf6; color: #2b2118; border-radius: 999px; padding: 7px 16px; font: 700 1.2rem 'Caveat', cursive; cursor: pointer; }
.pn-geri:hover { background: #2b2118; color: #fffdf6; }
.pn-sayfa-govde { flex: 1; min-height: 0; overflow: auto; padding: 6px 26px 30px; overscroll-behavior: contain; }
html.dny-pano .gezgin-balon, html.dny-pano .cat-bubble { background: linear-gradient(170deg, #fff6a8, #ffe56a) !important; color: #2b2118 !important; border: 0 !important; border-radius: 2px !important;
  font: 700 1.25rem/1.1 'Caveat', cursive !important; box-shadow: 0 8px 14px -6px rgba(0, 0, 0, .4) !important; backdrop-filter: none !important; }
@media (max-width: 760px) {
  .pn-araclar span { display: none; }
  .pn-ortu { padding: 0; }
  .pn-sayfa { max-height: none; border-radius: 0; }
  .pn-bant { display: none; }
  .pn-sayfa-bas { padding: 14px 14px 6px; }
  .pn-sayfa-baslik { font-size: 1.8rem; }
  .pn-sayfa-govde { padding: 4px 12px 24px; }
}

/* ##########################################################################
   BİZİM ODA
   ########################################################################## */
.od-oda { position: absolute; inset: 0; display: flex; overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
  background: linear-gradient(#e5c3b0 0, #e5c3b0 var(--zemin-y, 68%), #8a5a39 var(--zemin-y, 68%)); }
.od-oda::-webkit-scrollbar { display: none; }
.od-sahne { position: relative; flex: none; margin: auto; container-type: size; overflow: hidden; }
.od-duvar { position: absolute; inset: 0 0 32% 0; background: repeating-linear-gradient(90deg, #e9c8b4 0 3.2cqw, #e2bea9 3.2cqw 6.4cqw); }
.od-duvar::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0, rgba(255, 255, 255, .25), transparent 70%); }
.od-supurgelik { position: absolute; left: 0; right: 0; top: 66.5%; height: 1.6%; background: #f3e5d6; box-shadow: 0 .3cqh 0 #c9a98f; }
.od-zemin { position: absolute; inset: 68% 0 0 0; background: repeating-linear-gradient(90deg, #9b663f 0 9cqw, #8a5835 9cqw 9.15cqw), linear-gradient(#a06a42, #7d4f2e); background-blend-mode: multiply; }
.od-hali { position: absolute; border-radius: 50%; background: radial-gradient(ellipse, #c9655a 0 34%, #e8b866 34% 40%, #c9655a 40% 62%, #e8b866 62% 66%, #b4544a 66%); box-shadow: 0 .6cqh 1.2cqh rgba(0, 0, 0, .25); }
.od-esya { position: absolute; border: 0; padding: 0; background: none; cursor: pointer; display: block; transition: transform .3s cubic-bezier(.22,1,.36,1), filter .3s;
  filter: drop-shadow(0 .5cqh .6cqh rgba(60, 30, 10, .3)); }
.od-esya > span:not(.od-etiket), .od-esya > i { pointer-events: none; }
.od-esya:hover, .od-esya:focus-visible, .od-esya.secili { transform: translateY(-.5cqh); filter: drop-shadow(0 0 1.4cqh rgba(255, 210, 140, .95)) drop-shadow(0 .5cqh .6cqh rgba(60, 30, 10, .3)); outline: none; z-index: 5; }
.od-etiket { position: absolute; left: 50%; bottom: calc(100% + .8cqh); transform: translate(-50%, .6cqh); white-space: nowrap; pointer-events: none; z-index: 6;
  background: #fff7e8; color: #3b2a1c; font: 800 max(11px, 1.05cqw) var(--font-sans); padding: .35cqh .9cqw; border-radius: 999px; box-shadow: 0 .3cqh .8cqh rgba(0, 0, 0, .25);
  opacity: 0; transition: opacity .2s, transform .25s; }
.od-esya:hover .od-etiket, .od-esya:focus-visible .od-etiket { opacity: 1; transform: translate(-50%, 0); }
/* pencere */
.od-pencere { border: 1.2cqw solid #f1e3cc; border-radius: .6cqw; box-shadow: inset 0 0 0 .3cqw #d9c4a0, 0 .8cqh 1.4cqh rgba(0, 0, 0, .2); overflow: hidden; }
.od-gok { position: absolute; inset: 0; overflow: hidden; }
.gok-sabah .od-gok { background: linear-gradient(#9fc6ea, #ffd3b0); }
.gok-gunduz .od-gok { background: linear-gradient(#5aa7e8, #bfe3ff); }
.gok-aksam .od-gok { background: linear-gradient(#3d3a7a, #e2716a 70%, #f6b26b); }
.gok-gece .od-gok { background: linear-gradient(#070d26, #1d2c63); }
.od-gunes { position: absolute; right: 18%; top: 16%; width: 22%; aspect-ratio: 1; border-radius: 50%; background: #ffe680; box-shadow: 0 0 3cqw #ffd94d; }
.gok-aksam .od-gunes { top: 58%; background: #ffb067; box-shadow: 0 0 3cqw #ff8a3d; }
.od-bulut { position: absolute; height: 8%; border-radius: 99px; background: rgba(255, 255, 255, .9); animation: odBulut 40s linear infinite; }
.od-bulut.b1 { width: 38%; top: 26%; left: -40%; } .od-bulut.b2 { width: 26%; top: 44%; left: -30%; animation-delay: -18s; animation-duration: 55s; }
@keyframes odBulut { to { transform: translateX(26cqw); } }
.od-ay { position: absolute; right: 20%; top: 14%; width: 18%; aspect-ratio: 1; border-radius: 50%; background: #fff6d6; box-shadow: 0 0 2.6cqw #fff3c4, inset -.8cqw -.4cqw 0 #e8dcb2; }
.od-yildizlar i { position: absolute; width: .25cqw; height: .25cqw; border-radius: 50%; background: #fff; animation: odYildiz 3.5s ease-in-out infinite; }
@keyframes odYildiz { 50% { opacity: .25; } }
.od-sehir { position: absolute; left: 0; right: 0; bottom: 0; height: 26%; background:
  linear-gradient(#2a2340, #2a2340) 4% 100% / 12% 70% no-repeat, linear-gradient(#2a2340, #2a2340) 18% 100% / 9% 100% no-repeat,
  linear-gradient(#2a2340, #2a2340) 30% 100% / 14% 55% no-repeat, linear-gradient(#2a2340, #2a2340) 48% 100% / 8% 85% no-repeat,
  linear-gradient(#2a2340, #2a2340) 60% 100% / 16% 62% no-repeat, linear-gradient(#2a2340, #2a2340) 80% 100% / 10% 95% no-repeat, linear-gradient(#2a2340, #2a2340) 94% 100% / 8% 50% no-repeat; opacity: .85; }
.gok-gunduz .od-sehir, .gok-sabah .od-sehir { opacity: .45; }
.od-cita { position: absolute; left: -1cqw; right: -1cqw; top: -1cqw; height: 1.4cqw; background: #8b5e3c; border-radius: 99px; z-index: 2; }
.od-perde { position: absolute; top: 0; bottom: 0; width: 22%; background: repeating-linear-gradient(90deg, #b8436a 0 .8cqw, #a03a5d .8cqw 1.6cqw); transition: width .6s cubic-bezier(.22,1,.36,1); z-index: 1; }
.od-perde.sol { left: 0; } .od-perde.sag { right: 0; }
.od-pencere.kapali .od-perde { width: 51%; }
/* duvardakiler */
.od-cerceveler i { position: absolute; background: #ddd linear-gradient(135deg, #e8a87c, #c76a8a) center / cover; border: .55cqw solid #6e4a2e; box-shadow: inset 0 0 0 .35cqw #f2e7d3, 0 .5cqh 1cqh rgba(0, 0, 0, .25); }
.od-cerceveler .c0 { left: 0; top: 0; width: 54%; height: 62%; }
.od-cerceveler .c1 { right: 0; top: 4%; width: 40%; height: 46%; }
.od-cerceveler .c2 { left: 22%; bottom: 0; width: 46%; height: 34%; }
.od-tablo { position: absolute; inset: 0; padding: .7cqw; background: linear-gradient(135deg, #c9a24e, #8f6a1f); box-shadow: inset 0 0 0 .25cqw #f5dc93; }
.od-tablo i { display: block; width: 100%; height: 100%; background: #fff conic-gradient(from 30deg, #f7c6d0, #b9d7f0, #f9e2a4, #c7e6c1, #f7c6d0) center / cover; }
.od-saat { border-radius: 50%; }
.od-kadran { position: absolute; inset: 0; border-radius: 50%; background: #fffaf0; border: .45cqw solid #6e4a2e; box-shadow: inset 0 0 0 .2cqw #e3d3b3; }
.od-kadran i { position: absolute; left: 50%; bottom: 50%; transform-origin: 50% 100%; border-radius: 99px; background: #3b2a1c; }
.od-kadran .ak { width: .35cqw; height: 26%; margin-left: -.175cqw; }
.od-kadran .yk { width: .25cqw; height: 38%; margin-left: -.125cqw; }
.od-kadran .sn { width: .1cqw; height: 40%; margin-left: -.05cqw; background: #d64545; }
.od-kadran b { position: absolute; left: 50%; top: 50%; width: .7cqw; height: .7cqw; margin: -.35cqw; border-radius: 50%; background: #d64545; }
.od-takvim { position: absolute; inset: 0; background: #fff; border-radius: .3cqw; display: flex; flex-direction: column; align-items: center; overflow: hidden; color: #3b2a1c; box-shadow: 0 .3cqh .8cqh rgba(0, 0, 0, .2); }
.od-takvim b { width: 100%; text-align: center; background: #c0392b; color: #fff; font: 800 1cqw var(--font-sans); padding: .5cqh 0; letter-spacing: .08em; }
.od-takvim span { font: 800 3.2cqw/1.1 'Fraunces', Georgia, serif; }
.od-takvim small { font: 700 .75cqw var(--font-sans); padding: 0 .4cqw; text-align: center; line-height: 1.15; }
.od-harita { position: absolute; inset: 0; background: #b9dbe8; border: .5cqw solid #f4ead7; box-shadow: 0 .4cqh 1cqh rgba(0, 0, 0, .2); overflow: hidden; }
.od-harita i { position: absolute; inset: 0; background:
  radial-gradient(ellipse 22% 30% at 26% 40%, #8fc47a 98%, transparent) , radial-gradient(ellipse 26% 22% at 62% 34%, #9bcf84 98%, transparent),
  radial-gradient(ellipse 14% 18% at 74% 70%, #8fc47a 98%, transparent), radial-gradient(ellipse 10% 14% at 36% 76%, #9bcf84 98%, transparent); }
.od-harita::after { content: '❤'; position: absolute; left: 58%; top: 28%; color: #d63a4f; font-size: 1.8cqw; text-shadow: 0 .2cqh .3cqh rgba(0, 0, 0, .3); }
.od-harita b { position: absolute; left: 0; right: 0; bottom: 6%; text-align: center; font: 700 1.6cqw 'Caveat', cursive; color: #2c4a5a; }
.od-mantar { position: absolute; inset: 0; background: #c79a63; border: .6cqw solid #8b5e34; box-shadow: 0 .4cqh 1cqh rgba(0, 0, 0, .25); }
.od-mantar i { position: absolute; width: 46%; padding: .4cqw; font: 700 .95cqw/1.05 'Caveat', cursive; color: #3b2a1c; box-shadow: 0 .3cqh .4cqh rgba(0, 0, 0, .2); }
.od-mantar .n0 { left: 6%; top: 8%; background: #fff3a0; transform: rotate(-4deg); }
.od-mantar .n1 { right: 6%; top: 20%; background: #ffc7d6; transform: rotate(5deg); }
.od-mantar .n2 { left: 22%; bottom: 8%; background: #c8ecff; transform: rotate(2deg); }
.od-raf { position: absolute; background: #8b5e3c; border-radius: .3cqw; box-shadow: 0 .6cqh 0 #6e4a2e; }
.od-kitaplar { position: absolute; inset: 0; display: flex; align-items: flex-end; gap: .3cqw; }
.od-kitaplar i { flex: 1; border-radius: .3cqw .3cqw 0 0; }
.od-kitaplar i:nth-child(1) { height: 92%; background: #d35d6e; } .od-kitaplar i:nth-child(2) { height: 100%; background: #f2b134; } .od-kitaplar i:nth-child(3) { height: 80%; background: #4f9da6; transform: rotate(8deg); transform-origin: bottom left; }
.od-sandik { position: absolute; inset: 0; background: linear-gradient(#a2683c, #7a4b28); border-radius: .8cqw .8cqw .3cqw .3cqw; box-shadow: inset 0 1.8cqh 0 -1.4cqh #c48a52; }
.od-sandik i { position: absolute; left: 50%; top: 38%; width: 1.4cqw; height: 1.4cqw; margin-left: -.7cqw; border-radius: .2cqw; background: #f2c14e; box-shadow: 0 0 .6cqw #f2c14e; }
.od-yapboz-kutu { position: absolute; inset: 0; display: grid; place-items: center; background: #6a7fdb; border-radius: .3cqw; font-size: 2.4cqw; box-shadow: inset 0 -.6cqh 0 rgba(0, 0, 0, .15); }
.od-masa { position: absolute; background: #9a6a45; border-radius: .4cqw; box-shadow: 0 .6cqh 0 #7a5034; }
.od-masa-ayak { position: absolute; background: #7a5034; border-radius: 0 0 .3cqw .3cqw; }
.od-lamba .od-abajur { position: absolute; left: 4%; right: 4%; top: 0; height: 34%; background: #f6d98b; clip-path: polygon(22% 0, 78% 0, 100% 100%, 0 100%); }
.od-lamba .od-govde { position: absolute; left: 47%; width: 6%; top: 34%; bottom: 6%; background: #5b4636; }
.od-lamba .od-govde::after { content: ''; position: absolute; left: -400%; right: -400%; bottom: -14%; height: 14%; background: #5b4636; border-radius: 99px; }
.od-lamba.acik .od-abajur { background: #ffe9a8; box-shadow: 0 0 4cqw 1.6cqw rgba(255, 214, 130, .75); }
.od-gunluk { position: absolute; inset: 0; background: #7e3b46; border-radius: .2cqw .6cqw .6cqw .2cqw; box-shadow: inset .6cqw 0 0 #5e2a33, inset 0 -.5cqh 0 #f3e9d6; }
.od-laptop { position: absolute; inset: 0; }
.od-laptop .ekran { position: absolute; left: 6%; right: 6%; top: 0; height: 74%; background: #1b1b22; border: .45cqw solid #3a3a44; border-radius: .6cqw .6cqw 0 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; color: #9fe8ff; box-shadow: inset 0 0 2cqw rgba(80, 200, 255, .35); }
.od-laptop .ekran b { font-size: 2cqw; } .od-laptop .ekran small { font: 700 .75cqw var(--font-sans); }
.od-laptop .klavye { position: absolute; left: 0; right: 0; bottom: 0; height: 26%; background: #b9b9c4; border-radius: 0 0 .6cqw .6cqw; clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%); }
.od-domates { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ff8a72, #e0352b 55%, #a51d18); }
.od-domates::before { content: ''; position: absolute; top: -12%; left: 25%; width: 50%; height: 30%; background: #2f9b4a; clip-path: polygon(50% 100%, 0 30%, 30% 40%, 50% 0, 70% 40%, 100% 30%); }
.od-alet, .od-konsol { position: absolute; inset: 0; display: grid; place-items: center; font-size: 3.4cqw; }
.od-dolap { position: absolute; background: linear-gradient(#a8744c, #8a5c3a); border-radius: .4cqw; box-shadow: inset 0 0 0 .3cqw #7a5034; }
.od-tv { position: absolute; inset: 0; }
.od-tv .ekran { position: absolute; inset: 0 0 10% 0; background: radial-gradient(ellipse at 50% 45%, #2a3f6b, #0a0e1c); border: .8cqw solid #23232b; border-radius: .9cqw;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4cqh; color: #d8ecff; text-align: center; padding: 0 1cqw;
  box-shadow: 0 0 3cqw rgba(110, 160, 255, .35); animation: odTv 5s steps(1) infinite; }
.od-tv .ekran b { font: 800 1.35cqw 'Fraunces', Georgia, serif; } .od-tv .ekran small { font: 700 .8cqw var(--font-sans); opacity: .8; }
@keyframes odTv { 0%, 100% { filter: none; } 47% { filter: brightness(1.25); } 48% { filter: brightness(.9); } }
.od-tv .ayak { position: absolute; left: 44%; right: 44%; bottom: 0; height: 10%; background: #23232b; }
.od-sehpa { position: absolute; background: #6e4a2e; border-radius: .4cqw; }
.od-pikap { position: absolute; inset: 0; background: linear-gradient(#d29a62, #a8744c); border-radius: .5cqw; }
.od-pikap .plak { position: absolute; left: 8%; top: 8%; width: 54%; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(#111 0 .25cqw, #2b2b2b .25cqw .5cqw);
  animation: odPlak 3s linear infinite; box-shadow: 0 0 0 .2cqw #000; }
.od-pikap .plak::after { content: ''; position: absolute; inset: 36%; border-radius: 50%; background: #e9576b; }
@keyframes odPlak { to { transform: rotate(360deg); } }
.od-pikap .kol { position: absolute; right: 12%; top: 12%; width: 3%; height: 60%; background: #ddd; transform: rotate(24deg); transform-origin: top; border-radius: 99px; }
.od-sovale { position: absolute; inset: 0; }
.od-sovale .tuval { position: absolute; left: 10%; right: 10%; top: 4%; height: 50%; background: #fff conic-gradient(from 120deg at 40% 60%, #ff8fab, #ffd166, #7bdff2, #b388ff, #ff8fab); border: .3cqw solid #f3eadb; box-shadow: 0 .4cqh .8cqh rgba(0, 0, 0, .25); }
.od-sovale .ayak1, .od-sovale .ayak2 { position: absolute; top: 0; bottom: 0; width: 7%; background: #8b5e3c; border-radius: 99px; }
.od-sovale .ayak1 { left: 20%; transform: rotate(8deg); } .od-sovale .ayak2 { right: 20%; transform: rotate(-8deg); }
.od-sovale .palet { position: absolute; left: 2%; bottom: 14%; width: 46%; height: 14%; background: #e8c89a; border-radius: 50%; box-shadow: inset .6cqw 0 0 #e63946, inset -.6cqw 0 0 #2a9d8f; }
.od-isik { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 6% 42%, rgba(255, 205, 130, .38), transparent 38%); transition: background .6s; }
.od-oda.karanlik .od-isik { background: radial-gradient(ellipse at 51% 50%, rgba(120, 170, 255, .22), transparent 30%), rgba(14, 18, 48, .58); }
.od-toz i { position: absolute; width: .3cqw; height: .3cqw; border-radius: 50%; background: rgba(255, 240, 200, .8); animation: odToz 10s ease-in-out infinite; }
.od-oda.karanlik .od-toz { display: none; }
@keyframes odToz { 0%, 100% { transform: translate(0, 0); opacity: 0; } 30% { opacity: .9; } 50% { transform: translate(2cqw, -4cqh); } 80% { opacity: .6; } }
.od-yatak { position: absolute; right: 0; bottom: 0; width: 250px; height: 92px; z-index: 3; pointer-events: none; }
.od-yatak .od-yorgan { position: absolute; inset: 22px 0 0 0; background: linear-gradient(#e6889b, #c76b7c); border-radius: 22px 0 0 0; box-shadow: inset 0 -18px 0 #a85566, 0 -4px 14px rgba(0, 0, 0, .25); }
.od-yatak .od-yastik { position: absolute; right: 18px; top: 4px; width: 120px; height: 34px; background: #f6efe9; border-radius: 16px; z-index: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, .2); }
html.dny-oda .floating-cat { bottom: 54px !important; }
html.dny-oda .gezgin:not(.gezgin-uc) { bottom: 10px; }
.od-defter { position: absolute; top: 14px; right: 14px; bottom: 14px; width: min(1060px, calc(100% - 28px)); z-index: 40; display: flex; flex-direction: column;
  border-radius: 6px 18px 18px 6px; box-shadow: -24px 0 70px rgba(30, 15, 5, .45); overflow: hidden;
  background-image: radial-gradient(circle at 14px 50%, #3b2a1c 3px, transparent 4px), linear-gradient(90deg, rgba(60, 40, 20, .08) 0 28px, transparent 28px);
  background-size: 28px 26px, 100% 100%; background-repeat: repeat-y, no-repeat; }
.od-kurdele { position: absolute; top: 0; right: 60px; width: 26px; height: 64px; background: #c2602e; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%); z-index: 2; }
.od-defter-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 110px 10px 44px; flex: none; border-bottom: 1px dashed rgba(60, 40, 20, .25); }
.od-defter-baslik { font: 800 1.7rem 'Fraunces', Georgia, serif; color: #3b2a1c; }
.od-geri { border: 0; background: #3b2a1c; color: #fff7e8; border-radius: 999px; padding: 8px 16px; font: 700 .9rem var(--font-sans); cursor: pointer; }
.od-defter-govde { flex: 1; min-height: 0; overflow: auto; padding: 14px 26px 30px 44px; overscroll-behavior: contain; }
html.dny-oda .gezgin-balon, html.dny-oda .cat-bubble { background: #fff7e8 !important; color: #3b2a1c !important; border: 0 !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .25) !important; backdrop-filter: none !important; }
@media (max-width: 760px) {
  .od-defter { inset: 0; width: auto; border-radius: 0; background-image: none; }
  .od-kurdele { display: none; }
  .od-defter-bas { padding: 12px 14px 8px; }
  .od-defter-govde { padding: 10px 12px 24px; }
  .od-defter-baslik { font-size: 1.3rem; }
  .od-yatak { width: 190px; height: 80px; }
  html.dny-oda .floating-cat { bottom: 42px !important; }
  .od-etiket { opacity: 1; transform: translate(-50%, 0); font-size: 10px; }
}

/* ##########################################################################
   GAZETE
   ########################################################################## */
html.dny-gazete body, html.dny-liste body { overflow: auto; }
html.dny-gazete #dunya-kok, html.dny-liste #dunya-kok { position: relative; top: auto; bottom: auto; overflow: visible; min-height: calc(100vh - 80px); }
html.dny-gazete .app-container, html.dny-liste .app-container { padding-top: 70px; }
html.dny-gazete body { background: #f3efe4 !important; }
html.dny-gazete .navbar { background: #f3efe4 !important; border-bottom: 3px double #1d1712; box-shadow: none; backdrop-filter: none !important; color: #1d1712; border-radius: 0; }
html.dny-gazete .nav-brand { background: none; -webkit-text-fill-color: #1d1712; color: #1d1712; font-family: 'UnifrakturMaguntia', serif; }
html.dny-gazete .nav-brand span:last-child { font-family: 'UnifrakturMaguntia', serif !important; font-weight: 400 !important; font-size: 1.35rem; }
html.dny-gazete .nav-countdown-container { background: transparent; border: 1px solid #1d1712; border-radius: 0; color: #1d1712; font-family: 'Libre Franklin', var(--font-sans); }
html.dny-gazete .countdown-time { color: #b3261e; }
html.dny-gazete .nav-profile-indicator { background: transparent; border: 1px solid #1d1712; border-radius: 0; color: #1d1712; }
html.dny-gazete .logout-btn { color: #1d1712; }
.gz-kagit { background: #f3efe4; color: #16130f; min-height: calc(100vh - 70px); font-family: Georgia, 'Times New Roman', serif;
  background-image: radial-gradient(rgba(60, 40, 20, .045) 1px, transparent 1px); background-size: 5px 5px; }
.gz-on, .gz-makale { max-width: 1280px; margin: 0 auto; padding: 22px max(16px, 3vw) 90px; }
.gz-kunye { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; border-bottom: 1px solid #16130f; padding-bottom: 6px;
  font: 700 .72rem 'Libre Franklin', var(--font-sans); letter-spacing: .14em; text-transform: uppercase; }
.gz-ad { margin: 12px 0 4px; text-align: center; font: 400 clamp(2.6rem, 9vw, 6.4rem)/1 'UnifrakturMaguntia', serif; }
.gz-ad a { color: inherit; text-decoration: none; }
.gz-alt { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-style: italic; border-top: 1px solid #16130f; border-bottom: 4px double #16130f; padding: 6px 0; margin-bottom: 22px; }
.gz-hava b { font-style: normal; color: #b3261e; font-variant-numeric: tabular-nums; }
.gz-kat { display: inline-block; font: 800 .68rem 'Libre Franklin', var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: #6b6156; margin-bottom: 6px; }
.gz-kat.kirmizi { color: #b3261e; }
.gz-manset { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 30px; border-bottom: 1px solid #16130f; padding-bottom: 24px; }
.gz-manset h2 { font: 900 clamp(1.8rem, 4.2vw, 3.4rem)/1.04 'Playfair Display', Georgia, serif; margin: 0 0 14px; text-wrap: balance; }
.gz-manset h2 a, .gz-haber h3 a { color: inherit; text-decoration: none; }
.gz-manset h2 a:hover, .gz-haber h3 a:hover { color: #b3261e; }
.gz-foto { position: relative; display: block; aspect-ratio: 16 / 9; max-width: 100%; background: var(--foto) center / cover #bbb; filter: grayscale(1) contrast(1.12) brightness(1.04); margin-bottom: 10px; }
.gz-foto::after { content: ''; position: absolute; inset: 0; background: radial-gradient(rgba(0, 0, 0, .28) .9px, transparent 1.3px) 0 0 / 4px 4px; }
.gz-spot { font-size: 1.08rem; line-height: 1.6; margin: 0; }
.gz-yan { border-left: 1px solid #16130f; padding-left: 24px; display: flex; flex-direction: column; gap: 18px; }
.gz-yan h4 { font: 800 .72rem 'Libre Franklin', var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: #b3261e; margin: 0 0 8px; }
.gz-yan ul { list-style: none; margin: 0; padding: 0; }
.gz-yan li { border-bottom: 1px solid rgba(22, 19, 15, .2); padding: 9px 0; }
.gz-yan li a { color: inherit; text-decoration: none; font: 700 1.02rem/1.3 'Playfair Display', Georgia, serif; display: block; }
.gz-yan li a span { display: block; font: 800 .62rem 'Libre Franklin', var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: #6b6156; margin-bottom: 2px; }
.gz-yan li a:hover { color: #b3261e; }
.gz-kutu { border: 1px solid #16130f; padding: 14px; background: #fbf8f1; }
.gz-alinti { font: italic 400 1.25rem/1.4 'Playfair Display', Georgia, serif; margin: 0 0 6px; }
.gz-kutu small { font: 700 .7rem 'Libre Franklin', var(--font-sans); letter-spacing: .1em; text-transform: uppercase; color: #6b6156; }
.gz-cizgi { display: flex; align-items: center; gap: 14px; margin: 26px 0 12px; font: 800 .74rem 'Libre Franklin', var(--font-sans); letter-spacing: .2em; text-transform: uppercase; }
.gz-cizgi::before, .gz-cizgi::after { content: ''; flex: 1; border-top: 1px solid #16130f; }
.gz-sutunlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.gz-haber { padding: 14px 18px 18px; border-top: 1px solid #16130f; border-right: 1px solid rgba(22, 19, 15, .25); }
.gz-haber:nth-child(4n) { border-right: 0; }
.gz-haber h3 { font: 700 1.3rem/1.15 'Playfair Display', Georgia, serif; margin: 2px 0 8px; }
.gz-haber p { margin: 0 0 8px; line-height: 1.5; font-size: .95rem; }
.gz-devam { font: 800 .7rem 'Libre Franklin', var(--font-sans); letter-spacing: .12em; text-transform: uppercase; color: #b3261e; text-decoration: none; }
.gz-alt-bant { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 30px; padding-top: 18px; border-top: 4px double #16130f; }
.gz-kose h3 { font: 900 1.4rem 'Playfair Display', Georgia, serif; margin: 2px 0 8px; }
.gz-kose p { line-height: 1.55; margin: 0 0 6px; }
.gz-kose small { color: #6b6156; font-style: italic; }
.gz-el { font: italic 1.15rem/1.5 'Playfair Display', Georgia, serif; }
.gz-dugme { border: 1px solid #16130f; background: #16130f; color: #f3efe4; padding: 8px 16px; font: 800 .74rem 'Libre Franklin', var(--font-sans); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.gz-son { margin-top: 34px; border-top: 1px solid #16130f; padding-top: 10px; text-align: center; font: 700 .7rem 'Libre Franklin', var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: #6b6156; }
.gz-makale-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-bottom: 4px double #16130f; padding-bottom: 8px; margin-bottom: 18px; }
.gz-geri { font: 800 .74rem 'Libre Franklin', var(--font-sans); letter-spacing: .12em; text-transform: uppercase; color: #16130f; text-decoration: none; border: 1px solid #16130f; padding: 7px 12px; }
.gz-geri:hover { background: #16130f; color: #f3efe4; }
.gz-mini-ad { font: 400 1.6rem 'UnifrakturMaguntia', serif; }
.gz-makale-bas h2 { font: 900 clamp(2.2rem, 6vw, 4.4rem)/1 'Playfair Display', Georgia, serif; margin: 0 0 12px; }
.gz-makale-bas .gz-spot { max-width: 70ch; border-bottom: 1px solid #16130f; padding-bottom: 16px; margin-bottom: 18px; }
.gz-makale-govde { background: transparent; font-family: var(--font-sans); }
html.dny-gazete .gezgin, html.dny-gazete .floating-cat { filter: grayscale(1) contrast(1.1); }
html.dny-gazete .gezgin-balon, html.dny-gazete .cat-bubble { background: #fbf8f1 !important; color: #16130f !important; border: 1px solid #16130f !important; border-radius: 0 !important;
  font: italic 1rem/1.35 'Playfair Display', Georgia, serif !important; box-shadow: 3px 3px 0 #16130f !important; backdrop-filter: none !important; }
html.dny-gazete .gezgin-ad, html.dny-gazete .cat-label { background: #16130f; color: #f3efe4; border-radius: 0; }
@media (max-width: 900px) {
  .gz-manset { grid-template-columns: 1fr; }
  .gz-yan { border-left: 0; padding-left: 0; border-top: 1px solid #16130f; padding-top: 14px; }
  .gz-sutunlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gz-haber:nth-child(4n) { border-right: 1px solid rgba(22, 19, 15, .25); } .gz-haber:nth-child(2n) { border-right: 0; }
  .gz-alt-bant { grid-template-columns: 1fr; }
}
@media (max-width: 520px) { .gz-sutunlar { grid-template-columns: 1fr; } .gz-haber { border-right: 0 !important; } }

/* ##########################################################################
   Y2K ÇATAPAT
   ########################################################################## */
html.dny-y2k #dunya-kok { background: #c6ff3d; }
html.dny-y2k .navbar { background: #ff2bd6 !important; border-bottom: 4px solid #120a2a; border-radius: 0; box-shadow: none; backdrop-filter: none !important; color: #fff; font-family: 'Bricolage Grotesque', var(--font-sans); }
html.dny-y2k .nav-brand { background: none; -webkit-text-fill-color: #fff; color: #fff; text-shadow: 3px 3px 0 #120a2a; }
html.dny-y2k .nav-brand span:last-child { font-family: 'Bricolage Grotesque', var(--font-sans) !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: -.02em; }
html.dny-y2k .nav-countdown-container { background: #120a2a; color: #c6ff3d; border: 3px solid #120a2a; border-radius: 0; box-shadow: 4px 4px 0 #2b6bff; font-family: 'Press Start 2P', monospace; font-size: .62rem; }
html.dny-y2k .countdown-time { color: #ffe600; }
html.dny-y2k .nav-profile-indicator { background: #fff; color: #120a2a; border: 3px solid #120a2a; border-radius: 0; box-shadow: 4px 4px 0 #120a2a; font-weight: 800; }
html.dny-y2k .logout-btn { color: #fff; }
.y2-dunya { position: absolute; inset: 0; overflow: hidden; font-family: 'Bricolage Grotesque', var(--font-sans); color: #120a2a; }
.y2-izgara { position: absolute; inset: 0; background: linear-gradient(#120a2a 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, #120a2a 1px, transparent 1px) 0 0 / 44px 44px; opacity: .12; }
.y2-kayan { position: absolute; left: 0; right: 0; top: 0; height: 40px; background: #120a2a; color: #c6ff3d; display: flex; align-items: center; overflow: hidden; z-index: 3; border-bottom: 3px solid #120a2a; }
.y2-kayan-ic { display: flex; white-space: nowrap; font: 800 1rem 'Bricolage Grotesque', var(--font-sans); animation: y2Kay 38s linear infinite; }
.y2-kayan-ic span { padding-right: 40px; }
.y2-kayan-ic b { color: #ffe600; font-variant-numeric: tabular-nums; }
@keyframes y2Kay { to { transform: translateX(-50%); } }
.y2-dev { position: absolute; left: 3%; top: 54px; margin: 0; font: 800 clamp(3rem, 7.6vw, 7.4rem)/.86 'Bricolage Grotesque', var(--font-sans); letter-spacing: -.05em; color: #120a2a;
  text-shadow: 6px 6px 0 #ff2bd6, 12px 12px 0 #2b6bff; pointer-events: none; z-index: 1; opacity: .95; }
.y2-ucanlar i { position: absolute; font-style: normal; font-size: 2.4rem; z-index: 1; animation: y2Ucus 9s ease-in-out infinite; pointer-events: none; }
.y2-ucanlar i:nth-child(1) { left: 62%; top: 16%; } .y2-ucanlar i:nth-child(2) { left: 86%; top: 42%; animation-delay: -2s; } .y2-ucanlar i:nth-child(3) { left: 12%; top: 70%; animation-delay: -4s; }
.y2-ucanlar i:nth-child(4) { left: 46%; top: 86%; animation-delay: -6s; } .y2-ucanlar i:nth-child(5) { left: 92%; top: 12%; animation-delay: -1s; } .y2-ucanlar i:nth-child(6) { left: 30%; top: 40%; animation-delay: -3s; }
@keyframes y2Ucus { 0%, 100% { transform: translate(0, 0) rotate(0); } 33% { transform: translate(24px, -30px) rotate(20deg); } 66% { transform: translate(-20px, 14px) rotate(-14deg); } }
.y2-ciks { position: absolute; left: 0; right: 0; top: clamp(200px, 30vh, 290px); bottom: 50px; z-index: 2; }
.y2-cik { --bg: #fff; --fg: #120a2a; position: absolute; transform: translate(-50%, -50%) rotate(var(--r, 0deg)); display: flex; flex-direction: column; align-items: center; gap: 2px;
  min-width: 150px; max-width: 210px; padding: 12px 16px; background: var(--bg); color: var(--fg); border: 3px solid #120a2a; box-shadow: 6px 6px 0 #120a2a; cursor: pointer;
  font-family: 'Bricolage Grotesque', var(--font-sans); text-align: center; transition: transform .16s, box-shadow .16s; animation: y2Gir .5s cubic-bezier(.34,1.56,.64,1) both; animation-delay: var(--g, 0s); }
@keyframes y2Gir { from { opacity: 0; transform: translate(-50%, -50%) rotate(var(--r)) scale(.3); } }
.y2-cik:hover, .y2-cik:focus-visible { transform: translate(calc(-50% - 3px), calc(-50% - 3px)) rotate(0deg) scale(1.06); box-shadow: 10px 10px 0 #120a2a; z-index: 5; outline: none; animation: y2Salla .5s ease-in-out infinite alternate; }
@keyframes y2Salla { from { rotate: -2deg; } to { rotate: 2deg; } }
.y2-cik:active { transform: translate(-50%, -50%) scale(.96); box-shadow: 2px 2px 0 #120a2a; }
.y2-cik-ikon { font-size: 1.8rem; line-height: 1; }
.y2-cik b { font-size: 1rem; font-weight: 800; letter-spacing: -.01em; }
.y2-cik small { font-size: .72rem; font-weight: 500; line-height: 1.2; opacity: .9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.y2-yildiz { min-width: 0; width: 150px; height: 150px; padding: 0; justify-content: center; border: 0; box-shadow: none; filter: drop-shadow(5px 5px 0 #120a2a);
  clip-path: polygon(50% 0, 61% 33%, 97% 35%, 68% 57%, 79% 92%, 50% 71%, 21% 92%, 32% 57%, 3% 35%, 39% 33%); font-weight: 800; font-size: .82rem; line-height: 1.15; }
.y2-yildiz span { display: block; padding-top: 14px; }
.y2-yildiz:hover { box-shadow: none; filter: drop-shadow(8px 8px 0 #120a2a); }
.y2-cd { min-width: 0; width: 150px; height: 150px; padding: 0; border-radius: 50%; justify-content: center; background: none; border: 0; box-shadow: none; }
.y2-cd-disk { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, #c6ff3d 0 9%, #120a2a 9% 11%, transparent 11%), conic-gradient(#ff2bd6, #ffe600, #00e0b8, #2b6bff, #ff2bd6);
  border: 3px solid #120a2a; box-shadow: 6px 6px 0 #120a2a; animation: y2Don 4s linear infinite; }
@keyframes y2Don { to { transform: rotate(360deg); } }
.y2-cd b { position: relative; background: #fff; border: 2px solid #120a2a; padding: 2px 8px; font-size: .85rem; transform: translateY(46px); }
.y2-sayac { position: absolute; left: 14px; bottom: 8px; z-index: 3; background: #120a2a; color: #c6ff3d; font: .6rem 'Press Start 2P', monospace; padding: 8px 10px; border: 3px solid #fff; box-shadow: 4px 4px 0 #ff2bd6; }
.y2-sayac b { color: #ffe600; letter-spacing: .1em; }
.y2-bant { position: absolute; right: -40px; bottom: 26px; z-index: 3; transform: rotate(-5deg); padding: 6px 60px; font: 800 .8rem 'Bricolage Grotesque', var(--font-sans);
  background: repeating-linear-gradient(-45deg, #ffe600 0 18px, #120a2a 18px 36px); color: #fff; text-shadow: 0 0 4px #120a2a, 1px 1px 0 #120a2a; border: 3px solid #120a2a; }
.y2-pencere { position: absolute; inset: 52px 4% 24px; z-index: 30; display: flex; flex-direction: column; background: #fff; border: 4px solid #120a2a; box-shadow: 14px 14px 0 #ff2bd6, 14px 14px 0 4px #120a2a; }
.y2-pencere-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px 8px 16px; flex: none; border-bottom: 4px solid #120a2a;
  background: repeating-linear-gradient(90deg, #ff2bd6 0 24px, #ff5fe0 24px 48px); }
.y2-pencere-ad { font: 800 clamp(1rem, 2.4vw, 1.5rem) 'Bricolage Grotesque', var(--font-sans); color: #fff; text-shadow: 3px 3px 0 #120a2a; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.y2-kapat { border: 3px solid #120a2a; background: #ffe600; color: #120a2a; font: 800 .9rem 'Bricolage Grotesque', var(--font-sans); padding: 5px 12px; cursor: pointer; box-shadow: 3px 3px 0 #120a2a; }
.y2-kapat:active { transform: translate(3px, 3px); box-shadow: none; }
.y2-govde { flex: 1; min-height: 0; overflow: auto; padding: 18px 22px 28px; overscroll-behavior: contain; }
html.dny-y2k .gezgin-govde { filter: drop-shadow(2px 0 0 #120a2a) drop-shadow(-2px 0 0 #120a2a) drop-shadow(0 2px 0 #120a2a) drop-shadow(0 -2px 0 #120a2a); }
html.dny-y2k .gezgin-balon, html.dny-y2k .cat-bubble { background: #fff !important; color: #120a2a !important; border: 3px solid #120a2a !important; border-radius: 0 !important;
  font: 800 .92rem/1.25 'Bricolage Grotesque', var(--font-sans) !important; box-shadow: 5px 5px 0 #ff2bd6 !important; backdrop-filter: none !important; }
@media (max-width: 640px) {
  .y2-dunya { overflow-y: auto; }
  .y2-ciks { position: relative; top: 0; margin-top: 160px; bottom: auto; }
  .y2-dev { font-size: 3.4rem; }
  .y2-cik { min-width: 130px; max-width: 160px; padding: 10px; }
  .y2-yildiz, .y2-cd { width: 128px; height: 128px; }
  .y2-cd b { transform: translateY(40px); }
  .y2-pencere { inset: 44px 6px 12px; box-shadow: 6px 6px 0 #ff2bd6; }
  .y2-govde { padding: 12px; }
  .y2-sayac { position: fixed; bottom: 6px; }
  .y2-bant { display: none; }
}

/* ##########################################################################
   SADE LİSTE
   ########################################################################## */
html.dny-liste body { background: #efece6 !important; }
html.dny-liste .navbar { background: rgba(239, 236, 230, .92) !important; border-bottom: 1px solid #141414; border-radius: 0; box-shadow: none; backdrop-filter: none !important; color: #141414; }
html.dny-liste .nav-brand { background: none; -webkit-text-fill-color: #141414; color: #141414; }
html.dny-liste .nav-brand span:last-child { font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; font-style: italic; font-size: 1.45rem; }
html.dny-liste .nav-countdown-container, html.dny-liste .nav-profile-indicator { background: transparent; border: 1px solid #141414; color: #141414; border-radius: 999px; }
html.dny-liste .countdown-time { color: #141414; }
html.dny-liste .logout-btn { color: #141414; }
.ls-sayfa { max-width: 1440px; margin: 0 auto; padding: 26px max(16px, 3vw) 130px; color: #141414; font-family: 'Inter Tight', var(--font-sans); }
.ls-ust { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font: 700 .72rem 'Inter Tight', var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: #6d6a63; }
.ls-ust b { color: #141414; font-variant-numeric: tabular-nums; }
.ls-giris { font: italic 400 clamp(1.3rem, 2.6vw, 2rem) 'Instrument Serif', Georgia, serif; margin: 34px 0 18px; max-width: 30ch; }
.ls-liste { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #141414; }
.ls-liste a { display: flex; align-items: baseline; gap: clamp(10px, 2vw, 26px); border-top: 1px solid #141414; padding: 8px 0 6px; color: #141414; text-decoration: none;
  transition: padding .4s cubic-bezier(.22,1,.36,1), color .2s; }
.ls-no { font: 700 .74rem 'Inter Tight', var(--font-sans); color: #8b877e; min-width: 28px; }
.ls-ad { font: 400 clamp(2rem, 6.6vw, 5rem)/1.04 'Instrument Serif', Georgia, serif; letter-spacing: -.01em; }
.ls-liste small { margin-left: auto; font: italic 400 1.05rem 'Instrument Serif', Georgia, serif; color: #6d6a63; white-space: nowrap; }
.ls-liste a:hover, .ls-liste a:focus-visible { padding-left: clamp(14px, 3vw, 46px); outline: none; }
.ls-liste a:hover .ls-ad, .ls-liste a:focus-visible .ls-ad { font-style: italic; }
.ls-alt { display: flex; justify-content: space-between; margin-top: 18px; font: 700 .7rem 'Inter Tight', var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: #8b877e; }
.ls-takip { position: fixed; left: 0; top: 0; z-index: 20; width: 270px; height: 200px; pointer-events: none; background: #d8d3c8 center / cover no-repeat; border-radius: 2px;
  opacity: 0; scale: .85; transition: opacity .25s, scale .35s cubic-bezier(.22,1,.36,1); box-shadow: 0 24px 50px rgba(0, 0, 0, .25); will-change: transform; }
.ls-takip.gor { opacity: 1; scale: 1; }
.ls-takip.bos { background-image: linear-gradient(135deg, #d8c9b0, #b9a58a) !important; }
.ls-tam { position: fixed; left: 0; right: 0; top: 70px; bottom: 0; z-index: 30; overflow-y: auto; overscroll-behavior: contain; padding: 22px max(16px, 3vw) 70px;
  background: #141414; color: #efece6;
  --bg-primary: #141414; --bg-secondary: #1b1b1b; --bg-rgb: 20, 20, 20; --bg-glass: rgba(255, 255, 255, .045); --bg-glass-hover: rgba(255, 255, 255, .08);
  --border-glass: rgba(255, 255, 255, .14); --text-primary: #efece6; --text-secondary: #cfc9bc; --text-muted: #9a9488;
  --color-rose: #d2694b; --rose-rgb: 210, 105, 75; --color-violet: #3a3631; --violet-rgb: 58, 54, 49; --neon: 0; }
.ls-tam.aciliyor { clip-path: circle(0 at var(--x, 50%) var(--y, 50%)); }
.ls-tam.aciliyor.acildi { clip-path: circle(150% at var(--x, 50%) var(--y, 50%)); transition: clip-path .62s cubic-bezier(.65, 0, .35, 1); }
.ls-tam.kapaniyor { clip-path: circle(0 at var(--x, 50%) var(--y, 50%)); transition: clip-path .5s cubic-bezier(.65, 0, .35, 1); }
.ls-tam .glass-panel { backdrop-filter: none !important; }
.ls-tam-bas { display: flex; justify-content: space-between; align-items: center; font: 700 .72rem 'Inter Tight', var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: #9a9488; }
.ls-geri { border: 1px solid #efece6; background: none; color: #efece6; border-radius: 999px; padding: 8px 16px; font: 700 .72rem 'Inter Tight', var(--font-sans); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
.ls-geri:hover { background: #efece6; color: #141414; }
.ls-tam-baslik { font: italic 400 clamp(3rem, 10vw, 7.5rem)/.95 'Instrument Serif', Georgia, serif; margin: 18px 0 26px; letter-spacing: -.02em; }
.ls-govde { max-width: 1400px; margin: 0 auto; }
html.dny-liste .gezgin-balon, html.dny-liste .cat-bubble { background: #fff !important; color: #141414 !important; border: 1px solid #141414 !important; border-radius: 0 !important;
  font: italic 1.05rem/1.3 'Instrument Serif', Georgia, serif !important; box-shadow: none !important; backdrop-filter: none !important; }
html.dny-liste .gezgin-ad, html.dny-liste .cat-label { background: #141414; color: #efece6; border-radius: 0; }
@media (max-width: 700px) { .ls-liste small { display: none; } .ls-takip { display: none; } .ls-tam { top: 58px; } }