:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.35 system-ui,-apple-system,Segoe UI,sans-serif}html,body{color:#e6edf3;background:#10151c;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}.panel [hidden]{display:none!important}.panel h3{text-transform:uppercase;letter-spacing:.06em;color:#8b98a5;margin:12px 0 4px;font-size:11px;font-weight:600}.panel .status{color:#c9d1d9;font-size:12px}.panel .grid{grid-template-columns:1fr auto;gap:2px 8px;display:grid}.panel .value{font-variant-numeric:tabular-nums;text-align:right}.panel .population{color:#8b98a5;margin-top:6px;font-size:12px}.panel .palette{grid-template-columns:1fr 1fr;gap:4px;display:grid}.panel button{font:inherit;color:inherit;text-align:left;cursor:pointer;background:#1f2833;border:1px solid #2f3b48;border-radius:4px;padding:3px 6px}.panel button:hover{background:#2a3542}.panel button:disabled{opacity:.4;cursor:default}.panel .inventions{color:#c9d1d9;margin:4px 0 0;padding:0;font-size:12px;list-style:none}.panel button.active{background:#1d3b2f;border-color:#52b788}.panel button.danger{border-color:#7a2e35}.panel .row{grid-template-columns:1fr 22px 18px 22px;align-items:center;gap:4px;margin:2px 0;display:grid}.panel .row.wide{grid-template-columns:1fr 26px 22px 18px 22px}.panel .muted{color:#8b98a5}.panel .row.trade{grid-template-columns:1fr 34px 34px 34px 38px;font-size:12px}.panel .offers{margin:0;padding:0;font-size:12px;list-style:none}.panel .offers li{justify-content:space-between;align-items:center;gap:6px;margin:2px 0;display:flex}.panel .offer-form{grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:6px;display:grid}.panel .offer-form select,.panel .offer-form input{min-width:0;font:inherit;color:inherit;background:#1f2833;border:1px solid #2f3b48;border-radius:4px;padding:2px 4px}.panel .row button,.panel .row .value{text-align:center;padding:0}.panel .selection{border:1px solid #2f3b48;border-radius:6px;gap:6px;margin-top:12px;padding:6px;display:grid}.panel .log{color:#f4a261;margin:10px 0 0;padding:0;font-size:12px;list-style:none}.panel .hint{color:#6e7b88;margin-top:12px;font-size:11px}#lobby{background:radial-gradient(1200px 600px at 50% -10%,#52b7882e,#0000 60%),radial-gradient(900px 500px at 50% 110%,#f4a2611a,#0000 60%),#0e1318;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}#lobby .card{background:#141a21f0;border:1px solid #2b3440;border-radius:14px;gap:14px;width:min(420px,100%);padding:26px 26px 20px;display:grid;box-shadow:0 24px 60px #00000073}#lobby .brand-line{color:#8b98a5;align-items:center;gap:8px;font-size:12px;display:flex}#lobby .rooms{border-bottom:1px solid #242d37;gap:8px;padding-bottom:14px;display:grid}#lobby .rooms-title{text-transform:uppercase;letter-spacing:.07em;color:#8b98a5;margin:0;font-size:11px;font-weight:600}#lobby .rooms-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}#lobby .room{background:#1a222b;border:1px solid #2f3b48;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name join""meta join""secret secret";align-items:center;gap:2px 10px;padding:9px 12px;display:grid}#lobby .room-name{text-overflow:ellipsis;white-space:nowrap;color:#e6edf3;grid-area:name;font-size:14px;font-weight:600;overflow:hidden}#lobby .room-meta{color:#7b8895;grid-area:meta;font-size:11.5px}#lobby .room-join{color:#0e1318;background:#52b788;border:0;grid-area:join;padding:7px 14px;font-size:13px;font-weight:700}#lobby .room-join:disabled{cursor:not-allowed;color:#6e7b88;background:#243039}#lobby .room-password,#lobby #lobby-name,#lobby #lobby-password{font:inherit;color:#dbe3ea;background:#10151c;border:1px solid #3a4756;border-radius:6px;grid-area:secret;margin-top:6px;padding:7px 9px;font-size:13px}#lobby #lobby-password{margin-top:-6px}#lobby .brand{letter-spacing:.02em;color:#e6edf3;font-weight:700}#lobby .badge{text-transform:uppercase;letter-spacing:.08em;color:#0e1318;background:#f4a261;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}#lobby h1{color:#f0f4f8;margin:0;font-size:24px;font-weight:700}#lobby .lead{color:#9aa7b4;margin:-6px 0 2px;font-size:13px;line-height:1.45}#lobby .row{gap:6px;display:grid}#lobby .row-title{text-transform:uppercase;letter-spacing:.07em;color:#8b98a5;font-size:11px;font-weight:600}#lobby .segmented{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}#lobby .segment{cursor:pointer;background:#1a222b;border:1px solid #2f3b48;border-radius:8px;place-items:center;gap:1px;min-height:42px;padding:6px 4px;transition:border-color .12s,background .12s;display:grid;position:relative}#lobby .segment:hover{border-color:#4a5a6b}#lobby .segment input{opacity:0;pointer-events:none;position:absolute}#lobby .segment-label{color:#dbe3ea;font-size:14px;font-weight:600}#lobby .segment-note{color:#7b8895;font-size:10.5px}#lobby .segment:has(input:checked){background:#1d3b2f;border-color:#52b788}#lobby .segment:has(input:checked) .segment-label{color:#b7f0d2}#lobby .segment:has(input:focus-visible){outline-offset:2px;outline:2px solid #52b788}#lobby .switch-row{cursor:pointer;background:#1a222b;border:1px solid #2f3b48;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}#lobby .switch-row .row-note{color:#7b8895;font-size:12px}#lobby input[role=switch]{appearance:none;cursor:pointer;background:#2f3b48;border-radius:999px;width:38px;height:22px;margin:0;transition:background .15s;position:relative}#lobby input[role=switch]:after{content:"";background:#e6edf3;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}#lobby input[role=switch]:checked{background:#52b788}#lobby input[role=switch]:checked:after{transform:translate(16px)}#lobby input[role=switch]:focus-visible{outline-offset:2px;outline:2px solid #52b788}#lobby button{font:inherit;cursor:pointer;border-radius:10px}#lobby button.primary{color:#0e1318;background:#52b788;border:0;margin-top:4px;padding:12px;font-size:16px;font-weight:700;transition:background .12s,transform 60ms}#lobby button.primary:hover{background:#63c99a}#lobby button.primary:active{transform:translateY(1px)}#lobby button.primary:disabled{cursor:not-allowed;color:#6e7b88;background:#243039}#lobby .busy{color:#f6d2b0;background:#f4a2611a;border:1px solid #f4a26173;border-radius:8px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.45}#lobby button.secondary{color:#c9d1d9;background:0 0;border:1px solid #3a4756;padding:9px;font-size:13px}#lobby button.secondary:hover{color:#e6edf3;border-color:#52b788}#lobby button:focus-visible{outline-offset:2px;outline:2px solid #f4a261}#lobby .invite-note{text-align:center;color:#7b8895;min-height:1em;margin:-6px 0 0;font-size:12px}#lobby #lobby-link{font:inherit;color:#8b98a5;background:#1a222b;border:1px solid #2f3b48;border-radius:6px;padding:6px 8px;font-size:11px}#lobby .community{text-align:center;color:#7b8895;margin:0;font-size:12.5px}#lobby a.telegram{color:#6cc4f5;font-weight:600;text-decoration:none}#lobby a.telegram:before{content:"✈ "}#lobby a.telegram:hover,#lobby a.telegram:focus-visible{text-decoration:underline}#lobby details.more{color:#8b98a5;border-top:1px solid #242d37;padding-top:10px;font-size:12px}#lobby details.more summary{cursor:pointer;margin-bottom:8px}#lobby select{font:inherit;color:#dbe3ea;background:#1a222b;border:1px solid #2f3b48;border-radius:6px;padding:6px 8px}#lobby[hidden],#lobby [hidden]{display:none!important}#clock{font-variant-numeric:tabular-nums;width:auto;max-width:340px;padding:6px 10px;position:fixed;inset:8px auto auto 8px}#hud{grid-template-rows:auto minmax(0,1fr) auto;gap:6px;max-height:21vh;padding:6px 10px;display:grid;position:fixed;bottom:8px;left:8px;right:8px}#card{width:270px;max-height:46vh;padding:6px 10px;position:fixed;inset:auto 8px calc(21vh + 16px) auto;overflow-y:auto}.panel{background:#10151ce6;border:1px solid #2b3440;border-radius:8px}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab-body{overflow-y:auto}.tab-body>[hidden]{display:none!important}.bar-foot{grid-template-columns:auto 1fr;align-items:start;gap:10px;font-size:12px;display:grid}#resources{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:14px;padding:6px 16px;font-size:15px;font-weight:600;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}#resources .res{cursor:default;align-items:center;gap:5px;display:inline-flex}#resources .res .value{min-width:2ch}#resources .res.low .value{color:#ff7b72}#resources .divider{background:#2b3440;width:1px;height:18px}.icon{line-height:0;display:inline-flex}#players{color:#c9d1d9;gap:6px;width:270px;padding:8px 10px;font-size:12px;display:grid;position:fixed;top:78px;left:8px}#players[hidden]{display:none}#players .players-head{justify-content:space-between;align-items:baseline;display:flex}#players .players-title{text-transform:uppercase;letter-spacing:.06em;color:#8b98a5;font-size:11px;font-weight:600}#players .players-count{color:#52b788;font-size:11px}#players .players-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}#players .player-row{grid-template-columns:10px minmax(0,1fr) auto auto auto;align-items:center;gap:6px;display:grid}#players .player-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff80}#players .player-name{font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;color:#e6edf3;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;overflow:hidden}#players .player-name:hover{text-decoration:underline}#players .player-me{color:#0e1318;background:#8b98a5;border-radius:999px;padding:0 5px;font-size:10px}#players .player-status{color:#6e7b88;font-size:11px}#players .player-status.online:before{content:"● ";color:#52b788}#players .player-write{font:inherit;color:#6cc4f5;cursor:pointer;background:0 0;border:1px solid #2f3b48;border-radius:4px;padding:0 4px}#players .chat-log{border-top:1px solid #242d37;max-height:22vh;margin:0;padding:4px 0 0;list-style:none;overflow-y:auto}#players .chat-log:empty{display:none}#players .chat-item{overflow-wrap:anywhere;padding:1px 0;line-height:1.35}#players .chat-item.private .chat-private{color:#f4a261}#players .chat-from{font-weight:600}#players .chat-form{grid-template-columns:78px minmax(0,1fr) auto;gap:4px;display:grid}#players .chat-form select,#players .chat-form input{min-width:0;font:inherit;color:#dbe3ea;background:#1a222b;border:1px solid #2f3b48;border-radius:4px;padding:3px 5px}#players .chat-send{font:inherit;color:#0e1318;cursor:pointer;background:#52b788;border:0;border-radius:4px;padding:0 8px}#notices{width:300px;max-height:34vh;padding:6px 10px;position:fixed;top:8px;right:8px;overflow-y:auto}#notices[hidden]{display:none}#notices .notices-head{text-transform:uppercase;letter-spacing:.06em;color:#8b98a5;margin-bottom:4px;font-size:11px;font-weight:600}#notices .log{gap:3px;margin:0;padding:0;list-style:none;display:grid}#notices .log li{grid-template-columns:auto 1fr;gap:8px;font-size:12px;transition:opacity .6s;display:grid}#notices .log li.old{opacity:.5}#notices .log .when{color:#8b98a5;font-variant-numeric:tabular-nums}#hud .tab-body .palette{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:4px}.panel button.build{align-content:end;justify-items:center;gap:2px;min-height:84px;padding:4px 3px 3px;display:grid;position:relative}.panel button.build img{object-fit:contain;width:58px;height:58px}.panel button.build .name{text-align:center;font-size:11px;display:none}.panel button.build.no-image .name{margin-top:18px;display:block}.panel button.build .cost{font-variant-numeric:tabular-nums;gap:4px;font-size:11px;display:flex}.panel button.build .cost-item{align-items:center;gap:2px;display:inline-flex}.panel button.build .cost-item .icon svg{width:12px;height:12px}.panel button.build .cost-name{color:#8b98a5}.panel button.build .key{color:#8b98a5;font-size:10px;position:absolute;top:2px;left:4px}.panel button.build .lock{display:none;position:absolute;top:3px;right:3px}.panel button.build:disabled .lock{display:inline-flex}.panel button.build:disabled img{filter:grayscale();opacity:.45}.tab-body .grid,.tab-body .palette,.tab-body .training,.tab-body .priorities,.tab-body .market{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 12px;display:grid}.tab-body .market{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tab-body .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#loading{z-index:10;background:#10151c;place-items:center;display:grid;position:fixed;inset:0}#loading[hidden]{display:none}#loading .card{color:#d6dde5;background:#161c24f2;border:1px solid #2b3440;border-radius:8px;gap:10px;width:360px;padding:16px 18px;font:13px system-ui,sans-serif;display:grid}#loading .bar{background:#0b0f14;border:1px solid #2b3440;border-radius:4px;height:8px;overflow:hidden}#loading-fill{background:#3fb950;width:0;height:100%;transition:width .12s linear}#loading .hint{color:#6e7b88;font-size:11px}#hud{background:linear-gradient(#2b2118f2,#18130ff5);border:1px solid #8a6a3a;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);max-height:24vh;box-shadow:inset 0 0 0 1px #00000080,0 4px 18px #00000073}#card{bottom:calc(24vh + 16px)}#hud .tabs{border-right:1px solid #5a4428;grid-row:1/span 2;grid-template-columns:repeat(2,36px);grid-auto-rows:36px;align-content:start;gap:5px;padding-right:8px;display:grid}#hud button.tab{background:radial-gradient(circle at 35% 30%,#5a4630,#2a2017 70%);border:1px solid #8a6a3a;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}#hud button.tab svg{width:20px;height:20px}#hud button.tab:hover{border-color:#e3b341}#hud button.tab.active{border-color:#e3b341;box-shadow:0 0 0 2px #e3b34159,inset 0 0 8px #e3b34159}#hud .tab-body{padding-right:4px}#hud .bar-foot{color:#b8a88a;grid-column:2}#hud .hint{color:#8a7a5e}#hud .cards{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:5px;display:grid}#hud .card-name{color:#d8c8a8;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.tile-base,#hud .good-tile,#hud .card-tile,#hud .prio,#hud .invention,#hud .deal{background:linear-gradient(#3a2d20,#2a2118);border:1px solid #5a4428;border-radius:7px}#hud .inventory{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:4px;display:grid}#hud .good-tile{justify-items:center;gap:1px;padding:4px 2px;display:grid}#hud .good-tile .icon svg{width:24px;height:24px}#hud .good-tile .value{color:#f0e2c0;font-size:14px;font-weight:700}#hud .good-tile .good-name{color:#a8977a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}#hud .good-tile.empty{opacity:.38}#hud .card-tile{justify-items:center;gap:2px;padding:4px;display:grid;position:relative}#hud .card-tile img{object-fit:contain;width:54px;height:54px}#hud .card-tile .badge.have{color:#2a2017;text-align:center;background:#e3b341;border-radius:9px;min-width:18px;padding:0 4px;font-size:11px;font-weight:700;position:absolute;top:3px;left:3px}#hud .card-tile.ordered{border-color:#e3b341}#hud .stepper{align-items:center;gap:6px;display:flex}#hud .stepper .orders{color:#f0e2c0;text-align:center;min-width:2ch;font-weight:700}#hud button.round{border-radius:50%;width:22px;height:22px;padding:0;font-weight:700;line-height:1}#hud .priority-cards{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}#hud .prio{justify-items:center;gap:2px;padding:4px;display:grid}#hud .prio img,#hud .prio .prio-icon{object-fit:contain;flex:none;place-items:center;width:56px;height:56px;display:grid}#hud .prio .prio-icon svg{width:28px;height:28px}#hud .prio-body{flex:1;grid-template-columns:1fr auto;align-items:center;gap:0 6px;min-width:0;display:grid}#hud .prio-body .card-name{text-align:left;grid-column:1/span 2}#hud .prio-value{color:#e3b341;text-align:right;min-width:7ch;font-size:11px}#hud .prio.stopped{opacity:.6}#hud .prio.stopped .prio-value{color:#ff7b72}#hud input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px}#hud input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#5a4428,#8a6a3a);border:1px solid #1d160f;border-radius:3px;height:6px}#hud input[type=range]::-moz-range-track{background:linear-gradient(90deg,#5a4428,#8a6a3a);border:1px solid #1d160f;border-radius:3px;height:6px}#hud input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%,#ffe08a,#c4901f);border:1px solid #5e3d1e;border-radius:50%;width:14px;height:14px;margin-top:-5px}#hud input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#ffe08a,#c4901f);border:1px solid #5e3d1e;border-radius:50%;width:14px;height:14px}#hud .stage{grid-template-columns:auto 1fr 1fr;align-items:center;gap:4px 14px;margin-bottom:5px;display:grid}#hud .stage .population{margin:0}#hud .meter{color:#b8a88a;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-size:11px;display:grid}#hud .bar{background:#1d160f;border:1px solid #4a3822;border-radius:4px;height:7px;overflow:hidden}#hud .bar .fill{background:linear-gradient(90deg,#8a6a3a,#e3b341);width:0;height:100%}#hud .meter.done .fill{background:linear-gradient(90deg,#3f8a3a,#7fd06a)}#hud .invention-cards{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}#hud .invention{grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;padding:4px 6px;display:grid}#hud .invention .card-name{text-align:left}#hud .invention .bar{grid-column:1/span 2}#hud .invention .inv-state{color:#b8a88a;font-size:11px}#hud .invention.done{border-color:#e3b341}#hud .invention.done .fill{background:linear-gradient(90deg,#c4901f,#ffe08a)}#hud .invention.busy{border-color:#7ec4b0}#hud .invention.locked{opacity:.45}#hud .staff{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px;margin:0 0 5px;padding:0;list-style:none;display:grid}#hud .staff li{background:#2a2118;border:1px solid #5a4428;border-radius:7px;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 6px;font-size:12px;display:flex}#hud .gauge-label{letter-spacing:.04em;color:#e3b341;font-size:12px;font-weight:700}#hud .gauge{background:linear-gradient(90deg,#7a1f18 0% 10%,#5a5048 30%,#6a6a60 50%,#8a7a40 70%,#e3b341 100%);border:1px solid #1d160f;border-radius:7px;height:14px;margin:4px 0 6px;position:relative}#hud .gauge .fill{background:#ffffff1f;border-radius:7px 0 0 7px;height:100%}#hud .gauge .mark{background:#f0e2c0;width:2px;position:absolute;top:-3px;bottom:-3px}#hud .gauge .mark.wrath{background:#ff7b72}#hud .gauge .needle{border-top:8px solid #ffe08a;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;margin-left:-6px;position:absolute;top:-5px}#hud .gift{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:5px 0;display:flex}#hud .gift input[type=range]{width:160px}#hud .qty{color:#f0e2c0;min-width:3ch;font-weight:700}#hud .chips{flex-wrap:wrap;gap:3px;display:flex}#hud button.chip{border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}#hud button.chip.active{border-color:#e3b341;box-shadow:0 0 0 2px #e3b34159}#hud button.primary{color:#1d160f;background:linear-gradient(#c4901f,#8a6414);border-color:#e3b341;font-weight:700}#hud .miracles{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#hud button.miracle{border-color:#e3b341;border-radius:16px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}#hud button.miracle svg{width:20px;height:20px}#hud button.buy{border-color:#3f8a3a}#hud button.sell{border-color:#b5703b}#hud .price{color:#f0e2c0}#hud .price.muted{color:#a8977a}#hud button{color:#f0e2c0;background:#3a2d20;border:1px solid #6a5030}#hud button:hover:not(:disabled){border-color:#e3b341}#card{background:linear-gradient(#2b2118f5,#18130ff7);border:1px solid #8a6a3a;width:290px;padding:8px 10px;box-shadow:0 4px 18px #00000073}#card .selection{background:0 0;border:none;gap:6px;padding:0;display:grid}#card .card-head{border-bottom:1px solid #5a4428;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding-bottom:6px;display:grid}#card .card-head img{object-fit:contain;background:radial-gradient(circle at 50% 40%,#4a3a28,#221a12);border:1px solid #5a4428;border-radius:8px;width:60px;height:60px;padding:2px}#card .card-title{color:#f0e2c0;font-size:15px;font-weight:700}#card .card-sub{color:#b8a88a;font-size:12px}#card .card-body{gap:4px;display:grid}#card .stat{color:#d8c8a8;grid-template-columns:78px 1fr auto;align-items:center;gap:6px;font-size:12px;display:grid}#card .stat .bar,#card .material .bar{background:#1d160f;border:1px solid #4a3822;border-radius:4px;height:8px;overflow:hidden}#card .stat .fill,#card .material .fill{background:linear-gradient(90deg,#8a6a3a,#e3b341);height:100%}#card .stat.hp .fill{background:linear-gradient(90deg,#3f8a3a,#7fd06a)}#card .stat.low .fill{background:linear-gradient(90deg,#8a2a1f,#e0604a)}#card .stat.vitality .fill{background:linear-gradient(90deg,#2f6a8a,#6ab0e0)}#card .stat.mood .fill{background:linear-gradient(90deg,#8a6a3a,#f0c060)}#card .stat-value{font-variant-numeric:tabular-nums;text-align:right;color:#f0e2c0;min-width:5ch}#card .fact{color:#d8c8a8;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;font-size:12px;display:grid}#card .fact img{object-fit:contain;width:20px;height:20px}#card .fact .fact-value{color:#f0e2c0;font-variant-numeric:tabular-nums;font-weight:700}#card .materials{flex-wrap:wrap;gap:4px;display:flex}#card .material{color:#f0e2c0;background:#2a2118;border:1px solid #5a4428;border-radius:6px;grid-template-columns:auto auto;align-items:center;gap:2px 4px;padding:3px 6px;font-size:12px;display:grid}#card .material .bar{grid-column:1/span 2;height:4px}#card .material.done{border-color:#3f8a3a}#card .card-actions{flex-wrap:wrap;gap:4px;display:flex}#card button{color:#f0e2c0;background:#3a2d20;border:1px solid #6a5030;align-items:center;gap:4px;display:inline-flex}#card button:hover:not(:disabled){border-color:#e3b341}#card button.active{border-color:#e3b341;box-shadow:0 0 0 2px #e3b3414d}#card button.danger{color:#ffb4a8;border-color:#8a2a1f}#clock{background:linear-gradient(#2b2118f2,#18130ff5);border:1px solid #8a6a3a;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}#clock .dial{line-height:0;position:relative}#clock .dial-glyph{color:#ffd166;text-shadow:0 0 4px #000c;font-size:15px;line-height:1;position:absolute;bottom:-2px;right:-4px}#clock .dial-glyph.night{color:#c9d6ff}#clock .clock-day{color:#d8c8a8;font-size:12px;font-weight:600}#clock .clock-time{color:#f0e2c0;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1.1}#clock .status{color:#8a7a5e;font-size:10px}#resources,#notices{background:linear-gradient(#2b2118f2,#18130ff5);border:1px solid #8a6a3a}#resources .res .value{color:#f0e2c0}#resources .divider{background:#5a4428}#notices .notices-head{color:#e3b341}#hud .science{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:10px;display:grid}#hud .science-side{align-content:start;gap:6px;min-width:0;max-height:200px;padding-right:2px;display:grid;overflow-y:auto}#hud .science-steps{grid-template-columns:1fr;gap:4px;display:grid}#hud .step{background:linear-gradient(#3a2d20,#2a2118);border:1px solid #5a4428;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;min-height:34px;padding:3px 8px 3px 30px;display:grid;position:relative}#hud .step img{object-fit:contain;grid-row:1/span 2;width:38px;height:38px}#hud .step .step-n{color:#2a2017;background:#e3b341;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid;position:absolute;top:50%;left:6px;transform:translateY(-50%)}#hud .step .step-title{color:#f0e2c0;font-weight:700}#hud .step .step-body{color:#b8a88a;font-size:11px}#hud .step.warn{border-color:#b5703b}#hud .step.warn .step-body{color:#ffb07a}#hud .science-people{grid-template-columns:1fr;gap:4px;display:grid}#hud .group-title{letter-spacing:.04em;text-transform:uppercase;color:#e3b341;margin:2px 0 4px;font-size:11px;font-weight:700}#hud .science-row{flex-wrap:wrap;gap:5px;display:flex}#hud .person{color:#d8c8a8;background:linear-gradient(#3a2d20,#2a2118);border:1px solid #5a4428;border-radius:8px;gap:2px;width:170px;padding:5px 7px;font-size:11px;display:grid}#hud .person.idle{border-color:#b5703b}#hud .person.chosen{border-color:#e3b341;box-shadow:0 0 0 2px #e3b34159}#hud .person-head{align-items:baseline;gap:6px;display:flex}#hud .stars{color:#e3b341;letter-spacing:1px}#hud .person-rank{color:#f0e2c0;font-weight:700}#hud .person-facts{justify-content:space-between;gap:6px;display:flex}#hud .person .wage{align-items:center;gap:3px;display:inline-flex}#hud .person .wage svg{width:12px;height:12px}#hud .person-task{color:#f0e2c0}#hud .person.idle .person-task{color:#ffb07a}#hud .person-eta,#hud .empty-note{color:#a8977a}#hud .person-actions{gap:4px;display:flex}#hud .person-actions button,#hud .person button.primary{padding:2px 6px;font-size:11px}#hud .science-main{gap:6px;min-width:0;display:grid}#hud .science-tabs{gap:6px;display:flex}#hud .science-tab{color:#d9c9a6;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#3a2d20,#2a2118);border:1px solid #5a4428;border-radius:14px;align-items:center;gap:6px;padding:3px 12px;font-size:11px;font-weight:700;display:flex}#hud .science-tab.active{color:#2a2017;background:linear-gradient(#ffd77a,#e3b341);border-color:#e3b341}#hud .science-tab .tab-count{opacity:.8;font-weight:400}#hud .inv-strip .tree-column{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}#hud .inv-strip .tree-column[hidden]{display:none}#hud .inv{background:linear-gradient(#3a2d20,#2a2118);border:1px solid #5a4428;border-radius:10px;flex:0 0 128px;grid-template-rows:auto auto auto;align-content:start;gap:2px;padding:5px;font-size:11px;display:grid}#hud .inv-pic{background:radial-gradient(at 50% 72%,#5c4a2e 0%,#33271a 55%,#1f1810 100%);border-radius:7px;justify-content:center;align-items:flex-end;height:88px;display:flex;position:relative;overflow:hidden}#hud .inv-pic img.main{object-fit:contain;filter:drop-shadow(0 3px 3px #0000008c);width:88px;height:88px}#hud .inv-pic img.extra{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);width:44px;height:44px;position:absolute;bottom:9px;right:3px}#hud .inv-pic img.extra+img.extra{left:3px;right:auto}#hud .inv-status{color:#f0e2c0;background:#140f0acc;border:1px solid #5a4428;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:4px;left:4px}#hud .inv-stage{color:#b8a88a;background:#140f0abf;border-radius:8px;padding:1px 6px;font-size:9.5px;position:absolute;top:4px;right:4px}#hud .inv-pic .bar{height:4px;margin:0;position:absolute;bottom:4px;left:6px;right:6px}#hud .inv-name{text-align:center;color:#f0e2c0;font-size:12px;font-weight:700}#hud .inv-note{text-align:center;color:#b8a88a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.25;display:-webkit-box;overflow:hidden}#hud .inv-pic button.primary{padding:2px 10px;font-size:11px;position:absolute;bottom:11px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0009}#hud .inv .checklist{columns:2;column-gap:8px;font-size:10px;line-height:1.25}#hud .inv[data-state=done]{border-color:#e3b341}#hud .inv[data-state=done] .inv-status{color:#2a2017;background:#e3b341;border-color:#ffe08a}#hud .inv[data-state=done] .fill{background:linear-gradient(90deg,#c4901f,#ffe08a)}#hud .inv[data-state=busy]{border-color:#7ec4b0;box-shadow:0 0 0 1px #7ec4b059}#hud .inv[data-state=open]{border-color:#8a6a3a}#hud .inv[data-state=locked] .inv-pic img{filter:grayscale()brightness(.55)}#hud .inv[data-state=locked] .inv-name{color:#9a8a6e}#hud .inv.stage-up{background:linear-gradient(#4a3620,#2a2118);flex-basis:190px}#hud .checklist{margin:0;padding:0;list-style:none}#hud .checklist .ok{color:#7fd06a}#hud .checklist .todo{color:#ffb07a}#hud .school-summary{flex-wrap:wrap;gap:6px 16px;margin-bottom:5px;display:flex}#hud .school-summary .group-title{align-self:center;margin:0 6px 0 0}#hud .queue{flex-wrap:wrap;align-items:center;gap:4px;display:flex}#hud .queue-item{color:#f0e2c0;background:#3a2d20;border:1px solid #e3b341;border-radius:14px;align-items:center;gap:3px;padding:1px 6px 1px 2px;font-size:12px;display:inline-flex}#hud .queue-item img{object-fit:contain;width:24px;height:24px}#hud .queue-item .bar{width:40px;height:5px}#hud .card-tile .ribbon{color:#f0f0e0;background:#3f8a3a;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700;position:absolute;top:3px;right:3px}#hud .card-tile.ordered{border-color:#7fd06a;box-shadow:0 0 0 2px #7fd06a59}#hud .card-tile .badge.have{font-size:10px}#hud .card-tile .ribbon.learning{background:#2f6a8a}#hud .card-tile.learning{border-color:#6ab0e0}#hud .inv .bar[hidden]{display:none}#hud .decrees{gap:6px;max-width:760px;display:grid}#hud .decree-row{grid-template-columns:130px 160px 110px 1fr;align-items:center;gap:10px;display:grid}#hud .decree-title{color:#f0e2c0;font-weight:700}#hud .decree-value{color:#e3b341;font-weight:700}#hud .decree-effect{color:#b8a88a;font-size:11px}#hud .decree-summary{color:#e3d3a8;background:#140f0a8c;border-radius:8px;grid-column:1/-1;padding:5px 8px;font-size:11.5px}#hud .prio{cursor:pointer;text-align:center}#hud .prio .prio-flag{visibility:hidden;color:#2a2017;background:#e3b341;border-radius:8px;padding:0 6px;font-size:10px;font-weight:700}#hud .prio.focus{background:linear-gradient(#5a4424,#3a2d1c);border-color:#e3b341;box-shadow:0 0 0 1px #e3b34173}#hud .prio.focus .prio-flag{visibility:visible}.build-hint{color:#e8dcc0;pointer-events:none;white-space:nowrap;z-index:20;background:#10151ce0;border-radius:6px;padding:6px 14px;font-size:13px;position:fixed;bottom:272px;left:50%;transform:translate(-50%)}.build-hint[hidden]{display:none}.build-hint b{color:#f2c14e}.ui-tip{z-index:1000;color:#eadfc6;white-space:pre-line;pointer-events:none;background:#14181ef5;border:1px solid #5a4a30;border-radius:6px;max-width:320px;padding:7px 10px;font-size:12.5px;line-height:1.4;position:fixed;box-shadow:0 4px 14px #00000080}.ui-tip[hidden]{display:none}#hud .good-tile.full .value{color:#f4a261}#hud .good-tile.no-room .value{color:#6e7b88;text-decoration:line-through}#clock .clock-actions{align-self:flex-start;gap:4px;margin-left:6px;display:grid}#clock button.leave-game{color:#d8c7a4;cursor:pointer;background:#00000040;border:1px solid #6b5636;border-radius:6px;padding:3px 9px;font-size:11.5px}#clock button.leave-game:hover{color:#f0e2c0;border-color:#c9573f}#trade{z-index:20;color:#e8dcc0;background:linear-gradient(#2b2118f7,#18130ffa);border:1px solid #8a6a3a;gap:6px;width:min(460px,100vw - 32px);max-height:calc(76vh - 40px);padding:10px 12px;display:grid;position:fixed;bottom:calc(24vh + 16px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 6px 24px #00000080}#trade[hidden],#trade-toast[hidden],#trade [hidden]{display:none}#trade .trade-head{justify-content:space-between;align-items:center;display:flex}#trade .trade-title{color:#f0e2c0;font-size:15px;font-weight:700}#trade button{color:#e8dcc0;font:inherit;cursor:pointer;background:#00000040;border:1px solid #6b5636;border-radius:6px}#trade button:disabled{opacity:.45;cursor:not-allowed}#trade button.primary,#trade-toast button.primary{color:#1d160f;background:linear-gradient(#c4901f,#8a6414);border-color:#e3b341;font-weight:700}#trade .trade-close{width:26px;height:26px;padding:0;font-size:16px}#trade .trade-status{color:#e3b341;font-size:12px}#trade .trade-hint{font-size:11px}#trade .trade-rows{gap:4px;display:grid}#trade .trade-row{grid-template-columns:minmax(0,1fr) 28px 56px 64px;align-items:center;gap:5px;display:grid}#trade .trade-row.chosen .trade-pick{border-color:#e3b341;box-shadow:0 0 0 1px #e3b34159}#trade .trade-pick{text-align:left;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:8px;min-width:0;padding:4px 8px;display:flex}#trade .trade-pick svg{width:22px;height:22px}#trade .trade-text{min-width:0;display:grid}#trade .trade-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}#trade .trade-price,#trade .trade-have{font-size:10.5px}#trade .trade-less{-webkit-user-select:none;user-select:none;touch-action:none;height:28px;padding:0;font-size:16px;font-weight:700}#trade input.trade-qty,#trade select{color:#f0e2c0;width:100%;font:inherit;text-align:center;background:#0000004d;border:1px solid #6b5636;border-radius:6px;padding:3px 6px;font-weight:700}#trade .trade-gold{color:#e3b341;text-align:right;white-space:nowrap;font-weight:700}#trade .trade-foot{border-top:1px solid #5a4428;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}#trade .trade-summary{font-weight:600}#trade .trade-summary.full{color:#e8846b}#trade .trade-action{padding:6px 14px}#trade .trade-wants{border-top:1px solid #5a4428;gap:5px;padding-top:6px;display:grid}#trade .trade-subtitle{color:#f0e2c0;font-weight:700}#trade .trade-want-list{flex-wrap:wrap;gap:4px;display:flex}#trade .trade-want{background:#00000038;border-radius:6px;align-items:center;gap:4px;padding:2px 4px 2px 6px;display:inline-flex}#trade .trade-want svg{width:16px;height:16px}#trade .trade-want-drop{width:20px;height:20px;padding:0}#trade .trade-want-form{grid-template-columns:minmax(0,1fr) 64px auto;gap:5px;display:grid}#trade .trade-want-form select{text-align:left}#trade .trade-want-form button{padding:3px 10px}#trade-toast{z-index:21;color:#f0e2c0;background:linear-gradient(#2b2118f7,#18130ffa);border:1px solid #e3b341;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}#trade-toast button{font:inherit;cursor:pointer;border-radius:6px;padding:4px 10px}#unit-tag{z-index:15;color:#f0e2c0;white-space:nowrap;pointer-events:none;background:#18130fe0;border:1px solid #8a6a3a;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;position:fixed;transform:translate(-50%,calc(-100% - 6px))}#unit-tag[hidden]{display:none}#lobby .saves .room{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name join drop""meta join drop"}#lobby .saves .room button.save-drop{grid-area:drop;width:28px;height:28px;padding:0}