:root{--bg:#f3ebe0;--bg-accent:#e8dcc8;--ink:#2a2118;--ink-muted:#6b5a48;--panel:#3a2c22;--panel-2:#4a3a2c;--gold:#c9a227;--gold-soft:#e2c56a;--cream:#faf6ef;--line:#c9a22759;--danger:#b33a2b;--ok:#3d6b4f;--shadow:0 10px 30px #2a21181f;--radius:10px;--font-display:"Cormorant Garamond", Georgia, serif;--font-ui:"Source Sans 3", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-ui);background:radial-gradient(ellipse 80% 50% at 10% -10%, #efe2c8 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #e5d3b5 0%, transparent 50%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);margin:0}button,input{font:inherit}.app{max-width:1200px;margin:0 auto;padding:1.25rem 1.25rem 3rem}.hero{border-radius:var(--radius);color:var(--cream);box-shadow:var(--shadow);border:1px solid var(--line);background:linear-gradient(135deg,#3a2c22f5,#4a3a2ceb),repeating-linear-gradient(-12deg,#0000,#0000 8px,#c9a2270a 8px 9px);margin-bottom:1.25rem;padding:1.75rem 1.5rem}.hero-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.lang-switch{border:1px solid var(--gold);color:var(--gold-soft);letter-spacing:.06em;cursor:pointer;background:#c9a22726;border-radius:999px;min-width:3.2rem;padding:.35rem .75rem;font-weight:700;transition:background .15s,color .15s}.lang-switch:hover{background:var(--gold);color:var(--panel)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin:0;font-size:.75rem}.hero h1{font-family:var(--font-display);color:var(--cream);margin:0;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.1}.tagline{color:#faf6efc7;max-width:40rem;margin:.55rem 0 0}.layout{gap:1rem;display:grid}.panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#faf6efe0;border:1px solid #3a2c221f;padding:1rem 1.1rem}.panel h2{font-family:var(--font-display);color:var(--panel);margin:0 0 .65rem;font-size:1.45rem}.panel-sub,.muted{color:var(--ink-muted);margin:0 0 .75rem;font-size:.92rem}.pop-region{margin-top:.85rem}.pop-region:first-of-type{margin-top:.25rem}.pop-region-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 .5rem;font-size:.85rem;font-weight:700}.pop-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.pop-field,.prod-field{color:var(--panel);flex-direction:column;gap:.35rem;font-weight:600;display:flex}.pop-field input,.prod-input input,.search-input{color:var(--ink);background:#fffdf8;border:1px solid #3a2c2233;border-radius:8px;padding:.45rem .6rem}.pop-field input:focus,.prod-input input:focus,.search-input:focus{border-color:var(--gold);outline:2px solid #c9a22773}.controls-panel{gap:.85rem;display:grid}.controls-row{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.toggle-group{flex-wrap:wrap;gap:.75rem;display:flex}.toggle{cursor:pointer;align-items:center;gap:.4rem;font-weight:550;display:inline-flex}.filter-pills{flex-wrap:wrap;gap:.4rem;display:flex}.pill,.tab,.btn{color:var(--panel);cursor:pointer;background:#fffdf8;border:1px solid #3a2c2233;border-radius:999px;padding:.35rem .85rem;transition:background .15s,color .15s,border-color .15s}.pill.active,.tab.active,.btn:hover{background:var(--panel);color:var(--cream);border-color:var(--panel)}.btn.ghost{background:0 0}.search-input{border-radius:999px;flex:1;min-width:min(280px,100%);padding-inline:.9rem}.tabs{flex-wrap:wrap;gap:.4rem;display:flex}.chain-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.9rem;display:grid}.chain-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#faf6efeb;border:1px solid #3a2c2224;padding:.95rem 1rem}.chain-header h3{font-family:var(--font-display);align-items:center;gap:.45rem;margin:0 0 .4rem;font-size:1.35rem;display:flex}.chain-icon{font-size:1.2rem}.chain-meta{color:var(--ink-muted);flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;font-size:.92rem;display:flex}.tree-node{border-left:1px solid #3a2c221f;padding-left:.15rem}.tree-row{flex-wrap:wrap;align-items:baseline;gap:.35rem;padding:.18rem 0;display:flex}.tree-toggle{width:1.4rem;color:var(--gold);cursor:pointer;text-align:center;background:0 0;border:none;padding:0}.tree-toggle.spacer{display:inline-block}.tree-count{font-variant-numeric:tabular-nums;color:var(--panel);min-width:3.2rem;font-weight:700}.tree-name{font-weight:600}.tree-name.muted,.tree-hint,.cell-hint{color:var(--ink-muted);font-size:.88rem;font-weight:500}.tree-modules .tree-name{font-style:italic}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #3a2c221a;padding:.5rem .4rem}.data-table th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.row-shortage{background:#b33a2b14}.pos{color:var(--ok);font-weight:600}.neg{color:var(--danger);font-weight:700}.prod-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.prod-input{align-items:center;gap:.35rem;display:flex}.prod-input input{width:5.5rem}.dlc-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.35rem 1rem;margin:0;padding:0;list-style:none;display:grid}.dlc-list label{cursor:pointer;align-items:center;gap:.45rem;display:flex}.dlc-list label.disabled{opacity:.65;cursor:default}.settings-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.warn{color:var(--danger);margin:0}.footer{text-align:center;color:var(--ink-muted);margin-top:1.5rem;font-size:.85rem}@media (width<=640px){.app{padding:.85rem .75rem 2rem}.hero{padding:1.25rem 1rem}}