/* Optional visual skin for the existing Lipany game. Load AFTER style.css. */
@import url('./brand.css');
body{font-family:var(--lc-font-ui);color:var(--lc-paper)}
.brand{width:116px;height:100px;background:url('../assets/logos/lip-city-primary.svg') left top/contain no-repeat;font-size:0;text-shadow:none}.brand span{display:none}
button{font-family:var(--lc-font-ui);font-size:14px;letter-spacing:.05em;border-radius:0;background:var(--lc-panel);color:var(--lc-paper);border:1px solid #f0e9da3a}button:hover{background:var(--lc-red)}button:focus-visible,a:focus-visible{outline:var(--lc-focus);outline-offset:4px}
#job,#citytour{background:#0b100ff2;border:var(--lc-border);border-top:4px solid var(--lc-red);border-radius:0}#job h2,#citytour h2{font-family:var(--lc-font-display);font-size:25px;font-weight:400;letter-spacing:.015em;line-height:1.15}#description,#citytour p{font-size:15px;line-height:1.45;color:var(--lc-muted)}
.eyebrow{font:700 12px var(--lc-font-ui);letter-spacing:.16em;color:var(--lc-stone)}#count,.jobfoot,#cash,.speed,#clock{font-family:var(--lc-font-data)}.jobfoot b,#cash,.speed b{color:var(--lc-orange)}.speed strong{font-family:var(--lc-font-display);font-weight:400;letter-spacing:-.02em}.condition i,#progress i{background:var(--lc-red)}
#map{border-color:var(--lc-ink);border-radius:0;background:var(--lc-ink)}#map>div{font-family:var(--lc-font-ui);font-size:10px;letter-spacing:.12em}#toast{background:var(--lc-ink);border:1px solid var(--lc-red);border-radius:0;font:700 17px var(--lc-font-ui)}
#intro{background:linear-gradient(90deg,#0b100ff5 0%,#0b100fd8 34%,#0b100f22 72%),url('../assets/art/lipany-center-illustration.webp') center/cover no-repeat;padding:6vw}
#intro section{max-width:430px}#intro h1{background:url('../assets/logos/lip-city-primary.svg') left center/contain no-repeat;width:min(340px,72vw);height:min(326px,68vw);margin:16px 0;font-size:0;letter-spacing:0}#intro h1 em{font-size:0}#intro p{font:500 20px/1.45 var(--lc-font-ui);max-width:350px;color:var(--lc-paper)}#intro .help{font:500 14px/1.6 var(--lc-font-ui)}#intro small{font:500 12px/1.4 var(--lc-font-ui);color:var(--lc-stone)}
#start,#return{background:var(--lc-red);color:var(--lc-paper);border:1px solid var(--lc-paper);border-radius:0;font:700 20px var(--lc-font-ui);letter-spacing:.08em}#start:hover,#return:hover{background:#982d29}#load-progress{accent-color:var(--lc-red)!important}#economy-mode{color:var(--lc-orange)!important;font:500 14px var(--lc-font-ui)!important}
footer{font-family:var(--lc-font-ui);font-size:12px}footer a{font-size:10px}#fullmap{background:#0b100ff2}.maphead h2{font:400 32px var(--lc-font-display)}.maphead button{border-radius:0;background:var(--lc-panel);font-family:var(--lc-font-ui)}#city-map-canvas{border-radius:0}.maplegend,.mapcard p{font-family:var(--lc-font-ui)}
@media(max-width:700px){.brand{width:82px;height:72px}#intro{padding:24px;background-position:58% center}#intro h1{width:235px;height:225px}#intro p{font-size:18px;max-width:280px}#start{width:min(290px,100%)}#job h2,#citytour h2{font-size:22px}.topright button{font-size:12px}.zoom-controls button{border-radius:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep the larger mark clear of mission and city-tour cards. */
#job,#citytour{top:152px}
#intro{padding:30px 6vw}#intro h1{width:min(270px,68vw);height:min(260px,64vw)}
@media(max-width:700px){#job,#citytour{top:112px}#intro{padding:24px}#intro h1{width:220px;height:210px}}
@media(max-height:720px){#intro h1{width:205px;height:196px;margin:10px 0}#intro .help{font-size:12px}#intro small{margin-top:8px}#start{margin:10px 0 12px;padding:15px 20px}}

body:has(#intro:not([style*="display: none"])) header .brand{visibility:hidden}

#dashboard{background:#0b100fee;border:1px solid #f0e9da38;border-top:3px solid var(--lc-red);padding:12px 16px;width:190px;text-shadow:none}
@media(max-width:700px){#dashboard{width:155px;padding:10px 12px}}