:root{--bg: #050814;--panel: rgba(12, 18, 38, .78);--panel-border: rgba(140, 170, 255, .18);--text: #e6e9f2;--muted: #8a93b3;--accent: #4f7cff;--accent-2: #7fffb0;--danger: #ff6b6b;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:none}#ui .card,#ui .panel,#ui button,#ui a{pointer-events:auto}.auth{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:16px clamp(16px,8vw,120px);background:linear-gradient(90deg,transparent 30%,rgba(3,6,18,.75) 70%);gap:48px}.brand{flex:1;align-self:flex-start;margin-top:6vh}.brand h1{font-size:clamp(40px,7vw,84px);letter-spacing:.18em;margin:0;font-weight:800;text-shadow:0 0 30px rgba(79,124,255,.6)}.brand p{color:#b8c7ff;letter-spacing:.08em;margin:4px 0 0 6px}.card{width:min(380px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:28px;backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000080}.card h2{margin:0 0 16px;font-size:22px}.card form{display:flex;flex-direction:column;gap:12px}.card label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.card input{font:inherit;font-size:15px;color:var(--text);background:#ffffff0d;border:1px solid var(--panel-border);border-radius:8px;padding:10px 12px;outline:none}.card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff40}.field-error,.error{color:var(--danger);font-size:13px;min-height:0;margin:0}.error:empty,.field-error:empty{display:none}.notice{background:#4f7cff26;border:1px solid rgba(79,124,255,.4);border-radius:8px;padding:8px 12px;font-size:14px}.muted{color:var(--muted);font-size:14px}.links{display:flex;justify-content:space-between;margin-top:16px;font-size:14px}a{color:#9db4ff}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:11px 16px;background:var(--accent);color:#fff;font-weight:600;transition:filter .15s}button:hover{filter:brightness(1.12)}button:disabled{opacity:.6;cursor:default}button.busy:after{content:" \2026"}button.ghost{background:#ffffff12;border:1px solid var(--panel-border);font-weight:500}button.small{padding:5px 10px;font-size:13px}.hud .panel{position:absolute;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:10px 14px;backdrop-filter:blur(8px);font-size:14px}.hud .title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.hud .title strong{color:var(--text)}.top-left{top:16px;left:16px;min-width:180px}.top-right{top:16px;right:16px;display:flex;align-items:center;gap:12px}.bottom-left{bottom:16px;left:16px;min-width:220px}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.players li{display:flex;align-items:center;gap:8px}.players li.away{opacity:.55}.players em{font-size:12px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.status:before{content:"\25cf";margin-right:6px}.status.online:before{color:var(--accent-2)}.status.connecting:before{color:#ffd166}.status.offline:before{color:var(--danger)}.ping{color:var(--muted);font-variant-numeric:tabular-nums}.me{font-weight:600}.team{display:flex;flex-direction:column;gap:6px}.team .unit{display:flex;align-items:center;gap:10px;text-align:left;background:#ffffff0d;border:1px solid transparent;padding:7px 10px;font-weight:500}.team .unit.selected{border-color:var(--accent-2);background:#7fffb01f}.team .unit .name{flex:1}.team .unit .state{font-size:12px;color:var(--muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}kbd{font-family:ui-monospace,monospace;font-size:11px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;border-radius:4px;padding:1px 5px;margin-right:3px}.help{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:13px;color:#c3cbe6;text-shadow:0 1px 3px #000;max-width:calc(100% - 520px)}.actionbar-wrap{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;--slot: clamp(52px, calc((100vw - 610px) / 7), 82px)}.hud .actionbar{position:relative;padding:6px;border-radius:16px;--icon-cut: #0e1530}.actionbar-track{display:grid;grid-template-columns:repeat(7,var(--slot));gap:6px}.actionbar-track{grid-template-columns:repeat(3,var(--slot)) 1px repeat(4,var(--slot))}.actionbar-track:before{content:"";grid-column:4;grid-row:1;margin:10px 0;background:var(--panel-border)}#ui .actionbar .action{position:relative;width:100%;aspect-ratio:1;min-width:0;display:grid;justify-items:center;align-content:center;gap:4px;padding:6px 3px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff0d;color:var(--text);font-size:11.5px;font-weight:600;line-height:1.1;text-align:center;user-select:none;-webkit-user-select:none;transition:background .12s,border-color .12s}#ui .actionbar .action:hover:not(:disabled){background:#ffffff1c;filter:none}#ui .actionbar .action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#ui .actionbar .action[aria-pressed=true],#ui .actionbar .action[aria-expanded=true]{border-color:var(--accent);background:#4f7cff47}#ui .actionbar .action.empty{background:transparent;border:1px dashed rgba(140,170,255,.14);cursor:default}#ui .actionbar .action.soon{cursor:not-allowed;background:#ffffff06}#ui .actionbar .action.soon .icon,#ui .actionbar .action.soon .label,#ui .actionbar .action.soon .sub{opacity:.42;filter:grayscale(.6)}#ui .actionbar .action.danger{border-color:var(--danger);background:#ff6b6b38;animation:danger-pulse .9s ease-in-out infinite alternate}@keyframes danger-pulse{0%{box-shadow:0 0 #ff6b6b00}to{box-shadow:0 0 0 3px #ff6b6b59}}.action .icon svg{width:calc(var(--slot) * .36);height:calc(var(--slot) * .36);max-width:30px;max-height:30px;display:block}.action .label{max-width:100%;font-size:clamp(8px,calc(var(--slot) * .122),10px);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action .sub{font-size:10.5px;font-weight:500;color:var(--muted)}.action kbd{position:absolute;top:4px;right:4px;margin:0;padding:0 4px;font-size:9.5px;font-weight:500;opacity:.6}.action .soon-tag{position:absolute;top:4px;right:4px;font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffd479;opacity:.85}.hud .actionbar-menu{position:absolute;background:#0c1226f7;bottom:calc(100% + 14px);padding:8px 10px 10px;border-radius:14px;z-index:2;--tail: 50%;width:max-content;max-width:calc(100vw - 16px)}.actionbar-menu[hidden]{display:none}.actionbar-menu:after{content:"";position:absolute;top:100%;left:calc(var(--tail) - 9px);border:9px solid transparent;border-top-color:var(--panel-border);filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}.actionbar-menu .menu-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 2px 7px}.actionbar-menu .menu-grid{display:grid;grid-template-columns:repeat(var(--cols, 4),88px);gap:6px;max-height:46vh;overflow-y:auto}#ui .actionbar-menu .action{aspect-ratio:auto;min-height:82px}.actionbar-menu .action .label{white-space:normal;font-size:11.5px}.build-hint.behind-menu{visibility:hidden}.actionbar-ctx{align-self:flex-end;margin-right:8px;display:flex;align-items:baseline;gap:8px;padding:5px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(8px);font-size:13px;max-width:calc(4 * var(--slot) + 30px)}.actionbar-ctx[hidden]{display:none}.actionbar-ctx .kind{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.actionbar-ctx strong{white-space:nowrap}.actionbar-ctx .sub{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-hint{display:flex;align-items:center;gap:10px;max-width:100%;padding:7px 8px 7px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(8px);font-size:13.5px;line-height:1.3}.build-hint[hidden],.build-hint button[hidden]{display:none}.build-hint .state{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--muted)}.build-hint[data-valid=true] .state{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2)}.build-hint[data-valid=false] .state{background:var(--danger);box-shadow:0 0 8px var(--danger)}.build-hint .text{flex:1 1 auto;min-width:0}.build-hint button{flex:0 0 auto}#ui .build-hint button.confirm{background:var(--accent-2);color:#062012}.help{bottom:168px}.hud.building .help{display:none}#toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-80px);background:var(--panel);border:1px solid var(--panel-border);padding:10px 18px;border-radius:10px;transition:transform .25s;z-index:10}#toast.show{transform:translate(-50%)}#toast.error{border-color:var(--danger)}@media(max-width:800px){.auth{justify-content:center;flex-direction:column;background:#03061299}.brand{flex:none;margin:0;text-align:center}.help{display:none}.actionbar-track{gap:4px}.actionbar-wrap{bottom:max(10px,env(safe-area-inset-bottom));--slot: min(76px, calc((100vw - 20px - 12px - 7 * 4px - 1px) / 7))}#ui .actionbar .action{font-size:9.5px;padding:4px 2px;gap:2px;border-radius:10px}.action kbd{display:none}.action .soon-tag{font-size:7px;top:2px;right:3px}.actionbar-menu .menu-grid{grid-template-columns:repeat(min(var(--cols, 3),3),minmax(78px,1fr))}.actionbar-ctx{align-self:stretch;margin-right:0;max-width:none}.build-hint{font-size:13px;flex-wrap:wrap}.build-hint .text{flex-basis:calc(100% - 30px)}.build-hint button{flex:1 1 auto}.hud .panel{padding:8px 10px;font-size:13px}.top-left{top:10px;left:10px;min-width:0;max-width:40%}.players{max-height:26vh;overflow:auto}.players li.away{display:none}.top-right{top:10px;right:10px;max-width:56%;flex-wrap:wrap;justify-content:flex-end;gap:4px 10px}.top-right .ping,.top-right .me{display:none}.bottom-left{left:10px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 112px);min-width:0}.team .unit{padding:5px 8px}.hud.building .bottom-left{display:none}}#loading{position:fixed;left:50%;bottom:70px;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);padding:10px 18px;border-radius:10px;opacity:0;transition:opacity .3s;pointer-events:none}#loading.show{opacity:1}#loading.show:before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.clock{font-variant-numeric:tabular-nums;color:#d7def5}.team-setup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(980px,calc(100% - 32px));max-height:calc(100% - 32px);overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:14px;background:#0a1022db;border:1px solid var(--panel-border);border-radius:18px;backdrop-filter:blur(8px);box-shadow:0 24px 60px #00000073}.team-setup h2{margin:0;font-size:28px;letter-spacing:-.3px}.team-intro{margin:0;color:var(--muted);max-width:62ch;line-height:1.5}.team-stage{position:relative;height:clamp(220px,38vh,340px);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#a9c9ea,#d7e6ee 55%,#c6d9b4)}.team-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.team-cards{display:grid;grid-template-columns:repeat(var(--n, 3),minmax(0,300px));justify-content:center;gap:12px}.team-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(140,170,255,.12);text-align:center}.team-card h3{margin:0 0 2px;font-size:20px}.team-card p{margin:0;font-size:14px;font-variant-numeric:tabular-nums}.team-card .mood{margin-top:6px;padding:2px 10px;border-radius:999px;background:#7fffb024;color:var(--accent-2);font-size:13px;font-weight:600}.team-card.locked{border-color:#ffd35ab3;box-shadow:inset 0 0 0 1px #ffd35a59}.team-card .lock{position:absolute;top:6px;right:6px;width:36px;height:36px;padding:7px;border-radius:10px;border:1px solid rgba(140,170,255,.2);background:#ffffff0a;color:var(--muted);cursor:pointer}.team-card .lock svg{width:100%;height:100%;display:block}.team-card .lock:hover:not(:disabled){color:var(--text);background:#ffffff1a}.team-card .lock[aria-pressed=true]{color:#ffd35a;border-color:#ffd35a99;background:#ffd35a1f}.team-card .lock:disabled{opacity:.35;cursor:not-allowed}.skills{list-style:none;margin:10px 0 0;padding:0;width:100%;display:grid;gap:5px;text-align:left}.skill{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "bar bar";align-items:end;column-gap:8px;row-gap:3px;font-size:12.5px;color:#aeb6d0}.skill .label{grid-area:label;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill .value{grid-area:value}.skill>.segs{grid-area:bar;display:flex;padding:0 4px 0 5px}.skill>.segs .seg{flex:1 1 0;width:auto;height:9px}.skill.has-passion .label{color:var(--text);font-weight:600}.skill .value{text-align:right;font-weight:700;color:#5ee6c8;font-variant-numeric:tabular-nums}.skill .value.zero{color:#6c7592;font-weight:600}.segs{display:inline-flex;gap:3px;padding:0 3px;vertical-align:middle}.seg{width:8px;height:13px;transform:skew(-22deg);border-radius:1.5px;background:linear-gradient(90deg,#5ee6c8 var(--part, 0%),rgba(255,255,255,.13) var(--part, 0%))}.seg.on{background:#5ee6c8}.seg.passion{outline:2px solid #39ff4f;outline-offset:1px;box-shadow:0 0 6px #39ff4fbf}.team-legend{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.team-legend svg{width:15px;height:15px;vertical-align:-2px;color:#ffd35a}.team-legend .segs{margin-right:2px}.team-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}button.big{min-height:48px;padding:0 22px;font-size:16px}@media(max-width:900px){.team-cards{grid-template-columns:repeat(2,minmax(0,300px))}.team-cards[data-n="1"]{grid-template-columns:minmax(0,300px)}}@media(max-width:560px){.team-cards,.team-cards[data-n="1"]{grid-template-columns:minmax(0,1fr)}.team-setup{padding:18px 16px}.team-card h3{font-size:17px}.team-card p{font-size:12px}.team-actions button{flex:1 1 auto}}.debug-stats{position:fixed;left:50%;bottom:8px;transform:translate(-50%);z-index:50;padding:4px 10px;border-radius:8px;background:#0009;color:#cfe;font:12px/1.4 ui-monospace,Consolas,monospace;white-space:pre;pointer-events:none}.debug-stats.warn{color:#ffb4a8}.colony{position:absolute;top:72px;right:16px;bottom:24px;width:min(780px,calc(100% - 32px));display:flex;flex-direction:column;background:#0a1022e6;border:1px solid var(--panel-border);border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000073;z-index:20;overflow:hidden}.colony-head{display:flex;align-items:center;gap:14px;padding:14px 16px 10px;border-bottom:1px solid var(--panel-border);flex-wrap:wrap}.colony-head h2{margin:0;font-size:20px}.colony-head .close{margin-left:auto;min-width:36px}.colony-tabs{display:flex;gap:4px;background:#ffffff0d;padding:3px;border-radius:10px}.colony-tabs .tab{border:0;background:transparent;color:var(--muted);padding:6px 12px;border-radius:8px;font-weight:600;cursor:pointer;min-height:32px}.colony-tabs .tab[aria-selected=true]{background:var(--accent);color:#fff}.colony-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.colony-body .empty{padding:20px}.colony-people{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr)}.colony-list{list-style:none;margin:0;padding:8px;overflow-y:auto;border-right:1px solid var(--panel-border);display:grid;align-content:start;gap:4px}.colony .who{width:100%;display:grid;grid-template-columns:14px minmax(0,1fr);grid-template-areas:"dot name" "dot act" "dot mood";column-gap:8px;row-gap:2px;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid transparent;background:#ffffff08;color:var(--text);cursor:pointer}.colony .who[aria-pressed=true]{border-color:#7fa8ff99;background:#4f7cff24}.colony .who .who-dot{grid-area:dot;align-self:start;margin-top:3px}.colony .who-name{grid-area:name;font-weight:700}.colony .who-act{grid-area:act;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colony .mini-mood{grid-area:mood;height:4px;border-radius:3px;background:#ffffff1a;overflow:hidden;margin-top:3px}.colony .mini-mood .fill{display:block;height:100%}.who-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#888;box-shadow:0 0 0 2px #ffffff26;flex:none}.colony-detail-box{min-height:0;display:flex;flex-direction:column}.colony-detail{flex:1;min-height:0;overflow-y:auto;padding:14px 18px 20px;display:flex;flex-direction:column;gap:16px}.detail-head{display:flex;align-items:center;gap:12px}.detail-head .who-dot{width:22px;height:22px}.detail-head>div{flex:1;min-width:0}.detail-name{margin:0;font-size:22px}.detail-head p{margin:2px 0 0;font-size:13px}.sheet h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.meter{display:grid;grid-template-columns:100px minmax(0,1fr) 46px;align-items:center;gap:10px;font-size:13px;margin-bottom:6px}.meter .bar{height:8px;border-radius:5px;background:#ffffff17;overflow:hidden}.meter .fill{display:block;height:100%;border-radius:5px}.meter-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.notes{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:3px;font-size:13px}.notes li{display:flex;justify-content:space-between;gap:10px;padding:3px 8px;border-radius:6px;background:#ffffff08}.notes li.good b{color:#4fd1a5}.notes li.bad b{color:#ff8a8a}.rels{list-style:none;margin:0;padding:0;display:grid;gap:5px}.rels li{display:grid;grid-template-columns:12px minmax(70px,1fr) auto minmax(80px,1.3fr) 38px 46px auto;align-items:center;gap:8px;font-size:13px}.rel-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.chip.good{background:#4fd1a529;color:#6ee0b6}.chip.bad{background:#ff6b6b29;color:#ff9a9a}.chip.love{background:#ff80be2e;color:#ff9fcf}.chip.neutral{background:#ffffff14;color:var(--muted)}.op-bar{position:relative;height:8px;border-radius:5px;background:#ffffff14}.op-bar:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#ffffff59}.op-fill{position:absolute;top:0;bottom:0;border-radius:5px}.rel-val{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.rel-back{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.rel-rom{font-size:12px;color:#ff9fcf;white-space:nowrap}.matrix-wrap{overflow:auto;padding:14px 16px 6px}.matrix{border-collapse:separate;border-spacing:4px;font-size:13px}.matrix th{font-weight:600;white-space:nowrap;padding:4px 6px;text-align:left}.matrix thead th{text-align:center;vertical-align:bottom}.matrix th .who-dot{margin-right:6px;vertical-align:-1px}.matrix .corner{color:var(--muted);font-size:11.5px;font-weight:500}.matrix td{min-width:86px;height:56px;border-radius:10px;text-align:center;vertical-align:middle;position:relative;padding:4px}.matrix td.self{background:#ffffff08;color:var(--muted)}.cell-val{display:block;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.cell-st{display:block;font-size:11px;opacity:.85}.cell-heart{position:absolute;top:3px;right:6px;color:#ffb3d9;font-size:12px}.colony .legend{padding:0 18px 14px;font-size:12.5px}.journal{list-style:none;margin:0;padding:12px 16px;overflow-y:auto;display:grid;gap:6px;align-content:start}.journal li{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border-left:3px solid rgba(255,255,255,.15);font-size:13.5px}.journal li.good{border-left-color:#4fd1a5}.journal li.bad{border-left-color:#ff6b6b}.journal li.love{border-left-color:#ff8fc7}.journal .when{color:var(--muted);font-size:12px}@media(max-width:720px){.colony{inset:8px;width:auto}.colony-head{gap:8px 12px}.colony-head h2{order:0}.colony-head .close{order:1}.colony-tabs{order:2;flex:1 1 100%}.colony-tabs .tab{flex:1;padding:6px 8px}.colony-people{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.colony-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--panel-border)}.colony-list li{flex:0 0 150px}.rels li{grid-template-columns:12px minmax(60px,1fr) auto 38px}.rels .op-bar,.rels .rel-back{display:none}.rels .rel-rom{grid-column:2 / -1}.journal li{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.actionbar-track .action .label{display:none}.actionbar-track .action .icon svg{width:24px;height:24px}.actionbar-track .action .soon-tag{font-size:0;width:6px;height:6px;border-radius:50%;background:#ffd479;top:4px;right:4px}}.hud .stock-panel{top:76px;right:16px;min-width:190px;max-width:260px;padding:9px 12px 10px}.stock-panel[hidden]{display:none}.stock-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.stock-title .cells{text-transform:none;letter-spacing:0;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.stock-title .cells.full{color:var(--danger)}.stock-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px;font-size:13px}.stock-list li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px}.stock-list li.empty{display:block;color:var(--muted);font-style:italic}.stock-list b{font-variant-numeric:tabular-nums}.stock-list .sw{width:10px;height:10px;border-radius:3px;transform:rotate(45deg) scale(.85)}.res-wood{background:#a0703f}.res-stone{background:#9a948e}.res-coal{background:#1d1d22;box-shadow:0 0 0 1px #ffffff40}.res-copper{background:#d0763a}.res-tin{background:#e6cf7c}.res-iron{background:#9a4a30}.stock-panel .warn{margin:7px 0 0;font-size:12px;color:var(--danger)}@media(max-width:800px){.hud .stock-panel{top:96px;right:10px;min-width:0;max-width:46%;padding:7px 10px}.stock-list{font-size:12px}}
/*# sourceMappingURL=app-ALXXOE4W.css.map */