:root{color-scheme:dark;font:16px/1.65 system-ui,-apple-system,sans-serif;background:#10151c;color:#e7edf5}*{box-sizing:border-box}body{margin:0}header,main{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #2c394b}a{color:#a2c8ff}h1{font-size:30px;margin:0}h2{font-size:21px;margin:28px 0 14px}p{color:#aebbd0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric,.card{border:1px solid #304055;background:#19222f;border-radius:12px;padding:18px}.metric strong{display:block;font-size:30px}.metric small{color:#b3c2d6}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}.card h3{font-size:17px;margin:0 0 8px}.card p{margin:8px 0;overflow-wrap:anywhere}.tag{display:inline-block;border-radius:5px;padding:2px 8px;background:#324156;font-size:13px}.tag.succeeded{background:#20483d}.tag.failed,.tag.unknown{background:#683d31}.tag.leased{background:#234b76}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:670px}th,td{padding:12px;text-align:left;border-bottom:1px solid #304055;vertical-align:top}th{color:#b8cbe3}small{color:#aebbd0}details{margin-top:28px;border:1px solid #304055;padding:18px;border-radius:12px}summary{cursor:pointer}.town{margin:24px 0;background:linear-gradient(#244566,#203147);border:1px solid #48617c;border-radius:16px;padding:20px;overflow:hidden}.town.night{background:linear-gradient(#171c35,#1b2c42)}.sky{display:flex;justify-content:space-between;align-items:center;color:#bdd0e5;font-size:13px}.sky #sun{font-size:36px;color:#ffe19b}.street{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:18px;margin-top:18px}.building{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;background:#344c64;border:3px solid #748da5;border-top:14px solid #7b97a9;box-shadow:6px 6px #172d41;border-radius:6px}.building:nth-child(2){background:#3d4963;border-top-color:#b6a1d4}.building:nth-child(3){background:#3b5550;border-top-color:#8cbaa4}.building:nth-child(4){background:#5c5143;border-top-color:#ccb791}.building>span{font-size:30px}.building small{padding:8px;text-align:center}.road{height:30px;margin-top:24px;border-top:3px dashed #99b2c9;background:#213341;position:relative}.agent{position:absolute;left:10px;color:#fae0a0}.agent.active{animation:walk 8s linear infinite}@keyframes walk{to{left:95%}}.town>p{font-size:13px;margin:12px 0 0}.steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.steps span{padding:3px 8px;border:1px solid #526172;border-radius:4px;font-size:12px}.steps .passed{background:#20483d}.steps .failed{background:#683d31}#notice.error{color:#ffc4a3}@media(max-width:620px){header,main{padding:16px}.metrics{grid-template-columns:repeat(2,1fr)}.street{grid-template-columns:repeat(2,1fr);gap:14px}.building{min-height:125px}.sky{gap:10px}h1{font-size:26px}}@media(prefers-reduced-motion:reduce){.agent.active{animation:none}}