*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:#12161c;color:#d7dde6;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;overflow:hidden}.loading{height:100%;display:flex;align-items:center;justify-content:center;color:#8a94a3;font-size:15px}.layout{display:flex;height:100%}.map-wrap{flex:1;min-width:0;position:relative}.game{width:100%;height:100%}.agent-card{position:absolute;top:12px;left:12px;width:290px;max-height:calc(100% - 24px);overflow-y:auto;background:#171c24f0;border:1px solid #303a49;border-radius:10px;padding:12px;z-index:10;box-shadow:0 8px 24px #00000073}.agent-card-header{display:flex;gap:10px;margin-bottom:8px}.agent-card-title{flex:1;min-width:0}.agent-card-title h3{font-size:15px;margin-bottom:3px}.agent-age{font-size:11px;color:#6b7686;margin-top:3px}.portrait{width:57px;height:81px;image-rendering:pixelated;background:linear-gradient(180deg,#2a3442,#1d232d);border:1px solid #303a49;border-radius:8px;flex-shrink:0;object-fit:contain}.portrait-fallback{display:flex;align-items:center;justify-content:center;font-size:26px}.tile-image{padding:4px}.card-close{background:none;border:none;color:#6b7686;cursor:pointer;font-size:13px;align-self:flex-start}.agent-card h4{margin-top:8px;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7686}.sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:12px;background:#171c24;border-left:1px solid #262d38;overflow:hidden}.clock{display:flex;align-items:baseline;gap:10px}.clock-day{font-size:15px;font-weight:600}.clock-time{font-variant-numeric:tabular-nums;color:#9fb0c3}.clock-pop{font-size:12px;color:#9fb0c3}.clock-indoors{color:#6b7686;font-size:11px}.conn{margin-left:auto;font-size:11px}.conn.ok{color:#6fce7e}.conn.bad{color:#e2a655}.autocam{background:#232b37;border:1px solid #303a49;color:#9fb0c3;border-radius:6px;padding:6px;cursor:pointer;font-size:12px}.autocam.on{color:#d7dde6;border-color:#4a7fd4}.inspector{background:#1d232d;border:1px solid #262d38;border-radius:8px;padding:10px;max-height:42%;overflow-y:auto}.inspector.empty{color:#6b7686;text-align:center;padding:16px}.inspector-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.inspector-header h3{font-size:14px}.inspector-header button{background:none;border:none;color:#6b7686;cursor:pointer;font-size:13px}.job-tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:#2a3442;border-radius:4px;padding:1px 6px;margin-top:3px;margin-right:4px;color:#9fb0c3}.sleep-tag{color:#b8a3e8}.inspector-row{padding:3px 0;color:#b9c2cf}.traits{font-size:11px;color:#6b7686}.inspector h4{margin-top:8px;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7686}.rel-row{display:flex;justify-content:space-between;padding:2px 0}.rel-pos{color:#6fce7e}.tile-agent-link{cursor:pointer;text-decoration:underline;text-decoration-color:#4a7fd4}.tabs{display:flex;gap:4px}.tab{flex:1;background:#232b37;border:1px solid #303a49;color:#8a94a3;border-radius:6px;padding:6px 2px;cursor:pointer;font-size:12px}.tab.active{color:#e8edf4;border-color:#4a7fd4;background:#263141}.inspector.page{flex:1;max-height:none;overflow-y:auto}.stat-val{color:#e8edf4;font-variant-numeric:tabular-nums;text-align:right}.town-block{padding:4px 0;border-top:1px solid #262d38}.town-name{font-weight:600}.town-prices{font-size:11px;color:#6b7686}.lb-pages{margin-bottom:8px}.lb-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.lb-filter{background:#232b37;border:1px solid #303a49;color:#8a94a3;border-radius:12px;padding:3px 9px;cursor:pointer;font-size:11px}.lb-filter.active{color:#e8edf4;border-color:#4a7fd4;background:#263141}.lb-row{display:flex;align-items:center;gap:8px;padding:4px 2px;cursor:pointer;border-radius:6px}.lb-row:hover{background:#232b37}.lb-rank{width:18px;text-align:right;color:#6b7686;font-variant-numeric:tabular-nums;font-size:11px;flex-shrink:0}.portrait-mini{width:22px;height:31px;image-rendering:pixelated;background:#10141a;border:1px solid #303a49;border-radius:4px;flex-shrink:0;object-fit:contain;font-size:13px}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-sub{display:block;font-size:10px;color:#6b7686}.dynasty-block{padding:6px 0;border-top:1px solid #262d38}.member-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.member-chip{background:#232b37;border:1px solid #303a49;border-radius:10px;padding:1px 8px;font-size:11px;color:#9fb0c3;cursor:pointer}.member-chip:hover{border-color:#4a7fd4;color:#e8edf4}.tag-family{color:#e8a1c0}.tag-friend{color:#6fce7e}.tag-foe,.rel-neg{color:#e26363}.bar-row{display:flex;align-items:center;gap:8px;padding:2px 0}.bar-label{width:50px;color:#9fb0c3;font-size:11px}.bar-track{flex:1;height:6px;background:#10141a;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:#4a7fd4;border-radius:3px}.bar-fill.danger{background:#e26363}.bar-val{width:26px;text-align:right;font-variant-numeric:tabular-nums;font-size:11px;color:#9fb0c3}.feed{flex:1;min-height:0;display:flex;flex-direction:column;background:#1d232d;border:1px solid #262d38;border-radius:8px;padding:10px}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.feed-header h3{font-size:13px}.feed-header select{background:#232b37;color:#9fb0c3;border:1px solid #303a49;border-radius:4px;font-size:11px;padding:2px 4px}.feed-list{flex:1;overflow-y:auto}.feed-item{display:flex;align-items:flex-start;gap:7px;padding:3px 0;line-height:1.35}.feed-item .dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}.ev-low .dot{background:#4d5866}.ev-mid .dot{background:#e2a655}.ev-high .dot{background:#e25555}.ev-high .feed-text{color:#f0c9c9}.feed-text{color:#b9c2cf}.card-tabs{margin:8px 0 6px}.card-tabs .tab{padding:4px 2px;font-size:11px;border-radius:5px}.chip-grid{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.chip{background:#232b37;border:1px solid #303a49;border-radius:6px;padding:3px 7px;font-size:11px;color:#aeb7c4}.chip b{color:#e8edf4;font-weight:600}.chip-empty{font-size:11px;color:#6b7686;font-style:italic;padding:3px 2px}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:4px 0}.trait-cell{background:#232b37;border:1px solid #303a49;border-radius:6px;padding:3px 8px;font-size:11px;color:#8a94a3;display:flex;justify-content:space-between}.trait-cell b{color:#e8edf4;font-weight:600}.agent-subtitle{font-size:11px;color:#8a94a3;margin-top:2px}.agent-subtitle.gold{color:#e0b34d}.badge-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.stat-strip{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:4px;margin:6px 0 2px}.stat-cell{background:#232b37;border:1px solid #303a49;border-radius:6px;padding:4px 8px;display:flex;flex-direction:column;min-width:0}.stat-cell small{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7686}.stat-cell b{font-size:12px;color:#e8edf4;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card{width:302px;padding:14px;border-radius:12px;background:linear-gradient(180deg,#1b212bf7,#151a22f7);border:1px solid #333e4f}.agent-card-header{margin-bottom:10px}.agent-card-title h3{font-size:16px;letter-spacing:.2px}.portrait{width:54px;height:76px;border-radius:9px;border:1px solid #3a4658}.card-close{font-size:14px;border-radius:6px;padding:2px 6px}.card-close:hover{color:#e8edf4;background:#2a3342}.vitals-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:2px}.bar{padding:2px 0}.bar-top{display:flex;justify-content:space-between;font-size:10px;color:#8a94a3;margin-bottom:3px;text-transform:uppercase;letter-spacing:.4px}.bar-top span:last-child{color:#cdd6e1;font-variant-numeric:tabular-nums}.bar-track{height:5px;border-radius:3px;background:#10141a}.bar.vital .bar-fill{background:#56b88a}.bar .bar-fill.danger{background:#e26363}.agent-card .card-tabs{background:#171d26;border:1px solid #2b3444;border-radius:8px;padding:3px;gap:3px;margin:10px 0 8px}.agent-card .card-tabs .tab{border:none;background:transparent;border-radius:6px;padding:5px 2px;font-size:11px}.agent-card .card-tabs .tab.active{background:#2c3950;color:#eef3fa}.agent-card h4{margin-top:12px;padding-top:8px;border-top:1px solid #262f3c;font-size:10px}.agent-card h4:first-of-type{border-top:none;padding-top:0;margin-top:6px}.agent-card .inspector-row{font-size:12px;line-height:1.45;margin:3px 0}.agent-card .rel-row{padding:3px 0;border-bottom:1px solid #202834}.agent-card .rel-row:last-child{border-bottom:none}.tag-gold{color:#e0b34d}.inspector.page .stat-strip,.inspector.page .chip-grid{margin:4px 0 6px}.town-block .chip-grid{margin:5px 0 2px}.chip-dim{opacity:.45}.swatch{display:inline-block;width:9px;height:9px;border-radius:2px;border:1px solid #3a4658;margin-right:2px;vertical-align:-1px}.game canvas{image-rendering:auto!important}