.crs-game{--ink:#18304b;--muted:#6d7f93;--line:#dce6ef;--blue:#2563eb;--panel:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1240px;margin:20px auto;padding:clamp(10px,2vw,22px);background:#f2f6fb;border:1px solid #dce6ef;border-radius:22px;box-sizing:border-box;overflow:hidden}.crs-game *{box-sizing:border-box}.crs-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px;border-radius:18px;background:linear-gradient(125deg,#102c4b,#145a8d 62%,#2a8e9e);color:white}.crs-header h2{margin:5px 0;font-size:clamp(24px,4vw,36px);line-height:1.15;color:white}.crs-header p{margin:5px 0 0;color:#d8e9f7}.crs-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#aee7f2}.crs-daybox{min-width:110px;text-align:center;padding:12px 15px;background:#ffffff19;border:1px solid #ffffff36;border-radius:14px;display:grid;gap:3px}.crs-daybox small{font-size:10px;color:#d7eafa}.crs-daybox strong{font-size:32px;line-height:1.1}.crs-daybox span{font-size:11px}.crs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.crs-stats>div{min-width:0;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;gap:5px}.crs-stats small{color:var(--muted);font-size:12px}.crs-stats strong{font-size:clamp(13px,1.7vw,18px);overflow-wrap:anywhere}.crs-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:12px;align-items:start}.crs-world-panel,.crs-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0;overflow:hidden}.crs-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;border-bottom:1px solid #e8eef5}.crs-section-head>b,.crs-section-head>div>b{font-size:14px}.crs-section-head small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.crs-zoom{display:flex;gap:5px}.crs-zoom button{width:38px;height:36px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;font-size:23px;cursor:pointer;color:var(--ink)}.crs-world-viewport{overflow:hidden;background:#dcecf2}.crs-world{height:470px;min-height:360px;position:relative;overflow:hidden;transform-origin:center center;background-color:#cce6bf;background-image:linear-gradient(30deg,#b9d9a7 12%,transparent 12.5%,transparent 87%,#b9d9a7 87.5%,#b9d9a7),linear-gradient(150deg,#b9d9a7 12%,transparent 12.5%,transparent 87%,#b9d9a7 87.5%,#b9d9a7),linear-gradient(30deg,#b9d9a7 12%,transparent 12.5%,transparent 87%,#b9d9a7 87.5%,#b9d9a7),linear-gradient(150deg,#b9d9a7 12%,transparent 12.5%,transparent 87%,#b9d9a7 87.5%,#b9d9a7),linear-gradient(60deg,#d7ebca 25%,transparent 25.5%,transparent 75%,#d7ebca 75%,#d7ebca),linear-gradient(60deg,#d7ebca 25%,transparent 25.5%,transparent 75%,#d7ebca 75%,#d7ebca);background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;background-size:80px 140px}.crs-road{position:absolute;background:#d6d9d9;border:3px solid #fff;box-shadow:inset 0 0 0 1px #b7c1c8}.crs-road-h{left:-5%;top:46%;width:110%;height:56px;transform:rotate(-7deg)}.crs-road-v{left:48%;top:-15%;height:130%;width:54px;transform:rotate(12deg)}.crs-road:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed #fff}.crs-river{position:absolute;right:-10%;top:-8%;width:22%;height:125%;background:#8ed4e5;border:5px solid #d9f3f7;transform:rotate(18deg);border-radius:40%}.crs-district{position:absolute;width:27%;min-height:105px;border:2px solid #fff;border-radius:14px;box-shadow:0 7px 18px #24445b25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#17324a;cursor:pointer;padding:10px 6px;background:linear-gradient(145deg,#fff,#e9f4fc);transition:transform .15s,border-color .15s;z-index:2}.crs-district:hover,.crs-district.chosen{transform:translateY(-3px);border-color:#2563eb;box-shadow:0 8px 20px #2563eb2b}.crs-district>span{font-size:35px;line-height:1.1}.crs-district b{font-size:12px}.crs-district small{font-size:10px;text-align:center;color:#65798a}.d-home{left:4%;top:7%}.d-market{left:37%;top:6%}.d-office{right:4%;top:7%}.d-factory{left:4%;top:57%}.d-bank{left:37%;top:58%}.d-food{right:4%;top:57%}.d-park{left:20%;top:31%;background:linear-gradient(145deg,#f5fff0,#d9f1d2)}.d-property{right:20%;top:31%;background:linear-gradient(145deg,#fff8e7,#f3e0b7)}.crs-agent-dots{position:absolute;inset:0;z-index:3;pointer-events:none}.crs-dot{pointer-events:auto;position:absolute;width:9px;height:9px;border:1px solid #fff;border-radius:50%;padding:0;box-shadow:0 1px 4px #1d334a70;cursor:pointer}.crs-dot.is-selected{width:15px;height:15px;outline:3px solid #fbbf24}.crs-map-legend{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;background:#ffffffdf;border:1px solid #fff;border-radius:9px;padding:7px;z-index:4}.crs-map-legend span{font-size:10px;color:#40546a}.crs-world-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;color:#60748a;font-size:11px;border-bottom:1px solid #e8eef5}.crs-controls{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.crs-btn{min-height:43px;border:1px solid #d5e0eb;border-radius:11px;padding:10px 13px;background:#fff;color:#203b57;font-weight:750;font-size:12px;cursor:pointer}.crs-btn:hover{filter:brightness(.98);border-color:#9cb7d1}.crs-primary{background:#1769d2;color:white;border-color:#1769d2}.crs-reset{color:#b42318}.crs-note{margin:0;padding:0 14px 14px;font-size:10px;line-height:1.5;color:#8291a1}.crs-side{display:grid;gap:12px;min-width:0}.crs-live{font-size:10px;color:#159455;font-weight:800}.crs-leaderboard{padding:4px 10px 10px}.crs-rank{display:flex;width:100%;align-items:center;gap:9px;padding:10px 5px;border:0;border-bottom:1px solid #edf1f6;background:white;text-align:left;cursor:pointer;color:var(--ink);border-radius:8px}.crs-rank:last-child{border-bottom:0}.crs-rank:hover,.crs-rank.selected{background:#eff6ff}.crs-medal{font-size:15px;width:25px;text-align:center;flex-shrink:0}.crs-rank-person{display:grid;gap:3px;min-width:0;flex:1}.crs-rank-person b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crs-rank-person small{font-size:10px;color:var(--muted)}.crs-rank>strong{font-size:11px;white-space:nowrap}.crs-profile-empty{padding:18px;color:var(--muted);font-size:12px;line-height:1.5}.crs-profile-head{display:flex;gap:11px;align-items:center;padding:14px}.crs-avatar{width:50px;height:50px;display:grid;place-items:center;background:#e5f1ff;border-radius:14px;font-size:30px}.crs-profile-head>div:last-child{display:grid;gap:5px;min-width:0}.crs-profile-head b{font-size:13px}.crs-profile-head small{font-size:11px;color:var(--muted)}.crs-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 14px 14px}.crs-profile-stats>div{display:grid;gap:4px;padding:9px;background:#f6f9fc;border-radius:9px;min-width:0}.crs-profile-stats small{font-size:10px;color:var(--muted)}.crs-profile-stats b{font-size:12px;overflow-wrap:anywhere}.crs-bars{padding:0 14px 14px;display:grid;grid-template-columns:75px 1fr;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.crs-bars i{height:7px;background:#e4ebf2;border-radius:99px;overflow:hidden}.crs-bars em{height:100%;display:block;background:#22a06b;border-radius:99px}.crs-log{padding:3px 14px 12px;max-height:220px;overflow:auto}.crs-log-item{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:11px;line-height:1.45}.crs-log-item small{color:#8090a0;font-size:10px}.crs-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:12px;margin-top:12px}.crs-job-groups{display:flex;flex-wrap:wrap;gap:6px;padding:12px 13px 2px}.crs-chip{border:1px solid #dce6ef;background:#f7fafc;border-radius:999px;padding:8px 10px;font-size:10px;color:#50647a;cursor:pointer}.crs-chip.active{background:#e5f0ff;border-color:#8bb9f5;color:#174ea6;font-weight:800}.crs-job-list{padding:7px 13px 13px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.crs-job{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e7edf3;border-radius:10px;min-width:0}.crs-job-icon{width:34px;height:34px;display:grid;place-items:center;background:#f1f6fb;border-radius:9px;font-size:20px;flex-shrink:0}.crs-job>div{min-width:0;flex:1;display:grid;gap:4px}.crs-job>div b{font-size:11px;line-height:1.25}.crs-job small{display:block;color:var(--muted);font-size:9px;line-height:1.3}.crs-job>strong{font-size:10px;white-space:nowrap;text-align:right}.crs-economy{padding:8px 14px 14px}.crs-economy>div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #edf1f5;font-size:11px}.crs-economy>div:last-child{border-bottom:0}.crs-economy span{color:#63778b}.crs-economy b{text-align:right;overflow-wrap:anywhere}.crs-footer{padding:15px 5px 2px;text-align:center;font-size:10px;color:#8795a5}.crs-footer span{color:#62768b}
@media(max-width:800px){.crs-layout,.crs-bottom-grid{grid-template-columns:1fr}.crs-side{grid-template-columns:1fr 1fr}.crs-side>.crs-card:first-child{grid-row:span 2}.crs-world{height:430px}.crs-job-list{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.crs-game{padding:8px;border-radius:14px;margin:8px auto}.crs-header{padding:15px;border-radius:13px;align-items:flex-start}.crs-header h2{font-size:23px}.crs-header p{font-size:11px}.crs-daybox{min-width:80px;padding:9px}.crs-daybox strong{font-size:26px}.crs-stats{gap:6px}.crs-stats>div{padding:10px 8px}.crs-stats small{font-size:10px}.crs-stats strong{font-size:11px}.crs-side{grid-template-columns:1fr}.crs-side>.crs-card:first-child{grid-row:auto}.crs-world{height:390px;min-height:390px}.crs-district{width:29%;min-height:84px;padding:6px 3px;gap:3px}.crs-district>span{font-size:27px}.crs-district b{font-size:10px}.crs-district small{font-size:8px}.d-home{left:2%;top:5%}.d-market{left:35%;top:5%}.d-office{right:2%;top:5%}.d-factory{left:2%;top:57%}.d-bank{left:35%;top:57%}.d-food{right:2%;top:57%}.d-park{left:18%;top:31%}.d-property{right:18%;top:31%}.crs-world-footer{font-size:9px}.crs-controls{display:grid;grid-template-columns:1fr 1fr;padding:9px}.crs-btn{font-size:11px;padding:9px 6px}.crs-job-list{grid-template-columns:1fr}.crs-job>strong{font-size:11px}.crs-section-head{padding:12px}.crs-map-legend span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.crs-district{transition:none}}