/* ═══════════════════════════════════════════
   Karakter Arşivi — cinematic dossier UI
   ═══════════════════════════════════════════ */
.lore-page{
  --lore-nav-h:82px;
  --bg:#0f1115;
  --bg-2:#1c1f26;
  --bg-3:#161920;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f2f3f5;
  --muted:#8b919c;
  --muted-2:#5c6370;
  --accent:#3b82f6;
  --accent-soft:rgba(59,130,246,.14);
  --accent-line:rgba(59,130,246,.45);
  --radius:10px;
  --radius-sm:8px;
  --shadow:0 8px 28px rgba(0,0,0,.28);
  min-height:100vh;
  min-height:100dvh;
  color:var(--text);
  overflow-x:hidden;
  background:#000;
}
.lore-page .site-header.nb-07__bar{max-width:100%;box-sizing:border-box}
.lore-page .lore-nav{
  display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;
}
.lore-page .lore-nav .nb-07__link{
  padding:7px 14px;border-radius:6px;font-size:13.5px;font-weight:500;
  color:rgba(255,255,255,.72);letter-spacing:.01em;text-decoration:none;
  transition:background .15s ease,color .15s ease;
}
.lore-page .lore-nav .nb-07__link:hover{color:#fff;background:rgba(255,255,255,.06)}
.lore-page .lore-nav .nb-07__link.nav-active,
.lore-page .lore-nav .nb-07__link[aria-current="page"]{
  color:#fff;background:rgba(255,255,255,.1);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.lore-page .lore-nav-home{
  display:inline-grid;place-items:center;width:34px;height:34px;padding:0!important;margin-right:2px;
}
.lore-page .lore-nav-home svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.lore-page #lore-login-link[hidden],
.lore-page #lore-account[hidden],
.lore-page #lore-menu[hidden],
.lore-page #lore-add-btn[hidden],
.lore-page #lore-events-add-btn[hidden],
.lore-page #lore-orgs-add-btn[hidden],
.lore-page #lore-add-menu[hidden],
.lore-page #lore-filter[hidden],
.lore-page #lore-events-filter[hidden],
.lore-page #lore-archive[hidden],
.lore-page #lore-events-archive[hidden],
.lore-page #lore-orgs-archive[hidden],
.lore-page #lore-event-modal[hidden],
.lore-page #lore-org-modal[hidden]{display:none!important}

/* —— Stage —— */
.lore-stage{
  position:relative;isolation:isolate;
  height:100dvh;
  min-height:100dvh;
  padding:calc(var(--lore-nav-h) + 10px) 10px 10px;
  box-sizing:border-box;
  display:flex;flex-direction:column;gap:10px;
  background:#000;
}
.lore-stage-bg{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:#000;
}
.lore-stage-bg::after{display:none}

/* —— Top bar (single row) —— */
.lore-topbar{
  position:relative;z-index:2;
  width:100%;margin:0;
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto auto;
  align-items:center;gap:14px 18px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(15,17,21,.88);
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px);
}
.lore-topbar-brand{min-width:0;padding-right:4px}
.lore-topbar-brand h1{
  margin:0;font-size:clamp(22px,2.1vw,28px);font-weight:700;
  letter-spacing:-.035em;line-height:1.05;color:#fff;
}
.lore-topbar-sub{
  margin:3px 0 0;font-size:10px;font-weight:500;letter-spacing:.14em;
  color:var(--muted-2);text-transform:uppercase;
}

.lore-search{
  display:flex!important;align-items:center;gap:10px;min-width:0;
  height:38px;padding:0 12px 0 12px;margin:0;
  border-radius:var(--radius-sm);
  border:1px solid var(--line-strong);
  background:rgba(0,0,0,.28);
  color:inherit;font-size:inherit;font-weight:inherit;
}
.lore-search svg{
  width:15px;height:15px;flex-shrink:0;stroke:var(--muted);fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.lore-search input{
  flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;
  background:transparent;box-sizing:border-box;
  color:var(--text);font:500 13px/38px Poppins,sans-serif;
  -webkit-appearance:none;appearance:none;
}
.lore-search input::-webkit-search-decoration,
.lore-search input::-webkit-search-cancel-button{display:none}
.lore-search input::placeholder{color:var(--muted-2);line-height:38px}
.lore-search-kbd{
  flex-shrink:0;padding:3px 6px;border-radius:5px;
  border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--muted-2);font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}

