:root {
    --ink: #17162d; --paper: #f8f1df; --cream: #fff9e9; --navy: #22284d;
    --violet: #6757d9; --cyan: #3ac8c4; --mint: #79d887; --gold: #f3bd4f;
    --orange: #ee7f4d; --red: #d84d5b; --shadow: #0c0d1d;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
    color: var(--ink); background: #101126; overflow-x: hidden;
    font-family: "Courier New", "PingFang SC", "Microsoft YaHei", monospace;
    image-rendering: pixelated;
}
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }
.scanlines { position: fixed; inset: 0; pointer-events: none; z-index: 10000; opacity: .07; background: repeating-linear-gradient(0deg, transparent 0 3px, #000 4px); }

.pixel-frame { border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--shadow), inset 0 0 0 2px rgba(255,255,255,.25); }
.pixel-subframe { border: 2px solid var(--ink); box-shadow: 3px 3px 0 rgba(23,22,45,.25); }
.panel-kicker, .tiny-label { color: var(--violet); font-weight: 900; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
.muted { color: #666887; line-height: 1.6; }

.pixel-btn, .small-btn, .icon-btn {
    border: 2px solid var(--ink); background: var(--cream); font-weight: 900; cursor: pointer;
    box-shadow: 3px 3px 0 var(--ink); transition: transform .1s, box-shadow .1s, filter .15s;
}
.pixel-btn { padding: 12px 18px; }
.pixel-btn:hover:not(:disabled), .small-btn:hover:not(:disabled), .icon-btn:hover:not(:disabled) { transform: translate(-1px,-1px); box-shadow: 5px 5px 0 var(--ink); filter: brightness(1.04); }
.pixel-btn:active:not(:disabled), .small-btn:active:not(:disabled), .icon-btn:active:not(:disabled) { transform: translate(2px,2px); box-shadow: 1px 1px 0 var(--ink); }
button:disabled { opacity: .48; cursor: not-allowed; filter: grayscale(.7); }
.pixel-btn.primary { background: var(--gold); }
.pixel-btn.accent { background: var(--cyan); }
.pixel-btn.danger, .small-btn.danger { background: var(--red); color: white; }
.pixel-btn.ghost { background: white; }
.pixel-btn.wide { width: 100%; }
.pixel-btn.compact { padding: 9px 12px; font-size: 12px; }
.small-btn { padding: 6px 10px; background: var(--gold); font-size: 12px; box-shadow: 2px 2px 0 var(--ink); }
.icon-btn { width: 38px; height: 38px; background: var(--cream); }

/* Login */
.login-screen { min-height: 100vh; display: grid; place-items: center; position: relative; padding: 32px 18px; overflow: hidden; background: linear-gradient(#191a3c 0 58%, #302855 58% 66%, #17182d 66%); }
.login-screen::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34%; opacity: .7; background: linear-gradient(90deg, transparent 0 4%, #20284a 4% 12%, transparent 12% 17%, #252f58 17% 24%, transparent 24% 30%, #29355e 30% 42%, transparent 42% 48%, #242b50 48% 61%, transparent 61% 66%, #2a345a 66% 78%, transparent 78% 84%, #20284a 84% 95%, transparent 95%); }
.login-sky { position: absolute; inset: 0; }
.pixel-star { position: absolute; width: 5px; height: 5px; background: var(--gold); box-shadow: 10px 0 var(--gold), 5px -5px var(--gold), 5px 5px var(--gold); animation: twinkle 1.8s steps(2) infinite; }
.pixel-star.s1 { left: 12%; top: 16%; }.pixel-star.s2 { left: 78%; top: 12%; animation-delay:.3s}.pixel-star.s3 { left: 68%; top: 38%; animation-delay:.8s}.pixel-star.s4 { left: 28%; top: 35%; animation-delay:1.1s}
@keyframes twinkle { 50% { opacity: .25; transform: scale(.7); } }
.login-card { width: min(460px, 94vw); padding: 32px; z-index: 2; background: var(--paper); text-align: center; }
.login-logo { font-size: 58px; filter: drop-shadow(5px 5px 0 rgba(23,22,45,.25)); }
.login-card h1 { margin: 8px 0; font-size: clamp(28px,6vw,42px); letter-spacing: -2px; }
.login-card p { color: #545674; line-height: 1.65; margin: 0 0 20px; }
.login-card label { display: block; text-align: left; margin: 13px 0 6px; font-size: 12px; font-weight: 900; }
.login-card input, .hire-console input, .hire-console select, .advisor-input textarea {
    width: 100%; border: 2px solid var(--ink); background: white; padding: 12px; outline: 0; box-shadow: inset 3px 3px 0 #ded8c8;
}
.login-card input:focus, textarea:focus, select:focus { border-color: var(--violet); }
.login-card .pixel-btn { margin-top: 20px; }
.login-hint { margin-top: 14px; color: #77758c; font-size: 11px; }.login-hint.error { color: var(--red); font-weight: 900; }

/* Shell */
.game-shell { min-height: 100vh; padding: 12px; background: radial-gradient(circle at 50% 0, #323568, #111226 70%); }
.topbar { min-height: 72px; padding: 9px 14px; background: var(--paper); display: flex; align-items: center; gap: 18px; }
.brand-lockup { display:flex; align-items:center; gap:10px; min-width:220px; }.brand-mark{font-size:32px}.brand-lockup strong{display:block;font-size:18px}.brand-lockup small{display:block;color:#70728d;margin-top:3px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hud-stats { flex:1; display:grid; grid-template-columns:repeat(4,minmax(110px,1fr)); gap:7px; }
.hud-chip { min-width:0; border:2px solid var(--ink); background:white; padding:6px 9px; display:grid; grid-template-columns:25px 1fr; grid-template-rows:auto auto; column-gap:5px; box-shadow:2px 2px 0 #aaa6a0; }
.hud-chip>span{grid-row:1/3;font-size:20px;align-self:center}.hud-chip small{font-size:9px;color:#777}.hud-chip b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions { display:flex; align-items:center; gap:8px; }
.game-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:12px; margin-top:12px; }
.mission-board { background:var(--paper); padding:17px; min-height:620px; }
.mission-board h2 { font-size:17px; line-height:1.4; margin:8px 0; }.mission-board>p{font-size:12px;line-height:1.6;color:#5e607b}
.unlock-track{margin-top:20px}.unlock-step{display:flex;gap:9px;align-items:center;padding:9px 7px;border-left:3px solid #c4bfd0;opacity:.5}.unlock-step>span{font-size:20px}.unlock-step b,.unlock-step small{display:block}.unlock-step b{font-size:10px}.unlock-step small{font-size:10px;margin-top:2px}.unlock-step.done{border-color:var(--mint);opacity:1}.unlock-step.current{background:#fff4c8;border-color:var(--gold)}
.finance-mini{margin-top:18px;border-top:2px dashed #aaa4a1;padding-top:10px}.finance-mini div{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.finance-mini b{color:var(--violet)}
.map-help{margin-top:18px;background:#252746;color:#e9e8ff;padding:11px;font-size:10px;line-height:2}.key{display:inline-block;background:#f5d66e;color:var(--ink);border:1px solid #0e0f21;padding:0 4px;box-shadow:1px 1px #000;margin-right:3px}

/* World */
.world-wrap { min-width:0; background:#d9dfc4; overflow:hidden; position:relative; }
.world-toolbar { height:38px;background:#252746;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;border-bottom:3px solid var(--ink)}
.live-dot{display:inline-block;width:8px;height:8px;background:var(--mint);box-shadow:0 0 0 2px #183b2e;margin-right:5px;animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.35}}
.world-map { height:578px; position:relative; overflow:hidden; outline:0; background-color:#9ecb8d; background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:16px 16px;}
.skyline{position:absolute;left:0;right:0;top:0;height:13%;background:linear-gradient(#85b7d5,#b9d6c1);border-bottom:3px solid #526b75}.skyline::after{content:"";position:absolute;left:2%;right:2%;bottom:0;height:65%;background:linear-gradient(90deg,#68769a 0 5%,transparent 5% 8%,#596988 8% 15%,transparent 15% 19%,#7781a0 19% 25%,transparent 25% 32%,#586786 32% 41%,transparent 41% 49%,#707b9d 49% 58%,transparent 58% 65%,#596988 65% 74%,transparent 74% 80%,#6a7697 80% 91%,transparent 91%)}
.road{position:absolute;background:#5e6473;border:3px solid #464a57;box-shadow:inset 0 6px #6f7583}.road-h{left:0;right:0;height:17%;top:43%}.road-h::after{content:"";position:absolute;left:0;right:0;top:49%;border-top:3px dashed #e8d478}.road-v{top:12%;bottom:0;width:12%;left:45%;}.road-v::after{content:"";position:absolute;top:0;bottom:0;left:49%;border-left:3px dashed #e8d478}.crosswalk{position:absolute;left:45%;top:44%;width:12%;height:15%;z-index:1;background:repeating-linear-gradient(0deg,transparent 0 7px,#e9e6d6 7px 13px)}
.park{position:absolute;right:2%;bottom:2%;width:19%;height:22%;background:#72b976;border:3px solid #416d4a;box-shadow:inset 0 0 0 5px #88ce84}.tree{position:absolute;font-size:28px;filter:drop-shadow(3px 3px 0 #396441)}.tree.t1{left:9%;top:8%}.tree.t2{right:8%;bottom:7%}.bench{position:absolute;left:38%;top:48%;color:#7e5139;font-size:23px}
.building { position:absolute; border:3px solid var(--ink); padding:0; cursor:pointer; box-shadow:5px 5px 0 rgba(15,17,36,.45); transition:transform .15s,filter .2s; background:#d98265; z-index:2; }
.building:hover,.building.nearby{transform:translateY(-4px);filter:brightness(1.08);z-index:5}.building.nearby{outline:3px solid var(--gold);outline-offset:3px}.building.locked{filter:grayscale(.85) brightness(.65);cursor:not-allowed}.building .sign{position:absolute;left:8%;right:8%;top:11%;background:var(--cream);border:2px solid var(--ink);font-size:10px;font-weight:900;padding:4px;z-index:2}.building .door{position:absolute;left:42%;bottom:0;width:18%;height:32%;background:#624b55;border:2px solid var(--ink);border-bottom:0}.building .window{position:absolute;top:45%;width:18%;height:18%;background:#98e5e1;border:2px solid var(--ink);box-shadow:inset 3px 3px rgba(255,255,255,.6)}.building .w1{left:14%}.building .w2{right:14%}.lock-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;background:#252746;color:white;border:2px solid #0d0e20;padding:6px;white-space:nowrap;font-style:normal;font-size:10px}
.building.talent{left:3%;top:18%;width:22%;height:20%;background:#e89970}.building.talent .roof{position:absolute;left:-5%;right:-5%;top:-15%;height:18%;background:#b9504f;border:3px solid var(--ink)}
.building.projects{right:3%;top:16%;width:26%;height:22%;background:#638bc4}.building.projects .antenna{position:absolute;width:3px;height:24px;background:var(--ink);left:50%;top:-26px}.building.projects .antenna::after{content:"";position:absolute;width:9px;height:9px;background:var(--gold);left:-3px;top:-4px}
.building.office{left:4%;bottom:7%;width:29%;height:25%;background:#c7a36c}.garage-sign{position:absolute;left:8%;top:8%;font-size:11px;font-weight:bold}.garage-door{position:absolute;left:8%;bottom:0;width:58%;height:56%;border:3px solid var(--ink);background:repeating-linear-gradient(0deg,#8e8a83 0 7px,#706f6e 7px 10px)}.lamp{position:absolute;right:12%;top:38%;width:10px;height:10px;background:var(--gold);box-shadow:0 0 0 3px var(--ink)}
.building.lab{left:59%;top:17%;width:14%;height:22%;background:#8f6bb3}.building.lab .chimney{position:absolute;right:8%;top:-20%;width:18%;height:22%;background:#55546d;border:3px solid var(--ink)}
.building.finance{right:4%;top:64%;width:21%;height:28%;background:#d4c16a}.building.finance .pillars{position:absolute;top:39%;left:18%;right:18%;font-size:25px;letter-spacing:10px}.building.finance::before{content:"";position:absolute;left:-6%;right:-6%;top:-12%;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:28px solid #816945}
.building.advisor{left:59%;bottom:7%;width:15%;height:22%;background:#504a8d;border-radius:46% 46% 0 0}.building.advisor .orb{position:absolute;top:33%;left:42%;font-size:27px;color:#6ff3dd;text-shadow:0 0 8px #6ff3dd}.building.advisor .sign{top:8%}

/* Pixel people */
.pixel-person { position:absolute; width:24px; height:38px; z-index:9; transition:left .85s steps(6),top .85s steps(6); filter:drop-shadow(3px 4px 0 rgba(20,21,40,.3)); }
.pixel-person .head{position:absolute;left:5px;top:4px;width:14px;height:13px;background:#dca57c;border:2px solid var(--ink)}.pixel-person .hair{position:absolute;left:4px;top:1px;width:16px;height:7px;background:#49394b;border:2px solid var(--ink)}.pixel-person .body{position:absolute;left:4px;top:17px;width:16px;height:14px;background:var(--violet);border:2px solid var(--ink)}.pixel-person .leg{position:absolute;top:30px;width:7px;height:8px;background:#30344f;border:2px solid var(--ink)}.pixel-person .leg.left{left:4px}.pixel-person .leg.right{right:4px}.pixel-person.walking .leg.left{transform:translateY(-3px)}.pixel-person.walking .leg.right{transform:translateY(2px)}.pixel-person .name-tag{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);white-space:nowrap;background:rgba(21,22,45,.88);color:white;padding:2px 5px;font-size:8px;border:1px solid white}.pixel-person.employee .body{background:#40b7ac}.pixel-person.employee-1 .body{background:#e0776b}.pixel-person.employee-2 .body{background:#d8a647}.pixel-person.employee-3 .body{background:#708ac8}.pixel-person.employee-4 .body{background:#ab6db0}.status-dot{position:absolute;right:-3px;top:0;width:7px;height:7px;background:#63df87;border:1px solid var(--ink)}.status-dot.working{background:#f3bd4f}.status-dot.sick{background:#d84d5b}
.mobile-controls{display:none}

.command-dock { margin-top:12px;background:var(--paper);min-height:62px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dock-copy b,.dock-copy span{display:block}.dock-copy b{font-size:14px}.dock-copy span{font-size:10px;color:#74758a;margin-top:4px}.next-day{min-width:220px}

/* Overlays and panels */
.panel-backdrop,.modal-layer{position:fixed;inset:0;background:rgba(7,8,22,.76);backdrop-filter:blur(4px);z-index:1000;display:grid;place-items:center;padding:18px}.function-panel{width:min(1000px,95vw);height:min(760px,90vh);background:var(--paper);display:flex;flex-direction:column}.function-panel>header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:3px solid var(--ink);background:#f1e7cc}.function-panel h2{margin:4px 0 0;font-size:24px}.panel-content{padding:18px;overflow:auto;flex:1}.modal-card{width:min(610px,94vw);max-height:90vh;overflow:auto;background:var(--paper);padding:24px}.modal-card h2{font-size:25px;margin:7px 0 12px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
.guide-card{text-align:center}.guide-art,.decision-icon{font-size:55px;filter:drop-shadow(4px 4px 0 rgba(23,22,45,.2))}.guide-content{text-align:left;background:white;border:2px solid var(--ink);padding:15px;line-height:1.65}.guide-content p{margin-top:0}.guide-content li{margin:8px 0}.guide-tip{background:#252746;color:white;padding:10px;font-size:11px}.decision-card{text-align:center}.decision-card>p{color:#575a73;line-height:1.6}.decision-card>small{color:#8a8693}.decision-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.decision-choice{border:3px solid var(--ink);background:white;padding:15px;text-align:left;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.decision-choice:hover{background:#fff4c8;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.decision-choice b,.decision-choice span,.decision-choice i{display:block}.decision-choice b{font-size:15px}.decision-choice span{font-size:11px;color:#61637b;margin:9px 0;line-height:1.5}.decision-choice i{font-size:10px;color:var(--violet);font-weight:bold;font-style:normal}
.score-total{display:flex;justify-content:space-between;align-items:center;background:#252746;color:white;padding:16px;border:3px solid var(--ink)}.score-total b{font-size:28px;color:var(--gold)}.score-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.score-breakdown div{display:flex;justify-content:space-between;background:white;border:1px solid #c8c3b6;padding:7px;font-size:11px}.score-breakdown b{color:#2b8b66}

/* Panel content */
.section-lead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-lead b,.section-lead span{display:block}.section-lead b{font-size:16px}.section-lead span{font-size:10px;color:#77768c;margin-top:3px}.data-pill{background:#252746!important;color:white!important;padding:7px 10px!important;margin:0!important}.hire-console{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;padding:10px;background:#ede4ce;margin-bottom:15px}.hire-console select{background:white}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.game-card{background:white;border:2px solid var(--ink);padding:13px;box-shadow:3px 3px 0 #b7ad99}.employee-card{display:flex;gap:12px}.mini-avatar{min-width:52px;height:60px;background:#a6d9ce;border:2px solid var(--ink);position:relative}.mini-avatar::before{content:"";position:absolute;left:15px;top:8px;width:18px;height:17px;background:#dca57c;border:2px solid var(--ink)}.mini-avatar i{position:absolute;left:10px;right:10px;bottom:5px;height:24px;background:#5c61aa;border:2px solid var(--ink)}.mini-avatar.role-design i{background:#e4777b}.mini-avatar.role-pm i{background:#daa642}.card-main{min-width:0;flex:1}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title>span{background:#252746;color:white;padding:3px 5px;font-size:9px}.game-card p{margin:4px 0 8px;color:#66687d;font-size:10px}.meter-row{display:flex;align-items:center;gap:7px;font-size:9px}.meter-row>i{height:8px;flex:1;background:#dedad0;border:1px solid var(--ink)}.meter-row em{display:block;height:100%;background:var(--mint)}.card-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;font-size:9px}.card-actions{display:flex;gap:7px;margin-top:10px}.project-rank{color:#d89621;font-size:10px}.status{font-size:9px;padding:3px 5px}.status.available{background:#d7f1dc;color:#247447}.status.in_progress{background:#fff0bb;color:#806000}.status.completed{background:#dbe7ff;color:#3c5392}.project-money{font-size:22px;font-weight:900;color:#2f8a65;margin:10px 0}.project-card>.pixel-btn{width:100%;margin-top:12px}
.office-hero{background:#d9c192;border:3px solid var(--ink);padding:18px;display:flex;align-items:center;gap:18px}.office-pixel{font-size:75px}.office-hero span,.office-hero h3,.office-hero p{display:block;margin:3px 0}.office-hero span{font-size:10px;color:#6c5b52}.bond-panel{display:flex;gap:17px;align-items:center;margin-top:15px;padding:18px;background:white}.bond-orb{font-size:60px}.bond-panel h3{margin:3px 0}.bond-panel p{font-size:11px;color:#68697d}
.split-tabs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.split-tabs>section{min-width:0}.shop-list{display:grid;gap:8px}.shop-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;background:white;border:2px solid var(--ink);padding:9px}.shop-item b,.shop-item span{display:block}.shop-item span{font-size:9px;color:#717286;margin-top:3px}.shop-item strong{font-size:11px;color:#2d8964}.shop-item.owned{background:#dff2de}.brand-console{background:#252746;color:white;border:3px solid var(--ink);padding:18px;text-align:center;margin-bottom:14px}.brand-console span,.brand-console b,.brand-console strong{display:block}.brand-console b{font-size:25px;color:var(--gold);margin:7px}.brand-console strong{font-size:11px;color:#7ce0cd}
.funding-hero{display:grid;grid-template-columns:220px 1fr;gap:20px;background:#252746;color:white;padding:18px;border:3px solid var(--ink);margin-bottom:15px}.funding-hero>div{text-align:center}.funding-hero span,.funding-hero b,.funding-hero small{display:block}.funding-hero b{font-size:44px;color:var(--gold)}.funding-hero p{font-size:11px;line-height:1.7}.funding-list{display:grid;gap:9px}.funding-round{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;background:white;border:2px solid var(--ink);padding:10px}.round-badge{font-weight:900;text-align:center;background:#e8d477;padding:10px;border:2px solid var(--ink)}.funding-round b,.funding-round span{display:block}.funding-round span{font-size:9px;color:#747488;margin-top:4px}.funding-round.done{opacity:.65}
.advisor-room{display:flex;gap:18px;align-items:center;background:#27264d;color:white;border:3px solid var(--ink);padding:18px}.ai-orb{font-size:70px;color:#67ead6;text-shadow:0 0 16px #5be0d2}.advisor-online{font-size:10px;color:#6fe3d2}.advisor-online i{display:inline-block;width:7px;height:7px;background:#64db7e;margin-right:5px}.advisor-room h3{font-size:22px;margin:7px 0}.advisor-room p{font-size:11px;color:#b8b9d5}.advisor-answer{min-height:130px;background:white;border:2px solid var(--ink);padding:15px;line-height:1.7;white-space:pre-wrap;margin:14px 0}.advisor-input{display:grid;grid-template-columns:1fr auto;gap:9px}.advisor-input textarea{min-height:90px;resize:vertical}
.loading-pixels,.empty-state{text-align:center;padding:35px;color:#77768a}.loading-pixels i{display:inline-block;width:9px;height:9px;background:var(--violet);margin:0 3px;animation:pixelLoad .8s steps(2) infinite}.loading-pixels i:nth-child(2){animation-delay:.2s}.loading-pixels i:nth-child(3){animation-delay:.4s}@keyframes pixelLoad{50%{transform:translateY(-8px);background:var(--gold)}}

/* Ranking */
.ranking-card{width:min(880px,96vw)}.ranking-list{margin-top:14px}.ranking-head,.ranking-row{display:grid;grid-template-columns:55px 2fr 1fr 80px 100px;gap:8px;align-items:center}.ranking-head{background:#252746;color:white;padding:8px;font-size:10px}.ranking-row{background:white;border:2px solid var(--ink);border-top:0;padding:10px}.ranking-row.mine{background:#fff0b9}.ranking-row>span>strong,.ranking-row>span>small{display:block}.ranking-row small{color:#76768a;margin-top:3px}.ranking-row>strong:last-child{text-align:right;color:#7556c8;font-size:17px}
.scoring-rules{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.scoring-rules span{background:#eee5cf;border:2px solid var(--ink);padding:7px 5px;text-align:center;font-size:9px;font-weight:bold}

.toast-stack{position:fixed;right:18px;top:90px;z-index:5000;width:min(360px,88vw)}.toast{background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:11px;display:flex;gap:10px;align-items:center;margin-bottom:10px;transform:translateX(120%);transition:transform .22s}.toast.show{transform:translateX(0)}.toast>span{display:grid;place-items:center;min-width:25px;height:25px;background:var(--cyan);border:2px solid var(--ink);font-weight:bold}.toast.success>span{background:var(--mint)}.toast.error>span{background:var(--red);color:white}.toast.locked>span{background:var(--gold)}.toast p{margin:0;font-size:11px;line-height:1.5}

@media (max-width: 1050px) {
    .brand-lockup{min-width:150px}.brand-lockup strong{font-size:14px}.hud-stats{grid-template-columns:repeat(2,1fr)}.topbar{align-items:stretch}.building .sign{font-size:8px}.game-layout{grid-template-columns:205px minmax(0,1fr)}
}
@media (max-width: 780px) {
    .game-shell{padding:7px}.topbar{flex-wrap:wrap}.brand-lockup{flex:1}.hud-stats{order:3;width:100%;flex-basis:100%}.game-layout{display:block}.mission-board{min-height:auto;margin-bottom:10px}.unlock-track{display:grid;grid-template-columns:1fr 1fr}.map-help{display:none}.world-map{height:540px}.world-toolbar{font-size:9px}.building.talent{width:29%}.building.projects{width:30%}.building.lab{left:55%;width:20%}.building.advisor{left:54%;width:21%}.building.finance{width:24%}.mobile-controls{display:grid;position:absolute;right:9px;bottom:8px;z-index:30;place-items:center}.mobile-controls div{display:flex}.mobile-controls button{width:38px;height:34px;border:2px solid var(--ink);background:rgba(255,249,233,.85);font-weight:bold}.command-dock{align-items:stretch}.dock-copy{display:none}.next-day{width:100%}.split-tabs{grid-template-columns:1fr}.decision-options{grid-template-columns:1fr}.hire-console{grid-template-columns:1fr}.advisor-input{grid-template-columns:1fr}.funding-hero{grid-template-columns:1fr}.ranking-head,.ranking-row{grid-template-columns:40px 1.6fr 60px 80px}.ranking-head span:nth-child(3),.ranking-row span:nth-child(3){display:none}.function-panel{height:92vh}.score-breakdown{grid-template-columns:1fr}.scoring-rules{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 480px) {
    .hud-chip{padding:5px}.top-actions .compact{font-size:9px}.building .sign{font-size:7px;padding:2px}.building.finance .pillars{font-size:14px}.building.office{width:35%}.building.advisor{width:24%}.section-lead{align-items:flex-start;gap:8px}.data-pill{font-size:8px!important}.card-grid{grid-template-columns:1fr}.modal-card{padding:17px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.ranking-head,.ranking-row{grid-template-columns:35px 1.5fr 55px 65px;font-size:9px}
}

/* ========== Economy, products and founder expansion ========== */
.hud-chip.clickable { cursor:pointer; text-align:left; font-family:inherit; color:inherit; }
.hud-chip.clickable:hover { background:#fff1b8; transform:translateY(-1px); }
.finance-mini button { width:100%; display:flex; justify-content:space-between; border:0; border-bottom:1px dashed #aaa4a1; background:transparent; padding:7px 0; font-size:11px; cursor:pointer; color:inherit; }
.finance-mini button:hover { color:var(--violet); }

/* More architectural facades */
.building { background-image:repeating-linear-gradient(0deg,transparent 0 13px,rgba(25,25,45,.13) 13px 15px); }
.building::after { content:""; position:absolute; left:-5px; right:-5px; bottom:-7px; height:6px; background:#454958; border:2px solid var(--ink); }
.building .window { background:linear-gradient(135deg,#d5ffff 0 45%,#68b7c9 46% 100%); box-shadow:inset 3px 3px rgba(255,255,255,.45),0 0 0 2px rgba(20,22,45,.12); }
.building.talent { left:2%; width:21%; }
.building.product { left:27%; top:18%; width:16%; height:21%; background-color:#d87473; }
.building.product::before { content:""; position:absolute; left:-5%; right:-5%; top:-12%; height:14%; background:#884a64; border:3px solid var(--ink); }
.building.product .floor-lines { position:absolute; inset:38% 8% 24%; border-top:3px solid rgba(35,35,55,.3); border-bottom:3px solid rgba(35,35,55,.3); }
.building.lab { left:58%; width:14%; }
.building.projects { right:2%; width:24%; }
.building.office { left:2%; width:27%; bottom:5%; }
.building.video { left:32%; bottom:5%; width:16%; height:23%; background-color:#4f739b; }
.building.video::before { content:""; position:absolute; left:8%; right:8%; top:-10%; height:12%; background:#293a5b; border:3px solid var(--ink); }
.building.video .screen { position:absolute; left:27%; right:27%; top:38%; bottom:25%; display:grid; place-items:center; background:#16172d; color:#5ef0db; border:3px solid var(--ink); font-size:20px; text-shadow:0 0 8px #5ef0db; }
.building.advisor { left:53%; width:14%; bottom:5%; }
.building.finance { right:2%; width:22%; bottom:5%; }

/* Richer pixel characters */
.pixel-person { width:30px; height:48px; filter:drop-shadow(3px 5px 0 rgba(20,21,40,.28)); }
.pixel-person .shadow { position:absolute; left:2px; bottom:-4px; width:27px; height:7px; background:rgba(20,21,40,.25); border-radius:50%; }
.pixel-person .head { left:7px; top:5px; width:17px; height:16px; background:#e6aa7e; border:2px solid var(--ink); box-shadow:inset 3px 0 #f2c19b; }
.pixel-person .hair { left:5px; top:1px; width:21px; height:9px; background:#403047; border:2px solid var(--ink); clip-path:polygon(0 0,100% 0,100% 72%,80% 72%,80% 100%,56% 70%,32% 100%,23% 67%,0 67%); }
.pixel-person .face { position:absolute; left:11px; top:12px; width:3px; height:3px; background:var(--ink); box-shadow:8px 0 var(--ink),4px 5px #ae625a; z-index:2; }
.pixel-person .body { left:5px; top:20px; width:21px; height:18px; background:linear-gradient(90deg,#554cc0 0 20%,#7068dd 20% 80%,#554cc0 80%); border:2px solid var(--ink); }
.pixel-person .body::after { content:""; position:absolute; left:8px; top:0; width:3px; height:14px; background:#f1e4d3; }
.pixel-person .arm { position:absolute; top:23px; width:6px; height:15px; background:#e6aa7e; border:2px solid var(--ink); z-index:-1; }
.pixel-person .arm.left { left:1px; }.pixel-person .arm.right { right:0; }
.pixel-person .leg { top:37px; width:9px; height:11px; background:#282b48; }
.pixel-person .leg.left { left:5px; }.pixel-person .leg.right { right:4px; }
.pixel-person.walking .arm.left { transform:translateY(2px); }.pixel-person.walking .arm.right { transform:translateY(-2px); }
.pixel-person.walking .leg.left { transform:translateY(-3px); }.pixel-person.walking .leg.right { transform:translateY(2px); }
.pixel-person .name-tag { bottom:53px; padding:3px 6px; font-size:8px; max-width:145px; overflow:hidden; text-overflow:ellipsis; }
.pixel-person.employee .body { background:linear-gradient(90deg,#23887e 0 20%,#43bdb0 20% 80%,#23887e 80%); }
.pixel-person.employee-1 .body { background:linear-gradient(90deg,#b84f56 0 20%,#e0776b 20% 80%,#b84f56 80%); }
.pixel-person.employee-2 .body { background:linear-gradient(90deg,#a97727 0 20%,#d8a647 20% 80%,#a97727 80%); }
.pixel-person.employee-3 .body { background:linear-gradient(90deg,#435d99 0 20%,#708ac8 20% 80%,#435d99 80%); }
.pixel-person.employee-4 .body { background:linear-gradient(90deg,#784c83 0 20%,#ab6db0 20% 80%,#784c83 80%); }

/* Ledger */
.cash-overview { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:20px; }
.cash-overview>div { background:#252746; color:white; border:3px solid var(--ink); padding:15px; box-shadow:3px 3px 0 #928a7d; }
.cash-overview span,.cash-overview b { display:block; }.cash-overview span{font-size:10px;color:#bfc1dc}.cash-overview b{font-size:24px;margin-top:6px;color:var(--gold)}.cash-overview b.positive{color:#72e3a0}.cash-overview b.negative{color:#ff8b8b}
.expense-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:22px; }
.expense-cards>div { background:white; border:2px solid var(--ink); padding:11px; }.expense-cards span,.expense-cards b,.expense-cards small{display:block}.expense-cards span{font-size:10px}.expense-cards b{font-size:18px;margin:6px 0}.expense-cards small{font-size:8px;color:#777}.expense-cards .total{background:#fff0b9}
.ledger { display:grid; gap:5px; }.ledger-row{display:grid;grid-template-columns:65px 90px 1fr 105px 105px;gap:8px;align-items:center;background:white;border:2px solid #c6c0b2;padding:8px;font-size:10px}.ledger-row.income{border-left:5px solid #49b87b}.ledger-row.expense{border-left:5px solid #db6570}.ledger-row b{text-align:right}.ledger-row.income b{color:#248b5b}.ledger-row.expense b{color:#b83f4c}.ledger-row small{text-align:right;color:#777}.ledger-category{background:#e9e3d5;padding:3px;text-align:center}.ledger-day{font-weight:bold}

/* Product center */
.product-economics { display:grid;grid-template-columns:1fr auto auto 1fr auto;gap:10px;align-items:center;background:#252746;color:white;border:3px solid var(--ink);padding:13px;margin-bottom:18px}.product-economics b,.product-economics span{display:block}.product-economics span{font-size:9px;color:#bdc0db;margin-top:4px}.product-economics strong{color:var(--gold);font-size:10px}.product-economics i{font-style:normal;background:#ef7b61;border:2px solid var(--ink);padding:5px}
.product-active-list{display:grid;gap:9px;margin-bottom:20px}.active-product{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;background:white;border:3px solid var(--ink);padding:12px;box-shadow:3px 3px #b8ae9b}.active-product.launched{background:#e4f4dc}.product-icon,.catalog-icon{display:grid;place-items:center;font-size:36px;width:56px;height:56px;background:#e9dfc8;border:2px solid var(--ink)}.product-kpis{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.product-kpis span{background:#eee7da;border:1px solid #b8af9f;padding:5px;font-size:9px}.product-kpis b{color:#5350ad}.active-product p{font-size:9px;color:#727387}
.product-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.catalog-product{background:white;border:3px solid var(--ink);padding:14px;box-shadow:3px 3px #b8ae9b}.catalog-product.blocked{background:#e7e2d8}.catalog-product h4{margin:8px 0;font-size:15px}.catalog-product p{font-size:10px;line-height:1.55;color:#66697f;min-height:46px}.catalog-kpis{display:grid;grid-template-columns:1fr 1fr;gap:5px}.catalog-kpis span{background:#eee8dc;border:1px solid #c2baaa;padding:5px;font-size:9px}.catalog-product>small{display:block;margin:9px 0;font-size:9px}.catalog-product .missing{background:#ffe0dd;color:#a33d49;padding:6px;font-size:9px}.ready-label{background:#dcf1d7;color:#27704b;padding:6px;font-size:9px}.catalog-product .pixel-btn{width:100%;margin-top:10px}

/* Video center */
.video-studio{display:grid;grid-template-columns:210px 1fr;gap:18px;background:#252746;color:white;border:3px solid var(--ink);padding:15px}.studio-screen{height:130px;background:#10111f;border:5px solid #575b71;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 22px #235c66}.studio-screen>b{font-size:48px;color:#61e8d4}.studio-screen>span{position:absolute;left:8px;top:7px;color:#ff6d75;font-size:9px}.video-studio h3{font-size:20px}.video-studio p{font-size:10px;color:#bfc2dc;line-height:1.6}.crew-check{display:flex;flex-wrap:wrap;gap:6px}.crew-check span{background:#4a4b62;color:#aaa;padding:6px;font-size:9px;border:1px solid #16172d}.crew-check span.ok{background:#245c4a;color:#72e3a0}.video-console{display:grid;grid-template-columns:1fr auto;gap:9px;background:#e9dfcb;padding:12px;margin:14px 0}.video-console select{border:2px solid var(--ink);padding:10px;background:white}.video-history{display:grid;gap:6px}.video-history>div{display:grid;grid-template-columns:70px 1fr auto;gap:10px;background:white;border:2px solid #beb7aa;padding:9px;font-size:10px}.video-history strong{color:#2b8c68}

/* Founder */
.founder-header{display:grid;grid-template-columns:80px 1fr 120px;gap:15px;align-items:center;background:#252746;color:white;border:3px solid var(--ink);padding:16px}.founder-portrait{width:70px;height:80px;background:#dcb07c;border:3px solid var(--ink);position:relative}.founder-portrait::before{content:"";position:absolute;left:17px;top:10px;width:32px;height:30px;background:#e6aa7e;border:3px solid var(--ink)}.founder-portrait i{position:absolute;left:10px;right:10px;bottom:5px;height:35px;background:#685bd1;border:3px solid var(--ink)}.founder-header h3{font-size:23px;margin:4px 0}.founder-header p{font-size:10px;color:#c2c4dc;line-height:1.6}.founder-header>strong{font-size:36px;color:var(--gold);text-align:center}.founder-header>strong small{display:block;font-size:8px;color:white}.founder-stats{display:grid;gap:8px;margin:14px 0}.founder-stats article{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;background:white;border:2px solid var(--ink);padding:10px}.founder-stats article>span{font-size:28px}.founder-stats b,.founder-stats small{display:block}.founder-stats small{font-size:9px;color:#747488;margin:3px 0}.stat-pips{display:flex;gap:3px}.stat-pips i{width:18px;height:7px;background:#d6d2c9;border:1px solid #777}.stat-pips i.filled{background:var(--cyan)}.skill-tree{display:grid;gap:8px}.skill-tree article{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:#eee8dc;border:2px solid var(--ink);padding:10px}.skill-tree article.learned{background:#ddf0d8}.skill-node{display:grid;place-items:center;width:42px;height:42px;background:#544e9e;color:white;border:3px solid var(--ink);font-size:20px}.skill-tree b,.skill-tree p,.skill-tree small{display:block}.skill-tree p{font-size:9px;color:#6d6e82}.skill-tree small{font-size:8px}

@media (max-width:780px){
    .cash-overview{grid-template-columns:1fr}.expense-cards{grid-template-columns:1fr 1fr}.ledger-row{grid-template-columns:55px 1fr 85px}.ledger-row .ledger-category,.ledger-row small{display:none}.product-economics{grid-template-columns:1fr}.product-economics i{display:none}.product-catalog{grid-template-columns:1fr}.active-product{grid-template-columns:50px 1fr}.active-product>.small-btn{grid-column:1/3}.video-studio{grid-template-columns:1fr}.video-console{grid-template-columns:1fr}.founder-header{grid-template-columns:65px 1fr}.founder-header>strong{grid-column:1/3}.building.product{left:25%;width:18%}.building.video{left:30%;width:19%}.building.advisor{left:51%;width:17%}
}

/* Gameplay clarity and compact single-screen shell */
.founder-reminder{width:100%;margin:10px 0 2px;padding:9px;text-align:left;border:2px solid var(--ink);background:#fff0a8;box-shadow:3px 3px 0 var(--ink);cursor:pointer;font-family:inherit;animation:reminderPulse 1.5s steps(2) infinite}.founder-reminder span,.founder-reminder b,.founder-reminder small{display:block}.founder-reminder span{font-size:8px;color:#7258bd}.founder-reminder b{font-size:11px;margin:3px 0}.founder-reminder small{font-size:8px;color:#676477}.icon-btn.attention{background:var(--gold);animation:reminderPulse 1.5s steps(2) infinite}@keyframes reminderPulse{50%{filter:brightness(1.12);transform:translateY(-1px)}}
.project-how{display:flex;gap:12px;align-items:center;background:#252746;color:white;border:3px solid var(--ink);padding:10px 12px;margin-bottom:12px}.project-how b{color:var(--gold);white-space:nowrap}.project-how span{font-size:10px;line-height:1.5}.project-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.project-requirements,.assigned-team{background:#f1ecdf;border:1px solid #b9b1a1;padding:7px;margin:7px 0}.project-requirements b,.project-requirements span,.project-requirements small,.assigned-team b,.assigned-team span{display:block}.project-requirements b,.assigned-team b{font-size:9px}.project-requirements span,.assigned-team span{font-size:9px;line-height:1.5;margin-top:3px}.project-requirements small{font-size:8px;margin-top:4px}.project-requirements .missing{color:#b83f4c}.project-requirements .ready{color:#247447}.project-card .meter-row{flex-wrap:wrap}.project-card .meter-row>small{width:100%;color:#6b6c80}.project-card>.pixel-btn:disabled{opacity:.62}
.mood{margin-top:6px}.mood em{background:#f0ba55}.mood small{font-size:8px;white-space:nowrap}.culture-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.culture-kpis>div{background:white;border:2px solid var(--ink);padding:10px}.culture-kpis span,.culture-kpis b,.culture-kpis small{display:block}.culture-kpis span{font-size:9px}.culture-kpis b{font-size:20px;margin:4px 0;color:var(--violet)}.culture-kpis small{font-size:8px;color:#747488}.bond-pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px}.bond-pair{background:white;border:2px solid #bbb3a5;padding:8px}.bond-pair span,.bond-pair b,.bond-pair small{display:block}.bond-pair span{font-size:9px}.bond-pair b{margin:4px 0;font-size:11px}.bond-pair small{font-size:8px;color:#6d6e82}.empty-state.compact{padding:14px}
.expense-cards{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.expense-cards>div{min-width:0}.expense-cards .total{border-color:#b68d24}

@media (min-width:781px) {
    .game-shell{height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:8px}
    .topbar{min-height:58px}
    .game-layout{margin-top:0;min-height:0;height:auto}
    .mission-board{min-height:0;height:100%;overflow:hidden;padding:12px}
    .world-wrap{display:flex;flex-direction:column;min-height:0;height:100%}
    .world-map{height:auto;min-height:0;flex:1}
    .command-dock{margin-top:0;min-height:48px;padding:6px 12px}
    .next-day{padding:9px 18px}
}
@media (min-width:781px) and (max-height:760px) {
    .topbar{min-height:52px;padding:6px 10px;gap:10px}.brand-mark{font-size:25px}.brand-lockup strong{font-size:15px}.hud-chip{padding:4px 7px}.icon-btn{width:34px;height:34px}.pixel-btn.compact{padding:7px 9px}
    .mission-board h2{font-size:15px;margin:5px 0}.mission-board>p{font-size:10px;line-height:1.45;margin:5px 0}.panel-kicker{font-size:8px}.unlock-track{margin-top:8px}.unlock-step{padding:5px;gap:6px}.unlock-step>span{font-size:15px}.unlock-step b,.unlock-step small{font-size:8px}.finance-mini{margin-top:8px;padding-top:5px}.finance-mini button,.finance-mini div{padding:4px 0}.map-help{display:none}.founder-reminder{margin:6px 0;padding:6px}.founder-reminder small{display:none}
    .world-toolbar{height:30px}.command-dock{min-height:42px}.dock-copy b{font-size:11px}.dock-copy span{font-size:8px}
}