:root{--win-top: #2b3b86;--win-bot: #18225a;--win-solid: #1f2b6c;--win-edge: #dfe4f7;--win-outline: #060a1f;--well: #0d1440;--well-2: #121a4c;--well-edge: #3a4aa0;--rule: rgba(223, 228, 247, .14);--ink: #f3f0e4;--ink-dim: #b4bde0;--ink-faint: #7884b8;--gold: #ffd35c;--gold-deep: #c08a1e;--good: #63de8f;--good-deep: #1f7a45;--warn: #ffae45;--warn-deep: #9a5a12;--bad: #ff6464;--bad-deep: #8e1f2a;--info: #72cbff;--info-deep: #1e5f99;--magic: #c79bff;--btn-top: #4058bb;--btn-bot: #2a3a86;--btn-hover-top: #5069d0;--btn-hover-bot: #33449a;--font-display: "Jersey 10", "Segoe UI", system-ui, sans-serif;--font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "Cascadia Mono", "Consolas", "Courier New", monospace;--topbar-h: 48px;--sidebar-w: 320px;--gap: 8px;--radius: 6px;--radius-sm: 3px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);font-size:13px;line-height:1.4;background:#070b22;color:var(--ink);width:100vw;overflow:hidden;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-synthesis:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}canvas{image-rendering:pixelated}.hidden{display:none!important}.mono{font-family:var(--font-mono)}.dim{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.small{font-size:11px}.c-good{color:var(--good)}.c-warn{color:var(--warn)}.c-bad{color:var(--bad)}.c-info{color:var(--info)}.c-gold{color:var(--gold)}.c-magic{color:var(--magic)}.px-icon{display:block;width:12px;height:12px;flex-shrink:0}*{scrollbar-width:thin;scrollbar-color:var(--well-edge) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--well-edge);border-radius:4px}*::-webkit-scrollbar-track{background:transparent}.win{background:linear-gradient(180deg,var(--win-top) 0%,var(--win-bot) 100%);border:2px solid var(--win-edge);border-radius:var(--radius);box-shadow:0 0 0 2px var(--win-outline),inset 0 0 0 1px #060a1f8c,0 6px 18px #00000073;color:var(--ink)}.win-title,.panel-title,.section-heading{font-family:var(--font-display);font-weight:600;color:var(--gold);letter-spacing:.5px;text-shadow:1px 1px 0 var(--win-outline)}.win-title{font-size:20px}.well{background:var(--well);border:1px solid var(--well-edge);border-radius:var(--radius-sm);box-shadow:inset 0 2px #00000059;padding:10px 12px}.muted-hint{color:var(--ink-faint);font-size:12px;font-style:italic}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.section-heading{font-size:18px;margin:4px 0 6px}.section-head .section-heading{margin:0}.eyebrow{font-family:var(--font-display);font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint)}.stack-list{display:flex;flex-direction:column;gap:6px}.scroll-y{overflow-y:auto}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.kv-grid{display:grid;grid-template-columns:max-content 1fr;gap:3px 10px;font-size:12px}.kv-grid dt{color:var(--ink-faint)}.kv-grid dd{color:var(--ink);min-width:0;overflow-wrap:anywhere}.kv-grid.kv-2col{grid-template-columns:max-content 1fr max-content 1fr}.kv-grid.kv-2col .kv-wide{grid-column:2 / -1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.1;color:var(--ink);background:linear-gradient(180deg,var(--btn-top),var(--btn-bot));border:2px solid var(--win-outline);border-radius:var(--radius-sm);box-shadow:inset 2px 2px #ffffff38,inset -2px -2px #00000047;text-shadow:1px 1px 0 rgba(0,0,0,.5);white-space:nowrap;transition:filter .08s}.btn:hover:not(:disabled){background:linear-gradient(180deg,var(--btn-hover-top),var(--btn-hover-bot))}.btn:active:not(:disabled){box-shadow:inset 2px 2px #00000059,inset -1px -1px #ffffff1a;transform:translateY(1px)}.btn:disabled{filter:grayscale(.8) brightness(.7);opacity:.7}.btn-xs{padding:3px 8px;font-size:16px}.btn-sm{padding:4px 10px;font-size:17px}.btn-lg{padding:9px 16px;font-size:22px}.btn-block{width:100%}.btn-gold{color:#2a1a00;background:linear-gradient(180deg,#ffe18a,#e3a633);text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn-gold:hover:not(:disabled){background:linear-gradient(180deg,#fff0b8,#f0b443)}.btn-good{background:linear-gradient(180deg,#3bb36a,#1f7a45)}.btn-good:hover:not(:disabled){background:linear-gradient(180deg,#4fcb7f,#268c50)}.btn-danger{background:linear-gradient(180deg,#c64250,#8e1f2a)}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#da5462,#a32733)}.btn-magic{background:linear-gradient(180deg,#8b5cf6,#5b32b8)}.btn-ghost{background:transparent;border-color:var(--well-edge);box-shadow:none}.btn-ghost:hover:not(:disabled){background:#ffffff0f;border-color:var(--ink-dim)}.btn-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink);background:linear-gradient(180deg,#c64250,#8e1f2a);border:2px solid var(--win-outline);border-radius:var(--radius-sm);box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #0000004d}.btn-close:hover{background:linear-gradient(180deg,#da5462,#a32733)}.btn-close .px-icon{width:12px;height:12px}.icon-btn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-dim);border-radius:var(--radius-sm);font-size:13px}.icon-btn:hover{color:var(--gold);background:#ffffff14}.btn-text-link{color:var(--info);font-size:12px;text-decoration:underline;text-underline-offset:2px}.btn-text-link:hover{color:var(--gold)}.pill,.status-pill,.thought-pill,.tech-unlock-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:600;line-height:1.5;border-radius:999px;border:1px solid var(--well-edge);background:var(--well);color:var(--ink-dim);white-space:nowrap}.pill-good,.status-online{color:var(--good);border-color:var(--good-deep);background:#1f7a4540}.pill-info,.status-protected{color:var(--info);border-color:var(--info-deep);background:#1e5f9940}.pill-warn{color:var(--warn);border-color:var(--warn-deep);background:#9a5a1240}.pill-bad,.status-hostile{color:var(--bad);border-color:var(--bad-deep);background:#8e1f2a4d}.pill-gold{color:var(--gold);border-color:var(--gold-deep);background:#c08a1e33}.pill-magic{color:var(--magic);border-color:#6a43b8;background:#6a43b840}.pill-solid{font-family:var(--font-display);font-size:16px;font-weight:600;border-radius:var(--radius-sm);padding:1px 8px}.meter{position:relative;height:10px;background:var(--win-outline);border:1px solid var(--well-edge);border-radius:2px;overflow:hidden}.meter-fill{height:100%;width:0;background:var(--good);box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #00000040;transition:width .25s steps(8)}.meter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(6,10,31,.55) calc(10% - 1px),rgba(6,10,31,.55) 10%);pointer-events:none}.meter-sm{height:6px}.meter-sm:after{display:none}.meter-lg{height:14px}.fill-good{background:var(--good)}.fill-warn{background:var(--warn)}.fill-bad{background:var(--bad)}.fill-info{background:var(--info)}.fill-gold{background:var(--gold)}.fill-magic{background:var(--magic)}.seg-tabs{display:flex;gap:2px;padding:3px;background:var(--well);border:1px solid var(--well-edge);border-radius:var(--radius-sm)}.seg-tab{flex:1;padding:5px 10px;font-family:var(--font-display);font-size:18px;color:var(--ink-dim);border-radius:2px;white-space:nowrap}.seg-tab:hover{color:var(--ink);background:#ffffff0f}.seg-tab.active{color:#2a1a00;background:linear-gradient(180deg,#ffe18a,#e3a633);box-shadow:inset 0 -2px #0003}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span{font-size:12px;color:var(--ink-dim);font-weight:600}.field>span em{font-style:normal;font-weight:400;color:var(--ink-faint);margin-left:4px}input[type=text],input[type=password],input[type=email],input[type=number],select{width:100%;padding:7px 9px;font-family:var(--font-body);font-size:13px;color:var(--ink);background:var(--win-outline);border:1px solid var(--well-edge);border-radius:var(--radius-sm);box-shadow:inset 0 2px #0006;-webkit-user-select:text;user-select:text}input::placeholder{color:var(--ink-faint)}input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:inset 0 2px #0006,0 0 0 1px var(--gold)}select option{background:var(--win-bot)}input[type=color]{width:100%;height:34px;padding:2px;background:var(--win-outline);border:1px solid var(--well-edge);border-radius:var(--radius-sm);cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}.form-grid .field-wide{grid-column:1 / -1}.trade-form-box .form-grid{grid-template-columns:1fr 80px}.form-grid-3,.form-grid-alliance{grid-template-columns:2fr 1fr 1fr}.hud-topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;background:linear-gradient(180deg,var(--win-top) 0%,var(--win-bot) 100%);border-bottom:2px solid var(--win-edge);box-shadow:0 2px 0 var(--win-outline),0 6px 14px #00000073;z-index:30;position:relative}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;overflow:hidden}.brand-title{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--gold);letter-spacing:1px;text-shadow:2px 2px 0 var(--win-outline);flex-shrink:0}.hud-colony{font-family:var(--font-display);font-size:20px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-left:12px;border-left:1px solid var(--rule)}.hud-colony .hud-colony-owner{color:var(--ink-faint);font-family:var(--font-body);font-size:11px;margin-left:4px}.hud-stats{display:flex;align-items:center;gap:6px;flex-shrink:0}.hud-stat{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;font-family:var(--font-display);font-size:18px;color:var(--ink);background:var(--well);border:1px solid var(--well-edge);border-radius:var(--radius-sm);box-shadow:inset 0 2px #00000059;white-space:nowrap}.hud-stat .px-icon{color:var(--gold)}.hud-stat .stat-sep{width:1px;height:14px;background:var(--rule)}.hud-stat .stat-dim{color:var(--ink-faint)}.stat-power.power-ok .px-icon{color:var(--good)}.stat-power.power-low .px-icon,.stat-power.power-low{color:var(--warn)}.stat-power.power-out .px-icon,.stat-power.power-out{color:var(--bad)}.topbar-nav{display:flex;align-items:center;gap:4px;flex-shrink:0}.nav-sep{width:2px;height:26px;margin:0 4px;background:var(--win-outline);box-shadow:1px 0 #ffffff1f}.nav-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;color:var(--ink);font-family:var(--font-display);font-size:18px;background:linear-gradient(180deg,var(--btn-top),var(--btn-bot));border:2px solid var(--win-outline);border-radius:var(--radius-sm);box-shadow:inset 2px 2px #fff3,inset -2px -2px #00000047;text-shadow:1px 1px 0 rgba(0,0,0,.5);white-space:nowrap}.nav-btn:hover{background:linear-gradient(180deg,var(--btn-hover-top),var(--btn-hover-bot))}.nav-btn:active{transform:translateY(1px)}.nav-btn.active{color:var(--gold);border-color:var(--gold);box-shadow:inset 2px 2px #fff3,inset -2px -2px #00000047,0 0 0 1px var(--win-outline)}.nav-icon .px-icon{width:18px;height:18px}.nav-btn-icon{padding:0 8px}.nav-btn-danger{background:linear-gradient(180deg,#a63543,#6f1822)}.nav-btn-danger:hover{background:linear-gradient(180deg,#c64250,#8e1f2a)}.nav-badge{position:absolute;top:-7px;right:-6px;min-width:18px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;line-height:1;color:#2a1a00;background:var(--gold);border:2px solid var(--win-outline);border-radius:8px;text-shadow:none;pointer-events:none}.nav-badge.badge-zero,.nav-badge.badge-idle{display:none}.nav-badge.badge-progress{color:#04202e;background:var(--info)}.main-workspace{flex:1;min-height:0;min-width:0;display:flex;overflow:hidden;position:relative}.pixi-viewport{flex:1;min-height:0;min-width:0;position:relative;background:#0a0f26;overflow:hidden}.pixi-viewport canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block}.viewport-top-center,.viewport-top-right,.viewport-bottom-left,.viewport-bottom-right{position:absolute;z-index:20;pointer-events:none}.viewport-top-center>*,.viewport-top-right>*,.viewport-bottom-left>*,.viewport-bottom-right>*{pointer-events:auto}.stockpile-tracker{position:absolute;top:10px;left:10px;z-index:21;width:196px;max-height:calc(100% - 150px);display:flex;flex-direction:column}.stockpile-tracker.compact{width:auto;max-width:196px}.stockpile-tracker-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 4px 8px;border-bottom:1px solid var(--rule)}.stockpile-tracker.collapsed .stockpile-tracker-header{border-bottom:none}.stockpile-header-btn{display:flex;align-items:center;gap:6px;color:var(--gold)}.stockpile-title{font-family:var(--font-display);font-size:18px;font-weight:600;text-shadow:1px 1px 0 var(--win-outline)}.caret{display:inline-block;font-size:9px;transition:transform .15s}.stockpile-tracker.collapsed .caret{transform:rotate(-90deg)}.stockpile-header-actions{display:flex;gap:2px}.stockpile-items-list{padding:4px;overflow-y:auto;display:flex;flex-direction:column}.stockpile-tracker.collapsed .stockpile-items-list{display:none}.stockpile-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px;border-radius:2px;font-size:12px}.stockpile-item-row:hover{background:#ffffff12}.stockpile-item-left{display:flex;align-items:center;gap:6px;min-width:0}.stockpile-item-icon{font-size:13px;width:16px;text-align:center;flex-shrink:0}.stockpile-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-dim)}.stockpile-item-count{font-family:var(--font-display);font-size:18px;color:var(--ink);flex-shrink:0}.stockpile-empty-hint{padding:6px;color:var(--ink-faint);font-size:11px;font-style:italic;text-align:center}.stockpile-tracker.compact .stockpile-items-list{display:grid;grid-template-columns:repeat(3,auto);gap:2px}.stockpile-tracker.compact .stockpile-item-row{justify-content:flex-start;gap:3px}.viewport-top-center{top:10px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 440px));display:flex;flex-direction:column;align-items:center;gap:8px}.colonist-roster{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;max-width:100%}.colonist-roster:empty{display:none}.colonist-pill{width:132px;padding:5px 7px 6px;display:flex;flex-direction:column;gap:4px;cursor:pointer;background:linear-gradient(180deg,var(--win-top) 0%,var(--win-bot) 100%);border:2px solid var(--win-edge);border-radius:var(--radius);box-shadow:0 0 0 2px var(--win-outline),0 4px 10px #0006;transition:transform .08s}.colonist-pill:hover{transform:translateY(-1px)}.colonist-pill.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--win-outline),0 0 0 4px #ffd35c59,0 4px 10px #0006}.colonist-pill.drafted{background:linear-gradient(180deg,#7a2633,#45121b)}.colonist-pill.drafted:not(.selected){border-color:#ff9a9a}.colonist-pill-name{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.pawn-name-label{font-family:var(--font-display);font-size:18px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 var(--win-outline)}.colonist-pill.selected .pawn-name-label{color:var(--gold)}.pawn-activity-label{font-size:12px;flex-shrink:0;line-height:1}.colonist-mini-bars{display:flex;flex-direction:column;gap:2px}.mini-bar-track{height:4px;background:var(--win-outline);border-radius:1px;overflow:hidden}.mini-bar-fill{height:100%;transition:width .25s}.bar-hunger .mini-bar-fill{background:var(--warn)}.bar-rest .mini-bar-fill{background:var(--info)}.bar-mood .mini-bar-fill{background:var(--good)}.mini-bar-track.is-low .mini-bar-fill{background:var(--bad)}.colonist-pill-job{font-size:10.5px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.viewport-alert-stack{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.raid-alert-banner{display:flex;align-items:center;gap:10px;padding:6px 14px;font-family:var(--font-display);font-size:21px;color:#fff;background:linear-gradient(180deg,#b52c3c,#6c1420);border:2px solid #ffb3b3;border-radius:var(--radius);box-shadow:0 0 0 2px var(--win-outline),0 6px 16px #00000073;text-shadow:1px 1px 0 rgba(0,0,0,.6);animation:raid-pulse 1.2s steps(2) infinite}.raid-alert-banner.routed{background:linear-gradient(180deg,#2f9a5c,#145a33);border-color:#b8f5cf;animation:none}.raid-alert-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#6c1420;background:var(--gold);border:2px solid var(--win-outline);border-radius:50%}.raid-alert-banner.routed .raid-alert-icon{color:#145a33}@keyframes raid-pulse{50%{filter:brightness(1.25)}}.research-hud-banner{display:flex;align-items:center;gap:10px;padding:7px 10px;width:min(440px,100%)}.research-hud-icon{color:var(--info)}.research-hud-icon .px-icon{width:24px;height:24px}.research-hud-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.research-hud-heading{display:flex;justify-content:space-between;gap:8px;font-family:var(--font-display);font-size:18px}.research-hud-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-hud-pct{color:var(--info)}.research-hud-progress-wrap{height:6px;background:var(--win-outline);border:1px solid var(--well-edge);border-radius:2px;overflow:hidden}.research-hud-progress-fill{height:100%;width:0;background:var(--info);transition:width .25s}.research-hud-status{font-size:11px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-hud-actions{display:flex;flex-direction:column;gap:4px}.viewport-top-right{top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.event-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--font-display);font-size:18px;color:var(--magic);background:linear-gradient(180deg,#3a2b86,#22185a);border:2px solid #d9c9ff;border-radius:var(--radius);box-shadow:0 0 0 2px var(--win-outline);text-shadow:1px 1px 0 var(--win-outline);cursor:help}.event-chip .px-icon{color:var(--gold)}.tick-hash{font-family:var(--font-mono);font-size:10px;color:#dfe4f7a6;padding:1px 6px;background:#060a1f99;border-radius:2px}.hud-fab{position:relative;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;font-family:var(--font-display);font-size:20px;color:var(--ink);background:linear-gradient(180deg,var(--win-top) 0%,var(--win-bot) 100%);border:2px solid var(--win-edge);border-radius:var(--radius);box-shadow:0 0 0 2px var(--win-outline),0 4px 10px #0006;text-shadow:1px 1px 0 var(--win-outline)}.hud-fab:hover{color:var(--gold)}.hud-fab.active{border-color:var(--gold);color:var(--gold)}.hud-fab .px-icon{width:18px;height:18px}.hud-fab-round{width:36px;padding:0;justify-content:center}.fab-badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#04202e;background:var(--info);border:2px solid var(--win-outline);border-radius:9px;text-shadow:none}.viewport-bottom-left{left:10px;bottom:10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.radio-transceiver-panel{width:320px;max-width:calc(100vw - 40px);height:300px;display:flex;flex-direction:column}.radio-header{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;border-bottom:1px solid var(--rule)}.radio-channel-tabs{flex:1;padding:2px}.radio-channel-tabs .seg-tab{padding:2px 6px;font-size:17px}.radio-header .btn-close{width:24px;height:24px}.radio-messages-log{flex:1;overflow-y:auto;padding:6px 10px;display:flex;flex-direction:column;gap:5px;font-size:12px;-webkit-user-select:text;user-select:text}.radio-msg{line-height:1.35}.msg-meta{display:inline;margin-right:4px}.msg-chan{font-family:var(--font-display);font-size:16px;margin-right:3px}.chan-global{color:var(--info)}.chan-trade{color:var(--gold)}.chan-system{color:var(--warn)}.msg-author{font-weight:700;color:var(--ink)}.msg-time{font-size:10px;color:var(--ink-faint);margin-left:3px}.msg-text{color:var(--ink-dim);overflow-wrap:anywhere}.radio-msg.msg-system .msg-text{color:var(--warn)}.radio-input-form{display:flex;gap:6px;padding:6px;border-top:1px solid var(--rule)}.radio-input-form input{flex:1;padding:5px 8px}.architect-container{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:22;width:max-content;max-width:calc(100% - 300px);display:flex;flex-direction:column}.architect-category-tabs{display:flex;gap:2px;padding:4px 4px 0;border-bottom:2px solid var(--win-outline);overflow-x:auto}.arch-tab{padding:5px 12px 6px;font-family:var(--font-display);font-size:18px;color:var(--ink-dim);border-radius:3px 3px 0 0;white-space:nowrap;border:2px solid transparent;border-bottom:none;margin-bottom:-2px}.arch-tab:hover{color:var(--ink);background:#ffffff0d}.arch-tab.active{color:var(--gold);background:var(--well);border-color:var(--win-outline);text-shadow:1px 1px 0 var(--win-outline)}.architect-toolbar{display:flex;gap:6px;padding:8px;background:var(--well);border-radius:0 0 4px 4px;overflow-x:auto}.tool-btn{position:relative;width:132px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;text-align:left;color:var(--ink);background:linear-gradient(180deg,var(--btn-top),var(--btn-bot));border:2px solid var(--win-outline);border-radius:var(--radius-sm);box-shadow:inset 2px 2px #ffffff2e,inset -2px -2px #00000047}.tool-btn:hover{background:linear-gradient(180deg,var(--btn-hover-top),var(--btn-hover-bot))}.tool-btn.active{background:linear-gradient(180deg,#ffe18a,#e3a633);color:#2a1a00}.tool-btn.active .tool-sub,.tool-btn.active .tool-key{color:#5a3d00}.tool-key{position:absolute;top:4px;right:6px;font-family:var(--font-display);font-size:16px;color:var(--ink-faint)}.tool-label{font-family:var(--font-display);font-size:18px;line-height:1.15;padding-right:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tool-sub{font-size:10.5px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tool-btn.locked{background:var(--win-bot);color:var(--ink-faint);box-shadow:none;border-style:dashed;border-color:var(--well-edge)}.tool-btn.locked:hover{background:var(--win-bot)}.tool-lock-tag{font-size:10.5px;color:var(--warn);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.viewport-bottom-right{right:10px;bottom:10px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.keybind-help{padding:10px 12px;width:290px}.keybind-list{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin-top:6px;font-size:12px}.keybind-list dt{font-family:var(--font-display);font-size:17px;color:var(--gold)}.keybind-list dd{color:var(--ink-dim)}.inspector-sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:10px;overflow-y:auto;background:#0b1030;border-left:2px solid var(--win-outline);z-index:25}body.sidebar-collapsed .inspector-sidebar{display:none}.panel-card{padding:8px 10px 10px;flex-shrink:0}.panel-title{font-size:21px;margin-bottom:6px}.inspector-body{font-size:12px}.panel-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.panel-head-row .panel-title{margin-bottom:0}.log-filter-toggles{display:inline-flex;gap:2px;background:var(--well);border:1px solid var(--well-edge);border-radius:var(--radius-sm);padding:2px}.btn-log-filter{background:transparent;border:none;color:var(--ink-dim);font-family:var(--font-body);font-size:11px;font-weight:600;padding:2px 7px;border-radius:2px;cursor:pointer;letter-spacing:.3px;transition:all .15s ease}.btn-log-filter:hover{color:var(--ink);background:#ffffff0f}.btn-log-filter.active{background:linear-gradient(180deg,var(--btn-top),var(--btn-bot));color:var(--gold);box-shadow:0 1px 2px #0006}.event-log-card{flex:1 1 auto;min-height:140px;display:flex;flex-direction:column}.event-log-list{list-style:none;flex:1;overflow-y:auto;font-size:11.5px;color:var(--ink-dim);display:flex;flex-direction:column;gap:3px;-webkit-user-select:text;user-select:text;background:var(--well);border:1px solid var(--well-edge);border-radius:var(--radius-sm);padding:4px}.event-log-list li{padding:3px 6px;border-left:3px solid var(--well-edge);overflow-wrap:anywhere;display:flex;align-items:baseline;gap:6px;background:#0e163873;border-radius:0 2px 2px 0}.event-log-list li:first-child{background:#19245599}.event-log-list li.log-threat{border-left-color:var(--bad);background:#ff64641f}.event-log-list li.log-danger{border-left-color:var(--bad);background:#ff64641a}.event-log-list li.log-warning{border-left-color:var(--warn);background:#ffae451a}.event-log-list li.log-tech{border-left-color:var(--info);background:#72cbff1a}.event-log-list li.log-success{border-left-color:var(--good);background:#63de8f1a}.event-log-list li.log-world{border-left-color:var(--gold);background:#ffd35c1a}.event-log-list li.log-incident{border-left-color:var(--magic);background:#c79bff1a}.event-log-list li.log-routine{border-left-color:var(--ink-faint);opacity:.85}.log-badge{font-size:9px;font-weight:700;letter-spacing:.5px;padding:0 4px;border-radius:2px;text-transform:uppercase;flex-shrink:0;display:inline-block;line-height:14px}.badge-threat,.badge-danger{background:var(--bad-deep);color:#fcc}.badge-warning{background:var(--warn-deep);color:#ffe6cc}.badge-tech{background:var(--info-deep);color:#d6f2ff}.badge-success{background:var(--good-deep);color:#d4ffd8}.badge-world{background:var(--gold-deep);color:#fff3cc}.badge-incident{background:#5a2c91;color:#edf}.badge-system{background:#26336e;color:#e2e8ff}.badge-routine{background:#1c2654;color:var(--ink-dim)}.log-time{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);flex-shrink:0}.log-msg{flex:1;color:var(--ink);line-height:1.3}.log-empty{padding:12px 8px!important;text-align:center;border-left:none!important;background:transparent!important}.pawn-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pawn-head-name{font-family:var(--font-display);font-size:25px;line-height:1.1;color:var(--ink);text-shadow:1px 1px 0 var(--win-outline)}.pawn-head-sub{display:flex;align-items:center;gap:6px;margin-top:3px}.btn-draft-toggle.drafted{background:linear-gradient(180deg,#c64250,#8e1f2a)}.pawn-status-bar{margin-top:8px;padding:6px 8px;font-size:12px}.pawn-status-bar.drafted{border-color:var(--bad-deep);background:#460c1499}.pawn-job{color:var(--info);font-weight:600}.pawn-status-bar.drafted .pawn-job{color:var(--bad)}.pawn-status-meta{display:flex;justify-content:space-between;gap:8px;margin-top:2px;font-size:11px;color:var(--ink-faint)}.pawn-tab-bar{margin-top:8px}.pawn-tab-bar .seg-tab{padding:4px;font-size:17px;position:relative}.tab-alert-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:3px;font-size:10px;color:#fff;background:var(--bad);border-radius:50%;animation:raid-pulse 1s steps(2) infinite}.pawn-tab-content{margin-top:10px}.need-row{margin-bottom:8px}.need-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px;font-size:12px}.need-label{font-family:var(--font-display);font-size:18px;color:var(--ink)}.need-value{font-family:var(--font-display);font-size:18px;color:var(--ink-dim)}.need-state{font-size:11px;margin-left:6px}.sub-label{font-family:var(--font-display);font-size:17px;color:var(--ink-faint);margin:10px 0 4px;letter-spacing:.5px}.thoughts-list{display:flex;flex-direction:column;gap:2px}.thought-row{display:flex;justify-content:space-between;gap:8px;padding:2px 6px;font-size:12px;border-radius:2px}.thought-row:nth-child(odd){background:#ffffff0a}.thought-row .thought-delta{font-family:var(--font-display);font-size:17px;flex-shrink:0}.trait-box{margin-bottom:10px;font-size:12px}.trait-box strong{color:var(--gold);font-family:var(--font-display);font-size:18px;font-weight:500;display:block}.trait-box span{color:var(--ink-dim)}.skills-grid{display:flex;flex-direction:column;gap:6px}.skill-row{display:grid;grid-template-columns:96px 1fr 32px;align-items:center;gap:8px;font-size:12px}.skill-name{color:var(--ink-dim)}.skill-val{font-family:var(--font-display);font-size:18px;text-align:right;color:var(--ink)}.health-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.health-meter-wrap{margin-bottom:8px}.health-parts-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:4px}.health-part-item{font-size:11.5px}.health-part-item .part-head{display:flex;justify-content:space-between;margin-bottom:2px}.injury-list{max-height:96px;overflow-y:auto;padding:4px 6px}.injury-item{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:2px 0;font-size:11.5px}.injury-item+.injury-item{border-top:1px solid var(--rule)}.equip-card{margin-bottom:10px}.equip-card .equip-name{font-family:var(--font-display);font-size:21px;color:var(--ink)}.equip-card .equip-stats{display:flex;justify-content:space-between;align-items:center;margin-top:2px;font-size:12px}.implant-row{display:flex;justify-content:space-between;gap:8px;padding:3px 6px;margin-bottom:3px;font-size:11.5px;background:var(--well);border:1px solid var(--well-edge);border-radius:2px}.surgery-actions{margin-top:8px;padding-top:8px;border-top:1px dashed var(--rule)}.surgery-actions .btn-row{margin-top:4px}.tile-kv{grid-template-columns:70px 1fr}.tile-tag{margin-left:4px}.thermostat{margin-top:8px;padding:8px}.thermostat-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--ink-dim)}.thermostat-val{font-family:var(--font-display);font-size:23px;color:var(--info)}.thermostat .btn-row{margin-top:6px}.tactical-context-menu{position:fixed;z-index:200;min-width:220px;padding:4px;animation:menu-in .08s ease-out}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)}}.context-menu-header{padding:4px 8px 6px;font-family:var(--font-display);font-size:18px;color:var(--gold);border-bottom:1px solid var(--rule);margin-bottom:3px}.context-menu-item{display:block;width:100%;padding:6px 8px 6px 20px;position:relative;text-align:left;font-size:12.5px;color:var(--ink);border-radius:2px}.context-menu-item:hover{background:#ffffff14;color:var(--gold)}.context-menu-item:hover:before{content:"▶";position:absolute;left:6px;font-size:9px;top:50%;transform:translateY(-50%);color:var(--gold)}.context-menu-item.action-draft{color:#ffb3b3}.toast-container{position:fixed;top:calc(var(--topbar-h) + 12px);right:calc(var(--sidebar-w) + 14px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:300;pointer-events:none}body.sidebar-collapsed .toast-container{right:14px}.game-toast{max-width:360px;padding:8px 12px;font-size:12.5px;background:linear-gradient(180deg,var(--win-top) 0%,var(--win-bot) 100%);border:2px solid var(--win-edge);border-left-width:6px;border-radius:var(--radius);box-shadow:0 0 0 2px var(--win-outline),0 6px 16px #00000073;animation:toast-in .18s ease-out,toast-out .3s ease-in 3.2s forwards}.game-toast.info{border-left-color:var(--info)}.game-toast.success{border-left-color:var(--good)}.game-toast.warning{border-left-color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}@keyframes toast-out{to{opacity:0;transform:translate(16px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0406149e;animation:fade-in .12s ease-out}@keyframes fade-in{0%{opacity:0}}.modal-window{width:min(960px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden;animation:window-in .14s ease-out}@keyframes window-in{0%{transform:scale(.97);opacity:0}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px 10px 16px;border-bottom:2px solid var(--win-outline);box-shadow:0 1px #ffffff1a;flex-shrink:0}.modal-header h2{font-family:var(--font-display);font-size:29px;font-weight:600;line-height:1.1;color:var(--gold);text-shadow:2px 2px 0 var(--win-outline)}.modal-subtitle{margin-top:3px;font-size:12.5px;color:var(--ink-dim)}.modal-body{padding:14px 16px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-tabs{align-self:flex-start;min-width:320px}.empty-state{grid-column:1 / -1;padding:36px 16px;text-align:center;color:var(--ink-dim)}.empty-state strong{display:block;margin-bottom:4px;font-family:var(--font-display);font-size:23px;font-weight:500;color:var(--ink)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.card-grid-wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--well);border:1px solid var(--well-edge);border-radius:var(--radius-sm);box-shadow:inset 0 2px #0000004d}.card.is-mine{border-color:var(--info)}.card.is-done{border-color:var(--good-deep)}.card.is-muted{opacity:.6}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card-title{font-family:var(--font-display);font-size:21px;font-weight:500;line-height:1.15;color:var(--ink)}.card-desc{font-size:12px;color:var(--ink-dim);margin-top:2px}.card-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--rule)}.card-icon{font-size:22px;line-height:1}.price{font-family:var(--font-display);font-size:20px;color:var(--gold)}.info-strip{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;font-size:12px;background:var(--well-2);border-radius:2px}.callout{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;font-size:12.5px;border:1px solid var(--warn-deep);border-left-width:4px;border-left-color:var(--warn);background:#9a5a122e;border-radius:var(--radius-sm);color:#ffe3bf}.world-modal-window{width:min(1120px,100%)}.world-modal-grid{display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);gap:16px;padding:14px 16px 16px;overflow-y:auto}.world-map-column,.world-trade-column{display:flex;flex-direction:column;gap:10px;min-width:0}#world-map-canvas{width:100%;height:auto;aspect-ratio:440 / 320;display:block;cursor:crosshair;border:2px solid var(--win-outline);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--well-edge);background:var(--win-outline)}.survey-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.survey-biome{font-family:var(--font-display);font-size:21px;color:var(--good)}#survey-tile-stones{color:var(--gold)}#world-survey-site-info{margin-top:8px;font-size:12px}.caravans-list{max-height:160px}.caravan-row,.settlement-card,.trade-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:var(--well-2);border:1px solid var(--well-edge);border-radius:var(--radius-sm);font-size:12px}.caravan-row{flex-direction:column;align-items:stretch;gap:3px}.caravan-row .btn-row{margin-top:4px}.row-title{font-family:var(--font-display);font-size:20px;color:var(--ink)}.row-meta{font-size:11.5px;color:var(--ink-dim)}.settlements-list{display:flex;flex-direction:column;gap:6px}.settlement-card.is-me{border-color:var(--gold-deep)}.trade-card-actions{display:flex;gap:4px;flex-shrink:0}.work-modal-window{width:min(900px,100%)}.work-priority-legend{display:flex;gap:6px;flex-wrap:wrap}.legend-chip{padding:2px 9px;font-family:var(--font-display);font-size:17px;border:2px solid var(--win-outline);border-radius:var(--radius-sm)}.prio-1{background:#e0453f;color:#fff}.prio-2{background:#f08c2e;color:#2a1200}.prio-3{background:#e8cf52;color:#2a2000}.prio-4{background:#6f8fd6;color:#0a1640}.prio-0{background:var(--well);color:var(--ink-faint);border-style:dashed;border-color:var(--well-edge)}.table-wrap{overflow:auto;padding:0}.work-matrix-table,.schedule-table{width:100%;border-collapse:collapse;font-size:12px}.work-matrix-table th{padding:8px 6px;font-family:var(--font-display);font-size:17px;font-weight:500;color:var(--ink-dim);text-align:center;border-bottom:2px solid var(--win-outline);background:var(--well-2);position:sticky;top:0}.work-matrix-table th.th-name{text-align:left;padding-left:12px;min-width:130px}.work-matrix-table td{padding:6px;text-align:center;border-bottom:1px solid var(--rule)}.work-matrix-table tbody tr:hover td{background:#ffffff0a}.work-pawn-name-cell{text-align:left!important;padding-left:12px!important;font-family:var(--font-display);font-size:20px;white-space:nowrap}.work-cell{white-space:nowrap}.work-prio-btn{width:34px;height:28px;font-family:var(--font-display);font-size:20px;font-weight:600;border:2px solid var(--win-outline);border-radius:var(--radius-sm);box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #0003}.work-prio-btn.prio-0{box-shadow:none;font-size:12px}.work-prio-btn:hover{filter:brightness(1.12)}.work-prio-btn:active{transform:translateY(1px)}.work-skill-hint{display:block;margin-top:2px;font-size:10px;color:var(--ink-faint)}.schedule-modal-window{width:min(1080px,100%)}.schedule-controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.schedule-palette,.schedule-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ctl-label{font-family:var(--font-display);font-size:17px;color:var(--ink-faint);margin-right:2px}.sched-brush-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--font-display);font-size:18px;color:var(--ink-dim);background:var(--well);border:2px solid var(--well-edge);border-radius:var(--radius-sm)}.sched-brush-btn:hover{color:var(--ink)}.sched-brush-btn.active{color:var(--gold);border-color:var(--gold)}.sched-swatch{width:12px;height:12px;border:2px solid var(--win-outline);border-radius:2px}.sched-cell-0{background:#4b5794}.sched-cell-1{background:#e8a33a}.sched-cell-2{background:#b06ae8}.sched-cell-3{background:#3c86d8}.schedule-table{table-layout:fixed}.schedule-table th{padding:6px 0;font-family:var(--font-display);font-size:16px;font-weight:500;text-align:center;color:var(--ink-faint);border-bottom:2px solid var(--win-outline);background:var(--well-2)}.sched-hour-hdr.hdr-day{color:var(--gold)}.sched-hour-hdr.hdr-night{color:var(--info)}.sched-name-col{width:130px;padding:6px 12px!important;text-align:left!important;font-family:var(--font-display);font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.sched-hour-cell{height:30px;border:1px solid var(--win-outline);cursor:crosshair}.sched-hour-cell:hover{filter:brightness(1.3);outline:2px solid var(--gold);outline-offset:-2px}.schedule-table tbody tr:first-child .sched-hour-cell{border-top:none}.tech-modal-window{width:min(1000px,100%)}.tech-active-banner{display:flex;flex-direction:column;gap:10px}.tech-active-card{padding:12px 14px}.tech-active-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.tech-active-name{font-family:var(--font-display);font-size:26px;color:var(--ink);line-height:1.15}.tech-active-progress{margin-top:8px}.tech-active-progress .need-header{font-size:12px;color:var(--ink-dim)}.tech-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.tech-card{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--well);border:1px solid var(--well-edge);border-radius:var(--radius-sm);box-shadow:inset 0 2px #0000004d}.tech-card.available{cursor:pointer}.tech-card.available:hover{border-color:var(--ink-dim)}.tech-card.active{border:2px solid var(--info);padding:11px}.tech-card.completed{border-color:var(--good-deep);background:linear-gradient(180deg,rgba(31,122,69,.2),var(--well))}.tech-card.locked{opacity:.55}.tech-card.research-activated-pulse{animation:research-pulse .5s steps(3)}@keyframes research-pulse{50%{box-shadow:0 0 0 4px var(--info)}}.tech-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tech-title{font-family:var(--font-display);font-size:21px;line-height:1.15;color:var(--ink)}.tech-cost{font-family:var(--font-display);font-size:17px;color:var(--gold);flex-shrink:0}.tech-desc{font-size:12px;color:var(--ink-dim)}.tech-unlocks{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tech-unlocks-label{font-size:11px;color:var(--ink-faint);margin-right:2px}.tech-unlock-pill{border-radius:var(--radius-sm);font-weight:500}.tech-card-actions{margin-top:auto;padding-top:6px;display:flex;justify-content:space-between;align-items:center;width:100%}.tech-active-inline{display:flex;flex-direction:column;gap:4px;width:100%}.tech-active-inline .need-header{margin:0}.btn-research{width:100%}.market-modal-window,.alliance-modal-window,.wonders-modal-window,.bounties-modal-window{width:min(1000px,100%)}.alliance-card{padding:12px 14px;background:var(--well);border:1px solid var(--well-edge);border-left:6px solid var(--alliance-color, var(--info));border-radius:var(--radius-sm)}.alliance-tag-badge{display:inline-block;padding:1px 7px;margin-right:8px;font-family:var(--font-display);font-size:17px;color:#fff;background:var(--alliance-color, var(--info));border:2px solid var(--win-outline);border-radius:var(--radius-sm);text-shadow:1px 1px 0 rgba(0,0,0,.5)}.member-list{list-style:none;margin-top:8px}.member-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:12px;border-top:1px solid var(--rule)}.member-name.is-me{color:var(--info)}.wonder-progress-bar-wrap{height:12px}.wonder-buff-box{padding:8px 10px;font-size:12px;color:var(--ink-dim);background:var(--well-2);border-left:3px solid var(--gold);border-radius:2px}.wonder-buff-box.is-active{border-left-color:var(--good)}.wonder-buff-box strong{display:block;margin-bottom:2px;font-family:var(--font-display);font-size:17px;font-weight:500}.wonder-contributions-list{font-size:12px}.contrib-row{display:flex;justify-content:space-between;padding:1px 0;color:var(--ink-dim)}.contrib-row.is-me{color:var(--info)}.wonder-contribute-actions{display:flex;gap:6px}.wonder-contribute-actions .btn{flex:1}.done-banner{padding:6px;text-align:center;font-family:var(--font-display);font-size:18px;color:var(--good);background:#1f7a4538;border:1px solid var(--good-deep);border-radius:2px}.faction-card{padding:12px 14px;background:var(--well);border:1px solid var(--well-edge);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px}.faction-standing-fill.allied{background:var(--good)}.faction-standing-fill.honored{background:var(--info)}.faction-standing-fill.neutral{background:var(--gold)}.faction-standing-fill.hostile{background:var(--bad)}.title-login-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,rgba(64,88,187,.35),transparent 60%),linear-gradient(180deg,#0b1236,#05081b)}.title-login-card{position:relative;width:min(460px,100%);margin:auto;padding:16px 18px 12px;display:flex;flex-direction:column;gap:12px}.title-login-card:has(#form-register:not(.hidden)){width:min(560px,100%)}.title-close-btn{position:absolute;top:10px;right:10px;z-index:2}.login-banner-frame{border:2px solid var(--win-outline);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 0 0 1px var(--well-edge);line-height:0}#login-banner-canvas{width:100%;height:auto;display:block}.ricos-title-header{text-align:center}.ricos-main-title{font-family:var(--font-display);font-size:52px;font-weight:700;line-height:1;color:var(--gold);letter-spacing:2px;text-shadow:3px 3px 0 var(--gold-deep),5px 5px 0 var(--win-outline)}.ricos-subtitle{margin-top:6px;font-size:12px;letter-spacing:1px;color:var(--ink-dim)}.auth-feedback{padding:8px 10px;font-size:12.5px;color:#ffd0d0;background:#8e1f2a59;border:1px solid var(--bad-deep);border-left:4px solid var(--bad);border-radius:var(--radius-sm)}.auth-feedback.info{color:#d3ecff;background:#1e5f994d;border-color:var(--info-deep);border-left-color:var(--info)}.auth-feedback.success{color:#d3f7e1;background:#1f7a454d;border-color:var(--good-deep);border-left-color:var(--good)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-aux-row{display:flex;justify-content:flex-end;margin-top:-4px}.auth-aux-row.center{justify-content:center;margin-top:0}.auth-form-description{font-size:12.5px;color:var(--ink-dim)}.landing-picker-group{display:flex;flex-direction:column;gap:8px}.landing-header-title{font-family:var(--font-display);font-size:18px;color:var(--gold)}.landing-header-title em{font-family:var(--font-body);font-style:normal;font-size:11px;color:var(--ink-faint);margin-left:6px}.landing-preview-container{display:flex;gap:12px;align-items:flex-start}.landing-canvas{width:150px;height:150px;flex-shrink:0;cursor:crosshair;border:2px solid var(--win-outline);box-shadow:0 0 0 1px var(--well-edge);border-radius:2px}.landing-detail-card{display:flex;flex-direction:column;gap:3px;min-width:0}.landing-biome-title{font-family:var(--font-display);font-size:20px;color:var(--good);margin-bottom:2px}.landing-stat{font-size:12px;color:var(--ink-dim)}.landing-inputs-row{display:flex;align-items:center;gap:8px}.landing-inputs-row label{display:flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:17px;color:var(--ink-dim)}.landing-inputs-row input[type=number]{width:64px;padding:4px 6px}.landing-inputs-row .btn{margin-left:auto}.demo-access-section{display:flex;flex-direction:column;gap:8px}.demo-divider{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-faint);letter-spacing:.5px}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:1px;background:var(--rule)}.quick-login-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-quick-login{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;text-align:left;background:var(--well);border:2px solid var(--well-edge);border-radius:var(--radius-sm)}.btn-quick-login strong{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--ink)}.btn-quick-login:hover{border-color:var(--gold)}.btn-quick-login:hover strong{color:var(--gold)}.demo-sub{font-size:11px;color:var(--ink-faint)}.world-status-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px;font-size:11px;color:var(--ink-faint);border-top:1px solid var(--rule)}.world-status-dot{width:8px;height:8px;background:var(--good);border-radius:50%;box-shadow:0 0 6px var(--good);flex-shrink:0}@media(max-width:1400px){.viewport-top-right{top:auto;bottom:146px}.tick-hash{display:none}}@media(max-width:1560px){.nav-label{display:none}.nav-btn{padding:0 8px}}@media(max-width:1200px){.viewport-top-center{width:calc(100% - 240px);left:calc(50% + 50px)}.architect-container{max-width:calc(100% - 120px);left:calc(50% + 20px)}.hud-fab-label{display:none}}@media(max-width:1080px){.inspector-sidebar{position:absolute;top:0;right:0;bottom:0;box-shadow:-8px 0 24px #00000080;display:none}body.sidebar-open .inspector-sidebar{display:flex}body.sidebar-collapsed .inspector-sidebar{display:none}.toast-container,body.sidebar-collapsed .toast-container{right:14px}.hud-colony{display:none}}@media(max-width:860px){.brand-title,.nav-sep{display:none}.stockpile-tracker{width:160px}.viewport-top-center{width:calc(100% - 190px);left:calc(50% + 85px)}.colonist-pill{width:96px}.world-modal-grid,.form-grid-3,.form-grid-alliance{grid-template-columns:1fr}}@media(max-width:640px){:root{--topbar-h: auto}.hud-topbar{flex-wrap:wrap;padding:6px 8px;row-gap:6px}.topbar-nav{width:100%;overflow-x:auto;justify-content:space-between}.viewport-top-right{display:none}.architect-container{left:8px;right:8px;transform:none;max-width:none;width:auto;bottom:54px}.viewport-bottom-left,.viewport-bottom-right{bottom:8px}.tool-btn{width:104px}.modal-backdrop{padding:8px}.modal-tabs{min-width:0;align-self:stretch}.inspector-sidebar{width:100%}.form-grid{grid-template-columns:1fr}.landing-preview-container{flex-direction:column}}.mt-0{margin-top:0!important}.mt-3{margin-top:3px}