/* v1.2.2 Ödüller: görevler, Şans Çarkı, Mühür Takvimi, sezon etkinliği, tahta kostümleri, başarımlar, davet — özgün Gece Mührü kimliği */
.ex-head { position: relative; flex-wrap: wrap; }
.ex-wallet { margin-left: auto; align-self: center; display: inline-flex; gap: 4px; align-items: center; padding: 6px 10px; border-radius: 999px; font-size: 12.5px; background: linear-gradient(180deg, #2a2014, #140f0a); box-shadow: inset 0 0 0 1px rgba(214,178,106,.35); color: #ffe8b0; }
.ex-wallet .ico { width: 15px; height: 15px; }
.ex-tabs { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 14px; padding: 5px; border-radius: 16px; background: linear-gradient(180deg, rgba(30,24,16,.9), rgba(14,12,10,.9)); box-shadow: inset 0 0 0 1px rgba(214,178,106,.25); }
.ex-tabs a { position: relative; display: grid; justify-items: center; gap: 2px; padding: 7px 0; border-radius: 12px; color: var(--muted); font-size: 10px; font-weight: 600; text-decoration: none; }
.ex-tabs a .ico { width: 18px; height: 18px; }
.ex-tabs a.is-on { color: #2a1a06; background: linear-gradient(180deg, #ffe7a3, #d9a443); box-shadow: 0 4px 14px rgba(217,164,67,.35); }
.ex-dot { position: absolute; top: 2px; right: 4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 9px; background: radial-gradient(circle at 35% 30%, #ff7a6b, #b3201a); color: #fff; font: 700 10px/16px var(--f-body, sans-serif); font-style: normal; box-shadow: 0 0 0 2px #120e0b, 0 0 10px rgba(255,80,60,.6); animation: exPulse 1.8s ease-in-out infinite; }
@keyframes exPulse { 50% { transform: scale(1.12); } }
.ex-rw { display: inline-flex; gap: 6px; align-items: center; font-weight: 700; color: #ffe8b0; font-size: 13px; white-space: nowrap; }
.ex-rw .ico { width: 15px; height: 15px; margin-right: 1px; }
.ex-ok { display: inline-flex; align-items: center; gap: 4px; color: #8fe0a6; font-size: 12px; font-weight: 700; }
.ex-ok .ico { width: 15px; height: 15px; }
.ex-note { text-align: center; margin-top: 10px; }

/* Görevler */
.ex-quests, .ex-ach { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.ex-q, .ex-ach li { display: grid; grid-template-columns: 44px 1fr auto; gap: 10px; align-items: center; padding: 11px 12px; border-radius: 18px; background: linear-gradient(180deg, #221a12, #120e0b); box-shadow: 0 0 0 1.5px #5a4320, 0 8px 22px rgba(0,0,0,.35); }
.ex-q__ic { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: radial-gradient(circle at 35% 30%, #3b5d63, #142529); box-shadow: inset 0 0 0 1.5px #d6b26a; color: #ffe8b0; }
.ex-q b, .ex-ach b { display: block; font-size: 14px; color: #fff3d1; margin-bottom: 5px; }
.ex-q small, .ex-ach small { color: var(--muted); font-size: 11.5px; display: block; }
.ex-q__end { display: grid; justify-items: end; gap: 6px; }
.ex-q.is-ready, .ex-ach li.is-ready { box-shadow: 0 0 0 1.5px #f1d79a, 0 0 22px rgba(241,215,154,.25), 0 8px 22px rgba(0,0,0,.35); }
.ex-q.is-done, .ex-ach li.is-done { opacity: .62; }
.ex-chest { display: grid; grid-template-columns: 90px 1fr auto; gap: 10px; align-items: center; margin-top: 12px; padding: 10px 14px; border-radius: 20px; background: radial-gradient(120% 140% at 0% 50%, rgba(214,169,72,.22), transparent 60%), linear-gradient(180deg, #261c11, #120e0b); box-shadow: 0 0 0 1.5px #8c6a2f, 0 10px 26px rgba(0,0,0,.4); }
.ex-chest b { font-family: var(--f-display); font-size: 21px; color: #ffe8b0; display: block; } .ex-chest small { color: var(--muted); font-size: 12px; }
.ex-chest.is-ready svg { animation: exShake 1.6s ease-in-out infinite; filter: drop-shadow(0 0 14px rgba(255,220,140,.6)); }
@keyframes exShake { 0%, 70%, 100% { transform: rotate(0); } 75% { transform: rotate(-5deg); } 85% { transform: rotate(5deg); } }

/* Şans Çarkı */
.ex-wheel { position: relative; display: grid; justify-items: center; gap: 14px; padding: 18px 10px 16px; border-radius: 26px; background: radial-gradient(80% 60% at 50% 40%, rgba(214,169,72,.22), transparent 70%), linear-gradient(180deg, #1d1610, #0d0a08); box-shadow: 0 0 0 1.5px #8c6a2f, 0 14px 34px rgba(0,0,0,.5); overflow: hidden; }
.ex-wheel::before { content: ''; position: absolute; inset: -40%; background: conic-gradient(from 0deg, transparent 0 10%, rgba(255,230,160,.07) 12% 14%, transparent 16% 35%, rgba(255,230,160,.07) 37% 39%, transparent 41% 60%, rgba(255,230,160,.07) 62% 64%, transparent 66% 85%, rgba(255,230,160,.07) 87% 89%, transparent 91%); animation: exRays 24s linear infinite; pointer-events: none; }
@keyframes exRays { to { transform: rotate(360deg); } }
.ex-wheel__disc { width: min(84vw, 330px); aspect-ratio: 1; filter: drop-shadow(0 16px 26px rgba(0,0,0,.6)); position: relative; }
.ex-wheel__svg { width: 100%; height: 100%; display: block; }
.ex-wheel__ptr { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); z-index: 2; filter: drop-shadow(0 4px 6px rgba(0,0,0,.6)); }
.ex-wl { font: 800 19px var(--f-display, serif); fill: #fff6dc; paint-order: stroke; stroke: rgba(0,0,0,.55); stroke-width: 3px; }
.ex-ws { font: 700 9.5px var(--f-body, sans-serif); fill: #ffe8b0; text-transform: uppercase; letter-spacing: .06em; }
.ex-wheel__btns { display: grid; gap: 8px; justify-items: center; position: relative; }
.ex-odds ol li { grid-template-columns: 14px 1fr auto; }
.ex-odds ol li i { width: 12px; height: 12px; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); }

/* Mühür Takvimi */
.ex-cal { padding: 14px 12px; border-radius: 22px; background: linear-gradient(180deg, #f3e6c8, #dcc79c); color: #3a2a12; box-shadow: 0 0 0 2px #8c6a2f, 0 0 0 5px #2a1d0b, 0 14px 30px rgba(0,0,0,.5); display: grid; gap: 12px; }
.ex-cal ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
.ex-cal li { position: relative; display: grid; justify-items: center; gap: 2px; padding: 5px 1px 6px; border-radius: 10px; background: rgba(255,255,255,.45); box-shadow: inset 0 0 0 1px rgba(90,60,20,.25); min-height: 52px; }
.ex-cal li small { font-weight: 800; font-size: 11px; color: #6b4f1f; }
.ex-cal li .ex-rw { color: #3a2a12; font-size: 10.5px; gap: 2px; flex-wrap: wrap; justify-content: center; white-space: normal; }
.ex-cal li .ex-rw .ico { width: 12px; height: 12px; }
.ex-cal li.is-big { background: linear-gradient(180deg, #ffe7a3, #e2b04f); box-shadow: inset 0 0 0 1.5px #8c6a2f; }
.ex-cal li.is-next { box-shadow: inset 0 0 0 2px #c9302c, 0 0 14px rgba(201,48,44,.35); animation: exPulse 1.8s ease-in-out infinite; }
.ex-cal li.is-done > :not(.ex-stamp) { opacity: .45; }
.ex-stamp { position: absolute; inset: 4px; width: calc(100% - 8px); height: calc(100% - 8px); transform: rotate(-12deg); }
.ex-cal .muted { color: #6b5636; text-align: center; margin: 0; }
.ex-cal > .btn { justify-self: center; }

/* Etkinlik */
.ex-ev { display: grid; gap: 12px; padding: 14px; border-radius: 24px; background: radial-gradient(110% 80% at 0% 0%, color-mix(in srgb, var(--e1, #c2412b) 40%, transparent), transparent 60%), radial-gradient(90% 70% at 100% 100%, color-mix(in srgb, var(--e2, #f2b04a) 18%, transparent), transparent 60%), linear-gradient(180deg, #1f1610, #0d0a08); box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--e1, #c2412b) 60%, #6b5023), 0 14px 34px rgba(0,0,0,.5); }
.ex-ev__hero { display: grid; grid-template-columns: 104px 1fr; gap: 12px; align-items: center; }
.ex-ev__hero svg { animation: soFloat 4s ease-in-out infinite; filter: drop-shadow(0 0 22px color-mix(in srgb, var(--e2, #f2b04a) 55%, transparent)); }
.ex-ev__hero b { display: block; font-family: var(--f-display); font-size: 26px; color: #fff3d1; }
.ex-ev__hero p { margin: 4px 0 0; font-size: 13px; color: #e9dcc0; line-height: 1.45; }
.ex-ev__bar i { background: linear-gradient(90deg, var(--e1, #c2412b), var(--e2, #f2b04a)); }
.ex-ev__steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.ex-ev__steps li { display: grid; justify-items: center; gap: 4px; padding: 8px 4px; border-radius: 14px; background: rgba(0,0,0,.3); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); text-align: center; }
.ex-ev__steps li > b { font-family: var(--f-display); font-size: 20px; color: #ffe8b0; }
.ex-ev__steps li .ex-rw { font-size: 11px; white-space: normal; justify-content: center; flex-wrap: wrap; }
.ex-ev__steps li.is-ready { box-shadow: inset 0 0 0 1.5px var(--e2, #f2b04a), 0 0 16px color-mix(in srgb, var(--e2, #f2b04a) 40%, transparent); }
.ex-ev__steps li.is-done { opacity: .6; }
.ex-ev > .btn { justify-self: center; }

/* Kostümler */
.ex-skins { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.ex-skin { display: grid; justify-items: center; gap: 5px; padding: 12px 10px; border-radius: 20px; background: linear-gradient(180deg, #221a12, #120e0b); box-shadow: 0 0 0 1.5px #5a4320, 0 8px 22px rgba(0,0,0,.35); text-align: center; }
.ex-skin b { font-size: 14px; color: #fff3d1; } .ex-skin small { font-size: 11.5px; color: var(--muted); min-height: 2.4em; }
.ex-skin.is-on { box-shadow: 0 0 0 2px #f1d79a, 0 0 24px rgba(241,215,154,.3); }
.ex-skin.is-locked .ex-skin__pv { filter: saturate(.55) brightness(.75); }
.ex-skin__pv { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; width: 92px; height: 92px; padding: 6px; border-radius: 16px; border: 4px solid transparent;
  background: linear-gradient(#0b1418, #0b1418) padding-box, linear-gradient(135deg, var(--sk1), var(--sk2) 30%, var(--sk1) 60%, var(--sk2)) border-box; box-shadow: 0 8px 18px rgba(0,0,0,.5); }
.ex-skin__pv i { border-radius: 6px; background: linear-gradient(180deg, rgba(var(--cell), .95), rgba(var(--cell), .7)); }
.ex-skin__pv i.is-alt { background: linear-gradient(180deg, rgba(var(--cell2), .95), rgba(var(--cell2), .7)); }
.ex-lock { color: var(--muted); } .ex-lock .ico { width: 20px; height: 20px; }
/* Mühür Dünyası tahtasında kostüm çerçevesi */
.m3l[data-skin]:not([data-skin="gece"]) .m3l__board::before { background: linear-gradient(#0b1418, #0b1418) padding-box, linear-gradient(135deg, var(--sk1), var(--sk2) 18%, var(--sk1) 40%, var(--sk2) 58%, var(--sk1) 78%, var(--sk2)) border-box; }

/* Başarımlar */
.ex-ach li { grid-template-columns: 46px 1fr auto; }

/* Davet */
.ex-inv { display: grid; gap: 12px; }
.ex-inv__code { display: grid; justify-items: center; gap: 8px; padding: 18px 14px; border-radius: 22px; background: radial-gradient(90% 80% at 50% 0%, rgba(214,169,72,.25), transparent 70%), linear-gradient(180deg, #221a12, #120e0b); box-shadow: 0 0 0 1.5px #8c6a2f, 0 12px 30px rgba(0,0,0,.45); text-align: center; }
.ex-inv__code > b { font-family: var(--f-display); font-size: 38px; letter-spacing: .14em; background: linear-gradient(180deg, #fff2c9, #d9a94e); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ex-inv__code small { color: var(--muted); font-size: 12.5px; }
.ex-inv__use { padding: 12px 14px; border-radius: 18px; background: rgba(255,255,255,.035); box-shadow: inset 0 0 0 1px rgba(214,178,106,.2); display: grid; gap: 8px; }
.ex-inv__use small { color: var(--muted); }
.ex-inv__use div { display: grid; grid-template-columns: 1fr auto; gap: 8px; }

/* Merkez: Ödüller kartı */
.card-rewards { margin: 12px 0; padding: 12px; border-radius: 20px; background: linear-gradient(180deg, #1f1811, #120e0b); box-shadow: 0 0 0 1.5px #6b5023, 0 10px 26px rgba(0,0,0,.35); display: grid; gap: 10px; }
.card-rewards__ev { display: grid; padding: 12px 14px; border-radius: 16px; text-decoration: none; color: inherit; background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--e1) 55%, transparent), transparent 65%), linear-gradient(180deg, #2a1c12, #140d09); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--e2) 50%, transparent); }
.card-rewards__ev b { font-family: var(--f-display); font-size: 21px; color: #fff3d1; } .card-rewards__ev small { color: #e9dcc0; font-size: 12px; }
.card-rewards nav { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.card-rewards nav a { position: relative; display: grid; justify-items: center; gap: 3px; padding: 9px 2px; border-radius: 14px; background: rgba(255,255,255,.045); box-shadow: inset 0 0 0 1px rgba(214,178,106,.2); color: inherit; text-decoration: none; font-size: 11.5px; text-align: center; }
.card-rewards nav a b { font-weight: 600; line-height: 1.15; }
.card-rewards nav a .ico { color: var(--gold); }
@media (prefers-reduced-motion: reduce) { .ex-dot, .ex-wheel::before, .ex-chest.is-ready svg, .ex-cal li.is-next, .ex-ev__hero svg { animation: none; } }
.ex-cal > .btn--ghost, .ex-cal > .btn:disabled { color: #5a3e14; background: rgba(90,60,20,.12); box-shadow: inset 0 0 0 1.5px rgba(90,60,20,.35); opacity: 1; }