:root{--bg:#070b11;--panel:#0e151e;--card:#111b26;--line:#223041;--text:#edf3f7;--muted:#8292a5;--gold:#ffb12b;--orange:#ff6b21;--cyan:#45c7e8;--green:#51d69b;--red:#ff6677}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 10%,#14202c 0,transparent 28%),#070b11}a{color:var(--gold);text-decoration:none}.ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,177,43,.035),transparent 30%)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.5rem);line-height:.96;letter-spacing:-.05em}h1 span{color:var(--gold)}h2{letter-spacing:-.03em}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.18em;color:var(--gold);margin-bottom:10px}.muted{color:var(--muted)}.center{text-align:center}.btn{border:1px solid #334457;background:#172331;color:#fff;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--orange));border:0;color:#15100a}.btn.small{padding:8px 12px;font-size:.8rem}.btn.wide{width:100%;margin-top:20px}.btn:disabled{opacity:.45;cursor:not-allowed}.phoenix-mark{width:64px;height:64px;border:1px solid #8c5c20;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,88% 82%,50% 100%,12% 82%,0 25%);color:var(--gold);font-weight:950;letter-spacing:-.08em;background:linear-gradient(135deg,#2a1b0d,#111820)}.phoenix-mark.sm{width:42px;height:42px;font-size:.75rem}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;max-width:1250px;margin:auto;align-items:center;padding:40px;gap:80px}.brand-panel .lede{max-width:620px;color:#a5b2c0;font-size:1.1rem;line-height:1.7}.feature-strip{display:flex;gap:10px;flex-wrap:wrap}.feature-strip span{border:1px solid var(--line);background:#0c121a;padding:9px 12px;border-radius:999px;color:#aab6c4;font-size:.8rem}.auth-card{background:rgba(14,21,30,.88);border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 25px 80px #0007}.stack{display:grid;gap:17px}.stack label,.company-name{display:grid;gap:8px;color:#aab7c5;font-size:.83rem;font-weight:700}.stack input,.company-name input{width:100%;background:#090e14;border:1px solid #2a3949;color:#fff;border-radius:10px;padding:14px 15px;font-size:1rem;outline:none}.stack input:focus,.company-name input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffb12b1a}.alert{background:#35151b;border:1px solid #71303a;color:#ffc4ca;padding:11px 13px;border-radius:9px;margin:12px 0}.mini-market{margin-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-market div{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:3px}.mini-market b{font-size:.7rem;color:var(--muted)}.mini-market strong{font-size:1.25rem}.mini-market em{color:var(--green);font-size:.75rem}.onboard{max-width:1100px;margin:0 auto;padding:60px 30px}.onboard-head{max-width:680px}.onboard h1{font-size:3.4rem}.company-name{margin:30px 0}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-card{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px;display:grid;gap:8px;cursor:pointer}.industry-card input{position:absolute;opacity:0}.industry-card.selected,.industry-card:has(input:checked){border-color:var(--gold);background:#17170f}.industry-icon{font-size:1.6rem}.industry-card small{color:var(--muted);line-height:1.5}.game-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:#080d13;padding:20px 14px;display:flex;flex-direction:column}.logo-lockup{display:flex;align-items:center;gap:10px;padding:5px 8px 24px}.logo-lockup div:last-child{display:grid}.logo-lockup small{font-size:.62rem;letter-spacing:.2em;color:var(--gold)}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#92a1b0;padding:11px 12px;border-radius:8px;font-size:.85rem}.sidebar nav a.active{background:#1b1a12;color:var(--gold);border-left:2px solid var(--gold)}.sidebar nav span{float:right;font-size:.6rem;color:#5f6c78}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 4px;display:grid;gap:12px}.user-chip{display:grid}.user-chip small{color:var(--muted)}.command{padding:24px 28px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.topbar h1{font-size:1.7rem;margin:0}.top-stats{display:flex;gap:10px}.top-stats>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;display:grid;min-width:140px}.top-stats small{font-size:.6rem;color:var(--muted);letter-spacing:.12em}.top-stats .lpt{border-color:#77501e}.top-stats .lpt b{color:var(--gold)}.top-stats em{font-size:.65rem;color:var(--muted)}.resource-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.resource{background:#0c131b;border:1px solid var(--line);padding:10px;border-radius:9px;display:flex;gap:10px;align-items:center}.resource>span{font-size:1.2rem}.resource div{display:grid}.resource small{font-size:.65rem;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:14px}.city-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.section-title{display:flex;justify-content:space-between;align-items:start}.section-title h2{font-size:1.15rem;margin:0}.online{font-size:.7rem;color:var(--green)}.city-map{height:410px;position:relative;overflow:hidden;margin-top:12px;background:radial-gradient(ellipse at center,#172432 0,#0a1119 65%);border:1px solid #1e2b38;border-radius:10px}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#26394b55 1px,transparent 1px),linear-gradient(90deg,#26394b55 1px,transparent 1px);background-size:38px 38px;transform:perspective(450px) rotateX(58deg) scale(1.4);transform-origin:center 80%}.building{position:absolute;width:112px;text-align:center;z-index:2}.building b{display:block;font-size:.68rem;color:#dce5ec}.building small{font-size:.58rem;color:#77899a}.building-art{height:74px;margin:auto;position:relative;filter:drop-shadow(0 12px 14px #0009)}.building-art i{position:absolute;background:linear-gradient(145deg,#526577,#172330);border:1px solid #708296;bottom:0}.building-art i:nth-child(1){width:58px;height:48px;left:27px;clip-path:polygon(20% 0,100% 14%,90% 100%,0 100%)}.building-art i:nth-child(2){width:34px;height:67px;left:42px;background:linear-gradient(145deg,#745327,#1d2933);clip-path:polygon(20% 0,100% 10%,88% 100%,0 100%)}.building-art i:nth-child(3){width:8px;height:8px;border-radius:50%;background:var(--gold);left:55px;bottom:25px;box-shadow:0 0 13px var(--gold)}.building.hq{left:42%;top:30%}.building.mine{left:8%;top:48%}.building.tech{right:10%;top:18%}.building.farm{right:16%;bottom:9%}.building.factory{left:27%;bottom:6%}.right-rail{display:grid;gap:14px;align-content:start}.panel h3{font-size:1rem}.panel p{font-size:.8rem;color:#9cabb9;line-height:1.55}.event-meter,.progress{height:5px;background:#202d3a;border-radius:10px;overflow:hidden}.event-meter span,.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--orange))}.market-row{display:grid;grid-template-columns:1fr auto 55px;gap:8px;padding:9px 0;border-bottom:1px solid #1b2733;font-size:.75rem}.market-row em{text-align:right}.up{color:var(--green)}.down{color:var(--red)}.lower-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:14px;margin-top:14px}.business-row{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.biz-icon{font-size:1.4rem}.grow{flex:1;display:grid;gap:5px}.grow small{color:var(--muted);font-size:.72rem}.premium{background:linear-gradient(135deg,#18160f,#0e151e 70%);border-color:#66491f}.pack-price{display:grid;margin:20px 0}.pack-price strong{font-size:1.5rem;color:var(--gold)}.pack-price span{font-size:.7rem;color:var(--muted)}@media(max-width:950px){.auth-shell{grid-template-columns:1fr;gap:30px}.game-shell{grid-template-columns:72px 1fr}.sidebar .logo-lockup div:last-child,.sidebar nav a span,.sidebar nav a{font-size:0}.sidebar nav a::first-letter{font-size:1rem}.sidebar-bottom .user-chip{display:none}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.resource-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.auth-shell{padding:24px}.industry-grid{grid-template-columns:1fr}.command{padding:16px 10px}.game-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{align-items:flex-start;flex-direction:column}.top-stats{width:100%}.top-stats>div{flex:1;min-width:0}.resource-row{grid-template-columns:repeat(2,1fr)}.right-rail{grid-template-columns:1fr}.city-map{height:360px}.building{transform:scale(.8)}.mini-market{grid-template-columns:1fr 1fr 1fr}}.stack select,.panel input,.panel select{background:#090e14;border:1px solid #2a3949;color:#fff;border-radius:8px;padding:10px;outline:none}.panel label{color:#91a0ae;font-size:.72rem;display:grid;gap:4px}
/* v0.4 illustrated empire */
.visual-city{min-height:520px;background:radial-gradient(circle at 50% 45%,#1c3348 0,#0b1620 42%,#070d13 78%);box-shadow:inset 0 0 80px #0008}.city-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ffb12b12,transparent 32%),linear-gradient(140deg,transparent 45%,#45c7e80b 46%,transparent 47%);pointer-events:none}.visual-building{position:absolute;width:176px;z-index:4;transition:.25s ease;color:#fff}.visual-building:hover{transform:translateY(-7px) scale(1.04);filter:brightness(1.12);z-index:8}.visual-building img{display:block;width:100%;border-radius:12px;border:1px solid #31475a;box-shadow:0 16px 30px #0009}.building-label{position:absolute;left:8px;right:8px;bottom:7px;padding:7px 8px;border-radius:7px;background:#071019dd;backdrop-filter:blur(5px);display:grid}.building-label b{font-size:.68rem}.building-label small{font-size:.58rem;color:#9db0c0}.production-pulse{position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:phxPulse 1.8s infinite}.slot-1{left:5%;top:10%}.slot-2{right:6%;top:8%}.slot-3{left:8%;bottom:8%}.slot-4{right:8%;bottom:8%}.slot-5{left:37%;top:5%}.slot-6{left:39%;bottom:5%}.visual-hq{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;text-align:center}.hq-core{width:100px;height:100px;display:grid;place-items:center;border:2px solid #b77b24;background:radial-gradient(circle,#704612,#162434 60%);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);color:var(--gold);font-weight:950;box-shadow:0 0 45px #ffb12b33}.visual-hq b,.visual-hq small{display:block}.visual-hq b{font-size:.7rem;margin-top:6px}.visual-hq small{font-size:.6rem;color:var(--muted)}.biz-thumb{width:92px;flex:0 0 92px}.biz-thumb img{width:100%;display:block;border-radius:8px;border:1px solid var(--line)}.business-visual-card{padding:0 0 20px;overflow:hidden}.business-visual-card>*:not(.business-card-art){margin-left:20px;margin-right:20px}.business-card-art{width:100%;aspect-ratio:176/112;object-fit:cover;border-bottom:1px solid var(--line);margin-bottom:12px}.upgrade-preview{max-width:900px}.upgrade-visuals{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:28px 0}.upgrade-visuals>div{display:grid;gap:10px}.upgrade-visuals img{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:0 20px 50px #0007}.upgrade-visuals>span{font-size:2rem;color:var(--gold)}@keyframes phxPulse{50%{opacity:.35;transform:scale(.65)}}@media(max-width:800px){.visual-city{min-height:720px}.visual-building{width:145px}.slot-1{left:3%;top:6%}.slot-2{right:3%;top:6%}.slot-3{left:3%;bottom:5%}.slot-4{right:3%;bottom:5%}.slot-5{left:3%;top:37%}.slot-6{right:3%;left:auto;top:37%}.upgrade-visuals{grid-template-columns:1fr}.upgrade-visuals>span{transform:rotate(90deg);text-align:center}}