.solo-app[data-game="skyline-hook"] .solo-game{background:#172331;border-color:#586977}
.skyline-view{--sky-ink:#182637;--sky-edge:#435363;--sky-signal:#a8d8c0;display:grid;gap:14px;max-width:1080px;margin:0 auto;color:#d7dfd4}.skyline-tier-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;background:#1f2c3b;border:1px solid var(--sky-edge)}.skyline-tier-bar label{display:grid;gap:7px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#c1b5a1}.skyline-tier-select{max-width:230px;padding:8px 10px;background:#172433;color:#e3e5d7;border:1px solid #62717a;font:inherit;letter-spacing:0}.skyline-tier-detail{max-width:430px;margin:0;font-size:12px;line-height:1.6;color:#acbbc0}.skyline-journey{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.skyline-stage-badge{display:grid;place-items:center;min-height:28px;font-size:10px;font-weight:800;background:#1e2a39;border:1px solid #354354;color:#758793}.skyline-stage-badge[data-stage=current]{background:#354c4c;border-color:#a7c4b0;color:#e3dfc4}.skyline-stage-badge[data-stage=complete]{background:#294744;color:#add9bf;border-color:#598e7d}.skyline-hud{display:flex;justify-content:space-between;gap:16px;align-items:end}.skyline-district{display:grid;gap:6px}.skyline-district span{font-size:10px;letter-spacing:.09em;color:#a8bab7}.skyline-district b{font-size:20px;color:#e2ddc9}.skyline-numbers{display:flex;gap:20px;font-size:11px;white-space:nowrap;color:#c4ceb8;font-variant-numeric:tabular-nums}.skyline-numbers [data-urgent=true]{color:#f0a19f}.skyline-board{position:relative;aspect-ratio:960/580;overflow:hidden;border:2px solid #6a7580;background:#182338;box-shadow:0 7px 0 #172332}.skyline-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline-offset:-5px}.skyline-canvas:focus-visible{outline:2px solid #cbd8b5}.skyline-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:22px;background:#111d2eaa}.skyline-overlay[hidden]{display:none}.skyline-overlay-card{width:min(420px,100%);padding:26px;background:#1b2b3bed;border:2px solid #8ca59f;box-shadow:8px 8px 0 #12233499;text-align:center}.skyline-overlay-tag{font-size:10px;font-weight:800;letter-spacing:.15em;color:#cfb98f}.skyline-overlay-card h3{margin:14px 0 10px;font-size:26px;color:#e9e1c8}.skyline-overlay-card p{margin:0 0 20px;font-size:13px;line-height:1.7;color:#bfcfc8}.skyline-continue{padding:12px 18px;min-height:46px;border:2px solid #c9d1ae;background:#b6cbb0;color:#1c3439;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #637d73}.skyline-continue:hover{background:#d5ddbb}.skyline-tutorial{display:flex;gap:15px;padding:13px 15px;border-left:3px solid #bfaf85;background:#23323d;font-size:12px;line-height:1.6}.skyline-tutorial b{flex-shrink:0;color:#d3bf95;font-size:10px;letter-spacing:.09em}.skyline-tutorial span{color:#bbc8bd}.skyline-status{min-height:19px;margin:0;color:#a9cbb5;font-size:12px;line-height:1.6}.skyline-hint{margin:0;color:#9aafb5;font-size:11px;line-height:1.6}.skyline-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:720px;align-self:start}.skyline-control{display:grid;place-items:center;gap:5px;min-height:67px;padding:9px 5px;background:#253543;border:2px solid #566a74;color:#cbdac8;box-shadow:0 3px 0 #172734;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.skyline-control b{font-size:24px;line-height:1}.skyline-control span{font-size:9px;font-weight:800;letter-spacing:.05em}.skyline-control-hook{border-color:#7b9e91;background:#2b4445}.skyline-control-jump{border-color:#9b8970;background:#423e3c}.skyline-control[aria-pressed=true]{transform:translateY(2px);background:#567166;box-shadow:0 1px 0 #172734}.skyline-control:focus-visible,.skyline-continue:focus-visible,.skyline-tier-select:focus-visible{outline:3px solid #eddbac;outline-offset:3px}@media(max-width:620px){.skyline-view{gap:11px}.skyline-tier-bar{align-items:start;gap:10px;padding:11px}.skyline-tier-bar label{font-size:9px}.skyline-tier-select{width:155px;max-width:100%;padding:7px 5px;font-size:11px}.skyline-tier-detail{font-size:10px;line-height:1.5}.skyline-hud{align-items:start;gap:8px}.skyline-district span{font-size:8px;line-height:1.5}.skyline-district b{font-size:16px}.skyline-numbers{flex-direction:column;gap:5px;text-align:right;font-size:9px}.skyline-journey{gap:3px}.skyline-stage-badge{min-height:23px;font-size:8px}.skyline-tutorial{display:grid;gap:5px;padding:10px 12px;font-size:11px}.skyline-overlay{padding:12px}.skyline-overlay-card{padding:17px}.skyline-overlay-card h3{font-size:21px;margin:10px 0}.skyline-overlay-card p{font-size:11px;line-height:1.6;margin-bottom:13px}.skyline-overlay-tag{font-size:8px}.skyline-controls{gap:5px}.skyline-control{min-height:63px;padding:9px 2px}.skyline-control span{font-size:7px;letter-spacing:0}.skyline-control b{font-size:22px}.skyline-hint{font-size:10px}.skyline-status{font-size:11px}}@media(prefers-reduced-motion:reduce){.skyline-control[aria-pressed=true]{transform:none}}