/* Business War 5.2 — Visual Edition. No remote fonts or visual dependencies. */
:root{--ink:#202c39;--navy:#14212e;--navy-deep:#0f1924;--paper:#f4f3ef;--line:#e2e4e4;--muted:#64717d;--accent:#b94822;--accent-bright:#f7aa7e;--green:#18715d;--radius:16px;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss01"}
body{background:var(--paper);color:var(--ink);line-height:1.5}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{transition:background .16s,border-color .16s,box-shadow .16s;line-height:1.35}
button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
button:focus-visible,a:focus-visible{outline:3px solid #d06b42;outline-offset:3px}
.ui-icon{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}
h1,h2,h3{letter-spacing:-.035em}h1{font-weight:750}p{line-height:1.65}
.muted{color:var(--muted)}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.14em;font-weight:800}
.topbar{height:76px;background:var(--navy-deep);padding:0 30px;box-shadow:none;border-bottom:1px solid #ffffff10}
.brand{font-size:15px;letter-spacing:.13em;gap:12px}.brandmark{width:40px;height:40px;border-radius:11px;background:#f4a475;color:#192331;box-shadow:inset 0 0 0 1px #ffffff30}.brandmark .ui-icon{width:29px;height:29px;stroke-width:2.2}.brand small{color:#a5b1bd;font-size:10px;letter-spacing:.035em;font-weight:400;margin-top:4px}
.topmeta{gap:18px;font-size:12px}.alpha-badge{color:#fac49e;border:1px solid #f7aa7e40;background:#f7aa7e0c;font-size:9px;letter-spacing:.13em;padding:6px 10px}.pill{border-color:#ffffff20;font-size:11px}.bug-link{color:#aeb9c4;font-size:11px;text-decoration:none}
.primary{background:var(--accent);border:1px solid transparent;color:#fff;box-shadow:0 4px 10px #b9482219;font-weight:700;padding:12px 18px;border-radius:10px}.primary:hover:not(:disabled){background:#983b1b;box-shadow:0 5px 15px #b9482230}
.secondary{border:1px solid #d9dddf;background:#fff;color:#344351;font-weight:650;border-radius:10px}.secondary:hover:not(:disabled){background:#f4f3ef;border-color:#b7bfc5}.danger{border-radius:9px;background:#fff7f6;border-color:#ecccca;color:#ab382d}.mini{font-size:11px;min-height:30px}
.field label{font-size:11px;font-weight:650;letter-spacing:.01em;text-transform:none;color:#495662}.field input,.field select,.message-compose input,.message-compose select,.action-row input,.action-row select{background:#fff;border:1px solid #d5dadf;border-radius:9px;color:#253443;padding:11px 12px;box-shadow:0 1px 2px #14212e04}
.field input:focus,.field select:focus,.message-compose input:focus,.message-compose select:focus{border-color:#b94822;box-shadow:0 0 0 3px #b9482212;outline:none}input::placeholder{color:#87929c}
.page{max-width:1420px;padding:32px 40px}.panel,.section,.account-card,.open-alpha-card,.summary-card{border-color:var(--line);border-radius:var(--radius);box-shadow:0 3px 12px #15263803;background:#fff}
.section{padding:24px;margin-bottom:20px}.section h2{font-size:17px;letter-spacing:-.025em;color:var(--ink);font-weight:750;margin-bottom:18px}.section h3{font-size:13px;color:#475968}.section-title-row{gap:16px}
/* Home: two clear columns, one launch point. */
.home-shell .page{max-width:1440px;padding-top:36px}.home-layout{display:block}.home-main .hero{grid-template-columns:1.1fr 1fr;gap:0;align-items:stretch;margin:0;border:1px solid #dbe0e1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 15px 45px #14212e06}
.hero-copy{background:var(--navy);border-radius:0;padding:42px 46px 26px;min-height:0;display:flex;flex-direction:column}.hero-copy:after{display:none}.hero-copy .eyebrow{display:flex;align-items:center;gap:8px;color:#f6bc97;font-size:9px}.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#f6b383;box-shadow:0 0 0 4px #f6b3830c}
.hero h1{font-size:clamp(36px,3.85vw,58px);line-height:1.08;letter-spacing:-.058em;font-weight:720;margin:22px 0 18px;max-width:none}.hero-accent{color:#f3b38b}.hero p{font-size:14px;line-height:1.7;color:#bcc7d0;max-width:370px;margin:0}.features{margin:24px 0 0;gap:16px;padding-top:18px;border-top:1px solid #ffffff14}.feature{background:none;border:0;padding:0;font-size:10px;display:inline-flex;align-items:center;gap:6px;color:#b7c5ce;border-radius:0}.feature .ui-icon{width:15px;height:15px;color:#f3b38b}
.strategy-scene{height:178px;position:relative;margin:25px 0 0;overflow:hidden;border-bottom:1px solid #ffffff0d}.scene-grid{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:32px 32px;transform:perspective(280px) rotateX(52deg) rotateZ(-15deg);opacity:.8}.scene-block{position:absolute;bottom:23px;width:64px;transform:skewY(-12deg);border:1px solid #ffffff1a;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#354758,#233747);box-shadow:17px 10px 0 #0f1c29}.block-one{height:40px;right:205px}.block-two{height:80px;right:123px;background:linear-gradient(90deg,#8b6957,#564c48)}.block-three{height:128px;right:41px;background:linear-gradient(90deg,#f0b28b,#bf7953);box-shadow:17px 10px 0 #8c573c}.scene-caption{position:absolute;left:0;top:6px;z-index:1}.scene-caption span{display:block;color:#8497a7;letter-spacing:.2em;font-size:8px}.scene-caption strong{display:block;max-width:140px;font-size:13px;color:#dce3e8;font-weight:500;line-height:1.5;margin-top:5px}
.launch-panel{border:0;border-radius:0;box-shadow:none;padding:32px 36px;background:#fff}.launch-heading{margin-bottom:20px}.launch-heading h2{font-size:25px;line-height:1.15;margin:7px 0 0;color:#202c39;letter-spacing:-.045em}
.home-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.home-mode-card{position:relative;padding:14px 12px 12px;border:1px solid #e0e3e6;background:#fff;border-radius:11px;box-shadow:none}.home-mode-card>.ui-icon{color:#7b8894;width:21px;height:21px;margin-bottom:8px}.home-mode-card strong{font-size:13px;color:#374653}.home-mode-card small{font-size:10px;line-height:1.45;color:#64727d;min-height:29px}.home-mode-card.active{background:#fcf2eb;border-color:#d8a086;box-shadow:none}.home-mode-card.active strong,.home-mode-card.active>.ui-icon{color:#a64521}.home-mode-card.active:after{content:"";position:absolute;top:12px;right:11px;width:6px;height:6px;background:#b94822;border-radius:50%}
.mode-focus{border:0;border-left:2px solid #e4a383;border-radius:0;background:none;padding:0 0 0 13px;margin-bottom:20px}.mode-focus .eyebrow{display:none}.mode-focus h3{font-size:15px;margin:0 0 4px;letter-spacing:-.02em}.mode-focus p{font-size:12px;line-height:1.5;color:#65727e}.launch-panel .field{margin-bottom:14px}.launch-panel .field input,.launch-panel .field select{padding:10px 12px}.launch-panel .primary.full{margin-top:4px;min-height:46px}
.home-side{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.home-side .account-card{position:static;border-radius:16px;padding:26px;margin:0;box-shadow:none}.open-alpha-card{background:#ebece6;padding:26px;border:1px solid #e0e2d9;border-radius:16px;box-shadow:none;order:0}.open-alpha-card h2{font-size:24px;max-width:380px}.open-alpha-card p,.account-card>.muted{font-size:13px;line-height:1.6}.open-alpha-features{gap:8px}.home-side .feature{padding:6px 9px;border:1px solid #cfd4cb;border-radius:6px;background:none;font-size:10px;color:#52614d}.open-alpha-points{gap:0;margin-top:22px}.open-alpha-points>div{border:0;border-top:1px solid #d4d9cf;border-radius:0;background:none;padding:14px 0}.open-alpha-points small{color:#5f6e5a}.account-card .eyebrow{color:#8c5039;font-size:9px}.account-card h2{font-size:24px;letter-spacing:-.035em}.account-benefits{grid-template-columns:repeat(3,1fr);gap:8px}.account-benefits>div{padding:10px;background:#f6f6f3;border-color:#e8e9e4;border-radius:8px}.account-benefits strong{font-size:11px}.account-benefits small{font-size:10px;line-height:1.5}.google-button{border-radius:9px;box-shadow:none}.guest-note{background:#f5f5f1;border-color:#e4e5df;border-radius:9px;font-size:12px}.legal-footer{margin-top:15px;font-size:11px}.account-legal a,.legal-footer a{color:#57636c}
/* Navigation and work area */
.layout{grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{background:var(--navy);padding:24px 16px;position:sticky;top:0;height:100vh;max-height:100vh;border-right:1px solid #ffffff05}.company-badge{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;padding:16px;margin-bottom:16px}.company-monogram{display:grid;place-items:center;width:33px;height:33px;background:#f4b4881c;color:#efb08a;border:1px solid #f4b48820;border-radius:9px;font-size:11px;font-weight:750;letter-spacing:.05em;margin-bottom:12px}.company-badge strong{font-size:13px;letter-spacing:-.01em;overflow-wrap:anywhere}.company-badge span{font-size:10px;color:#9dabb9}
.nav{gap:4px}.nav-group{font-size:8px;color:#7f92a3;letter-spacing:.16em;margin:15px 12px 5px;font-weight:750}.nav button{position:relative;padding:11px 12px;gap:11px;color:#aebbc7;font-size:12px;border-radius:8px;line-height:1.4}.nav button>.ui-icon{width:17px;height:17px;color:#8b9dad;stroke-width:1.65}.nav button .nav-label{font-size:11px;color:inherit;line-height:1.45}.nav button:hover{background:#ffffff07;color:#fff}.nav button.active{background:#f4ae8115;color:#f7c4a1}.nav button.active>.ui-icon{color:#f5b58b}.nav button.active:before{content:"";width:3px;height:17px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#f4b48b;border-radius:3px}.nav-badge{background:#ae4320!important;box-shadow:none;font-size:9px!important}
.workspace{padding:30px 32px 48px;max-width:1700px}.workspace-header{margin-bottom:24px;align-items:center;gap:16px}.workspace-eyebrow{font-size:8px;color:#86919a;letter-spacing:.15em;font-weight:750;display:flex;gap:18px;margin-bottom:8px}.workspace-eyebrow span{color:#a14c2c;letter-spacing:.09em}.workspace-header h1{font-size:31px;line-height:1.15;margin-bottom:7px;letter-spacing:-.045em}.workspace-header .muted{font-size:11px}.badge{font-size:9px;font-weight:650;text-transform:none;letter-spacing:.01em;padding:6px 10px}.badge.wait{color:#945422;background:#f9ead9}.badge.ready{color:#19634f;background:#e2f0e9}.badge.host{color:#536b80;background:#eef2f6}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.metric{border:1px solid #e0e3e4;border-radius:12px;padding:18px 20px;background:#fff;min-width:0;box-shadow:0 2px 7px #17233703;position:relative}.metric>span{font-size:10px;letter-spacing:.015em;color:#687480;font-weight:600;text-transform:none}.metric strong{font-size:27px;line-height:1.2;letter-spacing:-.04em;font-weight:650;color:#233342;font-variant-numeric:tabular-nums;margin-top:9px}.metric em{font-size:10px;color:#6b7c80;margin-top:7px}.metric.valuation-metric{background:var(--navy);border-color:var(--navy)}.valuation-metric>span{color:#c6d2db}.valuation-metric strong{color:#f8d0b4}.valuation-metric em{color:#abbccb}.valuation-metric .info-icon{background:#ffffff12;color:#c6d2db;border-color:#ffffff25}.stockbar{height:5px;margin-top:11px;background:#eceeea}.stockbar>div{background:#7c9183}.cards .info-icon{width:15px;height:15px;font-size:9px;line-height:13px}
.content-grid{gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.table{font-size:12px;font-variant-numeric:tabular-nums}.table th{color:#6d7a85;background:#f7f8f6;border-bottom:1px solid #e2e6e5;padding:11px 12px;font-size:9px;letter-spacing:.055em;font-weight:650}.table td{padding:13px 12px;border-bottom:1px solid #eff0ed;color:#384857;line-height:1.45}.table tbody tr:hover{background:#fafaf7}.table tr.winner-row{background:#f1f5ee}.table tr.winner-row:hover{background:#e9f0e4}.table th:first-child{border-radius:7px 0 0 7px}.table th:last-child{border-radius:0 7px 7px 0}
.stock-tile,.stock-tile.product,.finance-grid>div,.spy-estimate>div,.solo-lobby-kpis>div{background:#f7f8f5;border:1px solid #e5e8e1;border-radius:9px;padding:13px}.stock-tile small{color:#778174;font-size:9px}.stock-tile strong{font-weight:650;letter-spacing:-.035em}.avatar{background:#edf0e9;color:#637358;border:1px solid #dde3d5;border-radius:10px;width:36px;height:36px;font-weight:650;font-size:13px}.player-row{padding:13px 0}.player-id small{font-size:11px}
.callout,.progress-note,.event{border-color:#dde5dd;background:#f2f6f0;color:#496453;border-radius:9px}.event{border-left:2px solid #78967e;padding:12px;font-size:12px}.trend-card{border-color:#e2e5e3;border-radius:12px;background:#fff}.trend-card-head strong{font-weight:650;letter-spacing:-.04em}.trend-spark{color:#617e6d}.trend-card.valuation .trend-spark{color:#b75a35}.forecast-main.safe{background:#edf3ed;border-color:#d5e2d7}.forecast-main strong{letter-spacing:-.04em}.decision-dock{border:1px solid #d9dfdb;background:#fff;box-shadow:0 3px 10px #14212e04;border-radius:12px;padding:12px 15px;margin-bottom:20px}.decision-dock-summary strong{font-size:13px;color:#253744}.decision-dock-actions{gap:8px}.decision-dock-actions .mini{padding:9px 14px;border-radius:8px;margin:0}.decision-dock-ok{background:#edf4ed;color:#3e6c4f}.decision-dock-warning{background:#fbecd9;color:#965e26}
.tab-intro{border:1px dashed #d7ddd9;background:#f6f7f3;box-shadow:none;border-radius:12px}.tab-intro-icon{background:#e7eadf;color:#667250}.global-draft{background:#fff;border-color:#d9ded9;border-top:3px solid #9d6d50}.draft-friendly-item{background:#f5f6f2;border-color:#e2e6db;color:#485648}.reuse-controls,.reuse-preview{background:#f6f7f4;border-color:#e1e5dc}.error{border:1px solid #f0ceca;border-radius:9px}
/* Conversations retain the original sticker artwork. */
.communication-layout{gap:20px}.messages-section{padding:24px}.message-list{padding:16px;background:#f5f6f3;border:1px solid #e6e8e1;border-radius:12px;max-height:520px}.message-bubble{border:1px solid #e3e7df;background:#fff;padding:14px 16px;border-radius:12px 12px 12px 3px;box-shadow:none;max-width:92%;margin-bottom:13px}.message-bubble.mine{background:#eaf0e6;border-color:#d7e1d0;border-radius:12px 12px 3px 12px}.message-bubble.private{border-left:3px solid #a7a0b9}.message-meta{font-size:10px;gap:9px;color:#687584}.message-meta strong{color:#2c3d48;font-size:11px}.message-body{font-size:13px;line-height:1.65;color:#344753}.message-compose{gap:8px}.message-compose input,.message-compose select{font-size:12px}.emote-picker{border-color:#dce2d5;background:#f7f8f4}.emote-choice{background:#fff;border-color:#e4e8df;border-radius:10px;color:#506046}.emote-choice:hover,.emote-choice.selected{border-color:#ba7049;background:#fff3e9}.emote-preview{background:#f6f4ed;color:#654e36}.chat-emote{margin-top:10px}.emote-composer>.secondary{font-size:12px;min-height:40px}
.lobby-hero,.summary-hero,.final-hero,.help-intro{background:var(--navy);border-color:#263747;border-radius:18px}.lobby-hero .eyebrow,.summary-hero .eyebrow,.final-hero .eyebrow{color:#efb792}.lobby-hero .invite{color:#f6c4a2;font-variant-numeric:tabular-nums}.summary-profit{background:#ffffff08;border-color:#ffffff12}.summary-profit.positive strong{color:#b8d5ba}.summary-profit.negative strong{color:#ffb3a5}.summary-card h2{color:#334753}.summary-metrics>div{border-radius:12px;border-color:#e1e5df}.summary-next{background:#b94822}.final-hero .trophy{background:#f3b98c;color:#243340}.modal-card{border-radius:18px;box-shadow:0 30px 80px #0f192445;border:1px solid #dce2dc}.modal-backdrop{background:#0f1924b3;backdrop-filter:blur(4px)}
@media(min-width:1650px){.cards{grid-template-columns:repeat(6,minmax(0,1fr))}.metric strong{font-size:25px}}
@media(max-width:1180px) and (min-width:901px){.layout{grid-template-columns:204px minmax(0,1fr)}.workspace{padding:26px 22px}.sidebar{padding:20px 12px}.nav button{padding:10px}.nav button .nav-label{font-size:10px}.home-shell .page{padding:28px}.hero-copy{padding:32px}.launch-panel{padding:28px}.hero h1{font-size:42px}.content-grid{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:24px}}
@media(max-width:900px){
 .topbar{height:62px;padding:0 16px}.brand{font-size:13px;gap:10px}.brandmark{width:32px;height:32px}.brandmark .ui-icon{width:23px;height:23px}.topmeta{font-size:11px;gap:8px}.layout{display:block}.sidebar{display:none}.page,.home-shell .page{padding:20px}.home-main .hero{grid-template-columns:1fr 1fr}.hero-copy{padding:28px}.hero h1{font-size:37px}.hero p{font-size:13px}.launch-panel{padding:24px}.launch-heading h2{font-size:22px}.home-mode-card{padding:12px 8px}.home-mode-card small{font-size:9px}.home-mode-grid{gap:6px}.home-side{gap:16px}.strategy-scene{height:145px}.scene-caption{display:none}.scene-block{width:52px}.block-one{right:160px}.block-two{right:95px}.block-three{right:30px}.features{gap:12px}.feature{font-size:9px}.account-benefits{grid-template-columns:1fr}.account-benefits>div{padding:9px}.home-side .account-card,.open-alpha-card{padding:22px}.workspace{padding:22px 18px 115px;width:100%}.workspace-header h1{font-size:28px}.workspace-eyebrow{font-size:7px;gap:14px}.workspace-header .muted{font-size:11px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric{padding:15px}.metric strong{font-size:24px}.section{padding:20px;border-radius:13px;overflow:visible}.section h2{font-size:16px}.content-grid,.communication-layout,.help-layout{grid-template-columns:1fr}.table th,.table td{font-size:12px}.decision-dock{padding:12px;position:static}.decision-dock-actions .mini{font-size:11px;min-height:40px}.mobile-bottom-nav{background:#14212ef7;border:1px solid #ffffff0c;box-shadow:0 -4px 20px #14212e15;backdrop-filter:blur(16px)}.mobile-nav-button{color:#a3b3c2;border-radius:9px}.mobile-nav-button.active{background:#f4b48817;color:#fac3a0}.mobile-nav-button.active .mobile-nav-icon{color:#fac3a0}.mobile-nav-icon .ui-icon{width:20px;height:20px}.mobile-nav-label{font-size:9px}.mobile-more-sheet{background:#f4f3ef;border-radius:22px 22px 0 0}.mobile-more-grid .mobile-nav-button{background:#fff;border-color:#e0e4dc;color:#425463}.mobile-more-grid .mobile-nav-button.active{background:#fff0e4;color:#b94822}.mobile-more-header strong{color:#233443}.mobile-nav-badge,.mobile-more-grid .mobile-nav-badge{background:#b94822}
}
@media(max-width:650px){
 .home-main .hero{grid-template-columns:1fr;border-radius:16px}.home-shell .page{padding:14px}.hero-copy{padding:27px 26px 21px}.hero h1{font-size:43px;margin:18px 0 15px;line-height:1.03}.hero-copy .eyebrow{font-size:8px}.hero p{font-size:13px;max-width:100%}.strategy-scene{display:none}.features{margin-top:19px;padding-top:14px;gap:12px}.feature{font-size:9px}.feature .ui-icon{width:13px;height:13px}.launch-panel{padding:24px 21px}.launch-heading{margin-bottom:18px}.launch-heading h2{font-size:24px}.home-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.home-mode-card{padding:12px 9px}.home-mode-card strong{font-size:12px}.home-mode-card small{font-size:9px}.home-side{grid-template-columns:1fr;margin-top:18px}.account-benefits{grid-template-columns:1fr}.home-side .account-card,.open-alpha-card{padding:22px}.open-alpha-card h2{font-size:22px}.workspace{padding:20px 14px 112px}.workspace-header{gap:12px;margin-bottom:20px;align-items:flex-start}.workspace-header h1{font-size:26px}.workspace-header>.badge{font-size:9px;margin-top:4px;white-space:normal}.workspace-eyebrow{letter-spacing:.09em;gap:10px;font-size:7px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}.metric{padding:14px;border-radius:10px}.metric>span{font-size:10px}.metric strong{font-size:23px;margin-top:7px}.metric em{font-size:9px}.metric.valuation-metric{grid-column:auto}.stockbar{margin-top:10px}.section{padding:18px;margin-bottom:15px}.section h2{font-size:16px}.decision-dock{gap:10px;margin-bottom:16px}.decision-dock-summary{width:100%}.decision-dock-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.decision-dock-actions .mini{font-size:11px;min-height:40px}.section-title-row{gap:10px;flex-wrap:wrap}.table th{padding:9px 8px!important;font-size:9px!important}.table td{padding:11px 8px!important;font-size:11px!important;line-height:1.45}.stock-cards,.finance-grid{gap:8px}.message-list{padding:11px;max-height:450px}.message-bubble{max-width:100%;padding:12px}.message-compose{grid-template-columns:1fr}.message-compose input,.message-compose select{width:100%;min-width:0}.messages-section{padding:18px}.emote-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;max-height:310px}.emote-choice{font-size:9px;padding:6px}.emote-choice img{height:74px;width:74px}.emote-preview{padding:10px}.summary-hero h1,.final-hero h1{font-size:27px}.lobby-hero{padding:22px}.modal-card{padding:22px}.tab-intro-copy p{font-size:12px}
}
@media(max-width:370px){.hero h1{font-size:37px}.hero-copy{padding:23px}.launch-panel{padding:20px 16px}.workspace{padding-left:10px;padding-right:10px}.metric strong{font-size:20px}.metric{padding:12px}.workspace-eyebrow{flex-wrap:wrap;gap:4px 12px}.emote-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.home-mode-card small{font-size:8px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}*{scroll-behavior:auto!important}}
/* Forecast and market cards use the same readable light palette. */
.forecast-main{background:#f7f8f5;border:1px solid #e0e5dc;color:#263c33;border-radius:11px}.forecast-main small{font-size:9px;color:#657362}.forecast-main span{color:#5d6e60}.forecast-main.safe{background:#eaf2e7;border-color:#cddfca}.forecast-main.risk{background:#fff0ed;border-color:#eac6bd;color:#9a3c28}.forecast-main.opportunity{background:#f4eee6;border-color:#e9dccd;color:#755035}.forecast-detail-grid{gap:16px}.forecast-breakdown,.forecast-alerts{background:#fafbf8;border:1px solid #e3e7df;border-radius:11px;padding:16px}.forecast-line{border-color:#e6e9e2;color:#465744}.forecast-line.optional{color:#81613f}.forecast-alert.ok{background:#edf4e9;border-color:#d9e5d2;color:#3c6238}.forecast-alert.warn{background:#fff4df;border-color:#ead6ae;color:#806020}.forecast-alert.danger{background:#fff0eb;border-color:#eac9be;color:#973b25}.forecast-alert span{color:#63735e}.forecast-alert.danger span{color:#916351}.forecast-alerts h3,.forecast-breakdown h3{color:#475745}.trend-card.profit .trend-spark{color:#347b59}.trend-card.popularity .trend-spark{color:#a77c2f}.trend-card.valuation .trend-spark{color:#b25a33}.trend-delta.positive{background:#e8f3e6;color:#3b7236}.trend-delta.negative{background:#fff0eb;color:#a74024}.trend-card.empty>span{font-size:11px;color:#6b787c}
.observatory-grid{gap:10px}.observatory-card{background:#f6f8f3;border:1px solid #dde4d7;border-radius:11px;padding:15px;color:#304332}.observatory-card.hot{border-color:#bcd3b7;background:#f1f7ee}.observatory-card.crowded{border-color:#e6d0c4;background:#fcf6f1}.observatory-head{flex-wrap:wrap;gap:8px}.observatory-head>strong{font-size:12px;color:#3e513c}.observatory-price strong{font-size:21px;color:#34472f;font-weight:650;letter-spacing:-.035em}.observatory-price small,.observatory-price span,.observatory-foot{color:#62745e}.market-signal{font-size:8px;letter-spacing:.01em;padding:4px 6px;background:#edf0e9;color:#52604c}.market-signal.hot{background:#dfedda;color:#3c7137}.market-signal.crowded{background:#f9e8dd;color:#9a5130}.market-signal.balanced{background:#e8eee2;color:#5c714f}.demand-band{border-color:#dde4d8;color:#51694c;font-size:10px}.forecast-main strong{font-variant-numeric:tabular-nums}
@media(min-width:1250px){.cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metric{padding:16px 14px}.metric strong{font-size:22px}.metric>span{font-size:10px}.metric em{font-size:9px}}
@media(min-width:901px){.layout{background:linear-gradient(to right,var(--navy) 232px,var(--paper) 232px)}}
@media(min-width:901px) and (max-width:1180px){.layout{background:linear-gradient(to right,var(--navy) 204px,var(--paper) 204px)}}
@media(max-width:650px){.hero h1{font-size:35px}.forecast-main{padding:16px}.trend-grid,.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-card-head{flex-wrap:wrap}.trend-card-head strong{font-size:17px;white-space:normal}.forecast-main strong{font-size:19px}.observatory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.observatory-card{padding:13px}.observatory-price strong{font-size:19px}.observatory-card:last-child:nth-child(odd){grid-column:1/-1}.forecast-main small{font-size:8px}.forecast-detail-grid{grid-template-columns:1fr}.trend-card.empty{min-height:130px}}
@media(max-width:370px){.hero h1{font-size:31px}.forecast-grid,.trend-grid{grid-template-columns:1fr}.observatory-grid{grid-template-columns:1fr}}

/* V5.2.1 — Retour au choix de partie */
.lobby-back{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.lobby-back span,.saved-lobby p{font-size:14px;color:var(--muted,#637083)}.saved-lobby{padding:14px;margin:16px 0;border:1px solid #d9dfe7;border-radius:12px}.saved-lobby p{margin:0 0 10px}
