/* Los Santos (GTA V · FiveM) kimlik seti ve LS ekranlarının teması. includes/vice_ls_id.php basar.
Dil: San Andreas eyalet resmiyeti, gündüz. Manila kâğıt, eyalet laciverti, çöl güneşi, gelincik, adaçayı, damga kırmızısı.
Vice'ın gece/neon dili (pembe, turkuaz, krem, ViceDisplay) burada kullanılmaz. */
[hidden] { display: none !important; }
:root {
--ls-paper: #f1e7d0; --ls-paper-2: #e6d5b0; --ls-sage-paper: #e3e8d6;
--ls-ink: #17243a; --ls-ink-soft: rgba(23, 36, 58, .64);
--ls-state: #1f4e79; --ls-sun: #e9a23b; --ls-poppy: #e2612b; --ls-sage: #6f8a5c; --ls-seal: #a8322d;
--ls-haze-1: #f7c9a1; --ls-haze-2: #a9c7d6;
--ls-f-seal: "Cinzel", Georgia, serif;
--ls-f-form: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;
--ls-f-mono: "IBM Plex Mono", Consolas, monospace;
--ls-f-script: "Yesteryear", cursive;
--ls-f-sign: "Mrs Saint Delafield", cursive;
}
/* ===================================================================== kart altyapısı */
.lsid-fig { margin: 0; min-width: 0; }
.lsid-fig figcaption { margin-top: 10px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.lsid-fig .lsid-dl {
display: inline-flex !important; gap: 8px; align-items: center; min-height: 36px; padding: 6px 14px !important; border-radius: 8px !important;
border: 1px solid rgba(233, 162, 59, .6) !important; background: rgba(233, 162, 59, .12) !important; color: var(--ls-sun) !important;
font: 600 14px/1.2 var(--ls-f-form) !important; letter-spacing: .03em !important; text-transform: none !important; cursor: pointer; box-shadow: none !important;
}
.lsid-fig .lsid-dl:hover, .lsid-fig .lsid-dl:focus-visible { background: var(--ls-sun) !important; color: #1b1408 !important; }
.lsid-fig .lsid-dl:disabled { opacity: .6; cursor: progress; }
.lsid { position: relative; aspect-ratio: 1200 / 757; border-radius: 3.2% / 5%; overflow: hidden; color: var(--ls-ink); font-family: var(--ls-f-form); font-size: 1.6cqw; line-height: 1.1; container-type: inline-size; box-shadow: 0 18px 40px rgba(0, 0, 0, .35), 0 0 0 1px rgba(0, 0, 0, .18); text-align: left; }
.lsid * { margin: 0; box-sizing: border-box; }
.lsid svg { display: block; }
.lsid__layer { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.lsid__rays { color: var(--ls-sun); opacity: .26; }
.lsid__waves { color: var(--ls-ink); opacity: .075; }
.lsid__ghostseal { position: absolute; width: 44cqw; height: 44cqw; right: -6cqw; top: 8cqw; opacity: .07; color: var(--ls-state); --seal-bg: transparent; }
.lsid__foil {
position: absolute; width: 13cqw; aspect-ratio: 1; border-radius: 50%;
background: conic-gradient(from 210deg, #b87333, #f3d48a, #7fc3b6, #e9a23b, #b87333);
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
opacity: .9; mix-blend-mode: multiply;
}
.lsid__qr { position: absolute; width: 9.6cqw; aspect-ratio: 1; background: #fff; padding: .5cqw; border-radius: .6cqw; }
.lsid__qr img { width: 100%; height: 100%; image-rendering: pixelated; display: block; }
.lsid__emboss { position: absolute; width: 6cqw; aspect-ratio: 1; opacity: .5; filter: grayscale(1) contrast(.6) brightness(1.15) drop-shadow(1px 1px 0 rgba(255, 255, 255, .8)) drop-shadow(-1px -1px 0 rgba(0, 0, 0, .25)); mix-blend-mode: multiply; }
.lsid__emboss img { width: 100%; height: 100%; object-fit: contain; display: block; }
.lsid__lbl { display: block; font: 600 1.45cqw/1.1 var(--ls-f-form); letter-spacing: .08em; color: var(--ls-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lsid__lbl i { font-style: normal; font-weight: 500; opacity: .85; letter-spacing: .02em; }
.lsid__val { display: block; font: 600 2.35cqw/1.15 var(--ls-f-form); color: var(--ls-ink); overflow: hidden; text-overflow: ellipsis; }
.lsid .lsid__mono { font-family: var(--ls-f-mono); }
.lsid__photo { position: absolute; background: linear-gradient(180deg, #c9d2d8, #9fb1bd); overflow: hidden; display: grid; place-items: end center; }
.lsid__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.lsid__photo svg { width: 78%; height: auto; aspect-ratio: 1; color: #6f8291; }
/* kilit (oyun verisi gereken kartlar) */
.lsid--locked > :not(.lsid-lock) { filter: grayscale(.55) contrast(.92); opacity: .78; }
.lsid--locked > .lsid__layer { opacity: .05; }
.lsid-lock { position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; display: flex; align-items: center; gap: 2cqw; padding: 2.2cqw 4.6cqw; background: rgba(21, 24, 29, .86); color: #fff; }
.lsid-lock::before { content: ""; flex: none; width: 3.4cqw; height: 3.4cqw; border-radius: 50%; border: .35cqw solid #e9a23b; background: radial-gradient(circle, #e9a23b 0 28%, transparent 30%); }
.lsid-lock b { flex: none; font: 700 2.6cqw/1 var(--ls-f-seal); color: #e9a23b; letter-spacing: .04em; }
.lsid-lock span { font: 600 1.8cqw/1.3 var(--ls-f-form); color: rgba(255, 255, 255, .88); }
/* ---------------------------------------------------------------- eyalet kimliği / ehliyet */
.lsid--state { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 55%, rgba(169, 199, 214, .55) 100%), radial-gradient(120% 90% at 0% 100%, rgba(247, 201, 161, .85), rgba(247, 201, 161, 0) 60%), var(--ls-paper); --seal-bg: var(--ls-paper); }
.lsid--dl { background: linear-gradient(160deg, #f6ead0, #e9dcc0 60%, #d8e3e6); }
.lsid-state__head { position: absolute; left: 4.6cqw; right: 4.6cqw; top: 3.4cqw; display: flex; align-items: flex-end; justify-content: space-between; gap: 2cqw; border-bottom: .25cqw solid var(--ls-state); padding-bottom: 1cqw; }
.lsid--dl .lsid-state__head { border-color: var(--ls-poppy); }
.lsid-state__script { font: 400 6.4cqw/.8 var(--ls-f-script); color: var(--ls-state); white-space: nowrap; }
.lsid-state__script b { font-weight: 400; color: var(--ls-poppy); }
.lsid-state__type { text-align: right; font: 700 1.9cqw/1.1 var(--ls-f-seal); letter-spacing: .06em; color: var(--ls-ink); }
.lsid-state__type small { display: block; font: 600 1.35cqw/1.3 var(--ls-f-form); letter-spacing: .1em; color: var(--ls-poppy); }
.lsid--state .lsid__photo, .lsid--dl .lsid__photo { left: 4.6cqw; top: 15.6cqw; width: 24cqw; height: 30.5cqw; border-radius: .6cqw; }
.lsid-state__ghost { position: absolute; right: 21cqw; bottom: 6cqw; width: 8cqw; height: 10cqw; opacity: .28; filter: grayscale(1); mix-blend-mode: multiply; }
.lsid-state__ghost .lsid__photo { position: static; width: 100%; height: 100%; }
.lsid-state__no { position: absolute; left: 32cqw; top: 15.4cqw; }
.lsid-state__no .lsid__val { font: 600 3.2cqw/1.1 var(--ls-f-mono); color: var(--ls-seal); letter-spacing: .04em; }
.lsid-state__name { position: absolute; left: 32cqw; top: 22.6cqw; right: 22cqw; }
.lsid-state__name .lsid__val { font: 700 3.7cqw/1 var(--ls-f-form); letter-spacing: .01em; white-space: nowrap; }
.lsid-state__grid { position: absolute; left: 32cqw; top: 37.4cqw; right: 24cqw; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5cqw 2.4cqw; }
.lsid-state__grid > div, .lsid-pp__grid > div, .lsid-app__fields > div, .lsid-sp__grid > div { display: grid; gap: .45cqw; min-width: 0; }
.lsid-state__sign { position: absolute; left: 32cqw; top: 50.6cqw; width: 24cqw; }
.lsid-state__sign > span[lang] { display: block; font: 400 4.6cqw/.9 var(--ls-f-sign); color: #1b3360; transform: rotate(-3deg); white-space: nowrap; overflow: hidden; border-bottom: .12cqw solid rgba(23, 36, 58, .35); padding: 0 0 .3cqw .6cqw; }
.lsid-state__sign .lsid__lbl { font-size: 1.1cqw; margin-top: .5cqw; }
.lsid-state__ridge { position: absolute; left: 0; right: 0; bottom: 0; height: 9cqw; color: rgba(31, 78, 121, .18); }
.lsid-state__ridge svg { width: 100%; height: 100%; }
.lsid--state .lsid__foil { right: 16cqw; bottom: 13cqw; }
.lsid--state .lsid__qr { right: 4.6cqw; bottom: 4.8cqw; }
.lsid--state .lsid__emboss { right: 16.6cqw; bottom: 3.4cqw; }
.lsid-state__flag { position: absolute; right: 4.6cqw; top: 15.4cqw; font: 700 1.35cqw/1 var(--ls-f-form); letter-spacing: .14em; color: #fff; background: var(--ls-sage); padding: .7cqw 1.1cqw; border-radius: .4cqw; }
.lsid-classes { position: absolute; left: 32cqw; top: 38cqw; display: flex; gap: 1cqw; }
.lsid-classes span { font: 700 2.2cqw/1 var(--ls-f-mono); border: .2cqw solid var(--ls-ink); padding: .6cqw 1.2cqw; border-radius: .4cqw; }
/* ---------------------------------------------------------------- pasaport */
.lsid--passport { background: radial-gradient(90% 70% at 100% 0%, rgba(233, 162, 59, .28), rgba(233, 162, 59, 0) 60%), var(--ls-sage-paper); --seal-bg: var(--ls-sage-paper); }
.lsid--passport .lsid__rays { color: var(--ls-sage); opacity: .3; }
.lsid--passport .lsid__waves { color: #30452a; }
.lsid-pp__sky { position: absolute; left: 0; right: 0; top: 0; height: 13.5cqw; color: rgba(48, 69, 42, .55); opacity: .6; }
.lsid-pp__sky svg { width: 100%; height: 100%; }
.lsid-pp__head { position: absolute; left: 4.6cqw; right: 4.6cqw; top: 2.6cqw; display: flex; justify-content: space-between; align-items: baseline; }
.lsid-pp__head b { font: 700 2.3cqw/1 var(--ls-f-seal); letter-spacing: .14em; }
.lsid-pp__head span { font: 600 1.6cqw/1 var(--ls-f-mono); color: var(--ls-ink-soft); }
.lsid--passport .lsid__photo { left: 4.6cqw; top: 15cqw; width: 22cqw; height: 28cqw; border-radius: .3cqw; box-shadow: 0 0 0 .25cqw #fff; }
.lsid-pp__grid { position: absolute; left: 30.5cqw; top: 15cqw; right: 4.6cqw; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.7cqw 2cqw; }
.lsid-pp__grid .wide { grid-column: span 2; }
.lsid-pp__grid .full { grid-column: 1 / -1; }
.lsid-pp__grid .name .lsid__val { font: 700 3.6cqw/1 var(--ls-f-form); }
.lsid-pp__grid .lsid__val, .lsid-sp__grid .lsid__val, .lsid-state__grid .lsid__val { white-space: nowrap; }
.lsid-pp__stamp { position: absolute; left: 19cqw; top: 36cqw; width: 17cqw; aspect-ratio: 1; border-radius: 50%; border: .45cqw double rgba(168, 50, 45, .72); color: rgba(168, 50, 45, .78); display: grid; place-content: center; text-align: center; transform: rotate(-14deg); font: 700 1.55cqw/1.15 var(--ls-f-mono); letter-spacing: .06em; }
.lsid-pp__stamp b { font: 800 2.6cqw/1 var(--ls-f-seal); }
.lsid-pp__mrz { position: absolute; left: 0; right: 0; bottom: 0; height: 12cqw; background: rgba(255, 255, 255, .62); padding: 2.1cqw 4.6cqw 0 !important; font: 500 2.55cqw/1.45 var(--ls-f-mono); letter-spacing: .06em; white-space: pre; color: var(--ls-ink); }
.lsid--passport .lsid__foil { right: 15cqw; bottom: 13.6cqw; width: 9.4cqw; }
.lsid--passport .lsid__qr { right: 4.6cqw; bottom: 13.6cqw; width: 8.4cqw; }
.lsid--passport .lsid__emboss { right: 26cqw; bottom: 13.8cqw; width: 5.4cqw; }
/* ---------------------------------------------------------------- başvuru fişi */
.lsid--app { background: transparent; box-shadow: none; overflow: visible; }
.lsid-app__tab { position: absolute; left: 3cqw; top: 0; width: 30cqw; height: 6cqw; background: #d9be82; border-radius: 1.4cqw 1.4cqw 0 0; padding: 1.4cqw 2cqw 0; font: 700 1.5cqw/1 var(--ls-f-mono); letter-spacing: .1em; color: #5b4416; }
.lsid-app__folder { position: absolute; left: 0; right: 0; top: 5cqw; bottom: 0; background: linear-gradient(180deg, #e2c88e, #d6b877); border-radius: 1.4cqw; box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }
.lsid-app__sheet { position: absolute; left: 3cqw; right: 3cqw; top: 8cqw; bottom: 3cqw; background: #fbf7ec; border-radius: .4cqw; box-shadow: 0 .3cqw 1cqw rgba(0, 0, 0, .18); overflow: hidden; background-image: repeating-linear-gradient(180deg, transparent 0 3.55cqw, rgba(31, 78, 121, .12) 3.55cqw 3.65cqw); }
.lsid-app__sheet .lsid__waves { opacity: .05; }
.lsid-app__top { position: absolute; left: 3.4cqw; right: 3.4cqw; top: 2.4cqw; display: flex; gap: 2cqw; align-items: center; border-bottom: .3cqw solid var(--ls-ink); padding-bottom: 1.2cqw; }
.lsid-app__top > svg { width: 7.4cqw; height: 7.4cqw; color: var(--ls-state); flex: none; }
.lsid-app__top b { display: block; font: 700 2.2cqw/1.1 var(--ls-f-seal); letter-spacing: .05em; }
.lsid-app__top small { display: block; font: 600 1.4cqw/1.3 var(--ls-f-form); letter-spacing: .06em; color: var(--ls-ink-soft); }
.lsid-app__case { margin-left: auto; text-align: right; }
.lsid-app__case .lsid__val { font: 600 2.6cqw/1.1 var(--ls-f-mono); color: var(--ls-seal); }
.lsid-app__photo { position: absolute; left: 3.4cqw; top: 15.5cqw; width: 16cqw; height: 20cqw; background: linear-gradient(180deg, #d6dde2, #b4c3cc); transform: rotate(-2deg); box-shadow: 0 .3cqw .8cqw rgba(0, 0, 0, .25); display: grid; place-items: end center; overflow: hidden; }
.lsid-app__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.lsid-app__photo svg { width: 80%; height: auto; aspect-ratio: 1; color: #7d8f9c; }
.lsid-app__clip { position: absolute; left: 8cqw; top: 13.4cqw; width: 3.2cqw; height: 9cqw; border: .45cqw solid #9aa3ab; border-radius: 1.6cqw; z-index: 2; }
.lsid-app__fields { position: absolute; left: 23cqw; right: 3.4cqw; top: 15.2cqw; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 1.6cqw 2.2cqw; }
.lsid-app__fields .full { grid-column: 1 / -1; }
.lsid-app__fields .lsid__val { font: 500 2.3cqw/1.1 var(--ls-f-mono); white-space: nowrap; }
.lsid-app__fields .big .lsid__val { font: 600 3.3cqw/1 var(--ls-f-mono); }
.lsid-app__memo { position: absolute; left: 3.4cqw; right: 36cqw; bottom: 7.4cqw; display: grid; gap: .4cqw; font: 500 1.7cqw/1.3 var(--ls-f-mono); color: var(--ls-seal); }
.lsid-app__memo > span:last-child { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lsid-app__steps { position: absolute; left: 3.4cqw; right: 3.4cqw; bottom: 2.4cqw; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1cqw; }
.lsid-app__steps span { font: 600 1.45cqw/1.2 var(--ls-f-form); letter-spacing: .06em; text-transform: uppercase; border-top: .45cqw solid rgba(23, 36, 58, .18); padding-top: .8cqw; color: var(--ls-ink-soft); }
.lsid-app__steps span.on { border-color: var(--ls-sun); color: var(--ls-ink); }
.lsid-app__steps span.now { border-color: var(--ls-poppy); color: var(--ls-poppy); }
.lsid-stamp { position: absolute; right: 6cqw; top: 30cqw; transform: rotate(-9deg); border: .5cqw solid currentColor; border-radius: .8cqw; padding: 1cqw 2.2cqw; text-align: center; font: 800 3.6cqw/1 var(--ls-f-seal); letter-spacing: .08em; opacity: .82; mix-blend-mode: multiply; z-index: 2;
-webkit-mask: repeating-radial-gradient(circle at 30% 40%, #000 0 .25cqw, rgba(0, 0, 0, .72) .3cqw .45cqw); mask: repeating-radial-gradient(circle at 30% 40%, #000 0 .25cqw, rgba(0, 0, 0, .72) .3cqw .45cqw); }
.lsid-stamp small { display: block; font: 700 1.4cqw/1.2 var(--ls-f-mono); letter-spacing: .12em; margin-top: .5cqw; }
.lsid-stamp--wait { color: #1f4e79; }
.lsid-stamp--ok { color: #2f6b3a; }
.lsid-stamp--no { color: #a8322d; }
.lsid-stamp--draft { color: #6b7380; border-style: dashed; }
.lsid .lsid__up, .lsid-mini .lsid__up { text-transform: uppercase; }
.lsid-fig--live .lsid__val:empty::before { content: "—"; }
.lsid--app .lsid__qr { right: 3.4cqw; bottom: 7.6cqw; width: 7.2cqw; }
.lsid--app .lsid__emboss { right: 12cqw; bottom: 7.2cqw; width: 5.4cqw; }
/* ---------------------------------------------------------------- özel kartlar */
.lsid--work, .lsid--pd, .lsid--md, .lsid--press { --sp-ink: var(--ls-ink); }
.lsid--work { background: radial-gradient(100% 80% at 100% 0%, rgba(233, 162, 59, .25), transparent 60%), linear-gradient(160deg, #e4efd6, #c3d9ad); --seal-bg: #d6e6c4; }
.lsid--work .lsid__rays { color: #2f5a2a; opacity: .14; }
.lsid--work .lsid__ghostseal { color: #2f5a2a; opacity: .09; }
.lsid--pd { background: linear-gradient(160deg, #22355a, #121c2c); color: #e8edf4; --sp-ink: #e8edf4; }
.lsid--pd .lsid__rays { color: #d9b25c; opacity: .12; }
.lsid--md { background: linear-gradient(160deg, #ffffff, #dfeaee); }
.lsid--md .lsid__rays { color: #1f7a8c; opacity: .14; }
.lsid--press { background: linear-gradient(160deg, #f8dfb2, #e9a23b); }
.lsid--press .lsid__rays { color: #4a2b0c; opacity: .14; }
.lsid-sp__head { position: absolute; left: 4.6cqw; right: 4.6cqw; top: 3.4cqw; display: flex; align-items: center; gap: 2cqw; border-bottom: .25cqw solid currentColor; padding-bottom: 1.2cqw; color: var(--sp-ink); }
.lsid-sp__em { width: 7cqw; height: 7cqw; flex: none; }
.lsid--pd .lsid-sp__em { color: #d9b25c; }
.lsid--md .lsid-sp__em { color: #1f7a8c; }
.lsid--work .lsid-sp__em { color: #2f5a2a; }
.lsid--press .lsid-sp__em { color: #4a2b0c; }
.lsid-sp__head b { display: block; font: 700 3cqw/1 var(--ls-f-seal); letter-spacing: .06em; }
.lsid-sp__head small { display: block; margin-top: .6cqw; font: 600 1.5cqw/1.2 var(--ls-f-form); letter-spacing: .08em; opacity: .8; }
.lsid-sp__no { margin-left: auto; font: 600 2.8cqw/1 var(--ls-f-mono); color: var(--ls-seal); }
.lsid--work .lsid__photo, .lsid--pd .lsid__photo, .lsid--md .lsid__photo, .lsid--press .lsid__photo { left: 4.6cqw; top: 16cqw; width: 22cqw; height: 28cqw; border-radius: .6cqw; }
.lsid-sp__grid { position: absolute; left: 30.5cqw; right: 18cqw; top: 16cqw; display: grid; grid-template-columns: 1fr 1fr; gap: 2cqw 2.4cqw; color: var(--sp-ink); }
.lsid-sp__grid .full { grid-column: 1 / -1; }
.lsid-sp__grid .name .lsid__val { font: 700 3.6cqw/1 var(--ls-f-form); white-space: nowrap; }
.lsid--pd .lsid__lbl, .lsid--pd .lsid__val { color: #e8edf4; }
.lsid--pd .lsid__lbl { opacity: .7; }
.lsid--work .lsid__foil { right: 4.6cqw; top: 17cqw; width: 11cqw; }
.lsid--work .lsid__qr { right: 4.6cqw; bottom: 4.6cqw; width: 9cqw; }
.lsid--work .lsid__emboss { right: 16cqw; bottom: 4.6cqw; }
/* ===================================================================== kimlik cüzdanı */
.lsidw { min-width: 0; border-radius: 14px; background: var(--lsw-bg, #1b1f26); border: 1px solid var(--lsw-line, rgba(255, 255, 255, .08)); color: var(--lsw-ink, #efe3c8); overflow: hidden; font-family: var(--ls-f-form); }
.lsidw__bar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--lsw-line, rgba(255, 255, 255, .08)); background: linear-gradient(90deg, rgba(226, 97, 43, .18), rgba(233, 162, 59, .06) 45%, transparent); }
.lsidw__title { display: flex; align-items: center; gap: 10px; }
.lsidw__seal { width: 34px; height: 34px; color: var(--ls-sun); --seal-bg: #1b1f26; flex: none; }
.lsidw__title b { font: 700 18px/1.1 var(--ls-f-seal); letter-spacing: .04em; }
.lsidw__title small { font-size: 13px; opacity: .7; }
.lsidw__chars { display: flex; gap: 8px; margin-left: auto; flex-wrap: wrap; }
.lsidw .lsidw__chars button, .lsidw .lsidw__new { display: inline-flex !important; align-items: center; gap: 6px; min-height: 34px; padding: 5px 13px !important; border-radius: 20px !important; border: 1px solid rgba(239, 227, 200, .22) !important; background: transparent !important; color: inherit !important; font: 600 14px/1.2 var(--ls-f-form) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; text-decoration: none !important; box-shadow: none !important; }
.lsidw .lsidw__chars button[aria-selected="true"] { background: #efe3c8 !important; color: #17243a !important; border-color: #efe3c8 !important; }
.lsidw .lsidw__new { border-style: dashed !important; color: var(--ls-sun) !important; }
.lsidw__body { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 22px; padding: 20px; }
.lsidw__stage { min-width: 0; }
.lsidw__list, .lsidw__list li { min-width: 0; }
.lsidw__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; align-content: start; }
.lsidw .lsidw__item { width: 100%; display: flex !important; gap: 12px; align-items: center; padding: 10px 12px !important; border-radius: 10px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid rgba(255, 255, 255, .07) !important; color: inherit !important; text-align: left; font: 400 15px/1.3 var(--ls-f-form) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; box-shadow: none !important; }
.lsidw .lsidw__item:hover, .lsidw .lsidw__item:focus-visible { border-color: rgba(233, 162, 59, .5) !important; }
.lsidw .lsidw__item.is-on { border-color: var(--ls-sun) !important; background: rgba(233, 162, 59, .08) !important; }
.lsidw__item > i { width: 38px; height: 25px; border-radius: 4px; flex: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); }
.lsidw__item--state > i { background: linear-gradient(160deg, #f1e7d0 60%, #a9c7d6); }
.lsidw__item--passport > i { background: #e3e8d6; }
.lsidw__item--app > i { background: #d6b877; }
.lsidw__item--work > i { background: #c3d9ad; }
.lsidw__item--dl > i { background: #e9dcc0; }
.lsidw__item--pd > i { background: #22355a; }
.lsidw__item--md > i { background: #dfeaee; }
.lsidw__item--press > i { background: #e9a23b; }
.lsidw__item > span { min-width: 0; flex: 1; }
.lsidw__item strong { display: block; font-weight: 700; }
.lsidw__item small { display: block; opacity: .7; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lsidw__st { margin-left: auto; font-style: normal; font-size: 12.5px; font-weight: 600; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }
.lsidw__st--ok { background: rgba(111, 138, 92, .25); color: #b8d4a3; }
.lsidw__st--wait { background: rgba(233, 162, 59, .18); color: #e9a23b; }
.lsidw__st--no { background: rgba(168, 50, 45, .22); color: #f0a49c; }
.lsidw__st--lock { background: rgba(255, 255, 255, .08); color: rgba(239, 227, 200, .7); }
@media (max-width: 900px) {
.lsidw__body { grid-template-columns: minmax(0, 1fr); padding: 14px; }
.lsidw__chars { margin-left: 0; }
}
/* küçük kart ızgarası (profil, /losantos) */
.lsid-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 18px; }
/* tanıtım şeridi (LS forum ana sayfası) */
.lsid-promo { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 24px; align-items: center; padding: 22px 24px; border-radius: 14px; overflow: hidden; color: var(--ls-ink); background: linear-gradient(180deg, #f3b58a 0%, #f7d3a8 45%, #c9d6d6 100%); text-decoration: none !important; }
.lsid-promo__copy { position: relative; z-index: 1; }
.lsid-promo__kicker { margin: 0; font: 700 12px/1.2 var(--ls-f-form); letter-spacing: .16em; color: var(--ls-seal); }
.lsid-promo .lsid-promo__title { margin: 6px 0 8px !important; font: 800 clamp(24px, 3vw, 34px)/1.05 var(--ls-f-seal) !important; color: var(--ls-ink) !important; letter-spacing: .02em; text-transform: none !important; }
.lsid-promo__title em { font: 400 1.15em/1 var(--ls-f-script); color: var(--ls-poppy); }
.lsid-promo p { margin: 0 0 12px; color: rgba(23, 36, 58, .78); font: 500 15px/1.5 var(--ls-f-form); }
.lsid-promo__cta { display: inline-flex; gap: 8px; align-items: center; padding: 8px 16px; border-radius: 8px; background: var(--ls-ink); color: #f1e7d0 !important; font: 700 14px/1.2 var(--ls-f-form); }
.lsid-promo__cards { position: relative; height: 210px; }
.lsid-promo__cards .lsid-fig { position: absolute; width: min(100%, 300px); }
.lsid-promo__cards .lsid-fig:nth-child(1) { left: 0; top: 18px; transform: rotate(-6deg); }
.lsid-promo__cards .lsid-fig:nth-child(2) { left: 22%; top: 4px; transform: rotate(2deg); z-index: 1; }
.lsid-promo__cards .lsid-fig:nth-child(3) { right: 0; top: 30px; transform: rotate(7deg); }
.lsid-promo__ridge { position: absolute; left: 0; right: 0; bottom: 0; height: 60px; color: rgba(109, 127, 134, .55); }
.lsid-promo__ridge svg { width: 100%; height: 100%; }
@media (max-width: 760px) {
.lsid-promo { grid-template-columns: 1fr; }
.lsid-promo__cards { height: 170px; }
.lsid-promo__cards .lsid-fig { width: 62%; }
}
/* ===================================================================== LS ekranlarının teması
Altın/neon vurgular güneş, gelincik ve adaçayına döner; açık ve koyu tema renkleri sitenin değişkenlerinden gelir. */
/* panel (Los Santos seçili) */
#vpl[data-world="gta5"] {
--p-gold: #e9a23b; --p-gold-ink: #e9a23b; --p-on-gold: #1b1408;
--p-pink: #e2612b; --p-ocean: #8fb07a;
}
#vpl[data-world="gta5"] .vpl-world--gta5.is-on { background: linear-gradient(135deg, rgba(226, 97, 43, .22), rgba(233, 162, 59, .12)) !important; border-color: #e9a23b !important; }
.lsid-ls-hero { position: relative; overflow: hidden; border-radius: 14px; padding: 26px 26px 92px; margin-bottom: 18px; color: var(--ls-ink); background: linear-gradient(180deg, #f3b58a 0%, #f7d3a8 40%, #c9d6d6 78%, #9fbccd 100%); }
.lsid-ls-hero__sun { position: absolute; right: 9%; bottom: 40px; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(circle, #fff3cf 0, #f7c46b 55%, rgba(247, 196, 107, 0) 70%); pointer-events: none; }
.lsid-ls-hero__ridge { position: absolute; left: 0; right: 0; bottom: 0; height: 96px; color: #6d7f86; pointer-events: none; }
.lsid-ls-hero__ridge svg { width: 100%; height: 100%; }
.lsid-ls-hero > *:not(.lsid-ls-hero__sun):not(.lsid-ls-hero__ridge) { position: relative; z-index: 1; }
.lsid-ls-hero__kicker { margin: 0 0 6px; font: 700 12px/1.2 var(--ls-f-form); letter-spacing: .16em; color: var(--ls-seal); }
.lsid-ls-hero .lsid-ls-hero__title { margin: 0 0 8px !important; font: 800 clamp(26px, 3.4vw, 40px)/1.05 var(--ls-f-seal) !important; color: var(--ls-ink) !important; letter-spacing: .02em; text-transform: none !important; }
.lsid-ls-hero__title em { font: 400 1.15em/1 var(--ls-f-script); color: var(--ls-poppy); }
.lsid-ls-hero p { max-width: 640px; margin: 0 0 14px; color: rgba(23, 36, 58, .8); font: 500 15.5px/1.5 var(--ls-f-form); }
.lsid-ls-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.lsid-ls-hero__actions a { display: inline-flex; gap: 8px; align-items: center; min-height: 38px; padding: 8px 16px; border-radius: 8px; font: 700 14px/1.2 var(--ls-f-form); text-decoration: none !important; }
.lsid-ls-hero__actions .is-main { background: var(--ls-ink); color: #f1e7d0 !important; }
.lsid-ls-hero__actions .is-line { border: 1.5px solid var(--ls-ink); color: var(--ls-ink) !important; }
.lsid-ls-hero__state { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 4px 10px; border-radius: 20px; background: rgba(23, 36, 58, .1); font: 700 12px/1.2 var(--ls-f-form); letter-spacing: .1em; color: var(--ls-ink); }
.lsid-ls-hero__state i { width: 8px; height: 8px; border-radius: 50%; background: var(--ls-sun); box-shadow: 0 0 0 3px rgba(233, 162, 59, .3); }
.lsid-ls-hero__state.is-live i { background: #4f9a5b; box-shadow: 0 0 0 3px rgba(79, 154, 91, .3); }
@media (max-width: 600px) {
.lsid-ls-hero { padding: 20px 18px 80px; }
.lsid-ls-hero__sun { width: 110px; height: 110px; right: 4%; bottom: 30px; }
}
/* başvuru sihirbazı (Los Santos kolu) */
#vka.vka--gta5 { --k-gold: #e9a23b; --k-on-gold: #1b1408; --k-pink: #e2612b; --k-ocean: #8fb07a; --k-live: #8fb07a;
background: radial-gradient(ellipse 60% 40% at 6% 0%, rgba(233, 162, 59, .16), transparent 70%), radial-gradient(ellipse 50% 40% at 96% 14%, rgba(226, 97, 43, .1), transparent 70%) !important; }
#vka.vka--gta5 .vka-tape { background: #1f4e79 !important; }
#vka.vka--gta5 .vka-tape span { background: transparent !important; color: #f1e7d0 !important; font-family: var(--ls-f-seal) !important; letter-spacing: .14em !important; }
#vka.vka--gta5 .vka-tape span + span::before { content: "✶"; margin-right: 14px; color: #e9a23b; }
#vka.vka--gta5 .vka-hero h1 em { font-family: var(--ls-f-script) !important; color: #e2612b !important; text-transform: none !important; }
#vka.vka--gta5 .vka-city--gta5 .vka-city__body strong { color: #fff3cf; text-shadow: 0 2px 10px rgba(5, 7, 13, .65), 0 0 26px rgba(233, 162, 59, .5); }
#vka.vka--gta5 .vka-stamp { border-color: rgba(233, 162, 59, .8); color: #e9a23b; }
#vka .vka-lsid { display: grid; gap: 10px; }
#vka .vka-lsid .lsid-fig { width: 100%; }
#vka .vka-lsid__note { margin: 0; font: 500 13px/1.4 var(--ls-f-form); opacity: .75; }
/* /losantos (UCP kabuğu) */
.vice-ucp-wrap--losantos .vls-city { background: linear-gradient(180deg, #f3b58a 0%, #f7d3a8 45%, #c9d6d6 100%) !important; color: #17243a !important; border-color: transparent !important; }
.vice-ucp-wrap--losantos .vls-city h2, .vice-ucp-wrap--losantos .vls-city p { color: #17243a !important; }
.vice-ucp-wrap--losantos .vls-city .vls-intro__kicker { color: #a8322d !important; }
.vice-ucp-wrap--losantos .vls-btn--primary { background: #e9a23b !important; border-color: #e9a23b !important; color: #1b1408 !important; }
.vls-cards { display: grid; gap: 22px; }
.vls-cards__row { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 18px; }
.vls-cards__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px; margin: 0 0 8px; }
.vls-cards__head strong { font: 700 18px/1.2 var(--ls-f-seal); }
.vls-cards__head span { font: 500 14px/1.3 var(--ls-f-form); opacity: .75; }
/* sihirbaz önizlemesi: dikey mini fiş (dar sütun, piksel ölçü) */
.lsid-mini { position: relative; padding-top: 22px; color: var(--ls-ink); font-family: var(--ls-f-form); text-align: left; }
.lsid-mini * { box-sizing: border-box; margin: 0; }
.lsid-mini__tab { position: absolute; left: 14px; top: 0; white-space: nowrap; height: 30px; background: #d9be82; border-radius: 8px 8px 0 0; padding: 6px 14px 0; font: 700 10px/1.2 var(--ls-f-mono); letter-spacing: .1em; color: #5b4416; }
.lsid-mini__sheet { position: relative; overflow: hidden; padding: 16px 16px 18px; border-radius: 6px; background: #fbf7ec; border: 12px solid #dcc185; border-top-width: 14px; box-shadow: 0 14px 32px rgba(0, 0, 0, .35); background-image: repeating-linear-gradient(180deg, transparent 0 25px, rgba(31, 78, 121, .1) 25px 26px); }
.lsid-mini .lsid__waves { opacity: .05; }
.lsid-mini__head { position: relative; display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 2px solid var(--ls-ink); }
.lsid-mini__head > svg { width: 40px; height: 40px; flex: none; color: var(--ls-state); }
.lsid-mini__head b { display: block; font: 700 12.5px/1.15 var(--ls-f-seal); letter-spacing: .04em; }
.lsid-mini__head small { display: block; margin-top: 2px; font: 600 11px/1.2 var(--ls-f-form); color: var(--ls-ink-soft); }
.lsid-mini__body { position: relative; display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; margin-top: 16px; }
.lsid-mini__photo { position: relative; height: 104px; background: linear-gradient(180deg, #d6dde2, #b4c3cc); transform: rotate(-2deg); box-shadow: 0 2px 6px rgba(0, 0, 0, .25); display: grid; place-items: end center; }
.lsid-mini__photo svg { width: 80%; height: auto; aspect-ratio: 1; color: #7d8f9c; }
.lsid-mini__clip { position: absolute; left: 26px; top: -10px; width: 16px; height: 44px; border: 3px solid #9aa3ab; border-radius: 8px; }
.lsid-mini__fields { position: relative; display: grid; gap: 9px; min-width: 0; }
.lsid-mini__fields--wide { margin-top: 12px; padding-right: 64px; }
.lsid-mini .lsid__lbl { font-size: 10px; letter-spacing: .08em; }
.lsid-mini .lsid__val { font: 500 14px/1.25 var(--ls-f-mono); white-space: normal; overflow-wrap: anywhere; }
.lsid-mini .big .lsid__val { font: 600 18px/1.1 var(--ls-f-mono); }
.lsid-mini .lsid-stamp { right: 18px; top: 128px; font-size: 22px; border-width: 3px; padding: 6px 12px; border-radius: 5px; -webkit-mask: none; mask: none; }
.lsid-mini .lsid-stamp small { font-size: 9px; margin-top: 3px; }
.lsid-mini .lsid__qr { right: 14px; bottom: 30px; width: 54px; padding: 3px; border-radius: 4px; }
.lsid-mini__steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 16px; }
.lsid-mini__steps span { height: 4px; background: rgba(23, 36, 58, .18); }
.lsid-mini__steps .on { background: var(--ls-sun); }
.lsid-mini__steps .now { background: var(--ls-poppy); }
#vka .vka-lsid--pending { max-width: 640px; margin-top: 18px; }
/* örnek kart (henüz karakteri olmayan üyeye) */
.lsid-example { max-width: 520px; margin: 16px auto 0; }
.lsid-fig--example { position: relative; }
.lsid-fig--example::after { content: "ÖRNEK"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-12deg); padding: 6px 22px; border: 3px solid rgba(168, 50, 45, .8); border-radius: 6px; color: rgba(168, 50, 45, .85); font: 800 26px/1 var(--ls-f-seal); letter-spacing: .2em; background: rgba(241, 231, 208, .7); pointer-events: none; z-index: 5; }
.lsid-example__text { margin: 12px 0 0; text-align: center; font: 500 14px/1.4 var(--ls-f-form); opacity: .8; }
.lsid-promo__link { margin-left: 12px; font: 700 14px/1.2 var(--ls-f-form); color: var(--ls-ink) !important; text-decoration: underline !important; }
.lsid-promo__cards .lsid { box-shadow: 0 10px 24px rgba(23, 36, 58, .35); }
/* Los Santos Social duvarı: bağlı karakterin eyalet mührü, güneş vurgusu */
.vlsw { --vls-accent: #e9a23b; }
.vlsw-seal { display: inline-block; width: 15px; height: 15px; margin-left: 5px; vertical-align: -2px; color: #e9a23b; --seal-bg: transparent; }
.vlsw-seal svg { width: 100%; height: 100%; display: block; }
/* yetkili başvuru masası, profil, Karakterlerim sayfası */
.vpa-lsid { max-width: 560px; margin: 14px 0 6px; }
.vxh-ls-ids { margin-top: 10px; }
.vgta-id { margin-top: 12px; }
.vgta-id .lsid-fig { margin-top: 10px; max-width: 520px; }
@media (max-width: 520px) {
.lsidw__st { white-space: normal; text-align: right; }
}