/* KELAM bordo-mürdüm oyun teması. Oyun durumlarının ayrımı erişilebilir kalır. */
.nur-shell,
.nur-shell.theme-seher,
.nur-shell.theme-sabah,
.nur-shell.theme-ogle,
.nur-shell.theme-ikindi,
.nur-shell.theme-aksam,
.nur-shell.theme-yatsi {
  background: #250918 !important;
  color: #fff8fb;
}

.nur-shell::before {
  background-image:
    linear-gradient(30deg, transparent 24%, rgba(255, 235, 243, .038) 25%, rgba(255, 235, 243, .038) 26%, transparent 27%, transparent 74%, rgba(255, 235, 243, .038) 75%, rgba(255, 235, 243, .038) 76%, transparent 77%),
    linear-gradient(150deg, transparent 24%, rgba(255, 235, 243, .038) 25%, rgba(255, 235, 243, .038) 26%, transparent 27%, transparent 74%, rgba(255, 235, 243, .038) 75%, rgba(255, 235, 243, .038) 76%, transparent 77%) !important;
}

.nur-glow {
  background: radial-gradient(circle, rgba(164, 51, 103, .24), rgba(91, 22, 52, .08) 42%, transparent 72%) !important;
}

.nur-header,
.nur-keyboard,
.glass-panel,
.glass-header {
  border-color: rgba(255, 225, 237, .16) !important;
  background: linear-gradient(145deg, rgba(69, 14, 42, .96), rgba(39, 8, 25, .96)) !important;
  box-shadow: 0 24px 62px rgba(15, 2, 9, .4), inset 0 1px rgba(255,255,255,.06) !important;
}

