.citizens-directory{max-width:1280px;margin:0 auto;padding:48px 0 24px}.citizens-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.citizens-eyebrow{color:var(--cyan);letter-spacing:2px;font-size:10px}.citizens-intro h2{margin:12px 0;scroll-margin-top:24px;font:clamp(36px,5vw,56px)/1.2 VT323,monospace}.citizens-intro p:not(.citizens-eyebrow){color:#aaa6bd;line-height:1.8}.citizens-preview{color:var(--accent2);letter-spacing:1px;background:#fa6d8a0a;border:1px solid #fa6d8a44;padding:10px 12px;font-size:9px}.citizens-count{color:#aaa6bd;margin:32px 0 18px;font-size:11px;line-height:1.8}.citizens-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;list-style:none;display:grid}.citizen-card{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:5px;padding:12px 12px 18px;overflow:hidden}.citizen-face{background:radial-gradient(at bottom,#7c6dfa24,#101019 75%);border-bottom:1px solid #7c6dfa25;place-items:center;height:150px;margin-bottom:16px;display:grid}.citizen-tint-1{background:radial-gradient(at bottom,#44ffcc18,#101019 75%)}.citizen-tint-2{background:radial-gradient(at bottom,#fa6d8a20,#101019 75%)}.citizen-tint-3{background:radial-gradient(at bottom,#75c9ff20,#101019 75%)}.citizen-face canvas{width:96px;height:108px;image-rendering:pixelated}.citizen-card h3{overflow-wrap:anywhere;margin-bottom:8px;font:24px/1.15 VT323,monospace}.citizen-card p{color:#b0a6cf;font-size:10px}.citizen-card p span:first-child{color:#a99cff}.citizens-pagination{justify-content:center;align-items:center;gap:20px;margin:32px 0 20px;font-size:11px;display:flex}.citizens-pagination button{border:1px solid var(--accent);background:var(--panel);cursor:pointer;border-radius:4px;min-height:44px;padding:10px 16px}.citizens-pagination button:hover:not(:disabled){background:#7c6dfa25}.citizens-pagination button:disabled{opacity:.35;cursor:default}.citizens-footnote{color:var(--muted);text-align:center;font-size:10px;line-height:1.8}.citizen-open{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;display:block}.citizen-open:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.citizen-card.is-deceased,.citizen-profile.is-deceased{border-color:#c55269;box-shadow:inset 0 0 24px #fa6d8a0b}.citizen-deceased{color:#ff9aad;letter-spacing:1px;border:1px solid #c5526980;margin:8px 0;padding:4px 8px;font-size:10px;display:inline-block}.citizen-job{margin:10px 0}.citizen-tabs,.citizen-network-tools{flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0;display:flex}.citizen-tabs button,.citizen-network button,.citizen-network select,.citizen-network input{border:1px solid var(--border);color:var(--text);background:var(--panel);font:inherit;border-radius:4px;min-height:44px;padding:10px}.citizen-tabs button[aria-pressed=true]{border-color:var(--accent);background:#7c6dfa24}.citizen-profile{background:var(--panel);width:min(680px,100vw - 32px);max-height:88dvh;color:var(--text);border:1px solid var(--accent);border-radius:8px;margin:auto;padding:32px;font:12px/1.7 Space Mono,monospace;position:fixed;inset:0;overflow:auto}.citizen-profile::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05070cd9}.citizen-profile h2{padding-right:24px;font:36px VT323,monospace}.citizen-profile h3{color:var(--cyan);margin:24px 0 12px}.citizen-profile-close{color:inherit;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:12px}.citizen-profile-identity{align-items:center;gap:24px;margin:20px 0;display:flex}.citizen-profile canvas{width:96px;height:108px;image-rendering:pixelated}.citizen-profile ul{padding-left:18px}.citizen-profile li{overflow-wrap:anywhere;margin:10px 0}.citizen-profile li p{color:var(--muted)}.citizen-facts{grid-template-columns:110px 1fr;gap:12px;display:grid}.citizen-facts dt{color:var(--muted)}.citizen-facts dd{overflow-wrap:anywhere;margin:0}.citizen-attributes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.citizen-attributes span{background:#7c6dfa12;padding:10px}.citizen-attributes b{color:var(--cyan);font-size:20px;display:block}.citizen-link{color:var(--cyan);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.citizen-network{font-size:12px;line-height:1.7}.cn-stage{background:#0a0815;border:1px solid #7c6dfa55;border-radius:10px;height:clamp(420px,72dvh,760px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #05070c,0 18px 60px #1a123f66,inset 0 0 60px #7c6dfa14}.cn-stage canvas{touch-action:none;cursor:grab;display:block}.cn-stage canvas:active{cursor:grabbing}.cn-status{color:#b9b2e0;align-items:center;gap:10px;display:flex}.cn-spinner{border:2px solid #7c6dfa55;border-top-color:var(--cyan);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite cn-spin}.cn-overlay{text-align:center;background:radial-gradient(#1a1534,#07060f);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.cn-overlay b{letter-spacing:1px;font:28px VT323,monospace}.cn-overlay span{color:var(--muted);max-width:520px}.cn-orbit{width:64px;height:64px;margin-bottom:6px;position:relative}.cn-orbit i{border:1px solid #a996ff66;border-top-color:var(--cyan);border-radius:50%;animation:1.6s linear infinite cn-spin;position:absolute;inset:0}.cn-orbit i:nth-child(2){animation-duration:1.1s;animation-direction:reverse;inset:10px}.cn-orbit i:nth-child(3){border-top-color:#fa6d8a;animation-duration:.8s;inset:22px}@keyframes cn-spin{to{transform:rotate(360deg)}}.cn-hud{z-index:2;position:absolute}.cn-stats{pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;top:12px;left:12px}.cn-stats span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#b9b2e0;letter-spacing:.5px;background:#0b0919cc;border:1px solid #7c6dfa44;border-radius:4px;padding:6px 10px;font-size:10px}.cn-stats b{color:#fff;margin-right:3px;font:18px VT323,monospace}.cn-zoom{flex-direction:column;gap:6px;display:flex;top:12px;right:12px}.cn-zoom button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0b0919cc;width:44px;padding:0}.cn-zoom button:hover{border-color:var(--accent);background:#7c6dfa30}.cn-tip{z-index:3;pointer-events:none;color:#fff;white-space:nowrap;background:#0b0919ee;border:1px solid #7c6dfa88;border-radius:4px;padding:6px 10px;font-size:11px;position:absolute}.cn-tip small{color:var(--muted);font-size:9px;display:block}.cn-card{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0919ea;border:1px solid #75e8ff66;border-radius:6px;width:min(280px,100% - 24px);max-height:50%;padding:14px 16px;position:absolute;bottom:12px;left:12px;overflow:auto;box-shadow:0 0 30px #75e8ff1a}.cn-card h3{overflow-wrap:anywhere;font:24px VT323,monospace}.cn-card em{color:#ff9aad;letter-spacing:1px;font-size:10px;font-style:normal}.cn-card p{color:var(--muted);font-size:10px}.cn-card ul{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.cn-card li{justify-content:space-between;gap:10px;font-size:10px;display:flex}.cn-card li span{color:var(--muted)}.cn-card .citizen-link{text-align:left;background:0 0;border:0;min-height:28px;padding:2px 0}.citizen-network button:focus-visible,.citizen-network input:focus-visible,.citizen-network select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (max-width:640px){.cn-stage{height:clamp(380px,64dvh,560px)}.cn-card{max-height:38%}.cn-stats span:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.cn-spinner,.cn-orbit i{animation:none}}.citizen-network label{flex-direction:column;gap:6px;display:flex}.citizen-network select{max-width:100%}.citizen-properties{gap:12px;display:grid}.citizen-properties li{align-items:center;gap:16px;display:flex}.citizen-property-image{background:#171324;border:1px solid #7c6dfa44;border-radius:6px;place-items:center;width:110px;min-width:110px;display:grid}.citizen-property-image canvas{max-width:100%;image-rendering:pixelated}.citizen-property-image>span{font-size:48px}.citizen-activity header{flex-wrap:wrap;align-items:end;gap:20px;margin:28px 0;display:flex}.citizen-activity header>div{flex:1;min-width:200px}.citizen-activity h3{font:32px VT323,monospace}.citizen-activity header p{max-width:650px;color:var(--muted);font-size:12px;line-height:1.7}.citizen-activity label{gap:8px;font-size:12px;display:grid}.citizen-activity button,.citizen-activity select{color:var(--text);cursor:pointer;min-height:44px;font:inherit;background:#171324;border:1px solid #7c6dfa66;border-radius:5px;padding:8px 12px}.citizen-activity button:disabled{opacity:.55;cursor:default}.citizen-activity button:focus-visible,.citizen-activity select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.activity-controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;font-size:12px;display:flex}.activity-feed{gap:14px;padding:0;list-style:none;display:grid}.activity-card{background:linear-gradient(115deg,#181326,#0c0c14);border:1px solid #7c6dfa33;border-radius:8px;grid-template-columns:140px minmax(0,1fr) 108px;align-items:center;gap:20px;padding:20px;display:grid}.activity-death{border-color:#c5526980}.activity-portraits{align-items:center;gap:4px;display:flex}.activity-portraits button{background:#ffffff05;width:68px;min-width:0;padding:2px}.activity-portraits canvas{width:100%;height:auto;image-rendering:pixelated}.activity-portraits span{font-size:10px}.activity-content{overflow-wrap:anywhere}.activity-content small{color:var(--accent);letter-spacing:1px;font-size:10px}.activity-content p{margin:8px 0;font-size:13px;line-height:1.7}.activity-detail{color:var(--muted)}.activity-content .citizen-link{color:var(--cyan);background:0 0;border:0;padding:4px 0;font-size:11px}.activity-asset{overflow-wrap:anywhere;background:#ffffff04;border-radius:6px;place-items:center;min-height:90px;display:grid}.activity-asset canvas{max-width:100%;height:auto;image-rendering:pixelated}.activity-asset>span{font-size:36px}.activity-asset small{font-size:10px}@media (max-width:640px){.activity-card{grid-template-columns:minmax(0,1fr) 76px;gap:12px;padding:14px}.activity-portraits{grid-column:1}.activity-content{grid-area:2/1}.activity-asset{grid-area:1/2/span 2}.citizen-properties li{gap:10px}.citizen-property-image{width:84px;min-width:84px}}@media (max-width:480px){.citizens-directory{padding-top:28px}.citizens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.citizen-card{padding:8px 8px 16px}.citizen-face{height:125px}.citizens-pagination{gap:12px;font-size:10px}.citizens-pagination button{padding:10px}}