:root{--bg: #f1eee6;--panel: rgba(252, 251, 247, .96);--panel-2: rgba(240, 236, 227, .95);--line: #d8d2c4;--text: #23262b;--dim: #6a6e76;--accent: #f0c24f;--accent-ink: #8a5a00;--pos: #2e7d32;--neg: #c0392b;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--serif: Georgia, "Times New Roman", serif;--heading: #2a2418;--field: #ffffff;--rule: #e6e2d8;color-scheme:light;accent-color:var(--accent-ink)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.4 var(--font);overflow:hidden}canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}button{font:inherit;color:var(--text);background:linear-gradient(#fff,#f1eee7);border:1px solid var(--line);border-radius:5px;padding:3px 9px;cursor:pointer;box-shadow:0 1px #ffffffb3 inset,0 1px 2px #3c321e1f}button:hover{background:linear-gradient(#fff,#e9e4d9);border-color:#c4bcaa}button:active{transform:translateY(1px)}button.on{background:var(--accent);color:#111;border-color:var(--accent)}button.primary{background:var(--accent);color:#111;font-weight:600;padding:8px 18px}input,select{font:inherit;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:4px;padding:2px 6px}input[type=range]{width:110px;vertical-align:middle}h1,h2,h3{margin:0}h3{margin:12px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.dim{color:var(--dim)}.pos{color:var(--pos)}.neg{color:var(--neg)}.link{cursor:pointer;text-decoration:underline}.runway{margin-left:6px;padding:1px 6px;border-radius:3px;font-size:12px;color:var(--dim)}.runway.amber{color:#1a1408;background:#e8b04a}.runway.red{color:#fff;background:#c8443a;font-weight:600}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;display:flex;gap:14px;align-items:center;padding:6px 12px;background:linear-gradient(#fdfcf8f7,#f4f1e9f5);border-bottom:1px solid var(--line);box-shadow:0 2px 8px #3c321e1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar .date{font:600 15px/1.2 var(--serif);letter-spacing:.02em;min-width:120px;color:var(--heading)}.topbar .speeds button{min-width:34px}.topbar .tools{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.topbar .tax{text-decoration:none;min-width:70px;padding:4px 8px;border-radius:4px;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}.topbar .tax:hover,.topbar .tax.on{background:var(--panel-2)}.feed{position:absolute;left:0;top:44px;bottom:28px;width:300px;overflow-y:auto;padding:8px;background:var(--panel);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:#c9c1ae transparent}.feed .ev{padding:5px 8px 5px 10px;border-radius:4px;cursor:pointer;color:var(--dim);border-left:2px solid transparent;margin-bottom:2px;line-height:1.35}.feed .ev:hover{background:var(--panel-2);border-left-color:var(--accent)}.feed .ev.urgent{border-left-color:var(--neg)}.feed .ev.urgent{color:var(--text)}.feed .ev.discovery{color:var(--accent-ink)}.feed .ev.hunger,.feed .ev.emigration,.feed .ev.bailout,.feed .ev.closed{color:#a8342a}.feed .ev.built,.feed .ev.founded,.feed .ev.road{color:#2b6e2f}.feed .when,.news .when{color:var(--dim);font-variant-numeric:tabular-nums;margin-right:4px}.news .ev{padding:4px 0;color:var(--dim);line-height:1.35;border-top:1px solid rgba(60,50,30,.08)}.news .ev.urgent{color:var(--text)}.news .ev.hunger,.news .ev.emigration,.news .ev.bailout,.news .ev.closed{color:#a8342a}.news .ev.built,.news .ev.founded,.news .ev.road{color:#2b6e2f}.panel{position:absolute;right:0;top:44px;bottom:28px;width:400px;overflow-y:auto;padding:12px 14px;background:var(--panel);border-left:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:#c9c1ae transparent;scrollbar-gutter:stable}.panel .head{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:6px}.panel .head h2{font:700 20px/1.2 var(--serif);letter-spacing:.01em;color:var(--heading)}.panel .close{border:none;background:transparent;box-shadow:none;font-size:18px;color:var(--dim)}.panel .close:hover{color:var(--text);background:transparent}.panel.tech,.panel.help,.panel.shortages,.panel.budget,.panel.policies,.panel.nations{right:400px;width:360px}.panel.nations .nation{padding:8px 0;border-top:1px solid rgba(60,50,30,.1)}.panel.nations .nation .row,.panel.nations .nrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.panel.nations .nrow{padding:3px 0}.panel.nations .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:baseline}.panel.nations .link{cursor:pointer}.panel.nations .link:hover{text-decoration:underline}.panel.policies .policy{padding:8px 0;border-top:1px solid rgba(60,50,30,.1)}.panel.policies .policy .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel.policies .policy.on b{color:var(--pos)}.topbar .treasury.link{text-decoration:none;padding:2px 6px;border-radius:4px}.topbar .treasury.link:hover,.topbar .treasury.on{background:var(--panel-2)}.panel.shortages .shortrow{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}.panel.shortages .shortrow .row{display:flex;justify-content:space-between;gap:8px}.panel.shortages a{color:var(--accent-ink);cursor:pointer}.panel.shortages a:hover{text-decoration:underline}.topbar .people{color:var(--heading)}.topbar button.warn{border-color:#b8433a}.alone .panel{right:0}.alert{background:#fbe6e2;border:1px solid #e3a99f;padding:6px 8px;border-radius:4px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.bar{display:grid;grid-template-columns:70px 1fr 40px;gap:8px;align-items:center;margin:2px 0}.track{height:8px;background:#e4e0d6;border-radius:4px;overflow:hidden;box-shadow:0 1px 1px #3c321e26 inset}.fill{height:100%;background:linear-gradient(90deg,#d9a63a,var(--accent));border-radius:4px}table.prices{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}table.prices th{text-align:right;color:var(--dim);font-weight:500;padding:2px 4px}table.prices td{text-align:right;padding:2px 4px;border-top:1px solid var(--rule)}table.prices th:first-child,table.prices td:first-child{text-align:left}.buildings .btype{display:flex;gap:10px;align-items:center;padding:3px 0;border-top:1px solid var(--rule)}.buildings .btype .lbl{flex:1}.buildings .sub{color:var(--dim)}.proposal{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.issue{border-left:3px solid var(--neg);padding:4px 8px;margin:6px 0;border-radius:4px}.issue.go{cursor:pointer}.issue.go:hover{background:var(--panel-2)}.feed .feedhead{margin:4px 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.issue p{margin:0 0 4px}.deal{border:1px solid var(--border, #ccc);padding:6px 8px;margin:6px 0;border-radius:4px}.actions{display:flex;flex-direction:column;gap:6px}.buildmenu{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.buildmenu button.on .dim{color:#333}.actions label{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.panel.tree{left:300px;right:0;width:auto;display:flex;flex-direction:column;padding-bottom:0;z-index:7}.panel.tree .head .dim{flex:1;margin:0 14px}.treebody{flex:1;overflow:auto;position:relative}.treecanvas{position:relative}.treelines{position:absolute;left:0;top:0;pointer-events:none}.eralabel{position:absolute;font:600 11px/1.2 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.technode{position:absolute;padding:6px 8px;border-radius:6px;border:1.5px solid #cfc8b8;background:linear-gradient(#fff,#f4f1ea);cursor:pointer;overflow:hidden}.technode .row{gap:6px;flex-wrap:nowrap}.technode b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.technode .cat{font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.technode .small{font-size:11px}.technode.locked{opacity:.6}.technode.known{background:linear-gradient(#eef6ec,#e1eedd)}.technode.reachable{box-shadow:0 0 0 1px #c98c0059,0 0 12px #c98c0026}.technode.picked{box-shadow:0 0 0 2px var(--accent);opacity:1}.treedetail{border-top:1px solid var(--line);padding:10px 0 12px;display:flex;flex-direction:column;gap:6px}.genius{padding:6px 0;border-top:1px solid var(--rule)}.toasts{position:absolute;top:52px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:6}.hud:has(.panel.tree) .toasts{top:128px}.toast{background:linear-gradient(#fffffdfa,#f5f2eafa);border:1px solid #d3ccbc;border-left:3px solid var(--accent);padding:8px 12px;border-radius:6px;cursor:pointer;box-shadow:0 6px 18px #3c321e2e}.statusline{position:absolute;left:0;right:0;bottom:0;height:28px;padding:4px 110px 4px 12px;background:linear-gradient(#f4f1e9f5,#fdfcf8f7);border-top:1px solid var(--line);color:var(--dim);display:flex;gap:16px;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.statusline .cancel{margin-left:auto}.buildrow{position:absolute;left:12px;right:412px;bottom:36px;display:flex;pointer-events:none}.buildgap{margin-left:auto;width:calc(100% - 300px);min-width:max-content;display:flex;justify-content:center}.buildbar{pointer-events:auto;display:flex;align-items:center;gap:4px;padding:5px 6px;border:1px solid var(--accent);border-radius:22px;background:linear-gradient(#fffbf0,#f5ecd6);box-shadow:0 6px 18px #3c321e33,0 0 0 4px #f0c24f26;white-space:nowrap}.buildbar button{font:600 13px/1 var(--serif);letter-spacing:.02em;padding:8px 12px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--accent-ink);box-shadow:none}.buildbar button:hover:not(:disabled){background:#c98c001f}.buildbar button.on,.buildbar button.on:hover:not(:disabled){background:var(--accent);color:#111}.buildbar button:disabled{color:#b4a98f;cursor:not-allowed}.buildbar .sep{width:1px;height:22px;background:#a06e004d;margin:0 4px}.buildbar .settlers{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:4px}.buildbar .settlers input{width:52px}@media(max-width:1500px){.buildbar{gap:2px}.buildbar button{padding:8px}}.buildmenu{display:block;position:absolute;left:calc(50% - 50px);bottom:88px;transform:translate(-50%);width:min(920px,calc(100vw - 740px));max-height:min(62vh,640px);overflow-y:auto;padding:12px 16px 14px;background:var(--panel);border:1px solid var(--accent);border-radius:10px;box-shadow:0 12px 40px #3c321e38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:#c9c1ae transparent;z-index:5}.buildmenu .head{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px}.buildmenu .head h2{font:700 18px/1.2 var(--serif);color:var(--heading);white-space:nowrap}.buildmenu .head .dim{flex:1;font-size:12px;line-height:1.35}.buildmenu .head .close{border:none;background:transparent;box-shadow:none;font-size:18px;color:var(--dim)}.buildmenu section h3{margin:10px 0 6px}.buildmenu .cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card.on{border-color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px}.card{display:flex;gap:10px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);cursor:pointer}.card:hover{border-color:var(--accent)}.card.blocked{opacity:.55;cursor:not-allowed}.card.blocked:hover{border-color:var(--line)}.card .pic{width:72px;height:64px;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#dfe8d3,#f3f0e8 80%);border-radius:5px;overflow:hidden}.card .pic img{max-width:68px;max-height:60px;image-rendering:auto}.card .body{flex:1;min-width:0}.card .body .row{gap:0 6px}.card .small{font-size:11.5px;line-height:1.3}.modal-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#28221659;display:flex;align-items:center;justify-content:center}.modal{background:linear-gradient(#fff,#f6f2e9);border:1px solid var(--accent);padding:26px 34px;border-radius:10px;max-width:480px;text-align:center;box-shadow:0 20px 60px #3c321e4d,0 0 0 6px #f0c24f2e}.modal h1{color:var(--accent-ink);margin:6px 0 12px;font-family:var(--serif)}.modal.genius{background:linear-gradient(#f3e8cf,#e6d6b0);color:#3b2a14;border:2px solid #8a6a3a;box-shadow:0 20px 60px #3c321e4d,0 0 0 6px #8a6a3a40,inset 0 0 40px #78501e40}.modal.genius .emblem{width:64px;height:64px;display:block;margin:-6px auto 4px}.modal.genius .kicker{font:italic 13px/1.2 var(--serif);color:#7a5a2a;letter-spacing:.06em;text-transform:uppercase}.modal.genius h1{color:#3b2a14;font-size:28px;margin:4px 0 2px}.modal.genius h2{font:italic 600 18px/1.3 var(--serif);color:#6b4a1f;margin:0 0 12px}.modal.genius p{color:#3b2a14}.modal.genius .note,.modal.genius .dim{color:#6b5536}.modal.genius button{background:#f8f0dc;color:#3b2a14;border-color:#8a6a3a}.modal.genius button.primary{background:#6b4a1f;color:#f8f0dc;border-color:#6b4a1f}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;overflow-y:auto;padding:24px 0;background:radial-gradient(ellipse at center,#fdfaf2,#e8e1d1 75%)}.menu h1{font:700 56px/1.1 var(--serif);letter-spacing:.06em;color:var(--accent-ink);text-shadow:0 2px 14px rgba(201,140,0,.18);margin:0}.menu .emblem{border-radius:16px;box-shadow:0 0 0 1px #c98c0059,0 8px 28px #3c321e40;margin-bottom:-4px}.menu .tagline{font:italic 17px/1.4 var(--serif);color:#6b5f48;max-width:560px;text-align:center;margin:-6px 0 8px}.menu .form{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.menu .form label{display:flex;flex-direction:column;gap:4px}.menu .form input[type=range]{width:200px}.menu .file input{display:none}.menu .file{cursor:pointer;text-decoration:underline;color:var(--dim)}.menu .changes{width:min(600px,calc(100vw - 32px));max-height:34vh;overflow-y:auto;margin-top:8px;padding:10px 16px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;scrollbar-width:thin;scrollbar-color:#c9c1ae transparent}.menu .changes h2{font:600 16px/1.3 var(--serif);color:var(--heading);margin:0 0 2px}.menu .changes .day h3{display:flex;align-items:center;gap:8px}.menu .changes .day.fresh h3{color:var(--accent-ink)}.menu .changes .new{font-size:10px;letter-spacing:.06em;padding:2px 6px;border-radius:3px;background:var(--accent);color:#111}.menu .changes ul{margin:0;padding-left:18px;line-height:1.45;color:#3a3e45}.menu .changes li{margin:3px 0}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--dim)}.summary{display:flex;justify-content:space-between;gap:12px;margin:6px 0 8px}.needs{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 8px;margin-bottom:8px;overflow:hidden}.needs .caption{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:4px}.needs .caption .dim{text-transform:none;letter-spacing:0}.wantgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.wantgrid .bar{grid-template-columns:62px 1fr 34px;font-size:11.5px;margin:1px 0}.wantgrid .bar .track{height:6px}.shortlist{height:59px;line-height:18px;overflow:hidden;margin-top:4px;border-top:1px solid var(--line);padding-top:4px}.shortlist.long{height:150px;overflow-y:auto}.shortlist .caption{margin:4px 0 0}.content{color:var(--pos);margin-bottom:8px}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}.tabs button{border-radius:5px 5px 0 0;box-shadow:none;padding:3px 7px}.tabs button.on{background:var(--accent)}.tabbody .kv{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:4px 0}.tabbody .kv span:nth-child(odd){color:var(--dim)}.bgroup{border-top:1px solid var(--rule)}.bitem{padding:3px 0 3px 14px;color:var(--text)}.bitem:hover{background:#ece7dc}label.check{display:flex;gap:6px;align-items:center}.crumb{font-size:12px;margin-bottom:2px}.panel.building .kv{display:grid;grid-template-columns:auto 1fr;gap:3px 12px}.panel.building .kv span:nth-child(odd){color:var(--dim)}.tooltip{position:absolute;pointer-events:none;background:#fffffdf7;border:1px solid #d3ccbc;border-radius:5px;padding:6px 9px;font-size:12px;color:var(--text);max-width:240px;z-index:5;box-shadow:0 4px 14px #3c321e29}.tooltip .title{font-weight:600}.family{padding:3px 0;border-top:1px solid var(--rule)}.workers{line-height:1.5}.panel.budget .bsummary{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;align-items:start;padding:6px 0 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.panel.budget .bsummary>div{display:flex;flex-direction:column;gap:1px;font-size:13px}.panel.budget .bsummary b{font-size:16px;font-variant-numeric:tabular-nums}.panel.budget .bsummary .toggle{grid-column:1 / -1;flex-direction:row;gap:4px}.panel.budget .bsummary .taxrate{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;padding:4px 0}.panel.budget .stepper{display:inline-flex;align-items:center;gap:8px}.panel.budget .stepper button{width:28px;height:26px;padding:0;font-size:16px;line-height:1}.panel.budget .stepper b{min-width:3.2em;text-align:center}.panel.budget .bsummary .toggle button{padding:2px 8px;font-size:12px}.panel.budget h3{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 4px;font-size:14px}.panel.budget .bgroup{margin:4px 0 8px}.panel.budget .gtitle{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--dim);margin:6px 0 2px}.panel.budget .spark{display:block;margin:4px 0 6px;background:#3c321e0a;border-radius:4px}.panel.budget .bline{display:grid;grid-template-columns:1fr 70px 78px;gap:8px;align-items:center;padding:2px 0;font-size:13px}.panel.budget .bline .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel.budget .bline .bar{height:6px;background:#3c321e14;border-radius:3px;overflow:hidden}.panel.budget .bline .bar .fill{display:block;height:100%;border-radius:3px}.panel.budget .bline .bar .fill.pos{background:var(--pos)}.panel.budget .bline .bar .fill.neg{background:var(--neg);opacity:.8}.panel.budget .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.panel.budget .small{font-size:12px;line-height:1.4;margin-top:10px}.feedback-btn{position:absolute;right:8px;bottom:3px;z-index:6;padding:3px 12px;border-radius:16px;border:1px solid var(--accent);background:linear-gradient(#fffbf0,#f5ecd6);color:var(--accent-ink);font:600 12px/1 var(--serif);box-shadow:none}.feedback-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#28221659}.feedback{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;padding:14px 18px 16px;background:var(--panel);border:1px solid var(--accent);border-radius:10px;box-shadow:0 12px 40px #3c321e38;display:flex;flex-direction:column;gap:10px}.feedback .head{display:flex;justify-content:space-between;align-items:center}.feedback h2{margin:0;font:600 18px/1.2 var(--serif);color:var(--heading)}.feedback .close{border:none;background:transparent;box-shadow:none;font-size:18px;color:var(--dim)}.feedback p{margin:0;line-height:1.45}.feedback textarea{width:100%;box-sizing:border-box;resize:vertical;font:14px/1.4 var(--font);padding:8px;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:6px}.feedback .field{display:flex;flex-direction:column;gap:4px;font-size:13px}.feedback .check{font-size:13px;display:flex;gap:6px;align-items:center}.feedback .shot{width:100%;border-radius:6px;border:1px solid var(--line)}.feedback .progress{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--dim)}.feedback .progress .bar{height:6px;background:#e4e0d6;border-radius:3px;overflow:hidden}.feedback .row.end{justify-content:flex-end}.townlink{cursor:pointer;color:inherit;text-decoration:underline dotted rgba(160,110,0,.5);text-underline-offset:2px}.townlink:hover{color:var(--accent-ink);text-decoration-style:solid}h2.townlink{text-decoration:none}h2.townlink:hover{text-decoration:underline;text-underline-offset:3px}.findbtn{padding:4px 10px}.findbox{position:relative;width:56px;height:28px}.findinput{position:absolute;left:0;top:0;z-index:9;display:flex;align-items:center;gap:4px;padding:2px 4px;background:var(--panel);border-radius:8px;box-shadow:0 6px 18px #3c321e33}.findinput input{width:230px;padding:4px 8px;background:var(--field);color:var(--text);border:1px solid var(--accent);border-radius:6px;font:13px/1.3 var(--font)}.findinput .close{border:none;background:transparent;box-shadow:none;font-size:16px;color:var(--dim);padding:0 4px}.findmatches,.findresults{position:absolute;top:36px;left:0;width:300px;max-height:60vh;overflow-y:auto;z-index:8;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 10px 30px #3c321e33;display:flex;flex-direction:column;gap:2px;font-size:13px}.findresults>.dim{padding:4px 6px}.findrow{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;background:transparent;border:none;box-shadow:none;padding:4px 6px;border-radius:4px}.findrow:hover{background:var(--panel-2)}.stats{position:absolute;left:0;right:0;top:44px;bottom:0;z-index:10;display:flex;flex-direction:column;background:#f6f4ee;border-top:1px solid var(--line)}.stats-top{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.stats-top h2{margin:0;font-size:16px}.stats-top .tabs{border:none;margin:0;padding:0}.stats-range{display:flex;gap:4px;margin-left:auto}.stats-top .close{border:none;background:transparent;box-shadow:none;font-size:20px;color:var(--dim)}.stats-top .close:hover{color:var(--text);background:transparent}.stats-body{flex:1;overflow-y:auto;padding:10px 16px 24px;scrollbar-width:thin;scrollbar-color:#c9c1ae transparent}.stats-body>p{margin:0 0 8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;margin-top:8px}.stats-grid.one{grid-template-columns:1fr;margin-top:0}.stats-goods{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,1fr);gap:16px;align-items:start}@media(max-width:1100px){.stats-goods,.stats-grid{grid-template-columns:1fr}}.scard{background:#fcfcfb;border:1px solid rgba(60,50,30,.12);border-radius:8px;padding:10px 12px;min-width:0;overflow:hidden}.scard.wide{grid-column:1 / -1}.scard .empty{padding:20px 0;text-align:center}.shead{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.shead .mini{margin-left:auto;padding:1px 7px;font-size:11px}.slegend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:#52514e;margin:2px 0 4px}.slegend i,.stip i{display:inline-block;width:12px;height:2px;border-radius:1px;vertical-align:middle;margin-right:5px}.schart{position:relative;width:100%}.schart svg{display:block;overflow:visible}.schart .tick{fill:#6b6a65;font-size:11px;font-variant-numeric:tabular-nums}.schart .endlabel{fill:#52514e;font-size:11px}.stip{position:absolute;top:4px;pointer-events:none;background:#fffffdf7;border:1px solid #d3ccbc;border-radius:5px;padding:5px 8px;font-size:12px;white-space:nowrap;z-index:2;box-shadow:0 4px 14px #3c321e29}.stip b{font-variant-numeric:tabular-nums}.stable-wrap{max-height:320px;overflow-y:auto;scrollbar-width:thin}.stable{width:100%;border-collapse:collapse;font-size:12px}.stable th{text-align:left;font-weight:600;color:var(--dim);border-bottom:1px solid var(--line);padding:4px 6px;position:sticky;top:0;background:#fcfcfb}.stable td{padding:3px 6px;border-bottom:1px solid rgba(60,50,30,.07)}.stable .n{text-align:right;font-variant-numeric:tabular-nums}.stable.goods tbody tr{cursor:pointer}.stable.goods tbody tr:hover{background:#3c321e0d}.stable.goods tbody tr.sel{background:#f0c24f33}.stable .swatch,.sstatus i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:baseline}.stable .swatch{border-radius:2px}.sstatus{white-space:nowrap}.spark{display:block}.sbars{display:flex;flex-direction:column;gap:2px}.sbar{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center;font-size:11px}.sbar .track{height:9px;background:#3c321e0f;border-radius:0 3px 3px 0}.sbar .fill{display:block;height:100%;border-radius:0 3px 3px 0}.sbar .v{text-align:right;font-variant-numeric:tabular-nums}.swants{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 14px;font-size:12px}.swants>div{display:grid;grid-template-columns:90px 90px 38px;align-items:center;gap:6px}.swants b{text-align:right;font-variant-numeric:tabular-nums}.scard.record .big{font-size:15px;margin:4px 0 2px}