/* The user's second direction adds data-rich cards and motion to the reference's FUI menu language. */
.no-guidance .detail-panel .note:not(.state-note),.no-guidance .detail-panel .microcopy{display:none}
.game-header{width:min(1500px,calc(100% - 80px));padding-top:6vh}.game-body{width:min(1480px,calc(100% - 80px));grid-template-columns:224px 184px minmax(0,1fr);gap:30px;padding-top:6vh;padding-bottom:20px}.game-header h1{font-size:36px}.menu-button{font-size:22px;padding-left:26px}.secondary-menu .menu-button{font-size:18px;padding-left:19px;letter-spacing:1px}.menu-index{left:28px}.game-footer{padding-top:22px;padding-bottom:24px}.detail-panel{letter-spacing:.3px;padding-right:12px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.workspace-heading .context{margin-bottom:3px}.workspace-heading .detail-title{margin:0;font-size:29px}.status-light{font-size:9px;letter-spacing:1.3px;color:#8dafaa;display:flex;align-items:center;gap:8px;white-space:nowrap}.status-light i{width:5px;height:5px;background:#8ac8a3;box-shadow:0 0 8px #8ac8a34d;animation:signal-pulse 3s infinite}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{position:relative;border:1px solid #314850;background:linear-gradient(120deg,#15272e9c,#091318d6);padding:15px 17px 12px;min-width:0;overflow:hidden}.metric-card:before{content:'';position:absolute;left:0;top:13px;width:2px;height:22px;background:#96bec270}.metric-label{display:block;font-size:9px;letter-spacing:1.2px;color:#8aa4a8}.metric-value{display:block;font-family:Rajdhani;font-size:29px;font-weight:600;line-height:1.4;color:#dce8df;white-space:nowrap;animation:value-in .5s ease-out}.metric-card small{display:block;font-size:10px;color:#768f97;line-height:1.4}.metric-card:first-child .metric-value{color:var(--amber)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.intel-card{position:relative;padding:19px 21px;border:1px solid #30474f;background:linear-gradient(135deg,#112229d9,#091319d9);min-width:0}.intel-card:after{content:'';position:absolute;right:-1px;top:-1px;width:10px;height:10px;border-right:2px solid #63838b;border-top:2px solid #63838b;pointer-events:none}.intel-card h3{font-family:Rajdhani;font-weight:600;font-size:23px;letter-spacing:.6px;line-height:1.2;color:#d5e3db}.intel-card>p:not(.context):not(.microcopy){font-size:12px;color:#a2b9bf;line-height:1.8;margin-top:11px}.intel-card .context{font-size:9px;margin-bottom:6px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-heading .context{margin:0 0 2px}.card-heading h3{font-size:22px}.chart-period{display:flex;gap:3px;flex-shrink:0}.chart-period button{font-size:10px;border:1px solid transparent;background:transparent;padding:5px 7px;color:#7c9a9e}.chart-period button.active{color:var(--amber);border-color:#826b366e;background:#76572118}.chart-period button:hover{color:var(--amber)}.chart-value{font-family:Rajdhani;font-size:29px;font-weight:600;margin-top:5px;line-height:1.5}.chart-value>span{font:10px ShareTech;color:var(--good);margin-left:16px;white-space:nowrap}.chart-plot{height:152px;position:relative}.chart-plot svg{width:100%;height:100%;overflow:visible}.chart-grid{fill:none;stroke:#2d434b;stroke-width:.75;opacity:.62}.chart-fill{fill:#d5a3480d}.chart-line{fill:none;stroke:var(--amber);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:draw-line 1.1s cubic-bezier(.25,.4,.3,1) both}.chart-point{fill:#d6af64;opacity:0;transition:opacity .2s}.chart-plot:hover .chart-point{opacity:1}.chart-live{fill:var(--amber);stroke:#071014;stroke-width:2}.chart-empty{position:absolute;top:32%;left:17%;right:8%;text-align:center;font-size:11px;line-height:1.8;color:#708b93;pointer-events:none}.chart-axis{display:flex;justify-content:space-between;font-size:9px;color:#5d7a83;letter-spacing:1px}.sector-signal{margin-top:17px}.sector-signal>div:first-child{display:flex;justify-content:space-between;font-size:12px;line-height:1.2}.sector-signal strong{font-weight:400;color:var(--good);font-size:11px}.pulse-track{height:5px;background:#263d436b;margin-top:9px;position:relative}.pulse-track:after{content:'';height:9px;width:1px;background:#6d8d9280;position:absolute;left:50%;top:-2px}.pulse-track>span{position:absolute;height:100%;background:#86b8a4;transition:width .8s}.pulse-track>span.down{background:#c57e60}.microcopy{font-size:9px;letter-spacing:.4px;color:#748e96;line-height:1.7;margin-top:18px}.sector-card .microcopy{font-size:9px;line-height:1.6;margin-top:20px}
.opportunity-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-bottom:16px}.launch-card{border-top-color:#a7803c}.launch-card .actions{margin-top:18px}.launch-card .action{font-size:11px;padding:7px 11px;gap:12px}.progress-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin:15px 0 8px;color:#90a6ab}.progress-caption>span:first-child{color:var(--amber)}.meter>span{transition:width .65s ease-out}.contract-reward{font-family:Rajdhani;font-size:27px;line-height:1.4;color:var(--good);margin:8px 0}.contract-reward span{font:8px ShareTech;letter-spacing:1px;color:#748f97;margin-left:10px}.work-card .action{font-size:11px;margin-top:15px;min-height:35px}.work-card>p:not(.context){margin-top:0}.news-ribbon{display:flex;gap:20px;align-items:center;width:100%;padding:15px 18px;border:1px solid #30464b;background:#0d1d239c;text-align:left;font-size:12px;color:#b7cccc}.news-ribbon .news-tag{font-size:9px;letter-spacing:1.2px;color:var(--amber);border-right:1px solid #685331;padding-right:18px}.news-ribbon>span:nth-child(2){flex:1}.news-ribbon small{display:block;font-size:9px;color:#7d9b9d;margin-top:4px}.news-ribbon:hover{background:#172a30}.news-ribbon>span:last-child{color:var(--amber);font-size:18px}.company-chart .chart-plot{height:180px;margin-top:10px}.statement-bar{margin:18px 0}.statement-bar .data-row{font-size:12px;padding:2px 0 8px;min-height:0}.statement-bar .meter>span{background:var(--good)}.statement-bar .meter>span.expense{background:#c99067}.statement-bar~.data-row{font-size:12px}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-row{border:1px solid #30474f;background:#0e1d23b5;position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;padding:17px 18px;transition:transform .2s,border-color .2s,background .2s}.market-row:hover{transform:translateY(-2px);border-color:#ac8a45;background:#172a30}.market-row>span:first-child{font-family:Rajdhani;font-size:22px;font-weight:600;line-height:1.2;grid-column:1/-1}.market-row small{font-family:ShareTech;font-size:9px;letter-spacing:1px;line-height:1.5}.mini-spark{width:100%;min-width:0;height:55px}.mini-spark .chart-plot{height:55px}.mini-spark .chart-grid{display:none}.mini-spark .chart-line{stroke:#8fb5b0;stroke-width:1.3px}.mini-spark .chart-live{r:3;fill:#8fb5b0}.mini-spark .chart-fill{fill:#8fb5b008}.market-price{font-size:13px;align-self:center}.empty-state{padding:30px}.empty-state .action{margin-top:20px}.detail-panel>div>.candidate,.detail-panel>div>.news-item{background:#0f2026a6;border:1px solid #30474f;margin:13px 0;padding:20px 23px}.candidate h3{font-weight:600}.candidate .data-row{max-width:370px}.news-item h3{font-weight:600;font-size:27px}.news-item .news-effect{display:inline-block;border-left:2px solid #81baa0;background:#79aa900a;padding:9px 12px}.detail-panel>div:has(>.local-tabs)>.context{margin-top:0}.detail-panel .local-tabs{gap:25px}.detail-panel .local-tabs button{font-size:13px}.detail-panel>div:has(>.field)> .field{max-width:620px}.page-enter{animation:panel-enter .35s ease-out both}.primary-menu .menu-slot{animation:menu-enter .35s ease-out both}.primary-menu .menu-slot:nth-child(2){animation-delay:.04s}.primary-menu .menu-slot:nth-child(3){animation-delay:.08s}.primary-menu .menu-slot:nth-child(4){animation-delay:.12s}.primary-menu .menu-slot:nth-child(5){animation-delay:.16s}.primary-menu .menu-slot:nth-child(6){animation-delay:.2s}.dialog{animation:dialog-enter .22s ease-out}.action{transition:transform .18s,background .18s,border-color .18s}.action:hover:not(:disabled){transform:translateY(-1px)}
.setup-screen{position:fixed;inset:0;z-index:30;background:radial-gradient(ellipse at 15% 15%,#20383dd9,transparent 60%),#071014f5;display:flex;align-items:center;justify-content:center;padding:40px;overflow:auto;backdrop-filter:blur(10px)}.setup-shell{width:1100px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid #385059;background:#071216ed;position:relative;animation:dialog-enter .5s ease-out}.setup-shell:before{content:'';height:3px;background:var(--amber);width:130px;position:absolute;left:0;top:-1px}.setup-intro{padding:50px 43px;border-right:1px solid #2a424a;background:linear-gradient(125deg,#1d323957,#09141a)}.setup-intro .context{font-size:10px;letter-spacing:2px}.setup-intro h2{font-family:Rajdhani;font-size:45px;font-weight:500;line-height:1.12;letter-spacing:.3px;margin:35px 0 20px;color:#d5e1dc}.setup-intro h2 em{font-style:normal;color:var(--amber)}.setup-intro>p:not(.context){font-size:13px;line-height:1.9;color:#8fa8af;max-width:370px}.journey-steps{list-style:none;padding:0;margin:40px 0 0}.journey-steps li{display:flex;align-items:center;gap:21px;position:relative;padding:0 0 32px}.journey-steps li:not(:last-child):after{content:'';position:absolute;left:17px;top:33px;bottom:0;width:1px;background:#385056}.journey-steps b{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid #3c545e;font-size:13px;font-weight:400;color:var(--amber)}.journey-steps span{font-family:Rajdhani;font-weight:600;font-size:21px;letter-spacing:.5px}.journey-steps small{display:block;font:11px ShareTech;color:#809ba5;margin-top:5px;letter-spacing:0}.setup-options{padding:36px 37px}.setup-options .field{margin:12px 0 24px}.field-caption{font-size:12px;color:#9bb4b9;margin:22px 0 12px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.choice-card{border:1px solid #344b53;background:#102027;text-align:left;padding:13px 12px}.choice-card strong{display:block;font-family:Rajdhani;font-size:21px;font-weight:600;white-space:nowrap}.choice-card small{font-size:10px;color:#819ca4;display:block;margin-top:4px}.choice-card.active{border-color:#cb9b46;background:#72531f17;color:var(--amber)}.choice-card:hover{border-color:#baa064}.goal-choices{display:grid;gap:9px}.goal-choice{display:flex;align-items:center;gap:14px;width:100%;background:#0d1c21;border:1px solid #2c424a;text-align:left;padding:13px 15px}.goal-choice strong{font-family:Rajdhani;font-weight:600;font-size:20px;display:block;line-height:1.2}.goal-choice small{display:block;font-size:10px;line-height:1.6;color:#78959e;margin-top:5px}.radio-mark{width:11px;height:11px;border:1px solid #5a757e;flex-shrink:0}.goal-choice.active{border-color:#9c7b3e;background:#83632614}.goal-choice.active .radio-mark{border-color:var(--amber);background:var(--amber);box-shadow:inset 0 0 0 2px #17232a}.goal-choice.active strong{color:var(--amber)}.setup-error{font-size:11px;color:var(--bad);line-height:1.6;margin-top:14px}.setup-error:empty{display:none}.start-journey{width:100%;margin-top:23px;min-height:45px;padding:11px 17px}.setup-options>.microcopy{font-size:9px;margin-top:13px;text-align:center}.setup-options>.action:not(.start-journey){margin-top:10px}
@keyframes menu-enter{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes value-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-line{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes signal-pulse{0%,100%{opacity:1}50%{opacity:.4}}
@media(min-width:1700px){.game-header{width:1500px}.game-body{width:1480px;grid-template-columns:224px 184px minmax(0,1fr);gap:30px;padding-top:6vh}.menu-button{min-height:52px}.secondary-menu .menu-button{min-height:49px}}
@media(max-width:1400px) and (min-width:1001px){.game-body{width:calc(100% - 50px);grid-template-columns:190px 155px minmax(0,1fr);gap:23px}.game-header{width:calc(100% - 50px);padding-top:5vh}.menu-button{font-size:19px;letter-spacing:1px;padding:9px 15px}.secondary-menu .menu-button{font-size:16px;padding-left:13px}.game-body{padding-top:5vh}.metric-card{padding:12px}.metric-value{font-size:24px}.metric-label{font-size:8px}.metric-card small{font-size:9px}.intel-card{padding:16px}.chart-value{font-size:25px}.chart-value>span{display:block;margin-left:0}.chart-plot{height:125px}.opportunity-grid{grid-template-columns:1fr 1fr}.intel-card h3{font-size:21px}.launch-card .actions{gap:7px}.launch-card .action{font-size:10px}.status-light{font-size:8px}}
@media(max-width:1000px){.game-body{grid-template-columns:180px minmax(0,1fr);gap:24px}.game-header{padding-top:35px}.game-header h1{font-size:30px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:28px}.secondary-menu{grid-template-columns:repeat(2,1fr)}.secondary-menu .menu-button{font-size:16px}.dashboard-grid,.opportunity-grid{grid-template-columns:1fr}.chart-plot{height:175px}.sector-card{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.sector-card>.context,.sector-card>h3,.sector-card>.microcopy{grid-column:1/-1}.sector-card .sector-signal{margin-top:10px}.sector-card .microcopy{margin-top:10px}.setup-screen{padding:25px}.setup-intro{padding:35px 28px}.setup-options{padding:30px 25px}.setup-intro h2{font-size:35px}.choice-card strong{font-size:18px}.choice-card{padding:11px 8px}.market-grid{grid-template-columns:1fr}.detail-panel{padding-right:0}}
@media(max-width:700px){.game-header{width:calc(100% - 36px);padding-top:28px}.game-header h1{font-size:27px}.game-body{width:calc(100% - 36px);display:flex;padding-top:34px;gap:23px}.menu-button{font-size:15px;padding-left:10px}.menu-index{left:10px}.game-footer{padding:20px 18px}.workspace-heading{gap:12px}.workspace-heading .detail-title{font-size:26px}.workspace-heading .context{font-size:9px;max-width:210px}.status-light{font-size:8px;letter-spacing:.8px}.metric-card{padding:13px 14px}.metric-value{font-size:27px}.metric-grid{gap:9px}.metric-card small{font-size:9px}.intel-card{padding:17px}.chart-plot{height:150px}.chart-value{font-size:26px}.chart-value>span{font-size:9px;margin-left:12px}.card-heading h3{font-size:21px}.news-ribbon{gap:12px;padding:13px}.news-ribbon .news-tag{font-size:8px;padding-right:12px}.news-ribbon{font-size:11px}.news-ribbon small{font-size:9px}.setup-screen{padding:18px;align-items:flex-start}.setup-shell{grid-template-columns:1fr}.setup-intro{padding:27px 24px;border-right:0;border-bottom:1px solid #2a424a}.setup-intro h2{font-size:35px;margin:18px 0 12px}.setup-intro>p:not(.context){font-size:12px}.journey-steps{display:flex;margin:25px 0 0;gap:15px}.journey-steps li{display:block;padding:0;flex:1}.journey-steps li:after{display:none}.journey-steps b{width:26px;height:26px;font-size:10px;margin-bottom:9px}.journey-steps span{font-size:14px}.journey-steps small{display:none}.setup-options{padding:25px 22px}.setup-options>.context{margin-bottom:15px}.goal-choice strong{font-size:19px}.choice-card strong{font-size:20px}.choice-card small{font-size:9px}.choice-card{padding:12px 9px}.setup-options .field{margin-bottom:20px}.start-journey{margin-top:20px}.company-chart .chart-plot{height:160px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.menu-button{letter-spacing:1px;gap:6px;padding-right:14px;white-space:nowrap}.secondary-menu .menu-button{font-size:17px;letter-spacing:.8px}.wealth-card .chart-plot{height:115px}.sector-signal{margin-top:11px}.pulse-track{margin-top:6px}.sector-card .microcopy{margin-top:13px}.opportunity-grid .intel-card{padding:16px 19px}.opportunity-grid .intel-card>p:not(.context){font-size:11px;line-height:1.65}.opportunity-grid .intel-card h3{font-size:22px}.opportunity-grid .actions{margin-top:13px}.opportunity-grid .action{min-height:34px}.work-card .action{margin-top:12px}.progress-caption{margin-top:12px}.dashboard>.news-ribbon{margin-top:0}
@media(max-width:1400px) and (min-width:1001px){.secondary-menu .menu-button{font-size:15px;letter-spacing:.5px}.opportunity-grid .intel-card{padding:15px}.opportunity-grid .intel-card h3{font-size:20px}.wealth-card .chart-plot{height:105px}.metric-value{font-size:25px}}
@media(max-width:700px){.menu-button{white-space:normal;font-size:14px;letter-spacing:.4px}.secondary-menu .menu-button{font-size:16px}.wealth-card .chart-plot{height:150px}.opportunity-grid .intel-card{padding:18px}.opportunity-grid .intel-card h3{font-size:24px}}