.nur-mihrab {
  border-color: rgba(225, 149, 180, .32) !important;
  background: linear-gradient(180deg, rgba(104, 24, 62, .7), rgba(43, 9, 28, .96)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 24px 64px rgba(15,2,9,.38) !important;
}

.nur-mihrab::before,
.nur-mihrab::after { border-color: rgba(224, 148, 179, .24) !important; }
.nur-brand { color: #fff5f9 !important; text-shadow: 0 2px 18px rgba(255,255,255,.1) !important; }

.nur-tile-empty { background: rgba(45, 10, 29, .9) !important; border-color: rgba(240, 189, 211, .18) !important; }
.nur-tile-active { background: #6d1d43 !important; border-color: #e0a0bb !important; color: #fff !important; }
.nur-tile-correct { background: #39785d !important; border-color: #8bc7a8 !important; color: #fff !important; }
.nur-tile-present { background: #e0bb54 !important; border-color: #f4d88b !important; color: #342811 !important; }
.nur-tile-absent { background: #62616b !important; border-color: #85848d !important; color: #fff !important; }

.nur-key-base { background: #5a1739 !important; border-bottom-color: #2d0a1d !important; color: #fff8fb !important; }
.nur-key-special { background: #efe1e7 !important; border-bottom-color: #b98b9e !important; color: #4a1230 !important; }
.nur-key-correct { background: #39785d !important; border-bottom-color: #204633 !important; color: #fff !important; }
.nur-key-present { background: #e0bb54 !important; border-bottom-color: #977827 !important; color: #342811 !important; }
.nur-key-absent { background: #62616b !important; border-bottom-color: #3c3b43 !important; color: #fff !important; opacity:1 !important; }

.glass-button,
.badge-card,
.journey-card { border-color: rgba(231, 170, 195, .16) !important; background: rgba(61, 13, 39, .74) !important; }
.badge-card-earned { border-color: rgba(238, 166, 197, .5) !important; background: linear-gradient(145deg, rgba(142, 39, 82, .82), rgba(69, 14, 42, .96)) !important; }
.journey-dot { background: #5a1739 !important; border-color: rgba(238,166,197,.24) !important; }
.journey-dot-done { background: #e5a2bd !important; border-color: #ffe7f0 !important; box-shadow: 0 0 10px rgba(229,162,189,.55) !important; }

.nur-shell [class*="text-emerald"],
.nur-shell [class*="text-amber"] { color: #f1b7cf !important; }
.nur-shell [class*="border-emerald"],
.nur-shell [class*="border-amber"] { border-color: rgba(234, 160, 191, .36) !important; }
.nur-shell [class*="bg-emerald"] { background-color: rgba(155, 47, 96, .3) !important; }
.nur-shell [class*="bg-amber"] { background-color: rgba(214, 161, 182, .2) !important; }
.nur-shell [class*="from-emerald"] { --tw-gradient-from: rgba(155, 47, 96, .42) var(--tw-gradient-from-position) !important; }
.nur-shell [class*="to-amber"] { --tw-gradient-to: rgba(214, 161, 182, .28) var(--tw-gradient-to-position) !important; }
.game-sheet-backdrop { position:fixed; inset:0; z-index:65; display:flex; align-items:flex-end; justify-content:center; padding:12px; }
.game-sheet-scrim { position:absolute; inset:0; border:0; background:rgba(20,9,19,.52); backdrop-filter:blur(8px); }
.game-sheet { position:relative; width:100%; max-width:420px; max-height:calc(100dvh - 24px); overflow-y:auto; border-radius:28px; padding:24px; text-align:left; }
.game-sheet>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.game-sheet>header small { font-size:10px; letter-spacing:.16em; opacity:.6; }
.game-sheet h2 { margin:5px 0 0; font-size:23px; font-weight:650; color:white; }
.game-sheet>header button { padding:10px; border-radius:50%; }
.game-menu-links { display:grid; gap:1px; border:1px solid rgba(255,255,255,.1); border-radius:18px; overflow:hidden; margin:12px 0; }
.game-menu-links button { display:flex; align-items:center; gap:13px; width:100%; padding:16px; background:rgba(255,255,255,.035); border:0; border-bottom:1px solid rgba(255,255,255,.06); color:#faf4f8; font-size:14px; text-align:left; }
.game-menu-links button:last-child { border-bottom:0; }
.game-menu-links button span { flex:1; }
.game-menu-links button small { font-size:12px; opacity:.6; }
.game-menu-links button:hover { background:rgba(255,255,255,.09); }
.game-simple-details { border:1px solid rgba(255,255,255,.1); border-radius:17px; margin:14px 0; text-align:left; }
.game-simple-details summary { cursor:pointer; padding:16px; font-size:13px; font-weight:500; color:#faf4f8; }
.game-simple-details .game-menu-links { border:0; margin:0; }
.game-profile-link { display:flex; justify-content:center; align-items:center; gap:10px; padding:14px; margin:20px auto 6px; color:#f5d5e4; background:transparent; border:0; font-size:13px; }
.game-cadence-note { font-size:11px; line-height:1.6; color:#bdabba; text-align:center; margin:15px 0 0; }
.game-simple-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:24px 0; }
.game-simple-stats>div { display:grid; gap:8px; padding:16px 5px; border-radius:17px; background:rgba(255,255,255,.05); }
.game-simple-stats strong { font-size:26px; font-weight:650; color:#fff; }
.game-simple-stats span { font-size:10px; color:#bdabba; }
.game-distribution-bars { display:grid; gap:10px; padding:10px 18px 18px; }
.game-distribution-bars>div { display:flex; align-items:center; gap:10px; font-size:12px; }
.game-distribution-bars i { flex:1; height:16px; background:rgba(255,255,255,.05); border-radius:5px; overflow:hidden; }
.game-distribution-bars b { display:block; height:100%; background:#c493b3; border-radius:5px; }
.game-simple-details>.game-cadence-note { margin:0 0 18px; }
/* The help examples use utility classes instead of board-state classes. */
.nur-shell [class~="bg-emerald-500/80"] { background:#39785d !important; border-color:#8bc7a8 !important; color:white !important; }
.nur-shell [class~="bg-amber-500/80"] { background:#e0bb54 !important; border-color:#f4d88b !important; color:#342811 !important; }
.nur-shell [class~="bg-slate-800/40"] { background:#62616b !important; border-color:#85848d !important; color:white !important; }
