:root{--bg:#0c1014;--panel:#12171c;--line:#2b3239;--text:#eef0f2;--muted:#a0a7ae;--accent:#d8ac6d;--dark:#21180d;color-scheme:dark}body{background:radial-gradient(ellipse at 60% 0,#1a2026 0,transparent 65%),#0c1014;font-family:Arial,Helvetica,sans-serif}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}h1,h2,h3{letter-spacing:-.4px}.sidebar{width:228px;padding:24px 15px;background:linear-gradient(#12171bf2 65%,#11171bd9),url('/assets/city.png') center bottom/auto 65% no-repeat;overflow-y:auto}.wordmark{display:block;text-align:center;font:900 39px/.95 Georgia,serif;letter-spacing:-2px;text-shadow:2px 3px #000;padding:4px 0 32px}.wordmark em{display:block;color:var(--accent);font:italic 30px/1 Georgia,serif;letter-spacing:-1px;margin-left:25px}.sidebar nav a{justify-content:flex-start;align-items:center;gap:15px;padding:10px 12px;margin:2px 0;font-size:12px;border-left:3px solid transparent;border-radius:4px}.sidebar nav a.active{border-left-color:var(--accent);background:linear-gradient(90deg,#34393f,#24292f);color:#fff}.sidebar nav a .icon{width:19px;height:19px;color:#929ba3}.sidebar nav a.active .icon{color:var(--accent)}.nav-label{margin-top:22px;letter-spacing:1px}.sidebar-bottom{padding:20px 12px 0;margin-top:25px}.sidebar-bottom a{display:block;font-size:12px;margin-top:10px}.workspace{margin-left:228px}.topbar{height:64px;min-height:64px;padding:10px 24px;align-items:center;background:#101419c7;letter-spacing:1px}.topbar-account{display:flex;align-items:center;gap:20px}.account-link{display:flex;align-items:center;gap:10px;letter-spacing:0}.account-link .avatar{float:none;margin:0;background:#333643;color:#e3bd88}.account-link strong{font-size:12px;color:var(--text)}.account-link small{display:block;color:var(--muted);font-size:10px}.notification-link{display:flex;gap:4px;color:var(--muted);border-right:1px solid var(--line);padding-right:20px}.notification-link span{font-size:10px;color:var(--accent)}.content{max-width:1640px;padding:16px 22px 30px}.page-heading{margin:18px 0 26px}.page-heading h1{font-size:30px}.page-heading .eyebrow{color:var(--accent)}.panel{padding:17px;border-radius:6px;background:linear-gradient(140deg,#151a20,#101519);box-shadow:0 5px 16px #00000018}.panel h2{font-size:21px}.section-title{margin-bottom:15px;gap:12px}.section-title h2{font-size:12px;text-transform:uppercase;letter-spacing:.8px}.section-title a{color:var(--accent);font-size:11px;text-decoration:underline}.primary{background:linear-gradient(#e1b77e,#ad7d42);border:1px solid #e0b77b;color:#17110a;box-shadow:inset 0 1px #ffe5b440;padding:10px 16px;font-size:12px}.primary:hover{background:linear-gradient(#f0c98f,#c49354)}.secondary{border-color:#3b444c;background:linear-gradient(#242b33,#1a2026);padding:9px 14px;font-size:12px}.full{justify-content:center}.city-hero{min-height:260px;border:1px solid #4c4030;border-radius:6px;padding:38px 30px 23px;margin-bottom:12px;background:linear-gradient(90deg,#090d13e8,#10141970 55%,#10141916),linear-gradient(0deg,#0b1119b8,transparent 70%),url('/assets/city.png') center 56%/cover no-repeat;overflow:hidden}.city-hero>p{font-size:21px;letter-spacing:1px;font-weight:800;margin-bottom:2px;line-height:1.2}.city-hero h1{color:#e4b87b;font-size:43px;letter-spacing:1px;margin-bottom:6px}.hero-subtitle{font-size:16px;color:#b9bcc0}.hero-stats{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap}.hero-stats>div{display:flex;align-items:center;gap:10px}.hero-stats .icon{color:var(--accent);width:25px;height:25px}.hero-stats span{font-size:11px;color:#abb1b7;line-height:1.5}.hero-stats strong{display:block;font-size:12px;color:#f0f1f2}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(260px,.85fr);gap:12px;align-items:stretch}.dashboard-characters{grid-column:span 2}.dashboard-roster{display:flex;gap:10px;min-height:235px}.featured-character{display:flex;flex:2;min-width:0;border:1px solid #39414a;border-radius:5px;background:linear-gradient(130deg,#2a3139,#171d23);overflow:hidden}.resident-art{position:relative;overflow:hidden;min-width:105px;flex:0 0 37%;background:linear-gradient(140deg,#7a8b95,#303a43 65%,#141c25);display:flex;align-items:flex-end;justify-content:center}.resident-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22px,#0a182522 22px 42px)}.resident-art svg{width:100%;height:100%;max-height:310px;position:relative;fill:#172027;filter:drop-shadow(4px 0 2px #cccccc15)}.resident-art .jacket-line{fill:none;stroke:#394854;stroke-width:2}.resident-art>span{position:absolute;bottom:10px;left:0;right:0;font-size:8px;letter-spacing:1px;text-align:center;color:#b6c1c9}.featured-details{padding:15px 13px;flex:1;min-width:0}.featured-details h3{font-size:17px;margin-bottom:6px;overflow-wrap:anywhere}.featured-details dl{margin:13px 0}.featured-details dl>div{display:flex;justify-content:space-between;gap:12px}.featured-details dt{font-size:10px}.featured-details dd{font-size:11px;margin:0}.featured-details .primary{width:100%;margin-top:5px}.mini-character{flex:1;max-width:150px;min-width:105px;padding:9px;display:flex;flex-direction:column;background:#191f26;border:1px solid var(--line);border-radius:5px}.mini-character .resident-art{flex:1;min-height:115px}.mini-character h3{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.new-character{flex:1;min-width:105px;max-width:180px;padding:20px 10px;border:1px solid var(--line);border-radius:5px;background:radial-gradient(ellipse at 50% 25%,#2b343e,#12181e 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.new-character .plus{border-color:#b5bbc0;color:#d9dde0;margin-bottom:15px}.new-character strong{font-size:11px}.new-character small{font-size:10px;color:var(--muted);margin-top:8px}.dashboard-roster>.new-character:first-child{max-width:none;min-height:235px}.roster-foot{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:10px;color:var(--muted)}.roster-foot a{color:var(--accent)}.badge{background:#4b3d2b;color:#efd3a9;border-radius:4px;padding:3px 7px;font-size:9px;letter-spacing:.4px}.badge.approved{background:#214331;color:#91d8a6}.status-panel{display:flex;flex-direction:column}.status-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:3px 0 15px}.status-line strong{font-size:16px}.online{color:#68d286}.status-line>span{font-size:11px}.population-chart{width:100%;height:90px;margin:16px 0 8px}.chart-caption{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-bottom:20px}.status-panel .primary{margin-top:auto;gap:10px}.status-panel>.hint{font-size:9px;margin-top:8px;text-align:center}.activity-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #252d34}.activity-row:last-child{border:0}.activity-icon{display:grid;place-items:center;background:#222b34;border:1px solid #303b46;border-radius:4px;color:#cfab74;width:39px;height:39px;flex-shrink:0}.activity-row strong{font-size:11px;font-weight:500}.activity-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.news-card{background:linear-gradient(90deg,#0e151be8,#171e26d9),url('/assets/city.png') center/cover;border:1px solid #333d47;border-radius:5px;padding:14px;margin:10px 0}.news-card h3{font-size:14px;margin:10px 0 3px}.news-card small{font-size:10px;color:var(--muted)}.news-card p{font-size:12px;line-height:1.6;margin:10px 0 0;color:#b9c0c7}.dashboard-right{display:flex;flex-direction:column;gap:12px}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-links>a{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;border:1px solid #343c44;background:linear-gradient(135deg,#22292f,#151b21);border-radius:4px;padding:16px 6px;font-size:10px;line-height:1.4}.quick-links .icon{width:26px;height:26px;color:var(--accent)}.quick-links>a:hover{border-color:var(--accent)}.discord{flex:1}.discord h3{font-size:17px}.discord p{font-size:12px}.discord .eyebrow{color:#82b8dd}.featured-strip{grid-column:1/-1}.feature-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.feature-tiles>a{min-height:130px;padding:18px 14px 12px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px;border:1px solid #4a443d;background:linear-gradient(0deg,#080d13f2,#18202bc7),url('/assets/city.png') center/cover}.feature-tiles>a:nth-child(2){background-position:right}.feature-tiles>a:nth-child(3){background-position:left}.feature-tiles .icon{color:var(--accent);margin-bottom:auto}.feature-tiles strong{text-transform:uppercase;letter-spacing:.4px;font-size:12px;margin-top:12px}.feature-tiles span{font-size:10px;color:#b8c0c8}.empty-state{padding:30px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:6px;width:100%}.empty-state>.icon{color:var(--accent);width:30px;height:30px;margin-bottom:12px}.empty-state h3{font-size:17px;color:var(--text)}.empty-state p{font-size:12px;margin:0}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.asset-card>.icon,.faction-card>.icon,.asset-grid>.panel>.icon{display:block;width:35px;height:35px;color:var(--accent);margin-bottom:20px}.asset-card h2,.faction-card h2{font-size:20px;margin-top:13px}.tabs{display:flex;gap:10px;margin:15px 0}.tabs>a{border:1px solid var(--line);padding:8px 15px;border-radius:5px;color:var(--muted)}.tabs>a.active{color:var(--accent);background:#2d2923;border-color:#62503b}.case-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid var(--line)}.case-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.case-row small{display:block;color:var(--muted);font-size:10px}.case-row .badge{flex-shrink:0}.case-body{margin-top:25px;padding:15px 0}.reply{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.reply small{display:block;color:var(--muted);font-size:10px;margin:5px 0 15px}.reply .biography{margin-bottom:0}.status-form{margin-top:25px;padding-top:15px;border-top:1px solid var(--line)}.notification{display:block;padding:20px;border-bottom:1px solid var(--line)}.notification.unread{border-left:3px solid var(--accent);background:#2a261f}.notification small{display:block;color:var(--muted);font-size:11px}.spaced{margin-top:40px}.inline-form{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0}.inline-form span{font-size:12px}.character-profile{display:grid;grid-template-columns:240px 1fr;gap:30px}.character-profile .resident-art{min-height:340px;border-radius:5px}.character-profile h2{margin-top:15px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two-column{margin-top:18px;align-items:start;gap:18px}.auth-story{background:linear-gradient(90deg,#0c111bdc,#12161ccc),url('/assets/city.png') center/cover}.auth-story em{color:var(--accent)}input,textarea,select{background:#0f151b;border-color:#38434d}.guidance{background:#1b2026}.access-code{background:#28241e;border-color:#786342}.welcome{background:linear-gradient(120deg,#322a21,#1c2025);border-color:#514736}.portrait{background:linear-gradient(145deg,#4b4b47,#212a34)}.portrait span{color:#d8ac6d80}.empty-slot{background:#141b22;border-color:#3d454d}.empty-slot:hover{background:#20262c}.welcome-mark{color:#d8ac6d44}.welcome-mark span{color:#d8ac6d}.auth-story .intro,.guidance ol{color:#bbc0c6}.panel details{margin-top:20px}.biography{color:#c6ccd1}.alert{background:#1c3228;border-color:#3e6550;color:#b6dfc5}.alert.error{background:#3a2325;border-color:#82484b;color:#ffd1d1}.roster{gap:16px}footer{margin-top:25px;color:#858e97}
@media(min-width:1650px){.city-hero{min-height:310px;padding-top:55px}.dashboard-roster{min-height:280px}.content{padding-top:20px}}
@media(max-width:1250px){.sidebar{width:195px}.workspace{margin-left:195px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-characters{grid-column:1/-1}.status-panel{grid-column:2;grid-row:2}.dashboard-grid>.panel:nth-child(4){grid-column:1}.dashboard-right{grid-column:2;grid-row:3}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-roster{min-height:230px}.topbar>span{font-size:9px}.hero-stats{gap:22px}.feature-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{width:175px;padding:20px 10px}.sidebar nav a{font-size:11px;gap:9px;padding-left:7px}.wordmark{font-size:32px}.wordmark em{font-size:27px}.workspace{margin-left:175px}.content{padding:14px}.city-hero{padding:28px 20px}.city-hero h1{font-size:35px}.hero-stats{gap:15px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>*{grid-column:auto!important;grid-row:auto!important}.dashboard-right{display:grid;grid-template-columns:1fr 1fr}.quick-links{grid-template-columns:repeat(2,1fr)}.character-profile{grid-template-columns:160px 1fr;gap:18px}.profile-stats{grid-template-columns:repeat(2,1fr)}.topbar>span{display:none}.topbar{justify-content:flex-end}.roster-foot{flex-wrap:wrap}.asset-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sidebar{position:static;width:100%;padding:14px 12px;overflow:visible;background:#131920}.wordmark{font-size:28px;padding:0 0 16px;text-align:left;display:flex;align-items:baseline;gap:10px}.wordmark em{font-size:24px;margin:0}.sidebar nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;padding-bottom:5px}.sidebar nav a{white-space:nowrap;flex-shrink:0;padding:8px 10px;border-left:0;border-bottom:2px solid transparent;font-size:11px}.sidebar nav a.active{border-bottom-color:var(--accent)}.sidebar nav .icon{display:none}.sidebar .nav-label{display:none}.sidebar-bottom{display:none}.workspace{margin:0}.topbar{height:55px;min-height:55px;padding:8px 15px}.content{padding:12px}.city-hero{min-height:250px;padding:27px 18px 20px}.city-hero>p{font-size:17px}.city-hero h1{font-size:32px;overflow-wrap:anywhere}.hero-subtitle{font-size:13px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.hero-stats strong{font-size:11px}.dashboard-roster{flex-wrap:wrap}.featured-character{flex:1 0 100%}.mini-character,.new-character{flex:1;max-width:none;min-width:110px}.mini-character .resident-art{max-height:120px}.new-character{min-height:170px}.dashboard-right{display:flex}.quick-links{grid-template-columns:repeat(3,1fr)}.feature-tiles{gap:8px}.feature-tiles>a{min-height:125px;padding:13px 10px}.character-profile{grid-template-columns:1fr}.character-profile>.resident-art{min-height:230px;max-height:250px}.profile-stats{grid-template-columns:repeat(2,1fr)}.section-title h2{font-size:11px}.page-heading h1{font-size:27px}.case-row{align-items:flex-start}.case-row .badge{font-size:8px}.auth-story{padding:25px}.two-column{grid-template-columns:1fr}.panel{padding:15px}.sidebar nav a span{display:block}.feature-tiles strong{font-size:11px}.feature-tiles span{font-size:10px}}

/* Actual saved SA-MP skin models, hosted locally. */
.resident-art.has-skin{align-items:center;padding:12px 8px 30px;min-height:210px}.resident-art .skin-preview{position:relative;z-index:1;display:block;width:100%;height:220px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 7px #0008)}.resident-art>span{z-index:2}.mini-character .resident-art.has-skin{padding:6px 4px 25px;min-height:130px}.mini-character .skin-preview{height:135px}.character>.resident-art{height:240px}.character>.resident-art .skin-preview{height:210px}.character-profile>.resident-art.has-skin{min-height:360px}.character-profile .skin-preview{height:320px}.skin-unavailable{flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:20px 10px 35px}.skin-unavailable>.icon{width:50px;height:50px;fill:none;color:#a5b2bd}.skin-unavailable p{position:relative;font-size:10px;text-align:center;margin:10px 0;color:var(--muted)}
@media(max-width:600px){.mini-character .resident-art.has-skin{min-height:140px;max-height:150px}.mini-character .skin-preview{height:110px}.character-profile>.resident-art.has-skin{min-height:270px;max-height:300px}.character-profile .skin-preview{height:230px}}