.lore-status-filters{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.lore-chip{
  appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:transparent;color:var(--muted);
  padding:7px 11px;font:500 12px/1 Poppins,sans-serif;cursor:pointer;
  white-space:nowrap;transition:background .15s,color .15s,border-color .15s;
}
.lore-chip:hover{color:#fff;background:rgba(255,255,255,.05);border-color:var(--line-strong)}
.lore-chip.is-active{
  color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);
}

.lore-add-btn{
  display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  border:0;border-radius:var(--radius-sm);
  background:var(--accent);color:#fff;
  padding:9px 14px;font:600 12.5px/1 Poppins,sans-serif;cursor:pointer;
  box-shadow:0 4px 14px rgba(59,130,246,.25);
  transition:filter .15s,transform .15s;
}
.lore-add-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lore-add-btn:hover{filter:brightness(1.08)}

/* —— Archive split —— */
.lore-archive{
  position:relative;z-index:2;
  width:100%;margin:0;
  flex:1 1 0;min-height:0;
  display:grid;
  grid-template-columns:minmax(300px,32%) minmax(0,68%);
  gap:10px;
}

.lore-files,
.lore-dossier{
  min-height:0;display:flex;flex-direction:column;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(15,17,21,.92);
  box-shadow:var(--shadow);
  overflow:hidden;
  isolation:isolate;
}

/* —— Left: file list —— */
.lore-files-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0;
}
.lore-files-title{
  margin:0;font-size:11px;font-weight:600;letter-spacing:.1em;
  color:var(--muted);text-transform:uppercase;
}
.lore-files-title span{color:var(--muted-2);font-weight:500}
.lore-sort select{
  height:30px;padding:0 26px 0 10px;border-radius:6px;cursor:pointer;
  border:1px solid var(--line);background:transparent;
  color:var(--muted);font:500 11.5px/1 Poppins,sans-serif;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 7px center;background-size:12px;
}
.lore-sort select:hover{color:#fff;border-color:var(--line-strong)}

.lore-file-list{
  flex:1;min-height:0;overflow:auto;padding:12px;
  display:flex;flex-direction:column;gap:10px;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;
}
.lore-list-actions{
  flex-shrink:0;
  display:flex;flex-wrap:wrap;gap:8px;
  padding:12px 14px;
  border-top:1px solid var(--line);
  background:rgba(10,12,16,.96);
}
.lore-list-actions[hidden]{display:none!important}
.lore-empty{
  margin:auto;padding:36px 18px;text-align:center;
  color:var(--muted);font-size:13px;line-height:1.5;
}

.lore-file-row{
  display:grid;
  grid-template-columns:200px minmax(0,1fr) 28px;
  gap:0 18px;align-items:stretch;
  flex:0 0 auto;
  min-height:200px;
  padding:0 14px 0 0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(12,14,18,.92);
  color:inherit;text-align:left;cursor:pointer;
  box-sizing:border-box;
  overflow:hidden;
  transition:background .15s,border-color .15s,box-shadow .15s;
}
.lore-file-row:hover{
  background:rgba(18,20,26,.96);
  border-color:rgba(255,255,255,.14);
}
.lore-file-row.is-selected{
  background:rgba(16,22,34,.98);
  border-color:rgba(96,165,250,.65);
  box-shadow:0 0 0 1px rgba(59,130,246,.25), 0 8px 24px rgba(0,0,0,.35);
}
.lore-file-row:focus-visible{
  outline:2px solid rgba(59,130,246,.55);outline-offset:1px;
}

.lore-file-thumb{
  width:200px;height:200px;
  border-radius:0;overflow:hidden;
  background:#0a0c10;flex-shrink:0;
  border:0;border-right:1px solid rgba(255,255,255,.06);
  align-self:stretch;
}
.lore-file-thumb img{
  width:100%;height:100%;object-fit:cover;object-position:center top;display:block;
  filter:contrast(1.05) saturate(.95);
}
.lore-file-thumb.is-empty{
  display:grid;place-items:center;
  color:var(--muted-2);font-size:36px;font-weight:700;letter-spacing:-.03em;
}

.lore-file-body{
  min-width:0;display:flex;flex-direction:column;justify-content:center;
  gap:4px;padding:12px 0;
}
.lore-file-id{
  margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;
  color:var(--muted-2);font-variant-numeric:tabular-nums;
}
.lore-file-name-row{
  display:flex;align-items:center;gap:8px;min-width:0;
}
.lore-file-name{
  margin:0;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
  color:#fff;
}
.lore-file-alias{
  margin:0;color:rgba(255,255,255,.55);font-size:13.5px;font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-file-status{
  display:inline-flex;align-items:center;align-self:flex-start;
  margin-top:2px;
  padding:4px 10px;border-radius:6px;
  font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  border:1px solid transparent;line-height:1.35;
}
.lore-file-status.is-alive{color:#61e0a4;border-color:rgba(97,224,164,.35);background:rgba(97,224,164,.1)}
.lore-file-status.is-dead{color:#ff6b6b;border-color:rgba(255,80,80,.35);background:rgba(255,80,80,.1)}
.lore-file-status.is-imprisoned{color:#f0a35a;border-color:rgba(240,163,90,.35);background:rgba(240,163,90,.1)}
.lore-file-status.is-missing{color:#9ec8ff;border-color:rgba(96,165,250,.55);background:rgba(59,130,246,.14)}

.lore-file-meta{
  display:flex;flex-direction:column;gap:3px;
  margin:6px 0 0;padding:0;list-style:none;
  color:rgba(255,255,255,.48);font-size:12.5px;font-weight:500;
}
.lore-file-meta li{
  display:inline-flex;align-items:center;gap:7px;min-width:0;
}
.lore-file-meta li span{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;
}
.lore-file-meta svg{
  width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;opacity:.75;flex-shrink:0;
}
.lore-file-chevron{
  width:18px;height:18px;stroke:rgba(255,255,255,.35);fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
  align-self:center;
}
.lore-file-row.is-selected .lore-file-chevron{stroke:rgba(147,197,253,.9)}

.lore-verified{
  width:16px;height:16px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;background:var(--accent);
}
.lore-verified svg{width:9px;height:9px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* —— Right: dossier —— */
.lore-dossier{position:relative}
.lore-dossier-empty{
  flex:1;display:grid;place-content:center;justify-items:center;gap:8px;
  padding:40px;text-align:center;color:var(--muted);
}
.lore-dossier-empty[hidden]{display:none!important}
.lore-dossier-empty-mark{
  width:48px;height:48px;margin-bottom:8px;border-radius:10px;
  border:1px dashed var(--line-strong);
  background:
    linear-gradient(135deg,transparent 46%,rgba(255,255,255,.08) 49%,transparent 52%),
    rgba(255,255,255,.02);
}
.lore-dossier-empty p{margin:0;font-size:15px;font-weight:600;color:#c5c9d0}
.lore-dossier-empty span{font-size:12.5px;color:var(--muted-2);max-width:32ch;line-height:1.5}
.lore-dossier-body{
  flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;
}
.lore-dossier-body[hidden]{display:none!important}

/* Split identity — full-bleed photo + floating ID card */
.lore-dossier-hero{
  position:relative;
  flex:1.05 1 0;
  min-height:260px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  display:flex;align-items:stretch;justify-content:flex-end;
  background:#000;
}
.lore-dossier-photo{
  position:absolute;
  top:0;bottom:0;
  left:0;
  right:20%;
  min-height:0;overflow:hidden;
  background:#0a0c10;
  z-index:0;
}
.lore-dossier-photo img{
  position:absolute;inset:0;
  width:112%;height:108%;
  left:0;top:-4%;
  object-fit:cover;object-position:center 20%;
  display:block;
  filter:contrast(1.05) saturate(.96);
}
.lore-dossier-photo.is-empty{
  display:grid;place-items:center;
  color:var(--muted-2);font-size:64px;font-weight:700;letter-spacing:-.04em;
  right:0;left:0;
}
.lore-dossier-photo::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg, transparent 48%, rgba(8,10,14,.28) 72%, rgba(8,10,14,.78) 90%, rgba(8,10,14,.96) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, transparent 30%, transparent 58%, rgba(0,0,0,.5) 100%);
}
.lore-dossier-photo::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.lore-dossier-sign{
  position:absolute;left:22px;bottom:16px;z-index:2;
  margin:0;pointer-events:none;max-width:42%;
  display:flex;flex-direction:column;gap:2px;
}
.lore-dossier-sign strong{
  display:block;
  font-family:"Caveat",cursive;font-size:clamp(26px,2.8vw,38px);font-weight:600;
  color:rgba(255,255,255,.88);letter-spacing:.01em;
  text-shadow:0 2px 18px rgba(0,0,0,.65);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-dossier-sign em{
  display:block;
  font-family:"Caveat",cursive;font-style:normal;font-weight:500;
  font-size:clamp(18px,2vw,26px);
  color:rgba(255,255,255,.72);
  text-shadow:0 2px 14px rgba(0,0,0,.6);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ID card */
.lore-id-card{
  position:relative;z-index:2;
  align-self:center;
  width:min(420px,48%);
  margin:20px 22px 20px 0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(145deg, rgba(36,40,50,.92) 0%, rgba(16,18,24,.96) 42%, rgba(8,9,12,.98) 100%);
  box-shadow:
    0 24px 48px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.04) inset,
    inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
  backdrop-filter:blur(14px) saturate(1.1);
}
.lore-id-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:140px 140px;
}
.lore-id-card-stripe{
  position:relative;z-index:1;height:3px;
  background:linear-gradient(90deg, #c9a227 0%, #f0d78c 35%, #8b7355 70%, #3b82f6 100%);
}
.lore-id-card-band{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
}
.lore-id-card-brand{display:flex;align-items:center;gap:12px;min-width:0}
.lore-id-card-chip{
  width:34px;height:26px;border-radius:5px;flex-shrink:0;
  border:1px solid rgba(212,175,55,.45);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.25);
  background:
    linear-gradient(135deg, rgba(240,215,140,.45), rgba(201,162,39,.12) 45%, transparent 70%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 1px, transparent 1px 3px),
    #2a2418;
}
.lore-id-card-kicker{
  margin:0;font-size:10px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(201,162,39,.85);
}
.lore-id-card-no{
  margin:4px 0 0;font-size:13px;font-weight:700;color:#f2f4f7;
  font-variant-numeric:tabular-nums;letter-spacing:.06em;
}
.lore-id-card-body{
  position:relative;z-index:1;
  padding:16px 16px 14px;
  display:flex;flex-direction:column;gap:14px;
}
.lore-id-card-identity{
  display:grid;grid-template-columns:76px minmax(0,1fr);
  gap:14px;align-items:center;
}
.lore-id-card-photo{
  width:76px;height:96px;border-radius:8px;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 18px rgba(0,0,0,.35);
  background:#12151a;
}
.lore-id-card-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center top;display:block;
  filter:contrast(1.05) saturate(.92);
}
.lore-id-card-photo.is-empty{
  display:grid;place-items:center;
  color:var(--muted-2);font-size:28px;font-weight:700;
}
.lore-id-card-head h2{
  margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:700;
  letter-spacing:-.035em;line-height:1.08;
}
.lore-id-card-head .alias{
  margin:6px 0 0;color:rgba(201,162,39,.9);font-size:12.5px;font-weight:600;
  letter-spacing:.02em;
}
.lore-id-card-head .flavor{
  margin:8px 0 0;color:var(--muted);font-size:12px;font-style:italic;line-height:1.45;
}
.lore-id-fields{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;overflow:hidden;
  background:rgba(0,0,0,.22);
}
.lore-id-field{
  display:flex;flex-direction:column;gap:4px;min-width:0;
  padding:11px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
}
.lore-id-field:nth-child(2n){border-right:0}
.lore-id-field:nth-last-child(-n+2){border-bottom:0}
.lore-id-field span{
  font-size:10px;font-weight:650;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted-2);
}
.lore-id-field strong{
  font-size:13.5px;font-weight:650;color:#f0f2f5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-id-card-actions{
  display:flex;flex-wrap:wrap;gap:8px;
}
.lore-id-card-foot{
  display:grid;gap:8px;
  padding-top:10px;border-top:1px solid rgba(255,255,255,.07);
}
.lore-id-barcode{
  display:flex;align-items:flex-end;gap:1.5px;height:26px;opacity:.5;
  max-width:70%;
}
.lore-id-barcode i{
  display:block;width:1.5px;background:#d5dae3;border-radius:1px;
  height:42%;
}
.lore-id-barcode i:nth-child(3n){height:100%;width:2px}
.lore-id-barcode i:nth-child(4n){height:72%}
.lore-id-barcode i:nth-child(5n){height:58%;width:1px}
.lore-id-mrz{
  margin:0;font:600 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;color:rgba(255,255,255,.28);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-id-card-foot > span{
  font-size:9px;font-weight:650;letter-spacing:.12em;color:var(--muted-2);
}
.lore-id-card-stamp{
  position:absolute;right:18px;bottom:72px;z-index:0;
  width:92px;height:92px;border-radius:50%;
  border:2px solid rgba(59,130,246,.35);
  display:grid;place-items:center;text-align:center;
  font-size:8px;font-weight:700;letter-spacing:.1em;line-height:1.35;
  color:#7eb6ff;text-transform:uppercase;opacity:.12;
  transform:rotate(-16deg);pointer-events:none;
}

.lore-dossier-status{
  padding:6px 10px;border-radius:7px;font-size:10.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;flex-shrink:0;
}
.lore-dossier-status.is-alive{color:#61e0a4;border-color:rgba(97,224,164,.32);background:rgba(97,224,164,.12)}
.lore-dossier-status.is-dead{color:#ff6b6b;border-color:rgba(255,80,80,.32);background:rgba(255,80,80,.12)}
.lore-dossier-status.is-imprisoned{color:#f0a35a;border-color:rgba(240,163,90,.32);background:rgba(240,163,90,.12)}
.lore-dossier-status.is-missing{color:#9ec8ff;border-color:rgba(126,182,255,.4);background:rgba(59,130,246,.16)}

.lore-dossier-edit,
.lore-dossier-delete,
.lore-dossier-verify{
  appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:8px;
  background:rgba(255,255,255,.04);color:#c8ced6;
  padding:8px 12px;font:600 11.5px/1 Poppins,sans-serif;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.lore-dossier-edit:hover,
.lore-dossier-verify:hover{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07)}
.lore-dossier-delete:hover{color:#ff8a8a;border-color:rgba(255,100,100,.4);background:rgba(180,50,50,.15)}
.lore-dossier-verify.is-on{color:#9ec8ff;border-color:rgba(126,182,255,.4)}

.lore-tag-row{display:flex;flex-wrap:wrap;gap:6px}
.lore-tag{
  padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:500;
  color:#c4ccd6;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);
}

/* —— Tabs —— */
.lore-dossier-tabs-wrap{
  flex:1 1 0;min-height:240px;max-height:none;
  display:flex;flex-direction:column;
  background:#0a0a0c;
}
.lore-dossier-tabs{
  display:flex;gap:4px;padding:10px 16px 0;
  border-bottom:1px solid var(--line);flex-shrink:0;
  background:#0c0c0f;
}
.lore-dossier-tab{
  appearance:none;border:0;background:transparent;cursor:pointer;
  padding:9px 12px 11px;font:500 12.5px/1 Poppins,sans-serif;
  color:var(--muted);border-radius:6px 6px 0 0;
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:color .15s,background .15s;
}
.lore-dossier-tab:hover{color:#d0d4db}
.lore-dossier-tab.is-active{
  color:#fff;background:var(--accent-soft);
  border-bottom-color:var(--accent);
}
.lore-dossier-panel{
  flex:1;min-height:0;overflow:auto;padding:18px 22px 24px;
  display:flex;flex-direction:column;
}
.lore-dossier-panel[hidden]{display:none!important}

.lore-notes{
  margin:0;color:#c5cad3;font-size:13.5px;line-height:1.7;
  flex:1;min-height:160px;
}
.lore-md{color:inherit;font-size:inherit;line-height:inherit}
.lore-md-p{margin:0 0 12px}
.lore-md-p:last-child{margin-bottom:0}
.lore-md-h{margin:0 0 10px;color:#f0f2f5;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.lore-md-h1{font-size:1.55em}
.lore-md-h2{font-size:1.3em}
.lore-md-h3{font-size:1.12em}
.lore-md-quote{
  margin:0 0 12px;padding:8px 12px;
  border-left:3px solid rgba(59,130,246,.55);
  background:rgba(59,130,246,.08);color:#b8c0cc;border-radius:0 8px 8px 0;
}
.lore-md-pre{
  margin:0 0 12px;padding:10px 12px;border-radius:8px;
  background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);
  overflow:auto;font:500 12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d7dde6;
}
.lore-md-code{
  padding:1px 5px;border-radius:4px;
  background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);
  font:500 12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e8edf4;
}
.lore-md-spoiler{
  background:#111;color:transparent;border-radius:4px;padding:0 3px;cursor:pointer;
  transition:color .15s,background .15s;
}
.lore-md-spoiler.is-on,
.lore-md-spoiler:hover{color:inherit;background:rgba(255,255,255,.1)}
.lore-md strong{color:#f3f5f8;font-weight:700}
.lore-md em{font-style:italic;color:#d5dae2}
.lore-md u{text-decoration:underline;text-underline-offset:2px}
.lore-md s{color:#9aa3b0}
.lore-panel-empty{
  margin:0;padding:28px 0;color:var(--muted-2);font-size:13px;
  flex:1;min-height:160px;
}
.lore-rel-list{
  display:grid;gap:12px;margin:0;padding:0;list-style:none;
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
  flex:1;align-content:start;min-height:160px;
}
.lore-rel-item{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:12px 10px 14px;border-radius:var(--radius-sm);
  border:1px solid var(--line);background:rgba(255,255,255,.02);
  width:100%;color:inherit;text-align:center;cursor:pointer;
  font:inherit;appearance:none;box-sizing:border-box;
}
.lore-rel-item:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.lore-rel-item.is-static{cursor:default}
.lore-rel-photo{
  width:96px;height:96px;border-radius:10px;object-fit:cover;object-position:center top;
  display:block;background:#0a0c10;
  border:1px solid rgba(255,255,255,.08);
  filter:contrast(1.05) saturate(.94);
}
.lore-rel-photo.is-empty{
  display:grid;place-items:center;
  color:var(--muted-2);font-size:28px;font-weight:700;letter-spacing:-.03em;
}
.lore-rel-name{
  font-size:13px;font-weight:650;color:#f0f2f5;line-height:1.25;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lore-rel-label{
  color:var(--muted);font-size:11.5px;font-weight:500;line-height:1.2;
}
.lore-rel-form-hint{
  margin:0;font-size:12.5px;line-height:1.45;color:var(--muted);
}
.lore-rel-form-list{display:grid;gap:8px}
.lore-rel-form-row{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 36px;gap:8px;align-items:center;
}
.lore-rel-form-row select,
.lore-rel-form-row input{
  height:40px;padding:0 10px;border-radius:8px;
  border:1px solid var(--line);background:rgba(0,0,0,.25);color:#e8eaee;
  font:500 13px/1 Poppins,sans-serif;width:100%;box-sizing:border-box;
}
.lore-rel-form-row select:focus,
.lore-rel-form-row input:focus{outline:0;border-color:var(--accent-line)}
.lore-rel-form-remove{
  height:40px;width:36px;border-radius:8px;border:1px solid rgba(255,100,100,.28);
  background:rgba(180,50,50,.12);color:#ff9a9a;cursor:pointer;font-size:16px;line-height:1;
}
.lore-rel-form-remove:hover{background:rgba(180,50,50,.22)}
.lore-rel-add{
  appearance:none;align-self:start;height:36px;padding:0 12px;border-radius:8px;
  border:1px dashed rgba(255,255,255,.18);background:transparent;color:var(--muted);
  font:600 12.5px/1 Poppins,sans-serif;cursor:pointer;
}
.lore-rel-add:hover{color:#fff;border-color:rgba(255,255,255,.32)}

.lore-files-grid{
  display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  flex:1;align-content:start;min-height:160px;
}
.lore-files-grid figure{
  margin:0;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;
  border:1px solid var(--line);background:var(--bg-2);cursor:zoom-in;position:relative;
}
.lore-files-grid img{width:100%;height:100%;object-fit:cover;display:block}

.lore-gallery-remove{
  position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:6px;z-index:2;
  border:0;background:rgba(0,0,0,.7);color:#fff;font-size:14px;cursor:pointer;line-height:1;
}

/* Timeline */
.lore-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none;flex:1;align-content:start;min-height:160px}
.lore-timeline-item{
  display:grid;grid-template-columns:120px 16px minmax(0,1fr);
  gap:0 14px;align-items:start;
}
.lore-timeline-when{
  padding-top:2px;font-size:11.5px;font-weight:500;color:var(--muted);
  text-align:right;font-variant-numeric:tabular-nums;line-height:1.35;
}
.lore-timeline-rail{
  position:relative;display:flex;justify-content:center;min-height:100%;
}
.lore-timeline-rail::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;
  background:var(--line-strong);transform:translateX(-50%);
}
.lore-timeline-item:first-child .lore-timeline-rail::before{top:8px}
.lore-timeline-item:last-child .lore-timeline-rail::before{bottom:calc(100% - 10px)}
.lore-timeline-node{
  position:relative;z-index:1;width:9px;height:9px;margin-top:5px;
  border-radius:50%;background:var(--bg-2);
  border:1.5px solid rgba(59,130,246,.7);
  box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
.lore-timeline-body{padding:0 0 22px}
.lore-timeline-body p{
  margin:0;font-size:13px;line-height:1.55;color:#c5cad3;
}
.lore-timeline-body strong{
  display:block;margin-bottom:3px;font-size:13.5px;font-weight:650;color:#f0f2f5;
}

.lore-gallery-fab-wrap{margin-top:14px}
.lore-gallery-fab{
  display:inline-flex;align-items:center;gap:7px;
  height:34px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--muted);font:500 12px/1 Poppins,sans-serif;cursor:pointer;
}
.lore-gallery-fab:hover{color:#fff;border-color:var(--line-strong)}
.lore-gallery-fab svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.lore-gallery-file-input{
  position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;pointer-events:none!important;
}

.lore-voice-inline{
  display:flex;align-items:center;gap:10px;margin-top:4px;
  padding:8px 10px;border-radius:var(--radius-sm);
  border:1px solid var(--line);background:rgba(255,255,255,.02);
}
.lore-voice-inline audio{width:100%;height:28px}

/* —— Modals (compose) —— */
.lore-modal[hidden]{display:none!important}
.lore-modal{
  position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;
}
.lore-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.lore-modal-panel{
  position:relative;z-index:1;width:min(640px,100%);max-height:min(88vh,900px);overflow:auto;
  border-radius:14px;border:1px solid var(--line-strong);
  background:linear-gradient(180deg,rgba(22,24,28,.98),rgba(10,11,14,.99));
  padding:18px;
}
.lore-modal-close{
  width:36px;height:36px;border-radius:10px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:#fff;font-size:22px;cursor:pointer;
}

.lore-compose-panel{
  width:min(1120px,100%);max-height:min(94vh,980px);padding:0;
  display:flex;flex-direction:column;overflow:hidden;background:#0e1014;
}
.lore-compose-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  padding:16px 18px 12px;border-bottom:1px solid var(--line);flex-shrink:0;
}
.lore-compose-head h2{margin:4px 0 0;font-size:22px;letter-spacing:-.03em}
.lore-compose-head .surface-kicker{margin:0;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.lore-compose{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
.lore-compose-grid{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,320px);
  gap:18px;padding:16px 18px;overflow:auto;flex:1;min-height:0;align-items:start;
}
.lore-compose-main{display:grid;gap:14px;min-width:0}
.lore-compose-section{
  border:1px solid var(--line);border-radius:12px;
  background:rgba(255,255,255,.02);padding:14px 14px 16px;
}
.lore-compose-section-title{
  margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);
}
.lore-compose-fields{display:grid;gap:12px}
.lore-compose-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lore-page .lore-field{
  display:grid!important;gap:7px;margin:0;
  color:#c4c9c5;font-size:11px;font-weight:500;
}
.lore-field span em{font-style:normal;color:var(--muted-2);font-weight:400}
.lore-field input,
.lore-field select,
.lore-field textarea{
  width:100%;box-sizing:border-box;
  border:1px solid var(--line-strong);border-radius:10px;
  background:rgba(255,255,255,.04);color:#f3f4f1;
  padding:11px 12px;font:500 13px/1.35 Poppins,sans-serif;
}
.lore-field input:focus,
.lore-field select:focus,
.lore-field textarea:focus{outline:0;border-color:var(--accent-line)}
.lore-field textarea{min-height:140px;resize:vertical;line-height:1.55}
.lore-upload{
  display:grid;justify-items:center;gap:6px;text-align:center;
  padding:22px 16px;border-radius:12px;
  border:1px dashed rgba(255,255,255,.18);
  background:rgba(255,255,255,.02);cursor:pointer;
}
.lore-upload:hover,.lore-upload.is-drag{
  border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.04);
}
.lore-upload--voice{
  grid-template-columns:auto 1fr auto;align-items:center;justify-items:start;
  text-align:left;padding:14px 16px;gap:12px;
}
.lore-upload-icon{
  width:40px;height:40px;border-radius:10px;display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent);
}
.lore-upload-icon svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.lore-upload-title{margin:0;font-size:13px;font-weight:600;color:#eef0ec}
.lore-upload-title em{font-style:normal;color:var(--muted);font-weight:400}
.lore-upload-hint{margin:0;font-size:11px;color:var(--muted-2)}
.lore-upload-link{
  border:0;background:none;color:var(--accent);font:600 12px/1 Poppins,sans-serif;
  cursor:pointer;padding:4px 0;
}
.lore-upload-file{margin:4px 0 0;font-size:11px;color:#7eb6ff}
.lore-url-paste{display:flex;gap:8px;width:min(100%,420px);margin-top:6px}
.lore-url-paste[hidden]{display:none!important}
.lore-url-paste input{
  flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:8px;
  background:rgba(0,0,0,.25);color:#fff;padding:8px 10px;font:500 12px/1 Poppins,sans-serif;
}
.lore-url-paste button{
  border:0;border-radius:8px;padding:0 12px;cursor:pointer;
  background:var(--accent);color:#fff;font:600 12px/1 Poppins,sans-serif;
}
.lore-compose-preview{position:sticky;top:0}
.lore-preview-card{
  border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#121418;
}
.lore-preview-media{position:relative;aspect-ratio:3/4;background:#1a1d22}
.lore-preview-media img{
  width:100%;height:100%;object-fit:cover;object-position:center top;display:block;
}
.lore-preview-placeholder{
  position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;
  color:var(--muted-2);font-size:12px;
}
.lore-preview-placeholder svg{width:42px;height:42px;stroke:currentColor;fill:none;stroke-width:1.4}
.lore-preview-status{
  position:absolute;top:10px;right:10px;z-index:5;
  padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.06em;
  color:#61e0a4;background:rgba(8,10,12,.75);border:1px solid rgba(97,224,164,.35);
}
.lore-preview-status.is-dead{color:#ff6b6b;border-color:rgba(255,80,80,.35)}
.lore-preview-status.is-imprisoned{color:#f0a35a;border-color:rgba(240,163,90,.35)}
.lore-preview-status.is-missing{color:#7eb6ff;border-color:rgba(126,182,255,.35)}
.lore-preview-body{padding:14px}
.lore-preview-body h3{
  margin:0;font-size:18px;letter-spacing:-.03em;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-preview-alias{margin:6px 0 0;color:#a8b4c4;font-size:13px;font-weight:600}
.lore-preview-faction{margin:8px 0 0;color:var(--muted);font-size:12px}
.lore-compose-foot{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:12px 18px 16px;border-top:1px solid var(--line);flex-shrink:0;
}
.lore-compose .lore-form-message{padding:0 18px;min-height:18px;margin:0;color:#ef9b9b;font-size:12px}
.lore-compose-cancel{
  border:0;background:none;color:var(--muted);font:600 12px/1 Poppins,sans-serif;
  cursor:pointer;letter-spacing:.04em;text-transform:uppercase;padding:8px 0;
}
.lore-compose-cancel:hover{color:#fff}
.lore-compose-submit{
  border:0;border-radius:10px;padding:12px 18px;cursor:pointer;
  background:var(--accent);color:#fff;font:700 13px/1 Poppins,sans-serif;
}
.lore-compose-submit:hover{filter:brightness(1.06)}
.lore-compose-submit:disabled{opacity:.5;cursor:not-allowed}

.lore-lightbox[hidden]{display:none!important}
.lore-lightbox{
  position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;
}
.lore-lightbox-backdrop{
  position:absolute;inset:0;border:0;padding:0;cursor:zoom-out;
  background:rgba(0,0,0,.82);backdrop-filter:blur(8px);
}
.lore-lightbox img{
  position:relative;z-index:1;max-width:min(96vw,1200px);max-height:90vh;
  width:auto;height:auto;object-fit:contain;border-radius:12px;
  box-shadow:0 24px 64px rgba(0,0,0,.55);
  transform:scale(.94);opacity:0;
  transition:transform .22s ease,opacity .22s ease;
}
.lore-lightbox.is-open img{transform:scale(1);opacity:1}
.lore-lightbox-close{
  position:absolute;top:16px;right:16px;z-index:2;
  width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.16);
  background:rgba(20,22,24,.85);color:#fff;font-size:24px;cursor:pointer;
}

/* —— Responsive —— */

/* Yalnızca gerçek 1080p panel (html.lore-1080 / body.is-native-1080).
   4K + Windows ölçeği (DPR>1) bu sınıfa girmez. */
html.lore-1080 .lore-page,
.lore-page.is-native-1080{--lore-nav-h:70px}
html.lore-1080 .lore-page .site-header.nb-07__bar,
.lore-page.is-native-1080 .site-header.nb-07__bar{height:70px}
html.lore-1080 .lore-page .lore-nav .nb-07__link,
.lore-page.is-native-1080 .lore-nav .nb-07__link{padding:6px 12px;font-size:13px}
html.lore-1080 .lore-page .lore-stage,
.lore-page.is-native-1080 .lore-stage{
  padding:calc(var(--lore-nav-h) + 8px) 8px 8px;
  gap:8px;
}
html.lore-1080 .lore-page .lore-topbar,
.lore-page.is-native-1080 .lore-topbar{
  padding:8px 12px;
  gap:10px 14px;
  border-radius:10px;
}
html.lore-1080 .lore-page .lore-topbar-brand h1,
.lore-page.is-native-1080 .lore-topbar-brand h1{font-size:24px}
html.lore-1080 .lore-page .lore-topbar-sub,
.lore-page.is-native-1080 .lore-topbar-sub{font-size:9px;margin-top:2px}
html.lore-1080 .lore-page .lore-search,
.lore-page.is-native-1080 .lore-search{height:36px}
html.lore-1080 .lore-page .lore-search input,
.lore-page.is-native-1080 .lore-search input{font:500 13px/36px Poppins,sans-serif}
html.lore-1080 .lore-page .lore-chip,
.lore-page.is-native-1080 .lore-chip{padding:6px 11px;font-size:12px}
html.lore-1080 .lore-page .lore-add-btn,
.lore-page.is-native-1080 .lore-add-btn{height:36px;padding:0 14px;font-size:13px}

html.lore-1080 .lore-page .lore-archive,
.lore-page.is-native-1080 .lore-archive{
  grid-template-columns:minmax(340px,38%) minmax(0,62%);
  gap:8px;
}
html.lore-1080 .lore-page .lore-files-head,
.lore-page.is-native-1080 .lore-files-head{padding:10px 12px 8px}
html.lore-1080 .lore-page .lore-file-list,
.lore-page.is-native-1080 .lore-file-list{padding:8px;gap:8px}
html.lore-1080 .lore-page .lore-file-row,
.lore-page.is-native-1080 .lore-file-row{
  grid-template-columns:148px minmax(0,1fr) 22px;
  min-height:148px;
  gap:0 12px;
  border-radius:10px;
}
html.lore-1080 .lore-page .lore-file-thumb,
.lore-page.is-native-1080 .lore-file-thumb{width:148px;height:148px}
html.lore-1080 .lore-page .lore-file-body,
.lore-page.is-native-1080 .lore-file-body{padding:10px 0;gap:3px}
html.lore-1080 .lore-page .lore-file-id,
.lore-page.is-native-1080 .lore-file-id{font-size:11px}
html.lore-1080 .lore-page .lore-file-name,
.lore-page.is-native-1080 .lore-file-name{
  font-size:18px;
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.2;
}
html.lore-1080 .lore-page .lore-file-alias,
.lore-page.is-native-1080 .lore-file-alias{font-size:12.5px}
html.lore-1080 .lore-page .lore-file-status,
.lore-page.is-native-1080 .lore-file-status{font-size:10px;padding:3px 8px}
html.lore-1080 .lore-page .lore-file-meta,
.lore-page.is-native-1080 .lore-file-meta{font-size:12px;margin-top:4px}
html.lore-1080 .lore-page .lore-list-actions,
.lore-page.is-native-1080 .lore-list-actions{padding:8px 10px;gap:6px}

html.lore-1080 .lore-page .lore-dossier-hero,
.lore-page.is-native-1080 .lore-dossier-hero{
  flex:1.15 1 0;
  min-height:0;
  container-type:size;
  container-name:lore-hero;
}
html.lore-1080 .lore-page .lore-dossier-photo,
.lore-page.is-native-1080 .lore-dossier-photo{right:0;left:0}
html.lore-1080 .lore-page .lore-dossier-photo img,
.lore-page.is-native-1080 .lore-dossier-photo img{
  width:100%;height:100%;left:0;top:0;
  object-fit:cover;object-position:center 18%;
}
html.lore-1080 .lore-page .lore-dossier-photo::before,
.lore-page.is-native-1080 .lore-dossier-photo::before{
  background:
    linear-gradient(90deg, transparent 42%, rgba(8,10,14,.18) 64%, rgba(8,10,14,.62) 84%, rgba(8,10,14,.82) 100%),
    linear-gradient(180deg, rgba(0,0,0,.15) 0%, transparent 28%, transparent 60%, rgba(0,0,0,.45) 100%);
}
html.lore-1080 .lore-page .lore-dossier-sign,
.lore-page.is-native-1080 .lore-dossier-sign{left:16px;bottom:12px;max-width:40%}
html.lore-1080 .lore-page .lore-dossier-sign strong,
.lore-page.is-native-1080 .lore-dossier-sign strong{font-size:clamp(22px,2.4vw,32px)}
html.lore-1080 .lore-page .lore-dossier-sign em,
.lore-page.is-native-1080 .lore-dossier-sign em{font-size:clamp(16px,1.8vw,22px)}

html.lore-1080 .lore-page .lore-dossier-hero .lore-inv-id,
.lore-page.is-native-1080 .lore-dossier-hero .lore-inv-id{
  --id-base-w:400px;
  --id-base-h:330px;
  --id-fit:min(0.78, calc(72cqh / var(--id-base-h)), calc(40cqw / var(--id-base-w)));
  width:calc(var(--id-base-w) * var(--id-fit));
  height:calc(var(--id-base-h) * var(--id-fit));
  margin:0 16px 0 0;
  align-self:center;
  overflow:hidden;
  zoom:unset;
  transform:none;
  flex-shrink:0;
}
html.lore-1080 .lore-page .lore-inv-id .id-card-shell,
.lore-page.is-native-1080 .lore-inv-id .id-card-shell{
  width:var(--id-base-w);
  transform:scale(var(--id-fit));
  transform-origin:top left;
}
html.lore-1080 .lore-page .lore-inv-id .id-card,
.lore-page.is-native-1080 .lore-inv-id .id-card{
  transform:none;
}
html.lore-1080 .lore-page .lore-dossier-tabs-wrap,
.lore-page.is-native-1080 .lore-dossier-tabs-wrap{min-height:200px;flex:0.92 1 0}
html.lore-1080 .lore-page .lore-dossier-tab,
.lore-page.is-native-1080 .lore-dossier-tab{padding:8px 11px 10px;font-size:12.5px}
html.lore-1080 .lore-page .lore-dossier-panel,
.lore-page.is-native-1080 .lore-dossier-panel{padding:14px 18px 18px}
html.lore-1080 .lore-page .lore-notes,
.lore-page.is-native-1080 .lore-notes{font-size:14px;line-height:1.65;min-height:140px}
html.lore-1080 .lore-page .lore-panel-empty,
.lore-page.is-native-1080 .lore-panel-empty{font-size:13.5px;min-height:140px}

@media(max-width:1100px){
  .lore-topbar{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand add"
      "search search"
      "filters filters";
  }
  .lore-topbar-brand{grid-area:brand}
  .lore-search{grid-area:search}
  .lore-status-filters{grid-area:filters;flex-wrap:wrap}
  .lore-add-btn{grid-area:add}
  .lore-archive{
    grid-template-columns:1fr;
    height:auto;min-height:0;
  }
  .lore-files{max-height:340px}
  .lore-dossier{min-height:560px}
  .lore-dossier-photo{right:12%}
  .lore-id-card{width:min(400px,52%)}
}
@media(max-width:720px){
  .lore-stage{padding:calc(var(--lore-nav-h) + 12px) 12px 20px}
  .lore-dossier-hero{
    flex-direction:column;justify-content:flex-end;
    min-height:420px;
  }
  .lore-dossier-photo{
    left:0;right:0;top:0;bottom:0;
  }
  .lore-dossier-photo img{width:100%;height:100%;left:0;top:0}
  .lore-dossier-photo::before{
    background:
      linear-gradient(180deg, transparent 35%, rgba(8,10,14,.55) 70%, rgba(8,10,14,.92) 100%);
  }
  .lore-id-card{
    width:auto;margin:0 12px 12px;align-self:stretch;
  }
  .lore-id-card-identity{grid-template-columns:64px minmax(0,1fr)}
  .lore-id-card-photo{width:64px;height:80px}
  .lore-dossier-tabs-wrap{max-height:none;flex:1}
  .lore-kv-grid{grid-template-columns:1fr}
  .lore-timeline-item{grid-template-columns:88px 14px minmax(0,1fr);gap:0 10px}
  .lore-compose-grid{grid-template-columns:1fr}
  .lore-compose-row{grid-template-columns:1fr}
  .lore-dossier-tabs{overflow-x:auto}
}

/* Inventory ID card mount */
.lore-inv-id .lore-id-card-actions--inv{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;justify-content:flex-end;
}
.lore-inv-alias{
  margin:10px 0 0;text-align:right;color:rgba(255,255,255,.55);
  font-size:12.5px;font-weight:500;
}
.lore-id-seal-fallback{
  width:120px;height:120px;margin:14px auto 0;border-radius:50%;
  border:2px solid rgba(30,40,55,.35);
  display:grid;place-items:center;
  font:700 18px/1 "IBM Plex Sans",Poppins,sans-serif;
  letter-spacing:.08em;color:rgba(30,40,55,.28);
}
.lore-dossier-hero .lore-inv-id{
  max-height:calc(100% - 24px);
  overflow:auto;
}
@media(max-width:720px){
  .lore-inv-id{width:auto;margin:0 12px 12px;align-self:stretch}
}

/* ═══════════════════════════════════════════
   Olaylar / Vaka arşivi
   ═══════════════════════════════════════════ */
.lore-event-file-row{
  grid-template-columns:148px minmax(0,1fr) 28px;
  min-height:132px;
}
.lore-event-thumb{
  width:148px;height:132px;
}
.lore-event-thumb img{object-position:center center}
.lore-file-status.lore-event-status.is-active,
.lore-event-status.is-active{
  color:#ff7b7b;border-color:rgba(255,100,100,.35);background:rgba(180,40,40,.16);
}
.lore-file-status.lore-event-status.is-resolved,
.lore-event-status.is-resolved{
  color:#61e0a4;border-color:rgba(97,224,164,.32);background:rgba(97,224,164,.12);
}
.lore-file-status.lore-event-status.is-open,
.lore-event-status.is-open{
  color:#f0c35a;border-color:rgba(240,195,90,.35);background:rgba(240,195,90,.12);
}
.lore-file-status.lore-event-status.is-archived,
.lore-event-status.is-archived{
  color:#9aa3b2;border-color:rgba(154,163,178,.3);background:rgba(154,163,178,.1);
}
.lore-file-status.lore-event-status.is-investigation,
.lore-event-status.is-investigation{
  color:#9ec8ff;border-color:rgba(126,182,255,.4);background:rgba(59,130,246,.16);
}

#lore-events-dossier .lore-dossier-body{
  padding:0;overflow:auto;
}
.lore-event-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,300px);
  gap:0;min-height:100%;
}
.lore-event-main{
  min-width:0;display:flex;flex-direction:column;
  border-right:1px solid var(--line);
}
.lore-event-hero{
  position:relative;min-height:220px;max-height:280px;
  overflow:hidden;background:#0a0c10;
}
.lore-event-hero-img{
  width:100%;height:100%;min-height:220px;max-height:280px;
  object-fit:cover;object-position:center;display:block;
  filter:contrast(1.05) saturate(.92);
}
.lore-event-hero-fallback{
  min-height:220px;display:grid;place-items:center;
  font-size:64px;font-weight:700;color:var(--muted-2);
}
.lore-event-hero-overlay{
  position:absolute;inset:auto 0 0;padding:28px 22px 18px;
  background:linear-gradient(180deg,transparent 0%,rgba(8,10,14,.75) 42%,rgba(8,10,14,.94) 100%);
}
.lore-event-hero-id{
  margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.08em;
  color:rgba(255,255,255,.55);
}
.lore-event-hero-title{
  margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:700;
  letter-spacing:-.03em;line-height:1.15;color:#fff;
}
.lore-event-tags{
  display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;
}
.lore-event-tag{
  display:inline-flex;align-items:center;gap:5px;
  height:24px;padding:0 9px;border-radius:6px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.35);color:#d7dbe3;
  font-size:11.5px;font-weight:550;
}
.lore-event-body{
  padding:18px 22px 8px;flex:1;
  font-size:13.5px;line-height:1.65;color:#c8ced8;
}
.lore-event-body .lore-md-p{margin:0 0 12px}
.lore-event-body .lore-md-p:last-child{margin-bottom:0}

.lore-event-related{
  margin-top:auto;padding:14px 18px 16px;
  border-top:1px solid var(--line);
  background:rgba(0,0,0,.18);
}
.lore-event-related-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:10px;
}
.lore-event-related-head h3{
  margin:0;font-size:12px;font-weight:650;letter-spacing:.08em;
  text-transform:uppercase;color:#e8eaef;
}
.lore-event-related-head span{font-size:11.5px;color:var(--muted-2)}
.lore-event-related-list{
  display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;
}
.lore-event-related-card{
  flex:0 0 168px;display:grid;grid-template-columns:44px minmax(0,1fr);
  gap:8px;align-items:center;padding:8px;
  border:1px solid var(--line);border-radius:10px;
  background:rgba(255,255,255,.03);color:inherit;text-align:left;cursor:pointer;
}
.lore-event-related-card:hover{
  border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05);
}
.lore-event-related-photo{
  width:44px;height:44px;border-radius:8px;overflow:hidden;
  background:#0a0c10;border:1px solid var(--line);
}
.lore-event-related-photo img{width:100%;height:100%;object-fit:cover;display:block}
.lore-event-related-photo .is-empty,
.lore-event-related-photo span.is-empty{
  display:grid;place-items:center;width:100%;height:100%;
  font-size:16px;font-weight:700;color:var(--muted-2);
}
.lore-event-related-meta{min-width:0;display:grid;gap:2px}
.lore-event-related-id{font-size:10px;color:var(--muted-2);letter-spacing:.04em}
.lore-event-related-meta strong{
  font-size:12.5px;font-weight:650;color:#f0f2f5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-event-related-meta .lore-file-status{
  justify-self:start;transform:scale(.92);transform-origin:left center;
}
.lore-event-related-meta small{
  font-size:10.5px;color:var(--muted);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

.lore-event-side{
  display:flex;flex-direction:column;gap:14px;
  padding:16px 14px;background:rgba(0,0,0,.16);
}
.lore-event-summary h3{
  margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.12em;
  color:var(--muted);text-transform:uppercase;
}
.lore-event-summary-row{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);
  font-size:12.5px;
}
.lore-event-summary-row:last-child{border-bottom:0}
.lore-event-summary-row span{color:var(--muted);flex-shrink:0}
.lore-event-summary-row strong{
  font-weight:600;color:#e8eaef;text-align:right;line-height:1.35;
}
.lore-event-summary-row .lore-event-status{
  display:inline-flex;align-items:center;height:22px;padding:0 8px;
  border-radius:999px;border:1px solid transparent;font-size:10.5px;font-weight:700;
  letter-spacing:.04em;
}

.lore-event-assets{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.lore-event-asset{
  display:grid;justify-items:center;gap:4px;padding:14px 8px;
  border:1px solid var(--line);border-radius:10px;
  background:rgba(255,255,255,.025);text-align:center;
}
.lore-event-asset-icon{
  width:28px;height:28px;display:grid;place-items:center;
  color:rgba(147,197,253,.85);
}
.lore-event-asset-icon svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.lore-event-asset strong{
  font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em;
}
.lore-event-asset span{
  font-size:11px;font-weight:500;color:var(--muted);
}

.lore-event-compose-grid{grid-template-columns:1fr}
.lore-compose-row--4{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
#lore-event-form-characters{
  min-height:140px;padding:8px;
}
#lore-event-form-characters option{padding:4px 6px}

@media(max-width:1100px){
  .lore-event-layout{grid-template-columns:1fr}
  .lore-event-main{border-right:0;border-bottom:1px solid var(--line)}
  .lore-event-side{flex-direction:row;flex-wrap:wrap}
  .lore-event-summary{flex:1 1 240px}
  .lore-event-assets{flex:1 1 220px}
}
@media(max-width:720px){
  .lore-event-file-row{grid-template-columns:96px minmax(0,1fr) 22px;min-height:96px}
  .lore-event-thumb{width:96px;height:96px}
  .lore-compose-row--4{grid-template-columns:1fr 1fr}
}

/* ═══════════════════════════════════════════
   Oluşumlar — sidebar + hero + card grid
   ═══════════════════════════════════════════ */
.lore-orgs-view{
  position:relative;z-index:2;
  flex:1;min-height:0;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:12px;
  overflow:hidden;
}
.lore-orgs-sidebar{
  display:flex;flex-direction:column;gap:18px;
  padding:18px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(12,14,18,.96);
  overflow:auto;
}
.lore-orgs-sidebar-brand h1{
  margin:0;font-size:22px;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.15;
}
.lore-orgs-sidebar-brand p{
  margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted);
}
.lore-orgs-filters{
  display:flex;flex-direction:column;gap:4px;
}
.lore-orgs-filter{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;gap:10px;
  width:100%;padding:10px 12px;border:0;border-radius:8px;
  background:transparent;color:rgba(255,255,255,.72);
  font:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.lore-orgs-filter:hover{background:rgba(255,255,255,.05);color:#fff}
.lore-orgs-filter.is-active{
  background:rgba(255,255,255,.08);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.lore-orgs-filter-icon{
  display:grid;place-items:center;width:28px;height:28px;color:inherit;
}
.lore-orgs-filter-icon svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.lore-orgs-filter-count{
  font-size:12px;font-weight:600;color:var(--muted-2);
  min-width:1.5em;text-align:right;
}
.lore-orgs-filter.is-active .lore-orgs-filter-count{color:rgba(255,255,255,.55)}
.lore-orgs-add-btn{width:100%;justify-content:center;margin-top:auto}

.lore-orgs-main{
  min-width:0;min-height:0;
  display:flex;flex-direction:column;gap:14px;
  overflow:auto;
  padding-right:2px;
}
.lore-orgs-browse{
  display:flex;flex-direction:column;gap:14px;min-height:0;
}
.lore-orgs-browse[hidden]{display:none!important}
.lore-org-dossier{
  flex:1;min-height:0;
  border:1px solid var(--line);border-radius:12px;
  background:rgba(12,14,18,.96);overflow:hidden;
  display:flex;flex-direction:column;
}
.lore-org-dossier[hidden]{display:none!important}
.lore-org-dossier-body{
  flex:1;min-height:0;overflow:auto;padding:0;
}

.lore-org-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,300px);
  gap:0;min-height:100%;
}
.lore-org-detail-main{
  min-width:0;display:flex;flex-direction:column;
  border-right:1px solid var(--line);
}
.lore-org-detail-hero{
  position:relative;min-height:220px;max-height:280px;
  overflow:hidden;background:#0a0c10;
}
.lore-org-detail-hero-img{
  width:100%;height:100%;min-height:220px;max-height:280px;
  object-fit:cover;object-position:center;display:block;
  filter:contrast(1.05) saturate(.92);
}
.lore-org-detail-hero-fallback{
  min-height:220px;display:grid;place-items:center;
  font-size:64px;font-weight:700;color:var(--muted-2);
}
.lore-org-detail-hero-overlay{
  position:absolute;inset:auto 0 0;padding:48px 22px 18px;
  background:linear-gradient(180deg,transparent 0%,rgba(8,10,14,.75) 42%,rgba(8,10,14,.94) 100%);
  display:flex;align-items:flex-end;gap:16px;
}
.lore-org-detail-logo{
  width:80px;height:80px;border-radius:0;overflow:visible;flex-shrink:0;
  border:0;background:transparent;
  display:grid;place-items:center;
  box-shadow:none;
}
.lore-org-detail-logo img{
  width:80px;height:80px;max-width:80px;max-height:80px;
  object-fit:contain;object-position:center;display:block;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));
}
.lore-org-detail-logo span{
  width:100%;height:100%;border-radius:14px;
  display:grid;place-items:center;
  font-size:26px;font-weight:700;color:rgba(255,255,255,.75);
  background:rgba(12,14,18,.55);border:1px solid rgba(255,255,255,.1);
}
.lore-org-detail-hero-text{min-width:0;flex:1}
.lore-org-detail-hero-text h2{
  margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:700;
  letter-spacing:-.03em;line-height:1.15;color:#fff;
}
.lore-org-detail-hero-tags{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;
}
.lore-org-detail-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:12px 18px;border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.18);
}
.lore-org-detail-back{
  padding:6px 12px;border-radius:7px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:rgba(255,255,255,.8);
  font:inherit;font-size:12.5px;font-weight:550;cursor:pointer;
}
.lore-org-detail-back:hover{background:rgba(255,255,255,.08);color:#fff}
.lore-org-detail-body{
  padding:18px 22px;flex:1;
  font-size:13.5px;line-height:1.65;color:#c8ced8;
}
.lore-org-detail-body .lore-md-p{margin:0 0 12px}
.lore-org-detail-members{
  margin-top:auto;padding:14px 18px 16px;
  border-top:1px solid var(--line);
  background:rgba(0,0,0,.18);
}
.lore-org-detail-members-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:10px;
}
.lore-org-detail-members-head h3{
  margin:0;font-size:12px;font-weight:650;letter-spacing:.08em;
  text-transform:uppercase;color:#e8eaef;
}
.lore-org-detail-members-head span{font-size:11.5px;color:var(--muted-2)}
.lore-org-detail-members-list{
  display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;
}
.lore-org-detail-member{
  flex:0 0 168px;display:grid;grid-template-columns:44px minmax(0,1fr);
  gap:8px;align-items:center;padding:8px;
  border:1px solid var(--line);border-radius:10px;
  background:rgba(255,255,255,.03);color:inherit;text-align:left;cursor:pointer;
  font:inherit;
}
.lore-org-detail-member:hover{border-color:var(--line-strong);background:rgba(255,255,255,.06)}
.lore-org-detail-member-photo{
  width:44px;height:44px;border-radius:8px;overflow:hidden;
  background:#0f1218;display:grid;place-items:center;
}
.lore-org-detail-member-photo img{width:100%;height:100%;object-fit:cover;display:block}
.lore-org-detail-member-photo .is-empty{
  font-size:15px;font-weight:700;color:var(--muted-2);
}
.lore-org-detail-member-meta{min-width:0;display:grid;gap:2px}
.lore-org-detail-member-meta strong{
  font-size:12.5px;font-weight:650;color:#e8eaef;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-org-detail-member-meta span{
  font-size:11px;color:var(--muted-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-org-detail-side{
  padding:16px 16px 20px;background:rgba(0,0,0,.16);
}
.lore-org-detail-summary h3{
  margin:0 0 12px;font-size:12px;font-weight:650;letter-spacing:.08em;
  text-transform:uppercase;color:#e8eaef;
}
.lore-org-detail-summary-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);
  font-size:12.5px;
}
.lore-org-detail-summary-row:last-child{border-bottom:0}
.lore-org-detail-summary-row > span{color:var(--muted-2);flex-shrink:0}
.lore-org-detail-summary-row strong{
  color:#e8eaef;font-weight:600;text-align:right;word-break:break-word;
}
.lore-org-detail-summary-row .lore-org-type-tag{
  color:#fff;font-weight:650;
}
.lore-org-card.is-selected{
  border-color:rgba(126,182,255,.45);
  box-shadow:0 0 0 1px rgba(126,182,255,.2),0 10px 28px rgba(0,0,0,.28);
}
@media(max-width:900px){
  .lore-org-detail-layout{grid-template-columns:1fr}
  .lore-org-detail-main{border-right:0;border-bottom:1px solid var(--line)}
}
.lore-org-members-form-list{display:grid;gap:8px;margin:8px 0}
.lore-org-member-form-row{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 34px;gap:8px;align-items:center;
}
.lore-org-member-form-row select,
.lore-org-member-form-row input{
  width:100%;min-width:0;padding:8px 10px;border-radius:8px;
  border:1px solid var(--line);background:rgba(0,0,0,.25);color:#e8eaef;font:inherit;font-size:13px;
}
.lore-org-member-form-row select:focus,
.lore-org-member-form-row input:focus{outline:0;border-color:var(--accent-line)}

.lore-orgs-hero{
  position:relative;isolation:isolate;
  border-radius:12px;overflow:hidden;
  border:1px solid var(--line);
  background:#12151b;
}
.lore-orgs-hero-bg{
  position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(90deg,rgba(8,10,14,.92) 0%,rgba(8,10,14,.55) 48%,rgba(8,10,14,.25) 100%),
    linear-gradient(180deg,rgba(15,17,21,.2),rgba(8,10,14,.85)),
    radial-gradient(120% 90% at 70% 40%,rgba(59,130,246,.18),transparent 55%),
    linear-gradient(135deg,#1a2030 0%,#0c0e14 55%,#151820 100%);
}
.lore-orgs-hero-bg::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 80% at 78% 55%,rgba(255,255,255,.06),transparent 60%),
    repeating-linear-gradient(115deg,transparent 0 18px,rgba(255,255,255,.015) 18px 19px);
  opacity:.7;
}
.lore-orgs-hero-content{
  position:relative;z-index:1;
  display:flex;flex-direction:column;justify-content:center;
  gap:6px;padding:20px 26px;
}
.lore-orgs-hero-content h2{
  margin:0;font-size:clamp(26px,3vw,34px);font-weight:700;
  letter-spacing:-.035em;color:#fff;line-height:1.05;
}
.lore-orgs-hero-desc{
  margin:2px 0 0;max-width:42ch;font-size:13.5px;line-height:1.45;
  color:rgba(255,255,255,.72);
}

.lore-orgs-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding-bottom:8px;
}
.lore-orgs-grid > .lore-empty{
  grid-column:1/-1;
  margin:0;padding:28px 16px;text-align:center;
  border:1px dashed var(--line);border-radius:12px;
  background:rgba(15,17,21,.55);color:var(--muted);
}

.lore-org-card{
  display:flex;flex-direction:column;
  border:1px solid var(--line);
  border-radius:10px;overflow:hidden;
  background:rgba(18,20,26,.96);
  cursor:pointer;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}
.lore-org-card:hover{
  border-color:var(--line-strong);
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.lore-org-card:focus-visible{
  outline:2px solid var(--accent-line);outline-offset:2px;
}
.lore-org-card-media{
  position:relative;aspect-ratio:16/9;background:#0c0e12;overflow:hidden;
}
.lore-org-card-media > img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.lore-org-card-media-fallback{
  width:100%;height:100%;
  background:
    linear-gradient(145deg,rgba(59,130,246,.12),transparent 50%),
    linear-gradient(180deg,#1a1e28,#0c0e12);
}
.lore-org-card-logo{
  position:absolute;left:50%;bottom:8px;
  transform:translateX(-50%);
  z-index:2;
  width:124px;height:124px;border-radius:0;overflow:visible;
  border:0;background:transparent;
  display:grid;place-items:center;
  box-shadow:none;backdrop-filter:none;
  pointer-events:none;
}
.lore-org-card-logo img{
  width:124px;height:124px;max-width:124px;max-height:124px;
  object-fit:contain;object-position:center;display:block;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));
}
.lore-org-card-logo span{
  width:100%;height:100%;border-radius:16px;
  display:grid;place-items:center;
  font-size:26px;font-weight:700;color:rgba(255,255,255,.8);letter-spacing:-.02em;
  background:rgba(12,14,18,.55);border:1px solid rgba(255,255,255,.1);
}
.lore-org-card-body{
  position:relative;
  display:flex;flex-direction:column;align-items:center;
  gap:10px;padding:14px 16px 16px;
  text-align:center;
}
.lore-org-card-meta{min-width:0;width:100%;display:grid;gap:8px;justify-items:center}
.lore-org-card-name-row{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;
}
.lore-org-card-name{
  margin:0;font-size:16px;font-weight:650;color:#fff;
  letter-spacing:-.02em;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
.lore-org-detail-title-row{
  display:flex;align-items:center;gap:10px;min-width:0;
}
.lore-org-detail-title-row h2{
  margin:0;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lore-org-card-tags{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
}
.lore-org-type-tag{
  display:inline-flex;align-items:center;
  padding:3px 9px;border-radius:999px;
  font-size:11px;font-weight:650;letter-spacing:.02em;color:#fff;
}
.lore-org-type-tag.is-illegal{background:#9b2c2c}
.lore-org-type-tag.is-legal{background:#2563eb}
.lore-org-status-tag{
  display:inline-flex;align-items:center;
  padding:3px 9px;border-radius:999px;
  font-size:11px;font-weight:650;letter-spacing:.02em;color:#fff;
}
.lore-org-status-tag.is-active{background:#15803d}
.lore-org-status-tag.is-inactive{background:#6b7280}
.lore-org-status-tag.is-disbanded{background:#7f1d1d}
.lore-org-card.is-inactive .lore-org-card-media,
.lore-org-card.is-disbanded .lore-org-card-media{filter:saturate(.72) brightness(.92)}
.lore-orgs-status-filters{
  margin-top:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);
}
.lore-orgs-status-filters .lore-orgs-filter{
  grid-template-columns:minmax(0,1fr) auto;
}
.lore-org-detail-summary-row .lore-org-status-tag,
.lore-org-detail-summary-row .lore-org-type-tag{
  color:#fff;font-weight:650;
}
.lore-org-card-members{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12px;color:var(--muted);font-weight:500;
}
.lore-org-card-members-icon{
  width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.lore-org-card-desc{
  margin:0;font-size:12.5px;line-height:1.45;color:var(--muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  max-width:36ch;
}
.lore-org-card-actions{
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px;
}
.lore-org-card-action{
  padding:4px 8px;border-radius:6px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:rgba(255,255,255,.75);
  font:inherit;font-size:11.5px;font-weight:500;cursor:pointer;
}
.lore-org-card-action:hover{background:rgba(255,255,255,.08);color:#fff}
.lore-org-card-action.is-danger{color:#f87171;border-color:rgba(248,113,113,.25)}
.lore-org-card-action.is-danger:hover{background:rgba(248,113,113,.1)}
.lore-org-card-chevron{
  position:absolute;top:14px;right:12px;
  width:16px;height:16px;color:var(--muted-2);
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.lore-org-card:hover .lore-org-card-chevron{color:rgba(255,255,255,.55)}

@media(max-width:1200px){
  .lore-orgs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .lore-orgs-view{grid-template-columns:1fr;overflow:auto}
  .lore-orgs-sidebar{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px 16px}
  .lore-orgs-sidebar-brand{flex:1 1 200px}
  .lore-orgs-filters{flex:1 1 220px;flex-direction:row;flex-wrap:wrap}
  .lore-orgs-filter{flex:1 1 140px}
  .lore-orgs-add-btn{flex:0 0 auto;width:auto;margin-top:0}
}
@media(max-width:640px){
  .lore-orgs-grid{grid-template-columns:1fr}
  .lore-orgs-hero-content{padding:16px}
}