/* Compact spatial UI. Popovers use CSS pixels rather than the scaled battle HUD. */
#ui{position:fixed}#hud #coreVitals{position:relative}#hud #inspectSelf{position:absolute;left:auto;right:0;top:0;width:26px;height:26px;padding:0;z-index:4}#hud #coreVitals{padding-right:30px}
#ammoMenu[hidden],#inspect[hidden],#instructions[hidden],.shipHoverTip[hidden]{display:none!important}
#ammoMenu{position:fixed;inset:auto;z-index:160;width:max-content;max-width:calc(100vw - 16px);margin:0;padding:8px;background:#e8d0a1 url('assets/parchment-grain.svg');color:#51361f;border:2px solid #947045;box-shadow:inset 0 0 0 2px #fff0c2,0 3px 9px #081b2455;border-radius:4px}
#ammoMenu>header{position:static;display:flex;align-items:center;justify-content:space-between;font:600 15px/20px var(--font-display);padding:0 2px 5px;letter-spacing:1px;height:auto;background:none;color:inherit}
#closeAmmo,#closeHelp{position:static;width:24px;height:24px;padding:0;border:0;background:none;color:#63462a;font:24px/24px var(--font-body);box-shadow:none}
#ammoChoices{display:grid;grid-auto-flow:column;grid-auto-columns:56px;gap:6px;padding:0;margin:0}
#ammoChoices button{position:relative;width:56px;height:56px;min-height:0;margin:0;padding:4px;display:grid;place-items:center;overflow:hidden;border:1px solid #8d673c;background:radial-gradient(#f4e5c3,#c9ac77);border-radius:4px;box-shadow:inset 0 0 0 1px #fff0c080}
#ammoChoices button img{width:46px;height:46px;object-fit:contain}#ammoChoices button[aria-pressed=true]{outline:2px solid #b37c31;outline-offset:1px}#ammoChoices button[aria-disabled=true]:not([aria-pressed=true]){filter:grayscale(.65);opacity:.6}#ammoChoices button:focus-visible{outline:2px solid #855828;outline-offset:2px}
#ammoChoices i{position:absolute;bottom:0;right:2px;font:bold 16px/17px var(--font-body);color:#5b6b34;text-shadow:0 0 3px #ffe8ae;font-style:normal}.ammo-loading{top:0;bottom:auto!important}
#hover{width:320px!important;padding:11px 14px!important;line-height:1.3!important;z-index:180;pointer-events:none;background:#ecd9b1 url('assets/parchment-grain.svg');animation-duration:70ms!important}
#hover .tooltip-head,#inspect .tooltip-head{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;margin:0 0 8px}#hover .tooltip-head>svg,#inspect .tooltip-head>svg{width:24px;height:24px}
#hover .tooltip-head h3,#inspect .tooltip-head h3{font:600 22px/24px var(--font-display)!important;margin:0;overflow-wrap:anywhere}#hover .tooltip-head small,#inspect .tooltip-head small{font:14px/17px var(--font-body);display:block;margin-bottom:2px}
#hover p,#inspect p{font:16px/20px var(--font-body);margin:5px 0 8px}
#hover .tooltip-stats,#inspect .tooltip-stats{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font:16px/20px var(--font-body);margin:6px 0 0}#hover dt,#hover dd,#inspect dt,#inspect dd{margin:0;min-width:0}#hover dd,#inspect dd{font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:normal;max-width:150px}
#hover .tooltip-warning{font:15px/19px var(--font-body);padding:5px 0 0;margin:5px 0 0;color:#8c4230}.tooltip-footer{display:none}
#inspect,.inspecting #inspect{position:fixed;inset:70px 18px auto auto;width:320px;max-width:calc(100vw - 24px);padding:12px 15px;z-index:140;max-height:none;overflow:visible;display:block;margin:0;border:2px solid #8e663b;border-radius:4px;box-shadow:inset 0 0 0 2px #ffecc580,0 3px 12px #071a2466;background:#ebd7ad url('assets/parchment-grain.svg');color:#513923}
#inspect>.close-inspect{top:6px;right:6px;width:24px;height:24px;padding:0;font-size:23px}.inspect-content{padding:10px 0 0;margin:0}.inspect-orbit{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-bottom:8px}.inspect-orbit button{width:28px;height:26px;padding:0}.inspect-orbit span{font-size:0}.inspect-orbit span:after{content:'ОСМОТР';font:14px/18px var(--font-display)}
.inspect-systems{display:grid;gap:3px;margin-top:8px;padding-top:7px;border-top:1px solid #a8865455}.inspect-systems .hull-diagram{margin:0;height:114px}.inspect-systems .hull-facet small{font-size:11px}.inspect-systems .hull-facet span{font-size:14px}.inspect-systems .mast-diagram{margin:0;height:104px;display:flex;justify-content:center;gap:14px}.inspect-systems .mast-condition{display:flex;flex-direction:column;align-items:center;gap:2px}.inspect-systems .model-mast{width:42px;height:60px;grid-row:auto}.inspect-systems .mast-diagram small{font-size:12px}.inspect-systems .mast-diagram b{font-size:14px}.inspect-systems figcaption{display:none}
#instructions{position:fixed;top:70px;right:18px;z-index:150;width:224px;margin:0;padding:8px 10px;border:2px solid #997144;background:#ead5aa url('assets/parchment-grain.svg');color:#513923;box-shadow:0 3px 10px #0a1f2755;border-radius:4px}#instructions>#closeHelp{display:block;margin-left:auto}.help-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.help-icons button{padding:4px;min-height:76px;border:1px solid #967447;background:#f6e8c050}.help-icons img{display:block;width:40px;height:40px;object-fit:contain;margin:0 auto 3px}.help-icons kbd{font:12px/16px var(--font-body);white-space:nowrap}
.shipLabel,.shipLabel.compact-world-card{width:246px;min-width:246px;max-width:246px;padding:7px 10px 10px;gap:3px 10px;grid-template-columns:1fr 1fr;line-height:1.2;transition:none;pointer-events:auto}
.shipLabel .ship-label-heading{grid-column:1/-1;gap:5px;min-height:24px;align-items:center;margin:0;padding-bottom:4px!important}.shipLabel .ship-title{min-width:0;font:600 19px/21px var(--font-display);white-space:normal;overflow-wrap:anywhere;text-align:center}.shipLabel .ship-crest{width:18px;height:19px;flex:none}.shipLabel .inspect-world{position:static;width:24px;height:24px;padding:3px;flex:none}
.shipLabel .ship-resource{display:grid;grid-template-columns:16px minmax(0,1fr);gap:3px;align-items:center;width:100%;height:20px}.shipLabel .ship-resource img{display:block;width:16px;height:16px;object-fit:contain}.shipLabel .resource-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.shipLabel .resource-value{font:700 17px/20px var(--font-body);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.shipLabel .resource-value em{font:14px/20px var(--font-body)}
.shipLabel .world-hp,.shipLabel .world-crew{position:relative;width:100%;height:6px;margin:0}.shipLabel .world-hp span{background:linear-gradient(#cb6654,#a23d33)}.shipLabel .world-crew span{background:linear-gradient(#609cbb,#2f739d)}.shipLabel:after{display:none}.cinematic-shot .shipLabel{opacity:1;pointer-events:auto}
.shipHoverTip{position:absolute;width:254px;z-index:40;padding:9px 12px;background:#ecdbb5 url('assets/parchment-grain.svg');color:#513923;border:2px solid #997447;box-shadow:inset 0 0 0 2px #fff1cf66,0 3px 8px #071b2555;pointer-events:none;border-radius:4px;font:16px/20px var(--font-body)}
.shipHoverTip .world-part-state{position:static;inset:auto;display:block;width:100%;padding:0;border:0;margin:0}.shipHoverTip .world-part-state>b{display:block;font:600 20px/23px var(--font-display);margin:0 0 6px;white-space:normal}.shipHoverTip dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font:16px/20px var(--font-body);margin:0}.shipHoverTip dt,.shipHoverTip dd{margin:0;min-width:0}.shipHoverTip dd{font-weight:bold;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.shipHoverTip [hidden]{display:none!important}
.shipHoverTip .world-forecast{display:grid;grid-template-columns:1fr;gap:4px;border-top:1px solid #ad875155;margin-top:7px;padding-top:7px;font:15px/19px var(--font-body)}.shipHoverTip .world-forecast>b{font:600 18px/21px var(--font-display);display:block;margin:0}.shipHoverTip .world-forecast span,.shipHoverTip .world-forecast small{display:block;font:15px/19px var(--font-body);margin:0}.shipHoverTip .world-forecast:only-child{border:0;padding:0;margin:0}
@media(max-height:700px){#inspect{top:54px}.inspect-systems .hull-diagram{height:90px}.inspect-systems .mast-diagram{height:56px}}
