:root{--navy:#161057;--navy2:#25206b;--gold:#a3875f;--ink:#201d42;--paper:#fbfaf7;--line:#dfdce8;--green:#3d956b;--orange:#d47539;--red:#bc5460;--violet:#7864bd;--sky:#5894be}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e5e3ed;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.shell{min-height:100dvh;display:grid;place-items:center}.game{width:min(100%,520px);min-height:100dvh;background:#f5f4f8;overflow:hidden;position:relative}.topbar{height:61px;background:#fff;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e5e1eb;gap:14px}.logo{width:128px;height:auto;display:block}.level-chip{margin-left:auto;border-left:1px solid var(--line);padding-left:13px;line-height:1}.level-chip span{display:block;font-size:8px;color:#817a91;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.level-chip b{font-size:18px;color:var(--navy);display:block;margin-top:3px}.pause{border:1px solid var(--line);background:#fff;color:var(--navy);height:38px;width:38px;border-radius:9px;font-weight:900}.campaign-progress{height:3px;background:#ece9f2}.campaign-progress i{display:block;height:100%;width:0;background:var(--gold);border-radius:0 2px 2px 0;transition:width .3s}.portfolio-bar{height:92px;background:#fff;display:grid;grid-template-columns:1fr 1.08fr .75fr 1fr;gap:9px;padding:14px 15px 11px;border-bottom:1px solid var(--line)}.metric{min-width:0}.metric>span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#817a91;display:block;white-space:nowrap}.metric strong{display:block;color:var(--navy);font-size:15px;letter-spacing:-.4px;margin-top:4px;white-space:nowrap}.metric small{display:block;color:#767086;font-size:9px;font-weight:700;margin-top:3px}.reserve strong{color:var(--gold)}.value strong{font-size:14px}.flow-meter{height:5px;border-radius:4px;background:#e6e3eb;margin-top:7px;overflow:hidden}.flow-meter i{display:block;height:100%;background:var(--green);border-radius:inherit;transition:width .2s}.credit-scale{display:flex;gap:2px;margin-top:9px}.credit-scale i{display:block;width:5px;height:5px;border-radius:50%;background:#e3e0e9}.credit-scale i.active{background:var(--gold)}.mission{min-height:57px;color:#fff;background:var(--navy);padding:10px 15px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--gold);margin:0}.mission .eyebrow{color:#d9c8a9}.mission strong{font-size:13px;display:block;margin-top:2px}.mission-score{text-align:right}.mission-score b{font-size:13px;display:block}.mission-score span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#d0cde2;font-weight:700}.map{height:407px;position:relative;overflow:hidden;background:#d9e6ce}.map-art{position:absolute;inset:0;width:100%;height:100%}.map-caption{position:absolute;z-index:2;right:11px;top:9px;padding:4px 6px;background:rgba(255,255,255,.75);border-radius:5px;color:#645e76;text-transform:uppercase;letter-spacing:.08em;font-size:7px;font-weight:900}.portfolio-base{position:absolute;z-index:5;left:10px;bottom:9px;background:var(--navy);color:#fff;border:3px solid var(--gold);width:79px;height:74px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 6px 12px rgba(22,16,87,.25)}.portfolio-base span{font-size:26px;color:#e5d0a9;line-height:.8}.portfolio-base b{font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-top:7px}.portfolio-base small{font-size:8px;color:#d0cce6;margin-top:2px}.slot{position:absolute;z-index:7;width:51px;height:51px;transform:translate(-50%,-50%);border:2px dashed rgba(22,16,87,.35);border-radius:50%;background:rgba(255,255,255,.4);padding:0;transition:.15s}.slot:before{content:"+";font-size:21px;font-weight:300;color:rgba(22,16,87,.55)}.slot:hover,.slot.focus{border-color:var(--gold);transform:translate(-50%,-50%) scale(1.08)}.slot.built{border-style:solid;border-color:#fff;background:#fff;box-shadow:0 4px 11px rgba(22,16,87,.24)}.slot.built:before{display:none}.slot-0{left:72%;top:20%}.slot-1{left:56%;top:39%}.slot-2{left:73%;top:56%}.slot-3{left:48%;top:69%}.slot-4{left:28%;top:70%}.slot-5{left:21%;top:45%}.tower{border:0;background:transparent;width:100%;height:100%;padding:0;display:grid;place-items:center}.tower .tower-avatar{width:46px;height:46px}.tower-level{position:absolute;right:-3px;bottom:-4px;min-width:16px;height:16px;border-radius:9px;background:var(--gold);color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.problem{position:absolute;z-index:6;width:42px;height:52px;transform:translate(-50%,-50%);will-change:left,top;filter:drop-shadow(0 3px 3px rgba(35,39,36,.24))}.problem svg{width:100%;height:100%;overflow:visible}.problem .health{position:absolute;z-index:3;left:4px;top:-2px;width:34px;height:5px;background:#fff;border-radius:5px;overflow:hidden;border:1px solid rgba(22,16,87,.1)}.problem .health i{display:block;height:100%;background:var(--red);border-radius:inherit}.problem-label{position:absolute;top:40px;left:50%;transform:translateX(-50%);font-size:7px;color:var(--navy);background:#fff;border-radius:5px;white-space:nowrap;padding:2px 4px;font-weight:850;box-shadow:0 1px 3px rgba(22,16,87,.15)}.effect{position:absolute;z-index:8;height:3px;background:var(--gold);transform-origin:left center;box-shadow:0 0 6px var(--gold);animation:beam .28s ease-out forwards}@keyframes beam{to{opacity:0;transform:scaleX(1.08)}}.float{position:absolute;z-index:12;font-size:10px;font-weight:900;animation:float .7s ease-out forwards;pointer-events:none}@keyframes float{to{opacity:0;transform:translateY(-24px)}}.map-toast{position:absolute;z-index:15;left:50%;top:8px;transform:translateX(-50%) translateY(-8px);border-radius:15px;background:rgba(255,255,255,.94);padding:6px 9px;color:var(--navy);font-size:9px;font-weight:850;white-space:nowrap;box-shadow:0 3px 9px rgba(22,16,87,.17);opacity:0;transition:.2s}.map-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.legend{height:32px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px;color:#726d81;font-size:8px;text-transform:uppercase;letter-spacing:.04em;font-weight:850}.legend span{display:flex;gap:4px;align-items:center}.legend-person{height:10px;width:10px;border-radius:50%;display:inline-block}.legend-person.tenant{background:var(--red)}.legend-person.repair{background:var(--orange)}.legend-person.rate{background:var(--violet)}.legend-person.svj{background:var(--sky)}.ambient-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.cloud{position:absolute;background:#fff;border-radius:20px;opacity:.5;filter:blur(1px)}.cloud-a{width:44px;height:15px;top:6%;left:-15%;animation:drift-cloud 48s linear infinite}.cloud-b{width:30px;height:11px;top:15%;left:-25%;opacity:.38;animation:drift-cloud 65s linear infinite 9s}@keyframes drift-cloud{to{transform:translateX(160vw)}}.car{position:absolute;width:7px;height:4px;border-radius:2px;background:var(--gold);opacity:.5;top:63%;left:30%;animation:drift-car 9s ease-in-out infinite}@keyframes drift-car{0%,100%{transform:translate(0,0)}50%{transform:translate(16px,-4px)}}.particle{position:absolute;z-index:11;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);animation:burst .5s ease-out forwards;pointer-events:none}@keyframes burst{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}#speed-button{margin-left:auto;border:0;border-radius:6px;padding:4px 7px;background:#f0eff4;color:var(--navy);font-weight:900;font-size:10px}.build-panel{background:#fff;padding:9px 10px 12px}.build-panel p{margin:0 5px 8px;color:#777084;font-size:10px;font-weight:750}.tool-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tool{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:10px;padding:6px 3px;text-align:center;min-width:0}.tool.selected{background:var(--navy);border-color:var(--navy);color:#fff}.tool.locked{opacity:.5}.tool b,.tool small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool b{font-size:9px;margin-top:2px}.tool small{color:#787188;font-size:7px;margin-top:2px}.tool.selected small{color:#d6d2e8}.avatar-mini{width:23px;height:23px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#dfeee6;color:var(--green);font-size:15px;font-weight:900}.avatar-mini.technician{background:#f8e5d8;color:var(--orange)}.avatar-mini.finance{background:#e4def6;color:var(--violet)}.avatar-mini.lawyer{background:#dce9ef;color:var(--sky)}.tower-panel{position:absolute;z-index:18;bottom:86px;left:8px;right:8px;background:#fff;border-radius:13px;box-shadow:0 8px 24px rgba(22,16,87,.25);padding:10px;display:flex;gap:6px;align-items:center}.tower-panel.hidden{display:none}.tower-panel-info{margin-right:auto}.tower-panel-info b{font-size:11px;display:block}.tower-panel-info small{font-size:9px;color:#716b7f}.tower-panel button:not(#close-tower-button){border:0;border-radius:7px;background:var(--navy);color:#fff;font-size:9px;font-weight:850;padding:8px}.tower-panel #downgrade-button{background:#eceaf1;color:var(--navy)}#close-tower-button{border:0;background:transparent;color:#898396;font-size:18px}.overlay{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:rgba(13,10,52,.62);backdrop-filter:blur(5px);transition:.2s}.overlay.hidden{opacity:0;visibility:hidden}.modal{width:min(100%,412px);background:var(--paper);border-radius:21px;padding:23px 20px;text-align:center;box-shadow:0 18px 48px rgba(8,6,39,.35)}.intro-modal{text-align:left;padding:26px 24px 20px}.intro-modal img{width:142px;height:auto;display:block;margin:0 auto 27px}.modal h1,.modal h2{color:var(--navy);letter-spacing:-1px;line-height:1.06;margin:5px 0 9px}.modal h1{font-size:30px}.modal h2{font-size:27px}.intro-modal>p:not(.eyebrow){color:#605a72;font-size:13px;line-height:1.48;margin:0}.intro-steps{margin:20px 0;display:grid;gap:8px}.intro-steps span{font-size:11px;color:var(--gold);font-weight:900;display:flex;gap:7px;align-items:center}.intro-steps b{color:#514b67}.primary,.ghost{width:100%;border:0;border-radius:10px;padding:13px;font-weight:900}.primary{background:var(--gold);color:#fff}.primary span{font-size:16px;margin-left:4px}.ghost{margin-top:8px;color:var(--navy);background:#edebf1;font-size:11px}.small-modal{width:260px}.small-modal .primary{margin-top:14px}.market-modal{text-align:left}.market-modal h2{text-align:center}.market-result{margin:16px 0 13px;padding:12px;background:#f1eee7;border-radius:12px;display:flex;align-items:center;gap:12px}.market-result>span{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-size:25px;font-weight:900}.market-result b{font-size:17px;color:var(--navy);display:block}.market-result small{color:#6b657a;font-size:10px;display:block;margin-top:3px}.shop-note{font-size:11px;color:#615b72;line-height:1.4;margin:0 0 13px}.shop-meta{display:flex;justify-content:space-between;color:#807a8d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.purchase-list{display:grid;gap:7px}.purchase{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px;text-align:left;color:var(--navy)}.purchase:disabled{opacity:.45}.property-icon{height:29px;width:29px;border-radius:7px;background:#ede6da;color:var(--gold);display:grid;place-items:center;font-size:21px}.property-icon.house{background:#e6e3f2;color:var(--navy)}.property-icon.renovate{background:#f8e5d8;color:var(--orange)}.purchase b,.purchase small{display:block}.purchase b{font-size:11px}.purchase small{font-size:8px;color:#777184;margin-top:2px}.purchase em{font-size:8px;font-style:normal;color:var(--gold);font-weight:850;text-align:right}.keep-cash{border:0;background:var(--navy);color:#fff;border-radius:9px;padding:11px;font-size:11px;font-weight:850;margin-top:2px}.keep-cash span{font-size:14px;margin-left:4px}.end-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#f0eff4;border-radius:12px;padding:13px 4px;margin:17px 0}.end-grid span{font-size:8px;text-transform:uppercase;color:#777083;font-weight:850;letter-spacing:.04em}.end-grid b{display:block;color:var(--navy);font-size:17px;margin-top:3px}.end-modal p:not(.eyebrow){color:#645e74;font-size:12px;line-height:1.4;margin:0 0 16px}.cta-link{display:block;text-align:center;text-decoration:none}#continue-button.hidden{display:none}@media(min-width:521px){.game{min-height:820px;border-radius:26px;box-shadow:0 18px 48px rgba(22,16,87,.2)}.overlay{position:absolute;border-radius:26px}}@media(max-width:390px){.portfolio-bar{padding-left:11px;padding-right:11px;gap:6px}.metric strong{font-size:13px}.map{height:376px}.tool b{font-size:8px}.tool small{font-size:6.5px}.logo{width:118px}}