/* WC-CITY-GRID-FULLHD-001 — native 1920x1080 prototype surface */
.scene{min-width:0;min-height:0;background-position:center center;background-size:cover}
.scene:before{background:linear-gradient(90deg,rgba(0,8,11,.92) 0%,rgba(2,12,16,.58) 48%,rgba(1,9,12,.62) 100%),linear-gradient(0deg,rgba(0,6,8,.8),transparent 58%);backdrop-filter:saturate(.62) contrast(1.04)}
.scene:after{background-size:34px 34px,34px 34px,100% 100%;opacity:.65}
.ui{inset:auto;width:1920px;height:1080px;grid-template-columns:204px minmax(0,1fr);grid-template-rows:80px 888px 85px;padding:0 34px 27px;column-gap:23px;transform-origin:top left}
.topbar{height:80px;grid-template-columns:494px 1fr 597px}
.side{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.content{padding-top:14px}
.profile-layout{grid-template-columns:minmax(0,1fr) 422px;gap:40px}
.profile-hero{height:424px;flex:0 0 424px}
.page-title{top:12px;left:5px;font-size:45px;letter-spacing:4.6px}
.portrait{left:78px;top:59px;width:305px;height:371px}
.signature{left:8px;bottom:8px;font-size:48px}
.identity{left:46.7%;top:79px;width:52.6%}
.identity h2{font-size:35px}.identity .id{font-size:23px}.facts{margin-top:25px}.fact{padding-top:8px;padding-bottom:12px}.label{font-size:11px}.value{font-size:16px}
.metrics{left:38.5%;height:75px;bottom:2px}.metric{padding:10px 16px}.metric-icon{font-size:35px}.metric .value{font-size:19px}.metric.money .value{font-size:22px}
.cards{height:451px;grid-template-rows:236px 205px;gap:10px}
.panel{--cut:12px;padding:1px;background:rgba(134,101,73,.86);border:0;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));overflow:hidden}
.panel-inner{position:relative;width:100%;height:100%;padding:16px 18px 48px;background:linear-gradient(135deg,rgba(4,16,20,.965),rgba(2,10,13,.925));clip-path:polygon(calc(var(--cut) - 1px) 0,calc(100% - var(--cut) + 1px) 0,100% calc(var(--cut) - 1px),100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,calc(var(--cut) - 1px) 100%,0 calc(100% - var(--cut) + 1px),0 calc(var(--cut) - 1px))}
.rail .panel{--cut:15px;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}
.rail .panel-inner{clip-path:polygon(calc(var(--cut) - 1px) 0,calc(100% - var(--cut) + 1px) 0,100% calc(var(--cut) - 1px),100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,calc(var(--cut) - 1px) 100%,0 calc(100% - var(--cut) + 1px),0 calc(var(--cut) - 1px))}
.panel h3{font-size:18px;margin-bottom:10px}.panel p{font-size:16px}.bio p{font-size:17px;line-height:1.4}.panel-btn{left:14px;right:14px;bottom:12px;height:34px;font-size:17px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.doc{grid-template-columns:32px 1fr auto;gap:8px;padding:6px 0;font-size:14px}.doc-icon{width:27px;height:27px;border:1px solid rgba(168,148,122,.62);border-radius:3px;display:grid;place-items:center;color:#c5b39e}.doc-svg{width:21px;height:21px}.doc em{font-size:12px}
.badge{border-radius:2px}.track,.fill{border-radius:2px}.event-img{border-radius:1px}
.skill{grid-template-columns:68px 1fr 34px;font-size:13px;margin:9px 0}.thumb{height:105px}.item-title{font-size:19px}.vehicle-wrap small,.property-wrap small,.item-note{font-size:14px}.ach{font-size:14px;padding:7px 0}.ach b{font-size:19px}
.rail{height:875px;gap:11px}.chronology{height:362px;flex:0 0 362px}.city-events{height:286px;flex:0 0 286px}.actions{height:204px;flex:0 0 204px}.timeline-item{font-size:14px;margin-bottom:12px}.timeline-item small{font-size:12px}.timeline-item:before{border-radius:50%}.event{height:55px;grid-template-columns:78px 1fr auto;font-size:14px;margin:8px 0;border-radius:2px}.event-img{width:78px;height:53px}.event small{font-size:12px}.event time{font-size:11px}.action-btn{height:39px;font-size:17px;margin:8px 0;border-radius:2px}
.footer{height:67px}.hint{height:41px;font-size:16px}.key{font-size:20px;padding:7px 13px;border-radius:2px}
.system{height:69px;flex:0 0 69px;padding:15px 17px;font-size:11px;line-height:1.25}.system>span:first-child{display:block;color:#749698}.system>strong{display:block;color:#63b4b8;font-weight:400;letter-spacing:1.2px;margin-top:3px}.pulse{right:14px;top:19px;width:58px;height:28px;overflow:hidden}.pulse svg{width:72px;height:24px;fill:none;stroke:#57bbc1;stroke-width:1.35;filter:drop-shadow(0 0 3px rgba(87,187,193,.68));animation:wc-heartbeat 2.2s ease-in-out infinite}.pulse i{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(108,225,230,.75) 48%,transparent 62%);transform:translateX(-120%);mix-blend-mode:screen;animation:wc-pulse-scan 2.2s linear infinite}
@keyframes wc-heartbeat{0%,18%,30%,100%{opacity:.48;transform:scaleY(.82)}21%,24%{opacity:1;transform:scaleY(1.08)}}
@keyframes wc-pulse-scan{0%,12%{transform:translateX(-120%)}48%,100%{transform:translateX(130%)}}
@media(max-aspect-ratio:1.5/1){.ui{width:1920px;height:1080px}}