:root{
 --bg:#0d1117;--bg2:#111722;--surface:#151b24;--surface2:#1a222d;--surface3:#202a36;
 --line:#2a3441;--line2:#354252;--text:#eef2f6;--muted:#9aa5b1;--muted2:#6f7a86;
 --accent:#8fa6bf;--accent-strong:#b7c9da;--blue:#4f82b8;--green:#55a778;--red:#c96a73;--amber:#c49a55;
 --radius:12px;--small:8px;--max:1320px;--sidebar:238px;--shadow:0 14px 36px rgba(0,0,0,.24)
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:#5f7b99;color:#fff}
.staff-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.staff-sidebar{position:sticky;top:0;height:100vh;padding:18px 14px 14px;background:#101620;border-right:1px solid #27313d;display:flex;flex-direction:column;z-index:60}.staff-brand{height:56px;display:flex;align-items:center;gap:11px;padding:7px 9px;margin-bottom:19px;border-bottom:1px solid #222b36}.staff-brand-mark,.wordmark-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#d8dee7;color:#121820;font-weight:800}.staff-brand b{display:block;font-size:13px;letter-spacing:-.1px}.staff-brand small{display:block;margin-top:3px;color:#738191;font-size:8px;letter-spacing:1.2px}.staff-sidebar-caption{padding:0 10px 8px;color:#647181;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px}.main-nav{display:flex;flex-direction:column;gap:3px}.main-nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:8px;color:#9aa7b5;font-size:11px;font-weight:600;border:1px solid transparent;transition:.12s}.main-nav a:hover{background:#171f2a;color:#e8edf3}.main-nav a.active{background:#1d2733;color:#fff;border-color:#334151;box-shadow:inset 3px 0 0 #8da2b8}.nav-symbol{width:18px;height:18px;display:grid;place-items:center}.nav-symbol svg,.sidebar-utility svg,.icon-link svg{width:17px;height:17px}.staff-sidebar-spacer{flex:1}.sidebar-utility{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;color:#8794a2;font-size:10px;border-radius:8px}.sidebar-utility:hover{background:#171f2a;color:#fff}.sidebar-utility.logout{margin-top:4px;color:#aa8589}.staff-profile{display:flex;align-items:center;gap:9px;padding:10px 8px;margin-top:8px;border-top:1px solid #222b36;border-bottom:1px solid #222b36}.staff-profile b{display:block;font-size:10px}.staff-profile small{display:block;color:#72808e;font-size:8px;margin-top:2px}.user-dot{width:30px;height:30px;border-radius:8px;background:#202a36;border:1px solid #344151;display:grid;place-items:center;font-size:10px;font-weight:800}.staff-main{min-width:0}.staff-topbar{height:66px;position:sticky;top:0;z-index:40;background:rgba(13,17,23,.93);backdrop-filter:blur(14px);border-bottom:1px solid #252f3a;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.staff-topbar>div:first-of-type{display:flex;flex-direction:column;gap:2px}.staff-topbar strong{font-size:12px}.topbar-kicker{font-size:8px;color:#6d7a88;text-transform:uppercase;letter-spacing:1.2px}.topbar-status{display:flex;align-items:center;gap:7px;color:#788593;font-size:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#5da178;box-shadow:0 0 0 3px rgba(93,161,120,.11)}.mobile-nav-toggle{display:none;border:1px solid #354151;background:#1b2430;border-radius:8px;padding:7px 10px;font-size:10px}
.page-shell{max-width:var(--max);min-height:calc(100vh - 122px);margin:auto;padding:34px 34px 70px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #252f3a}.eyebrow{display:block;color:#74808d;text-transform:uppercase;letter-spacing:1.45px;font-size:8px;font-weight:700;margin-bottom:7px}.page-heading h1{margin:0;font-size:29px;line-height:1.08;letter-spacing:-.8px;font-weight:680}.site-footer{max-width:var(--max);margin:auto;padding:18px 34px;border-top:1px solid #232c37;color:#66717d;font-size:9px;display:flex;justify-content:space-between}
.btn{min-height:37px;border:1px solid #354150;border-radius:8px;padding:0 13px;background:#202a35;color:#edf1f5;font-weight:700;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.12s}.btn:hover{background:#273340;border-color:#485769}.btn.primary{background:#496e93;border-color:#5b80a5;color:#fff}.btn.primary:hover{background:#537ca5}.btn.danger{color:#f0c2c6;border-color:#66444a;background:#332126}.btn.ghost{background:transparent}.btn.secondary{background:#171e27}.btn.small{min-height:31px;padding:0 10px;font-size:9px}.btn.wide,.btn.full{width:100%}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:span 12}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:14px}.stack{display:flex;flex-direction:column;gap:12px}.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:20px;letter-spacing:-.4px;margin:0}.section-head p{margin:6px 0 0;color:#7d8996;font-size:10px}.section-head a{font-size:9px;color:#9eb0c3}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.015)}.card.soft{background:#121821}.card-pad{padding:18px}.card-head{padding:14px 17px;border-bottom:1px solid #29333f;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#171e27}.card-head h2,.card-head h3{margin:0;font-size:12px}.card-head p{margin:4px 0 0;color:#75818f;font-size:9px}.card-body{padding:17px}.stat{padding:16px;border:1px solid #2b3643;border-radius:10px;background:#121821}.stat strong{display:block;font-size:20px;margin-bottom:4px}.stat span,.stat .muted{font-size:8px;color:#778391}.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quick-item{padding:16px;border:1px solid #2b3643;border-radius:10px;background:#121821}.quick-item small{color:#718090;font-size:8px;text-transform:uppercase;letter-spacing:.9px}.quick-item strong{display:block;font-size:17px;margin-top:7px}.quick-item p{font-size:9px;color:#717d8a;margin:5px 0 0}.feature-card{min-height:142px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.feature-icon{width:36px;height:36px;border-radius:9px;background:#1c2632;border:1px solid #33404e;display:grid;place-items:center;color:#a6b8c9}.feature-icon svg{width:18px;height:18px}.feature-card h3{margin:17px 0 5px;font-size:13px}.feature-card p{margin:0;color:#7a8794;font-size:10px;line-height:1.5}.feature-card .arrow{margin-top:14px;color:#7c8996;font-size:16px}
.tabs{display:flex;gap:3px;padding:3px;background:#111720;border:1px solid #293440;border-radius:9px;width:max-content;max-width:100%;overflow:auto}.tab{border:0;background:transparent;border-radius:6px;padding:8px 11px;color:#7f8c99;font-size:9px;font-weight:700;white-space:nowrap}.tab.active,.tab:hover{background:#222d39;color:#fff}.tab-panel{display:none;margin-top:15px}.tab-panel.active{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#8d99a5}.input,.textarea,.select{width:100%;background:#10161e;border:1px solid #303c49;border-radius:8px;outline:0;padding:10px 11px;color:#f1f4f7;font-size:11px;transition:.12s}.input:focus,.textarea:focus,.select:focus{border-color:#6c88a4;box-shadow:0 0 0 2px rgba(108,136,164,.12)}.textarea{min-height:100px;resize:vertical}.helper{color:#6f7b88;font-size:8px;line-height:1.5}.form-title{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#728090;margin:2px 0 8px}
.notice{padding:11px 13px;border:1px solid #355b49;border-radius:9px;background:#14231c;color:#a8d7bc;font-size:10px;margin-bottom:14px}.notice.error{border-color:#684047;background:#2d1d21;color:#efb9be}.notice.warn{border-color:#655233;background:#2b2418;color:#dfc58e}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#697684;font-size:7.5px;text-transform:uppercase;letter-spacing:1px;padding:9px 10px;border-bottom:1px solid #2a3440;background:#131a23}.table td{font-size:9.5px;color:#cdd4db;padding:10px;border-bottom:1px solid #232d38;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table .muted{color:#727e8b}.pill{display:inline-flex;align-items:center;border:1px solid #35414e;background:#1a222c;color:#a0aab4;border-radius:999px;padding:4px 7px;font-size:7.5px;font-weight:700}.pill.ok{color:#a8d9bb;border-color:#355845;background:#16251d}.pill.bad{color:#efb7bc;border-color:#603d43;background:#2c1d21}.pill.warn{color:#dec38c;border-color:#5a4a31;background:#2a2318}.pill.blue{color:#b4cae0;border-color:#40576f;background:#1a2632}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #252f3a}.list-row:last-child{border-bottom:0}.subtle{color:#778390}.empty,.empty-card{padding:28px 16px;text-align:center;color:#74808c;font-size:10px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.right{text-align:right}.pre{margin:0;background:#0e141b;border:1px solid #293440;border-radius:9px;padding:13px;white-space:pre-wrap;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;color:#bdc7d1}.badge,.badge-big{display:inline-flex;padding:5px 8px;border-radius:6px;background:#202a35;color:#a7b2bd;font-size:8px}.permission-note{padding:10px 12px;border-radius:8px;background:#121a23;color:#7f91a4;font-size:8.5px;line-height:1.5;border:1px solid #2b3947}
.character-card{display:flex;align-items:center;gap:15px;padding:20px}.character-avatar{width:52px;height:52px;border-radius:12px;background:#1a2430;border:1px solid #334150;display:grid;place-items:center;font-size:20px;font-weight:700}.character-main{flex:1}.character-main h2{margin:0;font-size:18px}.character-main p{margin:5px 0 0;color:#76828e;font-size:10px}.character-meta{display:flex;gap:17px;margin-top:12px}.character-meta span{font-size:9px;color:#74808c}.character-meta b{display:block;color:#dce2e8;font-size:10px;margin-bottom:2px}.community-feed{display:flex;flex-direction:column;gap:10px}.post{padding:16px;border:1px solid #2b3541;background:#131a22;border-radius:10px}.post-top{display:flex;align-items:center;justify-content:space-between}.post-author{display:flex;align-items:center;gap:8px}.post-avatar{width:30px;height:30px;border-radius:8px;background:#1d2732;display:grid;place-items:center;font-size:9px}.post-author b{font-size:10px}.post-author small{display:block;color:#6e7a87;font-size:8px;margin-top:2px}.post-body{font-size:11px;line-height:1.55;color:#d4dae0;margin:13px 0}.post-actions{display:flex;gap:12px;color:#778390;font-size:8px}.social-image,.market-image{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:9px;border:1px solid #2a3440;background:#0f141b;margin:11px 0}.market-grid,.app-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.market-item,.app-entry{border:1px solid #2b3541;border-radius:10px;background:#131a22}.market-item{padding:15px}.market-item .price{font-size:16px;font-weight:700;margin:9px 0 4px}.market-item h3{font-size:11px;margin:0}.market-item p{font-size:9px;color:#75818d;line-height:1.5}.app-entry{display:flex;align-items:center;gap:11px;padding:12px}.app-symbol{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:14px;background:#202d3a;color:#aec0d2}.app-entry .copy{min-width:0;flex:1}.app-entry b{display:block;font-size:10px}.app-entry small{display:block;font-size:8px;color:#727f8c;margin-top:3px}.admin-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.admin-tile{padding:15px;border:1px solid #2b3541;border-radius:10px;background:#131a22;min-height:98px}.admin-tile b{font-size:10px}.admin-tile p{font-size:8.5px;color:#73808d;line-height:1.45;margin:6px 0 0}.admin-tile:hover{border-color:#415061;background:#17202a}
.hero{min-height:330px;border:1px solid #2a3440;border-radius:14px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:52px;background:#131a22}.hero-inner{max-width:720px;position:relative;z-index:2}.hero h2{margin:0;font-size:52px;line-height:.98;letter-spacing:-2px}.hero p{max-width:620px;margin:20px auto 0;color:#8d98a4;font-size:14px;line-height:1.55}.hero-actions{display:flex;justify-content:center;gap:9px;margin-top:25px}.hero.compact{min-height:190px;justify-content:flex-start;text-align:left;padding:30px 34px;margin-bottom:16px}.hero.compact h2{font-size:34px}.hero.compact p{margin:10px 0 0;max-width:690px;font-size:11px}.hero-pills{display:flex;gap:6px;margin-top:16px}.hero-glow{display:none}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.news-card{display:block;border:1px solid #2b3541;border-radius:11px;background:#131a22;padding:18px;min-height:180px;transition:.12s}.news-card:hover{border-color:#435263;transform:translateY(-1px)}.news-card h3{font-size:18px;letter-spacing:-.35px;margin:18px 0 7px}.news-card p{color:#828e9a;font-size:10px;line-height:1.55}.news-card-meta{color:#687581;font-size:8px;margin-top:18px}
.public-shell{min-height:100vh;background:#0b1017}.public-nav{height:68px;border-bottom:1px solid #25303c;background:#0f151e}.public-nav-inner{width:min(1120px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:28px;height:100%}.wordmark{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;white-space:nowrap}.public-nav-links{display:flex;gap:24px;margin-left:auto}.public-nav-links a{font-size:10px;color:#8d99a6}.public-nav-links a.active,.public-nav-links a:hover{color:#fff}.public-hero{width:min(1120px,calc(100% - 40px));margin:auto;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center}.public-hero-inner{max-width:760px}.public-hero h1{font-size:58px;letter-spacing:-2.4px;margin:0}.public-hero p{font-size:14px;color:#8e9aa6;line-height:1.55;max-width:610px;margin:20px auto}.public-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px auto 0;max-width:560px}.public-stat{border:1px solid #2a3541;border-radius:10px;padding:16px;background:#121923}.public-stat strong{font-size:20px}.public-stat span{display:block;color:#75818d;font-size:8px;margin-top:5px}.public-actions{display:flex;justify-content:center;gap:9px;margin-top:25px}.public-section{width:min(980px,calc(100% - 40px));margin:0 auto 90px}.public-section h2{font-size:28px;margin-bottom:8px}.public-section>p{color:#7f8b97;font-size:11px}.public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:20px}.public-footer{width:min(1120px,calc(100% - 40px));padding-left:0;padding-right:0}
.civic-staff-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;margin-bottom:16px;border:1px solid #3a4653;border-radius:10px;background:#171f29}.civic-staff-banner strong{font-size:11px}.civic-staff-banner span{display:block;margin-top:4px;color:#7e8b98;font-size:9px}.civic-staff-badge{padding:6px 8px;border:1px solid #485767;border-radius:7px;color:#b9c7d5;font-size:8px;font-weight:700;letter-spacing:.8px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:1050px){.staff-shell{grid-template-columns:1fr}.staff-sidebar{position:fixed;left:-260px;width:238px;transition:left .16s;box-shadow:20px 0 50px rgba(0,0,0,.35)}.staff-sidebar.open{left:0}.mobile-nav-toggle{display:block}.staff-topbar{padding:0 20px}.topbar-status{display:none}.page-shell{padding:28px 20px 60px}.site-footer{padding:18px 20px}.grid .col-3,.grid .col-4,.grid .col-5,.grid .col-6,.grid .col-7,.grid .col-8,.grid .col-9{grid-column:span 12}.split{grid-template-columns:1fr}.market-grid,.app-catalog,.public-feature-grid{grid-template-columns:1fr}.admin-nav{grid-template-columns:repeat(2,1fr)}.quick-row{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.public-cards{grid-template-columns:1fr;max-width:320px}.hero h2,.public-hero h1{font-size:40px}.public-nav-links{display:none}}
@media(max-width:600px){.page-shell{padding:24px 14px 48px}.staff-topbar{padding:0 14px}.page-heading h1{font-size:26px}.hero{min-height:300px;padding:30px 18px}.hero h2{font-size:34px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.character-card{align-items:flex-start}.character-meta{flex-wrap:wrap}.page-heading{align-items:flex-start}.public-hero{min-height:540px}.public-hero h1{font-size:39px}.admin-nav{grid-template-columns:1fr}}
.stat-pill{min-width:120px;padding:9px 12px;border:1px solid #34404d;border-radius:8px;background:#151d26;text-align:right}.stat-pill span{display:block;color:#71808e;font-size:7px;text-transform:uppercase;letter-spacing:.9px}.stat-pill strong{display:block;margin-top:3px;font-size:15px}.list-stack{display:flex;flex-direction:column}.spacer{height:10px}.footer-note{font-size:8px;color:#6d7985;line-height:1.5}.mini{font-size:8px}.danger-zone{border-color:#51343a;background:#24181b}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.right{text-align:right}.sticky{position:sticky;top:86px}